/* Oud-Beijerland.org V0.3.6.3.8.3.2 - events global header parity */
/* Same header geometry as the other public listing pages. */
header.top{
  position:relative;
  z-index:20;
  min-height:96px;
  display:flex;
  align-items:center;
  gap:36px;
  overflow:visible;
  padding:8px clamp(24px,5vw,84px);
  background:#fff;
  box-shadow:0 1px 0 rgba(16,47,40,.08);
}
header.top .logo{
  display:flex;
  align-items:center;
  overflow:visible;
  color:#0c4434;
  font-size:clamp(24px,2.15vw,32px);
  letter-spacing:-1.4px;
  text-decoration:none;
  white-space:nowrap;
}
header.top .logo img{
  display:block;
  flex:0 0 auto;
  width:58px;
  height:76px;
  margin-right:12px;
  padding:2px;
  overflow:visible;
  object-fit:contain;
  object-position:center;
  clip-path:none;
  mask:none;
  -webkit-mask:none;
}
header.top .logo span{color:#62a925}
header.top nav{
  display:flex;
  gap:28px;
  margin-left:auto;
}
header.top nav a{
  color:#163b31;
  font-weight:650;
  text-decoration:none;
}
header.top nav a:hover,
header.top nav a:focus-visible,
header.top nav a.active{color:#4f912b}
header.top .lang{
  padding:12px 15px;
  border:1px solid #dfe4df;
  border-radius:14px;
  background:#fff;
  color:#102f28;
  font-size:16px;
}

/* The old event header component must no longer influence layout. */
body > header.site-header{display:none!important}

@media(max-width:1050px){
  header.top nav{display:none}
  header.top .lang{margin-left:auto}
}
@media(max-width:760px){
  header.top{min-height:88px;gap:12px;padding:8px 16px}
  header.top .logo{font-size:clamp(21px,6.2vw,26px);letter-spacing:-1px}
  header.top .logo img{width:48px;height:66px;margin-right:8px;padding:1px}
  header.top .lang{padding:10px 11px;font-size:14px}
}
@media(max-width:430px){
  header.top .logo b{max-width:220px;overflow:hidden}
}