/* 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:#7f539b!important;}
.secondary-color{color:#02909c!important}
.tertiary-color{color:#ffc20e!important}
.quaternary-color{color:#1c2f22!important}
.white-color{color: #fff!important;}
.black-color{color:#000!important}
.fill-primary{fill:#7f539b}
.fill-secondary{fill:#02909c}
.fill-tertiary{fill:#ffc20e}
.fill-white{fill:#fff}
.banner-title{color:#fff;font-family: "DJB Messy Amanda Goes Bold"!important;}
.youtube .play-button{background-color:#7f539b;}
.font-title{font-family:"DJB Messy Amanda Goes Bold"!important;}
.f-title-c1 h2{font-family:"DJB Messy Amanda Goes Bold"!important; color:#7f539b;font-size:2.8rem; margin-bottom:15px; line-height: 42px;}
.f-title-c2 h2{font-family:"DJB Messy Amanda Goes Bold"!important; color:#02909c;font-size:2.8rem; margin-bottom:15px; line-height: 42px;}
.f-title-c3 h2{font-family:"DJB Messy Amanda Goes Bold"!important; color:#ffc20e;font-size:2.8rem; margin-bottom:15px; line-height: 42px;}
.f-title-cw h2{font-family:"DJB Messy Amanda Goes Bold"!important; color:#fff;font-size:2.8rem; margin-bottom:15px; line-height: 42px;}

.bt{
    border-radius: 30px;
    font-weight: 500!important;
}
.bt-primary, .bt-secondary:hover{
    background-color:#7f539b;
    color:#fff; 
}
.bt-secondary, .bt-tertiary:hover{
  background-color:#02909c;
  color:#fff;
}
.bt-tertiary{
  background-color:#ffc20e;
  color:#fff;
}
.bt-primary:hover{
    background-color:#02909c; 
    color:#fff;   
}
.bt-white{
color:#7f539b;
background-color:#fff;
}
.bt-white:hover{
  background-color:#7f539b;
  color:#fff;   
}
.bdr-30{
    border-radius: 30px!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 .fundo-header{
position: absolute;
left:0;
width:100%;
top:0;
}
header{ 
    position:fixed;
    width:100%;
    z-index: 999;
}


.navbar-nav .nav-link, .top-bar .nav-link{
   color: #7f539b!important;
   white-space: nowrap;
   font-size:0.9rem!important;
}

@media (min-width:1400px){
    .navbar-nav .nav-link, .top-bar .nav-link{
   
   font-size:1rem!important;
}
}

@media (min-width:1900px){
    .navbar-nav .nav-link, .top-bar .nav-link{
   
   font-size:1.2rem!important;
}
}

.top-bar .icons{
  display: inline-block;
}
header .icon svg{
  fill:#7f539b;
}
header .icon .bg-on svg{
 fill:#7f539b;
}
.nav-link{
    font-weight:500!important;
    text-transform: uppercase;
    font-size: 0.9rem!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:#02909c!important;
}
.btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237f539b'%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:#7f539b;
 }
    .bg-on .bt-trigger{
        fill:#7f539b;
    }
            .mobile-offcanvas{

              background-color:#fff!important;

       }

       #menu-menu-1{
        margin-top:2rem;
       }
       
       
        .navbar-nav .nav-link, .nav-top .nav-link{

            color: #7f539b!important;

        }

         .navbar-nav .nav-link:hover,

        .navbar-nav .nav-item.active .nav-link,

        .nav-link:hover,

       .nav-link.active    {

           color: #ffc20e  !important;

           text-decoration: underline!important;

        } 

        .home header, header{

            background-color:#fff;
            position: initial

        }

        .navbar .nav-link{

        font-size:1rem!important;

        color:#7f539b!important;

        }

    }

    @media only screen and (max-width:768px){
       #banner .caption h1, #banner .caption h2{
            color:#02909c!important;
        }
       

        #banner .bt-white{
           background-color:#7f539b !important;
            color:#fff!important;
        }

        

       #banner .caption h1 span{
        color: #7f539b!important;

       }
       #banner .caption p.white-color{
        color: #7f539b!important;
       }

       #banner .caption h1 span br{

        display:none;

    }

   

    }

    
/**** HEADER ENDS ****/  
/******* *BGS E ELEMENTOS *****/
.fundo-page{
background-image:url('dist/images/fundo site-min.jpg');
background-repeat: no-repeat;
background-size: cover;
}
/******* BGS E ELEMENTOS ENDS *****/
/***** FOOTER *******/
  footer{
   background-color:#fff;
   color:#4b4b4b!important;
   border-radius: 150px;
    }
