/* Three-column option for the Inspiro blog and archive grid. */

.post-grid.post-grid--three {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px;
}

.post-grid--three article {
	min-width: 0;
}

.post-grid--three .post-thumbnail {
	overflow: hidden;
	aspect-ratio: 16 / 9;
}

.post-grid--three .post-thumbnail img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.post-grid--three .entry-title {
	font-size: 22px;
	font-size: 1.375rem;
}

@media (max-width: 960px) {
	.post-grid.post-grid--three {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 710px) {
	.post-grid.post-grid--three {
		grid-template-columns: minmax(0, 1fr);
	}
}