.post-grid-item,
.post-grid-item * {
	box-sizing: border-box;
}

.post-grid-item {
	display: block;
	text-decoration: none;
}

.post-grid-item>.wrap {
	display: flex;
	flex-flow: column nowrap;
	margin: 0;
	height: 100%;
}

.post-grid-item .image-container {
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 1;
	width: 100%;
	background: var(--brand-grey) url('../../img/logo-white.png') center center no-repeat;
	background-size: 75% auto;
	aspect-ratio: 13 / 7;
}

.podcast .post-grid-item .image-container {
	aspect-ratio: 16 / 9;
}

.team-member-grid .post-grid-item .image-container {
	aspect-ratio: 1 / 1;
}

.post-grid-item .image-container .image {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	height: 100%;
	width: 100%;
	background: transparent url('../../img/spacer.gif') center center no-repeat;
	background-size: cover;
	filter: brightness(0.9) grayscale(.4);
	transition: filter 200ms ease-in-out;
}

a.post-grid-item:hover .image-container .image {
	filter: initial;
}

.post-grid-item .content {
	display: flex;
	flex-flow: column wrap;
	justify-content: space-between;
	flex-grow: 1;
	gap: 35px 0;
	padding: 50px 70px 50px 40px;
	color: var(--text);
}

.post-grid-item .content .icon-container {
	display: block;
	height: 85px;
}

.post-grid-item .content .icon-container .svg-icon,
.post-grid-item .content .icon-container .svg-icon svg {
	height: 100%;
}

.post-grid-item .content .featured-title {
	display: block;
	font-size: 20px;
	font-weight: 700;
}

.post-grid-item .content .icon-container+.featured-title {
	margin-top: 10px;
}

.post-grid-item .content .title {
	display: block;
	font-size: 24px;
	font-weight: 700;
}

.post-grid-item .content .copy {
	display: block;
	font-size: 18px;
}

.post-grid-item .content .title+.copy {
	margin-top: 0.75em;
}

.post-grid-item .content .date-link {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 20px;
	font-weight: 700;
}

.post-grid-item .content .date-link.no-date {
	justify-content: flex-end;
}

.post-grid-item .content .date-link .date {
	display: block;
	font-size: 16px;
}

.post-grid-item .content .date-link .button-wrap {
	display: block;
}

/* featured items */
.post-grid-item.featured-item>.wrap {
	display: flex;
	flex-flow: row-reverse nowrap;
}

.post-grid-item.featured-item .image-container {
	height: auto;
	width: 66.7%;
	padding: 0;
}

.post-grid-item.featured-item .content {
	width: 33.3%;
}

@media screen and (max-width: 1400px) {

	.post-grid-item .content {
		gap: 25px 0;
		padding: 40px 60px 40px 40px;
	}

	.post-grid-item .content .title {
		font-size: 20px;
	}

	.post-grid-item .content .copy {
		font-size: 16px;
	}

}

@media screen and (max-width: 1200px) {

	.post-grid-item .content {
		padding: 30px 50px 30px 30px;
	}

}

@media screen and (max-width: 781px) {

	/* featured items */
	.post-grid-item.featured-item>.wrap {
		display: flex;
		flex-flow: column-reverse wrap;
	}

	.post-grid-item.featured-item .image-container {
		height: 0;
		width: 100%;
		padding: 0 0 56%;
	}

	.post-grid-item.featured-item .content {
		width: 100%;
	}

}