/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/
/* Verberg 'Grafstenen' in het Media-menu */
a[href*="mediatypeID=headstones"] {
    display: none !important;
}
/* =============  Kwartierstaten blokken  ============= */

.kwartier-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  max-width: 820px;       /* niet te massaal */
  margin: 16px auto;
}

.kwartier-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4e6158;   /* zelfde groen als sidebar */
  color: #fff !important;      /* standaard wit */
  text-decoration: none !important; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;             /* idem als sidebar */
  font-weight: normal;         /* niet vet */
  text-transform: uppercase;   /* idem als sidebar */
  padding: 6px 10px;           /* hoogte gelijk aan sidebar */
  border-radius: 4px;
  line-height: 1.2;
  min-height: 38px;            /* extra zekerheid dat ze even hoog zijn */
}

/* Hover-effect: geel, geen onderstreping */
.kwartier-item:hover {
  color: #ffcc33 !important;   
  text-decoration: none !important;
  filter: none !important;
}

/* Mobiel: 1 kolom */
@media (max-width: 700px) {
  .kwartier-grid {
    grid-template-columns: 1fr;
    max-width: 500px;
  }
}
/* Verberg Google-zoekwidget in footer */
.footer-widgets-3 .widget_search { display: none !important;
}
/* Verberg 'Doorzoek site' in zoekmenu */
a[href*="searchsite.php"] {
  display: none !important;
}
/* Verberg 'Bladwijzers' overal, ook in uitklapmenu's */
a[href*="bookmarks.php"] { 
  display: none !important; 
}

/* Verberg ook het hele <li> item wanneer mogelijk (Chrome/Edge/Safari) */
li:has(> a[href*="bookmarks.php"]) {
  display: none !important;
}
/* Verberg ONLY het fout gelabelde 'Vindplaatsen' dat naar browserepos.php wijst */
a[href*="browserepos.php"] { display: none !important; }
li:has(> a[href*="browserepos.php"]) { display: none !important; 
}

/* === Sidebar: alle afbeeldingen kolombreed === */
.sidebar .widget .post.entry a.alignleft,
.sidebar .widget .post.entry a.alignnone,
.sidebar .widget a.alignleft,
.sidebar .widget a.alignnone{
  float: none !important;      /* niet naast tekst */
  display: block !important;   /* volle kolom */
  margin: 0 0 10px 0 !important;
}

/* alle images in de sidebar op 100% (ook die met vaste width/height in HTML) */
.sidebar .widget img{
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;     /* verhoudingen behouden */
  border-radius: 4px;
}
/* === Sidebar: compacte marges & geen extra br-ruimte === */
.sidebar .widget {                /* hele blokken dichter op elkaar */
  margin-bottom: 14px !important;
  padding-bottom: 0 !important;
}

.sidebar .widget .post.entry {    /* elk item compacter */
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}

