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

#bodyInner
{
	background: none;
}

#fullScreenInner
{
	display: flex;
	justify-content: space-between;
	gap: 8.4vw;
	position: relative;
	padding: 19vh 0 0 0;
}

#fullScreenLeft
{
	position: relative;
	width: 62%;
	color: #ffffff;
}

#fullScreenRight
{
	position: relative;
	width: 38%;
}

#fullScreenLeft h1#pageTitle
{
	color: #fff;
	font-size: 3.36rem;
	font-weight: 300;
	line-height: 1;
}

#teamNews .results_list > div,
#teamNews .results_list > div > a:not(.sp_pencil)
{
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
}

#teamNews .results_list .image
{
	position: relative;
	width: 100%;
}

#teamNews .results_list .image img
{
	display: block;
	position: relative;
	width: 100%;
	height: 12.5vw;
	min-height: 200px;
	object-fit: cover;
}

#teamNews .results_list .info
{
	padding: 2.3vw;
	background: #ffffff;
}

#teamNews .results_list .title
{
	color: #3C3C3C;
	font-size: 1.1rem;
	font-weight: 300;
}

#teamNews .results_list a:hover,
#teamNews .results_list a:focus
{
	text-decoration: none;
}

#teamNews .results_list a:hover .title,
#teamNews .results_list a:focus .title
{
	color: #3E915E;
}

#teamNews .results_list .itemdate
{
	font-size: 0.85rem;
}

#fullScreenInner form > div 
{
	grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
}

@media (min-width: 1000px)
{
	#fullScreenInner form > div 
	{
		grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
	}
}

@media (max-width: 1349px)
{
	#fullScreenInner
	{
		padding: 14vh 0 0 0;
	}
}

@media (max-width: 1049px)
{
	#fullScreenInner
	{
		align-items: center;
		display: block;
		padding: 150px 0 0 0;
	}

	#fullScreenLeft
	{
		width: 100%;
	}

	#fullScreenRight
	{
		width: 100%;
		width: 80%;
		margin: 0px auto;
	}
	
	#teamNews
	{
		margin: 3rem 0 0 0;
	}
	
	#teamNews .results_list .image img
	{
		height: 350px;
		min-height: unset;
	}
}

@media (max-width: 501px)
{
	#fullScreenRight
	{
		width: 100%;
	}
	
	#teamNews .results_list .image img
	{
		height: 250px;
	}
}

.letterLinks
{
	margin: 0px 0 26px -9px;
	color: #999;
	font-weight: 300;
	font-size: 1.2rem;
}

.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 > *:last-child
{
	width: calc(100% / 26 - 1px);
}

body.fullScreen .letterLinks a
{
	color: #ffffff;
}

body.fullScreen .letterLinks
{
	margin: 40px 0 20px 0;
}

body.fullScreen .letterLinks a,
body.fullScreen .letterLinks span
{
	width: calc(100% / 13);
}

body.fullScreen .letterLinks > *:nth-child(12),
body.fullScreen .letterLinks > *:last-child
{
	width: calc(100% / 13 - 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);
	}
}

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

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

.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(290px, 1fr));
	grid-gap: min(5vw, 50px);
	grid-row-gap: min(4vw, 43px);
}

.bioList > ul.results_list > li
{
	padding-bottom: min(2vw, 18px);
	background: rgba(188,205,214,0.22);
	color: #555555;
	transition: background 100ms ease-in, box-shadow 100ms ease-in; 
}

.bioList > ul.results_list > li:hover,
.bioList > ul.results_list > li:focus-within
{
	background: #ffffff;
	box-shadow: 0px 2px 8px rgba(0,0,0,0.3);
}


/*
 If you're looking to make the image a 'tile'
 and you need the entire background to click to the
 bio profile, yet you have an edit icon, email,
 phone, and office link on there, use the following
 linkmask field with psuedo css to make the link mask.

 See: 'linkmask' in lib/AttorneySearch/Local.php

.bioList > ul.results_list > li:hover > div
{
	pointer-events: none;
}

.bioList > ul.results_list > li:hover > div a
{
	pointer-events: auto;
}

.bioList > ul.results_list > li .linkmask a:after
{
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
*/

.bioList .photo
{
	position: relative;
	width: 100%;
	height: 240px;
	margin-bottom: min(2vw, 23px);
	overflow: hidden;
	background: #fff;
}

.bioList .photo img
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right top;
}

/*
.bioList > ul.results_list > li:hover .photo a:not(.sp_class) img,
.bioList > ul.results_list > li:focus-within .photo a:not(.sp_class) img,
.bioList > ul.results_list > li .photo a:focus:not(.sp_class) img
{
	transform: scale(1.04);
	opacity: 0.8;
}
*/

.bioList > ul.results_list > li .title
{
	padding-left: min(2vw, 32px);
	padding-right: min(2vw, 28px);
}

.bioList > ul.results_list > li .title,
.bioList > ul.results_list > li .title a
{
	color: #4B7483;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.1;
}

.bioList > ul.results_list > li .title a:hover,
.bioList > ul.results_list > li .title a:focus
{
	color: #3F915E;
	text-decoration: none;
}

.bioList > ul.results_list > li .info
{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 20px;
	padding-left: min(2vw, 32px);
	padding-right: min(2vw, 28px);
	padding-top: min(2vw, 12px);
}

.bioList > ul.results_list > li .infoLeft
{
	font-weight: 300;
	line-height: 1.1;
}

.bioList > ul.results_list > li .position
{
	margin: 0 0 6px 0;
}

.bioList > ul.results_list > li .infoRight
{
	display: flex;
	align-items:flex-end;
	gap: 10px;
}

.bioList > ul.results_list > li .infoRight a
{
	display: block;
	align-self: flex-end;
	width: 38px;
	height: 39px;
}

#content .bioList > ul.results_list > li .infoRight svg
{
	position: relative;
	width: 38px;
	height: 39px;
}
	
#content .bioList > ul.results_list > li .infoRight svg .st0
{
	fill: none;
}

#content .bioList > ul.results_list > li .infoRight svg .st1
{
	fill: none;
	stroke: #CAD5DB;
}

#content .bioList > ul.results_list > li .infoRight svg .st2
{
	fill: #4B7483;
}

#content .bioList > ul.results_list > li .infoRight a:hover svg .st1,
#content .bioList > ul.results_list > li .infoRight a:focus svg .st1
{
	fill: none;
	/*stroke: none;*/
}

#content .bioList > ul.results_list > li .infoRight a:hover svg .st2,
#content .bioList > ul.results_list > li .infoRight a:focus svg .st2
{
	fill: #3E915E;
}


.ajaxBioList
{
	display: none;
}



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