/* 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:#8d7242!important;}
.secondary-color{color:#8e9791!important}
.quaternary-color{color:#1c2f22!important}
.white-color{color: #fff!important;}
.black-color{color:#000!important}
.fill-primary{fill:#8d7242}
.fill-secondary{fill:#8e9791}
.fill-white{fill:#fff}
.banner-title{font-weight:700!important; color:#fff;}
.banner-title span{font-size:1.15rem!important; font-weight:300!important;}
.fw-{font-weight: lighter!important;}
a:hover .fill-primary, .fill-primary:hover{fill:#8d7242}
a:hover .fill-white, .fill-white:hover{fill:#8d7242;}
a.white-color:hover{color:#8d7242!important;}
a:hover .fill-secondary, .fill-secondary:hover{fill:#8d7242;}
.youtube .play-button{background-color:#8d7242;}

.bt{
    border-radius: 30px;
}
.bt-primary{
    background-color:#8d7242;
  color:#fff;
  border-radius: 30px;
}
.bt-secondary{
  background-color:#8d7242;
  color:#fff;
}
.bt-secondary:hover{
    background-color:#c7d1cb; 

}
.bt-primary:hover{
    background-color:#7b6a58; 
    color:#fff;
}

.bt.bt-white{
border:2px solid #fff!important;
color:#8d7242;
background-color:#fff;
border-radius: 30px;
}

.bt.bt-white:hover{
    background-color:#8d7242;
    color:#fff;   
    border-color:#fff!important;
}
.bdr-30{
    border-radius: 30px!important;
}
.bdr-btm-30{
    border-radius:0 0 30px 30px!important;
}
.bt-collapse.collapsed:after  {
    content: 'Ler mais';
}
.bt-collapse {
    text-decoration:none!important;
}
.bt-collapse:not(.collapsed):after {
    content: '-fechar';
}

/**** CORES E BOTOES ENDS ****/
/***** *HEADER *******/
.home header{
position:fixed;
width:100%;
top:0;
background-color:rgba(255, 255, 255, 0.78);
z-index:9;
}
header.bg-on{
    background-color:#e9e1d6;
    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: #8d7242!important;
   white-space: nowrap;
   }
   .top-bar .icons{
   display: inline-block;
   }

   @media (min-width:991px){
   .bg-on .navbar-nav .nav-link{
    color: #2d2d2d!important;
   }
}

   header{
    background-color:#e9e1d6;
   }

header svg{
    fill:#8d7242;
}
header.bg-on svg{
    fill:#8d7242;
}
   .nav-link{
        font-weight:500!important;
        text-transform: uppercase;
        font-size: 0.9rem!important;
   }
   a.primary-color:hover{
          color: #8e9791!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    {
  

          text-decoration:underline!important;

          

   }

   .btn-close {

       background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%238d7242'%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:#8d7242;
 }
.bg-on .bt-trigger{
   fill:#8d7242;
    }
     

       .mobile-offcanvas{

              background-color:#1c2f22!important;

       }

        .navbar-nav .nav-link, .nav-top .nav-link{

            color: #fff!important;

        }

         .navbar-nav .nav-link:hover,

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

        .nav-link:hover,

       .nav-link.active    {

           color: #fff  !important;

           text-decoration: underline!important;

        } 

        .home header, header{

            background-color:#e9e1d6;
            position: initial

        }

        .navbar .nav-link{

        font-size:1rem!important;

        color:#8d7242!important;

        }

    }

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

        #banner .bt-white{
           background-color:#8d7242 !important;
            color:#fff!important;
        }

        

       #banner .caption h1 span{

        color: #8d7242!important;

       }
       #banner .caption p.white-color{
        color: #8d7242!important;
       }

       #banner .caption h1 span br{

        display:none;

    }

   

    }

    #banner .caption h1 span{

        display:inline-block;

        line-height:25px;

        

       }



/**** HEADER ENDS ****/  

/******* *BGS E ELEMENTOS *****/
.fundo-primary-lighter{
    background-color: #ccb16e;
}
.fundo-secondary{
background-color:#8e9791;
}
.fundo-tertiary{
    background-color:#d3c8ae;
}
.fundo-faq{
background-color: #c7d1cb;
}
.half-color-img{
background-image: url('dist/images/fundo1-min.jpg');
background-repeat: no-repeat;
background-position: bottom center;
background-size:cover;
background-color: #d7b369;
}

.half-color-img-g{
background-image: url('dist/images/fundo2-min.jpg');
background-repeat: no-repeat;
background-position: bottom center;
background-size:cover;
background-color: #8c9992;
}

/******* BGS E ELEMENTOS ENDS *****/
.map-responsive {
    padding-bottom:65.25%;
    position: relative;
    height: 0px;
    overflow: hidden;
  }

  .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 {
      padding-bottom: 70%;
  }
@media (max-width:768px){
    .map-responsive {
        padding-bottom: 50%;
    }
}
/***** *INTERNAS ********/
.box-dife{
	position:relative;
	padding:0 3rem 0 2rem!important;
}
.box-dife:before{
	content:"";
	width:98%!important;
	height:88%!important;
	position:absolute;
	bottom:0;
	left:0;
	background-color:#f1f9fb;

	z-index:-1;
border-radius:30px;
}

