/* 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, .text-color{
    color:#905859;
}
.white-color{
	color:#fff!important;
}

.primary-color{
	color:#905859;
}
.black-color{
color:#000!important;
}
.fill-primary{
    fill:#905859;
}
.fill-primary:hover{
    fill:#58524f;
}
.bt{
    display: inline-block;
    padding:0.5rem 1rem;
    border:none!important;
    transition:all 0.4s;
}
.bt-primary{
    background-color:#905859;
    color:#fff;
}
.bt-primary:hover{
    background-color:#58524f;
}
/****** TYPO CORES E BOTOES *****/
.fundo-primary{
        background-image: url('dist/images/fundo-linear.svg');
		background-size: cover;
}
.fundo-single{
background-color:#f9f0f1;
}
.fundo-abt{
background-color:#f6f1f1;
}
.fundo-primary.logo-elm-right{
    background-image:url('dist/images/logo.png'), url('dist/images/fundo-linear.svg');
    background-repeat: no-repeat, no-repeat;
    background-position:99% 98%, center ;
	background-size: auto, cover!important;
}
.logo-elm-left{
    background-image: url('dist/images/logo.png');
    background-repeat: no-repeat;
    background-position: 1% 98%;
}

.fundo-lighter{
    background-color:#f6f1f1;
}

.fundo-doencas-pele{
    background-image: url('dist/images/doencas-de-pele-min.png');
    background-repeat: no-repeat;
    background-position: center;
}

html {
  font-size: 18px;
}
header{
background-color:rgba(255,255,255, 0);
position:absolute;
	width:100%;
	z-index:999;
}
#menu-menu-1{
	display:inline-block;
}
#banner, .banner-interna{
	position:relative;
	overflow-x:hidden;

}

@media (min-width:768px){
	#banner, .banner-interna{
	height:100vh;
}
#banner .banner-img, .banner-interna img.w-100{
object-fit: cover;
height: 100%;
}
}


.caption-top{
	position:absolute;
	top:160px;
	left:8%
}
.caption-top span{
	display:blink;
	line-height:30px;
	color:#fff;
}

.caption{
	position:absolute;
	left:8%;
	top:62%;
}

.caption-interna{
  	position:absolute;
	left:15%;
	top:50%;
    transform:translate(0,-50%);
}

.caption h1, .banner-title{
	font-size:4rem;
	color:white;
	line-height:70px
}


.caption-right{
position:absolute;
right:8%;
	top:60%;

}
.caption-right span{
	font-size:6rem;
	color:#fff;
}

.caption-btn{
position:absolute;
right:15%;
bottom:10%;
}


.arrows .next, .arrows .prev{
	width:50px;
	border:2px solid #58524f;
	padding:5px;
	border-radius:100%;
	position:absolute;
	top:50%;
	transform:translate(0, -50%);
	cursor:pointer;
}
.arrows .prev{
	left:5px;
}
.arrows .next{
	right:5px;
}

.slick-item h3{
	color:#905859;
	font-size:1.3rem;
	margin-top:1rem
}

@media (min-width:1900px){
	.caption h1{
	font-size:6rem;
		line-height:93px
}
	.caption, .caption-top{
		left:12%;
	}
}


@media (max-width:991px){
    .no-br br{
        display: none;
    }
}

@media (max-width:768px){
.caption-top, .caption, .caption-btn, .caption-interna{
	position:initial;
	text-align:center;
    transform: inherit;
}
.caption h1{
color: #905859!important;
font-size:3rem;
line-height:60px;
margin-top:1rem;
padding-bottom:1rem;
}

.caption-interna h1{
color:#905859;
font-size:2rem;
line-height:50px;
margin-top:1rem;
}

.caption-top{
margin-top:1rem;
}
.caption-top span{
color:#905859;
}
.caption-right {
display:none;
}
.caption-btn{
	margin-bottom:15px;
}
	.arrows .prev, .arrows .next{
		width:30px;
	}
	
	.arrows .prev{
	left:10px;
}
.arrows .next{
	right:10px;
}
}

