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

#upperContent
{
	position: relative;
	z-index: 5;
}

#content
{
	position: relative;
	z-index: 4;
}

/* PRACTICE SEARCH */

#practiceSearch
{
	display: flex;
	flex-wrap: wrap;
	margin: 0px auto;
	max-width: 542px;
	position: relative;
}

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

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

#practiceSearch form  > div
{
	display: block;
}

#practiceSearch form  > div input
{
	background: none;
	border: none;
	border-bottom: 1px solid #f26831;
}

#practiceSearch form button
{
	position: absolute;
	right: 17px;
	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: 0;
	top: 7px;
	width: 18px;
	height: 18px;
}

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

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

#bannerIntro #practiceSearch .searchPopup
{
	z-index: 99;
}

#bannerIntro #practiceSearch  p:last-child::after
{
	display: none;
}

@media (max-width: 767px)
{
	#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 div.hasFocus label
	{
		top: -10px;
		font-size: 10px;
	}

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


/* FEATURED INDUSTRY TILES */

.industryTile .results_list
{
	position: relative;
}

.industryTile .results_list > li 
{
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	height: 238px;
	overflow: hidden;
	margin: 0 0 20px 0;
	background: #f4f4f4;
	box-sizing: border-box;
	cursor: pointer;
}

.industryTile .results_list > li .frontInfo
{
	position: relative;
	height: 238px;
	width: 100%;
}

.industryTile .results_list > li .frontInfo .image
{
	position: relative;
	height: 238px;
	width: 100%:
}

.industryTile .results_list > li .frontInfo .title
{
	position: absolute;
	left: 20px;
	bottom: 18px;
	color: #f26831;
	color: #C5410D; /* WCAG contrast */
	font-family: 'archivo_narrow';
	font-size: 1.2rem;
	line-height: 1.2;
}

.industryTile .results_list > li .frontInfo .image img
{
	display: block;
	float: right;
	width: 70%;
	margin-top: 20px;
}

.industryTile .results_list > li .backInfo
{
	position: absolute;
	top: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
	padding: 20px;
	background: rgba(0,115,174,0.90);
	box-sizing: border-box;
	transition: opacity 0.3s ease-in;
}

.industryTile .results_list > li:hover .backInfo,
.industryTile .results_list > li:focus .backInfo
{
	opacity: 1;
}

.industryTile .results_list > li a .backInfo
{
	color: #ffffff;
}

.industryTile .results_list > li .backInfo .backtitle
{
	font-family: 'archivo_narrow';
	font-size: 1.4rem;
	line-height: 1.2;
}
	
.industryTile .results_list > li .backInfo .featuredabstract
{
  	padding: 8px 0 0 0;
  	box-sizing: border-box;
}

.industryTile .results_list > li .backInfo .featuredabstract p
{
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
	line-height: 1.2;
}

.industryTile .results_list > li .backInfo .featuredabstract div
{
	position: absolute;
	bottom: 10px;
	right: 20px;
	padding: 0 20px 0 0;
	background: url('../i/read-more-arrow.svgz') right center no-repeat; /* data-uri */
	background-size: 10px;
	font-size: 1rem;
}

.industryTile .results_list > li > a.sp_pencil
{
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 10px;
}

@media (min-width: 768px)
{
	.industryTile .results_list
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.industryTile .results_list > li
	{
		height: 300px;
		width: calc(50% - 4px);
	}

	.industryTile .results_list > li .frontInfo
	{
		height: 300px;
	}

	.industryTile .results_list > li .frontInfo .image
	{
		height: 300px;
	}
}

@media (min-width: 1025px)
{
	.industryTile .results_list > li
	{
		width: calc(25% - 4px);
	}
	
	.industryTile .results_list > li .frontInfo .title
	{
		font-size: 1.2rem;
		line-height: 1.2;
	}
	
	.industryTile .results_list > li .backInfo .backtitle
	{
		font-size: 1.4rem;
		line-height: 1.2;
	}
	
	.industryTile .results_list > li .backInfo .featuredabstract p
	{
		font-size: 0.8rem;
		line-height: 1.2;
	}

	.industryTile .results_list > li .backInfo .featuredabstract div
	{
		font-size: 0.8rem;
	}
}

@media (min-width: 1125px)
{
	.industryTile .results_list > li
	{
		height: 238px;
	}

	.industryTile .results_list > li .frontInfo
	{
		height: 238px;
	}

	.industryTile .results_list > li .frontInfo .image
	{
		height: 238px;
	}

}


/* PRACTICE LISTING */

h2.capabilityPageHeader
{
	font-size: 1.4rem;
	text-transform: uppercase;
}

div#listColumnWrapper
{
	position: relative;
}

div.listColumn
{
	position: relative;
}

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

div.listColumn > ul > li
{
	padding: 0 28px 20px 0;
}

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

div.listColumn ul.hierList li:last-child
{
	padding-bottom: 0px;
}

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

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

div.listColumn ul li.highlightPractice > a
{
	color: #2d2e6c;
}

div.listColumn li li
{
	/*padding-left: 1em;*/
	padding: 0 0 20px 0;
	font-weight: 400;
}

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

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

div.listColumn.areaToggle .areaExpand span
{
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	background: url('../i/area-toggle.svgz') center no-repeat; /* data-uri */
	transform: rotate(0deg);
}

div.listColumn.areaToggle .areaExpand.expanded span
{
	animation: twiston 0.3s ease-in forwards;
}

@keyframes twiston {
  0% 
  {
    transform: rotate(0deg);
  }
  100% 
  {
    transform: rotate(180deg);
  }
}

@media (min-width: 768px)
{
	div#listColumnWrapper
	{
		display: flex;
		justify-content: space-between;
	}
	
	div.listColumn
	{
		width: 50%;
	}
	
	div.listColumn > ul
	{
		padding-right: 60px;
		box-sizing: border-box;
	}
	
	div.listColumnIndustries
	{
		width: 100%;
	}
}

@media (min-width: 920px)
{
	#capabilityListWrapper
	{
		display: flex;
		justify-content: space-between;
	}
	
	.capabilityListIndustries
	{
		width: 33.33%;
	}

	.capabilityListPractices
	{
		width: 66.66%;
	}
}

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