/* ------------------------------------------------------------------ blog */

.nlpa-bloghero {
	padding: clamp(34px, 4vw, 56px) 0 0;
	background: var(--wp--preset--color--paneel);
	color: var(--wp--preset--color--wit);
}

.nlpa-blogwrap {
	max-width: var(--nlpa-breed);
	margin-inline: auto;
}

.nlpa-bloghero__label {
	margin: 0 0 12px;
	color: var(--wp--preset--color--olijf);
	font: 700 12px/1.3 var(--wp--preset--font-family--kop);
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.nlpa-bloghero h1 {
	max-width: 16ch;
	margin: 0;
	color: inherit;
	font-size: clamp(36px, 5vw, 58px);
	line-height: 1.08;
}

.nlpa-bloghero__intro {
	max-width: 58ch;
	margin-top: 20px;
	color: var(--nlpa-tekst-op-donker);
	font-size: 18px;
	line-height: 1.65;
}

.nlpa-bloghero__intro p {
	margin: 0;
}

.nlpa-bloghero__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.93fr) minmax(320px, 0.72fr);
	align-items: stretch;
	overflow: hidden;
	border-radius: var(--nlpa-radius-groot) var(--nlpa-radius-groot) 0 0;
	background: var(--wp--preset--color--paars-diep);
}

.nlpa-bloghero__inhoud {
	display: flex;
	min-height: 360px;
	flex-direction: column;
	justify-content: center;
	padding: clamp(38px, 5vw, 72px);
}

.nlpa-bloghero__beeld {
	position: relative;
	min-height: 0;
	align-self: center;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--wp--preset--color--paars);
}

