/*
 * Gutenberg Full Width Page Styles
 * Only loaded on pages using the "Gutenberg Full Width Page Template".
 * All rules scoped under .gutenberg-page — cannot affect other pages.
 */

/* -- Clear the fixed/sticky header -- */
.gutenberg-page {
	padding-top: 0;
}

/* -- Base layout: everything full-width by default -- */
.gutenberg-page .entry-content {
	max-width: 100%;
	padding: 0;
	margin: 0;
}

.gutenberg-page .entry-content > * {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}

/* Images go full bleed, never repeat */
.gutenberg-page .entry-content img {
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.gutenberg-page .entry-content .wp-block-image {
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
}

/* Cover blocks — full width, no repeat, image fills container */
.gutenberg-page .entry-content .wp-block-cover {
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
}

/* Any element using background-image — prevent repeat */
.gutenberg-page .entry-content [style*="background-image"] {
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
}

/* -- Fonts matching the rest of the site -- */
.gutenberg-page .entry-content h1,
.gutenberg-page .entry-content h2,
.gutenberg-page .entry-content h3,
.gutenberg-page .entry-content h4,
.gutenberg-page .entry-content h5,
.gutenberg-page .entry-content h6 {
	font-family: var(--fhl);
	font-weight: 300;
}

.gutenberg-page .entry-content p,
.gutenberg-page .entry-content li {
	font-family: var(--mont);
	font-size: 20px;
	font-weight: 400;
}

.gutenberg-page .entry-content a.wp-block-button__link,
.gutenberg-page .entry-content button,
.gutenberg-page .entry-content input[type="submit"] {
	font-family: var(--lato);
	font-weight: 700;
}

/* Text blocks get centered with comfortable width */
.gutenberg-page .entry-content p,
.gutenberg-page .entry-content h1,
.gutenberg-page .entry-content h2,
.gutenberg-page .entry-content h3,
.gutenberg-page .entry-content h4,
.gutenberg-page .entry-content ul,
.gutenberg-page .entry-content ol {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

/* Columns stay contained */
.gutenberg-page .entry-content .wp-block-columns {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.gutenberg-page .entry-content .wp-block-columns img {
	width: auto;
	object-fit: contain;
}

/* -- Tablet/Mobile: stack header centered, smaller fonts -- */
@media screen and (max-width: 943px) {
	.di-header h1,
	.gutenberg-page .di-header h1,
	.gutenberg-page .entry-content .di-header h1 {
		font-size: 48px !important;
		margin-left: 0 !important;
		display: block !important;
	}

	.di-header div span,
	.gutenberg-page .di-header div span,
	.gutenberg-page .entry-content .di-header div span {
		font-size: 60px !important;
		margin-left: 0 !important;
		margin-top: -5px !important;
		display: block !important;
		text-align: center !important;
	}
}

/* Sections with background color — full width with inner padding */
.gutenberg-page .di-section {
	padding: 50px 20px 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* -- Add your custom styles below this line -- */