/* 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, .has-primary-color{color:#1d40c3!important}
.secondary-color, .has-secondary-color{color:#2f3b87!important}
.tertiary-color{color:#333644!important}
.banner-title{font-weight:600; color:#1d40c3;}

.fill-primary{fill:#1d40c3}
.fill-secondary{fill:#2f3b87}
.fill-tertiary{fill:#333644}

a:hover .fill-primary, .fill-primary:hover{fill:#2f3b87}
a:hover .fill-white, .fill-white:hover{fill:#1d40c3;}
a.white-color:hover{color:#1d40c3!important;}
a:hover .fill-secondary, .fill-secondary:hover{fill:#333644;}
.youtube .play-button{background-color:#1d40c3;}

.bt{
text-decoration: none;
border:none!important;
display: inline-block;
padding:0.4rem 1.8rem;
transition:all 0.5s;
border-radius: 30px;
}
.bt-primary{
    background-color: #1d40c3;
    color:#fff;
}
.bt-primary:hover{
    background-color:#2f3b87;
}
.bt-secondary{
 background-color:#2f3b87;   
 color:#fff;
}
.bt-secondary:hover{
    background-color:#1d40c3;
}

h2, h3{
font-weight:600!important;
}
h2 mark strong{
font-weight:800!important;
}
.fundo-gray{
    background-color:#dad8e8;
}
.fundo-secondary-color{
    background-color:#2f3b87;
}
   .title{
    position:relative;
    margin-bottom:30px;
    }
    .title:before{
    content:"";
    width:85px;
    left:5px;
    height:2px;
    background-color:#1d40c3;
    position:absolute;
    bottom:-10px;
    }

        .title.mid:before{
        left:50%;
        transform:translate(-50%, 0);

    }
@media(max-width:570px){
        .title:before{
        left:50%;
        transform:translate(-50%, 0);

    }
}
/****** TYPO CORES E BOTOES *****/

/***** HEADER MENU *****/
header{
    border-bottom:1px solid rgba(255, 255, 255, 0.5);
    padding-bottom:10px;
    transition:all 0.5s;
}
header{
    position:fixed;
    width:100%;
    z-index:999;
}
header.bg-on{
    background-color:rgba(247, 251, 254, 1)
}

    .nav-link{
        color: #2f3b87!important;
        position: relative;
        font-weight:600;
    }

    
 .nav-link span:before{
    content:"";
    position:absolute;
    bottom:-3px;
    left:50%;
    transform:translate(-50%, 0);
    width:0;
    height:2px;
    background-color:#fff;
    transition:all 0.5s;
}
 .nav-item .nav-link{
        padding-bottom:0px!important;
        margin-left:10px;
        font-size:1.1rem;
 }
  
.nav-link:hover span:before,
.nav-item.active .nav-link span:before, 
.nav-link.active:before {
    background-color:#1d40c3;
    width:100%;
}
.dropdown-toggle::after{
    color:#1d40c3!important;
}

@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    top: 50px;
    border-radius: 5px;
    z-index:999;
}
.navbar-expand-lg .navbar-nav .dropdown-menu:before{
    content:"";
    width:20px;
    height:20px;
    background-color:#fff;
    position:absolute;
    top:-8px;
    left:20px;
    transform:rotate(135deg);
    } 
}

 .bt-trigger svg{
    fill:#1d40c3;
 }
    



    @media all and (min-width: 991px) {
        #navbar_main{
margin-top:-45px;
}
}
    @media all and (max-width: 991px) {
.home header{
    position:initial!important;
}
       .mobile-offcanvas{
                background-color:#2f3b87!important;
       }
       .nav-item .nav-link{
        text-decoration: none!important;
        display: inline-block!important;
       }


       .redes-menu a .fill-primary{
        fill:#fff!important;
       }
       .nav-link{
        color:#fff!important;
       }
    }



/***** HEADER MENU ENDS *****/
.home :where(.wp-block-columns.is-layout-flex){
	gap:0;
}

.home :where(.wp-block-columns){
	margin-bottom:0;
}

