/* =========================================================================
   VITAL - Contact page styles (auto-enqueued for slug "contact")
   ========================================================================= */

/* ---------- Coordination card ---------- */

.contact-aside .card:hover { transform: none; box-shadow: var(--shadow-sm); }
.contact-aside h2 { font-size: 1.35rem; }
.contact-aside p { font-size: .98rem; }
.contact-aside__note {
	margin: .5rem 0 0;
	padding-top: 1rem;
	border-top: 1px solid var(--mid-grey);
	font-size: .9rem;
	opacity: .85;
}

/* ---------- Partner contact cards ---------- */

.partner-card h3 { font-size: 1.15rem; margin-bottom: .2em; }

.partner-card__contact { margin: 0; font-size: .95rem; }
.partner-card__contact a { overflow-wrap: anywhere; }

.partner-card__socials {
	display: flex;
	gap: .6rem;
	list-style: none;
	margin: .4rem 0 0;
	padding: 0;
}
.partner-card__socials a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--blue-tint);
	color: var(--blue);
	transition: background .18s ease, color .18s ease;
}
.partner-card__socials a:hover { background: var(--blue); color: #fff; }
.partner-card__socials svg { width: 18px; height: 18px; fill: currentColor; }