// =============================================================================
// :: Summary
// =============================================================================
.c-summary {
	position: relative;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding-bottom: 3rem;

	&:hover {

		.c-summary__thumbnail {

			&::after {
				opacity: 0.5;
			}
		}
	}
}

// =============================================================================
// :: Elements
// =============================================================================
.c-summary__link {
	position: absolute;
	top: 0;
	left: 0;
	z-index: $z-index-roof;

	width: 100%;
	height: 100%;
}

.c-summary__thumbnail {
	position: relative;

	width: 100%;
	overflow: hidden;
	margin-bottom: 2rem;
	padding-bottom: 60%;

	background-size: cover;
	background-position: center center;
	border-radius: $border-radius-1x-small;

	&::after {
		content: "";

		position: absolute;
		top: 0;
		left: 0;

		width: 100%;
		height: 100%;

		background-color: $primary-color;
		opacity: 0;

		transition: opacity 0.2s ease-in;
	}
}

.c-summary__date {
	margin-bottom: 1rem;
}

.c-summary__title {
	margin-bottom: 2rem;
}

.c-summary__description {
	margin-bottom: 3rem;
}

.c-summary__button {
	position: relative;
	z-index: $z-index-roof + 1;
}

.c-summary__content {
	width: 100%;
}