.banner-home{
	position:relative;
	height:699px;
}
.banner-home .banner-img{
position:absolute;
bottom:0;
z-index:-1;
}

    @media (min-width:1900px){
        .col-auto.nml{
            margin-left:-150px!important;
        }
    }


.f-scnd-banner{
	position:relative;
	height:600px
	}
    
.f-scnd-banner.h-4{
		height:400px
}

.banner-fp{
	position:absolute;
top:0;
z-index:-1;
}
.box-bio{
	 border-width: 1px;
  border-color: rgb(213, 217, 239);
  border-style: solid;
  border-radius: 20px;
  background-color: rgb(247, 251, 254);
  
  height:100%;
padding:1rem;
 line-height:20px
  }
.box-bio img{
	margin-bottom:15px
}


		
		
.depo-box{
  border-radius:50px;
  background-color: rgb(247, 251, 254);
	padding:8rem 2rem 2rem 2rem;
margin-top:120px;
position:relative;
color:#304869;
height:400px
	}

.quote{
position:absolute;
left:0;
top:-50px;
left:40px;
}

.depo-img{
position:absolute;
right:30px;
top:-80px;
}

	.separator{
		position: relative;
    z-index: -1;
    margin-top: -180px;
    margin-bottom: -60px;
	}



@media (min-width: 1500px) {
    .col-custom {
       width: 50%!important;
	}
    .banner-home{
        height:800px;
    }
	.separator{
    margin-top: -215px;
    margin-bottom: -80px;
	}
}
	
	@media (max-width: 768px) {
    .col-custom {
       width:100%!important;
    }
		.banner-home{
			height:auto;
		}
		.banner-home .banner-img{
			position:initial;
			margin-top:30px;
		}
		.f-scnd-banner{
			height:auto!important;
		}
		
		.banner-fp{
position: initial;
		}
		.quote{
			top:120px;
			width:30px;
			left:0;
		}

.depo-box .mb-4 {
    width:95%;
    margin:auto;
}
        
		.depo-box{
			height:auto;
		}
        .depo-img{
right:0;
left:50%;
transform: translate(-50%, 0);
}
		
			.separator{
    margin-top:-20px;
    margin-bottom:0;
	}
}

.depo.slick-2 .slick-dots{
bottom:-50px!important;
}
	
.depo.slick-2 .slick-dots li.slick-active button:before{
   color:#db3630!important;
}

.depo.slick-2  .slick-dots li button:before  {
    font-size:20px!important;
    color:#1d40c3!important;
	opacity: 1!important;
}
@media (min-width:768px){
	.link-block img{
		transition:all 0.5s;
		filter: grayscale(100%);
	}
	
.link-block:hover img{
		filter: grayscale(0)!important;
	}
	
	.link-block:hover .bt-primary{
		background-color:#2f3b87!important;
	}
}


.link-artigos{
	position:relative;
	}

.link-artigos h3{
position:absolute;
left:50%;
margin-bottom:0!important;
color:#fff;
}
.link-artigos.center h3{
top:50%;
transform:translate(-50%, -50%);
}

.link-artigos.bottom h3{
bottom:20px;
transform:translate(-50%, 0);
}

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

#navbar_main .featured-link a span{
background-color:#1d40c3!important;
display:inline-block!important;
color:#fff!important;
padding:8px 25px;
border-radius:30px;
}

#navbar_main .featured-link a:hover span{
	background-color:#fff!important;
	color: #1d40c3!important;
}


@media (min-width:991px){
    #navbar_main .featured-link a span{
    position:relative;
    top:-8px
}
    
}


.banner-no-img{
background-color:#f7fbfe;
height:450px;
position:relative;
}
.banner-no-img.half{
    height:300px;
}

.banner-no-img img{
position:absolute;
bottom:0
}
.separator-btm{
	margin-bottom:-430px
}

.list-icon, .list-icon ul{
		list-style:none;
	}