.sidebar .widget .entry-header,
.sidebar .widget .entry-title {
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
}
/* Iets meer ruimte en centreren zoals namenwolk */
.namelist { line-height: 2.0em; text-align: center; }
.namelist a { margin: 0 6px; text-decoration: none; color: #4e6158; display: inline-block; }
.namelist a:hover { text-decoration: underline; 
}
/* Verberg FEATURE 6 (3e artikel in eerste sidebar-sectie) */
aside.sidebar-primary.widget-area > section.widget.featured-content > article:nth-of-type(3) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Verberg SIDEBAR 2 en 3 (dit zijn de 2 widget_text secties) */
aside.sidebar-primary.widget-area > section.widget.widget_text {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Zekerheid: geen mini-icoontjes/placeholder-afbeeldingen tonen */
aside.sidebar-primary.widget-area img {
  max-width: 100%;
}
aside.sidebar-primary.widget-area > section.widget.widget_text img {
  display: none !important;
}

/* Restgaten in de sidebar minimaliseren */
aside.sidebar-primary.widget-area { padding-top: 0 !important; padding-bottom: 0 !important; }
aside.sidebar-primary.widget-area > section { margin-bottom: 0 !important; }

/* --- alleen onderste 2 lege blokken in zijbalk weghalen --- */
body.home-page aside.sidebar-primary.widget-area section.widget.widget_text:nth-of-type(2),
body.home-page aside.sidebar-primary.widget-area section.widget.widget_text:nth-of-type(3) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

/* --- eventuele lege img's of groene balken daarin verbergen --- */
body.home-page aside.sidebar-primary.widget-area section.widget.widget_text img,
body.home-page aside.sidebar-primary.widget-area section.widget.widget_text .widget-title {
  display: none !important;
}
/* HOME — verberg alléén het 4e artikel in de eerste sidebar-sectie (leeg blok) */
body.home-page aside.sidebar-primary.widget-area
  > section.widget.featured-content
  > div
  > article.post.entry:nth-of-type(4) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

/* Mini-fix voor mobiel zonder layout-verbouwing */
@media (max-width: 600px){
  .birthplace-cloud, .namelist {max-height: 160px; overflow:auto;}
  .post.entry h2 {font-size: 1rem; margin-bottom: 8px;}
}

/* minder witruimte ONDER de kop (bovenkant van de grijze balk) */
.menucontainer { margin-top: 6px !important; }   /* evt. 0 of 8 proberen */
.site-inner { padding-top: 0 !important; }       /* vangt extra padding af */



/* ===== Witruimte onder de grijze Startpagina-balk op vervolgpagina's ===== */
:root { --vv-top-gap: 12px; } /* pas aan naar 8/12/16/20px */

body.getperson .menucontainer,        /* persoonsblad */
body.search .menucontainer,           /* zoekresultaten */
body.surnames .menucontainer,         /* familienamen */
body.firstnames .menucontainer,       /* voornamen */
body.places .menucontainer,           /* plaatsen */
body.whatsnew .menucontainer,         /* wat is er nieuw */
body.calendar .menucontainer,         /* kalender */
body.browsemedia .menucontainer,      /* media-overzichten */
body.showmedia .menucontainer,        /* media-detail */
body.statistics .menucontainer,       /* statistieken */
body.pedigree .menucontainer,         /* voorouders */
body.descend .menucontainer,          /* nakomelingen */
body.relateform .menucontainer,       /* verwantschap */
body.familychart .menucontainer,      /* gezin / familiekaart */
body.gedform .menucontainer,          /* gedcom */
body.familygroup .menucontainer,      /* gezinsblad */
body.relatives .menucontainer {       /* verwantschapsvarianten */
  margin-bottom: var(--vv-top-gap) !important;
}

/* Persoonspagina: verwijder alléén de 2e <br> onder de naamkop */
body.getperson #nameheader + br[clear="all"] + br { 
  display: none !important; 
}

/* Verwantschap: haal eventuele extra <br> weg */
body.relateform #tngmenu + br,
body.relateform .vcard + br {
  display: none !important;
}

/* TIJDLIJN – ruimte onder de balk, zonder effect boven de balk */
body.timeline .menucontainer {
  margin-bottom: 0 !important;                                /* geen marge aan de balk zelf */
  border-bottom: var(--vv-top-gap) solid transparent !important; /* ‘ademruimte’ eronder */
}
body.timeline .menucontainer + br { 
  display: none !important; 
}
/* ===== TIJDLIJN: geef uitsluitend het éérste 'echte' element ná de grijze balk lucht ===== */
/* 1) Normaal: pak de directe volgende sibling na .menucontainer */
body.timeline .menucontainer + * {
  padding-top: var(--vv-top-gap) !important;
}

/* 2) Als er eerst een BR staat: sla die over en pak het element daarna */
body.timeline .menucontainer + br + * {
  padding-top: var(--vv-top-gap) !important;
}

/* 3) Als er eerst een verborgen #searchdrop staat: sla die over en pak het element daarna */
body.timeline .menucontainer + #searchdrop + * {
  padding-top: var(--vv-top-gap) !important;
}

/* 4) Ruim eventuele losse <br>'s tussen balk en content op (veilig) */
body.timeline .menucontainer + br { display: none !important; }


body.timeline2 .menucontainer {
  margin-bottom: var(--vv-top-gap) !important;   /* ruimte onder de grijze balk */
}

/* Verwijder alléén de 2e <br> onder de naamkop (zelfde als getperson) */
body.timeline2 #nameheader + br[clear="all"] + br {
  display: none !important;
}

/* Zorg dat het naamblok niet extra zakt */
body.timeline2 .vcard { 
  margin-top: 0 !important; 
}

/* Als er direct na de balk nog een losse <br> staat, haal die weg */
body.timeline2 .menucontainer + br { 
  display: none !important; 
}

