/* 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/ */

/****** TYPO CORES E BOTOES *****/
.primary-color{color:#1B4669!important}
.secondary-color{color:#ffffff!important}
.tertiary-color{color:#ffbe29!important}
.quaternary-color{color:#00bea1!important}
.white-color{color: #fff!important;}
.black-color{color:#000!important}
.banner-title{font-weight: lighter; color:#fff;}
.fill-primary{fill:#1B4669}
.fill-secondary{fill:#ffffff}
.fill-white{fill:#fff}
.fill-tertiary{fill:#ffbe29}
.fill-quaternary{color:#00bea1!important}
.fw-{font-weight: lighter!important;}
a:hover .fill-primary, .fill-primary:hover{fill:#1B4669}
a:hover .fill-white, .fill-white:hover{fill:#1B4669;}
a.white-color:hover{color:#1B4669!important;}
a:hover .fill-secondary, .fill-secondary:hover{fill:#1B4669;}
.youtube .play-button{background-color:#1B4669;}
.fw-semibold{font-weight: 500!important;}
.bt-primary{
    color:#fff;
    background-color:#1B4669 ;
}
.bt-primary:hover{
    background-color:#ffbe29 ; 
    color:#fff;
}
.bt-primary-border{
    color:#fff;
    background-color:#1B4669 ;
    border: 2px solid #fff;
}
.bt-primary-border:hover{
    background-color:#ffbe29 ; 
    color:#fff;
}
.bt-primary-outline{
    color:#1B4669;
    background-color:transparent;
    border: 2px solid #1B4669;   
}
.bt-primary-outline:hover{
    background-color:#ffbe29 ; 
    color:#fff;
}

.bt-secondary{
    background-color:#ffffff;
    color:#fff;   
}
.bt-white:hover {
    background-color: #EDF2F5;
}
.bt-tertiary{
    background-color:#ffbe29;
    color:#fff;
 }
 .bt-quaternary{  
    background-color:#00bea1;
    color:#fff;
 }
.bt-secondary:hover{
    background-color:#00bea1;
    color:#fff;
}
.bt-tertiary:hover{
 background-color:#1B4669 ;   
}
.bt-quaternary:hover{
 background-color:#ffffff ;   
}

.bt-white{
    background-color: #fff;
    color:#1B4669;
}
.bt-white-outline {
    color: #fff;
    border: 2px solid #fff;
    background-color: transparent;
}
.bt-white-outline:hover {
    color: #1B4669;
    background-color: #fff;
}

.bdr-30{
    border-radius: 30px!important;
}
.bdr-30-i{
   border-radius:30px 0
  }
.bdr-btm-30{
    border-radius: 0 0 30px 30px;
}
.bdr-14{
    border-radius: 14px;
}
.bt-collapse.collapsed:after  {
    content: 'Ler mais';
}
.bt-collapse {
    text-decoration:none!important;
}
.bt-collapse:not(.collapsed):after {
    content: '-fechar';
}
/**** CORES E BOTOES ENDS ****/

/***** *HEADER *******/
header{
    background-color:rgba(0, 0, 0,0.5);
    transition: all 0.5s;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
   }  
   header.bg-on{
    background-color:rgba(1, 32, 52, 1);
    }

.navbar-nav .nav-link, .top-bar .nav-link{
   color: #ffffff!important;
   white-space: nowrap;
   }
   .top-bar .icons{
   display: inline-block;
   }
   .bg-on .navbar-nav .nav-link{
    color: #ffffff  !important;
   }

   .nav-link{
font-weight:400!important;
text-transform: uppercase;
font-size: 14px!important;



   }



   a.primary-color:hover{



   color: #ffffff!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    {

        

          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='%231B4669'%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;

   }



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

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

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

        .bt-trigger{

fill:#1B4669;

        }

.bg-on .bt-trigger{

    fill:#1B4669;

        }



        

       .mobile-offcanvas{

              background-color:#fff!important;

       }

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

            color: #fff!important;

        }

         .navbar-nav .nav-link:hover,

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

        .nav-link:hover,

       .nav-link.active    {

           color: #9BACBC  !important;

           text-decoration: underline!important;

        } 

        header{

            background-color:#fff;

        }

        .navbar .nav-link{

        font-size:1rem!important;

        color:#1B4669!important;

        }

    }

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

       #banner .caption h1{
            color:#ffffff!important;
        }
        

       #banner .caption h1 span{

        color: #1B4669!important;

       }

       #banner .caption h1 span br{

        display:none;

    }

    #main {
        padding: 5px!important
    }

   

    }

    #banner .caption h1 span{

        display:inline-block;

        line-height:25px;

        

       }



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

/******* *BGS E ELEMENTOS *****/
.fundo-primary-color{
    background-color:#1B4669;
}
.fundo-secondary-color{
    background-color:#EDF2F5;
}
.fundo-tertiary-color, .fundo-cc{
    background-color:#ffbe29;
}
.fundo-lighter{
    background-color:#9BACBC;
}
.fundo-light{
    background-color:#fff;
}

.fundo-lighter-img{
    background-image: url('dist/images/elm.png');
    background-color:#f0f0f0;
    background-repeat: no-repeat;
    background-position:right center;
}
.right{
    background-image: url('dist/images/elm-right-min.png');
    background-repeat: no-repeat;
    background-position:right center;
}
.left{
    background-image: url('dist/images/elm-left-min.png');
    background-repeat: no-repeat;
    background-position:left center;
}
.nimg{
    background-image: inherit!important;
}

@media (max-width:1600px){
    .left, .right{
        background-size:12%;;
    }
}


.boxed{
	position:relative;
}
.boxed:before{
	content:"";
	width:90%;
	height:100%;
	background-color:#f0f0f0;
	position:absolute;
	z-index:-1;
}
.boxed.c2:before{
		
	background-color:#f1f9fb;
	
	
}



.right.boxed:before{
	right:0;
	border-radius: 50px 0 0 50px
}

.left.boxed:before{
	left:0;
	border-radius: 0 50px 50px 0
}
@media (max-width:760px){
.boxed:before{
    width:98%;
  
 }
}
/******* BGS E ELEMENTOS ENDS *****/
@media (min-width:570px){
.div-center{
height:210px;
}
}

.img-icon-center{
	height:123px;
	position:relative;
}
.img-icon-center img{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%)
}

.map-responsive {
    padding-bottom:65.25%;
    position: relative;
    height: 0px;
    overflow: hidden;
  }

  .video-responsive {
    padding-bottom:65.25%;
    position: relative;
    height: 0px;
    overflow: hidden;
  }
 .map-responsive iframe, .video-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%;
    }
}
/***** *INTERNAS ********/
@media (min-width:768px){
.about-m{
    margin-top:-80px!important;
  }
  /* #responsavel-footer {
    position: absolute;
    bottom: 0;
  } */
}
.first-section.py-5.my-0{ 
   margin-top:-70px!important;
   padding-top:100px!important;
    }
    .first-section-single.my-0{
       margin-top:-40px!important;
    } 
    @media (min-width:768px){
    .vms-conversar{
        margin-top:-30px;
       }
    }
    .bloco{
       background-color:#d6dad9;
        padding:2rem 1.5rem;
        height:100%;
        border-radius:30px;
    }
    .bloco h3{
        color:#ffbe29;
    }

 .bloco.scnd{
       background-color:#ffffff;
       color:#fff 
    }
   .bloco.scnd h3{
      color:#fff;
   }
   .fundo-texture h2, .fundo-texture h3, .fundo-texture h4{
    color:#fff!important
   }
       .fundo-texture p a, .fundo-texture li a, .fundo-primary-color p a, .fundo-tertiary-color p a{

            color:#fff;           

        }



        .img-center{

            height:60px;

                position:relative;

                margin-bottom:15px;

            }

            @media (min-width:768px){

            .img-center img{

            position:absolute;

            top:50%;

            transform:translate(0, -50%)

                }

            }

            

            

    

 .bullets{
    list-style: none;
    padding-left:2rem!important;
    text-align: left!important;
}
.bullets li{
    position:relative;
    padding-left:5px;
	margin:10px 0;
}

.bullets li::before{
background-repeat: no-repeat;
content:"";
position:absolute;
left:-22px;
top:3px;
width:18px;
height:18px;
border-radius: 100%;
background-color:#1B4669;
}

.bullet-white ul li::before, .bullet-white ol li::before{
background-color:#fff!important;
}
.c2 ul li::before, .c2 ol li::before{
   background-color:#1B4669!important;
 }
.c3 ul li::before, .c3 ol li::before{
    background-color:#ffbe29!important;
    }
.c4 ul li::before, .c4 ol li::before{
   background-color:#00bea1!important;
 }



.internas .c1 h2{
color:#1B4669;
font-weight: 600!important;
}
.internas .c2 h2{
color:#ffffff;
font-weight: 600!important;
}

.internas .c4 h2{
color:#00bea1;
font-weight: 600!important;
}
.internas .cw h2, .internas .cw h3{
  color:#fff;
    }

.internas .img-fluid {
    margin-bottom: -30px;
}
.internas .img-area-atuacao {
    max-width: 900px;
}
.internas .container-img {
    margin-top: -60px!important;
}
.internas .container-secondary-color {
    padding-bottom: 90px!important;
}

@media (min-width:780px){
.vms-pt{
    padding-top:16px!important;
}

.vms-mt{
    margin-top:-45px!important;
}
}

.faixa{
	position:relative;
}
.faixa:before{
	content:"";
width:100%;
height:45%;
background-color:#1B4669;
position:absolute;
top:50%;
z-index:-1;
left:0;
transform:translate(0,-50%)
}

.faixa.scnd:before{
    background-color:#1B4669;

}

.faixa.trd:before{

    background-color:#ffbe29;

}

.box-teleconsulta {
    background-color: #304869;
    border-radius: 30px;
    width: 240px;
    padding: 25px;
}

.box-teleconsulta img {
    margin: 0 auto;
}

.lista-numerada{
    counter-reset: item;
    list-style: none;
    padding-left: 0;
}

.lista-numerada li{
    counter-increment: item;
    position: relative;
    padding-left: 60px;
    margin-bottom: 10px;
    min-height: 40px;
    align-items: center;
    text-align: left;
}

.lista-numerada li::before{
    content: counter(item);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

    width: 40px;
    height: 40px;

    background: #304869;
    color: #fff;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: bold;
    font-size: 28px;
}

/******* *FAQ *******/

#Faq .card-body a{

    color:#fff;

    text-decoration:underline!important;
    display: inline;

    }

.FAQ .accordion-item {
    border-radius: 30px!important;
     background-color:#9BACBC!important;

 }

 .FAQ .accordion-button::after {

    border:1px solid #fff;

    background-color: #fff;

    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%231B4669' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;

    }

     .FAQ .accordion-button:not(.collapsed)::after {

        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%231B4669' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;

    }

    .FAQ.scnd .accordion-item{

        background-color:#ffffff!important;

     }

         .FAQ.trd .accordion-button::after {

        background-color: #ffbe29!important;

        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23ffbe29' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;

     

     }

     .FAQ.trd .accordion-button:not(.collapsed)::after {

         background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23ffbe29' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;

     }  

     

/******* *FAQ ENDS*******/

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

.form-control{
	border:2px solid #1B4669!important;
    border-radius:30px!important;
}

.bt-send{

    display: inline-block;

    background-color:#91978c;

    border: none!important;

    color:#fff;

    padding:.5rem 2rem;

    transition: all 0.5s;

}

.bt-send:hover{

    background-color:#ffbe29;

}

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

  footer{

      background-color:#121214;

     color:#fff!important;

    }

footer p {
    font-size: 13px;
}

.nav-footer ul{

    list-style: none;

    padding-left: 0;

    margin-bottom: 0!important;

    li {
        margin: 8px 0;
    }

    }

    .icons-footer svg{

        fill:#fff;

    }

    .icons-footer:hover svg{

        fill:#1B4669;

    }

    footer a{

       color:#fff;

    }

    footer a:hover{

        color:#f4f9ff!important;



;

    }



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

      text-decoration: underline!important;

      color:#f4f9ff!important;

    }



    footer .nav-link{

       padding-top:0!important;

       padding-bottom:0!important;

    }

    footer a:hover svg{

     fill:#f4f9ff;

    }



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

      background-color: #fff;

    }

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

        background-color: #f4f9ff;

      }



    .tel-icon:before, .wpp-icon:before{

       background-color:#1B4669;

    }

    .wpp-icon.white-color:before{
        background-color:#fff;
    }

    



 #wpp-flutuante::before{

    background-color:#1B4669;

    color:#fff;

}



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

.slick-dots{

    bottom:-15px!important;

    }

.slick-dots li button:before  {

    font-size:15px!important;

    color:#1B4669!important;

    }

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

    color:#1B4669!important;

}

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

       color:#fff!important;

    }

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

    color:#fff!important;

}





