/* BEGIN AREA-DETAIL CSS ----------------------------------------> */


#area_hierarchy
{
	position: relative;
	padding: 30px 0 85px;
	margin: 60px auto;
	background: var(--slateblue);
	color: #ffffff;
}

#area_hierarchy h2,
#area_hierarchy li a
{
	color: inherit;
}

#area_hierarchy ul 
{
	margin-top: 35px;
}

#area_hierarchy li
{
	margin: 0;
	border-bottom: 1px solid #738B98;
	--max-font-size: 28;
}

#area_hierarchy li a 
{
	position: relative;
	display: block;
	padding: 24px 70px 24px 0;
	font-weight: 300;
	border: none !important;
	transition: all 250ms ease;
}

#area_hierarchy li a:hover,
#area_hierarchy li a:focus 
{
	transform: translateX(10px);
}

#area_hierarchy li:first-child 
{
	border-top: 1px solid #738B98;
}

#area_hierarchy li a svg 
{
	position: absolute;
	right: 9px;
	top: calc(50% - 21px);
	display: block;
	width: 43px;
	height: 43px;
	padding: 0 12px;
	box-sizing: border-box;
	fill: #ffffff;
	border: 1px solid #738B98;
	border-radius: 50%;
}

#area_hierarchy li a svg path 
{
	fill: inherit;
}

.newsList 
{
	margin-top: 30px;
}

#area_capabilities h4 
{
	margin-top: 20px;
}

.xrefMultimediaList
{
	margin-bottom: 50px;
}

#area_newsroom .itemSection 
{
	margin-bottom: 50px;
}


@media (min-width: 1024px)
{
	.matterSpotlight .slideIntro
	{
		width: 90%;
		max-width: 1090px;
		margin-left: auto;
		margin-right: auto;
	}
}



/* Not sure why this was here.  Jessica had me remove */
/*#area_matter .expandableContent 
{
	margin-top: 30px;
}
*/
/* END AREA-DETAIL CSS ------------------------------------------> */