/* 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 *****/
body {
	color: #3c3c3c !important;
}
.primary-color,
.has-primary-color {
	color: #cf671e !important;
}
.secondary-color,
.has-secondary-color {
	color: #24393e !important;
}
.tertiary-color,
.has-tertiary-color {
	color: #607f38 !important;
}
.quaternary-color,
.has-quaternary-color {
	color: #d3745a !important;
}
.white-color {
	color: #fff !important;
}
.black-color {
	color: #000 !important;
}
.fill-primary {
	fill: #cf671e;
}
.fill-secondary {
	fill: #24393e;
}
.fill-tertiary {
	fill: #607f38;
}
.fill-quaternary {
	fill: #d3745a;
}
.fill-white {
	fill: #fff;
}
.f-semibold {
	font-weight: 500 !important;
}
a:hover .fill-primary,
.fill-primary:hover {
	fill: #cf671e;
}
a:hover .fill-white,
.fill-white:hover {
	fill: #24393e;
}
a:hover .fill-white.scnd,
.fill-white.scnd:hover {
	fill: #cf671e;
}
a.white-color:hover {
	color: #cf671e !important;
}
a:hover .fill-secondary,
.fill-secondary:hover {
	fill: #cf671e;
}
.youtube .play-button {
	background-color: #cf671e;
}
.bt {
	border-radius: 30px;
	text-transform: uppercase;
}
.bt-primary {
	background-color: #cf671e;
	color: #fff;
}
.bt-trns {
	background-color: transparent;
	border: 3px solid #cf671e !important;
	font-weight: bold;
	color: #cf671e !important;
}
.bt-trns:hover {
	border-color: #24393e !important;
	color: #24393e !important;
}
.bt-secondary {
	background-color: #24393e;
	color: #fff;
}
.bt-tertiary {
	background-color: transparent;
	color: #cf671e;
	border: 3px solid #cf671e;
}
.bt-tertiary:hover {
	background-color: #cf671e;
	color: #fff;
}
.bt-quaternary {
	background-color: #d3745a;
	color: #fff;
}
.bt-quaternary:hover {
	background-color: #cf671e;
	color: #fff;
}
.bt-secondary:hover {
	background-color: #cf671e;
	color: #ffff;
}
.bt-primary:hover {
	background-color: #24393e;
	color: #fff;
}
.bt.bt-white {
	color: #cf671e;
	background-color: #fff;
	border: 2px solid #fff;
}
.bdr-30 {
	border-radius: 30px;
}
.bt-collapse.collapsed:after {
	content: "LEIA MAIS";
}
.bt-collapse {
	text-decoration: none !important;
}
.bt-collapse:not(.collapsed):after {
	content: "-FECHAR";
}

.fundo-primary {
	background-color: #cf671e;
}
.fundo-primary.star,
.fundo-quaternary.star {
	background-image: url("dist/images/estrla.png");
	background-position: 98% 95%;
	background-repeat: no-repeat;
}
.fundo-tertiary.star {
	background-image: url("dist/images/estrla.png");
	background-position: 98% 2%;
	background-repeat: no-repeat;
}

.fundo-secondary {
	background-color: #24393e;
}
.fundo-tertiary {
	background-color: #607f38;
}
.fundo-quaternary {
	background-color: #d3745a;
}
.fundo-white {
	background-color: #fff;
}
.fundo-lighter {
	background-color: #f0f7f8;
}

/**** CORES E BOTOES ENDS ****/
.no-banner {
	background-color: #cf671e;
	padding: 2rem;
	text-align: center;
}
/******** *HEADER *******/
.banner-title {
	color: #fff;
	line-height: 34px;
	font-size: 1.8rem;
}
.banner-title span {
	font-size: 1.1rem !important;
	color: #fff !important;
	font-weight: 400;
	line-height: 20px;
	display: block;
	margin-top: 15px;
}

