/* BEGIN COMBINED-DETAIL CSS -----------------------------------------> */

/*body
{
	background: url('../i/home-banner-dots.svg') no-repeat, linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(197,207,218,.46) 100%);
	background-size: 589px, auto;
	background-position: -380px 88%, 0 0;
	box-sizing: border-box;
}*/

body:not(.bannerOverlay) #banner
{
	height: auto;
}

body:not(.bannerOverlay) #bannerContent #pageTitle
{
	--max-font-size: 40;
}

@media (max-width: 767px)
{
	body:not(.bannerOverlay) #banner
	{
		height: auto;
	}

	body.bannerOverlay #bannerContent
	{
		position: static;
	}
}

#BannerShapeInlineSVG
{
	display: none;
}

#bannerContent
{
	position: relative;
	bottom: 0;
	width: 100%;
	max-width: 100%;
	padding-right: 0;
}

#itemPhoto
{
	position: relative;
	display: block;
	width: 150vw;
	height: auto;
	left: -50vw;
	margin: 0 0 30px;
}

body #itemPhoto img
{
	display: block;
	width: 100%;
	height: auto;
}

body:not(.bannerOverlay) #itemPhoto .dotsSVG
{
	position: absolute;
	right: -370px;
	bottom: -275px;
	display: block;
	width: 500px;
	height: auto;
	z-index: 10;
}

body.bannerOverlay #itemPhoto > picture
{
	width: unset;
	left: unset;
}

#itemInfo
{
	--min-font-size: 18;
	--max-font-size: 22;
	line-height: 1.63;
}

#itemInfo a:hover,
#itemInfo a:focus
{
	color: #074F71 !important;
}

body.bannerOverlay #banner 
{
	height: auto;
}

body.bannerOverlay #itemInfo 
{
	position: relative;
	z-index: 10;

	width: 40vw;
	padding: 30px 0;
}

ul#itemContact,
ul#itemContact li,
ul#itemAccessories,
ul#itemAccessories li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#itemContact li a:not(:hover):not(:focus)
{
	color: inherit;
}

ul#itemAccessories
{
	display: flex;
	margin-top: 35px;
}

ul#itemAccessories li:not(:last-child)
{
	margin-right: 14px;
}

#itemAccessories svg
{
	fill: #9CACBC;
	width: 29px;
	height: 29px;
}

#itemAccessories .svgInnards
{
	fill: #ffffff;
}

#itemAccessories a:hover svg
{
	fill: #CE392A;
}

#itemIntro
{
	padding: 30px;
	margin: 0 0 30px;
	background: #074f71;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.12);
	text-align: center;
	color: #ffffff;
}

#itemIntro p
{
	color: inherit;
	--min-font-size: 20;
	--max-font-size: 24;
}

#itemIntro p:first-child
{
	margin-top: 0;
}

#itemIntro p:last-child
{
	margin-bottom: 0;
}

.centeredColumn
{
	width: auto;
	max-width: 100%;
}

.badgeList img
{
	max-width: 100px;
}

