/* 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:#9f724a!important}

.secondary-color{color:#f6eadc!important}

.tertiary-color{color:#3d9a36!important}

.quaternary-color{color:#00bea1!important}

.white-color{color: #fff!important;}

.black-color{color:#000!important}

.banner-title{font-weight: lighter; color:#fff;}

.fill-primary{fill:#9f724a}

.fill-secondary{fill:#f6eadc}

.fill-white{fill:#fff}

.fill-tertiary{fill:#3d9a36}

.fill-quaternary{color:#00bea1!important}

.fw-{font-weight: lighter!important;}

a:hover .fill-primary, .fill-primary:hover{fill:#9f724a}

a:hover .fill-white, .fill-white:hover{fill:#f6eadc;}

a.white-color:hover{color:#9f724a!important;}

a:hover .fill-secondary, .fill-secondary:hover{fill:#9f724a;}

.youtube .play-button{background-color:#9f724a;}

.fw-semibold{font-weight: 500!important;}

.bt{

    border-radius: 30px;;

}

.bt-primary{

    color:#fff;

    background-color:#9f724a ;   

}

.bt-primary:hover{

    background-color:#3d9a36 ; 

    color:#fff;

}



.bt-secondary, .bt-white:hover{

    background-color:#f6eadc;

    color:#9f724a;   

}

.bt-tertiary{

    background-color:#3d9a36;

    color:#fff;

 }

 .bt-quaternary{  

    background-color:#00bea1;

    color:#fff;

 }

.bt-secondary:hover{

    background-color:#00bea1;

    color:#fff;

}

.bt-tertiary:hover{

 background-color:#9f724a ;   

}

.bt-quaternary:hover{

 background-color:#f6eadc ;   

}



.bt-white{

    background-color: #fff;

    color:#9f724a;

}



.bdr-30{

    border-radius: 30px!important;

}

.bdr-30-i{

   border-radius:30px 0

  }

.bdr-btm-30{

    border-radius: 0 0 30px 30px;

}

.bdr-14{

    border-radius: 14px;

}

.bt-collapse.collapsed:after  {

    content: 'Ler mais';

}

.bt-collapse {

    text-decoration:none!important;

}

.bt-collapse:not(.collapsed):after {

    content: '-fechar';

}

@media (max-width:768px){

    .container.bdr-30, .container.bdr-30-i{

        border-radius:0!important;

        }

   }

/**** CORES E BOTOES ENDS ****/

/******* *BGS E ELEMENTOS *****/

.fundo-primary{

background-color:rgb(159, 114, 74);

}

.fundo-secondary{

    background-color:#f6eadc;

}

/******* *BGS E ELEMENTOS ENds *****/

/***** *HEADER *******/

header{

    

    transition: all 0.5s;

    background-color: rgba(255, 255, 255,0.75);

    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;

   }  

   header.bg-on{

      background-color: rgba(255, 255, 255,1  );

    

    }



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

   color: #9f724a!important;

   white-space: nowrap;

   }

   .top-bar .icons{

   display: inline-block;

   }

   .bg-on .navbar-nav .nav-link{

    color: #9f724a  !important;

   }



   .nav-link{

font-weight:500!important;

text-transform: uppercase;

font-size: 0.8rem!important;

   }

   a.primary-color:hover{

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

 color:#9f724a!important;

 }

.btn-close {

  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239f724a'%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:#9f724a;

   }

.bg-on .bt-trigger{

   fill:#9f724a;

   }

    



       .mobile-offcanvas{



              background-color:#fff!important;



       }



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



            color: #3d9a36!important;



        }



         .navbar-nav .nav-link:hover,



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



        .nav-link:hover,



       .nav-link.active    {



           color: #9f724a  !important;



           text-decoration: underline!important;



        } 



        



        .navbar .nav-link{



        font-size:1rem!important;



        color:#9f724a!important;



        }



    }



    @media only screen and (max-width:768px){



       #banner .caption h1{

            color:#9f724a!important;

        }



        #banner .bt-white{

           background-color:#9f724a !important;

            color:#fff!important;

        }



        



       #banner .caption h1 span{



        color: #9f724a!important;



       }



       #banner .caption h1 span br{



        display:none;



    }



   



    }



    #banner .caption h1 span{

        display:inline-block;

        line-height:25px;

       }

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

.img-icon-center{

	height:123px;

	position:relative;

}

.img-icon-center img{

position:absolute;

left:50%;

top:50%;

transform:translate(-50%, -50%)

}



.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 ********/

.bullets{

 list-style: none;

 padding-left:2rem!important;

 text-align: left!important;

}

.bullets li{

 position:relative;

 padding-left:5px;

 margin:10px 0;

}

