/*!
Theme Name: Monmouth News 2022
Theme URI: http://www.monmouth.edu/
Description: Child theme of Monmouth University 2022
Author: Tryon Eggleston
Template: mu-2022
Version: 1
*/

.wp-block-post-template.is-flex-container,
.wp-block-query-loop.is-flex-container {
	gap: 3em 1.25em;
}

.news-archive h2 {
	line-height: 1.5;
	flex-grow: 1;
	margin-bottom: 0.5em;
	position: initial;
}

.news-archive .post {
	position: relative;
}

.news-archive .post img {
	transition: scale 0.25s ease-in-out;
}

.news-archive .post:focus-within img,
.news-archive .post:hover img {
	scale: 1.1;
}

.news-archive .post a:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

@media (min-width: 600px) {
	.post {
		display: flex;
		flex-direction: column;
	}

	.news-archive .image {
		aspect-ratio: 4/3;
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	.news-archive .wp-block-post-featured-image {
		width: 100%;
		height: 100%;
	}
	.news-archive .wp-block-post-featured-image img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
}

@media (min-width: 1024px) {
	.news-archive {
		margin-right: calc(0px - var(--columnWidth) - var(--gutterWidth));
	}

	/*
	.single-post.has-featured-image .masthead {
		flex-direction: row;
	}

	.single-post .masthead-narrative {
		margin-left: var(--gutterWidth) !important;
		padding-left: 0 !important;
		width: initial;
	}

	.single-post .masthead-image figure {
		display: inline;
	}

	.single-post .masthead .masthead-image {
		flex-shrink: 0;
		min-height: 240px;
		width: calc(var(--left-menu-width) + var(--spacing));
	}

	.single-post .masthead-image img {
		-webkit-mask-position: right;
		mask-position: right;
		-webkit-mask-image: var(--image-bracket-out-right);
		mask-image: var(--image-bracket-out-right);
		object-position: bottom center !important; // need important to override position set on the element
	}
	*/
}