.list-icon li{
	position:relative;
	margin:10px 0 0 0;
}
.list-icon li:before{
	content:"";
    background-image: url('dist/images/ativo.png');
	width:23px;
	height:23px;
	position:absolute;
	left:-32px;
	top:2px;
	background-size:23px 23px;
background-repeat:no-repeat;
}

.box-cf{
	position:relative;
	background-color:#fff;
padding:2rem 1.8rem 1rem;
line-height:21px;
height:400px;
border-radius:30px;
}
.box-cf p{
font-size:0.9rem;
padding-right:2rem
}

.box-cf h3{
	font-size:1.1rem;
	color:#1d40c3;
	text-align:left!important
	
}
.box-cf .numbers{
position:absolute;
right:0;
top:0
}

.box-cf .numbers.ovr{
	right:-10px
}

@media (min-width:1400px){
.separator-btm{
	margin-bottom:-490px!important
}
	
	.box-cf{
height:400px
}
}

@media (max-width:1400px){
    .box-cf{
        height: 490px;
    }
}
@media (max-width:768px){
	.separator-btm{
	margin-bottom:-200px!important;
    display: none!important;
}
.box-cf{
height:auto;
}
}

@media (max-width:570px){
	.banner-no-img{
		height:350px;
	}
		.separator-btm{
	margin-bottom:-130px!important; 
}
	.list-icon{
	text-align:left!important;
	}
	
	.single-post article ul, .FAQ ul {
	    text-align:left!important;
	}

    .mbl-m {
        margin-left:-20px!important;    
    }
    .mbr-m{
        margin-right: -15px!important;
    }
}



.box-bio h2{
	font-size:1rem;
line-height:18px;
color:#2d4f9d;
}
.box-bio.cdst{
height:270px
}
@media (max-width:1400px){
	.box-bio.cdst{
height:320px
	}
}

