/* Theme Name: Shantal Marketing Médico IA
Text Domain: Shantal Marketing Médico IA
Version: 1.0 
Description: Tema Criado em parceria com a Shantal Marketing Digital, desenvolvido por Ítalo Albuquerque (italojuan@gmail.com)
Tags: responsive, wordpress theme, ia, bootstrap
Author: Ítalo Albuquerque
Author URI: https://marketingdigitalmedicos.com.br/
heme URI:  https://marketingdigitalmedicos.com.br/ */

/*
|--------------------------------------------------------------------------
| Theme Variables
|--------------------------------------------------------------------------
*/

@import url("assets/css/theme/variables.css");

/*
|--------------------------------------------------------------------------
| Grid
|--------------------------------------------------------------------------
*/

@import url("assets/css/theme/grid.css");

/*
|--------------------------------------------------------------------------
| Layout
|--------------------------------------------------------------------------
*/

@import url("assets/css/header.css");
@import url("assets/css/home.css");
@import url("assets/css/about.css");
@import url("assets/css/contact.css");
@import url("assets/css/internas.css");
@import url("assets/css/footer.css");

/***** Config. Globais *****/

main.header-is-fixed {
	padding-top: var(--header-height);
}

main .hero-banner-internal {
	margin: 0;
}

main .first-section-internal .content-media__item,
article .first-section-internal .content-media__item {
	padding-left: 60px;
	padding-right: 60px;
}

.internal .content-media__item {
	padding-left: 48px;
	padding-right: 48px;
}

.internal .section ul,
.intermediate-page .section ul {
	list-style-image: url("assets/images/list-icon.png");
}

.internal .section ul li,
.intermediate-page .section ul li {
	margin-top: 2px;
}

.internal .section ul li span,
.intermediate-page .section ul li span {
	position: relative;
	top: -5px;
	left: 4px;
}

.internal ul.cat {
	list-style: none;
	padding: 0;
}

/* ==========================================================================
   Content Media — Tech Lead
   ========================================================================== */

.tech-lead-info {
	width: fit-content;
	margin: auto;

	font-size: var(--font-size-sm);
	font-weight: 400;

	color: var(--color-secondary);

	font-style: italic;
	line-height: 1.4;

	border: 1px solid var(--color-primary);
	border-radius: 10px;
	padding: 0.85rem 1rem;
}

/***** Internas *****/

.slick-dots {
	bottom: -40px !important;
}

.slick-dots li button:before {
	font-size: 15px !important;

	color: #e39d55 !important;
}

.slick-dots li.slick-active button:before {
	color: #e39d55 !important;
}

.slick-item-blog .cover-img {
	border-radius: 15px 15px 0 0;
}

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

/**
 * --------------------------------------------------
 * Responsive
 * --------------------------------------------------
 */

@media (max-width: 767px) {
	main.header-is-fixed {
		padding-top: var(--header-height-sm) !important;
	}

	main .first-section-internal .content-media__item,
	article .first-section-internal .content-media__item {
		padding-left: 15px;
		padding-right: 15px;
	}

	.slick-dots {
		bottom: -25px !important;
	}

	.internal .content-media__item {
		padding-left: 15px;
		padding-right: 15px;
	}
}