body.page-template-arofif-content-page,
body.page-template-page-templatesarofif-content-page-php {
	background: #f8f6f0 !important;
	background-image: none !important;
	overflow-x: hidden;
}

body.page-template-arofif-content-page::before,
body.page-template-arofif-content-page::after,
body.page-template-page-templatesarofif-content-page-php::before,
body.page-template-page-templatesarofif-content-page-php::after {
	background-image: none !important;
}

body.page-template-arofif-content-page #container,
body.page-template-arofif-content-page .container,
body.page-template-arofif-content-page #content,
body.page-template-arofif-content-page #content-in,
body.page-template-arofif-content-page .content-in,
body.page-template-arofif-content-page .content-in.wrap,
body.page-template-arofif-content-page #main,
body.page-template-arofif-content-page .main,
body.page-template-arofif-content-page .main-in,
body.page-template-arofif-content-page .article,
body.page-template-page-templatesarofif-content-page-php #container,
body.page-template-page-templatesarofif-content-page-php .container,
body.page-template-page-templatesarofif-content-page-php #content,
body.page-template-page-templatesarofif-content-page-php #content-in,
body.page-template-page-templatesarofif-content-page-php .content-in,
body.page-template-page-templatesarofif-content-page-php .content-in.wrap,
body.page-template-page-templatesarofif-content-page-php #main,
body.page-template-page-templatesarofif-content-page-php .main,
body.page-template-page-templatesarofif-content-page-php .main-in,
body.page-template-page-templatesarofif-content-page-php .article {
	background: #f8f6f0 !important;
	background-image: none !important;
}

body.page-template-arofif-content-page #content,
body.page-template-arofif-content-page #content-in,
body.page-template-arofif-content-page .content-in,
body.page-template-arofif-content-page .content-in.wrap,
body.page-template-arofif-content-page .main,
body.page-template-arofif-content-page .main-in,
body.page-template-arofif-content-page .article,
body.page-template-page-templatesarofif-content-page-php #content,
body.page-template-page-templatesarofif-content-page-php #content-in,
body.page-template-page-templatesarofif-content-page-php .content-in,
body.page-template-page-templatesarofif-content-page-php .content-in.wrap,
body.page-template-page-templatesarofif-content-page-php .main,
body.page-template-page-templatesarofif-content-page-php .main-in,
body.page-template-page-templatesarofif-content-page-php .article {
	border: 0;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin-right: 0;
	margin-left: 0;
	padding: 0 !important;
}

body.page-template-arofif-content-page #main,
body.page-template-page-templatesarofif-content-page-php #main {
	float: none;
	width: 100%;
	max-width: none;
}

body.page-template-arofif-content-page #sidebar,
body.page-template-arofif-content-page #sidebar-scroll,
body.page-template-arofif-content-page .sidebar,
body.page-template-arofif-content-page .sidebar-scroll,
body.page-template-arofif-content-page #arofif-sidebar-genre-guide,
body.page-template-page-templatesarofif-content-page-php #sidebar,
body.page-template-page-templatesarofif-content-page-php #sidebar-scroll,
body.page-template-page-templatesarofif-content-page-php .sidebar,
body.page-template-page-templatesarofif-content-page-php .sidebar-scroll,
body.page-template-page-templatesarofif-content-page-php #arofif-sidebar-genre-guide {
	display: none !important;
}

body.page-template-arofif-content-page .arofif-content-page,
body.page-template-page-templatesarofif-content-page-php .arofif-content-page {
	background: #f8f6f0;
	color: #2f332d;
	padding: 30px 0 40px;
}

body.page-template-arofif-content-page .arofif-content-page__inner,
body.page-template-page-templatesarofif-content-page-php .arofif-content-page__inner {
	width: min(100% - 24px, 960px);
	margin: 0 auto;
}

body.page-template-arofif-content-page .arofif-content-page__article,
body.page-template-page-templatesarofif-content-page-php .arofif-content-page__article {
	background: #fffdf8;
	border: 1px solid #e5e0d6;
	border-radius: 14px;
	box-shadow: 0 8px 22px rgba(69, 64, 53, 0.06);
	padding: 22px 16px 28px;
}

body.page-template-arofif-content-page .arofif-content-page__header,
body.page-template-page-templatesarofif-content-page-php .arofif-content-page__header {
	margin: 0 0 18px;
	text-align: center;
}

body.page-template-arofif-content-page .arofif-content-page__title,
body.page-template-page-templatesarofif-content-page-php .arofif-content-page__title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 11px;
	margin: 0;
	color: #2f332d;
	font-size: 21px;
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: 0;
	text-align: center;
}

