/* -------------------------------------------------------------------------
   7.8 Events timeline (archive-event.php)
   ------------------------------------------------------------------------- */

/* Each group (Upcoming, then each year) is a split row: the heading stays
   in view in the left column while its events scroll on the right. */
.timeline-group {
	padding-top: var(--space-3);
	border-top: 1px solid var(--line);
}

.timeline-group + .timeline-group {
	margin-top: var(--space-4);
}

.timeline-group__heading {
	margin: 0;
	font-size: var(--size-xl);
	line-height: 1;
}

.tg-event {
	padding: 0 0 var(--space-4);
}

.tg-event + .tg-event {
	padding-top: var(--space-4);
	border-top: 1px solid var(--line);
}

.tg-event__when {
	margin-bottom: var(--space-1);
	font-size: var(--size-s);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--mute);
}

.tg-event--upcoming .tg-event__when {
	color: var(--accent);
}

.tg-event__title {
	margin: 0 0 var(--space-1);
	font-size: var(--size-l);
}

/* Event without a place: same space between title and text */
.tg-event__title + .tg-event__content {
	margin-top: var(--space-2);
}

.tg-event__place {
	margin: 0 0 var(--space-2);
	font-size: var(--size-s);
	color: var(--mute);
}

.tg-event__image {
	margin: var(--space-3) 0;
}

.tg-event__content ul {
	padding-left: 1.2em;
}

.tg-event__content h3 {
	margin: var(--space-3) 0 var(--space-1);
	font-size: 1.1rem;
}