/**
 * Singular event page: photo gallery grid.
 */

.epr-event-gallery {
	margin: 1.75rem auto 0;
	max-width: 42rem;
}

.epr-event-gallery__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.epr-event-gallery__item {
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-radius: 8px;
	background: var(--cm-color-surface-alt, #f1f5f9);
}

.epr-event-gallery__link {
	display: block;
	border: none;
	box-shadow: none;
	line-height: 0;
}

.epr-event-gallery__img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}