/* 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 *****/
.slick-3{ & > .slide:not(:first-child) {display: none!important;}}
.primary-color{color:#0093d9!important}

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

.tertiary-color{color:#1a3163!important}

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

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

.fill-primary{fill:#0093d9}

.fill-secondary{fill:#354151}

.fill-white{fill:#fff}

.fill-tertiary{fill:#1a3163}



a:hover .fill-primary, .fill-primary:hover{fill:#354151}

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

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

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

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



.bt-primary{

    color:#fff;

    background-color:#0093d9 ;

}

.bt-primary.trns{

    color:#0093d9;

    background-color:transparent;

    border: 2px solid #0093d9!important;

}





.bt-primary:hover{

    background-color:#0093d9 ; 

    color:#fff;

    background-image: inherit;

}

.bt-secondary.bt{

    background-color:transparent;

    color:#354151;

    border:2px solid #354151!important;

}

.bt-white:hover{

    background-color:#0093d9 ;

    color:#fff;

}

.bt-secondary:hover{

    background-color:#354151;

    color:#fff;

}

.bt.bt-white{

    border:2px solid #fff!important;

}

.bt-tertiary{

color:#fff;

background-color:#0043a6;

}

.bt-tertiary:hover{

    background-color:#0093d9 ;

}



.bt-white{

    color:#fff;

    background-color: transparent;

    border:2px solid #fff!important;

}

.bdr-30{

    border-radius: 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';

}

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



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

header{

    background-color:rgba(17, 22, 47,0.78);

    transition: all 0.5s;

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

   }  

   header.bg-on{

    background-color:rgba(17, 22, 47,1);

}

.social-icons{

    display:flex;

    position:absolute;

    right:0;

    top:10px;

    }



 



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

   color: #fff!important;

   white-space: nowrap;

   }

   .top-bar .icons{

   display: inline-block;

   }

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

    color: #fff  !important;

   }



   .nav-link{



   font-weight:500!important;



   font-size:0.875rem!important;



   padding:0.4rem!important;



   }



   a.primary-color:hover{



   color: #354151!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: #0093d9  !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='%231a3163'%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:#354151!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: #0093d9  !important;

           text-decoration: underline!important;

        } 

        header{

            background-color:#354151;

        }

        .social-icons{

            display:none;

            }

    }

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



       #banner .caption h1 strong, #banner .caption h2{

            color:#0093d9 !important;

        }

        #banner .bt-white{

            color:#0093d9 !important;

            border-color:#0093d9 !important;

        }

        

       #banner .caption h1 span{

        color: #354151!important;   

       }

   

    }

    @media only screen and (min-width:991px){

        .navbar-nav{

            position: relative;

            top:15px;

        }

    

     }

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

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

.fundo-primary-color{

 background-color: #0093d9;   

}

.fundo-light{

 background-color: #d8e2e5;   

}

.fundo-secondary-color{

 background-color: #354151;   

}

.fundo-tertiary-color{

 background-color: #0043a6;   

}

.fundo-image-fst{

background-image:url('dist/images/fundo01-min.jpg');
background-size: cover;
background-position: center;
}
.fundo-secondary-image{
background-image:url('dist/images/fundo02-min.jpg');
background-size: cover;
background-position: center;
}

.fundo-logo{
background-image:url('dist/images/logo-elm.png');
background-position: center right;
background-repeat: no-repeat;
}
.about-destaques{
    background-image:url('dist/images/left-elm.png');
    background-position: center left;
    background-repeat: no-repeat;  
}

.encaminhamento-elm {
    position: relative;
}

.encaminhamento-elm:before {
    content: '';
    position: absolute;
    top: 15%;
    right: 0;
    background-image: url(dist/images/left-elm.png);
    background-position: -50px;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(180deg);
    width: 160px;
    height: 340px;
}

.encaminhamento-elm:after {
    content: '';
    position: absolute;
    bottom: 5%;
    left: 0;
    background-image: url(dist/images/left-elm.png);
    background-position: -50px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 160px;
    height: 340px;
}

