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

h1#pageTitle 
{
	--max-margin-bottom: 70;
}

#subContent #area_hierarchy ul li li
{
	margin-left: 20px;
}

aside#callout
{
	margin-bottom: 55px;
}

aside#callout .image
{
	position: relative;
	aspect-ratio: 1/1;
	max-width: 270px;
	border-radius: 50%;
	overflow: hidden;
}

aside#callout .image img
{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

aside#callout p.footnote 
{
	--max-font-size: 18;
	text-transform: unset;
	letter-spacing: unset;
	color: #ffffff;
	font-weight: 400;
}

@media (min-width: 768px)
{
	aside#callout
	{
		display: flex;
		align-items: center;
		justify-content: space-between;;
	}

	aside#callout .content 
	{
		flex: 0 1 690px;
		margin-right: 50px;
	}

	aside#callout .image
	{
		flex: 0 1 270px;
	}
}

/* END AREA-DETAIL CSS ------------------------------------------> */