/**
 * WordPress-specific style overrides.
 * Kept separate from the compiled styles.css so the original stylesheet stays untouched.
 */

/**
 * The original site always rendered .scroller-status (it always had pagination),
 * and that block's 4em margin created the gap below the project grid.
 * We only render it when a next page exists, so restore the spacing when it's absent.
 */
body.gpm-no-pagination .projects-grid {
	margin-bottom: 4em;
}

@media screen and (max-width: 600px) {
	body.gpm-no-pagination .projects-grid {
		margin-bottom: 2em;
	}
}

/**
 * The original ProcessWire markup for this block was:
 *   <p class="fs-m"><span class="tt-u"><strong>...</strong>...</span></p>
 * Rather than requiring editors to type raw HTML classes, apply both the original
 * .fs-m (font-size/line-height) and .tt-u (uppercase) rules here by default.
 * Values copied exactly from site/templates/assets/css/styles.css.
 */
.home-section__text p {
	font-size: clamp(22px, 1.8vw, 26px);
	line-height: 1.1em;
	text-transform: uppercase;
}
.home-section__text p:not(:last-child) {
	margin-bottom: 1.1em;
}

/**
 * Google Maps embed iframes come with fixed width/height attributes (from Google's
 * copy-paste embed code), which override the .map__wrapper CSS. Force them to fill
 * their container instead.
 */
.map__wrapper iframe {
	width: 100%;
	height: 100%;
	display: block;
}