/* BEGIN BIO-DETAIL CSS -----------------------------------------> */

/* bio profile, area profile, office profile */

body
{
	background: #ffffff url('../i/mark.svgz') left -195px top 1450px no-repeat; /* data-uri */
	background-size: 700px auto;
}

#aboveContent
{
	position: relative;
	width: 100%;
	max-width: 1400px;
	margin: 0px auto;
	background: #F3F3F3;
}

#content
{
	margin-top: 0px;
	padding: 0px;
	background: none;
}

#bioInfoWrapper
{
	display: flex;
	position: relative;
	box-sizing: border-box;
}

#bioPhoto
{
	display: block;
	position: absolute;
	z-index: 10;
	right: calc(50% - 50vw);
	width: 100vw;
	height: 730px; 
}

#bioPhoto img
{
	float: right;
	display: block;
	position: relative;
	width: auto;
	height: 730px;
}

#bioInfo
{
	flex-grow: 1;
	display: flex;
	align-items: flex-end;
	position: relative;
	z-index: 20;
	min-height: 694px;
	box-sizing: border-box;
}

#bioInfoInner
{
	width: 100%;
	margin-bottom: 7px;
}

#bioInfo h1#pageTitle
{
	max-width: 600px;
	margin: 0;
	padding: 0;
	color: #1A1A1A;
	font-size: 2.9rem;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 2.5px;
}

#bioTitle
{
	padding: 5px 0 8px 0;
	color: #1A1A1A;
	font-size: 1.2rem;
	font-weight: 500;
	text-transform: uppercase;
}

ul#bioContact,
ul#bioContact li,
ul#bioAccessories,
ul#bioAccessories li
{
	list-style: none;
	margin: 7px 0;
	padding: 0;
}

ul#bioAccessories li:not(:empty)
{
	margin-right: 20px;
}

ul#bioAccessories li:not(:not(:empty))
{
	display: none;
}

ul#bioContact
{
	margin: 25px 0 0 0;
	padding: 0 20px 0 0;
	box-sizing: border-box;
}

ul#bioAccessories
{
	display: flex;
	white-space: nowrap;
	width: 100%;
}

ul#bioAccessories #packetStuff > div
{
	display: inline-block;
	color: #D22630;
}

ul#bioAccessories #packetStuff > div :hover,
ul#bioAccessories #packetStuff > div :focus
{
	color: #D22630;
}

ul#bioAccessories #bioHighRes
{
	margin-left: auto;
	margin-right: 0px;
}

ul#bioAccessories #bioHighRes a
{
	color:#bcbcbc;
	font-size: 16px;
	font-weight: 300;
}

ul#bioAccessories #bioHighRes a svg
{
	margin-left: 20px;
}

ul#bioAccessories li a svg
{
	fill: #D22630;
}

ul#bioAccessories li a:hover svg,
ul#bioAccessories li a:focus svg
{
	fill: #A20C15;
}

#bioIntro
{
	position: relative;
	z-index: 20;
	width: 100%;
	padding: max(20px, min(8vw, 70px)) max(20px, min(8vw, 80px));
	background: #ffffff;
	box-sizing: border-box;
	font-size: 1.255rem;
	text-align: center;
}

#bioIntro p:first-of-type
{
	margin-top: 0px;
	padding-top: 0px;
}

#bioIntro p:last-of-type
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.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;
}

.itemSection > h2 + p:first-of-type,
.itemSection > div > ul > li:first-child,
.itemSection > ul > li:first-child
{
	margin-top: 0px;
}

#bio_area h2,
#bio_primaryarea h2
{
	font-weight: 500;
}

#bio_area .itemList > ul
{
	margin-top: 30px;
	column-count: 2;
	column-gap: 100px;
}

#bio_area .itemList > ul li a
{
	color: #333333;
}

#bio_area .itemList > ul li a:hover,
#bio_area .itemList > ul li a:focus
{
	color: #D22630;
	text-decoration: none;
}

.bioNewsItem .info
{
	color: #D22630;
	font-size: 0.9rem;
	text-transform: uppercase;
}

.bioNewsItem .title a
{
	color: #333333;
}

.bioNewsItem .title a:hover,
.bioNewsItem .title a:focus
{
	color: #A20C15;
}

@media (max-width: 1349px)
{
	#bioInfo h1#pageTitle
	{
		max-width: 440px;
		font-size: 2.2rem;
		line-height: 1;
		letter-spacing: 2px;
	}
}

@media (max-width: 1024px)
{
	#bioPhoto img
	{
		margin-right: -12vw;
	}
	
	#bioIntro
	{
		padding: 30px 30px 0px 30px;
		font-size: 1.1rem;
	}
}

