/*
 * Upcoming events
 */

.upcoming-events .event .date {
	font-size: clamp(22px, 3vw, 32px);
/*	font-size: 3vw;*/
}

.upcoming-events .event img {
	width: 100%;
}

/* Event row grid: date | thumbnail | text */
.upcoming-events .event {
	display: grid;
	grid-template-columns: 2.5rem 1fr 5fr;
	gap: 0 0.75rem;
	align-items: center;
	margin-block-end: 0.5rem;
}

@media (min-width: 576px) {
	.upcoming-events .event {
		grid-template-columns: 2.5rem 1fr 8fr;
		padding-inline-start: 2.5rem;
	}
}

.upcoming-events h2.header {
	margin-block: 1.5rem 0.75rem;
}

.upcoming-events h2.header .year {
	font-size: 0.75em;
}