/*
Theme Name: Illdy
Theme URI: https://colorlib.com/wp/themes/illdy/
Author: Colorlib
Author URI: https://colorlib.com
Description: Illdy is a stunning multipurpose WordPress theme built based on Bootstrap frontend framework making it fully responsive and mobile friendly. This theme is well suited for business, landing page, portfolio or any other creative websites. This leaves heavy lifting to WordPress Customizer therefore you can create your website on live preview mode. Which means that you can see changes happen on your website in real time as you make them
Version: 2.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio
Text Domain: illdy

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* FAZTI - CSS*/
.form-input {
*    border-radius: 4px;*/
}

.form-input:focus {
    border: 1px solid #DD5C5C!important;
}

.form-input:hover {
    border: 1px solid #DD5C5C!important;
}

.form-area custom_icon_id{
    border-radius: 4px;
}

.form-area:focus {
    border: 1px solid #DD5C5C!important;
}

.top-header {
    position: fixed;
    background-color: #fff;
    z-index: 1000;
    padding-bottom: 5px;
}

nav {
    background-color: #fff;
}

h4 {
line-height: 10px !important;
}

#footer .widget .widget-title {
    margin: 0 0 0px 0;
}

#text-5 div.textwidget p {
color: #fff;
font-size: 15px; 
}

#text-5 div.widget-title h5 {
font-size: 20px !important; 
}

#footer div.col-md-3 {
width: 50%;
}

#footer span.bottom-copyright {
font-weight: bold;
}

#custom_icon_id {
text-align: right !important;
}

#footer div.container {
width: 71% !important; 
}

#custom_icon_id li a {
width: 36px !important;
height: 36px!important;
}

#custom_icon_id li i {
font-size: 23px !important; 
}

#descricao p {
/*width: 50%;    
margin-left: 255px;*/
}



.home #static-page-content {
    background: url("https://www.camargoecamposrh.com.br/wp-content/uploads/2017/08/bg_camargo.jpg") no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-weight: bold;
    font-size: 22px;
    color: black;
}

footer .row {
line-height: 20px !important;
}

footer .row.copy {
display:none;
border-top: 1px solid #fff;
padding:5px;
}

footer {
padding: 0px 0 0 !important;
}

#footer .bottom-footer {
margin-top: -6px !important;
}

.title {
    font-size: 35px;
    font-family: 'Lalezar', cursive;
    color: #647387;
}

.title-empresa {
    font-size: 45px;
    font-weight: bold;
    font-family: 'Droid Sans', cursive;
    color: #DD5C5C;
}

.title-local {
    font-family: 'Roboto', serif;
    font-size: 18px;
}

.description {
    font-family: 'Droid Sans', serif;
    font-size: 20px;
    color: #8c9597;
}

.img-subtitle {
    font-family: 'Lalezar', cursive;
    font-size: 18px;
    color: #DD5C5C;
    margin-bottom: 18px;
}

.dif-description {
    font-family: 'Droid Sans', serif;
    font-size: 14px;
    color: #8c9597;
    text-align: justify;
}

#diferenciais {
    margin-bottom: 50px;
    display: none !important;
}

#banner-empresa {
    height: 500px;
    background: url("https://www.camargoecamposrh.com.br/wp-content/uploads/2017/05/bg.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 50px;
    display: none!important;
}

#banner-sn {
    height: 500px;
    background: url("https://www.camargoecamposrh.com.br/wp-content/uploads/2017/05/aboutus-banner.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: none !important;
}