.nav-footer ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0!important;
    }
    .icons-footer svg{
        fill:#02909c;
    }
    .icons-footer:hover svg{
        fill:#ffc20e;
    }
    footer a{
       color:#7f539b;
    }
    footer .nav-link:hover, footer .nav-item.active .nav-link{
      text-decoration: underline!important;
      color:#7f539b!important;
    }

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

    .tel-footer:before, .email-footer:before, .wpp-footer:before, .car-footer:before, .clock-footer:before{
      background-color: #ffc20e;
    }
    .tel-footer:hover:before, .email-footer:hover:before, .wpp-footer:hover:before, .car-footer:hover:before, .clock-footer:hover:before{
        background-color: #7f539b;
      }

    .tel-icon:before, .wpp-icon:before{
       background-color:#7f539b;
    }
    .wpp-icon.white-color:before{
       background-color:#ffc20e;
   }
    

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

 /***** FOOTER ENDS ****/
/******** CUSTOM *********/
.bxed{
    position:relative;
}
.bxed:before{
    position:absolute;
    content:"";
    left:0;
    top:0;
    background-repeat: no-repeat;
}

.bxed.purple:before{
background-image: url('dist/images/purple-min.png');

}

.bxed.blue:before{
background-image: url('dist/images/blue1-min.png');
}

.bxed.blue2:before{
background-image: url('dist/images/blue2-min.png');

}

 

.fst-t{
	font-size:3.6rem;
	margin-bottom:15px;
}

@media(max-width:768px){
.fst-t {
    font-size: 3rem;
    line-height:45px;
    }
}


.tracks{
position:absolute;
z-index:0;
pointer-events: none!important;

}
.fs-t{
font-size:3rem;
}

.z-indx{
	position:relative;
	z-index:999;
}
.fundo-page{
margin-top:-46%;
padding-top:200px;
}
.tracks.t2{
	top:-180px;
	width:500px;
	right:400px
}
.tracks.t3{
	top: 46%;
	width: 360px;
	right: 38%;
	z-index: -2;
	transform: translate(0, -50%);
}
.logo-offcanva{
    width:220px!important;
}
@media(max-width:991px){
	.tracks{
		display:none;
	}
	.fundo-page{
		margin-top:0;
		padding-top:2rem;
	}
    .fs-t{
        font-size:2.8rem;
        line-height:42px;
    }
}


.list{
list-style: none;
padding-left:0;
}
.list li{
    position: relative;
    padding-left:40px;
margin:10px 0;
}
.list li:before{
content:"";
background-image: url('dist/images/elm-rnd.png');
background-repeat: no-repeat;
background-size: contain;
position:absolute;
left:0;
top:3px;
width:100%;
height:26px;
}

.new-elm-right{
    background-image: url('dist/images/elemento01.png');
    background-position: right bottom;
    background-repeat: no-repeat;
}
.new-elm-left{
    background-image: url('dist/images/elemento02.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.bx-jrnd-:before{
content:"";
background-image:url('dist/images/owl.png');
background-repeat: no-repeat;
background-size: contain;	
}

@media(max-width:768px){
    .list li:before {
    background-size: 9%;
    top: 6px;
    }
}
.fundo-primary-color{
    background-color: #7f539b;
    color:#fff;
}

.fundo-secondary-color{
    background-color:#02909c;
    border-radius:44px;
}
.fundo-secondary.bdr{
        background-color:#02909c;
    border-radius:150px;
}
.fundo-secondary.bdr-rnd{
    position:relative;
    background-color:#02909c;
    border-radius:150px;
    padding-top:2rem;
}

footer{
    position: relative;
}



footer:before{
content:"";
background-image:url('dist/images/owl.png');
background-repeat: no-repeat;
background-size: contain;
	position:absolute;
	width:120px;
	height:100%;
	top:-120px;
	left:5rem;
}


.fundo-spec{
        background-color:#eef6f8;
    border-radius:150px 150px 0 0 ;
}
.fundo-curso{
        background-color:#c2a3c3;
    border-radius:150px 150px 0 0 ;
}

.slick-rws .slick-list div{
			margin-top:-4px!important
    }
.slick-rws .slick-slide{
padding-top:30px
}
@media (min-width:1900px){
footer:before{
    left:10%
}
}

@media (min-width:768px){
#menu-menu-2 {
  column-count: 2;
  }

/* Optional: Style the list items if needed */
 #menu-menu-2 li {
  padding: 5px;
  margin-bottom: 5px;
	
}
#menu-menu-2 .dropdown-menu{
	column-count:1;
	border:none!important;

    }
}

