/*
Theme Name: GBNF Blauw Geel
Description: Toegankelijk, responsive thema voor Gemeentebelangen Noardeast-Fryslân.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: gbnf-blauw-geel
License: GPL-2.0-or-later
*/
:root{--gbnf-blue:#1543a5;--gbnf-navy:#102449;--gbnf-yellow:#ffdc3b;--gbnf-ink:#142442;--gbnf-muted:#53617b}
html{scroll-behavior:smooth}body{margin:0}a{text-underline-offset:.22em}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b86b00;outline-offset:5px}
.wp-site-blocks{padding-top:0;padding-bottom:0}.gbnf-header{border-bottom:1px solid #e2e7ee;background:#fff}.gbnf-header-inner{min-height:100px;padding:18px 0;gap:26px}.gbnf-brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--gbnf-navy);line-height:1.2}.gbnf-brand strong{font-size:38px;letter-spacing:-2px;border-bottom:6px solid var(--gbnf-yellow);padding-bottom:2px}.gbnf-brand span{font-size:12px;font-weight:700;max-width:155px}.gbnf-header .wp-block-navigation{font-size:14px;font-weight:650}.gbnf-header .wp-block-navigation-item__content:hover{color:var(--gbnf-blue)}
.gbnf-hero{position:relative;overflow:hidden;padding:90px 0 86px;background:var(--gbnf-blue);color:#fff}.gbnf-hero:after{content:'';position:absolute;width:420px;height:420px;right:-190px;bottom:-280px;background:var(--gbnf-yellow);transform:rotate(32deg);pointer-events:none}.gbnf-eyebrow{text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.14em}.gbnf-hero h1{font-size:clamp(42px,6vw,78px);line-height:1.03;letter-spacing:-.045em;max-width:870px;margin:24px 0}.gbnf-hero .gbnf-lead{font-size:20px;line-height:1.65;max-width:650px;color:#e6edff}.gbnf-hero .wp-block-buttons{margin-top:32px}.gbnf-hero .wp-block-button.is-style-outline .wp-block-button__link{color:#fff;border:1px solid #a8bde6;background:transparent}.gbnf-hero .wp-block-button__link:hover{filter:brightness(.96)}
.gbnf-section{padding:76px 0}.gbnf-section h2{font-size:clamp(30px,4vw,44px);line-height:1.15;letter-spacing:-.035em}.gbnf-section-intro{max-width:690px;color:var(--gbnf-muted);font-size:19px}.gbnf-section-soft{background:#f2f5fb}.gbnf-card{height:100%;padding:29px;border:1px solid #dce3ee;background:#fff;border-radius:6px}.gbnf-card h3{font-size:23px;line-height:1.25;margin:12px 0 16px}.gbnf-card p{color:var(--gbnf-muted)}.gbnf-number{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;background:var(--gbnf-yellow);color:var(--gbnf-navy);font-weight:800;font-size:13px;border-radius:50%}.gbnf-cards{margin-top:34px;gap:22px}.gbnf-callout{background:var(--gbnf-yellow);padding:42px;border-radius:6px}.gbnf-callout h2{margin-top:0}.gbnf-callout p{max-width:680px}.gbnf-page{padding-top:64px;padding-bottom:80px}.gbnf-page>h1{font-size:clamp(38px,6vw,64px);line-height:1.1;letter-spacing:-.04em;margin:0 0 34px}.gbnf-page .gbnf-section{padding:40px 0}.gbnf-page .wp-block-post-content>p:first-child{font-size:21px;color:var(--gbnf-muted);max-width:800px}.gbnf-person{border-top:5px solid var(--gbnf-blue)}.gbnf-person .gbnf-initials{font-size:45px;font-weight:800;color:var(--gbnf-blue);margin:0 0 25px}.gbnf-role{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.gbnf-news-list{list-style:none;padding:0}.gbnf-news-list>li{padding:26px 0;border-top:1px solid #dce3ee}.gbnf-news-list .wp-block-post-title{font-size:26px;margin:8px 0}.gbnf-news-list .wp-block-post-date{font-size:13px;color:var(--gbnf-muted)}.gbnf-footer{padding:48px 0;background:var(--gbnf-navy);color:#d8e1f4;font-size:14px}.gbnf-footer h2{color:#fff;font-size:20px}.gbnf-footer a{color:#fff}.gbnf-footer .gbnf-footer-bottom{border-top:1px solid #405172;padding-top:24px;margin-top:32px;color:#c1cce1;font-size:12px}.gbnf-footer .wp-block-columns{gap:36px}.gbnf-page .wp-block-post-content{margin-top:0}.gbnf-contact-mail{font-size:clamp(20px,4vw,36px);font-weight:700;overflow-wrap:anywhere}
@media(max-width:800px){.gbnf-header-inner{min-height:82px;padding:14px 0}.gbnf-brand strong{font-size:32px}.gbnf-brand span{font-size:11px;max-width:130px}.gbnf-hero{padding:56px 0 62px}.gbnf-hero .gbnf-lead{font-size:18px}.gbnf-section{padding:48px 0}.gbnf-callout{padding:28px}.gbnf-card{padding:24px}.gbnf-header .wp-block-navigation__responsive-container.is-menu-open{padding:32px}.gbnf-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:24px;align-items:flex-start}.gbnf-page{padding-top:40px;padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Vaste navigatie */
.wp-site-blocks > .wp-block-template-part:has(> .gbnf-header){position:sticky;top:0;z-index:999;background:#fff;box-shadow:0 3px 16px #10244912}
body.admin-bar .wp-site-blocks > .wp-block-template-part:has(> .gbnf-header){top:32px}
.gbnf-header-inner{min-height:78px;padding:10px 0}.gbnf-brand img{width:120px!important;height:80px!important;object-fit:contain}
html{scroll-padding-top:120px}
@media(min-width:601px) and (max-width:782px){body.admin-bar .wp-site-blocks > .wp-block-template-part:has(> .gbnf-header){top:46px}}
@media(max-width:600px){body.admin-bar .wp-site-blocks > .wp-block-template-part:has(> .gbnf-header){top:0}.gbnf-header-inner{min-height:64px}.gbnf-brand img{width:96px!important;height:64px!important}}