/* featured content styles */
.featured-content {
	position: relative;
	overflow: hidden;
	text-align: center;

	&.feature-small {
		background: $secondary-color;
		color: $white;

		.column {
			min-height: 0;
		}

		.bg-stretch {
			z-index: 1;
		}

		.btn-lg {
			min-width: 260px;
		}

		@include breakpoint-min($screen-md) {
			.text-block {
				padding: $global-md-space 0;
			}
		}
	}

	.bg-stretch {
		z-index: 1;
	}

	.image {
		
	}

	.row {
		overflow: hidden;
		margin: 0;

		&:nth-child(even) {
			.image {
				float: right;
			}
		}
	}

	.article {
		padding: 20px;
	}

	.container-fluid {
		padding: 0;
	}

	@include breakpoint-max($screen-md - 1) {
		.bg-stretch {
			position: static;
			margin: 0 -15px;

			img {
				width: 100% !important;
				height: auto !important;
				margin: 0 !important;

			}
		}

		.height {
			height: auto !important; // We must set !important for override js inline style
		}

		.row {
			&:nth-child(even) {
				.image {
					float: none;
				}
			}
		}
	}

	@include breakpoint-min ($screen-md) {
		.text-block {
			.holder {
				padding: $global-space 30px;
			}
		}

		.image {
			min-height: 527px;
		}
	}

	@include breakpoint-min ($screen-lg) {
		.image {
			min-height: 627px;
		}
	}
}