@media(max-width:768px){

	.fundo-secondary.bdr-rnd, footer, .fundo-spec, .fundo-curso {
		border-radius:30px 30px 0 0;
	}
    .fundo-secondary-color, .fundo-secondary.bdr{
        border-radius: 0;
    }
    	footer:before{
        right: 0;
        left: 50%;
        width: 102px;
        height: 100%;
        top: -110px;
        transform: translate(-50%, 0);
	}
	footer:after{
			height:15px;
	}
    footer{
        margin-top:6rem;
    }
}
.fundo-s6{
    background-image: url('dist/images/fundo-equipe.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100px;

}

@media(max-width:768px){
    .fundo-s6{
        border-radius: 0;
    }
}

@media(min-width:1899px){
    .col-lg-5.fix-col{
        width:33.5%!important;
    }
}

.fundo-s6{
	position:relative;
	color:#fff;
	 text-align:center;
padding:3rem 0;
	}
.fundo-s6 h2{
	color:#fff!important;
}

.filter-button{
	border:none;
	padding:0.4rem 1.2rem;
	color:#fff;
background-color:#02909c;
border-radius:30px;
	margin:5px 0;
}
.filter-button:hover, .filter-button.active{
background-color:#7f539b;
}
.filter .h-100{
position:relative;
padding-bottom:60px
}
.filter h3{
margin-top:1rem;
font-size:1.35rem;
}
.filter .bt{
position:absolute;
bottom:25px;
width:160px;
transform:translate(-50%,0)
}

/***** CUSTOM ENDS ******/
/***** *INTERNAS ********/
.internas .c1 h2{
color:#7f539b;
font-weight:600;
font-family:"DJB Messy Amanda Goes Bold"!important;
}

.internas .c1 h3{
color:#02909c;
font-weight:600;
font-family:"DJB Messy Amanda Goes Bold"!important;
}
.internas .c2 h2, .internas .c2 h3{
color:#02909c;
font-family:"DJB Messy Amanda Goes Bold"!important;
}
.internas .cw h2, .internas .cw h3{
  color:#fff;
  font-weight: bold;
  }
    .internas .cw p a, .cw li a{
    color:#fff;
    text-decoration: underline!important;
    }
/******* *FAQ *******/
#Faq .card-body a{
    color:#fff;
    text-decoration:underline!important;
    }
.FAQ .accordion-item {
 border-radius: 30px!important;
background-color:#7f539b!important;

 }
.accordion-button:not(.collapsed){
    color:#2d2d2d!important;
}
 .FAQ .accordion-button::after {
    border:1px solid #fff;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%231c2f22' 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='%231c2f22' 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:#1c2f22!important;
}
/******* *FAQ ENDS*******/
/******** *INTERNAS ENDS ******/
.fundo-secondary form a{
color:#fff!important;
}
.form-control{
	border:2px solid #02909c!important;
    border-radius:25px!important;
    background-color:#fff!important;
}
 .bt{border:none!important}

.bt-send{
    display:block;
    background-color:#7f539b;
    border: none!important;
    color:#fff;
    padding:.5rem 2rem;
    transition: all 0.5s;
    border-radius: 30px;
    width:100%;
}
.bt-send:hover{
    background-color:#ffc20e;
}

.slick-dots{
    bottom:-15px!important;
    }
.slick-dots li button:before  {
    font-size:15px!important;
    color:#7f539b!important;
    }
.slick-dots li.slick-active button:before{
    color:#7f539b!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:30px 30px 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: #7f539b ;
    border:1px solid #7f539b ;
    border-radius:8px;
    transition:all 0.2s;
}
.pagination .page-numbers:hover, .pagination .page:hover, 
    .page-numbers.current
        {   
            background:#7f539b ;
            color:#fff;
            text-decoration:none;
            border-color:#7f539b ;
        }      
.box-depo{
	background-color:#fff;
	padding:1rem 1rem;
	height:200px;
	border-radius:20px;
position:relative;
text-align: center;
}
.center-div{
position:absolute;
width:90%;
top:50%;
left:50%;
transform:translate(-50%, -40%)
}
.box-depo h3{
	font-size:1rem!important;
}
.box-depo p{
	font-size:0.85rem;
	line-height:20px
	
}

@media(max-width:1400px){
	.box-depo{
		height:215px;
	}
}

.fundo-lighter{
	background-color:#EBF5F7;
	padding-top:3rem;
	padding-bottom:3rem;
border-radius:44px;
}

.bx-obts{
position:relative;
}
.bx-obts .col-lg-5, 
.bx-obts .col-lg-7{
position:relative;
}
.bx-obts .col-lg-5 img{
padding:2rem 0
}

