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


/* SERVICES-------------------------*/

body#services
{
	background: #ffffff url('../i/mark.svgz') -195px 33.5% no-repeat; /* data-uri */
	background-size: 700px auto;
}

body#services #aboveContent
{
	position: relative;
	background: #F3F3F3;
	height: 285px;
	text-align: center;
}

body#services #aboveContent h3
{
	padding: 4rem 0 2.25rem 0; 
	font-weight: 500;
}

#services #bannerContent
{
	bottom: max(20px, min(8vw, 34px));
}

#services main
{
	padding-bottom: 0;
}

#services main > h2,
#services #lowerContent h2
{
    font-weight: 500;
}

body#services #content
{
	margin-top: 0px;
	background: none;
	max-width: 1525px;
}

body#services #lowerContent
{
	background: #F3F3F3;
	padding: 4rem max(20px, min(5vw, 60px));
	max-width: 1525px;
}

div#listColumnWrapper
{
	display: flex;
	position: relative;
}

#services div#listColumnWrapper 
{
    display: flex;
    gap: 4rem;
    position: relative;
    left: 2rem;
    padding: 10px 0 0 0;
}

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

div.listColumn ul,
div.listColumn ul li
{
	position: relative;
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	line-height: normal;
}

div.listColumn ul li
{
	position: relative;
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 10px 0;
	font-size: 21px;
	font-weight: normal;
	line-height: normal;
}

div.listColumn ul li a
{
	color: #666;
}

div.listColumn ul li a:hover,
div.listColumn ul li a:focus
{
	color: #D22630;
}

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

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

div.listColumn.areaToggle ul.hierList
{
	display: none;
	margin-left: 2rem;
}

#practiceExpand 
{
    
    justify-content: flex-end;
    background: none;
    border: none;
    float: right; /* take it out of the object flow */
    position: relative;
    top: -44px;
}

#services-industry main ul.results_list li a,
#services-specialty main ul.results_list li a,
#services-practices main ul.results_list li a
{	
	color: #333;
}

#services-industry main ul.results_list li a:hover,
#services-industry main ul.results_list li a:focus,
#services-specialty main ul.results_list li a:hover,
#services-specialty main ul.results_list li a:focus,
#services-practices main ul.results_list li a:hover,
#services-practices main ul.results_list li a:focus
{	
	color: #A20C15;
	color: #d22630;
}

/* END SERVICES-------------------------*/


#practiceExpand span
{
	color: #d22630;
	cursor: pointer;
}

#practiceExpand span:hover
/* #practiceExpand span:focus */
{
	color: #A20C15;
}

#practiceExpand span:first-child
{
	margin-right: 1rem;
}

#practiceExpand span:last-child
{
	margin-left: 1rem;
}

#practiceExpand span.activeSpan
{
	color: #666666;
}

div.listColumn.areaToggle .areaExpand
{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 2px 0 0 5px;
	padding: 0px;
	border: 0px;
	background: #f1f1f1;
	cursor: pointer;
	text-align: center;
	vertical-align: top;
}

div.listColumn.areaToggle .areaExpand
{
	display: inline-block;
	position: absolute;
	top: 14px;
	left: -35px;
	color: #d22630;
	background: transparent;
	cursor: pointer;
}

div.listColumn.areaToggle .areaExpand span
{
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	font-size: 18px;
	line-height: 1;
}

div.listColumn.areaToggle .areaExpand span
{
	font-size: 20px;
}

div.listColumn.areaToggle .areaExpand:not(.expanded) span:last-child
{
	display: none;
}

div.listColumn.areaToggle .areaExpand.expanded span:first-child
{
	display: none;
}

#industryCarousel
{
	position: relative;
}

#industryNav
{
	display: flex;
	justify-content: space-between;
	position: absolute;
	right: 0;
	top: 10px;
	width: 80px;
}