body.page-template-arofif-content-page .arofif-content-page__title::before,
body.page-template-arofif-content-page .arofif-content-page__title::after,
body.page-template-page-templatesarofif-content-page-php .arofif-content-page__title::before,
body.page-template-page-templatesarofif-content-page-php .arofif-content-page__title::after {
	content: "";
	flex: 0 0 auto;
	width: 38px;
	height: 8px;
	background:
		linear-gradient(#8f9874, #8f9874) left 50% / calc(100% - 11px) 1px no-repeat,
		radial-gradient(ellipse 6px 3.5px at calc(100% - 4px) 50%, #7f8965 0 62%, transparent 64%);
	border-radius: 999px;
	opacity: .86;
}

body.page-template-arofif-content-page .arofif-content-page__title::after,
body.page-template-page-templatesarofif-content-page-php .arofif-content-page__title::after {
	transform: scaleX(-1);
}

body.page-template-arofif-content-page .entry-content,
body.page-template-arofif-content-page .arofif-content-page__body,
body.page-template-page-templatesarofif-content-page-php .entry-content,
body.page-template-page-templatesarofif-content-page-php .arofif-content-page__body {
	color: #2f332d;
	font-size: 1rem;
	line-height: 1.9;
}

body.page-template-arofif-content-page .entry-content .toc,
body.page-template-arofif-content-page .entry-content #toc,
body.page-template-page-templatesarofif-content-page-php .entry-content .toc,
body.page-template-page-templatesarofif-content-page-php .entry-content #toc {
	margin: 1.6em auto 2em;
	padding: 16px 16px 14px;
	color: #2f332d;
	background: #fffdf8;
	border: 1px solid #e5e0d6;
	border-radius: 12px;
	box-shadow: 0 5px 16px rgba(69, 64, 53, 0.05);
}

body.page-template-arofif-content-page .entry-content .toc-title,
body.page-template-arofif-content-page .entry-content .toc-caption,
body.page-template-page-templatesarofif-content-page-php .entry-content .toc-title,
body.page-template-page-templatesarofif-content-page-php .entry-content .toc-caption {
	margin: 0 0 10px;
	color: #2f332d;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.4;
}

body.page-template-arofif-content-page .entry-content .toc-content,
body.page-template-page-templatesarofif-content-page-php .entry-content .toc-content {
	margin: 0;
	padding: 0;
}

body.page-template-arofif-content-page .entry-content .toc-list,
body.page-template-arofif-content-page .entry-content .toc ul,
body.page-template-page-templatesarofif-content-page-php .entry-content .toc-list,
body.page-template-page-templatesarofif-content-page-php .entry-content .toc ul {
	margin: 0;
	padding-left: 1.1em;
}

body.page-template-arofif-content-page .entry-content .toc a,
body.page-template-page-templatesarofif-content-page-php .entry-content .toc a {
	color: #465037;
	text-decoration-color: rgba(111, 127, 79, 0.35);
	text-underline-offset: 3px;
}

body.page-template-arofif-content-page .entry-content h2,
body.page-template-arofif-content-page .entry-content h2.wp-block-heading,
body.page-template-page-templatesarofif-content-page-php .entry-content h2,
body.page-template-page-templatesarofif-content-page-php .entry-content h2.wp-block-heading {
	position: relative;
	margin: 2.2em 0 1em;
	padding: 14px 16px 14px 18px;
	color: #2f332d;
	font-size: 1.28rem;
	font-weight: 800;
	line-height: 1.45;
	letter-spacing: 0;
	background: #fffaf1;
	border: 1px solid #e5e0d6;
	border-left: 6px solid #6f7f4f;
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(69, 64, 53, 0.05);
}

body.page-template-arofif-content-page .entry-content h3,
body.page-template-arofif-content-page .entry-content h3.wp-block-heading,
body.page-template-page-templatesarofif-content-page-php .entry-content h3,
body.page-template-page-templatesarofif-content-page-php .entry-content h3.wp-block-heading {
	position: relative;
	margin: 1.9em 0 .85em;
	padding: 8px 12px 8px 14px;
	color: #2f332d;
	font-size: 1.12rem;
	font-weight: 800;
	line-height: 1.45;
	letter-spacing: 0;
	background: #fbf8ef;
	border-left: 4px solid #7f8965;
	border-bottom: 1px solid #e5e0d6;
	border-radius: 7px 7px 4px 4px;
}

body.page-template-arofif-content-page .entry-content h2::before,
body.page-template-arofif-content-page .entry-content h2::after,
body.page-template-arofif-content-page .entry-content h2.wp-block-heading::before,
body.page-template-arofif-content-page .entry-content h2.wp-block-heading::after,
body.page-template-arofif-content-page .entry-content h3::before,
body.page-template-arofif-content-page .entry-content h3::after,
body.page-template-arofif-content-page .entry-content h3.wp-block-heading::before,
body.page-template-arofif-content-page .entry-content h3.wp-block-heading::after,
body.page-template-page-templatesarofif-content-page-php .entry-content h2::before,
body.page-template-page-templatesarofif-content-page-php .entry-content h2::after,
body.page-template-page-templatesarofif-content-page-php .entry-content h2.wp-block-heading::before,
body.page-template-page-templatesarofif-content-page-php .entry-content h2.wp-block-heading::after,
body.page-template-page-templatesarofif-content-page-php .entry-content h3::before,
body.page-template-page-templatesarofif-content-page-php .entry-content h3::after,
body.page-template-page-templatesarofif-content-page-php .entry-content h3.wp-block-heading::before,
body.page-template-page-templatesarofif-content-page-php .entry-content h3.wp-block-heading::after {
	content: none !important;
	display: none !important;
}

body.page-template-arofif-content-page .entry-content p,
body.page-template-page-templatesarofif-content-page-php .entry-content p {
	margin: 0 0 1.3em;
}

body.page-template-arofif-content-page .entry-content ul,
body.page-template-arofif-content-page .entry-content ol,
body.page-template-page-templatesarofif-content-page-php .entry-content ul,
body.page-template-page-templatesarofif-content-page-php .entry-content ol {
	margin: 0 0 1.4em 1.35em;
	padding: 0;
}

body.page-template-arofif-content-page .entry-content li,
body.page-template-page-templatesarofif-content-page-php .entry-content li {
	margin: 0 0 .45em;
}

body.page-template-arofif-content-page .entry-content img,
body.page-template-page-templatesarofif-content-page-php .entry-content img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

body.page-template-arofif-content-page .entry-content figure,
body.page-template-page-templatesarofif-content-page-php .entry-content figure {
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}

body.page-template-arofif-content-page .entry-content table,
body.page-template-page-templatesarofif-content-page-php .entry-content table {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
}

body.page-template-arofif-content-page .entry-content .wp-block-button__link,
body.page-template-arofif-content-page .entry-content .btn,
body.page-template-arofif-content-page .entry-content .button,
body.page-template-page-templatesarofif-content-page-php .entry-content .wp-block-button__link,
body.page-template-page-templatesarofif-content-page-php .entry-content .btn,
body.page-template-page-templatesarofif-content-page-php .entry-content .button {
	color: #fff !important;
	background: #6f7f4f !important;
	border: 1px solid #6f7f4f !important;
	border-radius: 999px;
	box-shadow: 0 7px 16px rgba(79, 90, 55, 0.16);
	text-decoration: none;
}

body.page-template-arofif-content-page .entry-content .wp-block-button__link:hover,
body.page-template-arofif-content-page .entry-content .wp-block-button__link:focus-visible,
body.page-template-arofif-content-page .entry-content .btn:hover,
body.page-template-arofif-content-page .entry-content .btn:focus-visible,
body.page-template-arofif-content-page .entry-content .button:hover,
body.page-template-arofif-content-page .entry-content .button:focus-visible,
body.page-template-page-templatesarofif-content-page-php .entry-content .wp-block-button__link:hover,
body.page-template-page-templatesarofif-content-page-php .entry-content .wp-block-button__link:focus-visible,
body.page-template-page-templatesarofif-content-page-php .entry-content .btn:hover,
body.page-template-page-templatesarofif-content-page-php .entry-content .btn:focus-visible,
body.page-template-page-templatesarofif-content-page-php .entry-content .button:hover,
body.page-template-page-templatesarofif-content-page-php .entry-content .button:focus-visible {
	color: #fff !important;
	background: #5f6f42 !important;
	border-color: #5f6f42 !important;
}

body.page-template-arofif-content-page .entry-content .btn::before,
body.page-template-arofif-content-page .entry-content .btn::after,
body.page-template-arofif-content-page .entry-content .button::before,
body.page-template-arofif-content-page .entry-content .button::after,
body.page-template-page-templatesarofif-content-page-php .entry-content .btn::before,
body.page-template-page-templatesarofif-content-page-php .entry-content .btn::after,
body.page-template-page-templatesarofif-content-page-php .entry-content .button::before,
body.page-template-page-templatesarofif-content-page-php .entry-content .button::after {
	border-color: rgba(255, 255, 255, 0.86) !important;
	color: #fff !important;
}

body.page-template-arofif-content-page .arofif-content-page__back,
body.page-template-page-templatesarofif-content-page-php .arofif-content-page__back {
	display: flex;
	justify-content: center;
	padding: 28px 0 0;
}

body.page-template-arofif-content-page .arofif-content-page__back-link,
body.page-template-page-templatesarofif-content-page-php .arofif-content-page__back-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: min(100%, 300px);
	min-height: 46px;
	padding: 12px 24px;
	color: #fff;
	font-size: .95rem;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
	background: #6f7f4f;
	border-radius: 999px;
	box-shadow: 0 8px 18px rgba(79, 90, 55, 0.18);
}