@media (max-width:1600px){
    .about-destaques{
background-size:8% ;
}
}
@media (max-width:570px){
    .fundo-logo, .about-destaques{
        background-image:inherit;
}
}


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

.map-responsive {

    padding-bottom:28%;

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



  }



.form-control{

border:2px solid #354151!important;

border-radius:30px!important;

}



@media (max-width:768px){

    .map-responsive {

        padding-bottom: 50%;

    }

    .encaminhamento-elm:before {
        height: 240px;
    }

    .encaminhamento-elm:after {
        content: none;
    }

    

}

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

.uppercase h2{
    text-transform:uppercase;
    }
    
    .box-about-destaque{
        color:#0093d9;
        border:3px solid #0093d9;
    border-radius:30px;
    padding:1rem 1.5rem 0 1.5rem;
    height:350px;
    }
    
    .box-about-destaque h4{
        font-weight:bold;
        color:#065999;
    }
    
    .aling-icon{
    height:80px;
    position:relative;
    }
    .aling-icon img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%)
    }
    @media (max-width:500px){
        .box-about-destaque{
            height:auto!important;
        }
    }
    
    @media (max-width:1400px){
        .box-about-destaque{
            height:380px;
        }
        .box-about-destaque p{
            line-height:20px;
        }
    }
    
    


.fundo-interno{

    background-color:#d5e3e6;

    }

    .fundo-bottom{

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

    

    }

    @media (min-width:768px){

    .vms{

        margin-top:-80px

        }

    }



.internas ul, .internas ol, .bullets-tetiary{

    list-style: none;

    padding-left:2rem!important;

}

.internas ul li, .internas ol li, .bullets-tetiary 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:-16px;

top:8px;

width:12px;

height:12px;

border-radius: 100%;

background-color:#0093d9;

}



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

background-color:#fff!important;

}





.internas .c1 h2{

color:#0093d9;

}

.internas .cw h2{

  color:#fff;

    }

.internas .c3 h2{

color:#1a3163;

}

.img-fluid.position-relative{

    z-index:9;

}

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

.FAQ .accordion-item {

     background-color:#0093d9!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='%230093d9' 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='%230093d9' 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:#354151!important;

     }

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

        background-color: #fff!important;

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

/******** AUTO TESTE ******/

