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

#banner
{
	background: none;
}

#bannerContent
{
	max-width: 100vw;
	color: inherit;
	width: 100vw;
	left: calc(50% - 50vw);
}

h1#pageTitle
{
	margin-top: 0;
	--min-font-size: 36;
	--max-font-size: 74;
}

h1#pageTitle.smallTitle
{
	--min-font-size: 26;
	--max-font-size: 54;
}

#itemPhoto
{
	position: relative;
}

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

#itemInfo
{
	padding: 30px 20px;

	font-size: 21px;
	font-size: max(18px,
				 min(21px, 18px + (21 - 18) * ((100vw - 767px) / (1920 - 767))
	));
	background: rgba(238,238,238, .59);

}

#itemInfo #packet
{
	margin-top: 35px;
}

#itemPhoto
{
	position: relative;
	z-index: 10;
}

#itemPhoto::after
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	width: 100vw;
	height: 100%;
	background: #E31B23;
	z-index: 1;
	opacity: .8;
	clip-path: polygon(0px 62%, 100% calc(100% - 4px),100% 100%,0px 100%);
	/*transition: clip-path 400ms ease;*/
}

@keyframes bioTriangle
{
	0%
	{
		clip-path: polygon(100% 100%, 100% 100%,100% 100%,0px 100%);
	}

	30%
	{
		clip-path: polygon(100% 70%, 100% 80%,100% 100%,0px 100%);
	}

	/*50%
	{
		clip-path: polygon(0% 0%, 130% 100%, 0% 100%);
	}*/

	100%
	{
		clip-path: polygon(0px 62%, 100% calc(100% - 4px),100% 100%,0px 100%);
	}

}

body.professionals-item #itemInfoWrapper.transitionNow #itemPhoto::after
{
	clip-path: polygon(100% 100%, 100% 100%,100% 100%, 0px 100%);

	animation: bioTriangle .5s;
	animation-fill-mode: forwards;
	/*animation-delay: 300ms;*/
	animation-timing-function: linear;
}

#itemBannerVideo a
{
	display: block;
	position: absolute;
	z-index: 10;
	bottom: 40px;
	bottom: max(20px,
				 min(80px, 20px + (80 - 20) * ((100vw - 350px) / (919 - 350))
	));
	left: 40px;
	left: max(20px,
				 min(40px, 20px + (40 - 20) * ((100vw - 350px) / (919 - 350))
	));
	width: 35px;
	height: 35px;
	font-size: 0px;
	background: url('../i/icon-play-btn.svg') no-repeat; /* data-uri */
	background-size: 100%;
}

body.professionals-item #itemBannerVideo a
{
	opacity: 0;
	transition: opacity 250ms ease 600ms;
}

body.professionals-item #itemInfoWrapper.transitionNow #itemBannerVideo a
{
	opacity: 1;
}

body.professionals-item #itemPhoto
{
	left: -100px;
	opacity: 0;
	transition: all 500ms ease;
}

body.professionals-item #itemInfo
{
	position: relative;
	right: -100px;
	opacity: 0;
	transition: all 500ms ease;
}

body.professionals-item #itemInfoWrapper.transitionNow #itemPhoto
{
	left: 0;
	opacity: 1;
}

body.professionals-item #itemInfoWrapper.transitionNow #itemInfo
{
	right: 0;
	opacity: 1;
}

#officeAddress
{
	margin-top: 20px;
}

.spMapIframeEmbed
{
	padding-bottom: 44px;
	border-bottom: 1px solid #EAEAEA;
}

.bioTitles
{
	font-family: 'HelveticaNeue_cn';
	font-weight: 500;
	text-transform: uppercase;
	color: #585858;
}