@media screen and (min-width: 681px) {
	body.page-template-arofif-content-page .arofif-content-page,
	body.page-template-page-templatesarofif-content-page-php .arofif-content-page {
		padding: 44px 0 52px;
	}

	body.page-template-arofif-content-page .arofif-content-page__inner,
	body.page-template-page-templatesarofif-content-page-php .arofif-content-page__inner {
		width: min(100% - 40px, 960px);
	}

	body.page-template-arofif-content-page .arofif-content-page__article,
	body.page-template-page-templatesarofif-content-page-php .arofif-content-page__article {
		padding: 34px 34px 42px;
		border-radius: 16px;
	}

	body.page-template-arofif-content-page .arofif-content-page__title,
	body.page-template-page-templatesarofif-content-page-php .arofif-content-page__title {
		font-size: 23px;
	}

	body.page-template-arofif-content-page .arofif-content-page__title::before,
	body.page-template-arofif-content-page .arofif-content-page__title::after,
	body.page-template-page-templatesarofif-content-page-php .arofif-content-page__title::before,
	body.page-template-page-templatesarofif-content-page-php .arofif-content-page__title::after {
		width: 58px;
	}

	body.page-template-arofif-content-page .entry-content h2,
	body.page-template-arofif-content-page .entry-content h2.wp-block-heading,
	body.page-template-page-templatesarofif-content-page-php .entry-content h2,
	body.page-template-page-templatesarofif-content-page-php .entry-content h2.wp-block-heading {
		padding: 16px 20px;
		font-size: 1.42rem;
	}

	body.page-template-arofif-content-page .entry-content h3,
	body.page-template-arofif-content-page .entry-content h3.wp-block-heading,
	body.page-template-page-templatesarofif-content-page-php .entry-content h3,
	body.page-template-page-templatesarofif-content-page-php .entry-content h3.wp-block-heading {
		font-size: 1.2rem;
	}
}

