/* Theme Name: A1 Advies
Version: 1.0.0
Requires at least: 6.6
Description: Eerste ontwerp voor A1 Advies.
Text Domain: a1-advies
*/
:root{--ink:#222b50;--green:#8cc63e;--paper:#ffffff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;line-height:1.65}a{color:inherit}header{padding:22px 5vw;background:#fff;border-bottom:1px solid #ddd}nav{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.brand{font-size:26px;font-weight:800;text-decoration:none;margin-right:auto}.brand span{color:#687d27}main{max-width:1180px;margin:auto;padding:40px 24px}h1{font-size:clamp(38px,6vw,76px);line-height:1.08;letter-spacing:-2px;max-width:920px}h2{font-size:30px;line-height:1.2}h3{font-size:22px;line-height:1.3}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:bold}.hero{padding:55px 0 70px;border-bottom:1px solid #bbc6bc}.hero p{max-width:670px;font-size:21px}.button{display:inline-block;background:var(--ink);color:white;padding:14px 22px;border-radius:3px;text-decoration:none;font-weight:bold}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.card{background:white;padding:28px;border-top:4px solid var(--green)}.card p{font-size:15px}.card a{text-decoration:none}.band{background:var(--ink);color:white;padding:36px;margin:40px 0}.band a{color:var(--green)}section{margin:45px 0}.article{max-width:800px}.article h1{font-size:clamp(36px,5vw,58px)}details{padding:16px 0;border-bottom:1px solid #c8d0c7}summary{cursor:pointer;font-weight:bold}footer{padding:35px 5vw;background:var(--ink);color:white;font-size:14px}.preview{padding:8px 24px;background:var(--green);font-size:13px} .wp-site-blocks{padding:0} .wp-block-post-content{max-width:1180px;margin:auto;padding:30px 24px}.wp-block-post-title{max-width:1180px;margin:40px auto 0;padding:0 24px}@media(max-width:800px){.grid{grid-template-columns:1fr}h1{letter-spacing:-1px}nav{gap:14px}.hero{padding-top:20px}}
body{background:#fff}header{padding:14px 4vw}.hero{background:#121629;color:#fff;padding:75px 40px 55px;position:relative;border:0}.hero h1{font-size:clamp(48px,7vw,84px)}.hero p{font-size:18px}.button{background:#8cc63e;color:#111827;border-radius:2px}.identity{display:flex;align-items:center;gap:35px;background:#222b50;color:white;padding:30px 40px;margin:0 45px;position:relative}.identity img{width:135px;height:auto}.identity h2{font-size:25px}.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.safety-grid article{background:#e9edf7;padding:30px;border-top:4px solid #8cc63e}.card{border:1px solid #dbe0eb;border-top:4px solid #8cc63e}.video-shell{background:#222b50;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;margin-top:35px;position:relative}.video-shell iframe{position:absolute;width:100%;height:100%;border:0;inset:0}.video-intro{text-align:center;padding:20px}.video-intro p{font-size:14px}.video-intro button{border:0;font:inherit;cursor:pointer}.brand{font-size:23px}.brand span{color:#669224}footer a{color:#fff}footer .footgrid{display:grid;grid-template-columns:1fr 1fr;gap:30px}main{padding-top:24px}.band a{color:#bbdf7e} .preview{background:#e9edf7} .protocol{background:#edf4e5;padding:25px;border-left:4px solid #8cc63e}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:12px;border-bottom:1px solid #ccd1dc}@media(max-width:800px){.identity{margin:0;padding:24px;flex-direction:column;align-items:flex-start}.hero{padding:35px 24px}.safety-grid,footer .footgrid{grid-template-columns:1fr}}

.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.photo-grid figure{margin:0;background:#edf0f7;overflow:hidden}.photo-grid img{width:100%;height:330px;object-fit:contain;background:#e3e7ee;display:block}.photo-grid figcaption{padding:16px 20px;font-size:14px;line-height:1.5}.photo-grid a:focus-visible{outline:3px solid #8cc63e;outline-offset:3px}.practice{margin:50px 0}@media(max-width:700px){.photo-grid{grid-template-columns:1fr}.photo-grid img{height:290px}}

@font-face{font-family:Saira;font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/saira-400.ttf') format('truetype')}
@font-face{font-family:Saira;font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/saira-500.ttf') format('truetype')}
@font-face{font-family:Saira;font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/saira-600.ttf') format('truetype')}
@font-face{font-family:Saira;font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/saira-700.ttf') format('truetype')}
body{font-family:Saira,Arial,sans-serif}.site-header{background:white}.hero-background{min-height:620px;position:relative;background:#111629 url('assets/site/parkeerdek.webp') center/cover;margin:0;overflow:hidden;padding:90px 40px 130px}.hero-content{position:relative;z-index:2;max-width:780px}.hero-background h1{font-size:clamp(56px,7vw,88px);letter-spacing:0;line-height:1.1;margin:20px 0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,20,41,.85),rgba(15,20,41,.47));z-index:1}.hero-film{position:absolute;inset:0;overflow:hidden}.hero-film iframe{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110%;height:110%;min-width:1100px;min-height:650px;border:0;pointer-events:none}.video-toggle{color:white;border:1px solid white;background:transparent;padding:13px 18px;margin-left:12px;font:inherit;cursor:pointer}.hero .video-label{font-size:12px;opacity:.9}.identity{margin:-65px 65px 50px;z-index:3;position:relative;border-radius:8px;min-height:230px}.photo-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.photo-pair img{display:block;width:100%;height:390px;object-fit:cover;border-radius:8px}.existing-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.existing-photos img{width:100%;height:245px;object-fit:cover;display:block}.site-feature img{width:100%;height:auto}.footgrid{grid-template-columns:1fr 1fr 1fr!important;align-items:end}.footer-brand{text-align:center}.footer-brand img{width:180px;height:auto;display:block;margin:0 auto 20px}.footer-brand strong{display:block;font-size:18px}.footer-company{text-align:right}.footer-company a,.legal-footer a{color:#8cc63e}.group-relation{text-align:center}.legal-footer{text-align:center;padding:22px;background:#eee;color:#222b50;font-size:14px}.text-button{border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;padding:0}.cookie-status{display:block;font-size:12px}.cookie-panel{position:fixed;bottom:20px;left:20px;right:20px;max-width:800px;margin:auto;z-index:30;background:white;border:1px solid #bcc6d8;box-shadow:0 5px 25px #0003;padding:24px;color:#222b50;font-size:14px}.cookie-panel[hidden]{display:none}.cookie-panel p{margin:8px 0 18px}.cookie-actions{display:flex;gap:12px;flex-wrap:wrap}.cookie-actions button{padding:12px 18px;background:#222b50;color:white;border:0;font:inherit;cursor:pointer}.legal-copy{font-size:16px;overflow-wrap:anywhere}.legal-copy h4{font-size:23px}.legal-copy h3{margin-top:40px}button:focus-visible,a:focus-visible{outline:3px solid #6aa328;outline-offset:4px}.hero .button{font-weight:500}@media(max-width:800px){.hero-background{padding:50px 24px 100px;min-height:580px}.video-toggle{margin:15px 0 0}.identity{margin:-40px 15px 35px;padding:25px;min-height:0}.photo-columns{grid-template-columns:1fr;gap:25px}.photo-pair img{height:290px}.existing-photos{grid-template-columns:1fr 1fr}.existing-photos img{height:220px}.footgrid{grid-template-columns:1fr!important;align-items:start}.footer-company{text-align:center}.cookie-panel{bottom:10px;left:10px;right:10px;padding:18px}}

.social-top{display:flex;justify-content:flex-end;padding:0 0 10px;font-size:13px}.social-top a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#222b50}.linkedin-mark{font-family:Arial,sans-serif;font-weight:bold;display:inline-flex;align-items:center;justify-content:center;background:#0a66c2;color:#fff;width:23px;height:23px;border-radius:3px}.brand{display:flex;flex-direction:column;line-height:1.2}.brand-name{display:block;margin-bottom:5px}.logo-tagline{display:flex;flex-direction:column;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400}.brand .logo-tagline strong{color:#222b50;font-size:12px}.brand .logo-tagline span{color:#222b50}.identity-logo{flex:0 0 210px;text-align:center}.identity-logo img{width:140px;height:auto}.identity-logo .logo-tagline{font-size:14px;margin-top:10px}.footer-brand .logo-tagline{font-size:14px;margin:12px 0 20px}.footer-brand .logo-tagline strong{font-size:14px}.footer-brand .logo-tagline span{display:block}.footer-brand .values{font-size:16px}@media(max-width:800px){.identity-logo{flex:auto}.social-top{padding-bottom:12px}.brand{margin-bottom:8px}}

.team-page img{display:block;max-width:420px;width:100%;height:auto;margin:30px auto}.team-page h3{font-size:28px;margin-top:30px}.team-page p{margin-bottom:24px}.news-card img{width:100%;height:220px;object-fit:cover}.news-card h2{font-size:22px}.wp-block-post-featured-image{max-width:1180px;margin:25px auto}.wp-block-post-featured-image img{max-height:550px;object-fit:contain}.wp-block-post-template{gap:24px}.wp-block-post-template h2{font-size:25px}@media(max-width:800px){.wp-block-post-template{grid-template-columns:1fr!important}}

/* Homepage photography spans the available screen width without viewport overflow. */
.a1-home-content{width:100%;max-width:none!important;margin:0!important;padding:0!important}
.a1-home{width:100%;margin:0}
.a1-home>section{max-width:1180px;margin:50px auto;padding:0 24px}
.a1-home>.hero-background{max-width:none;width:100%;margin:0;padding:90px max(24px,calc((100% - 1132px)/2)) 130px;min-height:max(620px,82svh)}
.a1-home>.identity{max-width:1050px;width:calc(100% - 48px);margin:-65px auto 50px}
.a1-home>.safety-showcase{max-width:none;width:100%;padding:0}
.a1-home>.safety-showcase>.eyebrow,.a1-home>.safety-showcase>h2{display:block;max-width:1180px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
.a1-home .photo-columns{grid-template-columns:1fr 1fr;gap:0;align-items:stretch}
.a1-home .photo-pair{gap:0;min-width:0}
.a1-home .photo-pair img{height:100%;min-height:500px;border-radius:0}
.a1-home .photo-columns>div:last-child{align-self:center;max-width:660px;padding:35px clamp(24px,4vw,64px)}
.a1-home>.existing-photos{max-width:none;width:100%;padding:0;gap:0}
.a1-home .existing-photos img{height:clamp(260px,25vw,440px);min-width:0}
.a1-home>.band{padding:36px 24px}
.a1-home .hero-film{container-type:size}
@supports(width:1cqw){.a1-home .hero-film iframe{width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw);min-width:0;min-height:0}}
@media(max-width:800px){
 .a1-home>.hero-background{padding:50px 24px 100px;min-height:580px}
 .a1-home>.identity{width:calc(100% - 30px);margin:-40px auto 35px}
 .a1-home .photo-columns{grid-template-columns:1fr}
 .a1-home .photo-pair img{height:360px;min-height:0}
 .a1-home .photo-columns>div:last-child{max-width:none;padding:24px}
 .a1-home .existing-photos{grid-template-columns:1fr 1fr}
 .a1-home .existing-photos img{height:260px}
}
@media(max-width:480px){.a1-home .existing-photos{grid-template-columns:1fr}.a1-home .existing-photos img{height:310px}.a1-home .photo-pair img{height:290px}}

.hero-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.hero-film video[hidden]{display:none}