/*
========================================
CARD GRID
========================================
*/

.card-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;

	width: 100%;
	max-width: none;

	gap: 24px;
}


/*
========================================
CARD
========================================
*/

.card-grid .content-card {
	display: flex;
	flex-direction: column;

	align-self: stretch;

	min-width: 0;
	height: auto;
}


/*
========================================
LINK
========================================
*/

.card-grid .content-card__link {
	display: flex;
	flex-direction: column;

	flex: 1 1 auto;

	width: 100%;
	height: 100%;
}


/*
========================================
BODY
========================================
*/

.card-grid .content-card__body {
	display: flex;
	flex-direction: column;

	flex: 1;
}


/*
========================================
NEWS — MAX 4
========================================
*/

.card-grid--news .content-card {
	flex: 0 0 calc((100% - 72px) / 4);
}


/*
========================================
EVENTS — MAX 3
========================================
*/

.card-grid--events .content-card {
	flex: 0 0 calc((100% - 72px) / 4);
}


/*
========================================
TABLET
========================================
*/

@media (max-width: 1024px) {

	.card-grid--news .content-card,
	.card-grid--events .content-card {
		flex-basis: calc((100% - 24px) / 2);
	}

}


/*
========================================
MOBILE
========================================
*/

@media (max-width: 767px) {

	.card-grid--news .content-card,
	.card-grid--events .content-card {
		flex-basis: 100%;
	}

}

/*
========================================
NEWS ARCHIVE
========================================
*/

.news-archive {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    width: 100%;
    gap: 24px;
}

.news-archive__item {
    min-width: 0;
    height: 100%;
}

.news-archive__item .content-card {
    height: 100%;
}

.news-archive__more {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.news-archive__more-button {
    cursor: pointer;
}
/*
========================================
TABLET
========================================
*/

@media (max-width: 1024px) {

    .news-archive {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/*
========================================
MOBILE
========================================
*/

@media (max-width: 767px) {

    .news-archive {
        grid-template-columns: 1fr;
    }

}

/*
========================================
NEWS CATEGORIES
========================================
*/
.news-layout {
    align-items: flex-start;
}

.news-layout > .e-con {
    align-self: flex-start;
}

.news-categories {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.news-categories__item {
    padding: 0;
    border: 0;
    background: none;

    color: #000;
    font: inherit;
    text-align: left;
    text-decoration: underline;
    text-underline-offset: 3px;

    cursor: pointer;
    transition: color 0.2s ease;
	box-shadow: none;
}

.news-categories__item:hover,
.news-categories__item:focus {
    color: #207976;
    background: none;
}

.news-categories__item.is-active {
    color: #207976;
}