/**
 * Redesign header on the site's other pages.
 *
 * Those pages were spaced for Astra's fixed mobile header and the old pinned desktop
 * header. The redesign header scrolls with the page, so that compensation goes.
 */

body:not(.mza-redesign) .nm-filters.faq,
body:not(.mza-redesign) .feature-row.header {
	top: var(--wp-admin--admin-bar--height, 0px);
}

@media (max-width: 768px) {
	body:not(.mza-redesign) .entry-content,
	body:not(.mza-redesign) .nm-page-wrap,
	body:not(.mza-redesign) article.post.type-post.status-publish {
		margin-top: 0;
	}

	body:not(.mza-redesign) .nm-filters.faq {
		top: var(--wp-admin--admin-bar--height, 0px);
	}
}

@media (max-width: 576px) {
	body:not(.mza-redesign) .about-hero {
		top: 0;
	}
}

.mza-quiz-bar {
	background-color: #0284ff;
	padding: 8px 20px;
	text-align: center;
}

.mza-quiz-bar .widget,
.mza-quiz-bar p {
	margin: 0;
}

.mza-quiz-bar a {
	color: #fff;
	font-size: 16px;
	line-height: 1.4;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.mza-quiz-bar a:hover,
.mza-quiz-bar a:focus-visible {
	color: #000;
}

body:not(.mza-redesign) .mza-footer {
	--font-heading: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body:not(.mza-redesign) .mza-footer .mza-footer__col-title {
	font-size: 13px !important;
}