/* 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:#12567e!important;}
.secondary-color{color:#81bb82!important}
.tertiary-color{color:#d0e7ed!important}
.quaternary-color{color:#1c2f22!important}
.white-color{color: #fff!important;}
.black-color{color:#000!important}
.fill-primary{fill:#12567e}
.fill-secondary{fill:#81bb82}
.fill-tertiary{fill:#d0e7ed}
.fill-white{fill:#fff}
.banner-title{font-weight:700!important; color:#fff;}
.banner-title span{font-size:1.15rem!important; font-weight:400!important;}
.fw-{font-weight: lighter!important;}
a:hover .fill-primary, .fill-primary:hover{fill:#2b79a5}
a:hover .fill-white, .fill-white:hover{fill:#2dade4;}
a:hover .fill-white.scnd, .fill-white.scnd:hover{fill:#1a4a85;}
a.white-color:hover{color:#1a4a85!important;}
a:hover .fill-secondary, .fill-secondary:hover{fill:#1a4a85;}
.youtube .play-button{background-color:#1a4a85;}

.bt{border-radius: 30px;text-transform: uppercase;}
.bt-primary{background-color:#12567e;color:#fff;}
.bt-secondary{background-color:#81bb82;color:#fff;}
.bt-tertiary{background-color:#d0e7ed; color:#fff; font-weight: 500;}
.bt-tertiary:hover{background-color:#12567e;color:#fff;}
.bt-secondary:hover{background-color:#98d799; color:#ffff;}
.bt-primary:hover{background-color:#2b79a5;color:#fff;}
.bt.bt-white{color:#fff; background-color:transparent; border:2px solid #fff;}
.bt.bt-white:hover{ background-color:#12567e; color:#fff; border-color:#12567e;}
.bt.bt-primary-w{color:#12567e; background-color:transparent; border:2px solid #12567e;}
.bt.bt-primary-w:hover{ background-color:#2dade4; color:#fff; border-color:#2dade4;}
.bdr-30{border-radius: 44px!important;}
.bdr-btm-30{border-radius:0 0 30px 30px!important;}
.bt-collapse.collapsed:after{content: 'LEIA MAIS';}
.bt-collapse {text-decoration:none!important;}
.bt-collapse:not(.collapsed):after {content: '-FECHAR';}

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

/******** *HEADER *******/
  header {
    background-color: #fff;
}

