/* Force full-width header for Twenty Seventeen and tighten spacing */
@media (min-width: 960px) {
	.main-navigation ul.menu {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		max-width: 100% !important;
	}
	
	.main-navigation ul.menu > li {
		margin-right: 8px !important;
	}
	
	.main-navigation ul.menu > li > a {
		padding: 5px 8px !important;
		font-size: 14px !important;
	}
}

.wp-caption-text {
	text-align: center;
}

/* ===== Twenty Seventeen Full Width Desktop Fix ===== */
@media screen and (min-width: 48em) {
	/* 768px and up */
	/* Main page container */
	.wrap {
		max-width: 1200px !important;
	/* Increase to 1280px if you want wider */
		width: 100% !important;
	}
	
	/* For page templates without sidebars */
	.page .wrap,
					  .single .wrap {
		max-width: 1200px !important;
	}
	
	/* Remove extra padding on hero image area if using it */
	.panel-content .wrap {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

/* Optional: tighten up vertical spacing to reduce scroll */
.page .entry-content {
	margin-bottom: 2rem;
}

/* Make Twenty Seventeen full width on larger screens */
@media screen and (min-width: 48em) {
	.wrap {
		max-width: 1200px;
	/* You can increase to 1280px if desired */
		width: 100%;
	}
}

/* === Twenty Seventeen: Force full-width layout on desktop === */
@media screen and (min-width: 48em) {
	/* Hit every wrap container used in Twenty Seventeen */
	.site-content-contain .wrap,
				  .site-content .wrap,
				  .panel-content .wrap,
				  .navigation-top .wrap,
				  .site-branding .wrap,
				  .wrap {
		max-width: 1200px !important;
	/* Change to 1280px if you want even wider */
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
}

/* --- Red Hills: make Twenty Seventeen actually fill desktop width --- */
@media screen and (min-width: 48em) {
	/* 768px+ */
	/* Overpower every container that limits width */
	body.twentyseventeen-front-page .site-content-contain .wrap,
			  body.twentyseventeen-front-page .panel-content .wrap,
			  body.page .site-content-contain .wrap,
			  body.page .site-content .wrap,
			  body.page .wrap,
			  .site-branding .wrap,
			  .navigation-top .wrap,
			  .site-content-contain .wrap,
			  .site-content .wrap,
			  .panel-content .wrap,
			  .wrap {
		max-width: 1280px !important;
	/* try 1200–1360 to taste */
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
	
	/* If a sidebar is active, stop it from boxing the content */
	.has-sidebar #primary {
		width: 100% !important;
	}
	
	#secondary {
		display: none !important;
	}
}

/* Cut some vertical whitespace so the page scrolls less */
.page .entry-content {
	margin-bottom: 2rem !important;
}

/* === Red Hills: sitewide full-width on Twenty Seventeen === */
@media screen and (min-width: 48em) {
	/* Widen ALL common wrappers: pages, posts, archives, search, front page */
	.site-content-contain .wrap,
		  .site-content .wrap,
		  .panel-content .wrap,
		  .site-branding .wrap,
		  .navigation-top .wrap,
		  .wrap,
		  body.page .wrap,
		  body.single-post .wrap,
		  body.blog .wrap,
		  body.archive .wrap,
		  body.search .wrap,
		  body.error404 .wrap {
		max-width: 1280px !important;
	/* adjust to 1200–1360 to taste */
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
	
	/* Kill the sidebar everywhere and let content span full width */
	.has-sidebar #primary {
		width: 100% !important;
	}
	
	#secondary {
		display: none !important;
	}
	
	/* Front page panels sometimes re-box; unbox them */
	.twentyseventeen-front-page .panel-content .wrap,
		  .page-one-column .entry-header .wrap,
		  .page-one-column .site-main .wrap {
		max-width: 1280px !important;
		width: 100% !important;
	}
}

/* Optional: reduce extra vertical space to shorten scroll */
.page .entry-content,
.single-post .entry-content {
	margin-bottom: 2rem !important;
}

/* === Red Hills: force all pages to match home page full-width === */
@media screen and (min-width: 48em) {
	/* Primary content container on pages, posts, archives */
	#primary,
	  .content-area,
	  .site-main {
		max-width: 1280px !important;
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
	
	/* Keep front page panels wide */
	.twentyseventeen-front-page .panel-content .wrap {
		max-width: 1280px !important;
		width: 100% !important;
	}
	
	/* Kill any sidebar space */
	.has-sidebar #primary {
		width: 100% !important;
	}
	
	#secondary {
		display: none !important;
	}
	
	/* Optional: widen header wrap to match */
	.site-branding .wrap,
	  .navigation-top .wrap {
		max-width: 1280px !important;
	}
}