/* 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:#279491!important}
.secondary-color{color:#242c39!important}
.white-color{color: #fff!important;}
.black-color{color:#000!important}
.banner-title{font-weight: lighter; color:#fff;}
.fill-primary{fill:#279491}
.fill-secondary{fill:#279491}
.fill-white{fill:#fff}
.fw-{font-weight: lighter!important;}
a:hover .fill-primary, .fill-primary:hover{fill:#242c39}
a:hover .fill-white, .fill-white:hover{fill:#279491;}
a.white-color:hover{color:#279491!important;}
a:hover .fill-secondary, .fill-secondary:hover{fill:#279491;}
.youtube .play-button{background-color:#279491;}
.fw-semibold{font-weight: 500!important;}



.bt{
    border-radius: 30px;;
}
.bt-primary{
    color:#fff;
    background-color:#279491 ;   
}
.bt-primary:hover{
    background-color:#242c39 ; 
    color:#fff;
}

.bt-secondary, .bt-white:hover{
    background-color:#242c39;
    color:#fff;   
}
.bt-secondary:hover{
    background-color:#279491;
    color:#fff;
}
.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-light{
background-color:#f6f7fb;
}
.global{
    background-image: url('dist/images/imagem-final-min.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
/******* *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  );
    z-index: 999;
    width: 100%;
    }

.navbar-nav .nav-link, .top-bar .nav-link{
   color: #279491!important;
   white-space: nowrap;
   }
   .top-bar .icons{
   display: inline-block;
   }
   .bg-on .navbar-nav .nav-link{
    color: #279491  !important;
   }

   .nav-link{
font-weight:500!important;
text-transform: uppercase;

   }
   a.primary-color:hover{
       color: #fff!important;
   }
   .dropdown-item{
       white-space: wrap!important;
   }

.navbar-nav .nav-link:hover,
.nav-link:hover{
 text-decoration:underline!important;
 color:#279491!important;
 }
.btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23279491'%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:#279491;
   }
.bg-on .bt-trigger{
   fill:#279491;
   }
    

       .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: #279491  !important;

           text-decoration: underline!important;

        } 

        

        .navbar .nav-link{

        font-size:1rem!important;

        color:#279491!important;

        }

    }

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

       #banner .caption h1{
            color:#279491!important;
        }

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

        

       #banner .caption h1 span{

        color: #279491!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%;
    }
}
/******* *FAQ *******/
.FAQ .accordion-item {
   border-radius: 30px!important;
   background-color:#f6f7fb!important;
   border:3px solid #b8cac8!important;
 }
 .FAQ .accordion-button::after {
    border:1px solid #1b3722;
    background-color: #1b3722;
    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 .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;
    }
  
/******* *FAQ ENDS*******/
/********* FOOTER *******/
footer{
  background-color:#3c3a3b;
  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:#279491;
    }
    footer a{
       color:#fff;
    }
    footer a:hover{
        color:#279491!important;
    ;
 }
footer .nav-link:hover, footer .nav-item.active .nav-link{
  text-decoration: underline!important;
  color:#279491!important;
}
footer .nav-link{
  padding-top:0!important;
  padding-bottom:0!important;
}
footer a:hover svg{
 fill:#279491;
}

.tel-footer:before, .email-footer:before, .wpp-footer:before, .web-footer:before{
    background-color: #279491;
    }
.tel-footer:hover:before, .email-footer:hover:before, .wpp-footer:hover:before,.web-footer:hover:before{
    background-color: #fff;
    }
    .tel-icon:before, .wpp-icon:before{
        background-color:#279491;
    }
    .wpp-icon.white-color:before{
        background-color:#fff;
    }
    #wpp-flutuante::before{
        background-color:#279491;
        color:#fff;
    }
 /***** FOOTER ENDS ****/
 /********* SLICK *******/
.slick-dots{
    bottom:-15px!important;
    }
.slick-dots li button:before  {
    font-size:15px!important;
    color:#279491!important;
    }
.slick-dots li.slick-active button:before{
    color:#279491!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 ***********/
.white-box{
	background-color:#fff;
	padding:2rem 1rem;
	border-radius:20px;
}


.bullets ul{
 list-style: none;
 padding-left:2rem!important;
 text-align: left!important;
}
.bullets ul li{
 position:relative;
 padding-left:5px;
 margin:10px 0;
}
.bullets ul li::before{
background-repeat: no-repeat;
content:"";
position:absolute;
left:-22px;
top:3px;
width:18px;
height:18px;
border-radius: 100%;
background-color:#279491;
}

@media(max-width:1024px){
    .fix-br br{
        display: none;
    }
}


    a.anchor {
    display: block;
    position: relative;
    top: -73px;
    visibility: hidden;
  }
  
/********* 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: #279491 ;
    border:1px solid #279491 ;
    border-radius:8px;
    transition:all 0.2s;
}
.pagination .page-numbers:hover, .pagination .page:hover, .page-numbers.current{   
    background:#279491 ;
    color:#fff;
    text-decoration:none;
    border-color:#279491 ;
}      
/********* BLOG AND FEED  *******/
/******* PAGES ******/