/*
 * Layout: container and site structure.
 * Design frame is 1512px wide with 108px side gutters (1296px content).
 */

.container {
	width: 100%;
	max-width: calc(var(--wp--style--global--content-size) + 2 * var(--wp--custom--gutter));
	margin-inline: auto;
	padding-inline: var(--wp--custom--gutter);
}

/* Footer stays at the bottom on short pages. */
body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100dvh;
}

.site-main {
	display: block;
	flex: 1;
}

/* Contact bar directly above the footer. */
.site-cta {
	margin-top: var(--wp--preset--spacing--60);
}