/* Overrides for the ACF-powered homepage announcement lightbox. */
.lightbox {
	background: rgba(6, 48, 68, 0.72);
}

.lightbox .close {
	border: 0;
	border-radius: 0;
	color: #063044;
	font-size: 2rem;
	line-height: 1;
	padding: 0.25rem;
	right: 1rem;
	top: 1rem;
}

.lightbox .close:hover,
.lightbox .close:focus {
	border: 0;
	color: #98c6db;
}

.lightbox .lightbox-content {
	background: #ffffff;
	box-shadow: 0 0.75rem 2.5rem rgba(6, 48, 68, 0.25);
	max-width: calc(100% - 3rem);
	padding: 3.5rem 2.5rem 2.5rem;
}

.lightbox .lightbox-content .lightbox-interior {
	max-width: 30rem;
	width: 100%;
}

.lightbox .lightbox-content .lightbox-interior h1 {
	color: #063044;
	font-family: 'Domine', serif;
	font-size: clamp(1.35rem, 3vw, 1.75rem);
	line-height: 1.35;
	margin: 0;
}

.lightbox .lightbox-content .lightbox-interior h1 a {
	color: #063044;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.lightbox .lightbox-content .lightbox-interior h1 a:hover,
.lightbox .lightbox-content .lightbox-interior h1 a:focus {
	color: #98c6db;
}

@media (max-width: 480px) {
	.lightbox .lightbox-content {
		padding: 3.25rem 1.5rem 2rem;
	}
}