/* Biografie-pagina's: alleen ongewenste submenu-links verbergen */
body.bio-page a[href*="bookmarks.php"],
body.bio-page a[href*="searchsite.php"],
body.bio-page a[href*="browserepos.php"],
body.bio-page a[href*="anniversaries.php"],
body.bio-page a[href*="mostwanted.php"],
body.bio-page a[href*="mediatypeID=headstones"] {
  display: none !important;
}
/* Lucht onder menubalk op losse PHP-pagina's */
#tngcontent {
  padding-top: 14px;        /* 10–16px naar smaak */
}

/* extra marge als de titel het eerste element is */
#tngcontent > h1:first-child,
#tngcontent > h2:first-child {
  margin-top: 0.6em;
}

/* === BIOGRAFIEPAGINA'S — LAY-OUT & AFBEELDINGEN === */

.bio-container {
  max-width: min(60%, 55rem);
  margin: 0 auto;
  padding: 0 1rem;
  line-height: 1.7;
  font-size: 1.05em;
}

/* Afbeeldingen in de tekst */
.bio-container img {
  max-width: 90%;
  height: auto;
}

/* Afbeelding links met tekst eromheen */
.bio-container .float-left {
  float: left;
  margin: 0 16px 12px 0;
  max-width: 40%;
  height: auto;
}

/* Afbeelding rechts met tekst eromheen */
.bio-container .float-right {
  float: right;
  margin: 0 0 12px 16px;
  max-width: 40%;
  height: auto;
}

/* Afbeelding netjes gecentreerd */
.bio-container .img-center {
  display: block;
  margin: 12px auto;
  max-width: 70%;
  height: auto;
}

/* Regelafbreking na zwevende afbeelding */
.bio-container .clear {
  clear: both;
}

/* Tablet/mobiel */
@media (max-width: 900px) {
  .bio-container {
    max-width: 88%;
  }
  .bio-container img {
    max-width: 100%;
  }
}
/* Bijschrift / toelichting-blok in biografieën */
.bio-container .toelichting {
  font-size: 0.9em;          /* iets kleiner dan hoofdtekst */
  line-height: 1.6;          /* luchtig, goed leesbaar */
  color: #444;               /* iets zachter grijs dan de standaardtekst */
  font-style: italic;        /* subtiele cursieftoon */
  margin: 0.5em 0 1.2em 0;   /* witruimte boven/onder */
  background: #f8f8f8;       /* heel licht vlakje achter de tekst */
  padding: 0.6em 1em;        /* binnenruimte */
  border-left: 3px solid #c1c8c3; /* subtiel streepje links, past bij TNG-groen */
  border-radius: 4px;
}

/* Compacte subtitels + tekst er strak onder */
.bio-container h3 {
  margin: 1.0em 0 0.2em 0 !important;  /* weinig ruimte onder het kopje */
}

.bio-container p {
  margin: 0 0 0.9em 0 !important;      /* geen top-margin op paragrafen */
}

/* extra zekerheid: direct na een h3 nog compacter */
.bio-container h3 + p {
  margin-top: 0.2em !important;
}
/* ——— Telefoon/tablet essentials ——— */

/* Forceer flexibele images die in HTML een vaste width hebben meegekregen */
.home-middle img[width],
.sidebar img[width],
#mainphoto {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Lange namen/plaatsen netjes afbreken in de wolken */
#topfamilienamen a,
.namelist a {
  word-break: break-word;
}

/* Breek 2-koloms layout naar 1 kolom onder 900px */
@media (max-width: 900px) {
  .content-sidebar-wrap { display: block; }
  .content, .sidebar {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }

  /* Iets compactere typografie en titels */
  .entry-content { font-size: .95rem; line-height: 1.5; }
  h2.entry-title { font-size: 1.15rem; }
  h4.widget-title { font-size: 1rem; }

  /* Randjes/ruimte rond Top Familienamen & plaatswolk */
  #topfamilienamen { margin: 24px 0; padding: 12px 0; }
  #topfamilienamen a,
  .namelist a { margin: 3px 6px; line-height: 1.25; }
}
/* Zorg dat 'Top Familienamen' altijd onder de 2 kolommen komt */
#topfamilienamen{
  clear: both;
  float: none;
  display: block;
  width: 100%;
}

/* Extra veiligheid: clearfix op de 2-koloms wrapper */
.content-sidebar-wrap::after{
  content:"";
  display:block;
  clear:both;
}

