/* Alternating full-width sections (site blue #5ea3ff tint from homepage UI). */
.single.single-post .page-content > section.th-post-section {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 2.5rem clamp(1.25rem, 4vw, 3rem);
	box-sizing: border-box;
}

.single.single-post .page-content > section.th-post-section--white {
	background-color: #ffffff;
}

.single.single-post .page-content > section.th-post-section--alt {
	background-color: color-mix(in srgb, #5ea3ff 10%, #ffffff);
}

.single.single-post .page-content > section.th-post-section .th-post-section__inner {
	max-width: 1200px;
	margin-inline: auto;
}

.single.single-post .page-content > section.th-post-section > .th-post-section__inner > :first-child {
	margin-top: 0;
}

.single.single-post .page-content > section.th-post-section > .th-post-section__inner > :last-child {
	margin-bottom: 0;
}

/* Post content uses Bootstrap class names but theme does not load Bootstrap. */
.single.single-post .page-content .container {
	width: 100%;
	max-width: 100%;
	padding: 0;
}

.single.single-post .page-content .container > .row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1.5rem;
	margin: 1.5rem 0;
}

.single.single-post .page-content .container > .row > [class*="col-"] {
	flex: 1 1 calc(50% - 0.75rem);
	max-width: calc(50% - 0.75rem);
	min-width: 0;
	box-sizing: border-box;
}

/* Standalone blog Vimeo embeds (not in a column layout): half content width. */
.single.single-post .page-content > .wp-block-embed,
.single.single-post .page-content > iframe[src*="vimeo"],
.single.single-post .page-content > iframe[data-lzl-v-src*="vimeo"],
.single.single-post .page-content > iframe[data-lzl-src*="vimeo"] {
	max-width: 50%;
	margin-inline: auto;
}

.single.single-post .page-content > .wp-block-embed iframe,
.single.single-post .page-content > iframe[src*="vimeo"],
.single.single-post .page-content > iframe[data-lzl-v-src*="vimeo"],
.single.single-post .page-content > iframe[data-lzl-src*="vimeo"] {
	display: block;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 16 / 9;
}

/* Column layouts: fill the column, do not shrink again. */
.single.single-post .page-content [class*="col-"] iframe[src*="vimeo"],
.single.single-post .page-content [class*="col-"] iframe[data-lzl-v-src*="vimeo"],
.single.single-post .page-content [class*="col-"] iframe[data-lzl-src*="vimeo"] {
	display: block;
	width: 100% !important;
	max-width: 100%;
	height: auto !important;
	aspect-ratio: 16 / 9;
	margin-inline: 0;
}

@media (max-width: 767px) {
	.single.single-post .page-content .container > .row > [class*="col-"] {
		flex: 1 1 100%;
		max-width: 100%;
	}

	.single.single-post .page-content > .wp-block-embed,
	.single.single-post .page-content > iframe[src*="vimeo"],
	.single.single-post .page-content > iframe[data-lzl-v-src*="vimeo"],
	.single.single-post .page-content > iframe[data-lzl-src*="vimeo"] {
		max-width: 100%;
	}
}