/* Theme Name: Shantal Marketing Médico

Text Domain: Shantal Marketing Médico

Version:4.2 

Description: Tema Criado em parceria com a Shantal Marketing Digital, desenvolvido por Joao Antonio Rocco (joao.a.rocco@gmail.com)

Tags: responsive,wordpress theme, bootstrap

Author: Joao Antonio

Author URI: https://marketingdigitalmedicos.com.br/

heme URI:  https://marketingdigitalmedicos.com.br/ */

@media (max-width:768px){

.rc-anchor-normal .rc-anchor-content{

width: 140px!important;

}

.wpcf7 .wpcf7-recaptcha iframe{

width: 100%!important;

}

}

/****** TYPO CORES E BOTOES *****/

.primary-color{color:#5ec5ce!important}

.secondary-color{color:#34699f!important}

.tertiary-color{color:#d9d9d9!important}

.fill-primary{fill:#5ec5ce}

.fill-secondary{fill:#34699f}

.fill-tertiary{fill:#d9d9d9}

a:hover .fill-primary, .fill-primary:hover{fill:#34699f}

a:hover .fill-white, .fill-white:hover{fill:#34699f;}  

a.white-color:hover{color:#34699f!important;}

a:hover .fill-secondary, .fill-secondary:hover{fill:#5ec5ce;}



.bt-primary{

    color:#fff;

    background-color:#5ec5ce ;

}

.bt-primary:hover, .bt-featured:hover{

    background-color:#34699f ; 

    color:#fff;

    background-image: inherit;

}

.bt-secondary{

    color:#FFF;

    background-color:#34699f;

}

.bt-secondary:hover, .bt-white:hover{

    background-color:#5ec5ce ;

    color:#fff;

}

.bt.bt-white{

    border:2px solid #fff!important;

}

.bt-white{

    color:#fff;

    background-color: transparent;

}

.bdr-30{

    border-radius: 30px;

}

.bdr-14{

    border-radius: 14px;

}

.bt-collapse.collapsed:after  {

    content: url('dist/images/chevron-down.svg');

}

.bt-collapse {

    text-decoration:none!important;

}

.bt-collapse:not(.collapsed):after {

    content: url('dist/images/chevron-up.svg');

}

.fundo-primary-color{

    background-color:#5ec5ce;

}

.fundo-secondary-color{

    background-color:#34699f;

}

.fundo-tertiary-color{

    background-color:#d9d9d9;

}

/**** CORES E BOTOES ENDS ****/

#banner .caption{

    position: absolute;

    top: 50%;

    text-align:left;

    left:6%;

    transform: translate(0, -50%);

}  



@media (min-width:1900px){

.caption{

left:16%!important;

}

@media (min-width:2500px){

.caption{

left:25%!important;

    }

}

} 

.caption h1 {

    line-height:35px;

}

/***** *HEADER *******/

.navbar-nav .nav-link, .top-bar .nav-link{

    color: #000!important;

    white-space: nowrap;

}

.top-bar .icons{

    display: inline-block;

}

.nav-link{

    font-weight:500!important;

    font-size:1rem!important;

    padding:0.4rem!important;

}

a.primary-color:hover{

    color: #34699f!important;

}

.dropdown-item{

white-space: wrap!important;

}

.navbar-nav .nav-link:hover,

.navbar-nav .nav-item.active .nav-link,

.nav-link:hover,

.nav-link.active{

    color: #34699f  !important;

    text-decoration: underline!important;

}

.btn-close {

background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat!important;

position: absolute;

opacity: 1;

top:5%;

right:5%;

}

/* ****** OFFCANVAS ****** */

/* ============ mobile view ============ */

@media all and (max-width: 991px) {

.mobile-offcanvas{

background-color:#fff!important;

}

.navbar-nav .nav-link, .nav-top .nav-link{

color: #5ec5ce!important;

}

.navbar-nav .nav-link:hover,

.navbar-nav .nav-item.active .nav-link,

.nav-link:hover,

.nav-link.active    {

color: #34699f  !important;

text-decoration: underline!important;

} 

}

/**** HEADER ENDS ****/  

.map-responsive {

    padding-bottom:25%;

    position: relative;

    height: 0px;

    overflow: hidden;

}
.map-responsive.cols {

    padding-bottom:65.25%;
}
.map-responsive iframe {

    left: 0px;

    top: 0;

    height: 100%;

    width: 100%;

    position: absolute;

}  

.map-responsive.bdr-30 {

    padding-bottom: 70%;

}

@media (max-width:768px){

    .map-responsive {

        padding-bottom: 50%;

    }

}

.box-cta{

    background-color:#e6ebee;

    display:inline-block;

    padding:1rem 1rem;

    border-radius:30px;

}

.box-cta svg{

    width:50px;

    margin-left:15px;

    fill:#5ec5ce;

    transition:all 0.3s;

}

.box-cta a{

    font-weight:bold;

    font-size:1.2rem;

    color:#404445;

    transition:all 0.3s;

}

.cta-footer{

    text-align:center;

    background:linear-gradient(to bottom, #fff 0, #fff 60%,  #24332c 60%, #24332c 100%) ;

    padding:1rem;

}

.box-cta a:hover{

    color:#8cb3ba;

}

.box-cta a:hover svg{

    fill:#8cb3ba;

}

@media(min-width:768px){

    .box-cta{

        padding:3rem 7rem;

    }

}

/***** *INTERNAS ********/

.internas .c1 h2{

    color:#5ec5ce;

}

.internas .c2 h2{

    color:#34699f;

}

@media (max-width:1380px){

    .img-logo{

        width:185px;

        height: auto;

    }

}

@media only screen and (min-width: 1024px){   

    .img-logo{

        position:relative;

        top:10px;

    }

    .internas h2, .single article h2{

        font-size:1.4rem!important;

    } 

    .internas h3, .single article h3{

        font-size:1.2rem!important;

    } 

    .internas h4, .single article h4{

        font-size:1.1rem;

    }

    .internas h5, .single article h5{

    font-size:1.05rem!important;

    } 

    .dropdown-menu.show{

        width:300px!important;

    }

    .caption-interna{

        width:500px;

    }

}

/******** *INTERNAS ENDS ******/

/***** FOOTER *******/

footer{

    background-color:#34699f;

    color:#fff!important;

    }

.nav-footer ul{

    list-style: none;

    padding-left: 0;

    margin-bottom: 0!important;

}

.icons-footer svg{

    fill:#d9d9d9;

}

footer a{

    color:#fff;

}

footer a:hover{

    color:#d9d9d9;

}

footer .nav-link:hover, footer .nav-item.active .nav-link{

    color:#d9d9d9!important;

}





footer .nav-link{















padding-top:0!important;















padding-bottom:0!important;















}















footer a:hover svg{















fill:#d9d9d9;















}















.tel-footer:before{















background-color: #fff;















}















.email-footer:before{















background-color: #fff;















}















.wpp-footer:before{















background-color: #fff;















}















.tel-icon:before, .pg-ag .tel-footer:before{















background-color: #d9d9d9;















}















.pg-ag .wpp-footer:before{















background-color: #d9d9d9;















}















.wpp-icon:before,  .tel-footer:hover:before, .email-footer:hover:before{















background-color:#5ec5ce;















}































.tel-icon:hover:before{















background-color:#d9d9d9;















}















.wpp-footer:hover:before, .wpp-icon:hover:before{















background-color:#d9d9d9;















}















#wpp-flutuante::before{















background-color:#5ec5ce;















color:#fff;















}







@media (min-width:768px){



.nav-footer ul{



display: flex;



justify-content: center;



margin:20px 0;



}



}







/***** FOOTER ENDS ****/















































.slick-dots{















bottom:-40px!important;















}















.slick-dots li button:before  {















font-size:15px!important;















color:#34699f!important;















}















.slick-dots li.slick-active button:before{















color:#34699f!important;















}































.slick-item-blog .cover-img{















border-radius:15px 15px 0 0;















}











.arrow .next, .arrow .prev{



width:40px;



}



















@media only screen and (max-width:768px){







.arrow .next, .arrow .prev{



width:25px;



}







.arrow .prev.eqp{















left: 0;















}















.arrow .next.eqp{















right:0;















}   















.arrow .next.eqp, .arrow .prev.eqp{















width:25px;















top: 55%;















}































}































.img-feed  img{















height:60px;















width:100%;















object-fit: cover;















}















.blg-bx p{















padding:0 1.5rem















}















@media screen and (max-width: 768px) {















.video-sec{















background-position:center;















background-size:cover;















}















}























.pagination {







display:block!important;;







margin-top:2rem;







}















.pagination .page-numbers, .pagination .page {







background-color:#fff;







margin: 0 10px 25px;







display:inline-block;







padding: 10px 15px;







color: #5ec5ce ;







border:1px solid #5ec5ce ;







border-radius:8px;







transition:all 0.2s;







}







.pagination .page-numbers:hover, .pagination .page:hover, 







.page-numbers.current







{   







background:#5ec5ce ;







color:#fff;







text-decoration:none;







border-color:#5ec5ce ;







}      























.slick-dots{































text-align:center!important;































}































































.slick-dots li button:before  {































font-size:15px!important;































color:#223c7e!important;































}































































.slick-dots li.slick-active button:before































{































color:#223c7e!important;































}































.arrow .next,































.arrow .prev   {































position:absolute;































top:50%;































z-index:9;































cursor:pointer































}































.arrow .prev{































left:-60px;































}































.arrow .next{































right:-60px;































}    































.nav-link{































































font-size: 0.9rem!important;































text-transform: uppercase;































}































































@media only screen and (max-width:1400px){































































































































.lh-resumo{















































height:200px;































}































.lh-resumo.sm{































height:125px;































}































































































}































@media only screen and (max-width:768px){































.lh-resumo, .lh-resumo.sm{































height: auto;































}































.line-center{































height: auto;































}































.line-center h3{































position: initial;































width:auto;































transform:inherit;































}































































.arrow .prev{































left:20px;































}































.arrow .next{































right:20px;































}   































































.arrow .next, .arrow .prev{































width:25px;































































































}































































.bg-wave .arrow .next, .bg-wave .arrow .prev{































































top:27%;































































}































































.nav-link{































































font-size: 1rem!important;































}































.slick-prev, .slick-next{































top:25%!important;































}































.slick-prev{































left:15px!important;































z-index:9999;































}































.slick-next{































right:50px!important;































}































































}























/* the margin slides */







.slick-slide {







margin: 0 15px!important;







}















/* the parent */







.slick-list {







margin: 0 -15px!important;







}   /*** SLICK ENDS ***/











.archive h2{



margin-top:30px



}



.form-box{



border-radius: 30px;



background-color: rgb(255, 255, 255);



box-shadow: 0px 10px 30.1px 4.9px rgba(0, 0, 0, 0.34);



padding:2rem;



}



.wpcf7-spinner{



position:absolute;



bottom:10px;



right:0;



}



.form-box h3{



font-weight:600;



font-size:1.3rem;



text-align:center;



margin-bottom:1.3rem;



}



.form-box .form-control{



background-color:#f2f2f2;



}



textarea{



resize:none;



}



.ti-widget.ti-goog .ti-controls .ti-next{



right:-40px!important;



}



.ti-widget.ti-goog .ti-controls .ti-prev{



left:-40px!important;



}







.ti-widget.ti-goog .ti-controls-line .dot,



.ti-widget.ti-goog .ti-controls .ti-next:before, .ti-widget.ti-goog .ti-controls .ti-prev:before,



.ti-widget.ti-goog .ti-controls .ti-next:before, .ti-widget.ti-goog .ti-controls .ti-prev:after,



.ti-widget.ti-goog .ti-controls .ti-next:after, .ti-widget.ti-goog .ti-controls .ti-prev:after



{



background-color:#34699f!important;



}



.fundo-secondary-color .ti-widget.ti-goog .ti-controls-line .dot,
.fundo-secondary-color .ti-widget.ti-goog .ti-controls .ti-next:before, 
.fundo-secondary-color .ti-widget.ti-goog .ti-controls .ti-prev:before,
.fundo-secondary-color .ti-widget.ti-goog .ti-controls .ti-next:before, 
.fundo-secondary-color .ti-widget.ti-goog .ti-controls .ti-prev:after,
.fundo-secondary-color .ti-widget.ti-goog .ti-controls .ti-next:after, 
.fundo-secondary-color .ti-widget.ti-goog .ti-controls .ti-prev:after
{
background-color:#ffff!important;
}




.item-sub h3{



position:absolute;



top:50%;



left:50%;



transform:translate(-50%, -50%);



color:#fff;



font-weight:500;



font-size:1.1rem!important;



width:100%;



text-align:center;



padding:0 1rem;



}







.list-atendimento{



list-style:none;



padding-left:0;



margin:5px 30px;



}



.list-atendimento li{



background-color:#f2eef4;



padding:0.3rem;



border-radius:30px;



margin:10px;







}



#vejaMais{



cursor:pointer;	



}



.modal-backdrop{



opacity:0.8!important



}



.modal-fullscreen .modal-content {



background-color:transparent!important;



}



.modal-fullscreen .modal-content ul{



color:#fff;



padding:2rem;



list-style:none;



}



.modal-fullscreen .modal-content ul li{



margin:10px 0



}







@media (min-width:768px){



.list-zonas{



columns:4



}



}



list-zonas{



columns:2



}

a.col-sm img{
    border-radius:15px;
    opacity:0.6;	
    }
    a.col-sm {
        background-color:#000;
    border-radius:15px;
    }