/* BEGIN SLICK CSS --------------------------------------------> */

/* slick.css */
/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}


/* FEATURED INDUSTRY TILES */

#industrySpot
{
	margin: 14px 0 20px 0 !important;
	padding-bottom: 10px;
}

.industryTile
{
	
}

.industryTile .results_list
{
	position: relative;
}

#industrySpot .industryTile .results_list
{
	margin-top: 40px;
}

.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;
	opacity: 0;
}

.industryTile .results_list .slick-list li 
{
	opacity: 1;
}

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

#industrySpot .view_more a
{
	padding-right: 60px;
	line-height: 2;
}

button.slick-prev,
button.slick-next
{
	position: absolute;
	/*top: calc(50% - 23px);*/
	/*top: 20px;*/
	top: calc(50% - 35px);
	left: 10px;
	display: block;
	width: 46px;
	height: 46px;
	background: none;
	border: none;
	text-indent: -9999em;
	background: url('../i/icon-carousel-arrow.png') no-repeat; /* data-uri */
	background-size: 100%;
	z-index: 10;
	cursor: pointer;
	opacity: 0.8;
}

button.slick-prev:hover,
button.slick-next:hover
{
	opacity: 1;
}

button.slick-next
{
	transform: rotate(180deg);
	left: auto;
	right: 10px;
}

@media (min-width: 768px)
{
	#industrySpot
	{
		margin: 14px 0 14px 0 !important;
		padding-bottom: 0px;
	}
	
	.industryTile .results_list
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-left: -8px;
	}

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

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

	.industryTile .results_list li .frontInfo .image
	{
		height: 300px;
	}
	
	#industrySpot .view_more
	{
		position: absolute;
		top: -16px;
		right: 0;
		margin: 0;
	}
	
	button.slick-prev
	{
		left: 20px;
	}
}

@media (min-width: 920px)
{
	#industrySpot
	{
		margin: 54px 0 20px 0 !important;
		padding-bottom: 10px;
	}
	
	#industrySpot .view_more
	{
		position: absolute;
		top: -36px;
		right: 0;
		margin: 0;
	}
}	

@media (min-width: 1025px)
{
	.industryTile .results_list 
	{
		margin-left: -8px;
	}
	
	.industryTile .results_list li
	{
		width: calc(25% - 4px);
		margin-left: 8px;
	}
	
	.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;
	}
	
	button.slick-prev,
	button.slick-next
	{
		top: calc(50% - 35px);
	}

}

@media (min-width: 1350px)
{
	/* industry spots have waypoint animation at this window size */
	
	/* not meshing with slick.js
	.industryTile .results_list li
	{
		opacity: 0;
		margin-top: 50px;
		transition: opacity 425ms ease-in, margin-top 500ms ease-in;
	}

	.industryTile .results_list li:nth-child(2)
	{
		transition-delay: 200ms;
	}

	.industryTile .results_list li:nth-child(3)
	{
		transition-delay: 350ms;
	}

	.industryTile .results_list li:nth-child(4)
	{
		transition-delay: 500ms;
	}

	.industryTile.industrySpotSlideIn .results_list li 
	{
		opacity: 1;
		margin-top: 0;
		cursor: pointer;
	}
	*/
}

@media (min-width: 1900px)
{
	/*
	button.slick-prev
	{
		left: 25px;
	}

	button.slick-next
	{
		right: 25px;
	}
	*/
}

/* END SLICK CSS ----------------------------------------------> */