header.bg-on{ background-color:rgba(255, 255, 255, 1); transition: all 0.5s; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}    
.navbar-nav .nav-link, .top-bar .nav-link{font-weight:400!important; color: #484848!important; white-space: nowrap; font-size: 0.875rem!important;}
.top-bar .icons{display: inline-block; }
.navbar-brand{position:relative; z-index: 999;}
@media (min-width:991px){.bg-on .navbar-nav .nav-link {color: #484848!important;} #navbar_main{margin-top:-20px}}
header svg{fill:#12567e;}
header a:hover svg{fill:#2dade4;}
.nav-link{font-weight:400!important; text-transform: uppercase; font-size: 0.875rem!important;}
a.primary-color:hover{color: #2dade4!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='%231a4a85'%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;}
.icon-header { width: 24px; height: 24px;}
/* ****** OFFCANVAS ****** */
/* ============ mobile view ============ */
 @media all and (max-width: 991px) {
 .bt-trigger{fill:#12567e;}
.bg-on .bt-trigger{fill:#12567e;}
.mobile-offcanvas{background-color:#fff!important;}
.navbar-nav .nav-link, .nav-top .nav-link{color: #12567e!important;}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-item.active .nav-link,
.nav-link:hover,
.nav-link.active{color: #6d8f90  !important; text-decoration: underline!important;} 
.navbar .nav-link{font-size:1rem!important;color:#484848!important;}
}
@media only screen and (max-width:768px){
#banner .caption.white-color{color:#2dade4!important;}}


/* ****** HOME ****** */

#banner-home {
  height:90vh;
  position:relative;
}

#banner-home .banner-img {
  position:absolute;
  z-index:-1;
  height:100%;
  object-fit:cover;
} 

.caption-home {
  color:#fff;
}

.banner-home-tt {
  width: 85%;
  font-size: 2.25rem !important;
  font-weight: 700;
  line-height: 48px;
}

.banner-home-desc {
  width: 85%;
  color: #FFF;
  font-size: 20px;
}

.banner-home-btn {
  font-size: 1.25rem;
}

.unidades-map-box {
  border-radius: 20px;
}

.unidades-desc {
  height: 45px;
}

.wpp-unidades {
  height: 68px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position:relative;
  padding-left:25px;
  line-height:22px;
}

.wpp-unidades:before {
  content:"";
  mask:url('dist/images/whatsapp.svg') no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-repeat: no-repeat;
  background-size: 18px;
  width:18px;
  height: 18px;
  background-position: center;
  background-color: #12567e;
  position:absolute;
  left:0;
  top:calc(50% - 9px);
}

.convenios {
  margin-top: 3rem;
  margin-bottom: 5rem;
}

.convenios-box-img {
  position: relative;
}

.convenios img {
  width: 380px;
  position: absolute;
  right: 5%;
  top: -185px;
}

@media (max-width: 991px) {

  .banner-home-tt {
    width: 100%;
    font-size: 1.55rem !important;
    font-weight: 700;
    line-height: 34px;
  }

  .banner-home-desc {
    width: 100%;
    color: #FFF;
    font-size: 16px;
  }

  .banner-home-btn {
    font-size: 1rem;
  }

  .convenios img {
    width: 100%;
    position: relative;
    right: inherit;
    top: inherit;
}

.elm-left:before {
  width: 50% !important;
}

.home-page img {
  width: auto;
  max-height: 280px;
}

}

@media (max-width:768px){
  #banner-home{
	height:70vh;
	}
  .navbar-brand img{
    top:15px;
    position: relative;
  }
   .w-mb-75 {
width:200px!important;
   }
  .invt{
    filter: brightness(0) invert(1);
  }
}

/* ****** END HOME ****** */

.caption-about{
  color:#1a4a85;
}
@media (min-width:768px){
  
#banner-about{
	height:75vh;
	position:relative;
}
#banner-about .banner-img{
position:absolute;
z-index:-1;
height:100%;
object-fit:cover;
object-position: 60% 50%;
}
	
	.caption-about{
		color:#fff;
	}
	.caption-about h1{
		font-weight:400;
		font-size:2rem
	}
	.caption-about h1 strong{
		font-weight:800;
		font-size:2.5rem;
	}
}

/**** HEADER ENDS ****/  
.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 iframe{
    border-radius:30px;
   }
@media (max-width:768px){
    .map-responsive {
        padding-bottom: 70%;
    }
}
.fw-semibold{
  font-weight:500!important;
}
/******** CUSTOM *********/
.slick-logos .slick-slide {
  display: inline-block!important;
  vertical-align: middle!important;
  float:none!important;
}

.img-logo{
  width:150px;
}
mark{
	padding-left:0!important;
}

.fundo-primary{
background-color: #12567e;
}

.fundo-primary h2 {
  color: #81bb82 !important;
}

.fundo-primary h3 {
  color: #fff !important;
}

.bgd-light{
  background-color:#e2efe2;
}

.bgd-light a {
  background-color: #12567e !important;
  color: #FFF !important;
}

.bgd-light a:hover {
  background-color: #2b79a5 !important;
}

.bgd-secondary{
  background-color:#81bb82;
}

.bgd-terciary{
  background-color:#d0e7ed;
}

.fundo-primary-single{
  background-color: #12567e;
}

.elm-left {
  width: 100%;
  height: 100%;
  position: relative;
}

.elm-left:before {
  content: '';
  position: absolute;
  top: calc(50% - 650px);
  left: 0;
  width: 30%;
  height: 1300px;
  background-image: url('dist/images/elem-left.png');
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}

.elm-right {
  width: 100%;
  height: 100%;
  position: relative;
}

.elm-right:before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 1300px;
  background-image: url('dist/images/elem-left.png');
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
  transform: scaleX(-1);
}


.fundo-gray{
  background-color:#bdbeb8;
}
.fundo-secondary{
background-color:#81bb82;
}

@media (max-width:768px){
.img-lft-brd img{
	border-radius:30px;
	margin-bottom:2rem;
	}
}

.flip{
transform: scaleX(-1);

    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-filter: "FlipH"; /* For IE */
    filter: FlipH; /* For IE */
}

.no-banner{
position:relative;
height:120px;
padding:2rem;
background-color:#12567e;
}
.no-banner a{
	color:#629ed4!important;
}
.no-banner .caption-interna{
top:55%!important;
}
/***** CUSTOM ENDS ******/
.ti-widget.ti-goog .ti-controls{
    display: block!important;
}
.depoimentos .ti-widget.ti-goog .ti-review-item>.ti-inner, 
.depoimentos .ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button{
    background-color: #fff!important;
}
.depoimentos .ti-widget.ti-goog .ti-controls .ti-next{
    right:-15px!important;
}
.depoimentos .ti-widget.ti-goog .ti-controls .ti-prev{
    left:-15px!important;
}
.depoimentos .ti-widget.ti-goog .ti-controls .ti-next, 
.depoimentos .ti-widget.ti-goog .ti-controls .ti-prev{
        background-color: #fff!important;
}
@media   (min-width:768px){
.depoimentos .ti-widget.ti-goog .ti-controls .ti-next, 
.depoimentos .ti-widget.ti-goog .ti-controls .ti-prev{
    width:45px!important;
    height: 45px!important;
    border-radius:100%!important;
}
.depoimentos .ti-widget.ti-goog .ti-controls .ti-next:before, 
.depoimentos .ti-widget.ti-goog .ti-controls .ti-prev:before {
    width:20px!important;
    height: 20px!important;
}
.depoimentos .ti-widget.ti-goog .ti-controls .ti-next{
    right:-65px!important;
}
.depoimentos .ti-widget.ti-goog .ti-controls .ti-prev{
    left:-65px!important;
}
}

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

#Faq .card-body a{
    color:#fff;
    text-decoration:underline!important;
    }
.FAQ .accordion-item {
   border-radius: 30px!important;
 background-color:#12567e!important;
 border:2px solid #12567e!important;

 }

 .FAQ .accordion-button::after {
  border: 1px solid #fff;
  transform: scale(.8) !important;
  background-position: center;
  width: 30px;
  background-color: #fff;
  height: 30px;
  padding: 8px;
  border-radius: 100%;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%2312567e' 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;
  transform: scale(.7) !important;
}

 .FAQ .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%2312567e' 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;
}

.accordion-button:not(.collapsed){
    color:#fff!important;
}

.FAQ.scnd .accordion-item{
background-color:#81bb82!important;
border:2px solid #81bb82!important;
}

.fundo-faq{
background-color: #F3F2FA;
}
/******* *FAQ ENDS*******/

/***** *INTERNAS ********/
.internas h2 {
  margin-bottom: 2rem;
}
.internas h2, 
.internas h3 {
 color:#12567e;
}
.internas .white-color h2,
.internas .white-color h3 {
  margin-bottom: 2rem;
}

.internas .fundo-primary p,
.internas .fundo-primary span,
.internas .fundo-primary small {
  color: #fff;
}

.internas .fundo-primary ul {
  color: #FFF;
}

.internas .convenios-box-img img{
  right: 20%;
}

.internas .missao img {
  max-height: 420px;
  position: absolute;
  top: -110px;
  right: 10%;
}

.form-control{
   border:2px solid #81bb82!important;
   border-radius:25px!important;
   background-color:#fff!important;
   height: 50px;
}
.bt-send{
    
    display: inline-block;
    background-color:#12567e;
    border: none!important;
    color:#fff;
    padding:.5rem 3rem;
    transition: all 0.5s;
    text-transform: uppercase;
    border-radius: 30px;
    font-size: 1.25rem;
}
.bt-send:hover{
    background-color:#2dade4;
}

.sessao-padrao {
  position: relative;
}

.sessao-padrao .container {
  position: relative;
  z-index: 1;
}

.sessao-padrao img {
  max-height: 480px;
}

.item-box-img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}

.item-title {
  width: 55%;
  height: 45px;
  font-weight: 600;
  margin: 0 auto;
}

.areas-atuacao .card-h-image {
  height: 150px;
}

.areas-atuacao .item-title {
  height: auto;
  max-height: 45px;
  overflow: hidden;
}

.areas-atuacao.elm-left:before {
  top: -650px;
}

.equipe-medica .box-card-image {
  position: relative;
  z-index: 1;
}

.equipe-medica .box-card-text {
  padding: 100px 50px;
  text-align: left;
  background-color: #d0e7ed;
  background-color: #d0e7ed;
  position: relative;
  top: -100px;
  z-index: 0;
  border-radius: 30px;
}

.equipe-medica .item-title {
  height: auto;
}

.bg-gray-faq {
  background-color: rgba(18,86,126, 0.2);

}

.box-logo-convenios img{
  height: 100px;
}

.lista-check {
  list-style: none;
  padding-left: 0;
  color: #12567e;
  font-size: 1.5rem;
  font-weight: bold;
}

.lista-check li {
  position: relative;
  padding-left: 28px;
  line-height: 36px;
}

.lista-check li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #198754;
  font-weight: bold;
}

.principais-exames-slider .box-title-internas {
  height: 64px;
}

.principais-exames-slider .box-resumo-internas {
  height: 150px;
  overflow: hidden;
}

.exames-oftalmologicos .lista-check {
  font-size: 1rem;
}

.exames-oftalmologicos .item-box-img {
  height: auto;
}
.exames-oftalmologicos .item-title {
  width: 100%;
}
.exames-oftalmologicos .item-desc {
  height: 146px;
  overflow: hidden;
}

.exames-oftalmologicos .valores-convenios .item-desc {
  height: 90px;
}

.slider .item-box-img,
.grid-cards .item-box-img {
  display: inline-block;
  height: 220px;
  margin: 0 auto;
}

.slider .item-title,
.grid-cards .item-title {
  width: 100%;
}

.logo-bg-interna-r {
  background-image: url('dist/images/logo-bg-interna.png');
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
}

.logo-bg-over-interna-r {
  position: relative;
  
}

.logo-bg-over-interna-r:after {
  content: "";
  position: absolute;
  width: 25%;
  height: 120%;
  top: calc(50% - 270px);
  right: 0;
  background-image: url(dist/images/logo-bg-interna.png);
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 991px) {

  #banner-about h1 {
    color: #12567e;
  }

  .internas img {
    width: auto;
    max-height: 280px !important;
  }

  .internas .missao img {
    position: relative;
    top: auto;
    right: inherit;
  }

  .logo-bg-over-interna-r:after {
    width: 60% !important;
  }

  .slider .item-box-img, 
  .grid-cards .item-box-img {
    height: auto;
  }

  .item-title {
    width: 100%;
    height: auto;
    font-size: 20px;
    font-weight: 600;
    margin: 0 auto;
  }

  .internas .convenios-box-img img {
    right: inherit;
  }

  .equipe-medica .box-card-text {
    padding: 85px 20px 40px;
  }

  .logo-bg-interna-r {
    background-position: 180px -200px;
  }

  .exames-oftalmologicos .item-desc {
    height: 120px;
  }

  .exames-oftalmologicos .valores-convenios .item-desc {
    height: auto;
  }

  .lista-check {
    font-size: 1rem;
  }
}

/***** FOOTER *******/
  footer{
    background-color:#12567e;
    color:#fff!important;
    background-image: url('dist/images/lef-elm-f.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 320px;
    position: relative;
    }
.nav-footer ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0!important;
    }
    .icons-footer svg{
        fill:#fff;
    }
    .icons-footer:hover svg{
        fill:#1a4a85;
    }
    footer a{
       color:#fff;
    }
    footer .nav-link:hover, footer .nav-item.active .nav-link{
      text-decoration: underline!important;
      color:#fff!important;
    }

    footer .nav-link{
       padding-top:0!important;
       padding-bottom:0!important;
    }
    footer a:hover svg{
     fill:#1a4a85;
    }
    footer a:hover{
    color:#1a4a85;
    }

    .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: #fff;
      }

    .tel-icon:before{
       background-color:#1a4a85;
    }
    .wpp-icon:before {
      background-color:#12567e;
    }
    .wpp-icon.white-color:before{
       background-color:#fff;
   }
    #wpp-flutuante::before{
    background-color:#1a4a85;
    color:#fff;
}
 /***** FOOTER ENDS ****/