.slick-item-blog .cover-img{

  border-radius:15px;

}



.img-feed  img{



height:60px;



width:100%;



object-fit: cover;



}



.blg-bx p{



    padding:0 1.5rem



}



.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: #1B4669 ;

    border:1px solid #1B4669 ;

    border-radius:8px;

    transition:all 0.2s;

}

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

    .page-numbers.current

        {   

            background:#1B4669 ;

            color:#fff;

            text-decoration:none;

            border-color:#1B4669 ;

        }

.wpcf7-submit {
    border: none;
}

.card-atuacao-home {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    height: 370px;
    position: relative;
    cursor: pointer;
}
.card-atuacao-home .lh-resumo {
  opacity: 0;
  max-height: 0;
  transition: opacity 0.5s ease, max-height 0.5s ease;
}

.card-atuacao-home:hover .lh-resumo {
  opacity: 1;
  max-height: fit-content;
}
.card-atuacao-home .overlay {
  content: "";
  position: absolute;
  inset: 0;
   /* background-color: rgba(27, 70, 105, 0.1);cor inicial */
  transition: background-color 0.5s ease;
  z-index: 0;
  border-radius: 30px;
}
.card-atuacao-home:hover .overlay {
  background-color: rgba(27, 70, 105, 0.7); /* cor ao passar o mouse */
}