/* Afbeeldingen in die kolommen responsief maken */
.home-middle img {
  width: 100% !important;
  height: auto !important;
  display: block;
}

/* 6) Afbeeldingen blijven meeschalen (veiligheidsnet) */
img, video { max-width:100%; height:auto; }

/* ——— Mobiele optimalisatie: Persoonspagina ——— */
@media (max-width: 900px){

  /* 1) Zoekbalk compacter en over volle breedte */
  #searchform, .searchform, #tngmenu input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  #searchform label, .searchform label {
    display: block;
    margin: 6px 0 2px 0;
  }
  #searchform input[type="submit"] {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin-top: 6px;
  }

  /* 2) Tabellen horizontaal scrollbaar i.p.v. uit beeld */
  #tngcontent table {
    display: block;
    width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
    -webkit-overflow-scrolling: touch;
  }
  #tngcontent table th,
  #tngcontent table td {
    white-space: nowrap;   /* geen afgebroken cellen */
    padding: 6px 8px;
    font-size: 0.95rem;
  }

  /* 3) Kopteksten kleiner, luchtiger */
  #nameheader {
    font-size: 1.3rem;
    line-height: 1.3;
  }

  /* 4) Formulieren en knoppen niet buiten beeld */
  form, input, select, textarea {
    max-width: 100%;
  }

  /* 5) Lichte marge onder de tabel */
  #tngcontent {
    margin-bottom: 20px;
  }
}
/* ---- HOME (Template 15): twee features naast elkaar, mobiel stapelen ---- */
.home-middle .featured-content > div{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:24px;
}
@media (max-width:900px){
  .home-middle .featured-content > div{ grid-template-columns:1fr; gap:16px; }
}

/* oude float/width/marges uitschakelen */
.home-middle .featured-content .entry,
.home-middle .post.entry{
  float:none !important;
  width:auto !important;
  margin:0 !important;
  box-sizing:border-box;
}
.home-middle .featured-content .entry:nth-of-type(2n+1){ margin-right:0 !important; }

/* afbeeldingen netjes kolombreed */
.home-middle .featured-content .entry img,
.home-middle .post.entry img{
  display:block; width:100% !important; height:auto !important;
}

/* ---- Formulieren schermvullend op mobiel ---- */
@media (max-width:900px){
  input[type="text"], input[type="search"], select, textarea{
    width:100% !important; max-width:100%; box-sizing:border-box;
  }
  /* Zoekknop ook breed */
  input[type="submit"]{ width:100%; padding:10px 0; }
}

/* --- Header en titel zichtbaar houden op mobiel --- */
.site-header {
  overflow: visible !important;
}

.header-image img,
.site-header img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
}

/* op small screens nog iets compacter */
@media (max-width: 600px){
  .nav-primary input[type="text"],
  .nav-primary input[type="search"]{
    height: 26px !important;
    font-size: 13px !important;
    padding: 3px 6px !important;
  }
  .nav-primary .btn,
  #topsearchform input[type="submit"]{
    height: 28px !important;
    font-size: 13px !important;
    padding: 3px 8px !important;
  }
}

/* ——— MOBIEL FIXES (TNG Template 15) ——— */
@media (max-width: 900px){

  /* 1) Header (titel + fotocollage) NIET onder de vaste groene balk laten verdwijnen */
  :root { --nav-h: 64px; }                    /* eventueel 56–72px fine-tunen */
  body .site-container { 
    padding-top: var(--nav-h) !important;     /* ruimte reserveren onder .nav-primary (fixed) */
  }

  /* 2) Zoekvelden compacter op kleine schermen (alle pagina's) */
  input[type="text"], input[type="search"], select, textarea {
    font-size: 14px !important;
    padding: 6px 8px !important;
    height: 34px !important;                  /* was erg hoog */
    box-sizing: border-box;
    max-width: 100%;
  }
  input[type="submit"], .btn, button {
    font-size: 14px !important;
    padding: 8px 12px !important;
    height: 36px !important;
  }

  /* 3) Top-zoekformulier in de menubalk netjes houden */
  #topsearchform { display: block; }
  #topsearchform input[type="text"]{
    width: 45%;
    min-width: 120px;
  }

  /* 4) Hero-foto’s altijd meeschalend (vangnet) */
  #mainphoto, .header-photo {
    width: 100% !important;
    height: auto !important;
    display: block;
  }
}
/* Zorg dat zowel de standaard- als aangepaste header groen is */
#mast,
#masthead,
.nav-primary {
  background-color:#4e6158 !important;
}

