.featured-posts-wrapper {
	@include typecsset-space(padding-bottom);

	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1200px;

	h3 {
		@include typecsset-font-size(16px);
		@include typecsset-space(padding-top,0.25);

		border-top: 3px solid #708186;
		color: #708186;
		letter-spacing: 2px;
		margin-right: 25px;
		text-transform: uppercase;
		width: 155px;
	}
}

.featured-posts {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	width: calc(100% - 180px);

	.entry-header {
		border-bottom: none;
	}

	article {
		margin-bottom: 0;
		width: 220px;

		.post-thumbnail {
			margin-left: 0;
			opacity: 0.7;
			transition: all 0.3s ease-in-out;

			&:hover,
			&:active,
			&:focus {
				opacity: 1;
			}
		}

		.entry-title {
			@include typecsset-font-size(20px);

			display: block;
			font-weight: 400;
			letter-spacing: 0.5px;
			margin: 0;

			a {
				color: #fff;

				&:hover {
					color: $color__link;
				}
			}
		}

		.entry-date {
			@include typecsset-font-size(15px);

			color: #606f74;
		}
	}
}