.card-atuacao-home .conteudo-atuacao {
  position: relative;
  z-index: 1;
}

section.position-relative {
    overflow: hidden; /* evita que a imagem ultrapasse os limites da section */
}

#sobre img.img-thiago {
    height: 450px;
}

@media screen and (min-width: 1200px) {
    #sobre img.img-thiago {
        height: 590px;
    }
}

.logo-sobre,
.logo-home-neurologia,
.logo-home-sobre,
.logo-neurologia,
.logo-video,
.logo-faq,
.logo-atuacao-left,
.logo-atuacao-right,
.logo-sobre-contato {    
    position: absolute;
    top: 150px;
    left: 20px;
    max-width: calc((100vw - 960px) / 2);
    height: auto;
    object-fit: contain;
    z-index: 1;
}
.logo-home-neurologia {
    left: inherit;
    top: 50%;
    transform: translate(0, -50%);
}
.logo-neurologia {
    left: inherit;
    top: 64%;
    transform: translate(0, -50%);
}
.logo-home-sobre {
    top: 50%;
    transform: translate(0, -50%);
}
.logo-video {
    left: 30px;
}
.logo-faq {
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.logo-atuacao-right {
    left: inherit;
}
.logo-sobre-contato {
    left: inherit;
    top: 50%;
    transform: translate(0, -50%);
}
@media screen and (min-width: 1200px) {
    #banner .caption {
        width: 500px;
    }

    .logo-sobre,
    .logo-home-neurologia,
    .logo-home-sobre,
    .logo-neurologia,
    .logo-video,
    .logo-faq,
    .logo-atuacao-left,
    .logo-atuacao-right,
    .logo-sobre-contato {
        max-width: calc((100vw - 1140px) / 2);
    }
}
@media screen and (min-width: 1400px) {
    .logo-sobre,
    .logo-home-neurologia,
    .logo-home-sobre,
    .logo-neurologia,
    .logo-video,
    .logo-faq,
    .logo-atuacao-left,
    .logo-atuacao-right,
    .logo-sobre-contato {
        max-width: calc((100vw - 1320px) / 2);
    }
}

