/*
Theme Name: GM Facility One Page
Theme URI: https://gmfacility.nl/
Author: GM Facility Services
Description: Bewerkbaar one-page WordPress-thema op basis van de bestaande homepage van GM Facility Services, zonder doorklikknoppen.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: gm-onepage
*/
:root{--navy:#112f50;--deep:#09223a;--blue:#278fc3;--muted:#647688;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);line-height:1.65}a{color:inherit}.wrap{max-width:1148px;margin:0 auto;padding:0 20px}.topbar{background:var(--navy);color:#cfdce9;font-size:12px}.topbar .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:9px;padding-bottom:9px}.topbar a{text-decoration:none}.masthead{background:#fff}.masthead .wrap{display:flex;align-items:center;min-height:84px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brandmark{background:var(--navy);color:white;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-size:16px;font-weight:700}.brandname{font-size:20px;font-weight:800;line-height:1.05}.brandname span{display:block;color:#3681a9;font-size:11px;letter-spacing:3px;margin-top:6px}.hero{color:#fff;min-height:560px;background:linear-gradient(90deg,rgba(9,34,58,.91),rgba(9,34,58,.55)),var(--hero-image);background-size:cover;background-position:center;display:flex;align-items:center}.hero .wrap{width:100%;padding-top:78px;padding-bottom:78px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#71bbdf}.hero h1{font-size:clamp(38px,4.8vw,62px);line-height:1.08;letter-spacing:-1.7px;max-width:760px;margin:22px 0 26px}.hero p{font-size:18px;max-width:630px;color:#ebeff3;margin:0}.advantages{background:var(--navy);color:#fff}.advantages .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:19px;padding-bottom:19px;text-align:center}.advantages strong{display:block;font-size:14px}.advantages span{display:block;font-size:12px;color:#c4cfda}.section{padding:88px 0}.center{text-align:center}.section .eyebrow{color:var(--blue)}h2{font-size:clamp(29px,3vw,39px);line-height:1.2;margin:15px 0 18px}p.lead{max-width:790px;margin:0 auto 45px;color:#586b7a}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service{padding:28px;border:1px solid #e2eaf0;border-radius:13px;background:#fff;box-shadow:0 6px 24px rgba(17,47,80,.045)}.service .symbol{color:var(--blue);font-size:24px;font-weight:700}.service h3{font-size:20px;margin:12px 0}.service p{color:#60707d;font-size:15px;margin:0}.about{background:#f3f7fa}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:54px}.about img{width:100%;height:410px;object-fit:cover;border-radius:15px}.about p{color:#60707d}.checks{padding:0;list-style:none}.checks li{margin:9px 0}.checks li:before{content:'✓';color:var(--blue);font-weight:800;margin-right:12px}.audiences{background:#fff}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.audience-grid div{padding:24px 12px;text-align:center;background:#f1f6f9;border-radius:12px;font-weight:700}.closing{padding:55px 0;background:var(--navy);text-align:center;color:#fff}.closing h2{margin:0 0 12px}.closing p{margin:0;color:#d5e0e9}footer{background:#0b2339;color:#d0dae4;padding:60px 0 22px}footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}footer h3,footer h4{color:white;margin-top:0}footer p,footer a{font-size:14px;color:#c6d0db}footer a{text-decoration:none}footer .bottom{border-top:1px solid #34506a;margin-top:34px;padding-top:18px;font-size:12px}body.admin-bar{margin-top:0}@media(max-width:760px){.topbar .wrap{display:block;text-align:center}.topbar .wrap>span{display:block}.masthead .wrap{min-height:74px}.hero{min-height:460px}.hero .wrap{padding-top:65px;padding-bottom:65px}.hero h1{letter-spacing:-.7px}.advantages .wrap{grid-template-columns:1fr;gap:13px}.services{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:25px}.about img{height:280px}.audience-grid{grid-template-columns:1fr 1fr}footer .cols{grid-template-columns:1fr;gap:20px}.section{padding:60px 0}}@media(max-width:430px){.audience-grid{grid-template-columns:1fr}}