#banner-clientes {
    height: 500px;
    background: url("https://www.camargoecamposrh.com.br/wp-content/uploads/2017/05/clientes-1-1.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#banner-contato {
    height: 500px;
    background: url("https://www.camargoecamposrh.com.br/wp-content/uploads/2017/05/contact-banner.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: none !important;
}

#img-recrutamento {
    height: 350px;
    background: url("https://www.camargoecamposrh.com.br/wp-content/uploads/2017/05/serviços-1-vermelho.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#img-executive {
    height: 350px;
    background: url("https://www.camargoecamposrh.com.br/wp-content/uploads/2017/05/serviços-2-vermlho.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#img-aval-potencial {
    height: 350px;
    background: url("https://www.camargoecamposrh.com.br/wp-content/uploads/2017/05/serviços-4-3.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#img-outplacement {
    height: 350px;
    background: url("https://www.camargoecamposrh.com.br/wp-content/uploads/2017/05/serviços-3.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#img-dif-1 {
    width: 225px;
    height: 200px;
    background-image: url("https://www.camargoecamposrh.com.br/wp-content/uploads/2017/05/ícones-1.png");
    background-size: cover;
    margin-left: 25%;
    opacity: 0.9;
}

#img-dif-2 {
    width: 225px;
    height: 200px;
    margin-left: 25%;
    background-image: url("https://www.camargoecamposrh.com.br/wp-content/uploads/2017/05/ícones-3-1.png");
    background-size: cover;
    opacity: 0.9;
}

#img-dif-3 {
    width: 225px;
    height: 200px;
    margin-left: 25%;
    background-image: url("https://www.camargoecamposrh.com.br/wp-content/uploads/2017/05/ícones-2.png");
    background-size: cover;
    opacity: 0.9;
}

.row {
  margin-right: 0px;
  margin-left: 0px;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

/* CSS Card */
.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    margin-bottom: 20px;
    min-height: 500px;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.card-title {
    font-family: 'Lalezar', cursive;
    color: #647387;
    padding-left: 10px;
}

.card-content {
    padding: 0px 15px 15px 15px;
    font-family: 'Droid Sans', serif;
    font-size: 16px;
}
/* End CSS Card */

.tit-pag {
    padding-top: 225px;
}

.tit-text {
    font-family: 'Bree Serif', serif;
    font-size: 36px;
    color: #fff;
    /*background-color: rgba(121,75,76,0.5);*/
    line-height: 49px;
}
.navbar-toggle {
    border-color: #fff;
    margin: 7px 15px 0;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}

#banner-home {
    height: 831px;
    padding-top: 50px;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu {
padding: 0px !important;
}
.servicos {
    padding-top: 75px;
}

div.wpcf7-validation-errors {
    border: 2px solid #DD5C5C;
    border-radius: 3px;
}

@media screen and (max-width: 991px) {
    #bs-example-navbar-collapse-1 {
       background-color: #DD5C5C!important;
    }
    #banner-home {
        padding-top: 70px;
    }
    .tit-text {
        font-size: 20px;
        line-height: 0;
    }
    .title {
        font-size: 25px;
    }
    .servicos {
        padding-top: 0;
        font-size: 12px;
    }

    #img-executive {
        background: #F0F1F5;
        height: 245px;
    }
    #img-aval-potencial {
        background: #F0F1F5;
        height: 215px;
    }
    #img-outplacement {
        background: #F0F1F5;
        height: 245px;
    }
    #img-recrutamento {
        background: #F0F1F5;
        height: 285px;
    }
body.page-id-82 footer {
    margin-top: 0px !important;
}

}
#logos {
list-style-type: none;
}
#logos li {
  display: inline;
  list-style-type: none;
  padding-right: 80px;
}
@media screen and (max-width: 1440px) {
#banner-home div.container{
margin-top: 0px;
}
#banner-home{
height: 717px;
}



}

@media screen and (max-width:1024px) {
#banner-home div.container{
margin-top: -50px;
}

#footer {
height: 66px;
}



#footer div.container{
width: 92% !important;
}

#mega-menu-primary-menu a {
font-size:14px!important;
}

#banner-home {
height: 714px;
}
}


@media only screen and (max-width: 768px) {
#blog {
padding: 50px 0 40px 0 !important;
}
#text-5.widget {
width: 500px!important;
}
#footer {
height: 112px!important;
}

#descricao p {
/*margin-left: 200px;*/
}
#banner-home div.container {
margin-top: 30px!important;
}
nav.navbar{
background-color: #DD5C5C;
}
#banner-home {
padding-top: 0px !important;
}
}

@media screen and (max-width: 1199px) {
#mega-menu-primary-menu li{
margin: 0px 10px 0px 0px !important;
}

}
@media screen and (max-width: 425px) {
nav.navbar{
background-color: #DD5C5C;
}

#text-5.widget {
width: 220px!important;
}

#footer {
height: 155px!important;
}



div.col-md-2 img.img-circle {
margin-left: 115px!important;
}

#logos {
line-height: 110px;
}


}
@media screen and (max-width: 400px) {
#logoHome {
max-width: 80% !important;
}
}
@media screen and (max-width: 375px) {

#footer div.col-md-3 {
width: 50%;
padding-left: 0px;
clear: both;
}

#footer {
height: 204px!important;
}

}

@media screen and (max-width: 320px) {
#custom_icon_id {
width: 170px;
margin-left: 50px;
}


#footer div.col-md-3 {
padding-left: 0px!important;
}
}

html, body {
      height: 100%;
      margin: 0;
    }
section, .container-fluid, .container {
      min-height: 100%;
    }
footer
     {
      height: 66px !important;
    }

#text-5.widget {
width: 630px;
padding-right: 20px;
}

@media screen and (max-width: 1166px) {
#text-5.widget {
width: auto;
padding-right: 20px;
}
}
@media screen and (max-width: 886px) {
#logos li {
height: 100px;
    display: block;margin-bottom: 30px;
}
}
@media screen and (max-width: 908px) {
#footer div.col-md-3 {
width: 100%;
}
#footer {
height: auto !important;
}
#custom_icon_id {
text-align:center !important;
}

#text-5.widget {
width: 100% !important;
text-align:center;
padding-right: 0px !important;
}
}
#logoHome {
	max-width: 50%; height:auto;
}

footer #text-5 {
margin-top: 16px;
}
body.page-id-82 footer {
    margin-top: 70px;
}



.page-id-86 .title {
font-size:25px;
}