/* 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 *****/
body{color:#3c3c3c!important}
.primary-color, .has-primary-color{color:#8c4028!important;}
.secondary-color, .has-secondary-color{color:#0097b2!important}
.tertiary-color, .has-tertiary-color{color:#4b5320!important}
.quaternary-color, .has-quaternary-color{color:#b87333!important}
.white-color{color: #fff!important;}
.black-color{color:#000!important}
.fill-primary{fill:#8c4028}
.fill-secondary{fill:#0097b2}
.fill-tertiary{fill:#4b5320}
.fill-white{fill:#fff}
.f-semibold{font-weight:500!important;}
a:hover .fill-primary, .fill-primary:hover{fill:#8c4028}
a:hover .fill-white, .fill-white:hover{fill:#0097b2;}
a:hover .fill-white.scnd, .fill-white.scnd:hover{fill:#8c4028;}
a.white-color:hover{color:#8c4028!important;}
a:hover .fill-secondary, .fill-secondary:hover{fill:#8c4028;}
.youtube .play-button{background-color:#8c4028;}
.bt{border-radius:30px; border:none!important; text-transform: uppercase;}
.bt-primary{background-color:#8c4028;color:#fff;}
.bt-secondary{background-color:#0097b2;color:#fff;}
.bt-tertiary{background-color:#4b5320; color:#fff;}
.bt-tertiary:hover{background-color:#b87333;color:#fff;}
.bt-quaternary{background-color:#b87333; color:#fff;}
.bt-quaternary:hover{background-color:#4b5320;color:#fff;}
.bt-secondary:hover{background-color:#8c4028; color:#ffff;}
.bt-primary:hover{background-color:#0097b2;color:#fff;}
.bt.bt-white{color:#8c4028; background-color:#fff; border:2px solid #fff;}
.bt.bt-white-t{color:#fff; background-color:transparent; border:2px solid #fff!important;}
.bt.bt-white-t:hover{ background-color:#8c4028; color:#fff; border-color:#8c4028!important;}
.bt.bt-primary-w{color:#8c4028; background-color:transparent; border:2px solid #8c4028;}
.bt.bt-primary-w:hover{ background-color:#0097b2; color:#fff; border-color:#0097b2;}
.bdr-30{border-radius: 30px!important;}
.bdrs{border-radius: 51px!important;}
.bdr-btm{border-radius:0 0 51px 51px!important;}
.bt-collapse.collapsed:after{content: 'LEIA MAIS';}
.bt-collapse {text-decoration:none!important;}
.bt-collapse:not(.collapsed):after {content: '-FECHAR';}

.fundo-primary{background-color:#8c4028;}
.fundo-primary-lighter{background-color:#d2b48c;}
.fundo-secondary{background-color:#0097b2;}
.fundo-gray{background-color:#D9DCD1;}
.fundo-white{background-color:#fff;}
.fundo-faq{background-color:#ecd3cb}

.fundo-rose{
  background-color:#e7d0ab;
}
.fundo-rosa{
  background-color:#F5CFC4;
}
.fundo-azul{
  background-color:#C6ECF1;
}
.spin-left-bg{
background:linear-gradient(to bottom, #fff 0, #fff 10%,  #F5CFC4 10%, #F5CFC4 100%);
overflow: hidden;
position:relative;
}

.over-x{
  overflow: hidden;
}

.gradient-1{
background: #e9eae4;
background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(233, 234, 228, 1) 50%, rgba(255, 255, 255, 1) 100%);

}.gradient-2{
background: #f7ede9;
background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(247, 237, 233, 1) 30%, rgba(247, 237, 233, 1) 70%, rgba(255, 255, 255, 1) 100%);
}
.gradientF-1{
background: #DAF2F6;
background: linear-gradient(90deg,rgba(255, 255, 255, 0.6) 0%, #DAF2F6 30%, #DAF2F6 70%, rgba(255, 255, 255, 0.6) 100%);
}.gradientF-2{
background: #f7ede9;
background: linear-gradient(90deg,#ffffff 0%, #E9EBE4 50%, #ffffff 100%);
}


.z-top{
  position:relative;
  z-index: 9;
}
/**** CORES E BOTOES ENDS ****/
.no-banner{
background-color:#8c4028;
padding:2rem;
text-align:center;
}
/******** *HEADER *******/
.banner-title{
color:#bf694c;
line-height:34px;
font-weight: 600;
font-size:1.8rem;
}

@media(min-width:768px){
	.banner-title h1{
		width:600px;
		margin:auto;
	}
}

header.bg-on{ background-color:rgba(255, 2551, 255, 1)!important; transition: all 0.5s; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}    
.navbar-nav .nav-link, .top-bar .nav-link{color: #8c4028!important; font-size:0.832rem!important; white-space: nowrap; text-transform: uppercase;}
.top-bar .icons{display: inline-block; }

@media (min-width:991px){
  .home header{
position:absolute;
z-index:99;
width:100%;
  }
header{
background-color:rgba(255,255,255,0.78)!important
}

 .bg-on .navbar-nav .nav-link {color: #8c4028!important;}
#menu-menu-1{
  margin-top:-20px!important;
}
}
header svg{fill:#8c4028;}
header a:hover svg{fill:#4b5320;}
.navbar-nav .nav-link{font-weight:500!important; text-decoration: uppercase!important;}
a.primary-color:hover{color: #4b5320!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:#0097b2!important}
.btn-close {background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%238c4028'%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 svg {fill:#8c4028;}
.bt-trigger {right:25px;top:10px;}

.mobile-offcanvas{background-color:#fff!important;}
.navbar-nav .nav-link, .nav-top .nav-link{color: #8c4028!important;}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-item.active .nav-link,
.nav-link:hover,
.nav-link.active{color: #0097b2!important; font-size:1rem!important; text-decoration: underline!important;} 
header{position: initial; background-color:rgba(255,255,255,1)}
}
.redes-menu svg{
  fill:#0097b2;
}
/**** HEADER ENDS ****/  
.map-responsive{
    padding-bottom:60%;
    position: relative;
    height: 0px;
    overflow: hidden;
  }

  .map-responsive.geo{
     padding-bottom:40%;
  }
       .map-responsive.geo iframe{
            border-radius:30px;
       }
.map-responsive.hpd{
  padding-bottom:50%;
}
  
.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;
   }

     
#banner-internas{
	position:relative;
}


@media (min-width:570px){
.center-caption{
width:100%;
position:absolute;
top:20%;
z-index: 9;
	}
}

#banner-internas .center-caption{
width:100%;
position:absolute;
top:45%;
z-index: 1;
transform:translate(0, -50%);
	}

@media (max-width:768px){
    .map-responsive{
        padding-bottom: 50%;
    }
}


@media(min-width:1600px){
  header{
    position: absolute;
    width:100%;
    top:0;
    z-index: 999;
  }
  #banner-internas .center-caption{
    top:55%!important;
  }
}


#banner-home{
	position:relative;
}
#banner-internas{
	position:relative;
}

mark{
	padding-left:0!important;
}

.over-hidden, .over-hidden-ct{
position:relative;
overflow:hidden;
}
.over-hidden .parallax{
	margin-top:200px;
	margin-bottom:200px;
}



.fig2{
position: absolute;
top:50%;
right:-180px;
transform:translate(0, -50%)
}
.fig3{
position:absolute;
left:-150px;
top:0;
}
.fig4{
  position:absolute;
left:-180px;
top:0;
}

.fig5{
position:absolute;
right:-180px;
top:35%;
}


.fig2 img .fig3, .fig4, .fig5{
	width:350px!important;
}
@media(min-width:1920px){
.fig2 img, .fig3{
	width:500px!important;
}
.fig4{
  	width:650px!important;
    left:-350px!important
}
.fig5{
   	width:500px!important;
    right:-250px!important
}


	.fig2{
		right:-250px;
	}	
  .fig3{
    left:-270px;
  }
}
@media(max-width:570px){
    .fig3{
    left:-60px;
    width:100px!important
  }
  .spin-left-bg{
background:linear-gradient(to bottom, #fff 0, #fff 30px,  #F5CFC4 30px, #F5CFC4 100%);
}
}

  @media(min-width:570px){
.fix-nmt{
  margin-top:-200px!important;
}
.over-hidden{
margin-top:-200px;
}
}
/******** *PARALLAX *********/
.parallax.home1{background-image: url('dist/images/parallax1.jpg');} 
.parallax.home2{background-image: url('dist/images/parallax2.jpg');} 
.parallax.home3{background-image: url('dist/images/parallax3.jpg');} 

@media(max-width:570px){
.parallax{
  height: 400px!important;
  margin:0!important;
}
.fig2 img{
  width:200px;
}
.fig2{
bottom:0;
top:auto;
transform: inherit;
z-index: 0;
right:-100px;
}
.parallax h2, .parallax a,.parallax span{
  position: relative;
  z-index: 1;
}

.parallax.home1{background-image: url('dist/images/parallax1-mobile.jpg');} 
.parallax.home2{background-image: url('dist/images/parallax2-mobile.jpg');} 
.parallax.home3{background-image: url('dist/images/parallax3-mobile.jpg');} 

.banner-title {
     line-height: 30px;
     font-size: 1.6rem;
}
}
/******** PARALLAX *********/
.line-sep{
	position:relative;
	z-index:9;
	margin-bottom:-15px;
}
.left-spin-center{
	position:relative;
	overflow:hidden;
}
.left-spin-center .rotating-image{
	position:absolute;
	top:40%;
	left:-150px;
	opacity:0.6;
}

.box-item{
	background-color:#E4E6DF;
	padding:1rem 1.5rem;;
	border-radius:30px;
}
.box-item-r{
	background-color:#F3E6D6;
	padding:1rem 1.5rem;;
	border-radius:30px;
}

.box-item-b{
background-color:#DAF2F6;
text-align:center;
	padding:1rem
}


.box-item-white{
	background-color:#fff;
text-align:center;
	padding:1rem 1.5rem;;
	border-radius:30px;
}
.left-btm-wind{
	position:relative;
}
.left-btm-wind .rotating-image{
	position:absolute;
	left:-160px;
	bottom:-50px;
	
}
.rotating-image {
	opacity:0.7!important;
}
.left-spin-center.top{
  overflow: inherit!important;
}

	.left-spin-center.top .rotating-image{
    top:-150px!important;
    
  }


@media(min-width:1600px){
	.left-spin-center .rotating-image {
    position: absolute;
    top: 45%;
    left: -273px;
}
	.left-spin-center.top .rotating-image{
    top:-45%!important;
    
  }

	.left-btm-wind .rotating-image {
		left: -273px;
		bottom:-100px;
	}
}



@media (max-width:768px){
	.left-spin-center .rotating-image, .left-btm-wind .rotating-image {
    display:none;
}
}

/**** DEPOIMENTOS GOOGLE *****/
.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;
}
}
/***** ELEMENTOS DECOR ****/
/******** CUSTOM *********/
.rotating-image {
  width:500px;
  height: auto;
  animation: spin 10s linear infinite; /* Name, duration, timing, repetition */
}
.fig1{
    position: absolute;
    left:0; 
    bottom:100px;
}


@media(max-width:1600px){
.rotating-image{
  width:300px;
}
.fig1{
  bottom:150px;
}
}

@media (min-width:570px){
.center-box-header{
position:absolute;
bottom:0;
width:100%;
z-index:1;

}
}
.box-header{
background-color:#fff;
border-radius:51px 51px 0 0;
padding:2.5rem 0;
text-align:center;
}
.box-header p{
margin-bottom:0.5rem;
font-size:1.1rem;
}

@media(max-width:570px){
.fig1 {
   left: 15px;
    bottom:auto;
    top: 189px;
    width: 100px;
  }
  .center-caption{
  text-align: center;
  }
  .box-header{
    background-color:#d0d2c5;
  }
  
}


@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/***** CUSTOM ENDS ******/






/******* *FAQ *******/
#Faq .card-body a{
    color:#fff;
    text-decoration:underline!important;
    }
.FAQ .accordion-item {
  border-radius: 30px!important;
 background-color:#bf694c!important;
 border:2px solid #bf694c!important;
 } 
 
  .FAQ  .accordion-button::after {
    background-color: #fff!important;
    border:1px solid #fff;
    transform: scale(.8) !important;
    background-position:center;
    width:30px;
    height:30px;
    padding:8px;
    border-radius:100%;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23bf694c' 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='%238c4028' 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*******/
/******** DATA POST *********/
.assinatura-blog p{
	font-size:0.9rem;
	line-height:20px
}
.assinatura-blog h4{
	color:#8c4028;
}

.box-date{
color:#fff;
display:inline-block;
background-color:#4b5320;
text-align:center;
border-radius:10px;
line-height:18px;
width:60px;
height:60px;	
position:absolute;
bottom:-25px;
left:10px
}

.box-date span{
position:relative;
top:12px;
font-size:16px;
text-transform:uppercase;
font-weight:bold;
}

.box-date-single{
background-color:#0097b2;
display:inline-block;
padding:1rem;
border-radius:8px;
text-align:center;
}
.box-date-single span{
color:#fff;
font-weight:bold;
font-size:1.2rem;
text-transform:uppercase;
}
/******** DATA POST *********/
/***** *INTERNAS ********/
.c1 h2, .c1 h3{
  color:#8c4028
}
.c2 h2, .c2 h3{
  color:#0097b2
}
.c3 h2, .c3 h3{
  color:#4b5320;
}
.c4 h2, .c3 h4{
  color:#b87333
}
.ct-center h2{
text-align: center;
}
/***** *INTERNAS ********/
.form-control{
   border:2px solid #0097b2!important;
   border-radius:25px!important;
   background-color:#fff!important;
}
.bt-send{   
    display: inline-block;
    background-color:#8c4028;
    border: none!important;
    color:#fff;
    padding:.5rem 2rem;
    transition: all 0.5s;
    text-transform: uppercase;
    border-radius: 30px;
}
.bt-send:hover{
    background-color:#0097b2;
}
/***** FOOTER *******/
  footer{
    background-color:#462b1a;
    color:#fff!important;
    }
.nav-footer ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0!important;
    }
.nav-footer ul li a{
  text-transform: uppercase;
}
    .icons-footer svg{
        fill:#fff
    }
    .icons-footer:hover svg{
        fill:#99b0cf;
    }
    footer a{
       color:#fff;
    }
    footer .nav-link:hover, footer .nav-item.active .nav-link{
      text-decoration: underline!important;
      color:#99b0cf!important;
    }

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

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

    .tel-icon::before, .wpp-icon::before{
       background-color:#99b0cf;
    }
    .wpp-icon.white-color::before{
       background-color:#fff;
   }
    #wpp-flutuante::before{
    background-color:#8c4028;
    color:#fff;
}
 /***** FOOTER ENDS ****/
 /***** PAGINACAO ****/
.pagination .page-numbers, .pagination .page {
  background-color:#fff;
  color: #8c4028;
  border-color:#8c4028 ;
}
.pagination .page-numbers:hover, .pagination .page:hover, 
.page-numbers.current {   
  background:#8c4028 ;
  color:#fff;
  border-color:#8c4028 ;
}      
/*** PAGINACAO ENDS ***/