.zion-events {
	--zion-events-accent: #b8201f;
	font: inherit;
}

.zion-events__list {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.zion-events__item {
	display: grid;
	grid-template-columns: minmax(7.75rem, auto) 1fr;
	gap: 1rem;
	align-items: start;
	padding: 1rem 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}

.zion-events__item:first-child {
	padding-top: 0;
}

.zion-events__date {
	color: var(--zion-events-accent);
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1.4;
	text-transform: uppercase;
}

.zion-events__time,
.zion-events__venue {
	display: block;
}

.zion-events__time {
	color: inherit;
	font-size: 0.88em;
	font-weight: 500;
	text-transform: none;
}

.zion-events__details {
	min-width: 0;
}

.zion-events__title {
	display: inline-block;
	color: inherit;
	font-size: 1.05em;
	font-weight: 700;
	line-height: 1.35;
	text-decoration: none;
}

.zion-events__title:hover,
.zion-events__title:focus-visible {
	color: var(--zion-events-accent);
	text-decoration: underline;
}

.zion-events__title:focus-visible {
	outline: 2px solid var(--zion-events-accent);
	outline-offset: 3px;
}

.zion-events__venue {
	margin-top: 0.25rem;
	font-size: 0.9em;
	opacity: 0.75;
}

.zion-events-empty,
.zion-events-notice {
	margin: 0;
}

@media (max-width: 480px) {
	.zion-events__item {
		grid-template-columns: 1fr;
		gap: 0.3rem;
	}
}