.bullets li::before{

background-repeat: no-repeat;

content:"";

position:absolute;

left:-22px;

top:3px;

width:18px;

height:18px;

border-radius: 100%;

background-color:#9f724a;

}



.bullet-white ul li::before, .bullet-white ol li::before{

background-color:#fff!important;

}

.c2 ul li::before, .c2 ol li::before{

   background-color:#9f724a!important;

 }

.c3 ul li::before, .c3 ol li::before{

    background-color:#3d9a36!important;

    }

.c4 ul li::before, .c4 ol li::before{

   background-color:#00bea1!important;

 }

.internas .c1 h2{

color:#9f724a;

font-weight: 600!important;

}

.internas .c2 h2{

color:#f6eadc;

font-weight: 600!important;

}

.internas .c2 strong{

    color:#f6eadc;

}



.internas .c3 h2{

color:#3d9a36;

font-weight: 600!important;

}

.internas .cw h2, .internas .cw h3{

  color:#fff;

    }

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

/******* *FAQ *******/

.FAQ .accordion-item {

   border-radius: 30px!important;

   background-color:#9f724a!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='%239f724a' 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='%239f724a' 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:#f6eadc!important;

     }

         .FAQ.trd .accordion-button::after {

        background-color: #3d9a36!important;

        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%233d9a36' 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.trd .accordion-button:not(.collapsed)::after {

         background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%233d9a36' 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*******/

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

footer{

  background-color:#636363;

  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:#8bd4d5;

    }

    footer a{

       color:#fff;

    }

    footer a:hover{

        color:#8bd4d5!important;

    ;

 }

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

  text-decoration: underline!important;

  color:#8bd4d5!important;

}

footer .nav-link{

  padding-top:0!important;

  padding-bottom:0!important;

}

footer a:hover svg{

 fill:#8bd4d5;

}



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

    }

    .wpp-icon.white-color:before{

        background-color:#fff;

    }

    #wpp-flutuante::before{

        background-color:#9f724a;

        color:#fff;

    }

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

 /********* SLICK *******/

.slick-dots{

    bottom:-15px!important;

    }

.slick-dots li button:before  {

    font-size:15px!important;

    color:#9f724a!important;

    }

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

    color:#9f724a!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:15px 15px 0 0;

}

/********** SLICK ENDS ***********/

/********* BLOG AND FEED  *******/

.img-feed  img{

    height:60px;

    width:100%;

    object-fit: cover;

}

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

    border:1px solid #9f724a ;

    border-radius:8px;

    transition:all 0.2s;

}

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

    background:#9f724a ;

    color:#fff;

    text-decoration:none;

    border-color:#9f724a ;

}      

/********* BLOG AND FEED  *******/

/******* PAGES ******/

.caption{

	width:450px;

	color:#fff;

}

@media (max-width:768px){

	.caption{

	width:100%;

	color:#9f724a;

	}

}

.white-box{

	background-color:#fff;

	padding:0 1rem 2rem 1rem;

	border-radius:0 0 30px 30px;

}

.secondary-box{

	background-color:#f6eadc;

	padding:0 1rem 2rem 1rem;

	border-radius:0 0 30px 30px;

}

.fundo-white{

	background-color:#fff;

	padding-left:0!important

	

	

}

.fundo-white.lft{

	border-radius: 0 20px 20px 0

}

.fundo-white.rght{

	border-radius: 20px 0 0 20px

}

.box-mvs h3{

color:#9f724a;

}



.box-mvs{

background-repeat: no-repeat;

}

.box-mvs.missao{

    background-image: url('dist/images/missao.png');

 

}

.box-mvs.valores{

   background-image: url('dist/images/valores.png');

 }

.box-mvs.visao{

    background-image: url('dist/images/visao.png');

 }



 .fundo-leaf{

background-image: url('dist/images/folhas-min.png');

background-repeat: no-repeat;

background-position: left center;



 }

 @media (max-width:768px){

.fundo-leaf{

    background-image: none;

}

.banner-title br{

    display: none;

}

.fundo-white.lft, .fundo-white.rght{

border-radius: 0 0 20px 20px;

}

 }



 .box-mvs{

height:100%;

padding:2rem 1.5rem;

background-size:contain;

border-radius:30px;

background-color:#f7f0ea;

}

.box-diferenciais{

	background-color:#9f724a;

height:100%;

color:#fff;

text-align:center;

padding:1rem 1.4rem; 

border-radius:20px;

}

.box-diferenciais img{

margin-bottom:18px;

	}

.box-agd{

	background-color:#dfd2c2;

padding:1.5rem;

height:100%;

border-radius:20px;

}