@charset "UTF-8";
/* CSS Document */

.link-tiles {
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.archive-grid {
	grid-template-columns: repeat(3, 1fr);
	column-gap: 50px;
	row-gap: 100px;
}

/* PAGINATION */

.page-numbers {
	display: flex;
	list-style: none;
	align-items: center;
	justify-content: center;
	gap: 25px;
}

.next, .prev {
	gap: 10px;
}

.page-numbers li {
	display: grid;
	justify-items: center;
	align-items: center;
}

.page-numbers li a, .page-numbers li:has(.dots) {
	text-decoration: none;
	color: var(--act-primary);
	font-size: 24px;
	font-weight: 600;
}

.page-numbers li:has(.current) {
	color: var(--black);
	font-weight: 600;
	font-size: 24px;
	text-decoration: underline;
}

@media screen and (max-width: 1180px) and (orientation: portrait),
screen and (max-width: 1024px) {
    .archive-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 768px) {
	.archive-grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 50px;
	}
	
	.link-tiles {
		grid-template-columns: repeat(1, 1fr);
	}
}