#bioContact,
#bioContact li,
#itemAccessories,
#itemAccessories li,
#bioOffice,
#bioOffice li,
#item_area ul,
#item_area li,
#item_industry ul,
#item_industry li,
#item_bio ul,
#item_bio li,
#officeNumbers,
#officeNumbers li,
#officeContact,
#officeContact li
{
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#item_area a.sp_pencil
{
	position: absolute;
}


/*The video player won't output the section titles unless they output on the item page itself, but we don't want to see them on the item page, so here we are*/
#mainContent #item_area h4,
#mainContent #item_bio h4
{
	display: none;
}

.extraItems
{
	margin-top: 7px;
}

#bioOffice,
#officeNumbers,
#officeContact
{
	display: flex;
	flex-wrap: wrap;
	margin: 38px 0 0;
}

#officeNumbers,
#officeContact
{
	margin: 0;
}

#bioOffice li:not(:first-child)::before,
#itemDateInfo span:not(:first-child)::before,
#officeNumbers li:not(:first-child)::before,
#officeContact li:not(:first-child)::before
{
	content: '|';
	margin: 0 10px;
}

#itemDateInfo
{
	font-family: 'HelveticaNeue_cn';
	color: #808080;
}

#bioContact
{
	margin: 0 0 38px;
}

#bioContact li
{
	margin-top: 5px;
}

#itemAccessories
{
	display: flex;
	margin-top: 20px;
	margin-bottom: 10px;
}

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

#itemAccessories svg
{
	fill: #000000;
}

#itemAccessories a:hover svg,
#itemAccessories a:focus svg
{
	fill: #E31B23;
}

.officeBio
{
	margin: 0 0 45px;
}

#item_bio ul
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(305px, 1fr));
	grid-gap: 7px;
}

#item_areaindustry_html
{
	margin-top: 7px;
}

#item_area .image,
#item_industry .image
{
	display: none;
	position: relative;
	height: 187px;
}

#item_area .image::before,
#item_industry .image::before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .27;
	transition: opacity 250ms ease;
}

#item_area a .image::after,
#item_industry a .image::after
{
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 101%;
	height: 101%;
	background: #ffffff;

	clip-path: polygon(15% 100%, 100% 100%, 100% 100%, 0 100%);
	transition: all 250ms ease;
}

#item_area a:hover .image::after,
#item_area a:focus .image::after,
#item_industry a:hover .image::after,
#item_industry a:focus .image::after
{
	clip-path: polygon(15% 100%, 100% 70%, 100% 100%, 0 100%);
}

#item_area a:hover .image::before,
#item_area a:focus .image::before,
#item_industry a:hover .image::before,
#item_industry a:focus .image::before
{
	opacity: .55;
}


#item_area .image img,
#item_industry .image img
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#item_area .title,
#item_industry .title
{
	margin: 0 0 20px;
	box-sizing: border-box;

	font-family: 'HelveticaNeue_cn';
	font-size: 24px;
	font-size: max(20px,
				 min(24px, 20px + (24 - 20) * ((100vw - 1080px) / (1920 - 1080))
	));
	line-height: 1.2;
}

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

#bio_intro p
{
	font-family: 'HelveticaNeue_cn';
	font-weight: 500;
	font-size: 26px;
	font-size: max(20px,
				 min(26px, 20px + (26 - 20) * ((100vw - 1080px) / (1920 - 1080))
	));
}

#bio_education p
{
	margin: 0 0 8px;
}

#bio_bars ul.results_list li,
#bio_clerkships ul.results_list li,
#bio_honors ul.results_list li
{
	margin: 0 0 8px;
	list-style: none;
}

#item_news_spotlight ul,
#item_news_spotlight li,
.newsroomList ul.results_list,
.newsroomList ul.results_list li
{
	position: relative;
	list-style: none;
	margin: 0;
}

.newsroomList ul.results_list li
{
	padding: 4px 0;
}

.newsroomList
{
	margin: 0;
}

.newsroomList .results_list a:not(:hover):not(:focus)
{
	color: inherit;
}

/*.newsroomList li
{
	margin-bottom: 30px;
}
*/

#item_news_spotlight li
{
	margin: 0 0 7px;
}

.newsroomList .info,
#item_news_spotlight .info
{
	font-family: 'HelveticaNeue_cn';
	font-weight: 500;
	--max-font-size: 19;
	margin-bottom: 8px;
}

.newsroomList .info
{
	margin-bottom: 0;
}


.newsroomList .info
{
	font-weight: 500;
	--min-font-size: 18;
	--max-font-size: 21;
	color: #E31B23;
}


.newsroomList .info span + span::before,
#item_news_spotlight .info span + span::before
{
	content: '|';
	margin: 0 8px;
}

/*may revisit this...not sure why it was here*/
/*.expandableList .info span + span::before
{
	content: '';
	margin: 0;
}*/

#item_news_spotlight li:not(:first-child) a
{
	height: 100%;
	background: #EAE9E5;
}

#item_news_spotlight li:not(:first-child) a:not(:hover):not(:focus) .title
{
	color: #000000;
}

