/***
 * Featured
 */

.featured {
	border: 1px solid #e7e7e7;
	position: relative;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, .14);
	background: #fff;

	img {
		width: 100%;
	}
}

/** Featured Content */

.featured-content {
	padding-left: 20px;
	padding-right: 20px;

	@media(min-width: $screen-sm) {
		padding-left: 30px;
		padding-right: 30px;	
	}

	.btn {
		bottom: -7px;
		width: auto;
	}
}

/** Featured Title */

.featured-title {
 	font-family: $font-family-2;
 	font-size: $font-size-heading;
 	color: $heading-color;
 	padding-top: 30px;
 	margin-top: 0;
 	margin-bottom: 13px;
}

/** Featured Header */

.featured-header {
	position: relative;
	width: 100%;

	a {
		display: block;
	}
}

/** Featured Description */

.featured-desc {
	margin-bottom: 15px;
}

/** Featured Push top */

.featured-push-top {
	.featured-header {
		@media (min-width: $screen-md) {
			position: absolute;
			margin-top: -50.80%;
		}
	}

	margin: 0 -2px;
}

/** Featured Large */

.featured-large {
	z-index: 1;

	.featured-title  {
		margin-top: 10px;
	}

	.featured-desc {
		margin-bottom: 30px;
	}

	@media (min-width: $screen-md) {
		margin-left: -30px;
	    margin-right: -30px;
	}
}

// Featured Icon

%feature-icon {
	.featured-header a:after {
		bottom: 16px;
		left: 16px;
		opacity: .8;
		position: absolute;

		@media(min-width: $screen-sm) {
			left: 26px;
		}
	}
}

/** Featured Video */

.featured-video {
	@extend %feature-icon;

	.featured-header a:after {
		content: url('../images/featured-video.svg');
	}
}

/** Featured Image */

.featured-image {
	@extend %feature-icon;

	.featured-header a:after {
		color: #fff;
		content: "\f03e";
		font-family: FontAwesome;
		font-size: 36px;
	}
}