header.bg-on {
	background-color: #fff !important;
	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: #607f38 !important;
	font-size: 0.88rem !important;
	text-transform: uppercase;
}
.top-bar .icons {
	display: inline-block;
}

@media (min-width: 991px) {
	header {
		position: absolute;
		z-index: 9;
		width: 100%;
	}

	header {
		background-color: rgba(255, 255, 255, 0.7);
	}

	.bg-on .navbar-nav .nav-link {
		color: #607f38 !important;
	}
	#menu-menu-1 {
		margin-top: -20px !important;
	}
}
header svg {
	fill: #cf671e;
}
header a:hover svg {
	fill: #24393e;
}
.navbar-nav .nav-link {
	font-weight: 500 !important;
	text-decoration: uppercase !important;
}
a.primary-color:hover {
	color: #607f38 !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: #24393e !important;
}
.btn-close {
	background: transparent
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23cf671e'%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 svg {
		fill: #cf671e;
	}
	.bt-trigger {
		right: 25px;
		top: 24px;
	}

	.mobile-offcanvas {
		background-color: #fff !important;
	}
	.navbar-nav .nav-link,
	.nav-top .nav-link {
		color: #cf671e !important;
		font-size: 0.95rem !important;
	}
	.navbar-nav .nav-link:hover,
	.navbar-nav .nav-item.active .nav-link,
	.nav-link:hover,
	.nav-link.active {
		color: #24393e !important;
		font-size: 1rem !important;
		text-decoration: underline !important;
	}
	header {
		background-color: #fff;
	}
}
.redes-menu svg {
	fill: #24393e;
}

/**** HEADER ENDS ****/
.map-responsive {
	padding-bottom: 22%;
	position: relative;
	height: 0px;
	overflow: hidden;
}

.map-responsive.geo {
	padding-bottom: 65%;
}
.map-responsive.geo iframe {
	border-radius: 30px;
}
.map-responsive.hpd {
	padding-bottom: 50%;
}

.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;
}

#banner-internas {
	position: relative;
}

@media (min-width: 570px) {
	.center-caption {
		width: 100%;
		position: absolute;
		top: 10%;
		z-index: 2;
	}
}

#banner-internas .center-caption {
	width: 100%;
	position: absolute;
	top: 45%;
	z-index: 1;
	transform: translate(0, -50%);
}

@media (max-width: 768px) {
	.map-responsive {
		padding-bottom: 50%;
	}
	#banner-home .white-color {
		color: #cf671e !important;
	}
	.container.bdr-30 {
		border-radius: 0;
	}
}

@media (min-width: 1024px) {
	header {
		position: absolute;
		width: 100%;
		top: 0;
		z-index: 999;
	}
	#banner-internas .center-caption {
		top: 55% !important;
	}
}

#banner-home,
#banner-internas {
	position: relative;
}
mark {
	padding-left: 0 !important;
}
/******** *PARALLAX *********/
.parallax.home1 {
	background-image: url("dist/images/parallax1.jpg");
}
.parallax.home2 {
	background-image: url("dist/images/parallax2.jpg");
}
.parallax.home3 {
	background-image: url("dist/images/parallax3.jpg");
}

@media (max-width: 570px) {
	.parallax.home1 {
		background-image: url("dist/images/parallax1-mobile.jpg");
	}
	.parallax.home2 {
		background-image: url("dist/images/parallax2-mobile.jpg");
	}
	.parallax.home3 {
		background-image: url("dist/images/parallax3-mobile.jpg");
	}

	.banner-title {
		line-height: 30px;
		font-size: 1.6rem;
	}
}
/******** PARALLAX ENDS *********/

/**** DEPOIMENTOS GOOGLE *****/
.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;
	}
}

.displasia-item {
	padding: 40px 60px;
	background-color: #24393e;
	border-radius: 20px;
}

.displasia-item__descricao {
	color: #fff;
}