.badgeList ul,
.badgeList ul li
{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.badgeList ul li
{
	display: inline-block;
	margin-right: 20px;
}

#subContent .itemSection
{
	margin-bottom: 34px;
}

/*#office_administrator,
#office_bio_contact
{
	max-width: 303px;
}*/

.capabilities-item #bannerContent #pageTitle
{
	--max-font-size: 40;
}

#office_administrator .photo img,
#office_bio_contact .photo img
{
	display: block;
	width: 100%;
	height: auto;
}

#office_administrator .info,
#office_bio_contact .info
{
	padding: 28px 37px;
	line-height: 1.2;
	background: #E5E9EE;
	--min-font-size: 19;
	--max-font-size: 24;
}


#office_administrator .info .title,
#office_bio_contact .info .title
{
	margin-bottom: 20px;
	font-weight: 500;
	font-family: var(--worksans);
}

#office_administrator > *,
#office_bio_contact > *
{
	--min-margin-bottom: 5;
	--max-margin-bottom: 5;
	--min-font-size: 17;
	--max-font-size: 17;
}

body.contact-item #itemInfo h1#pageTitle
{
	margin-bottom: 0;
}

#officeAddress
{
	margin-top: 15px;
}

.state
{
	text-transform: uppercase;
	font-family: var(--worksans);
}

#officeAddressPhone
{
	margin-top: max(10px, 
	             min(25px, 10px + (25 - 10) * ((100vw - 768px) / (1600 - 768))
	));
}

#officeAddressPhone a:not(:hover):not(:focus)
{
	color: #E0231A !important;
}

#statistics
{
	position: relative;
	width: 100vw;
	left: calc(50% - 50vw);
	margin: 0 0 50px;
	background: #074F71;
	color: #ffffff;
	padding-bottom: 20px;
}

#statistics #statImage
{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
}

#statistics ul,
#statistics li
{
	margin: 0;
	list-style: none;
}

#statistics li
{
	padding: 20px;
	box-sizing: border-box;
}

#statistics p:first-child
{
	margin-top: 0;
}

#statistics p:last-child
{
	margin-bottom: 0;
}

#statistics .largetext
{
	--max-font-size: 75;
	line-height: 1;
	font-weight: 300;
}

#bio_extracontent button.toggleExpand::before
{
	display: none !important;
}


.newsroomList .itemdate,
.newsroomList .info,
.newsroomList .section
{
	color: #CE392A;
	--min-font-size: 16;
	--max-font-size: 17;
	letter-spacing: 1.5px;
}

.newsroomList .itemdate
{
	color: #001F60; /* changed per swati/jessica */
}

.newsroomList .itemdate
{
	font-weight: 400;
}

.newsroomList .section
{
	color: #001F60;
	text-transform: uppercase;
	font-weight: 400;
}


.newsroomList :is(.title, .itemTitle) a:not(:hover):not(:focus)
{
	color: inherit;
}

/* Let's see if this goes in circles */
/*
.contentSection > div:first-of-type > h2:first-child
{
	margin-top: 0;
}*/




body.people-item #itemInfo h1#pageTitle
{
	margin-bottom: 0;
}

body.people-item #itemInfo #itemTitle
{
	--max-margin-bottom: 30;
	font-weight: 600;
	font-family: var(--worksans);
}

@media (min-width: 768px)
{
	body.bannerOverlay #bannerContent,
	body.bannerOverlay #itemInfoWrapper
	{
		width: 100%;
		height: 100%;
	}

	body.bannerOverlay #itemPhoto 
	{
		position: absolute;
		height: 100%;
	}

	body.bannerOverlay #itemPhoto img 
	{
		position: relative;
		height: 45vw;
		max-height: 657px;
		object-fit: cover;
		top: 5.7%;
	}

	body.bannerOverlay.capabilities-item #banner
	{
		max-height: 331px;
	}

	body.bannerOverlay.capabilities-item #itemPhoto
	{
		max-height: 331px;
	}

	body.bannerOverlay.capabilities-item #itemPhoto > picture
	{
		width: 60vw;
		left: 40vw;
	}

	body.bannerOverlay.capabilities-item #itemPhoto img
	{
		max-height: 331px;
	}

	body.contact-item #itemPhoto img 
	{
		max-height: 657px;
	}

	body.bannerOverlay #itemPhoto > picture
	{
		height: 140%;
		width: 70vw;
		left: 30vw;
		top: -8%;
		border-radius: 50vw 0 0 40vw;
	}

	#bannerContent,
	#itemInfoWrapper
	{
		height: 100%;
	}

	body:not(.bannerOverlay) #banner
	{
		height: 45vw;
		max-height: 577px;
	}

	body.bannerOverlay #banner
	{
		height: 45vw;
		max-height: 500px;
	}

	body.bannerOverlay.contact-item #banner
	{
		max-height: 657px;
	}

	body.bannerOverlay.people-item #banner
	{
		max-height: 657px;
	}

	body.bannerOverlay #bannerContent 
	{
		position: relative;
		padding-right: 0;
		bottom: auto;
		max-width: unset;
	}

	body.bannerOverlay #itemInfo
	{
		padding: 0;
		position: absolute;
	}

	#itemPhoto
	{
		position: relative;
		width: 100vw;
		left: calc(50% - 50vw);
		height: 100%;
		overflow: hidden;
		background: #e0e6ee;
	}

	#BannerShapeInlineSVG
	{
		display: block;
		left: auto;
		right: 30%;
		top: -400px;
		top: max(-400px, min(-100px, -100px + (-100 - -400) * ((100vw - 300px) / (1280 - 300) * -1) ));
	}

	#itemInfo
	{
		position: absolute;
		top: 0;
		left: 0;

		/* this matches the negative margin-top of #itemIntro */
		bottom: max(80px,
			min(20px, 20px + (20 - 80) * ((100vw - 1024px) / (1600 - 1024) * 1)
			)) !important;

		z-index: 10;
		display: flex;
		/*align-items: flex-end;*/
		align-items : center;
		width: 50%;
		max-width: 590px;
		margin-top: 100px;
	}

	#itemInfo h1#pageTitle
	{
		line-height: 1.1;
		--fluid-start: 1024;
		--fluid-end: 1920;
		--min-font-size: 26;
		--max-margin-bottom: 20;
	}

	#itemIntro
	{
		position: relative;
		z-index: 10;

		margin-top: -80px !important;
		margin-top: max(-80px,
					 min(-20px, -20px + (-20 - -80) * ((100vw - 1024px) / (1600 - 1024) * -1)
		)) !important;

		padding-left: 180px;
		padding-left: max(30px,
					 min(180px, 30px + (180 - 30) * ((100vw - 768px) / (1600 - 768))
		));

		padding-right: 180px;
		padding-right: max(30px,
					 min(180px, 30px + (180 - 30) * ((100vw - 768px) / (1600 - 768))
		));

		padding-top: 135px;
		/*padding-top: max(30px,
					 min(120px, 30px + (120 - 30) * ((100vw - 768px) / (1600 - 768))
		));*/

		padding-bottom: 75px;
		padding-bottom: max(30px,
					 min(75px, 30px + (75 - 30) * ((100vw - 768px) / (1600 - 768))
		));

		margin-bottom: 0;
	}

	#itemIntro::before
	{
		content: '';
		position: absolute;
		top: 30px;
		left: calc(50% - 35px);
		display: block;
		width: 71px;
		height: 71px;
		background: url('../i/icon-quotes.png') no-repeat; /* data-uri */
	}

	#statistics
	{
		width: 100%;
		left: auto;
		padding: 50px 0 150px;
		margin-bottom: 0;
		background: none;
	}

	#statistics #statImage
	{
		position: absolute;
		top: 0;
		width: 100vw;
		left: calc(50% - 50vw);
		height: 100%;
		object-fit: cover;
		z-index: -1;
	}

	#statistics::after
	{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100vw;
		left: calc(50% - 50vw);
		height: 100%;
		background: #000000;
		opacity: .55;
	}

	#statistics ul.results_list
	{
		position: relative;
		z-index: 2;
		display: flex;
		flex-wrap: wrap;
		grid-column-gap: 50px;
	}

	#statistics ul.results_list li
	{
		padding: 0;
		margin-bottom: 65px;
		width: calc(50% - 25px);
	}

	body.capabilities-item #statistics + #staticNews
	{
		margin-top:  -120px;
	}

}

@media (min-width: 920px)
{
	body.contact-item #subContent
	{
		margin-top: 100px;
	}
}

@media (min-width: 1024px)
{
	body.contact-item #subContent
	{
		/*margin-top: 60px;*/
		margin-top: 1rem;
	}

	#statistics
	{
		padding: 75px 0 150px;
	}

	#statistics ul.results_list
	{
		justify-content: space-between;
	}

	#statistics ul.results_list li
	{
		width: calc((100%/3) - 50px);
		max-width: 430px;
	}
}

@media (min-width: 1280px)
{
	#BannerShapeInlineSVG
	{
		right: 39%;
	}

	body:not(.bannerOverlay) #itemPhoto img
	{
		right: -10vw;
	}

	#officeAddress
	{
		margin-top: max(60px, 
		             min(70px, 60px + (70 - 60) * ((100vw - 1280px) / (1600 - 1280))
		));

	}

	body:not(.bannerOverlay) #itemPhoto,
	body:not(.bannerOverlay) #banner
	{
		padding-bottom: max(10px,
		             min(80px, 10px + (80 - 10) * ((100vw - 1280px) / (1920 - 1280))
		));
	}

}

@media (min-width: 1350px)
{

	#itemPhoto::after
	{
		position: absolute;
		top: 0;
		right: 800px;
		/*left: 1360px;
		left: max(300px,
					 min(1360px, 300px + (1360 - 300) * ((100vw - 1350px) / (2550 - 1350))
		));*/
		content: '';
		display: block;
		width: 600px;
		height: 100%;
		background: linear-gradient(to right, rgba(224,230,238,1) 60%,rgba(224,230,238,0) 100%);
	}

	/*body.people-item #itemPhoto::after
	{
		right: 600px;
		width: 50%;
	}*/
}

@media (min-width: 1600px)
{
	#BannerShapeInlineSVG
	{
		top: -475px;
		top: max(-475px, min(-100px, -100px + (-100 - -400) * ((100vw - 300px) / (1280 - 300) * -1) ));
		height: 1347px;

	}

	#itemPhoto::after
	{
		right: 900px;
	}

	/*body.people-item #itemPhoto::after
	{
		right: 800px;
		width: 50%;
	}*/
}

@media (min-width: 1800px)
{
	#itemPhoto img
	{
		right: 0;
	}

	#itemPhoto::after
	{
		right: 950px;
	}
}

@media (min-width: 1900px)
{
	#itemPhoto::after
	{
		right: 50%;
		width: 50%;
	}
}


@media (max-width: 767px)
{
	body.bannerOverlay.people-item #itemPhoto::after
	{
		display: none;
	}
	
	body.bannerOverlay.people-item #itemPhoto picture
	{
		border-radius: unset;
	}
}

/* END COMBINED-DETAIL CSS -------------------------------------------> */