#covid-alert {
	background: hsl(210deg 12% 16%);
	border-width: 1px 0;
	border: 2px solid #171b1f;
	color: white;
	font-family: "Benton-Sans","Helvetica",sans-serif;
	font-size: 13px;
	font-weight: 600;
	padding: 1.25em;
	position: relative;
	text-align: center;
	z-index: 100;
}

#covid-alert-content {
	font-weight: inherit;
	margin: 0 auto;
	max-width: 900px;
}

#covid-alert-logo {
	display: block;
	height: 24.71px;
	min-width: 90px;
	width: 90px;
}

#covid-alert p {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: 1.5;
	margin: 0;
}

#covid-alert p a,
#covid-alert p a:visited,
#covid-alert p a:active {
	background: none;
	border-bottom: none;
	color: #ff5e5b;
	text-decoration: none;
}

#covid-alert p a:hover,
#covid-alert p a:focus {
	color: #ff5e5b;
	text-decoration: underline;
}

#covid-alert #covid-alert-svg-link,
#covid-alert #covid-alert-svg-link:hover,
#covid-alert #covid-alert-svg-link:focus,
#covid-alert #covid-alert-svg-link:visited,
#covid-alert #covid-alert-svg-link:active {
	text-decoration: none;
}

#covid-alert-content {
	align-items: center;
	display: flex;
	gap: 15px;
	flex-direction: row;
	justify-content: center;

	/* Temporary fixes for Safari
	which does not yet support gap. */
	max-width: 305px;
	justify-content: space-between;
}

@media only screen and (min-width: 500px) {
	#covid-alert p {
		border-left: 2px solid #444;
		margin-left: 1em;
		padding-left: 1em;
		text-align: left;
	}
}

#covid-alert-content,
#covid-alert-content:hover,
#covid-alert-content:focus {
	color: #fff;
	font-weight: 400;
	text-decoration: none;
}

#covid-alert-icon {
	height: 16.667px;
	width: 8px;
}