/**
 * @author Discodoener, Valentin Alisch
 * @version 1.0
 */

article.article--event {
	position: relative;
	text-transform: uppercase;
	overflow: hidden;
	border-bottom: 1px solid currentColor;
}

section:not( :first-child ) article.article--event:first-child {
	border-top: 1px solid currentColor;
}

	article.article--event a {
		display: block;
		text-decoration: none;
	}

	article.article--event .article--event-details {
		display: flex;
		position: relative;
		z-index: 100;
		width: 100%;
		max-width: var( --max-width );
		margin: 0 auto;
		transition: padding-top var( --transition-duration ) ease-in-out, padding-bottom var( --transition-duration ) ease-in-out, color var( --transition-duration ) ease-in-out;
	}

	article.article--event:hover .article--event-details {
		padding-top: calc( var( --spacing ) * 4 );
		padding-bottom: calc( var( --spacing ) * 4 );
		color: white;
	}

		article.article--event .article--event-details .article--event-date {
			margin-right: 2em;
			flex: 0.15;
		}

		@media ( min-width: 700px ) {
			article.article--event .article--event-details .article--event-date {
				margin-right: 4em;
			}
		}
		@media ( min-width: 1000px ) {
			article.article--event .article--event-details .article--event-date {
				margin-right: 6em;
			}
		}

			article.article--event .article--event-details .article--event-date_dash {
				margin-top: -0.3em;
				margin-bottom: -0.125em;
			}

		article.article--event .article--event-details .article--event-title {
			flex: 1;
		}



	article.article--event .article--event-background {
		position: absolute;
		z-index: 10;
		opacity: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		transition: opacity var( --transition-duration ) ease-in-out;
	}

		article.article--event .article--event-background img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	article.article--event:hover .article--event-background {
		opacity: 1;
	}



section:first-child article.article--event:first-child {
	height: 75vh;
}

	section:first-child article.article--event:first-child a {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		height: 100%;
	}

	section:first-child article.article--event:first-child .article--event-details {
		padding-top: calc( var( --spacing ) * 2 );
		padding-bottom: calc( var( --spacing ) * 2 );
		color: white;
	}

	section:first-child article.article--event:first-child .article--event-background {
		opacity: 1;
	}



section#event--details,
section#event--description {
	max-width: var( --max-width );
	margin: 0 auto;
}

section#event--details {
	text-transform: uppercase;
}

	section#event--details .event--details-row {
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid currentColor;
		padding: 0.35em 0;
	}

	section#event--details .event--details-row:first-child {
		border-top: 1px solid currentColor;
	}

.home article.article--event:last-child,
section#event--description {
	margin-bottom: 4em;
}



section#event--links {
	display: flex;
	padding-left: calc( var( --spacing ) * 0.5 );
	padding-right: calc( var( --spacing ) * 0.5 );
	max-width: calc( var( --max-width ) * 0.8 );
	margin: 0 auto;
	/*margin-bottom: 2em;*/
	flex-wrap: wrap;
}

	section#event--links > * {
		flex: 1;
		min-width: 300px;
	}

	.home section#event--links {
		margin-bottom: 4em;
	}