.c-eventcard {
	text-decoration: none;
	height: 100%;
}


.c-eventcard__frame {
	@include border-radius(m);
	height: 100%;
	background: palette(neutral, 0);
	filter: drop-shadow(0 10px 6px rgba(0,0,0,0.15));
	transition-property: filter, transform;
	transition-duration: 200ms;
	transition-timing-function: linear, ease-out;

	a.c-eventcard:hover & {
		filter: drop-shadow(0 13px 8px rgba(0,0,0,0.25));
		transform: translateY(-3px);
	}
}


.c-eventcard__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}


.c-eventcard__image {}


.c-eventcard__content {
	display: flex;
	flex-direction: column;
	position: relative;
	padding: space(2);

	@include mq(500) {
		padding-left: space(5);
		padding-bottom: space(5);
	}

	@include mq(m) {
		padding-left: space(10);
		height: 100%;
	}
}


.c-eventcard__date {
	margin-top: space(1);
	display: flex;
	flex-direction: column;
}


.c-eventcard__year {
	@include text-style(5);
	color: palette(secondary, 300);
}


.c-eventcard__period {
	@include font-size(m);
	@include font-family(primary);
	color: palette(text, 800);

	@include mq(m) {
		@include font-size(l);
	}
}


.c-eventcard__title {
	@include font-family(primary);
	@include font-weight(bold);
	@include font-size(m);
	margin-top: space(2);
	color: palette(text, 800);
	transition: color 200ms linear;

	@include mq(m) {
		padding-right: space(11);
	}
}


.c-eventcard__standnumber {
	@include font-weight(bold);
	color: palette(tertiary, 300);
}


.c-eventcard__location {
	margin-top: space(1);
	margin-bottom: space(2);
	color: palette(text, 500);
	display: flex;

	&::before {
		content: '';
		flex: none;
		background-image: url(/img/pin.svg);
		background-repeat: no-repeat;
		height: 16px;
		width: 12px;
		margin-right: space(1.5);
		transform: translateY(7px);
	}
}


.c-eventcard__link {
	margin-top: auto;

	@include mq($max: 400){
		@include font-size(s);
	}
}