.btn-wpp{
background-color:#905859;
display:inline-block;
color:#fff;
padding:0.5rem 1.4rem;
margin:30px 0;
transition:all 0.5s;
}

.btn-wpp:hover{
background-color:#58524f;
}


.btn-map{
border:3px solid #905859;
display:inline-block;
padding:0.5rem 1.4rem;
transition:all 0.5s;
margin-bottom:40px;
color:#905859;
}

.btn-map svg{
fill:#905859;
width:32px;
margin-right:16px;
transition:all 0.5s;
}


.btn-map:hover{
	border-color:#58524f;
	background-color:#58524f;
	color:#fff;
}

.btn-map:hover svg{
	fill:#fff;
}

#wpp-flutuante:hover::before{
	background-color:#905859;
}
.lh-resumo{
	line-height:22px;
	height:150px
}
.lh-resumo.lg{

	height:160px
}

.single .banner-title{
	color:#905859
}


.video-responsive {
padding-bottom: 58%;
position: relative;
height: 0px;
overflow: hidden;
}
.video-responsive iframe {
left: 0px;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}  
@media (min-width:768ox){
.line-center{
position:relative;
height:100px;
}
.line-center h3{
line-height:22px;
position:absolute;
left:50%;
top:50%;
width:100%;
transform:translate(-50%, -50%)
}

}

@media (max-width:1400px){
	.lh-resumo{
	
	height:170px
}

.lh-resumo.lg{
	
	height:200px
}

}

@media (max-width:768px){
.single .banner-title br{
	display:none;
	}
	.video-responsive {
		padding-bottom: 70%;
	}
		.lh-resumo, .lh-resumo.lg{
		height:auto;
}
}
article ul{
	text-align: left!important;
}

.about-box {
background-color:#EEE;
padding:1rem 1rem 0.2rem;
margin-bottom:1rem;

}
.about-box h3{
font-size:1rem;
}

.about-box p{
margin-top:10px;
font-size:0.92rem;
line-height:20px
}

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

.FAQ .accordion-button{
    background-color: transparent;
    border:none!important;
}
.FAQ .accordion-button:not(.collapsed){
    box-shadow: none!important;
    background-color: transparent!important;
}
.FAQ .accordion-item {
    border: none!important;
    margin-bottom: 1rem!important;
}
.FAQ .accordion-button::after { 
    transform: scale(.8) !important;
    background-position:center;
    width:30px;
    height:30px;
    padding:8px;
    border-radius:100%;
    transform: scale(.7) !important;
    }
.FAQ .accordion-button:focus{
    box-shadow: none!important;
}

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

 }

 .FAQ .accordion-button::after {
    border:none;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23905859' 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='%23905859' 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;
    }

	.arrow .next, .arrow .prev{
 width:40px;
}
/******** *SLICK ******/
.line-center{
 position:relative;
 height:70px; 
}
.col-slick-item .line-center{
    height:85px; 
}

.line-center h3{
line-height:20px;
position:absolute;
top:50%;
left:50%;
width:100%;
transform: translate3d( -50%, -50%, 0 );
}
.lh-resumo{
line-height:20px;
height:130px;
}
.lh-resumo.sm{
 height: 30px;
}
.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;
}    
@media only screen and (max-width:1400px){
.lh-resumo{
    height:180px;
}
.lh-resumo.sm{
   height:80px;
    }
}
@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:10px;
}
.arrow .next{
 right:10px;
}   
.arrow .next, .arrow .prev{
   width:25px;
}
.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;
} 
}
svg.next, svg.prev, .cta-link svg{pointer-events:auto!important;}
/*** SLICK ENDS ***/        
svg.next, svg.prev, .cta-link svg{pointer-events:auto!important;}
.slick-2, .slick-3, .slick-4, .slick-rws {& > .slide:not(:first-child) {display: none;}}


.depo-b:before{
background-image: url('dist/images/aspas.png');
}