/* Blok: Berichtenraster (gescopet op .block-postgrid).
   Maatvoering 1:1 uit Divi's et_pb_blog in grid-weergave:
   - sectie: boven 2% (rijpadding), onder 2% + 4% (rij + sectie), bevroren op
     27/81px boven 1350px viewport; ≤980px vast 30/80px.
   - kolommen: 3 × 29,667% met 5,5% goot (gutter 3); ≤980px 2 kolommen,
     ≤767px 1 kolom.
   - kaart: padding 0, witte achtergrond, radius alleen bovenaan, overflow
     hidden — de afbeelding steekt 20px buiten de kaart en wordt daar afgesneden. */
.block-postgrid{padding:2% 0 6%;background:#fff;}
@media (min-width:1350px){
	.block-postgrid{padding:27px 0 81px;}
}

.td-postgrid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	column-gap:5.5%;
	align-items:start;
}
.td-postgrid__empty{
	font-family:"Inter",Helvetica,Arial,sans-serif;font-weight:300;font-size:14px;
	line-height:23.8px;color:#000;margin:0;
}

.td-postcard{
	background:#fff;
	padding:0;
	border:0;
	border-radius:10px 10px 0 0;
	overflow:hidden;
	overflow-wrap:break-word;
	margin:0 0 18.539%;
}
/* Onderste rij = laatste kaart in zijn kolom; Divi zet daar 30px onder. */
.td-postgrid>.td-postcard:nth-last-child(-n+3){margin-bottom:30px;}

/* Uitgelichte afbeelding: 20px buiten de kaart, wordt door overflow afgesneden.
   Divi zet 29px onder de container, maar de link erbinnen heeft 30px die ermee
   samenklapt — netto 30px. */
.td-postcard__media{display:block;position:relative;margin:-20px -20px 30px;}
.td-postcard__media img{display:block;width:100%;height:auto;}

.td-postcard__title{
	margin:0;padding:0 0 10px;
	font-family:var(--td-font-body);font-size:18px;line-height:18px;font-weight:500;
}
.td-postcard__title a{
	font-family:var(--td-font-head);color:var(--td-blue);text-decoration:none;
}

.td-postcard__meta{
	margin:0 0 6px;
	font-family:"Inter",Helvetica,Arial,sans-serif;font-weight:500;
	font-size:14px;line-height:23.8px;color:#000;
}
.td-postcard__meta a{color:#000;text-decoration:none;}

.td-postcard__content{margin:0 0 5%;}
.td-postcard__inner{
	margin:0 0 7%;
	font-family:"Inter",Helvetica,Arial,sans-serif;font-weight:300;
	font-size:14px;line-height:23.8px;color:#000;
}
.td-postcard__inner p{margin:0;}

/* Divi's more-link is inline: de knop steekt buiten zijn regel uit. */
.td-postcard__more{
	display:inline;
	font-family:var(--td-font-btn);font-size:14px;font-weight:500;line-height:23.8px;
	color:var(--td-blue);background:#fff;
	border:2px solid var(--td-blue);border-radius:100px;
	padding:10px 30px;
	transition:color .3s ease,background-color .3s ease;
}
.td-postcard__more:hover{background:var(--td-blue);color:#fff;}

/* Tablet: 2 kolommen. */
@media (max-width:980px){
	.block-postgrid{padding:30px 0 80px;}
	.td-postgrid{grid-template-columns:repeat(2,minmax(0,1fr));}
	.td-postcard{margin-bottom:16.21%;}
	.td-postgrid>.td-postcard:nth-last-child(-n+3){margin-bottom:16.21%;}
	.td-postgrid>.td-postcard:nth-last-child(-n+2){margin-bottom:30px;}
}

/* Telefoon: 1 kolom. */
@media (max-width:767px){
	.td-postgrid{grid-template-columns:minmax(0,1fr);}
	/* Divi zet de berichttitel op telefoon op 16px (18px op groter scherm). */
	.td-postcard__title{font-size:16px;line-height:16px;}
	.td-postcard,
	.td-postgrid>.td-postcard:nth-last-child(-n+3),
	.td-postgrid>.td-postcard:nth-last-child(-n+2){margin-bottom:9.5%;}
	.td-postgrid>.td-postcard:last-child{margin-bottom:30px;}
}

/* ---- Archief / zoekresultaat (index.php) ---------------------------------
   Zelfde raster als het blok, met een kop erboven en ruimte onder de vaste
   header. ------------------------------------------------------------------ */
.td-archive{padding-top:4%;}
@media (min-width:1350px){.td-archive{padding-top:54px;}}
.td-archive__title{
	font-family:var(--td-font-head);font-size:40px;line-height:48px;
	color:var(--td-blue);margin:0 0 40px;
}
.td-archive .navigation.pagination{margin-top:20px;}
.td-archive .nav-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.td-archive .page-numbers{
	display:inline-block;font-family:var(--td-font-btn);font-size:15px;
	color:var(--td-blue);background:#fff;border:2px solid var(--td-blue);
	border-radius:100px;padding:6px 18px;
}
.td-archive .page-numbers.current,
.td-archive .page-numbers:hover{background:var(--td-blue);color:#fff;}
.td-archive .screen-reader-text{
	position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;
}
@media (max-width:980px){
	.td-archive{padding-top:30px;}
	.td-archive__title{font-size:30px;line-height:36px;margin-bottom:30px;}
}
@media (max-width:767px){
	.td-archive__title{font-size:25px;line-height:30px;}
}