/**
 * General Page Styles
 */

/* Page Hero Section
--------------------------------------------- */
.page-hero {
	position: relative;
	width: 100%;
	min-height: 400px;
	overflow: hidden;
	background-color: var(--color-gray-light);
}

.page-hero__image {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 400px;
	object-fit: cover;
}

/* Entry Header (for pages with hero)
--------------------------------------------- */
.site-main--with-hero .entry-header {
	padding-top: 2rem;
}

/* Entry Header (for pages without hero)
--------------------------------------------- */
.entry-header {
	padding: 2rem 0 1rem;
}

.entry-header .entry-title {
	margin: 0;
}

/* Hide page title on About page (content has its own h1)
--------------------------------------------- */
.page-about .entry-title {
	display: none;
}

/* Responsive Styles
--------------------------------------------- */
@media (max-width: 768px) {
	.page-hero {
		min-height: 300px;
	}

	.page-hero__image {
		min-height: 300px;
	}
}

@media (max-width: 480px) {
	.page-hero {
		min-height: 250px;
	}

	.page-hero__image {
		min-height: 250px;
	}
}