/**
 * FACT site layout — GeneratePress container escape for all marketing pages.
 */

/* Drop GP container cap and flex sidebar shell so <main> spans the viewport. */
body.fact-site.full-width-content.no-sidebar .site.grid-container {
	max-width: 100%;
}

html,
body.fact-site {
	overflow-x: clip;
	overflow-y: auto;
	height: auto;
}

body.fact-site.full-width-content.no-sidebar .site,
body.fact-site.full-width-content.no-sidebar .site.grid-container {
	overflow: visible;
	height: auto;
	max-width: 100%;
}

body.fact-site.full-width-content.no-sidebar .site-content {
	display: block;
	max-width: 100%;
	padding: 0;
	overflow: visible;
}

/* Contain marquee / animation overflow from blowing out the viewport */
.fact-home {
	width: 100%;
	max-width: 100%;
	overflow-x: clip;
}

/**
 * Section width modes (ACF section_width).
 * Bleed uses the same viewport breakout technique as GP .alignfull.
 */
.fact-home > .fact-section--bleed {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.fact-home > .fact-section--contained {
	width: 100%;
	max-width: min(100%, var(--fact-content-max, 1400px));
	margin-inline: auto;
}
