/**
 * Layout primitives. Values come from tokens.css.
 */

.jrich-container {
	width: min(100% - (2 * var(--jrich-gutter)), var(--jrich-width-wide));
	margin-inline: auto;
}

.jrich-container--narrow {
	width: min(100% - (2 * var(--jrich-gutter)), var(--jrich-width-content));
}

.jrich-layout__inner {
	display: grid;
	gap: var(--jrich-space-xl);
}

.jrich-has-sidebar .jrich-layout__inner {
	grid-template-columns: minmax(0, 1fr);
}

.jrich-grid {
	display: grid;
	gap: var(--jrich-space-lg);
}

.jrich-grid--two,
.jrich-grid--programmes,
.jrich-grid--values,
.jrich-grid--contact,
.jrich-grid--posts,
.jrich-grid--staff,
.jrich-grid--events,
.jrich-grid--gallery {
	grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 48rem) {
	.jrich-has-sidebar .jrich-layout__inner {
		grid-template-columns: minmax(0, 1.7fr) minmax(14rem, 0.7fr);
		align-items: start;
	}

	.jrich-grid--two,
	.jrich-grid--programmes,
	.jrich-grid--values,
	.jrich-grid--contact,
	.jrich-grid--posts,
	.jrich-grid--staff,
	.jrich-grid--events,
	.jrich-grid--gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 64rem) {
	.jrich-grid--programmes,
	.jrich-grid--values,
	.jrich-grid--posts,
	.jrich-grid--staff,
	.jrich-grid--gallery {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 47.99rem) {
	.jrich-grid--gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--jrich-space-sm);
	}

	.jrich-search-form {
		grid-template-columns: 1fr;
	}

	.jrich-cta-buttons {
		width: 100%;
	}

.jrich-cta-buttons .jrich-button--primary,
	.jrich-cta-buttons .jrich-button--secondary {
		flex: 1 1 auto;
		width: 100%;
	}
}

.jrich-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jrich-nav__menu[hidden] {
	display: none;
}