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

div#listColumnWrapper
{
	position: relative;
	margin-top: 50px !important;
}

div.listColumn
{
	position: relative;
	width: 100%;
}

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

div.listColumn ul li
{
	border-bottom: 1px solid var(--orange);
	--min-font-size: 26;
	--max-font-size: 30;
	line-height: 1.35;
	font-weight: 500;
}

div.listColumn ul li > a
{
	display: flex;
	align-items: center;
	min-height: 75px;
	padding: 20px 75px 20px 0;
}

div.listColumn ul li:first-child
{
	border-top: 1px solid var(--orange);
}

div.listColumn ul.hierList li
{
	margin: 0 0 24px 0;
	border: none;
	margin-bottom: 20px;
	font-weight: 500;
	--min-font-size: 18;
	--max-font-size: 20;
}

div.listColumn ul.hierList li a
{
	display: block;
	min-height: 0;
	padding: 0;
}

div.listColumn ul.hierList li
{
}


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

div.listColumn.areaToggle .areaExpand
{
	position: absolute;
	right: 0;
	top: 30px;
	display: block;
	width: 52px;
	height: 52px;
	padding: 0px;
	border: 0px;
	background: var(--navy-blue);
	cursor: pointer;
	border-radius: 50%;
}

div.listColumn.areaToggle .areaExpand::after
{
	position: absolute;
	top: calc(50% - 5px);
	left: calc(50% - 4px);
	content:'';
	display: block;
	width: 6px;
	height: 6px;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;

	transform: rotate(-45deg);
}

div.listColumn.areaToggle .areaExpand span
{
	display: none;
}

#serviceListHelpers > button
{
	margin: 0 10px 20px 0;
}


@media (min-width: 768px)
{


	div.listColumn ul.results_list
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	div.listColumn ul.results_list > li 
	{
		padding-right: 30px;
		/*padding-left: 30px;*/
		padding-left: 0;
		width: calc(50% - 60px);
		box-sizing: border-box;
		border: none;
		border-top: 1px solid var(--orange);
	}

	div.listColumn ul.results_list > li:nth-last-of-type(-n+2)
	{
		border-bottom: 1px solid var(--orange);
	}


}

#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 > div > div
{
	width: 100%;
	position: static;
}

#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;
}

#allServices
{
	margin-top: 5em;
	position: relative;
}

#allServices h2
{
	padding: 22px 0 20px;
	color: inherit;
}

.allServicesForm
{
	position: relative;
	margin-bottom: 2em;
}

#allServices input
{
	width: 100%;
	padding-right: 0;
}

#allServices label
{
	padding-right: 0;
}

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

#allServices ul li
{
	margin-top: 0;
	margin-bottom: 1em;
}

#allServices ul
{
	columns: 1;
	column-gap: 10%;
}

@media (min-width: 768px)
{
	#allServices h2
	{
		padding-right: calc(40% + 2em);
		margin-bottom: 2em;
	}

	.allServicesForm
	{
		position: absolute;
		top: 15px;
		right: 0;
		margin-bottom: 0;
		width: 40%;
	}

	#allServices ul
	{
		columns: 2;
	}
}

@media (min-width: 1280px)
{
	#allServices ul
	{
		columns: 3;
	}
}

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