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

Theme URI:  https://marketingdigitalmedicos.com.br/ */



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

.primary-color, .has-primary-color{color:#db2183!important}

.secondary-color, .has-secondary-color{color:#00c2ce!important}

.tertiary-color{color:#8484ba!important}

.fourtiary-color, .has-fourtiary-color{color:#f39919}

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

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

.fill-primary{fill:#db2183}

.fill-secondary{fill:#00c2ce}

.fill-white{fill:#fff}

.fill-tertiary{fill:#8484ba}



a:hover .fill-primary, .fill-primary:hover{fill:#00c2ce}

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

a.white-color:hover{color:#00c2ce!important;}

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

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

.fix-br-c br{

display: none;

}

.bt-primary{

color:#fff;

background-color:#db2183 ;

}

.bt-primary:hover, .bt-tertiary:hover{

background-color:#f39919 ; 

color:#fff;

}

.bt-secondary{

color:#fff;

background-color:#00c2ce;

}

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

background-color:#db2183 ;

color:#fff;

}

.bt-fourtiary:hover{

    background-color:#00c2ce;

}

.bt-tertiary{

    background-color:#8484ba;

    color:#fff;

}

.bt-fourtiary{

    background-color:#f39919;

    color:#fff;

}



.bt-white{

    color:#db2183;

    background-color: #fff;

}





.bdr-30{

border-radius: 30px!important;

}

.bdr-14{

border-radius: 14px;

}

.bdr-50{

border-radius:50px;

}

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

header{

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

    transition: all 0.5s;

   }

   

   header.bg-on{

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

   }

   

   

   @media (min-width:1025px){

   

   }

   

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

   color: #3c3c3c!important;
font-size: 0.91rem!important;
   white-space: nowrap;

   }

   

   .top-bar .icons{

   display: inline-block;

   }

   

   .nav-link{

   font-weight:500!important;

   font-size:1rem!important;

   padding:0.4rem!important;

   }

   a.primary-color:hover{

   color: #00c2ce!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: #db2183  !important;

   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='%23db2183'%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) {

       .mobile-offcanvas{

              background-color:#db2183!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: #00c2ce  !important;

           text-decoration: underline!important;

        } 

        .bt-trigger svg{

            fill:#db2183;

        }

    }

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



   header{

    position:initial!important;

   }

   header.bg-on{

    position: fixed!important;

   }

    }

   

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



/******* *BGS E ELEMENTOS *****/
.fundo-oz-fq{
    background-image: url('dist/images/fundo-oz-min.jpg');
    
}
.fundo-elm-left{

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

    background-position: left 90%;

    background-repeat: no-repeat;

}

.fundo-primary{

background-color:#db2183;

}



.fundo-primary-lighter{

    background-color: #f3fbfd;  

}

.fundo-lighter-int{

    background:linear-gradient(to bottom, #f3fbfd 0, #f3fbfd 80%,  #fff 80%, #fff 100%)

}



.fundo-primary a, .accordion-item a{

    color:#00c2ce;

}

.fundo-primary a:hover, .accordion-item a:hover{

    color:#fff;

}

.fundo-image-1{

    background-image: url('dist/images/fundo01-min.jpg');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    background-color:#b7b7db;

}

.fundo-image-2{

    background-image: url('dist/images/fundo02-min.jpg');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.fundo-image-3{

    background-image: url('dist/images/fundo03-min.jpg');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.fundo-image-4{

    background-image: url('dist/images/fundo04-min.jpg');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.fundo-pediatria{

    background-color: #f6f6fa;

}



.fundo-corpo-clin{

    background-image: url('dist/images/fundo-min.jpg');

    background-repeat: no-repeat;

    background-position: center;

}

.bg-modal{

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

    background-repeat: no-repeat;

    background-size: cover;

    border-radius: 45px !important;

    padding-top:2rem !important;

    padding-bottom: 1rem!important;

}





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



.map-responsive {

    padding-bottom:60.25%;

    position: relative;

    height: 0px;

    overflow: hidden;

  }

  .map-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%;

    }

}



/****** *INDICE ****/

@media(min-width:1024px){

.navbar-indice{

    display:none;

}

}

.indice{

margin-bottom:0;

      padding:1rem;

    right:15px;

    width:100%;

    top:15px;

    

}

.indice li{

	margin-bottom:0!important;

}

.indice li:before{

    display:none;

    padding-left:0!important;

    position:initial!important;

}

.indice a{

    text-transform:uppercase;

    color:#000;

    font-size:0.8rem;

	display:inline-block;

    padding:0.5rem 1rem;

    border-radius:8px;

}

.sticky-top{

    z-index: 5!important;

    background-color:#f0f0f0;

    top:99px!important;

}



a.anchor {

    display: block;

    position: relative;

    top: -65px;

    visibility: hidden;

  }



  .navbar-toggler {

    border: none!important;

    background: transparent !important;

  }

  .navbar-toggler:focus{

    box-shadow: none!important;

  }

  

  .animated-icon{

  width: 30px;

  height: 20px;

  position: relative;

  margin: 0px;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: .5s ease-in-out;

  -moz-transition: .5s ease-in-out;

  -o-transition: .5s ease-in-out;

  transition: .5s ease-in-out;

  cursor: pointer;

  }

  

  .animated-icon span{

  display: block;

  position: absolute;

  height: 3px;

  width: 100%;

  border-radius: 9px;

  opacity: 1;

  left: 0;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: .25s ease-in-out;

  -moz-transition: .25s ease-in-out;

  -o-transition: .25s ease-in-out;

  transition: .25s ease-in-out;

  }

  

  .animated-icon span:nth-child(1) {

  top: 0px;

  }

  

  .animated-icon span:nth-child(2), .animated-icon span:nth-child(3) {

  top: 10px;

  }

  

  .animated-icon span:nth-child(4) {

  top: 20px;

  }

  

  .animated-icon.open span:nth-child(1) {

  top: 11px;

  width: 0%;

  left: 50%;

  }

  

  .animated-icon.open span:nth-child(2) {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  }

  

  .animated-icon.open span:nth-child(3) {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

  }

  

  .animated-icon.open span:nth-child(4) {

  top: 11px;

  width: 0%;

  left: 50%;

  }

  .animated-icon span {

  background: #db2183;

  }

.img-bullet ul li{

list-style-image: url("dist/images/bullet.jpg");

background-size: 17px 16px;

}

/**** *INDICE ENDS ***/



/****** CLÍNICAS ****/

.link-ico{

	display:block!important;

}

.bx-ico{

background-color:#f5f9fa;

border-radius:15px;

text-align:center;

padding:1rem 0;

color:#5f6062;

transition:all 0.2s;

}



.bx-ico h3{

font-size:1rem;

font-weight:500;

margin-top:10px;

}

.bx-ico img{

height:50px;

display:inline!important;

}

.icons-interna{

margin-top:-50px;

}

.link-ico:hover .bx-ico{

	background-color:#8484ba;

	color:#fff;

}



 .slick-ico .slick-slide {

      margin: 0 10px;

  }



.slick-ico .slick-list {

    margin: 0 -10pxpx;

  }



  .parallax.clin1{

    background-image: url('dist/images/parallax-min.jpg');

}  



.parallax.clin11{

    background-image: url('dist/images/parallax-p-min.jpg');

}  





.parallax.clin2{

    background-image: url('dist/images/parallax-p-min.jpg');

}

.parallax.clin22{

    background-image: url('dist/images/parallax2e.jpg');

}

@media (min-width:425px){

    .bx-ico{

        height: 145px;

    }

}



@media(max-width:525px){

    .parallax.clin1{

        background-image: url('dist/images/parallax-mobile-min.jpg');

    }    

    .parallax.clin11{

        background-image: url('dist/images/parallax-p-mobile-min.jpg');

    }    

    .parallax.clin2{

        background-image: url('dist/images/parallax-p-mobile-min.jpg');

    }

    .parallax.clin22{

        background-image: url('dist/images/parallax2e-mobile.jpg');

    }

}

/****** CLÍNICAS ENDS ****/

.btn-close{

    position: absolute;

    right: 20px;

    top: 20px;

}



/***** *INTERNAS ********/

.internas h2, .single-post article h2,

.internas h3, .single-post article h3

{

font-weight: bold;

}

.internas h2, .internas strong{

color:#00c2ce

}

.internas .fundo-primary h2{

    color:#fff;

}

.internas p img.size-full{

margin-bottom:2rem;

}

.fundo-fisio{

    background-color:#d9f6fa;

}

.internas.f  h2{

    color:#18606e!important;

}

.internas.p  h2{

color:#8484ba!important;

}



.internas .fundo-interna-estetica strong{

    color:inherit;

}

@media (max-width:768px){

article, section, footer{

    text-align:center!important;

}

article ul{

    text-align: left!important;

    }

}

.internas ul, .bg-modal .bull-mod ul, .primary-bullet, .internas ol{

    list-style: none;

}

.internas ul li, .bull-mod ul li, .primary-bullet li, .internas ol li{

    position:relative;

    padding-left:5px;

	margin:10px 0;



}

.internas ul li::before, .bull-mod ul li::before, .primary-bullet li::before, .internas ol li::before{

background-repeat: no-repeat;

content:"";

position:absolute;

left:-16px;

top:50%;

transform:translate(0, -50%);

width:12px;

height:12px;

border-radius: 100%;

background-color:#db2183;

}

.internas.p ul li::before{

    background-color:#8484ba;

}

.bull-mod ul li::before{

    background-color:#00c2ce; 

}



.internas.elms{

background-image: url('dist/images/ico-left.png'), url('dist/images/ico-right.png');

background-repeat: no-repeat, no-repeat;

background-position: left center, right 5%;



}

.internas.elms1{

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

background-repeat: no-repeat;

background-position:right 10%;

background-size: 20%;



}

.internas.elmsD{

    background-image: url('dist/images/ico-left.png'), url('dist/images/ico-left.png');

    background-repeat: no-repeat, no-repeat;

    background-position: left 20%, left 90%;

    

    }







@media (max-width:1600px){

    .internas.elms, .internas.elmsD{

        background-size: 8%, 8%;

    }

    .internas.elms1{

        background-size: 15%;

        background-position:right 15%;

    }



}

@media (max-width:1400px){

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

        font-size:0.85rem!important;

    }

}







.fnd-moo{

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

}

.fnd-tc{

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

}

.fundo-interna-estetica{

    background-color:#FDF0F7;

    }

    

    .fnd{

        background-repeat: no-repeat;

        background-position: center;

        position:relative;

        background-size: contain;

        width:500px;

        height: 235px;

        margin:auto;

          padding:2rem;

        }

    .fnd h3{

        margin-top:0!important;

    }

    

    

    @media (max-width:1024px){

        .fnd{

                    background-size:cover;

            width:100%;

            height: 260px;

            margin:auto;

            border-radius:30px;

        }

        .fnd {

            padding:1rem;

                margin:20px 0;

        }

    

    }



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

.fundo-faq{

    background-image: url('dist/images/ico-hrz.png'), url('dist/images/fundo02-min.jpg');

    background-repeat: no-repeat, no-repeat;

    background-size: auto, cover ;

    background-position:left bottom, center;

    

}

@media(max-width:768px){

.fundo-faq{

     background-size: 60%, cover ;

     padding-bottom:0;

}

.fundo-interna-estetica img{

    border-radius: 50px;

}   



.internas ul li::before, .primary-bullet li::before, .internas ol li::before{

    transform: inherit!important;

    top:7px;

}





 }



.FAQ .accordion-button{

    background-color: transparent;

    border:none!important;

}

.FAQ .accordion-button:not(.collapsed){

    box-shadow: none!important;

    background-color: transparent!important;

}

.FAQ .accordion-item {

    border: none!important;

    background-color:#db2183!important;

    margin-bottom: 1rem!important;

}



.FAQ .accordion-button::after {

    border:1px solid #fff;

    transform: scale(.8) !important;

    background-position:center;

    width:30px;

    background-color: #fff;

    height:30px;

    padding:8px;

    border-radius:100%;

    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23db2183' 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='%23db2183' 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 .accordion-button:focus{

    box-shadow: none!important;

}



.FAQ.scnd .accordion-item{

    background-color:#fff!important;

}

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

    background-color: #5c5c5c!important;

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

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

}

.mt-image-wp{

    margin-top:150px!important;

}



.mb-image-wp{

    margin-bottom:125px!important;

}



.mb-image{

    margin-bottom:-170px!important;

    margin-top:50px!important;

    }



.mt-image{

margin-top:-150px!important;

}



@media (max-width:768px){

.mt-image-wp{

margin-top:50px!important;

}

.mt-image{

margin-top:-30px!important

}

.mb-image-wp{

    margin-bottom:0!important;

}

.mb-image{

    margin-bottom:-75px!important;

    margin-top:0!important;

    }

}



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

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

    footer{

        background-color:#db2183;

        color:#fff!important;

    }



.nav-footer ul{

    list-style: none;

    padding-left: 0;

    margin-bottom: 0!important;

    }

    .icons-footer svg{

        fill:#fff;

    }

    footer a{

       color:#fff;

    }

    footer a:hover{

       color:#00c2ce;

    }

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

      color:#00c2ce!important;

    }

    footer .nav-link{

       padding-top:0!important;

       padding-bottom:0!important;

    }

    footer a:hover svg{

     fill:#fff;

    }

    .tel-footer:before{

         background-color: #fff;

    }

    .email-footer:before{

     background-color: #fff;

    }

    .wpp-footer:before{

      background-color: #fff;

    }

   .tel-icon:before, .pg-ag .tel-footer:before{

     background-color: #00c2ce;

   }

    .pg-ag .wpp-footer:before{

      background-color: #00c2ce;

    }

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

     background-color:#00c2ce;

    }

    

    .tel-icon:hover:before{

     background-color:#00c2ce;

    }

    .wpp-footer:hover:before, .wpp-icon:hover:before{

      background-color:#00c2ce;

    }

 #wpp-flutuante::before{

    background-color:#db2183;

    color:#fff;

}

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





.slick-dots{

    bottom:-40px!important;

    }

.slick-dots li button:before  {

    font-size:15px!important;

    color:#00c2ce!important;

    }

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

    color:#00c2ce!important;

}



.slick-item-blog .cover-img{

  border-radius:15px 15px 0 0;

}



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

.arrow .prev.eqp{

  left: 0;

}

.arrow .next.eqp{

    right:0;

}   

.arrow .next.eqp, .arrow .prev.eqp{

    width:25px;

    top: 55%;

    }

}



.img-feed  img{

height:60px;

width:100%;

object-fit: cover;

}

.blg-bx p{

    padding:0 1.5rem

}

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

.video-sec{

    background-position:center;

    background-size: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: #db2183 ;

border:1px solid #db2183 ;

border-radius:8px;

transition:all 0.2s;

}

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

.page-numbers.current

{

background:#db2183 ;

color:#fff;

text-decoration:none;

border-color:#db2183 ;

}