/**
 * NAMB legacy-content base stylesheet.
 *
 * Loaded by inc/legacy-styles.php for any page with post meta
 * `_use_legacy_styles = '1'`. All rules are scoped under
 * `body.is-legacy-content` so modern (non-migrated) pages cannot
 * accidentally inherit them.
 *
 * Source: extracted from wp-content/themes/child-namb/style.css on the
 * old NAMB site, narrowed to classes used by 3+ pilot pages. See
 * migration/phase4/legacy_css_analysis.md for the audit.
 *
 * Notes:
 * - The Typekit `text-script` (`better-times`) rule is intentionally
 *   omitted — the Adobe Typekit kit is not loaded on the new site and
 *   Brad signed off on the fallback (Instrument Sans) for migrated pages.
 * - The `section-content` block was unstyled on both old and new sites
 *   (old layout relied on Beaver Builder row padding). The rules below
 *   are authored to restore vertical rhythm to migrated pages while
 *   leaving modern pages untouched.
 */

/* ---------- section-content block: authored rhythm for legacy pages ---------- */

body.is-legacy-content .section-content {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

@media (min-width: 768px) {
	body.is-legacy-content .section-content {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
}

@media (min-width: 992px) {
	body.is-legacy-content .section-content {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
}

body.is-legacy-content .section-content > .container,
body.is-legacy-content .section-content > .container-fluid {
	margin-left: auto;
	margin-right: auto;
}

/* ---------- Shared utilities (used on 3+ pilot pages) ---------- */

body.is-legacy-content .color-white {
	color: #fff !important;
}

body.is-legacy-content .text-2xl {
	font-size: 1.25rem;
}

@media (min-width: 768px) {
	body.is-legacy-content .text-2xl {
		font-size: 1.5rem !important;
	}
}

@media (min-width: 768px) {
	body.is-legacy-content .text-center-md {
		text-align: center;
	}
}

body.is-legacy-content .btn-large {
	padding: 3rem 5rem;
	display: inline-block;
	font-size: 2rem;
}

/* ---------- Page title (`.entry-content h1.page-title`) ----------
 * Works in conjunction with the `.entry-content` wrapper added to
 * page.php for migrated pages.
 */

body.is-legacy-content .entry-content h1.page-title {
	font-size: 50px;
	line-height: 55px;
	margin-bottom: 0.5em;
}

body.is-legacy-content .entry-content h1.page-title.text-script {
	font-size: 65px;
	line-height: 54px;
}

@media (min-width: 992px) {
	body.is-legacy-content .entry-content h1.page-title {
		font-size: 55px;
	}
	body.is-legacy-content .entry-content h1.page-title.text-script {
		font-size: 76px;
		line-height: 60px;
	}
}