/* 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:#262f3b!important;}
.secondary-color{color:#226FB2!important}
.tertiary-color{color:#6d8f90!important}
.quaternary-color{color:#1c2f22!important}
.white-color{color: #fff!important;}
.black-color{color:#000!important}
.fill-primary{fill:#262f3b}
.fill-secondary{fill:#226FB2}
.fill-tertiary{fill:#6d8f90}
.fill-white{fill:#fff}
.banner-title{font-weight:700!important; color:#fff;}
.banner-title span{font-size:1.15rem!important; font-weight:400!important;}
.fw-{font-weight: lighter!important;}
a:hover .fill-primary, .fill-primary:hover{fill:#262f3b}
a:hover .fill-white, .fill-white:hover{fill:#226FB2;}
a:hover .fill-white.scnd, .fill-white.scnd:hover{fill:#262f3b;}
a.white-color:hover{color:#262f3b!important;}
a:hover .fill-secondary, .fill-secondary:hover{fill:#262f3b;}
.youtube .play-button{background-color:#262f3b;}

.bt{border-radius: 30px;text-transform: uppercase;}
.bt-primary{background-color:#262f3b;color:#fff;}
.bt-secondary{background-color:#226FB2;color:#fff;}
.bt-tertiary{background-color:#00c7bf; color:#fff; font-weight: 500;}
.bt-tertiary:hover{background-color:#262f3b;color:#fff;}
.bt-secondary:hover{background-color:#262f3b; color:#ffff;}
.bt-primary:hover{background-color:#226FB2;color:#fff;}
.bt.bt-white{color:#fff; background-color:transparent; border:2px solid #fff;}
.bt.bt-white:hover{ background-color:#262f3b; color:#fff; border-color:#262f3b;}
.bt.bt-primary-w{color:#262f3b; background-color:transparent; border:2px solid #262f3b;}
.bt.bt-primary-w:hover{ background-color:#226FB2; color:#fff; border-color:#226FB2;}
.bdr-30{border-radius: 44px!important;}
.bdr-btm-30{border-radius:0 0 30px 30px!important;}
.bt-collapse.collapsed:after{content: 'LEIA MAIS';}
.bt-collapse {text-decoration:none!important;}
.bt-collapse:not(.collapsed):after {content: '-FECHAR';}

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

/******** *HEADER *******/
 header{background-color:rgba(38, 47, 59, 1);}
 .home header, .single-post header{position:fixed; width:100%;z-index: 999; background-color:rgba(38, 47, 59, 0.7)}
 header.bg-on{ background-color:rgba(38, 47, 59, 1); transition: all 0.5s; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}    
