﻿.resultsTileFeaturedBanner {
	margin-top:-1.2em;
	display:inline-block;
	position:absolute;
	left: 1em;
	z-index: 10;
}

.listingResult {
	background-position: 0% 50%;
	background-size: 65%;
	background-repeat: no-repeat;
	box-shadow: inset 0 0 100px 30px rgba(0,0,0,1);
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
	cursor: pointer;
	min-height: 250px;
	overflow: hidden;
}

	.listingResult:hover {
		box-shadow: inset 0 0 100px 30px rgba(0,0,0,1), 0 0 5px 1px rgba(255, 255, 255, 1);
	}

.resultsTileHeader {
	margin: 0.0em -8px 0 -8px;
	padding: 0.25em 0.75em 0.25em 0.75em;
}

.featuredHeader {
	padding: 1em 0.75em 0.25em 0.75em;
}

.resultsTileBody {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: .75em;
}

.listingResultDetails {
	position: absolute;
	bottom: 0;
}

@media (max-width: 768px) {
	.resultsTileFeaturedBanner {
		margin-top:0;
		position: relative;
		left: initial;
		display:block;
	}

	.listingResult {
		background-size: 100%;
		margin-top:0;
	}

	.resultsTileHeader {
		margin: 0 -8px;
		padding: 4px 8px;
	}

	.listingResultDetails {
		background-color: #000000;
		background-color: rgba(0, 0, 0, 0.3);
		position: relative;
		margin: 0 -8px;
		bottom: initial;
	}

	.resultsTileButtons button {
		width: 50%;
	}
}
