/*
 * CERIC Resource Library — Competency tiles slider.
 *
 * Loaded after library-updates.css. On desktop the four Competency groups
 * fit in one row (the arrows hide themselves); on tablet and mobile they
 * scroll like the Theme tiles instead of stacking.
 */

.ceric-rl-page-inner .ceric-rl-tiles.is-carousel.is-count-4 {
	grid-template-columns: none;
	grid-auto-columns: calc((100% - 3 * 25px) / 4);
}

@media (max-width: 900px) {
	.ceric-rl-page-inner .ceric-rl-tiles.is-carousel.is-count-4 {
		grid-auto-columns: calc((100% - 25px) / 2);
	}
}

@media (max-width: 640px) {
	.ceric-rl-page-inner .ceric-rl-tiles.is-carousel.is-count-4 {
		grid-auto-columns: 100%;
	}
}