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

#cornerBackground
{
	display: none;
}

.ajaxBioList
{
	display: none;
}


#bioSearch .search_form > div
{
	opacity: 1;
	transition: opacity 1s linear;
}

#bioSearch .search_form
{
	grid-template-columns: 1fr;
}

#bioSearch .search_form > .hidden
{
	/* hide them but allow transitions, we have to set absolute position so grid collapses */
	position: absolute;
	visibility: hidden;
	pointer-events: none;

	opacity: 0;
	transition: none;
}

#bioSearch .search_form > div:not(.submit_wrapper, .show):nth-of-type(n + 4)
{
	display: none;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within)
{
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important; /* Fix for https://github.com/twbs/bootstrap/issues/25686 */
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


@media (min-width: 768px)
{
	#bioSearch .search_form
	{
		grid-template-columns: repeat(2, 1fr);
	}

	#bioSearch .search_form > div:first-of-type
	{
		grid-column: 1/3;
	}

}

@media (min-width: 920px)
{
	#cornerBackground
	{
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 9999;
		width: 30vw;
		height: 100%;
		background: url('../i/artwork-people.svg') no-repeat; /* data-uri */
		background-size: contain;
		z-index: -1;
	}

	#bioSearch .search_form,
	.letterLinks
	{
		width: 80%;
	}
}


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