.bx-obts:before{
content:"";
width:68%;
height:100%;
background-color:#fff;
position:absolute;
z-index:0;
right:0;
border-radius:30px;
}
.bx-obts.rvs:before{
	left:0;
	right:auto;
}

.bx-ped{
	border:2px solid #02909c;
	padding:1.5rem;
  border-radius:30px;
height:100%;
}

.l-primary{
background-color:#7f539b;
}
.l-secondary{
background-color:#00B7AD;
}
.l-tertiary{
background-color:#ffc20e;
}

.bx-jrnd{
	padding:2rem 2rem 0 2rem;
	height:250px;
	position:relative;

}
.bx-jrnd img{
	width:50px;
	height:auto;
	position:absolute;
	bottom:0px;
right:3rem
	
}
.bx-jrnd a{
color:#fff;
text-decoration:underline!important;
}

.wp-list-sobre{
	list-style:none;
	padding-left:0;
	color:#fff;
	
}
.wp-list-sobre li{
	display:inline-block;
padding:0.2rem 1rem;
border-radius:30px;
margin:5px 0 !important;
}
.wp-list-sobre li a{
	color:#fff;
	text-decoration:underline!important;
}

.line-center-elm{
	position:absolute;
left:0;
width:60%;
top:20%;
z-index:-1;
}

@media (min-width:1900px){
.fix-rf {
width:35.666667%!important;
	}
	.line-center-elm{	
	width: 58%;
    top: 10%;
	}
}

.mt-ngm{
	margin-top:-180px!important;
	padding-top:212px!important;
	margin-bottom:-200px;
	padding-bottom:200px!important;
}


.bxed{
	color:#fff;
	}
.bxed.purple{
height:225px;
}
.bxed.blue{
height:235px;
}
.bxed.blue2{
height:265px;
}
@media(min-width:1390px){
	.bxed.purple{
	height:265px;
	}
	.bxed.blue{
height:272px;
}
	
	.fix-rf {
margin-left:5%!important;
}
	
.bxed.blue2{
height:314px;
	}
}

.bxed{
	position:relative;
	z-index:9;
}
.z-index-0{
z-index:0!important;
}

.bxed h2{
font-size:1.4rem!important;
}
.bxed .center{
position:absolute;
top:55%;
left:50%;
width:80%;
transform:translate(-50%, -50%);
text-align:center;
}
.bxed .center img{
	height:70px;
	margin:0 auto 10px 0;
	display:inline-block;
}

.bxed:before{
width:100%;
height:100%;
z-index:0;
background-size:100%;

}

.white-box{
border-radius:25px;
background-color:#fff;
padding:2rem;
height:300px
}
.white-box.curs{
	height:450px;
	border-radius:0 0 25px 25px;
	position:relative;
	}

.white-box.curs .bt{
	position:absolute;
	bottom:30px;
}
@media (max-width:1400px){
.white-box.curs{
		height:500px;
	}
}
@media (max-width:768px){
.white-box.curs{
		height:auto;
	}
	.white-box.curs .bt{
		height:auto;
		position:initial;
		
	}
	
	.div-staff .img-fluid
	{
		display:none;
	}
	.staff{
	max-width:100%;
	height:auto;
	}
	.line-center-elm{
		display:none;
	}
	.bx-jrnd{
        padding: 1rem 1rem 3rem 1rem;
	height:auto;
		border-radius:44px;
}
	.bx-jrnd img{
	 right:1rem;
	}
	
.bxed:before{
	background-size:cover!important;
	background-position:center left;
	}
	
	.bxed{
		height:320px!important;
		margin:10px 0;
	}
	
.bx-obts:before{
	content:inherit!important;
}
	
}

.slick-3 img{
	height:150px;
	object-fit:cover;
	width:100%;
	object-position:top;
	border-radius:60px 60px 0 0
}


@media(max-width:768px){
	.slick-3 img{
		height:100px;
		border-radius:40px 40px 0 0;
	}
	.arrow-curso .arrow .next, .arrow-fxn{
		right:0!important;
	}
	.arrow-curso .arrow .prev, .arrow-fxl{
		left:0!important;
	}
}

@media(min-width:768px){
	.div-staff{
		margin-top:-50px!important
	}
	.abt p{
		width:600px;
		margin:auto;
	}
	
	.staff{
position:absolute;
width:350px!important;
right:210px;
bottom:100px;
}
 .line-center.hf{
    height: 45px;
 }

}

.bx-depo-c{
    position:relative;
}
.bx-depo-c::before{
    background-image: url('dist/images/quote.png');
    background-repeat: no-repeat;
    background-size: contain;
}