.navbar-nav .nav-link, .top-bar .nav-link{color: #fff!important; white-space: nowrap;}
.top-bar .icons{display: inline-block; }

@media (min-width:991px){.bg-on .navbar-nav .nav-link {color: #fff!important;}}
header svg{fill:#fff;}
header a:hover svg{fill:#226FB2;}
.nav-link{font-weight:500!important; text-transform: uppercase; font-size: 0.9rem!important;}
a.primary-color:hover{color: #226FB2!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;}
.btn-close {background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23262f3b'%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:#262f3b;}
.bg-on .bt-trigger{fill:#262f3b;}
.mobile-offcanvas{background-color:#226FB2!important;}
.navbar-nav .nav-link, .nav-top .nav-link{color: #262f3b!important;}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-item.active .nav-link,
.nav-link:hover,
.nav-link.active{color: #fff  !important; text-decoration: underline!important;} 
header{background-color:#262f3b; position: initial}
.navbar .nav-link{font-size:1rem!important;color:#fff!important;}
}
@media only screen and (max-width:768px){
#banner .caption.white-color{color:#226FB2!important;}}
/**** HEADER 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 iframe{
    border-radius:30px;
   }
@media (max-width:768px){
    .map-responsive {
        padding-bottom: 50%;
    }
}
/******** CUSTOM *********/
.elm-right{
    background-image: url('dist/images/logo-elm-right.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30%;
}

.elm-right-int{
    background-image: url('dist/images/logo-elm-right.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}


.elm-right-int.bsize{
    background-size:12%;
}
.s_3{
        background-image: url('dist/images/elm-s3.png');
    background-repeat: no-repeat;
    background-position: right 10%;
    background-size: 300px;
}

.elm-left{
    background-image: url('dist/images/cirurgia-min.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 10%;
}

.elm-about{
        background-image: url('dist/images/elm-lg.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 10%;
    background-color:#7e858d;
}
@media (min-width:1900px){
    .elm-left, .elm-about{
      background-size: 15%;
    }

}
@media (max-width:500px){
.elm-left, .elm-about, .elm-right-int, .s_3{
    background-image: inherit;
    }
}
.fundo-primary-color{
background-color:#262f3b;
}
.fundo-gray {
background-color:#535353;
}
.fundo-gray-light {background-color:#d9dce1;}
 
.fundo-int, .blocos-int{
    background-color: #F6F7FB;
    border-radius: 30px;
}
.blocos-int h3, .blocos-int h2{
    color:#226FB2;
}

.difes img{
margin-bottom:10px
}

.features .icn-t{
	display:inline-block;
	margin-right:15px;
max-width: 100%;
    height: auto;
	position:relative;
	top:-15px
}

@media (min-width:768px){
.img-study{
	height:100%;
	object-fit:cover;
	border-radius:44px 0 0 44px;
	}
}
@media (max-width:768px){
	.img-study{
	border-radius:44px;
	}
	.container.bdr-30{
		border-radius:0!important
	}
	.features .icn-t{
		display:block;
		margin:auto;
		
	}
}


/***** CUSTOM ENDS ******/
.ti-widget.ti-goog .ti-controls{
    display: block!important;
}
.depoimentos .ti-widget.ti-goog .ti-review-item>.ti-inner, 
.depoimentos .ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button{
    background-color: #fff!important;
}
.depoimentos .ti-widget.ti-goog .ti-controls .ti-next{
    right:-15px!important;
}
.depoimentos .ti-widget.ti-goog .ti-controls .ti-prev{
    left:-15px!important;
}
.depoimentos .ti-widget.ti-goog .ti-controls .ti-next, 
.depoimentos .ti-widget.ti-goog .ti-controls .ti-prev{
        background-color: #fff!important;
}
@media   (min-width:768px){
.depoimentos .ti-widget.ti-goog .ti-controls .ti-next, 
.depoimentos .ti-widget.ti-goog .ti-controls .ti-prev{
    width:45px!important;
    height: 45px!important;
    border-radius:100%!important;
}
.depoimentos .ti-widget.ti-goog .ti-controls .ti-next:before, 
.depoimentos .ti-widget.ti-goog .ti-controls .ti-prev:before {
    width:20px!important;
    height: 20px!important;
}
.depoimentos .ti-widget.ti-goog .ti-controls .ti-next{
    right:-65px!important;
}
.depoimentos .ti-widget.ti-goog .ti-controls .ti-prev{
    left:-65px!important;
}
}

/***** *INTERNAS ********/
.internas .c1 h2{
color:#262f3b;
font-weight:700!important;
}
.internas .c3 h2, .internas .c3 h3{
color:#412d21;
font-weight:700;
}

.internas .c1 h3{
    color:#262f3b;
    font-weight:600;
}
.internas .c2 h2, .internas .c2 h3{
color:#226FB2;
}
.internas .cw h2, .internas .cw h3{
  color:#fff;
  font-weight: bold;
}
.internas .cw p a, .cw li a{
   color:#fff;
   text-decoration: underline!important;
}
/******** *INTERNAS ENDS ******/
/******* *FAQ *******/
.fundo-faq{
background-color:rgba(38, 47, 59, 0.45);
}

#Faq .card-body a{
    color:#fff;
    text-decoration:underline!important;
    }
.FAQ .accordion-item {
   border-radius: 30px!important;
 background-color:#535353!important;
border:none!important;
 }

 
.accordion-button:not(.collapsed){
    color:#2d2d2d!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='%23226FB2' 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='%23226FB2' 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:#1c2f22!important;
}
/******* *FAQ ENDS*******/
.form-control{
   border:2px solid #226FB2!important;
   border-radius:25px!important;
   background-color:#fff!important;
}
.bt-send{
    
    display: inline-block;
    background-color:#226FB2;
    border: none!important;
    color:#fff;
    padding:.5rem 2rem;
    transition: all 0.5s;
    text-transform: uppercase;
    border-radius: 30px;
}
.bt-send:hover{
    background-color:#262f3b;
}
/***** FOOTER *******/
  footer{
    background-color:#12233d;
    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:#226FB2;
    }
    footer a{
       color:#fff;
    }
    footer .nav-link:hover, footer .nav-item.active .nav-link{
      text-decoration: underline!important;
      color:#226FB2!important;
    }

    footer .nav-link{
       padding-top:0!important;
       padding-bottom:0!important;
    }
    footer a:hover svg{
     fill:#226FB2;
    }
    footer a:hover{
    color:#226FB2;
    }

    .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: #226FB2;
      }

    .tel-icon:before, .wpp-icon:before{
       background-color:#226FB2;
    }
    .wpp-icon.white-color:before{
       background-color:#fff;
   }
    #wpp-flutuante::before{
    background-color:#262f3b;
    color:#fff;
}
 /***** FOOTER ENDS ****/
.slick-dots{
    bottom:-15px!important;
    }
.slick-dots li button:before  {
    font-size:15px!important;
  color:#262f3b!important;
    }
.slick-dots li.slick-active button:before{
    color:#262f3b!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:30px;
 margin-bottom:10px;
}
.bx-blog{
background-color:#f7efef;
border-radius: 0 0 30px 30px;
padding:1rem;
}

.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: #262f3b ;
    border:1px solid #262f3b ;
    border-radius:8px;
    transition:all 0.2s;
}
.pagination .page-numbers:hover, .pagination .page:hover, 
    .page-numbers.current
        {   
            background:#262f3b ;
            color:#fff;
            text-decoration:none;
            border-color:#262f3b ;
        }      

.box-depo{
    background-color:#fff;
    padding:1rem 1rem;
    height:200px;
    border-radius:20px;
    position:relative;
    text-align: center;
}
.center-div{
    position:absolute;
    width:90%;
    top:50%;
    left:50%;
    transform:translate(-50%, -40%)
}
.box-depo h3{
	font-size:1rem!important;
}
.box-depo p{
	font-size:0.85rem;
	line-height:20px
}
@media(max-width:1400px){
	.box-depo{
		height:215px;
	}
}