/*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*/

/* blokken voor de links naar kwartierstaten/afstammelingen */
  .kwartier-item{
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#4e6158;   /* dezelfde kleur als sidebar */
    color:#fff !important;
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;             /* zelfde als sidebar */
    font-weight: normal;        /* niet bold */
    text-transform:uppercase;   /* idem sidebar */
    padding:6px 10px;           /* lager ? gelijke hoogte aan sidebar */
    min-height: auto;    /* min-hoogte loslaten zodat padding de hoogte bepaalt */
 border-radius:4px;
    line-height:1.2;
  }

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

/* blok voor link naar "meer" onder artikelen */
a.more {
    display: block;
    margin-top: 0.3em !important;
    padding: 0 4px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    border: 1px solid #4e6158 !important;
    border-radius: 2px !important;
    background-color: #4e6158 !important;
    color: #fff !important;
    text-decoration: none !important;
    width: fit-content;
    margin-left: auto;
    margin-right: 0;
}
/* === 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;
}
/* Afbeelding en tekst eronder wat luchtiger, niet plakken */
.sidebar .post.entry img {
  display: block;
  margin-bottom: 8px;
}
.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; 
}

/*-----------------------------------------------------------------*/

/* --- 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;
}

/* 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;
}
*/

  /* 3) Kop + fotocollage schaalbaar */
.site-title {
	font-size:42px;
	line-height:1;
	margin-bottom:0;
	margin-top:2px;
}
.mmaintitle, .site-title, .site-title a {
    font-family: Arial, Helvetica, sans-serif;
}
  .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%;
  }

/*---------------------------------------------------------------*/