/* ==========================================================================
   Nasci-thema

   1. Basis, vroeg in de <head>: Bootstrap 3 (dezelfde bouw als Hub) en de
      basisopmaak van Hub (typography.css). Daarna komen Elementor, de kit en
      de widgets, en die winnen. De rest van wat Hub gaf staat in
      hub-brug.css, net als bij Hub ná Elementor geladen.
   2. Header en footer om de pagina heen, zoals in Hub: de zwevende pill ligt
      over de eerste sectie en blijft op brede schermen staan.
   3. De pagina's die het thema zelf tekent: kopband, tekst, berichten,
      zoeken, 404.
   ========================================================================== */

:root {
	--nasci-lime: #90E509;
	--nasci-lime-licht: #A4EF23;
	--nasci-lime-diep: #82DB05;
	--nasci-link: #3F7D00;
	--nasci-inkt: #0C2721;
	--nasci-nacht: #071B16;
	--nasci-bos: #0E2E26;
	--nasci-licht: #F5F5F3;
	--nasci-steen: #5B6B66;
	--nasci-lijn: rgba(12, 39, 33, .12);
	--nasci-lijn-donker: rgba(255, 255, 255, .14);
	--nasci-kopletter: 'Aloevera', 'Satoshi', system-ui, sans-serif;
	--nasci-letter: 'Satoshi', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--nasci-verloop: linear-gradient(135deg, var(--nasci-lime-licht) 0%, var(--nasci-lime) 55%, var(--nasci-lime-diep) 100%);
	--nasci-zijkant: clamp(16px, 4vw, 48px);
	--nasci-breed: 1240px;
	--nasci-smal: 760px;
}

/* --------------------------------------------------------------------------
   1. Basis
   Bootstrap 3 (bootstrap-3.min.css, de bouw die Hub laadde) staat ervoor.
   Hier de basisopmaak van Hub zelf (typography.css): lettermaat van de body
   en de maten van de koppen. De kit gaat erover.
   -------------------------------------------------------------------------- */

html {
	scroll-behavior: smooth;
}

body {
	font-family: "Rubik", sans-serif;
	font-size: 18px;
	line-height: 1.7;
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	margin: 1em 0 .5em;
	color: #181b31;
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	line-height: 1.2em;
}

h1, .h1 {
	margin-top: 0;
	font-size: 52px;
}

h2, .h2 {
	margin-top: .75em;
	font-size: 40px;
}

h3, .h3 {
	font-size: 32px;
}

h4, .h4 {
	font-size: 25px;
}

h5, .h5 {
	font-size: 21px;
}

h6, .h6 {
	font-size: 18px;
}

::selection {
	background: rgba(144, 229, 9, .3);
}

/* Alleen voor schermlezers */
.nasci-verborgen,
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Meteen naar de inhoud: alleen zichtbaar met het toetsenbord */
.nasci-overslaan {
	position: fixed;
	top: 12px;
	left: 12px;
	z-index: 100000;
	padding: 12px 18px;
	border-radius: 999px;
	background: var(--nasci-inkt);
	color: #fff;
	font-family: var(--nasci-letter);
	font-size: 16px;
	font-weight: 700;
	transform: translateY(-200%);
	transition: transform .2s ease;
}