#sobre_home .logo-sobre {
    left: 70px;
}
#neurologia_home .logo {
    left: inherit;
}
.icone-logo {
    width: 100px;
    left: 12px;
    top: 95px;
}
.logo-atuacao {
    top: 30%;
    right: 12px;
    transform: translate(0, -50%);
    width: 100px;
}

#atuacao-neurologia .logo {
    top: 64%;
    transform: translate(0, -50%);
    width: 70px;
}

.card-atuacao {
  display: flex;
  flex-direction: column;
  height: 100%; /* garante que ocupe toda a altura do slide */
}

.card-atuacao .lh-resumo {
  flex-grow: 1; /* faz o texto expandir, empurrando o botão */
}

.card-atuacao + a {
  margin-top: auto; /* empurra o botão para o fim do card */
  display: inline-block;
}
.card-atuacao img {
    height: 200px;
    object-fit: cover;
    object-position: center;
    border-radius: 30px;
}

#thiago-neurologia {
    margin-top: 120px;
}
#thiago-neurologia img {
    margin-top: -100px;
}

#contato-home {
    background-color: #f0f1f5;
}

@media (max-width:768px){
    .fix-header,
    #banner .caption {
        background-color: #1B4669;
    }
    #banner .caption .fadeup {
        text-align: center!important;
    }
    #banner .caption p span {
        display: block;
    }
    .container.bdr-30, .container.bdr-30-i{
        border-radius:0!important;
    }
    .internas .img-area-atuacao,
    .banner-interna img,
    img {
        max-width: 100%;
    }
    .logo-sobre,
    .icone-logo,
    .logo-atuacao,
    #atuacao-neurologia .logo,
    #neurologia_home .logo {
        display: none!important;
    }
    .telefone-footer div {
        width: 100%;
        text-align: center;
    }
}

.sidebar-mobile {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidebar-mobile a {
  text-decoration: none;
  font-size: 14px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidebar-mobile a:hover {
  color: #f1f1f1;
}

.sidebar-mobile .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}

#atendimento .wp-block-heading,
#atendimento h2 {
    font-size: 1.25rem !important;
}

#menu-menu-principal .header-none {
    display: none;
}

#videos_home .card {
    height: 200px;
    border-radius: 32px;
}
#videos_home .card-video {
    background-color: #1B4669;
}
.img-fluid-area-atuacao {
    width: 300px;
    height: 300px!important;
    object-fit: cover;
    border-radius: 30px;
}
.modal-body .bt-primary {
    border: none!important;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar-mobile {padding-top: 15px;}
  .sidebar-mobile a {font-size: 18px;}
}