button.slick-prev,
button.slick-next
{
	position: relative;
	display: inline-block;
	width: 23px;
	height: 48px;
	background: none;
	border: none;
	text-indent: -9999em;
	background: url('../i/icon-slider-arrow-prev.svg') no-repeat; /* data-uri */
	z-index: 10;
	cursor: pointer;
	margin-bottom: 17px;
}

button.slick-next
{
	background: url('../i/icon-slider-arrow.svg') no-repeat; /* data-uri */
}

button.slick-prev:hover,
button.slick-next:hover
{
	filter: grayscale(100%);
	opacity: 0.5;
}

@media (max-width: 1349px)
{
	#services-industry #subNav,
	#services-specialty #subNav,
	#services-practices #subNav
	{
		display: none;
	}
	
	#practiceSearch form
	{
		padding-top: 0px;
	}

}


@media (max-width: 768px)
{

	body#services
	{
		background-position: -195px 24.5%;
	}

	body#services #aboveContent
	{
		height: auto;
	}
	
	body#services #aboveContent h3
	{
		padding: 2rem 0 2.25rem 0; 
	}
	
	div#listColumnWrapper
	{
		display: block;
	}
	
	div.listColumn
	{
		width: 100%;
	}
	
	div.listColumn ul li
	{
		font-size: 18px;
	}
}

@media (max-width: 550px)
{
	#practiceExpand
	{
		float: none;
		top: auto;
		margin-bottom: 20px;
	}
}

#practiceSearch
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 40px;
	position: relative;
}

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

#practiceSearch form > div > div
{
	width: 100%;
}

#practiceSearch form  > div
{
	display: block;
}

#practiceSearch form button
{
	position: absolute;
	right: 0;
	top: 0;
	height: 35px;
	padding: 0 25px 0 0;
	background: none;
	border: none;
	color: #3874a8;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 17px;
	letter-spacing: 1px;
}

#practiceSearch form button:hover,
#practiceSearch form button:focus
{
	cursor: pointer
}

#practiceSearch form button svg
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 28px;
	height: 28px;
}

#practiceSearch form button svg path
{
	fill: #d22630;
}

#practiceSearch form button svg path:hover,
#practiceSearch form button svg path:focus
{
	fill: #FF6770;
}

#practiceSearch form label
{
	font: normal 19px/1 Helvetica, Arial, sans-serif;
}

#practiceSearch form > div > div.hasFocus > label 
{
	font: normal 16px/1 Helvetica, Arial, sans-serif;
	top: -15px;
}

#practiceSearch form input[type=text]
{
	border: none;
	border-bottom: 1px solid #707070;
	background: inherit;
}

#practiceSearch form label
{
	font: normal 19px/1 'poppins', Helvetica, Arial, sans-serif;
}

#practiceSearch form input[type=text]
{
	border: none;
	border-bottom: 1px solid #707070;
	background: inherit;
}

#practiceSearch form input[type=text]::-ms-clear
{
	margin-right: 120px;
}

@media (max-width: 768px)
{
	#practiceSearch form button
	{
		top: 1px;
		right: 5px;
		padding: 0;
		height: 37px;
		width: 37px;
		float: right;
		background-size: 18px;
		text-indent: -9999em;
	}

	#practiceSearch form label
	{
		top: 3px;
		font-size: 14px;
	}

	#practiceSearch form input[type=text]::-ms-clear
	{
		margin-right: 20px;
	}

    #services div#listColumnWrapper 
    {
		display: flex;
		flex-direction: column;
		gap: 0;
		position: relative;
		left: 2rem;
	}
}

@media (max-width: 414px)
{
	#practiceExpand
	{
		display: none;
	}

	body#services #lowerContent
	{
		background: #F3F3F3;
		padding: 3rem max(20px, min(5vw, 60px));
	}

	#services div#listColumnWrapper 
    {
		left: 1rem;
	}

	div.listColumn.areaToggle .areaExpand
	{
		display: inline-block;
		position: absolute;
		top: 14px;
		left: -35px;
		color: #d22630;
		background: transparent;
		cursor: pointer;
	}
}	

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