/* 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 *****/
@supports (-webkit-touch-callout: none) {
    .parallax {
    background-attachment: scroll!important;
    }
  }
  
.primary-color{color:#006a94!important}

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

.tertiary-color{color:#015344!important}

.quaternary-color{color:#66acc9!important}



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

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

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

.fill-primary{fill:#006a94}

.fill-secondary{fill:#be679a}

.fill-white{fill:#fff}

.fill-tertiary{fill:#015344}

.fill-quaternary{color:#66acc9!important}



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

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

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

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

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



.bt-primary{

color:#fff;

background-color:#006a94 ;

    

}

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

    background-color:#be679a ; 

    color:#fff;

}

.bt-secondary{

    background-color:#be679a;

    color:#fff;

    

}

.bt-tertiary{

    background-color:#015344;

    color:#fff;

 }

 .bt-quaternary{

    

    background-color:#66acc9;

    color:#fff;

 }



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

    background-color:#015344;

    color:#fff;

}



.bt-white{

    color:#006a94;

    background-color:#fff;

  

}



.bt-white:hover{

    background-color:#006a94;

    color:#fff;

}

    





.bdr-30{

    border-radius: 30px!important;

}

.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{

        border-radius:0!important;

    }

    }



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



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

header{

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

    transition: all 0.5s;

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

   }  

   header.bg-on{

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

    }


 .navbar-nav {
    flex-wrap: wrap;
 }   

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

   color: #015344!important;

   white-space: nowrap;

   font-size: 12px!important;

   }

   .top-bar .icons{

   display: inline-block;

   }

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

    color: #015344  !important;

   }



   .nav-link{

font-weight:500!important;

text-transform: uppercase;

   



   padding:0.4rem!important;



   }



   a.primary-color:hover{



   color: #be679a!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:none!important;

          color:#015344;

   }

   .btn-close {

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

        }

.bg-on .bt-trigger{

    fill:#006a94;

        }



        

       .mobile-offcanvas{

              background-color:#fff!important;

       }

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

            color: #015344!important;

        }

         .navbar-nav .nav-link:hover,

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

        .nav-link:hover,

       .nav-link.active    {

           color: #006a94  !important;

           text-decoration: underline!important;

        } 

        header{

            background-color:#fff;

        }

        .navbar .nav-link{

        font-size:1rem!important;

        color:#006a94!important;

        }

    }

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



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

            color:#006a94 !important;

        }

        #banner .bt-white{

            background-color:#006a94 !important;
            color:#fff!important;
            border-color:#006a94 !important;

        }

        

       #banner .caption h1 span{

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

    background-color:#006a94;

}

.fundo-secondary-color{

    background-color:#be679a;

}

.fundo-tertiary-color{

    background-color:#015344;

}

.fundo-lighter{

    background-color:#f5f7f6;

}

.fundo-lighter-t{

    background-color:#f1f9fb;

}

.fundo-lighter-q{

    background-color:#eaf1f7;

}

.fundo-1{

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

    background-repeat: no-repeat;

    background-position: center;

    background-color:#f5edf8;

}

.elemento-1{

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

    background-repeat: no-repeat;

    background-position: center right;



}

.fundo-elm-2{

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

    background-repeat: no-repeat;

    background-position: 90% bottom;

    background-color:#eaf1f7;

}

.fundo-tree{

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

    background-repeat: no-repeat;

    background-position: center right;

    }





.elms-scnd{

    background-image: url('dist/images/interna-top.png'), url('dist/images/interna-mid.png'), url('dist/images/interna-mid-btm.png'), url('dist/images/interna-bottom.png');

    background-repeat: no-repeat;

    background-position: left 1%, right 30%, left 53%, right 75%;

}



.elms-try{

    background-image: url('dist/images/single-top.png'), url('dist/images/single-mid.png'), url('dist/images/single-bottom.png');

    background-repeat: no-repeat;

    background-position: left 1%, right 30%, left 75%;

}



.elms-qtr{

    background-image: url('dist/images/md-top-min.png'), url('dist/images/md-topmid-min.png'), url('dist/images/md-mid-min.png'), url('dist/images/md-bottommid-min.png'), url('dist/images/md-bottom-min.png');

    background-repeat: no-repeat;

    background-position: 99% 3%, left 18%, right 43%, left 70%, right 80%;

}



.elms-pry{

    background-image: url('dist/images/top.png'), url('dist/images/top-mid.png'), url('dist/images/mid.png'), url('dist/images/bottom-mid.png'), url('dist/images/mid.png');

    background-repeat: no-repeat;

    background-position: 99% 1%, left 18%, right 43%, left 70%, right 80%;

}