.nasci-overslaan:focus {
	color: #fff;
	outline: 2px solid var(--nasci-lime);
	outline-offset: 2px;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

/* --------------------------------------------------------------------------
   2. Header en footer om de pagina
   -------------------------------------------------------------------------- */

/* De paginakleur komt uit de kit (inc/hub/kit.php); Hub zette hem op
   #wrap en de inhoud. */
.nasci-pagina {
	position: relative;
	background: var(--nasci-pagina-kleur, #fff);
}

/* De inhoud ligt boven de footer en onder de header, zoals in Hub.
   flow-root: een negatieve marge op de eerste of laatste sectie blijft
   binnen de inhoud, zoals in Hub (daar deed de clearfix van .container dat). */
.nasci-inhoud {
	position: relative;
	z-index: 2;
	display: flow-root;
	background: var(--nasci-pagina-kleur, #fff);
}

.nasci-kop {
	position: relative;
	z-index: 99;
}

/* De zwevende pill van Nasci Header ligt over de eerste sectie, zoals Hub
   de header met 'overlay' tekende. */
.nasci-kop--zwevend {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}

/* Vast bij scrollen (nasci-thema.js zet .is-vast), vanaf 1200 pixels. */
@media (min-width: 1200px) {
	.nasci-kop--zwevend.is-vast {
		position: fixed;
		animation: nasci-kop-in .45s cubic-bezier(.22, .9, .3, 1);
	}

	.admin-bar .nasci-kop--zwevend.is-vast {
		top: 32px;
	}
}

@keyframes nasci-kop-in {
	from {
		opacity: 0;
		transform: translateY(-24px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.nasci-kop--zwevend.is-vast {
		animation: none;
	}
}

.nasci-voet {
	position: relative;
	display: block;
}

/* De eigen onderdelen van het thema in de huisletter. */
.nasci-pil,
.nasci-voet--eenvoudig,
.nasci-band,
.nasci-sectie {
	font-family: var(--nasci-letter);
}

/* Eenvoudige header (alleen zonder Elementor-header) */
.nasci-pil {
	position: absolute;
	top: 20px;
	right: var(--nasci-zijkant);
	left: var(--nasci-zijkant);
	display: flex;
	align-items: center;
	gap: 20px;
	max-width: 1400px;
	margin: 0 auto;
	padding: 12px 12px 12px 24px;
	border: 1px solid var(--nasci-lijn-donker);
	border-radius: 999px;
	background: rgba(10, 31, 26, .72);
	color: #fff;
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	box-shadow: 0 12px 40px rgba(0, 0, 0, .22);
}

.nasci-pil-logo {
	display: inline-flex;
	flex: none;
	align-items: center;
	color: #fff;
}

.nasci-pil-logo .nasci-logo-beeld {
	width: auto;
	height: 44px;
}

.nasci-logo-tekst {
	font-family: var(--nasci-kopletter);
	font-size: 18px;
	font-weight: 800;
}

.nasci-pil-menu {
	flex: 1;
	min-width: 0;
	overflow-x: auto;
}

.nasci-pil-menu ul {
	display: flex;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
}

.nasci-pil-menu a {
	display: block;
	padding: 10px 14px;
	border-radius: 999px;
	color: #fff;
	font-weight: 500;
}

.nasci-pil-menu a:hover,
.nasci-pil-menu .current-menu-item > a {
	background: rgba(255, 255, 255, .1);
}

.nasci-pil-knop {
	flex: none;
	margin-left: auto;
	padding: 12px 22px;
	border-radius: 999px;
	background: var(--nasci-verloop);
	color: var(--nasci-inkt);
	font-weight: 700;
}

.nasci-pil-knop:hover {
	color: var(--nasci-inkt);
	filter: brightness(1.06);
}

.nasci-kop--zwevend:has(.nasci-pil) {
	height: 20px;
}

/* Eenvoudige footer (alleen zonder Elementor-footer) */
.nasci-voet--eenvoudig {
	padding: 56px 0 40px;
	background: var(--nasci-inkt);
	color: rgba(255, 255, 255, .72);
}

.nasci-voet-binnen {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.nasci-voet-logo .nasci-logo-beeld {
	width: auto;
	height: 44px;
}

.nasci-voet-logo {
	color: #fff;
}

.nasci-voet-menu ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nasci-voet-menu a {
	color: #fff;
}

.nasci-voet-menu a:hover {
	color: var(--nasci-lime-licht);
}

.nasci-voet-klein {
	flex-basis: 100%;
	margin: 0;
	padding-top: 24px;
	border-top: 1px solid var(--nasci-lijn-donker);
	font-size: 14px;
}

/* Een header of footer los bekijken (ook in de editor van Elementor) */
.nasci-voorbeeld {
	background: #0C2721;
}

.nasci-voorbeeld-vlak {
	position: relative;
	min-height: 100vh;
	background:
		radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, .06), transparent 60%),
		#0C2721;
}

/* --------------------------------------------------------------------------
   3. Pagina's van het thema
   -------------------------------------------------------------------------- */

.nasci-breed,
.nasci-smal {
	width: min(100% - var(--nasci-zijkant) * 2, var(--nasci-breed));
	margin-inline: auto;
}

.nasci-smal {
	width: min(100% - var(--nasci-zijkant) * 2, var(--nasci-smal));
}

.nasci-sectie {
	padding-block: clamp(48px, 7vw, 96px);
}

.nasci-sectie--zand {
	background: var(--nasci-licht);
}

.nasci-sectie-titel {
	margin: 0 0 28px;
	font-size: clamp(24px, 2.6vw, 32px);
	letter-spacing: -.02em;
}

/* Labeltje boven een kop: pilletje met lime stip, zoals in de widgets */
.nasci-label {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 22px;
	padding: 7px 16px 7px 13px;
	border: 1px solid var(--nasci-lijn);
	border-radius: 999px;
	color: var(--nasci-inkt);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
}

.nasci-label::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--nasci-lime);
}

/* Kopband: donker, de zwevende header ligt erop */
.nasci-band {
	position: relative;
	overflow: hidden;
	padding: clamp(130px, 14vw, 190px) 0 clamp(56px, 7vw, 96px);
	background: var(--nasci-inkt);
	color: #fff;
}

.nasci-band::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 1px;
	background: var(--nasci-lijn-donker);
}

.nasci-band--groot {
	display: flex;
	align-items: center;
	min-height: min(88vh, 860px);
}

.nasci-band-binnen {
	position: relative;
	width: min(100% - var(--nasci-zijkant) * 2, var(--nasci-breed));
	margin-inline: auto;
}

.nasci-band .nasci-label {
	border-color: var(--nasci-lijn-donker);
	background: rgba(255, 255, 255, .07);
	color: #fff;
}

.nasci-band-titel {
	max-width: 18ch;
	margin: 0;
	color: #fff;
	font-size: clamp(36px, 5.4vw, 72px);
	font-weight: 800;
	line-height: 1.04;
	letter-spacing: -.025em;
	overflow-wrap: break-word;
}

.nasci-band-titel em {
	color: var(--nasci-lime);
	font-style: normal;
}

.nasci-band-meta {
	margin: 20px 0 0;
	color: rgba(255, 255, 255, .62);
	font-size: 15px;
}

.nasci-band-tekst {
	max-width: 58ch;
	margin-top: 22px;
	color: rgba(255, 255, 255, .72);
	font-size: clamp(16px, 1.3vw, 18px);
	line-height: 1.65;
}

.nasci-band-tekst p:last-child {
	margin-bottom: 0;
}

.nasci-band-knoppen {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 32px;
}

.nasci-band .nasci-zoek {
	margin-top: 32px;
}

/* Knoppen */
.nasci-knop {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	padding: 8px 8px 8px 24px;
	border-radius: 999px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	transition: transform .2s ease, filter .2s ease, background-color .2s ease;
}

.nasci-knop-pijl {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	transition: transform .2s ease;
}

.nasci-knop:hover .nasci-knop-pijl {
	transform: rotate(45deg);
}

.nasci-knop--vol {
	background: var(--nasci-verloop);
	color: var(--nasci-inkt);
	box-shadow: 0 10px 30px rgba(144, 229, 9, .28);
}

.nasci-knop--vol .nasci-knop-pijl {
	background: #fff;
	color: var(--nasci-inkt);
}

.nasci-knop--vol:hover {
	color: var(--nasci-inkt);
	filter: brightness(1.06);
}

.nasci-knop--rand {
	border: 1px solid var(--nasci-lijn-donker);
	color: #fff;
}

.nasci-knop--rand .nasci-knop-pijl {
	background: rgba(255, 255, 255, .1);
}

.nasci-knop--rand:hover {
	background: rgba(255, 255, 255, .06);
	color: #fff;
}

.nasci-knop:focus-visible,
.nasci-zoek-knop:focus-visible,
.nasci-tegel:focus-visible,
.nasci-kaart-link:focus-visible,
.nasci-resultaat a:focus-visible {
	outline: 2px solid var(--nasci-lime);
	outline-offset: 3px;
}

/* Zoekveld */
.nasci-zoek {
	display: flex;
	gap: 8px;
	max-width: 560px;
	padding: 6px;
	border: 1px solid var(--nasci-lijn);
	border-radius: 999px;
	background: #fff;
}

.nasci-band .nasci-zoek {
	border-color: var(--nasci-lijn-donker);
	background: rgba(255, 255, 255, .06);
}

.nasci-zoek-veld {
	flex: 1;
	min-width: 0;
	padding: 10px 8px 10px 18px;
	border: 0;
	background: none;
	color: inherit;
	font-size: 16px;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
}

.nasci-zoek-veld::placeholder {
	color: var(--nasci-steen);
	opacity: 1;
}

.nasci-band .nasci-zoek-veld {
	color: #fff;
}

.nasci-band .nasci-zoek-veld::placeholder {
	color: rgba(255, 255, 255, .55);
}

.nasci-zoek:focus-within {
	border-color: var(--nasci-lime);
}

.nasci-zoek-knop {
	display: inline-flex;
	flex: none;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	border: 0;
	border-radius: 999px;
	background: var(--nasci-verloop);
	color: var(--nasci-inkt);
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}

.nasci-zoek-knop:hover {
	filter: brightness(1.06);
}

@media (max-width: 480px) {
	.nasci-zoek-knop span {
		display: none;
	}

	.nasci-zoek-knop {
		padding: 10px 14px;
	}
}

/* Lopende tekst: berichten en pagina's zonder Elementor */
.nasci-tekst {
	color: #22302C;
	font-size: 17px;
	line-height: 1.75;
}

.nasci-tekst > :first-child {
	margin-top: 0;
}

.nasci-tekst :is(h2, h3, h4) {
	margin: 1.8em 0 .55em;
	color: var(--nasci-inkt);
	letter-spacing: -.02em;
}

.nasci-tekst h2 {
	font-size: clamp(26px, 2.6vw, 34px);
}

.nasci-tekst h3 {
	font-size: clamp(21px, 2vw, 25px);
}

.nasci-tekst h4 {
	font-size: 19px;
}

.nasci-tekst :is(p, ul, ol, blockquote, figure, table, pre) {
	margin: 0 0 1.25em;
}

.nasci-tekst :is(ul, ol) {
	padding-left: 1.35em;
}

.nasci-tekst li + li {
	margin-top: .35em;
}

.nasci-tekst ul li::marker {
	color: var(--nasci-lime);
}

.nasci-tekst a {
	color: var(--nasci-link);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.nasci-tekst a:hover {
	color: var(--nasci-lime);
}

.nasci-tekst strong {
	color: var(--nasci-inkt);
	font-weight: 700;
}

.nasci-tekst blockquote {
	padding: 4px 0 4px 24px;
	border-left: 3px solid var(--nasci-lime);
	color: var(--nasci-inkt);
	font-size: 1.15em;
	font-weight: 500;
}

.nasci-tekst blockquote p:last-child {
	margin-bottom: 0;
}

.nasci-tekst :is(img, video) {
	border-radius: 16px;
}

.nasci-tekst figcaption,
.nasci-tekst .wp-caption-text {
	margin-top: 10px;
	color: var(--nasci-steen);
	font-size: 14px;
}

.nasci-tekst table {
	width: 100%;
	font-size: 15px;
}

.nasci-tekst :is(th, td) {
	padding: 10px 12px;
	border-bottom: 1px solid var(--nasci-lijn);
	text-align: left;
}

.nasci-tekst th {
	color: var(--nasci-inkt);
	font-weight: 700;
}

.nasci-tekst .wp-block-table :is(th, td) {
	border: 0;
	border-bottom: 1px solid var(--nasci-lijn);
}

.nasci-tekst .wp-block-table thead {
	border-bottom: 2px solid var(--nasci-inkt);
}

.nasci-tekst :is(code, pre) {
	border-radius: 8px;
	background: var(--nasci-licht);
	font-size: .9em;
}

.nasci-tekst code {
	padding: .15em .4em;
}

.nasci-tekst pre {
	padding: 16px 20px;
	overflow-x: auto;
}

.nasci-tekst .alignwide {
	width: min(100vw - var(--nasci-zijkant) * 2, var(--nasci-breed));
	max-width: none;
	margin-inline: calc((min(100vw - var(--nasci-zijkant) * 2, var(--nasci-breed)) - 100%) / -2);
}

.nasci-tekst .alignfull {
	width: 100vw;
	max-width: none;
	margin-inline: calc(50% - 50vw);
}

.nasci-tekst .alignfull img {
	border-radius: 0;
}

.nasci-tekst .alignleft {
	float: left;
	margin: .3em 1.5em 1em 0;
}

.nasci-tekst .alignright {
	float: right;
	margin: .3em 0 1em 1.5em;
}

.nasci-tekst .aligncenter {
	display: block;
	margin-inline: auto;
}

.nasci-tekst::after {
	content: "";
	display: table;
	clear: both;
}

.nasci-uitgelicht {
	margin: 0 0 40px;
}

.nasci-uitgelicht img {
	display: block;
	width: 100%;
	border-radius: 22px;
}

/* Vorig en volgend bericht */
.nasci-buren {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-top: 56px;
	padding-top: 32px;
	border-top: 1px solid var(--nasci-lijn);
}

.nasci-buur small {
	display: block;
	margin-bottom: 4px;
	color: var(--nasci-steen);
	font-size: 13px;
}

.nasci-buur a {
	color: var(--nasci-inkt);
	font-family: var(--nasci-kopletter);
	font-weight: 800;
	line-height: 1.3;
}

.nasci-buur a:hover {
	color: var(--nasci-lime-diep);
}

.nasci-buur--volgende {
	grid-column: 2;
	text-align: right;
}

/* Berichten als kaarten */
.nasci-kaarten {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
	gap: clamp(16px, 2vw, 28px);
}

.nasci-kaart-link {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	border: 1px solid var(--nasci-lijn);
	border-radius: 24px;
	background: #fff;
	color: var(--nasci-inkt);
	transition: transform .25s ease, box-shadow .25s ease;
}

.nasci-kaart-link:hover {
	color: var(--nasci-inkt);
	transform: translateY(-4px);
	box-shadow: 0 22px 50px rgba(22, 22, 22, .1);
}

.nasci-kaart-beeld {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--nasci-licht);
}

.nasci-kaart-beeld img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}

