/*Main audience nav for the landing page*/

#covid-recovery-audience-nav {
	text-align: center;
	font-size: 0;
    margin-bottom: 2rem;
}
#covid-recovery-audience-nav .covid-recovery-audience-nav-item {
    vertical-align: top;
	display: inline-block;
	width: 33%;
	font-size: 2.25rem;
}
@media (max-width: 767px) {
	#covid-recovery-audience-nav .covid-recovery-audience-nav-item {
		width: 50%;
	}
}
@media (max-width: 500px) {
	#covid-recovery-audience-nav .covid-recovery-audience-nav-item {
		width: 100%;
	}
}
#covid-recovery-audience-nav img {
    margin: 0 auto;
    width: 125px;
    max-width: 100%;
}
#covid-recovery-audience-nav p {
    margin-top: .25em;
    margin-bottom: 1em;
    margin-left: .5em;
    margin-right: .5em;
}
#covid-recovery-audience-nav a p {
	color: #007698;
}
#covid-recovery-audience-nav a:hover p,
#covid-recovery-audience-nav a:focus p {
	color: rgb(0,81,105);
}
#covid-recovery-audience-nav a {
	text-decoration: none;
}

/*Audience subcategory menu*/
#covid-recovery-subaudience-nav {
	font-size: 0;
}

@media (min-width: 601px) {
	#covid-recovery-subaudience-nav .covid-recovery-subaudience-nav-column {
		float:left;
		width:33%;
	}
	#covid-recovery-subaudience-nav .covid-recovery-subaudience-nav-item {
		padding-right: 1em;
	}
}

#covid-recovery-subaudience-nav img {
	float:left;
	margin-right: .75em;
	width: 45px;
	height: auto;
}
#covid-recovery-subaudience-nav .covid-recovery-subaudience-nav-item {
	padding-top: .5em;
	padding-bottom: 1.5em;
	font-size: 1.5rem;
}
	#covid-recovery-subaudience-nav a {
    text-decoration: none;
    font-size: 105%;
}