/***** ELEMENTOS DECOR ****/
.box-equipe {
	background-color: #eaf2f2;
	padding: 1rem 2rem;
	margin-top: -1.5rem;
	border-radius: 0 0 30px 30px;
	height: 400px;
}

@media (max-width: 1400px) {
	.box-equipe {
		height: 465px;
	}
}
@media (max-width: 1025px) {
	.box-equipe {
		height: auto;
	}
}

.video-overlay {
	width: 46%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	background-color: #24393e;
	overflow: hidden;
	height: 100%;
}

.video-overlay video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
	opacity: 0.7;
}

@media (max-width: 1025px) {
	.video-overlay {
		height: auto;
	}
}

.box-about {
	color: #fff;
	padding: 1rem;
	height: 100%;
	text-align: center;
	border-radius: 30px;
}

.box-about h3 {
	font-size: 1rem;
	font-weight: 300 !important;
}
.box-about h3 span {
	font-size: 1.5rem;
	font-weight: 600;
}

/******** CUSTOM *********/
.bt {
	position: relative;
}
.bt::before {
	content: "";
	width: 98%;
	height: 75%;
	border: 2px dashed #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 30px;
	transform: translate(-50%, -50%);
}
.dashed {
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='50' ry='50' stroke='%2324393e' stroke-width='7' stroke-dasharray='20' stroke-dashoffset='0' /%3e%3c/svg%3e");
	border-radius: 50px;
}

.fundo-elms {
	background-image: url("dist/images/fundo.jpg");
	background-size: contain;
}
.fundo-elms.color {
	background-color: #fafcfc;
}
.slick-block-link .center {
	color: #000;
}

.slick-block-link::after {
	content: "SAIBA MAIS";
	background-color: #cf671e;
	padding: 0.5rem 1.5rem;
	border-radius: 30px;
	color: #fff;
	position: absolute;
	bottom: -1rem;
	left: 50%;
	transform: translate(-50%, 0);
	opacity: 0;
	transition: all 0.8s;
}

@media (min-width: 768px) {
	.slick-block-link {
		display: block;
		position: relative;
		background-color: #000;
		border-radius: 30px;
		text-align: center;
		transition: all 0.6s;
	}
	.slick-block-link .center {
		width: 90%;
		position: absolute;
		z-index: 9;
		left: 50%;
		top: 45%;
		transform: translate(-50%, -50%);
		color: #fff;
		line-height: 22px;
	}
	.slick-block-link img {
		transition: all 0.6s;
		opacity: 0.8;
	}
	.slick-block-link:hover img {
		opacity: 0.4;
		filter: grayscale(100%);
	}
	.slick-block-link .center p {
		height: 0;
		overflow: hidden;
		transition: height 0.8s;
	}
	.slick-block-link:hover .center p {
		height: 95px;
		overflow: inherit;
	}

	.slick-block-link:hover h3 {
		color: #cf671e;
	}

	.slick-block-link:hover::after {
		bottom: 2rem;
		opacity: 1;
	}
}
@media (max-width: 1400px) {
	.slick-block-link:hover .center p {
		height: 95px;
		font-size: 0.8rem;
		height: 110px;
	}
}

@media (max-width: 768px) {
	.slick-block-link h3 {
		color: #cf671e;
		margin-top: 1.5rem;
	}
	.slick-block-link p {
		margin-bottom: 2rem;
	}
	.slick-block-link {
		display: block;
		position: relative;
		padding-bottom: 1rem;
		text-align: center;
		margin-bottom: 20px;
	}

	.slick-block-link::after {
		opacity: 1 !important;
	}

	.displasia-item {
		padding: 30px 15px;
	}
}

/***** CUSTOM ENDS ******/
/******* *FAQ *******/
#Faq .card-body a {
	color: #fff;
	text-decoration: underline !important;
}
.FAQ .accordion-item {
	border-radius: 30px !important;
	background-color: #cf671e !important;
	border: 2px solid #cf671e !important;
}