#item_news_spotlight li:first-child .title
{
	--min-font-size: 16;
	--max-font-size: 21;
	font-weight: 400;
}

#item_news_spotlight ul li:first-child .image
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
	background: #000000;
}

#item_news_spotlight li:first-child img
{

	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 250ms ease;
}

#item_news_spotlight li:first-child
{
	color: #ffffff;
}

#item_news_spotlight ul li:first-child a:is(:hover, :focus)
{
	color: #ffffff;
}

#item_news_spotlight ul li:first-child a:is(:hover, :focus) .image img
{
	transform: scale(1.08);
	opacity: .7;
}


#item_news_spotlight li:first-child a:not(:hover):not(:focus)
{
	color: inherit;
}

#item_news_spotlight .sp_pencil
{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 20;
}

#item_news_spotlight a
{
	display: block;
	padding: 58px;
	padding: max(35px,
				 min(58px, 35px + (58 - 35) * ((100vw - 600px) / (1024 - 600))
	));

	padding-top: 40px;
	padding-top: max(35px,
				 min(40px, 35px + (40 - 35) * ((100vw - 600px) / (1024 - 600))
	));

	padding-bottom: 40px;
	padding-bottom: max(35px,
				 min(40px, 35px + (40 - 35) * ((100vw - 600px) / (1024 - 600))
	));

	box-sizing: border-box;
}

#bio_education,
#bio_bars,
#bio_clerkships,
#bio_language,
#area_bio
{
	border-top: 1px solid #EAEAEA;
}

#area_bio
{
	margin-top: 30px;
}

h2#Credentials + div
{
	border-top: none;
}

#item_bio .photo
{
	max-width: 100%;
}

#item_bio .photo img
{
	display: block;
	width: 100%;
	height: auto;
}

#item_bio .photo
{
	margin: 0 0 15px;
}

#item_bio .title
{
	font-weight: 500;
	font-family: 'HelveticaNeue_cn';
	color: #000000;
	--min-font-size: 20;
	--max-font-size: 24;
}

#item_bio .title a:not(:hover):not(:focus)
{
	color: inherit;
}

#eventInfo
{
	margin: 0 0 30px;
}

#eventInfo strong
{
	font-family: 'HelveticaNeue_cn';
	font-weight: 500;
	font-size: 24px;
	font-size: max(20px,
				 min(24px, 20px + (24 - 20) * ((100vw - 767px) / (1920 - 767))
	));
	color: #E31B23;
}

#eventInfo > div
{
	margin-bottom: 3px;
}

#newsroomSignup
{
	position: relative;
	top: -25px;
	display: block;
	align-items: center;
	padding: 25px 39px 22px;
	font-family: 'HelveticaNeue_cn';
	background: #8C98AC;
	transition: background 250ms ease;
	color: #ffffff;
	font-weight: 500;
	z-index: 10;
	line-height: 1;
}

#newsroomSignup span
{
	display: block;
}

#newsroomSignup span:first-child
{
	flex: 1 1 auto;
	margin-bottom: 20px;
}

#newsroomSignup span + span
{
	flex: 0 0 180px;
}

#newsroomSignup span + span svg
{
	margin-right: 12px;
}

#newsroomSignup span + span svg path
{
	fill: #ffffff !important;
}

#newsroomSignup span + span
{
	font-size: 20px;
}

#newsroomSignup:hover,
#newsroomSignup:focus
{
	background: #2d3152;
}


#badge
{
	margin-top: 70px;
}

#badge img
{
	display: block;
	width: 100%;
	max-width: 272px;
	height: auto;
}

#eventButtons
{
	display: flex;
	flex-wrap: wrap;
}