@media (max-width: 919px)
{
	#bioInfoWrapper
	{
		display: block;
	}
	
	#bioInfo
	{
		display: block;
		max-width: 100%;
		min-height: auto;
	}
	
	#bioInfoInner
	{
		padding: 16px 0 0 0;
	}
	
	#bioPhoto
	{
		position: relative;
		width: 100%;
		height: 420px;
		margin: 0px;
	}
	
	#bioPhoto img
	{
		float: right;
		display: block;
		position: relative;
		width: auto;
		height: 420px;
		margin-right: 0;
	}
	
	#bioInfo h1#pageTitle
	{
		max-width: none;
		font-size: 2.2rem;
	}
	
	ul#bioContact,
	ul#bioAccessories
	{
		float: none;
		width: 100%;
		padding: 0 0 10px 0;
	}
	
	ul#bioAccessories
	{
		flex-wrap: wrap;
		padding-bottom: 0px;
	}
	
	ul#bioAccessories #bioHighRes
	{
		display: block;
		flex-basis: 100%;
		position: relative;
		width: auto;
		right: inherit;
	}
}

@media (max-width: 479px)
{
	#bioPhoto img
	{
		margin-right: -21vw;
	}
}

@media (min-width: 1920px)
{
	#bioPhoto img
	{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}


/* Service Profile */

.services-item #aboveContent
{
	margin: max(-66px, min(-20px, -4vw)) auto 3rem auto;
}

.services-item #bannerContent
{
	bottom: max(20px, min(8vw, 34px));
}

.services-item #bannerImage
{
	height: 535px;
}

.services-item #bannerAccessories
{
	padding-bottom: 54px;
}

#services #sectionTitle h1
{
	padding-bottom: 0;
}

.itemXrefList ul.results_list li .title a
{
	color: #333;
	font-weight: 500;
}

.itemXrefList ul.results_list li .title a:hover,
.itemXrefList ul.results_list li .title a:focus
{
	color: #d22630;
}

.itemXrefList ul.results_list li .info > span
{
	color: #d22630;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
}

@media (max-width: 1024px)
{
	.services-item #bioIntro
	{
		padding-bottom: 0px;
	}
}

@media (max-width: 767px)
{
	.services-item #bannerImage
	{
		height: 300px;
	}
	
	.services-item #sectionTitle h1
	{
		font-size: 2.2rem;
	}
	
	.services-item #bannerAccessories
	{
		padding-bottom: 0px;
	}
}


/* OFFICE PROFILE */

.contact-item #content
{
	max-width: 1486px;
}

.contact-item #mainContent
{
	width: 100%;
}

.contact-item #banner
{
	background: #ffffff; /* WCAG Contrast False Positive Issue */
}

.contact-item #bannerImage
{
	height: 730px;
}

.contact-item #bannerContent
{
	position: absolute;
	z-index: 2;
	bottom: max(67px, min(2vw, 226px));
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1490px;
	margin: 0px auto;
	font-size: 19px;
	line-height: 1.7;
}

.contact-item #pageTitle
{
	font-size: 54px;
	font-size: max(38px, min(54px, 38px + (54 - 38) * ((100vw - 767px) / (1920 - 767))));
	line-height: 1;
	text-transform: uppercase;
	padding-bottom: 5px;
	font-weight: 600;
	letter-spacing: 2px;
}

.contact .results_list a 
{
	color: #000;
}

.contact .results_list a:hover,
.contact .results_list a:focus
{
	color: #A20C15;
}

.contact-item #bannerAccessories
{
	flex-direction: column;
	align-items: flex-end;
}

.contact-item #tabLinks
{
	margin: 0 0 45px 0;
	padding-top: 18px;
}

.contact-item #tabLinks::before
{
	background: #f3f3f3;
}

.contact-item #tabLinks a
{
	margin-right: 45px;
    padding-bottom: 5px;  
}

.contact-item #tablinks::before
{
	background: #f3f3f3;
}

.contact-item main > p:not(:empty)
{
	padding-top: 50px;
}

.contact-item main > p,
.contact-item .contentSection 
{
	clear: both;
}

.contact-item a.socialshare_button svg,
.contact-item a#pdfLink svg
{
	fill: #d22630;
}

.contact-item #packet-widget .title 
{
	margin-bottom: 5px;
}

#officeAddressPhone
{
	margin-top: 10px;
	font-weight: 600;
}

#office_bio
{
	clear: left;
}

.contact-item #office_map iframe
{
	height: 100%;
}

.contact-item #office_map
{
	width: 70%;
	margin: 80px auto 0;
	height: 360px;
}

.contact-item #office_bio h2
{
	display: none;
}

@media (max-width: 919px)
{
	.contact-item #Overview-tab p
	{
		float: none;
		width: 100%;
		margin-right: 0%;
	}
	
	.contact-item #Overview-tab #office_map
	{
		float: left;
		width: 100%;
		height: 360px;
	}
}

/* END BIO-DETAIL CSS -------------------------------------------> */