/* 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:#a38153!important}
.secondary-color{color:#001b36!important}
.tertiary-color{color:#001b36!important}
.white-color{color: #fff!important;}
.black-color{color:#000!important}
.banner-title{font-weight: bold; color:#fff;}
.fill-primary{fill:#a38153}
.fill-secondary{fill:#001b36}
.fill-white{fill:#fff}
.fill-tertiary{fill:#001b36}

a:hover .fill-primary, .fill-primary:hover{fill:#001b36}
a:hover .fill-white, .fill-white:hover{fill:#a38153;}
a.white-color:hover{color:#001b36!important;}
a:hover .fill-secondary, .fill-secondary:hover{fill:#a38153;}
.youtube .play-button{background-color:#001b36;}

.bt{
border:2px solid;
}

.bt-primary{
    color:#fff;
    background-color:#a38153 ;
    border-color:#a38153;
}
.bt-primary:hover{
    background-color:#001b36 ; 
    color:#fff;
}
.bt-secondary{
    background-color:#001b36;
    color:#fff;
    border-color:#001b36;
}
.bt-secondary:hover{
    background-color:#a38153;
    color:#fff;
}

.bt-white{
    color:#a38153;
    background-color:#fff;
  
}

.bt-white:hover{
    background-color:#a38153;
    color:#fff;
}
.bt-secondary.trns{
    border-color:#001b36;
    color:#001b36;
}
    .bt-white.trns:hover{
    background-color:#001b36;
    color:#fff;
}

.bt-secondary.trns:hover{
    border-color:#fff;
    color:#fff;
}
    


.bdr-30{
    border-radius: 30px!important;
}
.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';
}
.trns{
    background-color: transparent;
    color:#fff;
    border-color:#fff;
}

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

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

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

   .nav-link{

   font-weight:500!important;
text-transform: uppercase;
   

   padding:0.4rem!important;

   }

   a.primary-color:hover{

   color: #001b36!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='%23001b36'%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:#fff;
        }

        
       .mobile-offcanvas{
              background-color:#a38153!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: #a38153  !important;
           text-decoration: underline!important;
        } 
        header{
            background-color:#a38153;
        }
        .nav-link{
        font-size:1rem!important;
        }
    }
    @media only screen and (max-width:768px){

       #banner .caption h1 strong, #banner .caption h2{
            color:#a38153 !important;
        }
        #banner .bt-white{
            color:#a38153 !important;
            border-color:#a38153 !important;
        }
        
       #banner .caption h1 span{
        color: #001b36!important;
       }
       #banner .caption h1 span br{
        display:none;
    }
   
    }
    #banner .caption h1 span{
        display:inline-block;
        line-height:25px;
        
       }
/**** HEADER ENDS ****/  
/******* *BGS E ELEMENTOS *****/
.parallax.home2{
    background-position: center top;
}
.fundo-primary-color{
 background-color: #a38153;   
}
.fundo-secondary-color{
 background-color: #001b36;   
}
.fundo-ligther{
    background-color: #f3ece4
}
.fundo-interna-doencas{
    background-color:#d7dce0;
}
.fundo-interna-procedimentos{
    background-color:#f3ece4;
}
.margin-negative .fundo-interna-procedimentos{
background-color: inherit!important;
}
.slick-Conv .slick-slide {
    display: inline-block!important;
    vertical-align: middle!important;
    float:none!important;
}


.fundo-primary-img{
background-image: url('dist/images/fundo-min.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.right-elm{
background-image: url('dist/images/elemento-min.png');
background-repeat: no-repeat;
background-position: right center;
}
.elm-brain-left{
    background-image: url('dist/images/left-elm.png');
    background-repeat: no-repeat;
    background-position: left center;
    }
.right-elm.btm{
    background-position: 100% 90%;
}

.elm-procedimentos{
    background-image: url('dist/images/int-right-p.png'), url('dist/images/int-left-p.png'), url('dist/images/int-right-p2.png');
    background-repeat: no-repeat;
    background-position: 100% 5%, left center, 100% 95%
}

@media (max-width:1600px){
    .right-elm, .elm-brain-left, .elm-procedimentos{
        background-size: 120px;
    }
}

@media (max-width:768px){
    .right-elm, .elm-brain-left, .elm-procedimentos{
 background-image: inherit;
    }
}
/******* BGS E ELEMENTOS ENDS *****/
.map-responsive {
    padding-bottom:25.25%;
    position: relative;
    height: 0px;
    overflow: hidden;
  }

  .video-responsive {
    padding-bottom:25.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%;
    }
    
}