@media (min-width:1900px){

    .elms-qtr, .elms-pry{

        background-position: 94% 1%, left 15%, right 43%, left 70%, right 80%;

    }

}

@media (max-width:1900px){

    .elemento-1{

        background-size:20%;

}

.fundo-elm-2{

    background-size: 10%;

    background-position: 95% bottom;

}

.fundo-tree{

    background-size: 15%;

}

.fundo-1{

    background-size:cover;

}

 .elms-scnd, .elms-try, .elms-qtr, .elms-pry{

    background-size:10%;

 }

}



@media (max-width:500px){

    .elemento-1, .elms-scnd, .elms-try, .elms-qtr, .elms-pry{

        background-image: inherit;

}

}



    

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

    }

    

}



.specs{

    background-color:#006a94;

    height:100%;

    border-radius:30px;

    color:#fff;

    text-align:center;

    position:relative;

    }

    .specs img{

            transition:all 0.5s;

    

    }

    .specs:hover img{

    opacity:0.2

    }

    .align-center{

    position:absolute;

    top:50%;

    left:50%;

    width:80%;

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

    }

    

    

    @media (min-width:768px){

        .align-center p{

        transition:all 0.8s;

        height:0;

        overflow:hidden;

    }

    .specs:hover .align-center p{

        height:200px;

    }

    }

    @media (max-width:768px){

        .specs h3{

        font-size:1.3rem!important

        }

        .specs p{

        font-size:0.9rem;

            line-height:18px;

        }

        

        .specs img{

    opacity:0.3

    }

    }

    

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

.first-section.py-5.my-0{

    margin-top:-70px!important;

    padding-top:100px!important;

    }

    .first-section-single.my-0{

        margin-top:-40px!important;

    } 

    @media(max-width:1400px){
        .first-section.py-5.my-0 {
    margin-top: -40px !important;
    padding-top: 75px !important;
}
    }

    @media (min-width:768px){

    .vms-conversar{

        margin-top:-30px;

        }

    }



    .bloco{

        background-color:#fff;

        padding:2rem 1rem;

        height:100%;

        text-align:center;

        border-radius:30px;

    }

    .bloco h3{

        color:#be679a;

        }



        .fundo-tertiary-color p a, .fundo-primary-color p a{

            font-weight:bold;

            color:#fff;

        }

    

.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:8px;

width:8px;

height:8px;

border-radius: 100%;

background-color:#006a94;

}



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

background-color:#fff!important;

}



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

    background-color:#be679a!important;

    }



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

    background-color:#015344!important;

    }

    

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

    background-color:#66acc9!important;

    }





.internas .c1 h2{

color:#006a94;

}

.internas .c2 h2{

    color:#be679a;

    }

   

    .internas .c3 h2{

    color:#016435;



    }    

    

    .internas .c4 h2{

    color:#66acc9;



    }



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

  color:#fff;

    }

.img-fluid.position-relative{

    z-index:-1;

}



@media (min-width:768px){

.margin-negative{

	margin-top:-90px!important

}

}



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

#Faq .card-body a{

    color:#fff;

    text-decoration:underline!important;

    }

.FAQ .accordion-item {

     background-color:#015488!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='%23015488' 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='%23015488' 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:#006a94!important;

     }

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

        background-color: #fff!important;

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

        background-color:#98B6AA!important;

     }

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

        background-color: #fff!important;

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

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

        background-color:#DFC976!important;

     }



     .FAQ.pnk .accordion-item{

        background-color:#da9c9f!important;

     }





/******* *FAQ ENDS*******/

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

.form-control{

	border:2px solid #91978c!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:#015344;

}

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

  footer{

      background-color:#015344;

     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:#be679a;

    }

    footer a{

       color:#fff;

    }

    footer a:hover{

       color:#be679a;

    }



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

      color:#be679a!important;

    }



    footer .nav-link{

       padding-top:0!important;

       padding-bottom:0!important;

    }

    footer a:hover svg{

     fill:#006a94;

    }



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

      }



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

       background-color:#006a94;

    }

    



 #wpp-flutuante::before{

    background-color:#006a94;

    color:#fff;

}



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

.slick-dots{

    bottom:-15px!important;

    }

.slick-dots li button:before  {

    font-size:15px!important;

    color:#be679a!important;

    }

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

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

}



.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: #006a94 ;

    border:1px solid #006a94 ;

    border-radius:8px;

    transition:all 0.2s;

}

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

    .page-numbers.current

        {   

            background:#006a94 ;

            color:#fff;

            text-decoration:none;

            border-color:#006a94 ;

        }