@media screen and (min-width: 1025px) {
	body.page-template-arofif-content-page .arofif-content-page__inner,
	body.page-template-page-templatesarofif-content-page-php .arofif-content-page__inner {
		width: min(100% - 56px, 980px);
	}

	body.page-template-arofif-content-page .arofif-content-page__article,
	body.page-template-page-templatesarofif-content-page-php .arofif-content-page__article {
		padding: 42px 48px 52px;
	}

	body.page-template-arofif-content-page .arofif-content-page__title,
	body.page-template-page-templatesarofif-content-page-php .arofif-content-page__title {
		font-size: 23px;
	}
}

@media screen and (max-width: 480px) {
	body.page-template-arofif-content-page .arofif-content-page__title,
	body.page-template-page-templatesarofif-content-page-php .arofif-content-page__title {
		gap: 9px;
		font-size: 17px;
	}
}

/*
 * Hide the old genre guide and prevent legacy Cocoon skin backgrounds
 * from showing through on Arofif Content Page only.
 */
body.page-template-arofif-content-page.body:not(.editor-styles-wrapper)::before,
body.page-template-arofif-content-page.body:not(.editor-styles-wrapper)::after,
body.page-template-page-templatesarofif-content-page-php.body:not(.editor-styles-wrapper)::before,
body.page-template-page-templatesarofif-content-page-php.body:not(.editor-styles-wrapper)::after {
	background: none !important;
	background-image: none !important;
}