.nlpa-bloghero__beeld img {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.nlpa-bloghero__beeldvlak {
	display: none;
}

.nlpa-bloghero__beeld--leeg::after {
	position: absolute;
	right: 13%;
	bottom: 12%;
	width: 46%;
	aspect-ratio: 1;
	border: 1px solid rgba(253, 252, 253, 0.54);
	border-radius: 50%;
	content: '';
}

.nlpa-bloghero__signaal {
	margin: 28px 0 0;
	color: var(--wp--preset--color--wit);
	font: 700 13px/1.4 var(--wp--preset--font-family--kop);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.nlpa-blogstart,
.nlpa-bloguitgelicht {
	padding-top: var(--nlpa-lucht);
}

.nlpa-blogstart {
	display: grid;
	grid-template-columns: minmax(180px, 0.46fr) minmax(0, 1fr);
	gap: clamp(28px, 6vw, 96px);
	align-items: start;
}

.nlpa-blogstart__label,
.nlpa-bloguitgelicht__label {
	margin: 0 0 9px;
	color: var(--wp--preset--color--olijf-tekst);
	font: 700 12px/1.3 var(--wp--preset--font-family--kop);
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

.nlpa-blogstart h2,
.nlpa-bloguitgelicht h2 {
	margin: 0;
	font-size: clamp(28px, 3vw, 42px);
	line-height: 1.1;
}

.nlpa-blogstart__kaarten {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid var(--wp--preset--color--rand);
}

.nlpa-blogstart__kaart {
	display: flex;
	min-height: 196px;
	flex-direction: column;
	padding: 20px 22px 18px;
	border-right: 1px solid var(--wp--preset--color--rand);
	border-bottom: 1px solid var(--wp--preset--color--rand);
	color: var(--wp--preset--color--tekst);
	text-decoration: none;
	transition: background var(--nlpa-vlot), color var(--nlpa-vlot);
}

.nlpa-blogstart__kaart:first-child {
	border-left: 1px solid var(--wp--preset--color--rand);
}

.nlpa-blogstart__kaart:hover,
.nlpa-blogstart__kaart:focus-visible {
	background: var(--wp--preset--color--paars-diep);
	color: var(--wp--preset--color--wit);
}

.nlpa-blogstart__nummer {
	margin-bottom: auto;
	color: var(--wp--preset--color--olijf-tekst);
	font: 700 12px/1 var(--wp--preset--font-family--kop);
	letter-spacing: 0.1em;
}

.nlpa-blogstart__kaart:hover .nlpa-blogstart__nummer,
.nlpa-blogstart__kaart:focus-visible .nlpa-blogstart__nummer {
	color: var(--wp--preset--color--olijf);
}

.nlpa-blogstart__titel {
	display: flex;
	gap: 8px;
	align-items: baseline;
	font: 700 18px/1.25 var(--wp--preset--font-family--kop);
}

.nlpa-blogstart__titel span {
	color: var(--wp--preset--color--olijf-tekst);
}

.nlpa-blogstart__tekst {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.5;
	opacity: 0.78;
}

.nlpa-bloguitgelicht {
	padding-bottom: var(--nlpa-lucht-krap);
}

.nlpa-bloguitgelicht__kop {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 26px;
}

.nlpa-bloguitgelicht__raster {
	display: grid;
	grid-template-columns: minmax(0, 1.38fr) repeat(2, minmax(0, 0.81fr));
	gap: 22px;
}

.nlpa-bloguitgelicht__artikel {
	display: flex;
	min-height: 100%;
	flex-direction: column;
	border-top: 1px solid var(--wp--preset--color--rand);
}

.nlpa-bloguitgelicht__artikel--groot {
	border: 0;
	background: var(--wp--preset--color--wit);
	box-shadow: var(--nlpa-schaduw-zacht);
}

.nlpa-bloguitgelicht__beeld {
	display: block;
	overflow: hidden;
	background: var(--wp--preset--color--paars-licht);
}

.nlpa-bloguitgelicht__beeld img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	transition: transform var(--nlpa-traag);
}

.nlpa-bloguitgelicht__artikel:hover .nlpa-bloguitgelicht__beeld img {
	transform: scale(1.025);
}

.nlpa-bloguitgelicht__beeld--leeg {
	aspect-ratio: 16 / 9;
}

.nlpa-bloguitgelicht__inhoud {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	padding: 20px 0 8px;
}

.nlpa-bloguitgelicht__artikel--groot .nlpa-bloguitgelicht__inhoud {
	padding: 26px;
}

.nlpa-bloguitgelicht__meta {
	margin: 0;
	color: var(--wp--preset--color--olijf-tekst);
	font: 700 11px/1.4 var(--wp--preset--font-family--kop);
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.nlpa-bloguitgelicht h3 {
	margin: 12px 0 10px;
	font-size: clamp(20px, 2vw, 25px);
	line-height: 1.2;
}

.nlpa-bloguitgelicht h3 a {
	color: var(--wp--preset--color--tekst);
	text-decoration: none;
}

.nlpa-bloguitgelicht h3 a:hover,
.nlpa-bloguitgelicht h3 a:focus-visible {
	color: var(--wp--preset--color--paars);
	text-decoration: underline;
	text-underline-offset: 4px;
}

.nlpa-bloguitgelicht__inhoud > p:not(.nlpa-bloguitgelicht__meta) {
	margin: 0;
	color: var(--wp--preset--color--tekst-grijs);
	font-size: 15px;
	line-height: 1.55;
}

.nlpa-bloguitgelicht__lees {
	margin-top: auto;
	padding-top: 20px;
	color: var(--wp--preset--color--paars);
	font: 700 14px/1.4 var(--wp--preset--font-family--kop);
	text-decoration: none;
}

.nlpa-bloguitgelicht__lees:hover,
.nlpa-bloguitgelicht__lees:focus-visible {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.nlpa-blogoverzicht {
	padding: var(--nlpa-lucht-ruim) var(--nlpa-marge);
	background: var(--wp--preset--color--paneel);
}

.nlpa-blogoverzicht--home {
	padding-top: 0;
}

.nlpa-blogoverzicht__alle {
	margin: var(--nlpa-lucht-krap) 0 26px;
	padding-top: var(--nlpa-lucht-krap);
	border-top: 1px solid var(--wp--preset--color--rand);
}

.nlpa-blogoverzicht__alle h2 {
	margin: 0;
	font-size: clamp(28px, 3vw, 42px);
	line-height: 1.1;
}

.nlpa-blogoverzicht__titel {
	max-width: 22ch;
	margin: 0 0 16px;
	font-size: clamp(32px, 5vw, 52px);
	line-height: 1.12;
}

.nlpa-blogoverzicht__omschrijving {
	max-width: 62ch;
	margin: -4px 0 32px;
	color: var(--wp--preset--color--tekst-grijs);
	line-height: 1.65;
}

.nlpa-blogoverzicht__omschrijving:empty {
	display: none;
}

.nlpa-blograster {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nlpa-blogkaart {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	border-radius: var(--nlpa-radius-kaart);
	background: var(--wp--preset--color--wit);
	box-shadow: var(--nlpa-schaduw-zacht);
}

.nlpa-blogkaart__beeld {
	display: block;
	overflow: hidden;
}

.nlpa-blogkaart__beeld img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	transition: transform var(--nlpa-traag);
}

.nlpa-blogkaart:hover .nlpa-blogkaart__beeld img {
	transform: scale(1.03);
}

.nlpa-blogkaart__inhoud {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	padding: 24px;
}

.nlpa-blogkaart__categorie,
.nlpa-blogkaart__datum {
	margin: 0;
	font: 700 12px/1.4 var(--wp--preset--font-family--kop);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.nlpa-blogkaart__categorie a {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	color: var(--wp--preset--color--olijf-tekst);
	text-decoration: none;
}

.nlpa-blogkaart__titel {
	margin: 12px 0 10px;
	font-size: 22px;
	line-height: 1.24;
}

.nlpa-blogkaart__titel a {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	color: var(--wp--preset--color--tekst);
	text-decoration: none;
}

.nlpa-blogkaart__titel a:hover,
.nlpa-blogkaart__titel a:focus-visible {
	color: var(--wp--preset--color--paars);
	text-decoration: underline;
	text-underline-offset: 4px;
}

.nlpa-blogkaart .wp-block-post-excerpt {
	margin: 0;
	color: var(--wp--preset--color--tekst-grijs);
	font-size: 15px;
	line-height: 1.6;
}

.nlpa-blogkaart__datum {
	margin-top: auto;
	padding-top: 20px;
	color: var(--wp--preset--color--tekst-grijs);
	letter-spacing: 0.04em;
	text-transform: none;
}

.nlpa-blogkaart:not(:has(.nlpa-blogkaart__beeld img)) .nlpa-blogkaart__inhoud {
	min-height: 100%;
	padding-top: 32px;
}

.nlpa-blogoverzicht .wp-block-query-pagination {
	margin-top: 48px;
	font-family: var(--wp--preset--font-family--kop);
	font-weight: 700;
}

.nlpa-blogoverzicht .wp-block-query-pagination a,
.nlpa-blogoverzicht .wp-block-query-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 10px;
	border-radius: 50%;
	color: var(--wp--preset--color--paars);
	text-decoration: none;
}

.nlpa-blogoverzicht .wp-block-query-pagination a:hover {
	background: var(--wp--preset--color--paars);
	color: var(--wp--preset--color--wit);
}

/* ----------------------------------------------------------- artikel B1 */

.nlpa-blogartikelgrid {
	display: grid;
	grid-template-columns: 230px minmax(0, 720px);
	justify-content: center;
	gap: clamp(34px, 5vw, 66px);
	align-items: start;
	max-width: 1060px;
	margin-inline: auto;
}

body.nlpa-blog-zonder-inhoudsopgave .nlpa-blogartikelgrid {
	grid-template-columns: minmax(0, 720px);
	max-width: 720px;
}

.nlpa-blogartikelgrid .nlpa-inhoudsopgave {
	top: 104px;
	padding: 18px 0;
	border: 0;
	border-top: 1px solid var(--wp--preset--color--rand);
	border-bottom: 1px solid var(--wp--preset--color--rand);
	border-radius: 0;
	background: transparent;
}

.nlpa-blogartikelgrid .nlpa-inhoudsopgave details,
.nlpa-blogartikelgrid .nlpa-inhoudsopgave summary {
	margin: 0;
}

.nlpa-blogartikelgrid .nlpa-inhoudsopgave summary {
	display: flex;
	min-height: 44px;
	align-items: center;
	padding: 0 4px;
	color: var(--wp--preset--color--tekst);
	font: 700 13px/1.4 var(--wp--preset--font-family--kop);
	cursor: pointer;
}

.nlpa-blogartikelgrid .nlpa-inhoudsopgave__links {
	margin-top: 12px;
}

.nlpa-blogartikelgrid .nlpa-inhoudsopgave a {
	display: flex;
	width: 100%;
	min-height: 44px;
	align-items: center;
}

.nlpa-blogartikel {
	min-width: 0;
}

.nlpa-blogartikeltitel {
	max-width: 19ch;
	margin: 0 0 16px;
	color: var(--wp--preset--color--tekst);
	font-size: clamp(32px, 4vw, 48px);
	line-height: 1.12;
	letter-spacing: -0.02em;
}

.nlpa-blogmeta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	margin: 0 0 28px;
	color: var(--wp--preset--color--tekst-grijs);
	font: 600 12.5px/1.5 var(--wp--preset--font-family--kop);
}

.nlpa-blogmeta a {
	color: inherit;
}

.nlpa-blogartikelbeeld {
	margin: 0 0 30px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 24px 54px -38px rgba(43, 20, 51, 0.62);
}

.nlpa-blogartikelbeeld img {
	display: block;
	width: 100%;
	max-height: 440px;
	object-fit: cover;
}

.nlpa-bloglichaam {
	color: var(--wp--preset--color--tekst);
	font-size: 17px;
	line-height: 1.75;
}

.nlpa-bloglichaam > * {
	max-width: 70ch;
}

.nlpa-bloglichaam h2 {
	margin: 44px 0 12px;
	scroll-margin-top: 32px;
	color: var(--wp--preset--color--tekst);
	font-size: clamp(24px, 2.8vw, 32px);
	line-height: 1.22;
}

.nlpa-bloglichaam h3 {
	margin: 32px 0 10px;
	color: var(--wp--preset--color--tekst);
	font-size: clamp(20px, 2.2vw, 24px);
	line-height: 1.3;
}

.nlpa-bloglichaam h4 {
	margin: 28px 0 8px;
	color: var(--wp--preset--color--tekst);
	font-size: 18px;
	line-height: 1.4;
}

.nlpa-bloglichaam a {
	color: var(--wp--preset--color--paars);
	text-underline-offset: 3px;
}

.nlpa-bloglichaam img,
.nlpa-bloglichaam iframe,
.nlpa-bloglichaam video,
.nlpa-bloglichaam table {
	max-width: 100%;
}

.nlpa-bloglichaam iframe,
.nlpa-bloglichaam video {
	width: 100%;
}

.nlpa-bloglichaam img {
	height: auto;
}

.nlpa-blog-auteur,
.nlpa-blog-gerelateerd {
	margin-top: clamp(50px, 7vw, 76px);
	padding-top: 22px;
	border-top: 1px solid var(--wp--preset--color--rand);
}

.nlpa-blog-auteur__label {
	margin: 0 0 6px;
	color: var(--wp--preset--color--olijf-tekst);
	font: 700 12px/1.4 var(--wp--preset--font-family--kop);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.nlpa-blog-auteur h2,
.nlpa-blog-gerelateerd h2 {
	margin: 0 0 12px;
	font-size: 24px;
}

.nlpa-blog-auteur__omschrijving p {
	max-width: 64ch;
	margin: 0;
	color: var(--wp--preset--color--tekst-grijs);
	line-height: 1.65;
}

.nlpa-blog-gerelateerd ul {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nlpa-blog-gerelateerd li {
	margin: 0;
}

.nlpa-blog-gerelateerd a {
	display: flex;
	min-height: 44px;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	padding: 4px 0;
	color: var(--wp--preset--color--tekst);
	font: 700 13px/1.45 var(--wp--preset--font-family--kop);
	text-decoration-color: transparent;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.nlpa-blog-gerelateerd a:hover,
.nlpa-blog-gerelateerd a:focus-visible {
	color: var(--wp--preset--color--paars);
	text-decoration-color: currentColor;
}

@media (max-width: 900px) {
	.nlpa-blograster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.nlpa-bloghero__grid { grid-template-columns: minmax(0, 1fr) minmax(260px, 0.7fr); }
	.nlpa-bloghero__inhoud { padding: 42px; }
	.nlpa-blogstart { grid-template-columns: 1fr; gap: 26px; }
	.nlpa-bloguitgelicht__raster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.nlpa-bloguitgelicht__artikel--groot { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.nlpa-bloguitgelicht__artikel--groot .nlpa-bloguitgelicht__beeld { height: 100%; }
	.nlpa-bloguitgelicht__artikel--groot .nlpa-bloguitgelicht__beeld img { height: 100%; }
}

@media (max-width: 600px) {
	.nlpa-blograster { grid-template-columns: 1fr; }
	.nlpa-blogkaart__inhoud { padding: 22px; }
	.nlpa-bloghero { padding-top: 16px; }
	.nlpa-bloghero__grid { grid-template-columns: 1fr; border-radius: var(--nlpa-radius-kaart) var(--nlpa-radius-kaart) 0 0; }
	.nlpa-bloghero__inhoud { min-height: auto; padding: 38px 28px; }
	.nlpa-bloghero__beeld { min-height: 0; max-height: none; }
	.nlpa-blogstart__kaarten { grid-template-columns: 1fr; }
	.nlpa-blogstart__kaart { min-height: 148px; border-left: 1px solid var(--wp--preset--color--rand); }
	.nlpa-bloguitgelicht__kop { display: block; }
	.nlpa-bloguitgelicht__kop h2 { margin-top: 8px; }
	.nlpa-bloguitgelicht__raster { grid-template-columns: 1fr; }
	.nlpa-bloguitgelicht__artikel--groot { display: flex; }
	.nlpa-bloguitgelicht__artikel--groot .nlpa-bloguitgelicht__beeld { height: auto; }
	.nlpa-bloguitgelicht__artikel--groot .nlpa-bloguitgelicht__beeld img { height: auto; }
}

@media (max-width: 760px) {
	.nlpa-blogartikelgrid {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.nlpa-blogartikelgrid .nlpa-inhoudsopgave {
		position: static;
	}

	.nlpa-blogartikeltitel {
		font-size: clamp(30px, 9vw, 40px);
	}

	.nlpa-blog-gerelateerd ul {
		grid-template-columns: 1fr;
	}
}