﻿/*# sourceMappingURL=styles.css.map */

.event-grid {
	margin-bottom: 7rem;
}

.event-grid_group {
	list-style: none;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1.5rem;
}

@media (min-width: 768px) {
	.event-grid_group {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 1024px) {
	.event-grid_group {
		grid-template-columns: repeat(3, 1fr);
	}
}

.event-grid_item_img img {
	display: block;
	width: 100%;
	height: 16.75rem;
	-o-object-fit: cover;
	object-fit: cover;
}

.event-grid_item_title {
	margin: 1.15rem 0 .5rem;
	font-size: 1.5rem;
	font-weight: 700;
	padding: 0;
}

.event-grid_item_title a {
	color: var(--black-pure);
	text-decoration: none;
}

.event-grid_item_title a:hover, .event-grid_item_title a:focus {
	text-decoration: underline;
}

.event-grid_item_nice-date {
	font-weight: 700;
	font-size: 1.05rem;
	padding: 0;
	margin: 0;
}

.event-grid_item_labels {
	--font-size: 1.15rem;
	font-size: var(--font-size);
}

.event-grid_item_labels a {
	font-size: 1.15rem;
	color: #000;
	text-decoration: none;
	transition: color .6s;
}

.event-grid_item_labels a:hover, .event-grid_item_labels a:focus {
	color: var(--red-brand);
}

.event-grid_item_labels a .cat-separator {
	padding: 0 .25rem;
}

.event-grid_item_labels a:last-child .cat-separator {
	display: none;
}