#itemTags div,
#itemTags div ul,
#itemTags div ul li
{
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#itemTags div ul li:after
{
		display: inline-block;
		content: ',';
}

#itemTags div ul li:last-child:after
{
		display: none;
}

#eventButtons > div:not(:last-child)
{
	margin-right: 15px;
}

@media (min-width: 600px)
{

	#newsroomSignup
	{
		display: flex;
		justify-content: space-between;
	}

	#newsroomSignup span + span
	{
		text-align: right;
	}

	#newsroomSignup span:first-child
	{
		margin-bottom: 0;
	}

	#item_news_spotlight li
	{
		margin: 0;
	}

	#item_news_spotlight ul
	{
		display: flex;
		flex-wrap: wrap;
		grid-gap: 10px;
	}

	#item_news_spotlight ul li:first-child
	{
		width: 100%;
	}

	#item_news_spotlight ul li ~ li
	{
		flex: 1 1 calc(50% - 10px);
	}
}

@media (min-width: 768px)
{
	#itemInfoWrapper
	{
		display: flex;
	}

	h1#pageTitle
	{
		--min-font-size: 24;
		--max-font-size: 64;

		--max-margin-bottom: 0;
	}

	#itemBannerVideo a
	{
		bottom: 52px;
		bottom: max(20px,
					 min(52px, 20px + (52 - 20) * ((100vw - 768px) / (1920 - 768))
		));
		left: 101px;
		left: max(20px,
					 min(101px, 20px + (101 - 20) * ((100vw - 768px) / (1920 - 768))
		));
	}

	#itemPhoto
	{
		flex: 1 1 918px;
	}

	body:not('.professionals-item') #itemPhoto::after
	{
		width: 83vw;
		clip-path: polygon(0px 100%, 100% calc(100% - 4px), 100% 100%, 0px 100%);
	}

	/*#itemPhoto.transitionNow::after
	{
		clip-path: polygon(0px 55%, 100% 99%, 100% 100%, 0px 100%);
	}*/

	#itemPhoto img
	{
		height: 100%;
		object-fit: cover;
		object-position: 10%;
	}

	#itemInfo
	{
		flex: 1 1 1001px;

		display: flex;
		/*align-items: flex-end;*/
		padding-top: clamp(60px, 200/1800 * 100vw, 200px);

		padding-left: 186px;
		padding-left: max(30px,
					 min(186px, 30px + (186 - 30) * ((100vw - 1024px) / (1920 - 1024))
		));


		padding-right: 186px;
		padding-right: max(60px,
					 min(186px, 60px + (186 - 60) * ((100vw - 1280px) / (1920 - 1280))
		));


		padding-bottom: max(40px,
					 min(91px, 40px + (91 - 40) * ((100vw - 768px) / (1920 - 768))
		));

		box-sizing: border-box;

		background: linear-gradient(162deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 19%,rgba(245,245,245,1) 19%,rgba(245,245,245,1) 100%);
	}

	#itemInfo > div
	{
	}

	#itemAccessories
	{
		position: absolute;
		width: 20px;
		flex-direction: column;

		right: 130px;
		right: max(20px,
					 min(130px, 20px + (130 - 20) * ((100vw - 1280px) / (1920 - 1280))
		));

		bottom: 95px;
		bottom: max(40px,
					 min(95px, 40px + (95 - 40) * ((100vw - 768px) / (1920 - 768))
		));
	}

	#itemAccessories a
	{
		display: block;
	}

	#itemAccessories svg
	{
		display: block;
		width: 100%;
		height: auto;
	}

	#itemAccessories li:not(:last-child)
	{
		margin: 0 0 20px !important;
	}

	#bioOffice
	{
		margin-top: 38px;
		margin-top: max(10px,
					 min(38px, 1px + (38 - 10) * ((100vw - 768px) / (1920 - 768))
		));
	}

	#bioContact
	{
		margin-bottom: 38px;
		margin-bottom: max(10px,
					 min(38px, 1px + (38 - 10) * ((100vw - 768px) / (1920 - 768))
		));
	}

}

@media (min-width: 920px)
{
	#mainContent:not(:only-child)
	{
		float: right;
		/*width: calc(100% - 23.6% - 96px);*/
		width: calc(100% - 22.5% - 70px);
		padding-bottom: 100px;
	}

	#subContent
	{
		float: left;
		clear: left;
		width: 20%;
	}

	#itemBannerVideo a
	{
		width: 49px;
		height: 49px;
	}

	#item_area .image, #item_industry .image
	{
		display: block;
	}

	#item_area ul,
	#item_industry ul
	{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr; /* changed per logan */
		grid-gap: 7px;
	}

	#item_area .title,
	#item_industry .title
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding: 20px;
		margin: 0;
		box-sizing: border-box;

		font-weight: 500;
		line-height: 1.2;
		color: #ffffff;
	}



	#item_area li
	{
		background: #000000;
	}

	/*#quote
	{
		width: calc(100% + 96px);
		left: -96px;
	}*/
}

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