.specs{
    background-color:#a38153;
    height:100%;
    border-radius:30px;
    color:#fff;
    text-align:center;
    position:relative;
    }
    .specs img{
            transition:all 0.5s;
    
    }
    .specs:hover img{
    opacity:0.2
    }
    .align-center{
    position:absolute;
    top:50%;
    left:50%;
    width:80%;
    transform:translate(-50%, -50%);
    }
    
    
    @media (min-width:768px){
        .align-center p{
        transition:all 0.8s;
        height:0;
        overflow:hidden;
    }
    .specs:hover .align-center p{
        height:200px;
    }
    }
    @media (max-width:768px){
        .specs h3{
        font-size:1.3rem!important
        }
        .specs p{
        font-size:0.9rem;
            line-height:18px;
        }
        
        .specs img{
    opacity:0.3
    }
    }
    
/***** *INTERNAS ********/
.internas ul, .internas ol, .bullets-tetiary{
    list-style: none;
    padding-left:2rem!important;
    text-align: left!important;
}
.internas ul li, .internas ol li, .bullets-tetiary li{
    position:relative;
    padding-left:5px;
	margin:10px 0;

}
.internas ul li::before, .internas ol li::before{
background-repeat: no-repeat;
content:"";
position:absolute;
left:-16px;
top:8px;
width:12px;
height:12px;
border-radius: 100%;
background-color:#a38153;
}

.bullet-white ul li::before, .bullet-white ol li::before{
background-color:#fff!important;
}
.internas .c1 h3{
font-weight: bold;
}

.internas .c1 h2{
color:#a38153;
font-weight: bold;
}
.internas .c2 h2, .internas .c2 h3{
    color:#001b36;
    font-weight: bold;
    }

.internas .cw h2, .internas .cw h3{
  color:#fff;
    }
.internas .c3 h2, .colunas c3 h3{
color:#001b36;
}
.img-fluid.position-relative{
    z-index:9;
}

@media (min-width:768px){
.margin-negative{
	margin-top:-90px!important
}
}

/******* *FAQ *******/
.FAQ .accordion-item {
     background-color:#fff!important;
 }
 .FAQ .accordion-button::after {
    border:1px solid #001b36;
    background-color: #001b36;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23fff' 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='%23fff' 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:#a38153!important;
     }
         .FAQ.scnd .accordion-button::after {
        background-color: #fff!important;
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23a38153' 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.scnd .accordion-button:not(.collapsed)::after {
         background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23a38153' 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 #001b36!important;
}
/***** FOOTER *******/
  footer{
      background-color:#001b36;
     color:#fff!important;
    }

.nav-footer ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0!important;
    }
    .icons-footer svg{
        fill:#fff;
    }
    footer a{
       color:#fff;
    }
    footer a:hover{
       color:#a38153;
    }

    footer .nav-link:hover, footer .nav-item.active .nav-link{
      color:#a38153!important;
    }

    footer .nav-link{
       padding-top:0!important;
       padding-bottom:0!important;
    }
    footer a:hover svg{
     fill:#a38153;
    }
    .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: #a38153;
   }
    .pg-ag .wpp-footer:before{
      background-color: #a38153;
    }
    .wpp-icon:before,  .tel-footer:hover:before, .email-footer:hover:before{
     background-color:#a38153;
    }
    .tel-icon:hover:before{

     background-color:#a38153;

    }

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

      background-color:#a38153;
    }

 #wpp-flutuante::before{
    background-color:#a38153;
    color:#fff;
}

 /***** FOOTER ENDS ****/
.slick-dots{
    bottom:-15px!important;
    }
.slick-dots li button:before  {
    font-size:15px!important;
    color:#001b36!important;
    }
.slick-dots li.slick-active button:before{
    color:#001b36!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 15px 0 0;
}

.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: #a38153 ;
    border:1px solid #a38153 ;
    border-radius:8px;
    transition:all 0.2s;
}
.pagination .page-numbers:hover, .pagination .page:hover, 
    .page-numbers.current
        {   
            background:#a38153 ;
            color:#fff;
            text-decoration:none;
            border-color:#a38153 ;
        }