/* Verberg 'Alle media' (zonder mediatypeID) in alle menu's, ook mobiel */
a[href="browsemedia.php"],
a[href*="/browsemedia.php"]:not([href*="mediatypeID="]) {
  display: none !important;
}

/* Verberg ook het hele lijstitem wanneer mogelijk (Chrome/Edge/Safari) */
li:has(> a[href="browsemedia.php"]),
li:has(> a[href*="/browsemedia.php"]:not([href*="mediatypeID="])) {
  display: none !important;
}
/* Mobiel: verberg de desktop navigatiebalk volledig */
  .site-header{ margin-top: 0 !important; }
  /* zorg dat de icoonbalk zichtbaar blijft */
  .menucontainer{ display: block !important; }


/* Verberg top-zoekbalk op mobiel */
@media (max-width: 700px){
  .nav-primary .search-menu-item{ display:none !important; }

  /* Voeg een decoratieve groene balk onder de titel toe */
  .site-header .header-title::after{
    content:"";
    display:block;
    height:12px;
    background:#4e6158;   /* jouw groen */
    margin:8px 0 0 0;
    border-radius:2px;
  }
}
/* ——— MOBILE FIXES (<= 700px) ——— */
@media (max-width: 700px){

  /* 1) Voorpagina schaalt niet → container en content 100% breed */
  .site-container,
  .site-inner,
  .content-sidebar-wrap,
  .content {
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  /* 2) Groene bovenbalk (menu/header) altijd zichtbaar op mobiel */
  #tngheader,
  .menucontainer,
  .nav-primary,
  .site-header {
    display:block !important;
  }

  /* 3) Kop + fotocollage schaalbaar */
  .header-title { padding:6px 0; }
  .header-title .site-title {
    font-size: clamp(20px, 6vw, 36px);
    line-height:1.15;
    margin:6px 0;
    word-break: break-word;
  }
  .header-title .header-photo{
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
  }

  /* 4) Zoekvelden in de groene balk: normale hoogte op mobiel */
  #topsearchform input[type="text"],
  #topsearchform input[type="search"]{
    height:28px;
    padding:4px 6px;
    font-size:14px;
    line-height:1.2;
  }
  #topsearchform .btn{
    height:28px;
    padding:4px 10px;
    font-size:14px;
    line-height:1.2;
  }

  /* 5) Voorkom dat iets buiten beeld valt door vaste breedtes */
  img, iframe { max-width:100%; height:auto; }
}
/* FORCEER GROENE BOVENBALK OP MOBIEL */
@media (max-width: 980px){
  /* de hele TNG-topstrip en varianten */
  #tngheader,
  .menucontainer,
  .nav-primary,
  .site-header {
    display: block !important;
    visibility: visible !important;
    position: relative !important;
    top: auto !important;
    height: auto !important;
    z-index: 100 !important;
  }

  /* binnenwerk van de balk zichtbaar houden */
  .menucontainer .innercontainer,
  .menucontainer .icons,
  .menucontainer .icons-rt {
    display: inline-flex !important;
  }
}

/* Voorkom 'dikke lege balken' door lege kopjes */
.widget .widget-title:empty,
.entry-header:empty { display:none; }

/* Icon-knopjes in de topbar: geen vreemde vierkantjes */
.icons-rt.in-bar img{ width:18px; height:auto; display:block; }

