/* BEGIN BIO-LISTING CSS ----------------------------------------> */

.letterLinks
{
	margin: 0px 0 18px -9px;
	color: #999;
	font-weight: 500;
	font-size: 28px;
	font-family: 'HelveticaNeue_cn';
}

.letterLinks::after
{
	/* make div stretch to height of content */
	display: block;
	clear: both;
	content: '';
}

.letterLinks a,
.letterLinks span
{
	display: inline-block;
	float: left;
	width: calc(100% / 26);
	text-align: center;
}

.letterLinks a
{
	color: #ffffff;
}

.letterLinks a:hover,
.letterLinks a:focus 
{
	color: #cecece;
}

.letterLinks > *:last-child
{
	width: calc(100% / 26 - 1px);
}

@media (max-width: 1024px)
{
	.letterLinks a,
	.letterLinks span
	{
		width: calc(100% / 13);
	}

	.letterLinks > *:nth-child(12),
	.letterLinks > *:last-child
	{
		width: calc(100% / 13 - 1px);
	}
}

.submit_wrapper
{
	/* grid-column: 4 / span 1; */
	display: flex;
	justify-content: flex-end;
	margin-left: auto;

}

.upperSearchForm .viewAll
{
	position: absolute;
	right: 0;
	top: 8px;
	font-size: 28px;
	line-height: 1;
	text-transform: uppercase;
	font-family: 'HelveticaNeue_cn';
	font-weight: 500;
	letter-spacing: 3px;
}

.upperSearchForm .viewAll a
{
	padding: 0;
	color: #ffffff;
}

.upperSearchForm .viewAll a:hover,
.upperSearchForm .viewAll a:focus 
{
	color: #cecece;
	background: none;
}

@media (min-width: 1024px)
{
	.letterLinks
	{
		width: calc(100% - 150px);
	}

	.upperSearchForm .viewAll
	{
		top: 32px;
	}
}

/* a.viewAll
{
	display: none;
} */

.submit_wrapper
{
	align-items: baseline;
}

a.clearAll
{
	/*display: none;*/
	margin-right: 20px;
	font-size: 0.9rem;
}

a.clearAll:not(:hover):not(:focus)
{
	color: #ffffff;
}

/* Bio search subnav */

#bioSubnav
{
	padding: 100px;
	padding: max(60px, 
	             min(100px, 60px + (100 - 60) * ((100vw - 767px) / (1920 - 767))
	));

	padding-left: 0;
	padding-right: 0;
}

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

#bioSubnav li
{
	position: relative;
	height: 187px;
	margin: 0 0 17px;
	overflow: hidden;
	background: #000000;
}

#bioSubnav li img 
{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}

#bioSubnav li a 
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	
	width: 100%;
	height: 100%;

	padding: 20px 30px;

	font-family: 'HelveticaNeue_cn';
	font-size: 24px;
	line-height: 1.2;
	font-weight: 500;
	text-align: center;

	background: rgba(0,0,0, .27);
	box-sizing: border-box;
}

#bioSubnav li a:not(:hover):not(:focus)
{
	color: #ffffff;
}

#bioSubnav li a:hover,
#bioSubnav li a:focus 
{
	color: #D7D7D7;
}

@media (min-width: 600px)
{
	#bioSubnav ul 
	{
		display: flex;
	}

	#bioSubnav li 
	{
		width: calc(100%/3);
		margin: 0;
	}

	#bioSubnav li:not(:last-child)
	{
		margin-right: 17px;
	}
}

#bioResults
{
	margin-top: 60px !important;
	margin-top: max(40px, 
	             min(60px, 40px + (60 - 40) * ((100vw - 767px) / (1920 - 767))
	)) !important;

	margin-bottom: 60px;
	margin-bottom: max(40px, 
	             min(60px, 40px + (60 - 40) * ((100vw - 767px) / (1920 - 767))
	));
}

#bioResults h2 
{
	margin-top: 0;
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0;
}


.bioList
{
	margin: 30px 0 20px 0;
}

.bioList > .results-criteria-wrapper
{
	display: flex;
	justify-content: space-between;
	margin: 0 0 30px;
}

.bioList > .results-criteria-wrapper > div
{
	padding: 0 20px 0 0;
}

.bioList > .results-criteria-wrapper .results_criteria,
.bioList > .results-criteria-wrapper .results_criteria > li
{
	display: inline;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.bioList > .results-criteria-wrapper .results_criteria > li:not(:last-child):after
{
	content: ',\00a0';
}

.bioList > .results-criteria-wrapper button
{
	 align-self: flex-start;
}

.bioList .reviseButton
{
	margin-bottom: 30px;
}

.bioList > ul.results_list,
.bioList > ul.results_list > li
{
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.bioList > ul.results_list
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(258px, 1fr));
	column-gap: 13px;
	row-gap: 28px;
	margin-top: 10px;
}

.bioList .photoTitle 
{
	position: relative;
	color: #ffffff;
	background: #000000;
}

.bioList .photo a::after 
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;

	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%);

}

.bioList .photo
{
	overflow: hidden;
}

.bioList .photo img
{
	display: block;
	width: 100%;
	height: auto;
	transition: all 250ms ease;
	transform: scale(1.0);
}

.bioList > ul.results_list > li:hover .photo img,
.bioList > ul.results_list > li:focus-within .photo img
{
	transform: scale(1.07);
}

.bioList .title
{
	position: absolute;
	left: 12px;
	bottom: 13px;
	padding-right: 20px;
	font-family: 'HelveticaNeue_cn';
	font-size: 22px;
	font-weight: 500;
	line-height: 1.2;
	z-index: 2;

	box-sizing: border-box;
}

.bioList .title a
{
	color: #ffffff;
}

.bioList .photoTitle:hover,
.bioList .photoTitle:focus-within
{
	color: #E31B23;
}

.bioList .content 
{
	padding: 12px;
}

.bioList .office 
{
	color: #E31B23;
}



/* END BIO-LISTING CSS ------------------------------------------> */