.subnav {
	background-color: var(--clr-jv-teal_light);
}

.subnav ul {
	padding-block: 1rem;
	max-width: 1440px;
	padding-inline: 2rem;
	margin-inline: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	font-size: var(--fs-jv-p-sm);
}

.subnav a {
	color: var(--clr-jv-white);
}

.subnav a:hover,
.subnav a:focus,
.subnav a:active,
.subnav a.active {
	color: var(--clr-jv-yellow);
}