/* ===== CANONIEKE HEADER — OVERRIDES (laatste regels in mytngstyle.css) ===== */
.site-header { background: #eef1ef; overflow: visible !important; }

/* 3) Zoekvelden in de bovenste groene balk compacter + uitlijnen */
.nav-primary .search-menu-item input[type="text"],
.nav-primary .search-menu-item input[type="search"]{
  height: 28px !important;
  padding: 3px 6px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}
.nav-primary .search-menu-item input[type="submit"]{
  height: 30px !important;
  padding: 3px 10px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

/* === BOVENSTE GROENE BALK UITLIJNEN OP PAGINABREEDTE === */
.nav-primary .wrap {
  max-width: 1250px;      /* exact gelijk aan de site-inner */
  margin: 0 auto;         /* centreren */
  padding: 0 12px;        /* zelfde binnenruimte links/rechts */
  box-sizing: border-box;
}

/* === TOPBALK: gelijke hoogte & nette uitlijning === */

.nav-primary .menu{               /* items verticaal centreren */
  display: flex; 
  align-items: center; 
  flex-wrap: wrap;
  gap: 10px;
}
.nav-primary .menu > li{
  display: flex;
  align-items: center;            /* ook lijstitems centreren */
}

/* Zoekdeel: tekst en velden exact op één lijn */
.nav-primary .search-menu-item{
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 26px;              /* centreert de losse tekst “VOORNAAM:” e.d. */
}
.nav-primary .search-menu-item input[type="text"],
.nav-primary .search-menu-item input[type="search"]{
  height: 26px !important;
  padding: 3px 6px !important;
  font-size: 14px !important;
}
.nav-primary .search-menu-item .btn,
#topsearchform input[type="submit"]{
  height: 28px !important;
  padding: 3px 10px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

/* zekerheidje: header en balk niet over elkaar tekenen */
.site-header{ position: relative; z-index: 0; }
.nav-primary{ position: relative; z-index: 1; }
/* === HEADER STRAK ZETTEN (compacte topruimte) === */
header.site-header{
  padding-top: 4px !important;
  padding-bottom: 0 !important;
}


/* zekerheden onder de kop: geen extra bovenmarge/padding */
.nav-primary{ margin-bottom: 6px !important; }
.menucontainer{ margin-bottom: 8px !important; } /* 8–12px mag ook */
.site-inner{ padding-top: 0 !important; }

/* zoekvelden iets lager profiel (blijven rechts staan) */
.nav-primary .search-menu-item input[type="text"],
.nav-primary .search-menu-item input[type="search"]{
  height: 26px !important;
}
.nav-primary .search-menu-item input[type="submit"]{
  height: 28px !important;
}

.nav-primary .search-menu-item input[type="text"],
.nav-primary .search-menu-item input[type="search"] {
  height: 26px !important;       /* iets compacter veld */
  padding: 3px 6px !important;
}

.nav-primary .search-menu-item input[type="submit"] {
  height: 28px !important;
  padding: 3px 10px !important;
}

/* nette uitlijning header/fotostrook met contentbreedte */
.site-header .header-title,
.site-header .header-divider{
  max-width:1250px; margin:0 auto; padding:0 12px; box-sizing:border-box;
}
/* === TNG15 TOPBALK — gebruik echte structuur met #topsearchform === */
.nav-primary .wrap{
  display:flex !important;
  align-items:center !important;          /* alles verticaal centreren */
  padding:3px 12px !important;            /* evenveel groen boven/onder */
  box-sizing:border-box;
}

/* duw het zoekformulier naar de rechterkant en lijn uit */
#topsearchform{
  margin-left:auto !important;            /* helemaal rechts */
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

/* labels "VOORNAAM:" / "FAMILIENAAM:" netjes in het midden */
#topsearchform label{
  display:inline-block !important;
  margin:0 6px 0 14px !important;
  line-height:26px !important;            /* zelfde hoogte als input */
}

/* compacte, gelijke hoogte voor de velden */
#topsearchform input[type="text"],
#topsearchform input[type="search"]{
  height:26px !important;
  padding:3px 6px !important;
  font-size:14px !important;
  line-height:1.2 !important;
  box-sizing:border-box !important;
}

/* compacte Zoek-knop */
#topsearchform input[type="submit"]{
  height:28px !important;
  padding:3px 10px !important;
  font-size:14px !important;
  line-height:1.2 !important;
}

/* ===== Bovenste blok: hoofdfoto + titel ===== */
#mainphoto {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 0;        /* geen extra wit boven de foto */
  margin-bottom: 6px;   /* klein beetje wit onder de foto */
}

.post .entry-header {
  margin: 0;            /* haalt extra wit rond de titel weg */
}

.post .entry-title {
  margin: 4px 0 2px;    /* compacte titel */
  line-height: 1.1;
  text-align: left;
}

/* === HEADER: titel + fotostrook (definitief) === */

/* Subtiele scheidslijn onder de kop (smaller dan vroeger) */
/* Subtiele scheidslijn die over beide gridkolommen loopt */
.site-header .header-title::after{
  content:"";
  display:block;
  grid-column: 1 / -1;      /* span over titel + fotokolom */
  height:6px;
  background:#4e6158;
  border-radius:2px;
  margin:6px 0 10px;
  width:100%;
  max-width:1250px;         /* gelijk aan contentbreedte */
  justify-self: stretch;    /* zekerheidje in grid-context */
}
/* Titel links uitlijnen (één waarheid) */
header.site-header h1.site-title{
  margin: 0 !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
  color: #4e6158 !important;
  text-align: left !important;
  justify-self: start !important;
}