.f-linear{
	background:linear-gradient(to right, #F0F5F9 0, #F0F5F9 50%,  #23388b 50%, #23388b 100%)
}

@media(max-width:768px){
	.f-linear{
		background:linear-gradient(to bottom, #F0F5F9 0, #F0F5F9 265px,  #23388b 265px, #23388b 100%)
}
		.box-bio.cdst{
height:auto;
		text-align:center;
	}
}


@media(max-width:570px){
	.f-linear{
		background:linear-gradient(to bottom, #F0F5F9 0, #F0F5F9 330px,  #23388b 330px, #23388b 100%)
}
}
/**** FAQ ****/
 .FAQ .accordion-button::after {background-image: url("data:image/svg+xml,%3csvg fill='%232f3b87' xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 24 24'%3e%3cpath d='M0 16.67l2.829 2.83 9.175-9.339 9.167 9.339 2.829-2.83-11.996-12.17z'/%3e%3c/svg%3e")!important;
}
   .FAQ.wht .accordion-button::after { 
    background-color: #fff!;
    
    background-color: #1d40c3;
    }
    
   .FAQ.wht .accordion-button:not(.collapsed)::after {
    
    background-color: #1d40c3;
    }
     .FAQ .accordion-item.bdr{
    border:2px solid #dbdef1!important;
}

.accordion-header{
  font-family: 'Inter'!important;
}
/**** FAQ ENDs****/
/**** BLOG ****/
            .box-date{
            color:#fff;
            display:inline-block;
        background-color:#1d40c3;
        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:#1d40c3;
	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;
}

  .pagination {
    display:block!important;;
    margin-top:2rem;
    }
    .pagination .page-numbers, .pagination .page {
    background-color:#1d40c3;
        margin: 0 10px 25px;
    display:inline-block;
        padding: 10px 15px;
        color: #fff;
    border:1px solid transparent;
				border-radius:8px;
		transition:all 0.2s;
    }
    
.pagination .page-numbers:hover, .pagination .page:hover, 
.page-numbers.current
  {
        background:#1d40c3;
        color:#fff;
    text-decoration:none;
    border-color:#1d40c3;
    }
        

/***** FORMULARIO ******/
.linear-bg{
	background:linear-gradient(to bottom, #fff 0, #fff 20%,  #dad8e8 20%, #dad8e8 100%);
}

.home-form .form-control{
background-color:transparent!important;
border:none!important;
border-bottom:1px solid #fff!important;
border-radius:0!important;
color:#ffff!important;
}
.home-form .form-control:focus{
	background-color:transparent!important;
	border:none!important;
	color:#fff!important;
}
.home-form .form-control::placeholder
{
color:#fff!important;
}
.home .term-c, .home .term-c a{
color:#fff;
}

.home-form .send-button{
width:80px;
height:80px;
background-size:40px;
border:4px solid #1d40c3;
background-repeat:no-repeat;
background-position:center;
border-radius:100%;
color:transparent;
background-color:#2f3b87;
background-image:url('dist/images/iconmonstr-paper-plane-1.svg');
}

.home-form .send-button:hover{
border-color:#fff;
background-image:url('dist/images/iconmonstr-paper-plane-12.svg');
}

.home-form .wpcf7-response-output{
border:none!important;
color:#fff!important;
}

/**** FORMULÀRIO ****/
.box{
	background-color:#dad8e8;
	border-radius:30px;

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

/*************** FOOTER *********/
footer    .nav-link span:before{
    bottom:5px!important;
    }
footer    .nav-link{
    margin-left:0!important;
    display: inline-block!important;
}

.nav-footer ul{
list-style:none;
padding-left:0!important;

}
.nav-footer ul li{
padding-left:0!important;
}
footer{
    background-color: #2f3b87;
    color:#fff;
}
footer a{
color:#fff;
}

footer .nav-link {
    color:#fff!important;
}

    .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: #eaf3fc;
      }
.icons-footer svg{
    fill:#ffff;
}
.icons-footer:hover svg{
    fill:#eaf3fc;
}


.internas ul, .internas ol{
    list-style: none;
    padding-left:2rem!important;
    text-align: left!important;
}
.internas ul li, .internas ol li{
    position:relative;
    padding-left:5px;
	margin:10px 0;

}
.internas ul li::before, .internas ol li::before{
background-repeat: no-repeat;
content:"";
position:absolute;
left:-12px;
top:5px;
width:12px;
height:12px;
border-radius: 100%;
background-color:#1d40c3;
}

.linear-bg-cs{
	background:linear-gradient(to bottom, #fff 0, #fff 85%,  #dad8e8 85%, #dad8e8 100%);
}

.strP h3 span strong, .strP h2 span strong{
color:#2f3b87;
}
.strP h2 strong, .strP h3 strong{
color:#1d40c3;
}


.boxes-mkt-two, .boxes-mkt{
	border:3px solid #2f3b87;
height:100%;
padding:0 2rem;
border-radius:30px;
position:relative;
}

.boxes-mkt h3{
	margin-top:2rem;
	color:#1d40c3;
	line-height:20px;
	font-size:1.1rem!important;
}

.boxes-mkt .number{
position:absolute;
bottom:-15px;
right:-3px;
font-size:60px;
font-weight:700;
color:2f3b87;
	
}

.boxes-mkt-two h3{
	background-color:#2f3b87;
margin-left:-2rem;
border-radius:30px;
padding:0.5rem 2rem;
color:#fff!important;
display:inline-block;
font-size:1.1rem!important;
	}

.sect-elm{
position:relative;
}
@media (min-width:768px){
.sect-elm:before{
content:"";
width:409px;
height:351px;
background-color:#2f3b87;
position:absolute;
right:0;
bottom:0;
border-radius:306px 0 0 0
	}
}
.slick-tem-s{
	color:#1d40c3;
}

.slick-tem-s .line-center{
width:90%;
margin:-40px auto 10px auto;
background-color:#1d40c3;
border-radius:30px;
text-align:center;
color:#fff;
padding:0.5rem 1rem;

}

.slick-tem-s .line-center h3{
	font-size:1rem!important;
	margin-bottom:0;
}
.slick-tem-s:hover .bt-secondary{
	background-color:#1d40c3!important;
}

@media (min-width:768px){
	.slick-tem-s .line-center{
		height:50px
	}
}