/* Unified page content styles — homepage and inner pages (full width). */

.page-content-wrap.hestia-page-content,
.hestia-about-content.hestia-page-content {
	width: 100% !important;
	max-width: 100%;
	margin-left: 0 !important;
	margin-right: 0 !important;
	float: none !important;
}

:where(.hestia-page-content) ol:not(.hestia-page-toc__list) {
	list-style: none;
	counter-reset: epicCallout;
	padding-left: 0;
	margin: 14px 0 18px;
	display: grid;
	gap: 12px;
}

:where(.hestia-page-content) ol:not(.hestia-page-toc__list) > li {
	counter-increment: epicCallout;
	position: relative;
	padding: 15px 15px 15px 55px;
	border-radius: 10px;
	border: 1px solid rgb(244, 244, 245);
	box-shadow: 0 18px 60px rgba(33, 36, 38, 0.08);
	color: #5a5a5a;
}

:where(.hestia-page-content) ol:not(.hestia-page-toc__list) > li::before {
	content: counter(epicCallout);
	position: absolute;
	left: 15px;
	top: 15px;
	width: 30px;
	height: 30px;
	border-radius: 999px;
	display: grid;
	place-items: center;
	font-weight: 600;
	line-height: 1;
	color: #e91e63;
	background: #e5e5e5;
	font-size: 15px;
}

:where(.hestia-page-content) ol:not(.hestia-page-toc__list) > li > strong {
	color: #2a303b;
}

:where(.hestia-page-content) ul:not(.hestia-page-toc__list):not(.nav):not(.pagination):not(.navbar-nav) {
	list-style: none;
	padding-left: 0;
	margin: 10px 0;
	background: rgba(42, 48, 59, 0.05);
	border-radius: 14px;
	display: grid;
	gap: 10px;
	padding: 5px 0;
}

:where(.hestia-page-content) ul:not(.hestia-page-toc__list):not(.nav):not(.pagination):not(.navbar-nav) > li {
	position: relative;
	padding: 0 15px 0 40px;
	color: #2a303b;
}

:where(.hestia-page-content) ul:not(.hestia-page-toc__list):not(.nav):not(.pagination):not(.navbar-nav) > li::before {
	content: "";
	position: absolute;
	left: 20px;
	top: 9px;
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: #e91e63;
}

:where(.hestia-page-content) ul:not(.hestia-page-toc__list):not(.nav):not(.pagination):not(.navbar-nav) > li > strong {
	color: #2a303b;
}

.hestia-page-content .hestia-page-faq-wrap {
	margin-top: 1.5rem;
}