/* rescue red: #ec1c24 */
.rescue #brandBarWrapper
{
background-color: #000; /* for ADA contrast compliance */
}

.rescue #brand-links ul li
{
height: 100%;
display: flex;
flex-flow: row nowrap;
align-items: center;
}

.rescue #brand-links .active-brand
{
background-color: #efefef;
background: linear-gradient(0deg, rgba(239,239,239,1) 0%, rgba(214,214,214,1) 100%);
}

.rescue #brand-links .active-brand a
{
color: #ec1c24;
padding: 0 .5rem;
}

.rescue #brand-links .active-brand a:hover
{
text-decoration: none;
}

.rescue #brand-links ul::after
{
background-image: linear-gradient(to left, #000, rgba(0,0,0,0));
}

.rescue #header-content
{
grid-template-columns: 1.5rem 6.25rem 1fr;
}


.rescue #nrs-logo a
{
width: 6.25rem;
height: 1.9375rem;
background: url("/assets/images/nrs-rescue-logo.svg") center/contain no-repeat;
margin-top: .65rem;
}

.rescue .item.rescue .name::before
{
content: 'Rescue: ';
text-transform: uppercase;
font-weight: bold;
color: #ec1c24;
}

.rescueBadge {
display: inline-block;
padding: .5rem;
margin-bottom: .5rem;
background-color: #ec1c24;
font-size: .626rem;
color: #fff;
font-weight: 700;
text-transform: uppercase;
border-radius: 10rem;
text-decoration: none;
line-height: 1;
letter-spacing: .1rem;
}



@media screen and (min-width: 48rem)
{

	.rescue #header-content
	{
    grid-template-columns: 8.125rem 5fr 1.5fr;
	/* for when we add "Discover" back: 
    grid-template-columns: 8.125rem 5fr 2.5fr; */
    }

	.rescue #nrs-logo a
	{
	width: 8.125rem;
	height: 2.5rem;
	margin-top: .5rem;
	}
	
	 
	.rescue .nav-1st-tier>li>a:hover
	{
	color: #ec1c24;
	}
	
	.rescue .nav-1st-tier > li > a:hover::after
	{
	border-bottom: .25rem solid #ec1c24;
	}
 	
 	.rescue .nav-1st-tier > li > a.active::after
 	{
 	border-bottom: solid .75rem #231f20;
 	}

}

@media screen and (min-width: 60rem)
{
	
	.rescue #header-content
	{
    grid-template-columns: 8.125rem 5fr 3fr;
    }
	
	.rescue .nav-1st-tier > li > a
	{
	padding-left: .75rem;
	padding-right: .75rem;
	}

}