.FAQ .accordion-button::after {
	background-color: #fff !important;
	border: 1px solid #fff;
	transform: scale(0.8) !important;
	background-position: center;
	width: 30px;
	height: 30px;
	padding: 8px;
	border-radius: 100%;
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23607f38' 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(0.7) !important;
}
.FAQ .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23607f38' 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*******/
/******** DATA POST *********/
.assinatura-blog p {
	font-size: 0.9rem;
	line-height: 20px;
}
.assinatura-blog h4 {
	color: #cf671e;
}

.box-date {
	color: #fff;
	display: inline-block;
	background-color: #cf671e;
	text-align: center;
	border-radius: 10px;
	line-height: 18px;
	width: 60px;
	height: 60px;
	position: absolute;
	bottom: -25px;
	left: 10px;
}

.box-date span {
	position: relative;
	top: 12px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}

.box-date-single {
	background-color: #cf671e;
	display: inline-block;
	padding: 1rem;
	border-radius: 8px;
	text-align: center;
}
.box-date-single span {
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
	text-transform: uppercase;
}
/******** DATA POST *********/
/***** *INTERNAS ********/
.internas ul {
	text-align: left !important;
}
.c1 h2 {
	color: #cf671e;
}

.c1.blck-h3 h3 {
	font-weight: bold;
	color: #3c3c3c !important;
}
.blck-h3 a {
	border-radius: 30px;
	text-transform: uppercase;
	background-color: #cf671e;
	color: #fff;
	display: inline-block;
	padding: 0.7rem 1.8rem;
	transition: all 0.5s;
	margin-bottom: 15px;
}
.blck-h3 a:hover {
	background-color: #24393e;
	color: #cf671e;
}
.c1 h2,
.c2 h2,
.c3 h2 {
	margin-bottom: 1.4rem;
}

.c2 h2,
.c2 h3 {
	color: #24393e;
}
.c3 h2 {
	color: #607f38;
	font-weight: bold;
}
.c3 h3 {
	color: #cf671e;
	font-weight: bold;
}

.c4 h2,
.c3 h4 {
	color: #24393e;
}
.ct-center h2 {
	text-align: center;
}
/***** *INTERNAS ********/
.form-control {
	border: 2px solid #607f38 !important;
	border-radius: 25px !important;
	background-color: #fff !important;
}
.bt-send {
	display: inline-block;
	background-color: #cf671e;
	border: none !important;
	color: #fff;
	padding: 0.5rem 2rem;
	transition: all 0.5s;
	text-transform: uppercase;
	border-radius: 30px;
}
.bt-send:hover {
	background-color: #24393e;
	color: #607f38;
}
/********* FOOTER *******/
footer {
	background-color: #3e3e3e;
	color: #fff !important;
}
.nav-footer ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0 !important;
}
.nav-footer ul li a {
	text-transform: uppercase;
}
.icons-footer svg {
	fill: #fff;
}
.icons-footer:hover svg {
	fill: #cf671e;
}
footer a {
	color: #fff;
}
footer .nav-link:hover,
footer .nav-item.active .nav-link {
	text-decoration: underline !important;
	color: #fff !important;
}

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

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

.tel-icon::before,
.wpp-icon::before {
	background-color: #cf671e;
}
.wpp-icon.white-color::before {
	background-color: #fff;
}
#wpp-flutuante::before {
	background-color: #cf671e;
	color: #fff;
}
/***** FOOTER ENDS ****/
/***** PAGINACAO ****/
.pagination .page-numbers,
.pagination .page {
	background-color: #fff;
	color: #cf671e;
	border-color: #cf671e;
}
.pagination .page-numbers:hover,
.pagination .page:hover,
.page-numbers.current {
	background: #cf671e;
	color: #fff;
	border-color: #cf671e;
}
/*** PAGINACAO ENDS ***/