/* 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:#334856!important}
.primary-color, .has-primary-color{color:#6bb8c6!important;}
.secondary-color, .has-secondary-color{color:#a89270!important}
.tertiary-color, .has-tertiary-color{color:#dc5d96!important}
.quaternary-color{color:#db9600!important}
.white-color{color: #fff!important;}
.black-color{color:#000!important}
.fill-primary{fill:#6bb8c6}
.fill-secondary{fill:#a89270}
.fill-tertiary{fill:#dc5d96}
.fill-white{fill:#fff}

.fw-lighter{font-weight: lighter!important;}
.f-semibold{font-weight:500!important;}
a:hover .fill-primary, .fill-primary:hover{fill:#6bb8c6}
a:hover .fill-white, .fill-white:hover{fill:#a89270;}
a:hover .fill-white.scnd, .fill-white.scnd:hover{fill:#6bb8c6;}
a.white-color:hover{color:#6bb8c6!important;}
a:hover .fill-secondary, .fill-secondary:hover{fill:#6bb8c6;}
.youtube .play-button{background-color:#6bb8c6;}
.bt{border-radius:30px; border:none!important;}
.bt-primary{background-color:#6bb8c6;color:#fff;}
.bt-secondary{background-color:#a89270;color:#fff;}
.bt-tertiary{background-color:#dc5d96; color:#fff;}
.bt-tertiary:hover{background-color:#db9600;color:#fff;}
.bt-quaternary{background-color:#db9600; color:#fff;}
.bt-quaternary:hover{background-color:#dc5d96;color:#fff;}
.bt-secondary:hover{background-color:#6bb8c6; color:#ffff;}
.bt-primary:hover{background-color:#a89270;color:#fff;}
.bt.bt-white{color:#6bb8c6; background-color:#fff; border:2px solid #fff;}
.bt.bt-white:hover{ background-color:#6bb8c6; color:#fff; border-color:#6bb8c6;}
.bt.bt-primary-w{color:#6bb8c6; background-color:transparent; border:2px solid #6bb8c6;}
.bt.bt-primary-w:hover{ background-color:#a89270; color:#fff; border-color:#a89270;}
.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 ****/
.no-banner{
	background-color:#6bb8c6;
padding:2rem;
text-align:center;
}
/******** *HEADER *******/
.banner-title{
color:#fff;
line-height:32px;
font-weight:600;
}

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{color: #464646!important; white-space: nowrap; text-transform: uppercase;}
.top-bar .icons{display: inline-block; }

@media (min-width:991px){
 .bg-on .navbar-nav .nav-link {color: #464646!important;}
#menu-menu-1{
  margin-top:-20px!important;
}
}
header svg{fill:#6bb8c6;}
header a:hover svg{fill:#dc5d96;}
.navbar-nav .nav-link{font-weight:500!important; text-decoration: uppercase!important;}
a.primary-color:hover{color: #dc5d96!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:#6bb8c6!important}
.btn-close {background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236bb8c6'%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:#6bb8c6;}
.bg-on .bt-trigger{fill:#6bb8c6;}
.mobile-offcanvas{background-color:#fff!important;}
.navbar-nav .nav-link, .nav-top .nav-link{color: #6bb8c6!important;}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-item.active .nav-link,
.nav-link:hover,
.nav-link.active{color: #6bb8c6  !important; text-decoration: underline!important;} 
header{background-color:#fff; position: initial}
}
@media only screen and (max-width:768px){
#banner .caption.white-color{color:#6bb8c6!important;}}
/**** HEADER ENDS ****/  
.map-responsive{
    padding-bottom:65%;
    position: relative;
    height: 0px;
    overflow: hidden;
  }

.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;
}

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

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

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

mark{
	padding-left:0!important;
}
/******** *PARALLAX *********/
.parallax.home1{background-image: url('dist/images/parallax1.jpg');} 
.parallax.home2{background-image: url('dist/images/parallax2.jpg');} 
@media(max-width:570px){
.parallax.home1{background-image: url('dist/images/parallax1-mobile.jpg');} 
.parallax.home2{background-image: url('dist/images/parallax2-mobile.jpg');} 
}
/******** PARALLAX *********/

/******** CUSTOM *********/
.fundo-secondary-color{
  background-color: #a89270;
}
.fundo-color-s1{
  background-color: #edfbeb;
background-image: url('dist/images/borboleta.png');
background-repeat: no-repeat;
background-position: 90% 90%;
}
.fundo-color-s2{background-color: #e3f8fb;}
.fundo-color-s3{background-color: #f9e5ee;}

.list-rocket li, .box-s5 li{
  position: relative;
}
.list-rocket li:before, .box-s5 li:before{
content:"";
width:22px;
height: 36px;
background-image: url('dist/images/rocket.png');
background-size: contain;
background-repeat: no-repeat;
}
.list-rocket.scnd li::before{
background-image: url('dist/images/rocket-2.png');
}

.fundo-df{
  background-image: url('dist/images/disco-voador.png');
  background-repeat: no-repeat;
  background-position: 98% 4rem;
  background-color: #ffe7b3;
}

.elm-peixe{
  background-image: url('dist/images/peixe.png');
  background-repeat: no-repeat;
  background-position: 90% 70%;
}

.elm-gato{
  background-image: url('dist/images/gato.png');
  background-repeat: no-repeat;
  background-position: 3rem 20%;
}

.fundo-elm-rocket{
  background-image: url('dist/images/foguete.png');
  background-repeat: no-repeat;
  background-position: 5% 5rem;
}

.elm-b{
  position: relative;
}

.elm-b::before{
  content:"";
  width:209px;
  height:394px;
  background-image: url('dist/images/left-elm-b.png');
  background-repeat: no-repeat;
background-size: contain;
position: absolute;
left:4rem;
top:-56px;
}

.fundo-linear{
  background-image: url('dist/images/coroa.png');
  background-repeat: no-repeat;
  background-position: 55% 80%;
}

.elm-footer{
    background-image: url('dist/images/linha-azul.png');
  background-repeat: no-repeat;
  background-position: left bottom;
	background-size:25%;
}

@media (min-width: 1900px) {
    .fix-col-fluid {
        width: 40%!important;
    }
}


@media(min-width:570px){
  .caption-home{
    color:#fff;
  }
  .caption-home{
    margin-top: 6rem;
  }
}


.home header {
	position:fixed;
	width:100%;
	z-index:999;
background-color:rgba(255, 255, 255 ,0.8)
}
header{
	background-color:#e9ebec;
}
.fundo-df{
	position:relative;
	padding-bottom:8rem;
}
.elm-submarino{
position:absolute;
bottom:-220px!important;
right:0;
	z-index:1;
}
.elm-submarino.scnd{
bottom:-380px!important;
}


.list-rocket, .box-s5 ul{
	text-align:left;
	margin-top:3rem;
	list-style:none;
	padding-left:0;
}
.list-rocket li:before, .box-s5 li:before{
	position:absolute;
	left:0;
	top:50%;
	transform:translate(0, -50%);
}
.list-rocket li, .box-s5 li{
	padding-left:2rem;
	margin:20px 0
	
}

.fundo-linear{
	position:relative;
}
.fundo-linear:before{
	content:"";
	width:100%;
	height:80%;
	background-color:#6bb8c6;
	position:absolute;
	z-index:-1;
	top:50%;
	transform:translate(0, -50%);
}
.fundo-linear.scnd, .fundo-linear.scndl{
	background-image:inherit;
	position:relative;
	z-index:9;
}

.fundo-linear.scndP{
  background-image: url('dist/images/coroa-amarela.png');
  background-repeat: no-repeat;
  background-position: 4rem center;
}


.fundo-linear.scnd:before{
	background-color:#b3d3bd;
	height:90%;
}
.fundo-linear.scndl:before{
  background-color:#ebeefb;
  	height:92%;
}
.fundo-linear.scndP:before{
  background-color:#d3f6de;
  height:92%;
}

.fundo-elm-chicken{
background-color:#fff8e9;
margin-top:-25px;
padding-bottom:5rem;
position:relative;
}

.fundo-elm-chicken .container{
	position:relative;
	z-index:9;
}
.elm-chicken{
	position:absolute;
	left:0;
	bottom:-100px;
}
.elm-dog{
	position:absolute;
	bottom:0;
	right:0;
	bottom:-100px;
}
.fundo-atd{
	background-color:#fae7ef;
}
@media(max-width:1900px){
.elm-chicken{
	width:500px
	}
	.elm-dog{
		width:250px;
	}
	.fundo-atd .pdng-{
		padding:2rem 0;
	}
}


@media(min-width:768px){
	.fundo-elm-chicken{
margin-top:-25px;
	
}
}

@media (max-width:768px){
	.fundo-linear:before,
	.fundo-linear.scnd:before
	{
		height:100%;
		left:0;
	}
	.fundo-linear{
		padding:2rem 1rem;
	}
	.fundo-linear img{
		margin-top:2rem;
	}
	.elm-submarino, .elm-chicken, elm-dog{
		display:none;
	}
	.elm-footer{
		background-size:50%;
	}

  .sub-interno{
	position:absolute;
bottom:-130px
}
.elm-chicken-int{
	position:absolute;
bottom:-80px;
	right:0;
}
.fundo-elm-rocket{
	position:relative;
}
.elm-sub-int{
	position:absolute;
	bottom:50px;
	right:0
}

@media(max-width:1600px){
	.elm-chicken-int{
		width:300px;
	}
	
	.elm-sub-int{

	width:400px
}
}

@media(max-width:1440px){
	.sub-interno{
    bottom: -85px;
    width: 600px;
	}
	.elm-chicken-int{
		width:250px;
		    bottom: -35px;
	}
}
@media(max-width:768px){
	.sub-interno,
	.elm-sub-int,
		.elm-chicken-int,
	.elm-dog,
	.default-foguete,
	.default-sub
	{
display:none;
	}
}
	


.fundo-df,
.elm-peixe,
.elm-gato,
.fundo-elm-rocket,
.elm-b::before,
.fundo-default-s2,
.elm-default-s5
	{
background-image:inherit!important;
}
.fundo-df{
  padding-bottom: 2rem!important;
}
	.fundo-elm-chicken{
		padding-bottom:0!important;
	}
	.fundo-atd{
		padding-top:3rem;
	}
}

.sub-interno{
	position:absolute;
bottom:-85px
}
.elm-chicken-int{
	position:absolute;
bottom:-80px;
	right:0;
}
.fundo-elm-rocket{
	position:relative;
}
.elm-sub-int{
	position:absolute;
	bottom:50px;
	right:0
}

@media(max-width:1600px){
	.elm-chicken-int{
		width:300px;
	}
	
	.elm-sub-int{

	width:400px
}
}

@media(max-width:1440px){
	.sub-interno{
        bottom: -35px;
        width: 600px;
	}
	.elm-chicken-int{
		width:250px;
		    bottom: -35px;
	}
}
@media(max-width:768px){
	.sub-interno,
	.elm-sub-int,
		.elm-chicken-int
	{
display:none;
	}
}
.default-gato{
  background-image: url('dist/images/gato.png');
  background-repeat: no-repeat;
  background-position: 90% 95%;
}
.fundo-default-s2{
  background-image: url('dist/images/elm-inte-default.png');
  background-repeat: no-repeat;
  background-position: left 4rem;
  background-color:#fcf5ec;
  margin-top:-55px;
}

.elm-default-s5{
  background-image: url('dist/images/peixe-left-default.png');
  background-repeat: no-repeat;
  background-position: left center;
}

@media(max-width:1600px){
  .fundo-default-s2{
background-size: 200px;
  }
  .elm-default-s5{
    background-size: 280px;
  }
}

/***** CUSTOM ENDS ******/
/******* *FAQ *******/
#Faq .card-body a{
    color:#fff;
    text-decoration:underline!important;
    }
.FAQ .accordion-item {
  border-radius: 30px!important;
 background-color:#a89270!important;
 border:none!important;

 }

 .fundo-ultrassom{
  background-color:#eafae7;
 }

.fundo-faq{
background-color: #f0efe8;
background-image: url('dist/images/coroa-amarela.png');
background-position: 95% center;
background-repeat: no-repeat;
}
.fundo-faq-def{
  background-color: #fce8f6;
}

  .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='%23a89270' 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='%23a89270' 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 *********/
.box-date{
color:#fff;
display:inline-block;
background-color:#a89270;
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:#a89270;
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 ********/
.internas .c1 h2{
 color:#6bb8c6;
 }
.internas .c3 h2, .internas .c3h h3{
 color:#dc5d96
}


.internas .c4 h2{
color:#fdc901;
}
.internas h2, .internas h3{
  font-weight: 600;
}


.form-control{
   border:2px solid #a89270!important;
   border-radius:25px!important;
   background-color:#fff!important;
}
.bt-send{
    
    display: inline-block;
    background-color:#6bb8c6;
    border: none!important;
    color:#fff;
    padding:.5rem 2rem;
    transition: all 0.5s;
    text-transform: uppercase;
    border-radius: 30px;
}
.bt-send:hover{
    background-color:#a89270;
}
/***** FOOTER *******/
  footer{
    background-color:#334856;

    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:#5291d0;
    }
    footer a{
       color:#fff;
    }
    footer .nav-link:hover, footer .nav-item.active .nav-link{
      text-decoration: underline!important;
      color:#5291d0!important;
    }

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

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

    .tel-icon::before, .wpp-icon::before{
       background-color:#5291d0;
    }
    .wpp-icon.white-color::before{
       background-color:#fff;
   }
    #wpp-flutuante::before{
    background-color:#6bb8c6;
    color:#fff;
}
 /***** FOOTER ENDS ****/





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



    border:1px solid #ee76a4 ;



    border-radius:8px;



    transition:all 0.2s;



}



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



    .page-numbers.current



        {   



            background:#ee76a4 ;



            color:#fff;



            text-decoration:none;



            border-color:#ee76a4 ;



        }