.nasci-kaart-link:hover .nasci-kaart-beeld img {
	transform: scale(1.04);
}

.nasci-kaart-leeg {
	display: block;
	width: 100%;
	height: 100%;
	background:
		radial-gradient(circle at 80% 20%, rgba(144, 229, 9, .18), transparent 55%),
		var(--nasci-inkt);
}

.nasci-kaart-tekst {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 24px 26px 26px;
}

.nasci-kaart-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
	margin: 0 0 10px;
	color: var(--nasci-steen);
	font-size: 14px;
}

.nasci-kaart-meta span {
	color: var(--nasci-lime-diep);
	font-weight: 700;
}

.nasci-kaart-titel {
	margin: 0 0 10px;
	font-size: 22px;
	line-height: 1.2;
	letter-spacing: -.015em;
}

.nasci-kaart-uittreksel {
	margin: 0 0 20px;
	color: #3B4A45;
	font-size: 15px;
	line-height: 1.6;
}

.nasci-kaart-verder {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	color: var(--nasci-lime-diep);
	font-size: 15px;
	font-weight: 700;
}

.nasci-leeg {
	color: var(--nasci-steen);
	font-size: 18px;
}

/* Zoekresultaten */
.nasci-resultaten {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nasci-resultaat + .nasci-resultaat {
	border-top: 1px solid var(--nasci-lijn);
}

.nasci-resultaat a {
	display: block;
	padding: 28px 0;
	color: var(--nasci-inkt);
}

.nasci-resultaat .nasci-label {
	margin-bottom: 12px;
	padding: 4px 12px 4px 10px;
	font-size: 13px;
}

.nasci-resultaat-titel {
	margin: 0 0 8px;
	font-size: clamp(21px, 2vw, 26px);
	letter-spacing: -.015em;
	transition: color .2s ease;
}

.nasci-resultaat a:hover .nasci-resultaat-titel {
	color: var(--nasci-lime-diep);
}

.nasci-resultaat p {
	margin: 0;
	color: #3B4A45;
	font-size: 16px;
}

/* Snelle links (404, niets gevonden) */
.nasci-tegels {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nasci-tegel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	height: 100%;
	padding: 20px 20px 20px 24px;
	border: 1px solid var(--nasci-lijn);
	border-radius: 20px;
	background: #fff;
	color: var(--nasci-inkt);
	font-family: var(--nasci-kopletter);
	font-size: 18px;
	font-weight: 800;
	transition: border-color .2s ease, transform .2s ease;
}

.nasci-tegel:hover {
	border-color: var(--nasci-lime);
	color: var(--nasci-inkt);
	transform: translateY(-2px);
}

.nasci-tegel-pijl {
	display: grid;
	flex: none;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--nasci-verloop);
	color: var(--nasci-inkt);
}

/* Bladeren */
.nasci-bladeren {
	margin-top: 48px;
}

.nasci-bladeren .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.nasci-bladeren .page-numbers {
	display: inline-grid;
	place-items: center;
	min-width: 44px;
	height: 44px;
	padding: 0 16px;
	border: 1px solid var(--nasci-lijn);
	border-radius: 999px;
	color: var(--nasci-inkt);
	font-weight: 700;
}

.nasci-bladeren a.page-numbers:hover {
	border-color: var(--nasci-lime);
}

.nasci-bladeren .page-numbers.current {
	border-color: transparent;
	background: var(--nasci-inkt);
	color: #fff;
}

.nasci-bladeren .page-numbers.dots {
	border: 0;
}

@media (max-width: 640px) {
	.nasci-buren {
		grid-template-columns: 1fr;
	}

	.nasci-buur--volgende {
		grid-column: auto;
		text-align: left;
	}
}

@media (prefers-reduced-motion: reduce) {
	.nasci-kaart-link,
	.nasci-kaart-beeld img,
	.nasci-tegel,
	.nasci-knop,
	.nasci-knop-pijl {
		transition: none;
	}
}