/* === HEADER: titel + fotostrook beter verdelen === */


/* mobiel: stapelen */
@media (max-width:700px){
  header.site-header .header-title {
    grid-template-columns: 1fr !important;
    row-gap: 8px !important;
  }
  header.site-header img.header-photo {
    max-height: 80px !important;
  }
}

/* Alleen de titels van Top Familienamen en Top Geboorteplaatsen centreren */
#topfamilienamen .entry-header h2,
#topgeboorteplaatsen .entry-header h2 {
  text-align: center !important;
  margin: 0 auto 16px auto !important;
  display: block;
  width: 100%;
}
/* Centreer alléén koppen van blokken die een namen/plaatsen-wolk (.namelist) bevatten */
article.post.entry:has(.namelist) > header.entry-header > h2 {
  text-align: center !important;
}
/* Centreer alléén h2-koppen die al inline 'text-align:center' hebben
   (zoals Top Familienamen en Top Geboorteplaatsen) */
.post.entry .entry-header h2[style*="text-align:center"] {
  text-align: center !important;
}
/* Centreer alléén de titel boven een wolk (bevat .namelist) */
article.post.entry:has(> .namelist) > header.entry-header > h2 {
  text-align: center !important;
}
/* Centreer alléén de titel van het blok Top Geboorteplaatsen */
#topgeboorteplaatsen .entry-header h2 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block;
  width: 100%;
}
/* Forceer alle gewone feature-koppen (zoals 'De naam Feringa', 'Verhalen …') links */
.home-middle .post.entry .entry-header h2 {
  text-align: left !important;
}
/* Forceer ook feature-blokken (zoals 'Verhalen, laatste toevoegingen') links */
.home-feature .post.entry .entry-header h2 {
  text-align: left !important;
}
/* 'Verhalen, laatste toevoegingen' titel ook links uitlijnen */
.featured-content .post.entry .entry-header h2 {
  text-align: left !important;
  margin-left: 0 !important;
}
/* ===== DEFINITIEVE UITLIJNING & TITELS (NOV 2025) ===== */

/* Hoofdtitel + fotostrook */
header.site-header .header-title {
  display: grid !important;
  grid-template-columns: 40% 60% !important; /* titel links, foto rechts */
  align-items: center !important;
  column-gap: 12px !important;
  margin: 8px auto !important;
  max-width: 1250px !important;
  padding: 0 12px !important;
  box-sizing: border-box;
}

/* Kopfoto */
header.site-header img.header-photo {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 140px !important;
  object-fit: cover !important;
  border-radius: 3px !important;
  margin: 0 !important;
}

/* Alle normale kopjes in content links uitgelijnd */
.entry-header h2,
.entry-header h3,
.post .entry-title {
  text-align: left !important;
  margin-left: 0 !important;
}

/* Alleen de wolken onderaan gecentreerd */
#topfamilienamen h2,
#topgeboorteplaatsen h2,
#topfamilienamen .namelist,
#topgeboorteplaatsen .namelist {
  text-align: center !important;
}
/* Homepage: uitlijning bovenkant afbeeldingen in featureblokken */
.feature-img { 
  display: block;       /* voorkomt baseline/line-height verschuiving */
  margin: 0 0 12px;     /* ruimte onder de afbeelding */
  line-height: 0;       /* extra zekerheid: geen tekstlijnruimte */
}

/* Eerste paragraaf direct na de afbeelding: geen extra bovenmarge */
.feature-img + p { 
  margin-top: 0; 
}

/* === UITLIJNING VOORPAGINA: koppen gelijke hoogte === */

/* Haal onnodige marges rond de h2 weg */
.entry-header h2.entry-title {
  margin: 0 0 10px;
  line-height: 1.2;
}

/* Geef de titelblokken van de eerste twee artikelen dezelfde hoogte,
   zodat de afbeeldingen eronder op gelijke hoogte beginnen */
.home-middle .widget .post:nth-of-type(-n+2) .entry-header {
  min-height: 35px;   /* eventueel aanpassen: 30-50px */
  display: block;
}