.autoteste{

    background-color:#fff;

    padding:2rem 2rem 2rem 2rem;

    border-radius:30px 30px 0 0;

    margin-top:30px;

    }

    .next-q, next-qt2{

    cursor:pointer;

    }

    .arrow-single{

        background-color:#fff;

        padding-bottom:1rem;

        border-radius:0 0 30px 30px

    }

    .arrow-single .next-q,

    .arrow-single .next-qt2

    {

    background-color:#1a3163;

    color:#fff;

    margin-left:2rem;

    cursor:pointer;

    }

    

    .icn{

        position:absolute;

    

        top:50%;

    display:inline-block;

    background-color:#011535;

    transform:translate(0, -50%);

    width:40px;

    height:40px;

    border-radius:100%;

    cursor:pointer;

        }

    .icn.foward{

            right:-25px;

    }

    .icn.backward{

            left:-25px;

    }

    

    

    .icn svg{

    width:30px;

    fill:#fff;

    position:absolute;

    left:50%;

    top:50%;

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

    }

    

    

    

    .autoteste label{

    font-weight:bold;

    color:#1a3163;

    

    }

    .autoteste label{

        line-height:16px

    }



    .autoteste p.small{
        font-weight:bold;
        color:#1a3163;
  

    }

    .autoteste  .form-check-input{

    border:2px solid #1a3163;

    cursor:pointer;

    }

    

    .js .slider-single > div:nth-child(1n+2) { display: none }

    .js .slider-single.slick-initialized > div:nth-child(1n+2) { display: block }

    

    

    .slider-nav  span {

    position:relative;

    background-color:#011535;

    color:#fff;

    display:inline-block;

    width:50px;

    height:50px;

    text-align:center;

    padding-top:7px;

    font-weight:bold;

    border-radius:100%;

    font-size:25px;

    transition: all 0.4s

    }

    .slider-nav  span:after{

        transition: all 0.4s;

    content:"";

    width:100px;

    height:5px;

    position:absolute;

    background-color:#011535;

    left:50px;

    top:50%;

    transform:translate(0, -50%);

    }

    

    .slider-nav .slick-slide { cursor: pointer; }

    

    .slider-nav .slick-slide:hover span,

    .slick-slide.is-active span{

        color: #0040b5;

        background-color: #fff

    }

    

    .slider-nav .slick-slide:hover span:after,

    .slick-slide.is-active  span:after{

        background-color:#fff;

    }

    .slick-arrow.slick-disabled{

          display: none!important; 

      pointer-events:none!important;

    }

    

    @media (max-width:768px){

        .icn.foward{

            right:0px;

    }

    .icn.backward{

            left:0px;

    }

    .autoteste p.small{
      

    font-size:0.6rem!important;

    }

    

    }

    @media (min-width:768px){
        .autoteste p.small br{
            display: none;
        }
    }



    .pontucao{

        height:300px;
        border-radius:30px;
        padding:1rem;
        color:#fff;
        text-align:center;
        position:relative;
        }
        .pontucao p{
        font-size:16px;
        }
        .pontucao h4{
        font-weight:bold;
        font-size:1.5rem;
        }
        .pontucao h4 span{
        font-size:16px!important;
        display:block;
        }
        .pontucao .align{
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
        width:90%;
        }
        .pontucao.green{
                background-color:#007200;
        }
        .pontucao.yellow{
                background-color:#e39d55;
        }
        .pontucao.red{
                background-color:#c60001;
        }

/******** AUTO TESTE ******/


.testimonial-card{
    position: relative;
    box-shadow: 1px 4px 10px 0px rgba(0, 0, 0, 0.1), 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    background-color: white !important;
    backdrop-filter: blur(0px);
    padding: 20px;
    text-align: center;
    border-radius: 20px;
}

.testimonial-name {
    font-weight: 600;
    font-size: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000000;
}

.testimonial-avatar img{
    width: 80px;
    height: 80px;
    margin: -60px auto 20px;
}

.stars{
    color: #f5b400;
    font-size: 25px;
    margin-bottom: 10px;
    line-height: 1;
}


.testimonial-text{
    font-size: 14px;
    height: 100px;
    overflow: auto;
}


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

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

  footer{

      background-color:#1a3163;

     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:#0093d9;

    }



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

      color:#0093d9!important;

    }



    footer .nav-link{

       padding-top:0!important;

       padding-bottom:0!important;

    }

    footer a:hover svg{

     fill:#0093d9;

    }

    .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: #0093d9;

   }

    .pg-ag .wpp-footer:before{

      background-color: #0093d9;

    }

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

     background-color:#0093d9;

    }

    .tel-icon:hover:before{



     background-color:#0093d9;



    }



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



      background-color:#0093d9;

    }



 #wpp-flutuante::before{

    background-color:#0093d9;

    color:#fff;

}

.selo-doctor-responsive {
    overflow: hidden;
}



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











.slick-dots{



    bottom:-40px!important;



    }



.slick-dots li button:before  {



    font-size:15px!important;



    color:#354151!important;



    }



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



    color:#354151!important;



}







.slick-item-blog .cover-img{



  border-radius:15px 15px 0 0;



}



.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: #0093d9 ;

    border:1px solid #0093d9 ;

    border-radius:8px;

    transition:all 0.2s;

}

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

    .page-numbers.current

        {   

            background:#0093d9 ;

            color:#fff;

            text-decoration:none;

            border-color:#0093d9 ;

        }