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

#bannerExtras
{
	width: 100%;
}

#bioKeywordSearch
{
	position: relative;
}

.letterLinks
{
	margin: 10px 0 18px -9px;
	color: #858585;
	font-weight: 300;
	font-size: 24px;
}

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

.letterLinks a,
.letterLinks span
{
	float: left;
	width: calc(100% / 13);
	text-align: center;
	--min-font-size: 20;
	--max-font-size: 26;
	margin-bottom: 10px;
}

.letterLinks a
{
	color: var(--medium-blue);
	font-weight: 400;
}

.letterLinks a:is(:hover, :focus)
{
	text-decoration: underline;
	text-decoration-thickness: .5px;
	text-underline-offset: 3px;
}

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

@media (min-width: 1025px)
{
	.letterLinks a,
	.letterLinks span
	{
		width: calc(100% / 26);
	}

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

.ajaxBioList
{
	display: none;
}

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