/*
Theme Name: ABTT Nieuwbouw
Theme URI: https://abtt.nl/
Author: ABTT Nieuwbouw
Description: Minimal, plugin-free classic theme for reconstructing ABTT's shared layout.
Version: 0.1.11
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: abtt-nieuwbouw
*/
:root{--abtt-blue:#3956a4;--abtt-gold:#fabc4f;--abtt-panel:rgba(247,245,233,.84);--abtt-menu:rgba(81,93,139,.80);--abtt-width:1140px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Verdana,Geneva,sans-serif;font-size:15px;line-height:1.6;color:#565656;background:#fff url('/wp-content/uploads/2016/01/PU_veronica2.jpg') center top repeat}a{color:var(--abtt-blue)}a:hover{color:#604aa4}img{max-width:100%;height:auto}
.site-wrap{max-width:var(--abtt-width);margin:auto}.site-header{width:100%}.site-header__image{display:block;width:100%;height:auto}.site-nav{background:var(--abtt-menu);min-height:48px}.site-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.site-nav li{position:relative}.site-nav a{display:block;padding:16px 13px;color:#fff;text-transform:uppercase;text-decoration:none;font:700 12px/1.3 Verdana,Geneva,sans-serif}.site-nav a:hover,.site-nav .current-menu-item>a,.site-nav .current_page_item>a{color:var(--abtt-gold)}.site-nav .sub-menu{display:none;position:absolute;z-index:10;top:100%;left:0;min-width:190px;background:var(--abtt-gold);flex-direction:column}.site-nav li:hover>.sub-menu,.site-nav li:focus-within>.sub-menu{display:flex}.site-nav .sub-menu a{white-space:nowrap;color:#2f2f2f}.site-nav .sub-menu a:hover,.site-nav .sub-menu .current-menu-item>a,.site-nav .sub-menu .current_page_item>a{color:var(--abtt-blue);background:rgba(255,255,255,.18)}.site-nav .menu-toggle{display:none}
.site-main{background:var(--abtt-panel);margin-top:25px;padding:30px 34px;min-height:400px}.entry-title{font-family:Georgia,serif;font-size:clamp(28px,3.3vw,42px);line-height:1.2;color:var(--abtt-blue);margin:0 0 45px;font-weight:900}.entry-content h1,.entry-content h2,.entry-content h3{color:var(--abtt-blue);font-family:Georgia,serif}.entry-content p{margin:0 0 1em}.entry-content::after{content:'';display:block;clear:both}.entry-content img.alignleft{float:left;margin:0 25px 20px 0}.entry-content img.alignright{float:right;margin:0 0 20px 25px}.entry-content img.aligncenter{display:block;margin:15px auto}.entry-content ul{padding-left:25px}.site-footer{margin-top:25px;padding:24px;background:rgba(247,245,233,.92);text-align:center;font-size:12px}.site-footer a{color:var(--abtt-blue)}
@media(max-width:700px){.site-main{margin-top:12px;padding:20px 16px}.entry-title{margin-bottom:25px}.site-nav ul{display:block}.site-nav a{padding:12px 16px}.site-nav .sub-menu{position:static;display:block;background:rgba(250,188,79,.96);padding-left:12px}.entry-content img.alignleft,.entry-content img.alignright{float:none;display:block;margin:15px 0;max-width:100%;height:auto}}

/* Dynamically populated LIJSTEN submenu: constrain long year lists. */
@media (min-width:701px){.site-nav .sub-menu{max-height:75vh;overflow-y:auto;overflow-x:hidden;flex-wrap:nowrap}.site-nav .sub-menu>li{flex:0 0 auto}}

/* v0.1.6 — compact, single-column scrollable LIJSTEN dropdown. */
.site-nav .sub-menu a{padding:8px 13px;font-size:11px;line-height:1.3}
.site-nav .sub-menu a:hover,.site-nav .sub-menu a:focus-visible{color:#fff;background:rgba(50,58,88,.20)}
@media (min-width:701px){
  .site-nav .sub-menu{scrollbar-width:none;-ms-overflow-style:none}
  .site-nav .sub-menu::-webkit-scrollbar{display:none;width:0;height:0}
}

/* v0.1.7 — lighter and denser submenu typography. */
.site-nav .sub-menu a{font-weight:400;font-size:10px;line-height:1.2;padding:5px 13px}

/* v0.1.8 — historische ABTT-lijsttabellen, gebaseerd op de legacy-HTML. */
.entry-content table {
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
  color:#565656;
  font-family:Verdana,Geneva,sans-serif;
  font-size:11px;
  line-height:1.5;
  background:rgba(230,222,244,.34);
  border:1px solid #c4becf;
}
.entry-content table td,
.entry-content table th {
  border:1px solid #c4becf;
  padding:8px 9px;
  vertical-align:middle;
}
.entry-content table tr:hover > td:not(.abtttablerow),
.entry-content table tr:hover > th:not(.abtttablerow) {
  background-color:rgba(255,255,255,.96);
}
.entry-content table td.abtttablerow,
.entry-content table th.abtttablerow {
  background-color:#c5bfcf;
  font-weight:700;
  color:#565656;
}

/* v0.1.9 — viewportbrede navigatie boven de viewportbrede hero.
   Alleen de bestaande inhoud en footer blijven op de vaste breedte. */
.site-header{width:100%}
.site-header__image{display:block;width:100%;height:auto}
.site-nav{width:100%}
@media(min-width:701px){
  .site-nav > ul{justify-content:center}
  .site-nav > div > ul{justify-content:center}
  .site-nav .sub-menu{justify-content:flex-start}
}

/* v0.1.10 — full-width cream panel flush below hero; content gets internal padding. */
.site-wrap{max-width:none;width:100%;margin:0}
.site-main{margin:0;padding:34px clamp(20px,3vw,50px)}
.site-nav > ul > li > a,.site-nav > div > ul > li > a{padding-top:23px;padding-bottom:23px}
@media(max-width:700px){
  .site-main{margin:0;padding:22px 16px}
  .site-nav > ul > li > a,.site-nav > div > ul > li > a{padding-top:15px;padding-bottom:15px}
}

/* v0.1.11 — single, full-width footer directly after the content. */
.site-footer{
  margin:0;
  padding:28px clamp(20px,3vw,50px) 22px;
  background:var(--abtt-panel);
  text-align:center;
  color:#565656;
  font-family:Verdana,Geneva,sans-serif;
  font-size:12px;
}
.site-footer__logos{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:24px clamp(24px,5vw,70px);
}
.site-footer__logos a{display:flex;align-items:center;justify-content:center;min-width:105px;min-height:70px}
.site-footer__logos img{display:block;width:auto;height:auto;max-width:125px;max-height:75px;object-fit:contain}
.site-footer__copyright{margin:18px 0 0;line-height:1.6}
@media(max-width:700px){.site-footer{padding:22px 16px 18px}.site-footer__logos{gap:14px 18px}.site-footer__logos a{min-width:80px;min-height:54px}.site-footer__logos img{max-width:100px;max-height:60px}}