.box-clin{
	background-color:#f4ede3;
	border-radius:30px;
	margin-top:230px!important;
	padding:1rem 3rem 6rem 3rem;
	text-align:left;;
	position:relative;
	
}

@media(min-width:768px){
    .left-elm{
    background-image: url('dist/images/left-elm.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-size:8%;
    }
}
@media(min-width:1900px){
     .left-elm{
    background-size: auto;
}
}
.box-clin h4{
	font-weight:300;
}
.box-clin img{
	margin-top:-180px;
	margin-bottom:20px;
}
.box-clin .bt{
position:absolute;
text-align:center;
bottom:40px;
}
.half-color{
	background:linear-gradient(to bottom, #fff 0, #fff 50%,  #d7b369 50%, #d7b369 100%)
}
.half-color-g{
	background:linear-gradient(to bottom, #fff 0, #fff 50%,  #8c9992 50%, #8c9992 100%)
}


.box-bio{
background-color:#f4ede3;
padding:2rem;
border-radius:30px;
}

.box-bio-g{
background-color:#c5d2cb;
padding:2rem;
border-radius:30px;
}

.fundo-int{
    background-color:#f4ede3;
    border-radius: 30px;
}

.fundo-int-s{
    background-color:#ebf1ef;
    border-radius: 30px;
}

@media (max-width:768px){
    .fundo-int{
       border-radius: 0;  
    }
    .fundo-int-s{
    border-radius: 30px;
}
.box-clin{
		margin-top:120px!important;
	padding-left:1rem;
padding-right:1rem;
	padding-bottom:2rem;
	}
	.box-clin img{
	margin-top:-100px;
	}
	.box-clin .bt{
		position:initial;
		font-size:0.9rem;
	}
	.box-dife{
	position:relative;
	padding:2rem 1rem 3rem 1rem!important;
		background-color:#f1f9fb;
		border-radius:30px;
}
}



.internas .c1 h2{
color:#8d7242;
text-transform: uppercase;
}
.internas.medicos .c1 h2{
    text-transform: inherit!important;
}
.medicos .c1 h3, .medicos .c1 strong{
  color:#8d7242;  
}

.internas .c2 h2{
color:#8e9791;
}

.internas .cw h2, .internas .cw h3{
  color:#fff;
    }
/******* *FAQ *******/

#Faq .card-body a{
    color:#fff;
    text-decoration:underline!important;
    }
.FAQ .accordion-item {
   border-radius: 30px!important;
 background-color:#1c2f22!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*******/
.box-d{
	background-color:#fff8eb;
	height:100%!important;
	border-radius:30px;
}

.agnd-box{
position:relative;
}
	.agnd-box h2{
	margin-top:10%
}

.agnd-box:before{
	content:"";
	width:100%;
	height:100%;
	border-radius:30px;
	background-color:#a6b4a6;
	position:absolute;
	left:0;
	z-index:-1;
	bottom:0;
}

@media(min-width:1024px){
.brdrs{
	margin-top:-80px!important;
	}
	

.agnd-box:before{
	height:90%;
	}
	
}
hr.line_um{
  border: 4px solid #8d7242;
  border-radius: 7px;
	opacity:1;

}
hr.line_dois{
	margin-top:30px;
	  border: 13px solid #a6b4a6;
  border-radius: 25px;
	opacity:1;
}




/******** *INTERNAS ENDS ******/

.form-control{
	border:2px solid #5e5e5e!important;
    border-radius:25px!important;
    background-color:#fff!important;
}

.bt-send{

    display: inline-block;

    background-color:#91978c;

    border: none!important;

    color:#fff;

    padding:.5rem 2rem;

    transition: all 0.5s;

}

.bt-send:hover{

    background-color:#7b6a58;

}

/***** FOOTER *******/

  footer{
    background-color:#1c2f22;
    color:#fff!important;

    }

.nav-footer ul{

    list-style: none;

    padding-left: 0;

    margin-bottom: 0!important;

    }

    .icons-footer svg{

        fill:#fff;

    }

    .icons-footer:hover svg{

        fill:#8d7242;

    }

    footer a{

       color:#fff;

    }

    footer a:hover{

        color:#f4f9ff!important;



;

    }



    footer .nav-link:hover, footer .nav-item.active .nav-link{

      text-decoration: underline!important;

      color:#f4f9ff!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{

      background-color: #fff;

    }

    .tel-footer:hover:before, .email-footer:hover:before, .wpp-footer:hover:before{

        background-color: #f4f9ff;

      }



    .tel-icon:before, .wpp-icon:before{

       background-color:#8d7242;

    }

    .wpp-icon.white-color:before{
        background-color:#fff;
    }

    



 #wpp-flutuante::before{

    background-color:#8d7242;

    color:#fff;

}



 /***** FOOTER ENDS ****/

.slick-dots{

    bottom:-15px!important;

    }

.slick-dots li button:before  {

    font-size:15px!important;

    color:#8d7242!important;

    }

.slick-dots li.slick-active button:before{

    color:#8d7242!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: #8d7242 ;

    border:1px solid #8d7242 ;

    border-radius:8px;

    transition:all 0.2s;

}

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

    .page-numbers.current

        {   

            background:#8d7242 ;

            color:#fff;

            text-decoration:none;

            border-color:#8d7242 ;

        }      


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