/* BEGIN OFFICE-DETAIL CSS --------------------------------------> */

/* using bio-detail.css for the bulk of the styles */


#bannerImage picture img
{
	/*opacity: 0;
	z-index: -1;*/
	min-height: 511px;
}

svg#bannerMark #mask
{
	display: block; 
	opacity: 0.80;
}

svg#bannerMark #arrow
{
	opacity: 0.50;
}

#bannerImage::after
{
	display: none;
}

#officeMapBanner
{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	background: var(--deep-navy-blue);
}

.bioList 
{
	max-width: unset;
}

.subnavSpotlight .image::after
{
	content: '';
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to top, rgba(0,0,0,0.50) 8%, transparent);
}


@media (max-width: 1786px)
{
	svg#bannerMark
	{
		right: unset;
		left: -20vw;
	}
}

@media (max-width: 849px)
{
	#bannerImage
	{
		position: relative;
		height: 360px;
	}

	#bannerImage picture img
	{
		position: relative;
	}
}

/* END OFFICE-DETAIL CSS ----------------------------------------> */