/* =========================================================================
   VITAL - News & Events page
   Auto-enqueued for the news-events page by functions.php.
   ========================================================================= */

/* ---------- Empty states ---------- */

.empty-note { opacity: .85; }

/* ---------- Category chips ---------- */

.news-cats { display: flex; flex-wrap: wrap; gap: .5rem; margin: -.75rem 0 2rem; }
.news-cats .tag {
	font-size: .8125rem;
	padding: .35rem .9rem;
	text-decoration: none;
	transition: background .15s ease, color .15s ease;
}
.news-cats a.tag:hover { background: var(--blue); color: #fff; }

/* ---------- News card meta row ---------- */

.news-card__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .6rem;
	flex-wrap: wrap;
}

/* ---------- Pagination ---------- */

.pagination { margin-top: 2.5rem; }
.pagination ul.page-numbers {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .5rem;
	margin: 0;
	padding: 0;
}
.pagination li .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 1rem;
	border: 1.5px solid var(--mid-grey);
	border-radius: var(--radius-pill);
	background: #fff;
	color: var(--slate);
	font-weight: 700;
	font-size: .95rem;
	text-decoration: none;
	transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.pagination li a.page-numbers:hover { border-color: var(--blue); color: var(--blue); }
.pagination li .page-numbers.current { background: var(--blue); border-color: var(--blue); color: #fff; }
.pagination li .page-numbers.dots { border-color: transparent; background: transparent; }

/* ---------- Events ---------- */

.events-subhead {
	font-size: .95rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--blue-dark);
	margin: 2.75rem 0 1.25rem;
}
.events-subhead:first-of-type { margin-top: 0; }
.events-subhead--past { color: var(--slate); opacity: .75; }

.event-card { display: flex; flex-direction: column; gap: .55rem; }
.event-card__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	flex-wrap: wrap;
}
.event-card__date {
	font-size: .8125rem;
	font-weight: 700;
	color: var(--pink);
	text-transform: uppercase;
	letter-spacing: .08em;
}
.event-card__title { font-size: 1.15rem; margin: 0; }
.event-card__location { font-size: .9rem; font-weight: 600; margin: 0; opacity: .85; }
.event-card__excerpt { font-size: .95rem; margin: 0; opacity: .9; }

.event-card--past .event-card__date { color: var(--slate); opacity: .75; }

/* ---------- VITAL Voices quote cards ---------- */

.quote-card { display: flex; flex-direction: column; gap: 1.1rem; }
.quote-card__quote { margin: 0; }
.quote-card__quote::before {
	content: '\201C';
	display: block;
	font-family: var(--font-display);
	font-size: 2.75rem;
	line-height: .6;
	color: var(--pink);
	margin-bottom: .55rem;
}
.quote-card__quote p { margin: 0; font-weight: 600; line-height: 1.55; }
.quote-card__person { margin-top: auto; font-size: .9rem; }
.quote-card__person strong { display: block; }
.quote-card__person a { color: var(--slate); text-decoration: none; }
.quote-card__person a:hover { color: var(--blue); }
.quote-card__person span { opacity: .8; }