body.page-template-arofif-content-page #arofif-sidebar-genre-guide,
body.page-template-arofif-content-page aside#arofif-sidebar-genre-guide,
body.page-template-arofif-content-page .widget_arofif_genre_guide,
body.page-template-arofif-content-page [id*="arofif-sidebar-genre-guide"],
body.page-template-arofif-content-page [id*="genre-guide"],
body.page-template-arofif-content-page [class*="arofif-genre-guide"],
body.page-template-arofif-content-page [class*="genre-guide"],
body.page-template-page-templatesarofif-content-page-php #arofif-sidebar-genre-guide,
body.page-template-page-templatesarofif-content-page-php aside#arofif-sidebar-genre-guide,
body.page-template-page-templatesarofif-content-page-php .widget_arofif_genre_guide,
body.page-template-page-templatesarofif-content-page-php [id*="arofif-sidebar-genre-guide"],
body.page-template-page-templatesarofif-content-page-php [id*="genre-guide"],
body.page-template-page-templatesarofif-content-page-php [class*="arofif-genre-guide"],
body.page-template-page-templatesarofif-content-page-php [class*="genre-guide"] {
	display: none !important;
}

/*
 * Arofif Content Page does not use Cocoon sidebar widgets.
 * Hide the whole sidebar/widget area so legacy lower widgets do not appear.
 */
body.page-template-arofif-content-page #sidebar,
body.page-template-arofif-content-page #sidebar *,
body.page-template-arofif-content-page .sidebar,
body.page-template-arofif-content-page .sidebar *,
body.page-template-arofif-content-page #sidebar-scroll,
body.page-template-arofif-content-page #sidebar-scroll *,
body.page-template-arofif-content-page .sidebar-scroll,
body.page-template-arofif-content-page .sidebar-scroll *,
body.page-template-arofif-content-page .sidebar-in,
body.page-template-arofif-content-page .sidebar-wrapper,
body.page-template-arofif-content-page .widget-sidebar,
body.page-template-arofif-content-page .widget-sidebar-scroll,
body.page-template-arofif-content-page .widget-sidebar-scroll-title,
body.page-template-arofif-content-page .widget-area,
body.page-template-page-templatesarofif-content-page-php #sidebar,
body.page-template-page-templatesarofif-content-page-php #sidebar *,
body.page-template-page-templatesarofif-content-page-php .sidebar,
body.page-template-page-templatesarofif-content-page-php .sidebar *,
body.page-template-page-templatesarofif-content-page-php #sidebar-scroll,
body.page-template-page-templatesarofif-content-page-php #sidebar-scroll *,
body.page-template-page-templatesarofif-content-page-php .sidebar-scroll,
body.page-template-page-templatesarofif-content-page-php .sidebar-scroll *,
body.page-template-page-templatesarofif-content-page-php .sidebar-in,
body.page-template-page-templatesarofif-content-page-php .sidebar-wrapper,
body.page-template-page-templatesarofif-content-page-php .widget-sidebar,
body.page-template-page-templatesarofif-content-page-php .widget-sidebar-scroll,
body.page-template-page-templatesarofif-content-page-php .widget-sidebar-scroll-title,
body.page-template-page-templatesarofif-content-page-php .widget-area {
	display: none !important;
}

body.page-template-arofif-content-page,
body.page-template-arofif-content-page::before,
body.page-template-arofif-content-page::after,
body.page-template-arofif-content-page #container,
body.page-template-arofif-content-page #content,
body.page-template-arofif-content-page #content-in,
body.page-template-arofif-content-page .content-in,
body.page-template-arofif-content-page #main,
body.page-template-arofif-content-page .main,
body.page-template-arofif-content-page .article,
body.page-template-page-templatesarofif-content-page-php,
body.page-template-page-templatesarofif-content-page-php::before,
body.page-template-page-templatesarofif-content-page-php::after,
body.page-template-page-templatesarofif-content-page-php #container,
body.page-template-page-templatesarofif-content-page-php #content,
body.page-template-page-templatesarofif-content-page-php #content-in,
body.page-template-page-templatesarofif-content-page-php .content-in,
body.page-template-page-templatesarofif-content-page-php #main,
body.page-template-page-templatesarofif-content-page-php .main,
body.page-template-page-templatesarofif-content-page-php .article {
	background-color: #f8f6f0 !important;
	background-image: none !important;
}

/*
  Hide Cocoon sidebar/widgets on Arofif Content Page.
  This CSS file is loaded only by Arofif Content Page template.
*/
#sidebar,
#sidebar-scroll,
.sidebar,
.sidebar-scroll,
.sidebar-in,
.widget-sidebar,
.widget-sidebar-scroll,
.widget-area,
#sidebar .widget,
#sidebar-scroll .widget {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	min-height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
}

#content-in,
.content-in {
	display: block !important;
}

#main,
.main {
	width: 100% !important;
	max-width: 980px;
	margin-right: auto !important;
	margin-left: auto !important;
}

body,
body::before,
body::after,
#container,
#content,
#content-in,
.content-in,
#main,
.main,
.article {
	background-image: none !important;
}