/* BEGIN AREA-LISTING CSS ---------------------------------------> */

#practiceSearch
{
	position: relative;
}

div#listColumnWrapper
{
	position: relative;
	padding-top: 30px;
}

div.listColumn
{
	position: relative;
	width: 100%;
	margin-bottom: 50px;
}

div.listColumn h2
{
	margin-top: 0;
}

div.listColumn ul,
div.listColumn ul li
{
	position: relative;
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	font-size: 21px;
}

div.listColumn ul li > a
{
	display: block;
	padding-right: 60px;
	color: var(--black);
	border: none !important;
}

div.listColumn ul li > a:hover,
div.listColumn ul li > a:focus
{
	color: var(--burntorange);
}

div.listColumn > ul > li
{
	padding: 20px 0;
	border-bottom: 1px solid #C6C6C6;
}

div.listColumn.areaToggle .areaExpand
{
	top: 10px;
}

div.listColumn ul.hierList
{
	margin-top: 20px;
}

div.listColumn ul.hierList ul.hierList 
{
	margin-top: 0;
	margin-bottom: 20px;
}

div.listColumn ul.hierList li
{
	margin: 0.25em 0 0 0;
	font-weight: normal;
	font-size: 19px;
}

div.listColumn li li li
{
	padding-left: 1em;
}

div.listColumn.areaToggle > ul > li > ul.hierList
{
	display: none;
}

div.listColumn.areaToggle .areaExpand
{
	border: none;
}

#areaLinkNav
{
	position: absolute;
	right: 0;
	top: 220px;
	letter-spacing: 1.2px;
}

#areaLinkNav,
#areaLinkNav button 
{
	--min-font-size: 15;
	--max-font-size: 17;
	text-transform: uppercase;
	color: var(--burntorange);
}

#areaLinkNav button 
{
	padding: 0;
	background: none;
	border: none;
	cursor: pointer;
	letter-spacing: 1.2px;
}

#areaLinkNav button::before
{
	content: '|';
	margin: 0 8px;
}

#areaLinkNav button:hover,
#areaLinkNav button:focus,
#areaLinkNav a:hover,
#areaLinkNav a:focus
{
	border: none;
	color: var(--darkpurple);
}

#practiceSearch form > div
{
	display: block;
}

/*#practiceSearch
{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
	position: relative;
}

#practiceSearch form
{
	position: relative;
	flex: 1 1 800px;
}

#practiceSearch form  > div
{
	display: block;
}


	
#practiceSearch form [type=submit]
{
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;
	max-height: 33px;
}

#practiceSearch form [type=submit]:hover,
#practiceSearch form [type=submit]:focus
{
	cursor: pointer
}

#practiceSearch form input[type=text]
{
	padding-right: 80px;
}*/



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


}


/* END AREA-LISTING CSS -----------------------------------------> */