/* Mobiel: vaste hoogte uitschakelen */
@media (max-width: 700px) {
  .home-middle .widget .post:nth-of-type(-n+2) .entry-header {
    min-height: auto;
  }
}

/* === Zijbalk: uitlijning titel en foto "Verhalen, laatste toevoegingen" === */

/* Afbeelding en tekst eronder wat luchtiger, niet plakken */
.sidebar .post.entry img {
  display: block;
  margin-bottom: 8px;
}
.sidebar .entry-header h2.entry-title {
  margin: 0 0 4px;  /* was 8px */
  line-height: 1.1;
}
/* HEADER — lucht rond de groene lijn onder de titel */
.site-header .header-title::after,
header.site-header .header-divider{
  margin-top: 6px !important;     /* klein beetje ruimte boven de lijn */
  margin-bottom:0px !important;  /* ruimte tussen lijn en grijze menubalk */
}

@media (max-width:700px){
  .site-header .header-title::after,
  header.site-header .header-divider{
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .menucontainer{ margin-top: 4px !important; }
}
/* HOME-MIDDLE — compacte onderkant bij 'Verhalen, laatste toevoegingen' (rechter kolom) */
.home-middle .featured-content > div > article.post.entry:nth-of-type(2){
  margin-bottom: 6px !important;
  padding-bottom: 6px !important;
  border-bottom: 0 !important;
}
.home-middle .featured-content > div > article.post.entry:nth-of-type(2) .entry-header{
  margin-bottom: 6px !important;
}
.home-middle .featured-content > div > article.post.entry:nth-of-type(2) .entry-content p{
  margin: 0 0 6px !important;
}
.home-middle .featured-content > div > article.post.entry:nth-of-type(2) .entry-content p:last-child{
  margin-bottom: 0 !important;
}
/* Voor de twee feature-blokken op de homepage: haal de scheidslijn weg */
.home-middle .featured-content .post.entry{
  border-bottom: 0 !important;
  padding-bottom: 6px !important;
  margin-bottom: 6px !important;
}
/* Zoekblok rechts in de topbalk */
.nav-primary .menu { display:flex; align-items:center; flex-wrap:wrap; }
.nav-primary .menu > li.search-menu-item { margin-left: auto !important; }
/* Mobiel: verberg het lege vierkantje links van 'Startpagina' */
@media (max-width:800px){
  .nav-primary .responsive-menu-icon{
    display: none !important;
  }
}
/* Verberg het woord 'Startpagina' op de voorpagina (template 15) */
body.home-page .nav-primary .menu-item.first a {
    display: none !important;
}
/* MOBIEL: voorkom horizontaal scrollen, kolommen onder elkaar */
@media (max-width: 800px) {
  .site-container,
  .site-inner,
  .content-sidebar-wrap,
  .content,
  .sidebar-primary {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box;
  }

  /* Afbeeldingen schalen mee met de kolom */
  .home-top img,
  .home-middle img,
  .sidebar-primary img {
    max-width: 100%;
    height: auto;
  }
}
/* Verberg kapotte afbeeldingsknoppen (input type=image) in de sidebar */
aside.sidebar-primary input[type="image"] {
  display: none !important;
}
/* DEFINITIEF: verwijder lege image-placeholder in sidebar */
aside.sidebar-primary input[type="image"],
aside.sidebar-primary input[type="image"] + br {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ruimte van ouder-element opruimen */
aside.sidebar-primary form:has(input[type="image"]) {
  display: none !important;
}
/* Sidebar: verberg lege klikbare placeholder-links (href="" -> linkt naar huidige pagina) */
.sidebar a.alignleft[href=""]:not(:has(img)) {
  display: none !important;
}
/* Sidebar: verberg zoek-widget (dit is doorgaans de bron van het lege klikvak) */
aside.sidebar-primary .widget_search,
aside.sidebar-primary .search-form,
aside.sidebar-primary form.searchform,
aside.sidebar-primary .searchform {
  display: none !important;
}
/* Sidebar: verberg kapotte image-submit knoppen en hun container */
aside.sidebar-primary input[type="image"],
aside.sidebar-primary input[type="image"] * {
  display: none !important;
}
aside.sidebar-primary form:has(input[type="image"]) {
  display: none !important;
}

/* ===== FIX contactformulier (PC + mobiel) ===== */
#suggest input.longfield,
#suggest textarea{
  background:#fff !important;
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
  caret-color:#000 !important;
}