/*
Theme Name: Gervers Steigerbouw
Author: Frank Brinks Online Resultaat
Description: Maatwerkthema vanuit XD met Gutenberg-patronen.
Version: 1.1.1
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: gervers-steigerbouw
*/
:root{--lime:#acc90f;--olive:#687137;--dark:#484847;--cream:#f0f0e5}*{box-sizing:border-box}body{margin:0;color:var(--dark);font:17px/1.65 Arial,sans-serif}h1,h2,h3{line-height:1.18;letter-spacing:-.025em;margin:0 0 22px}h1{font-size:clamp(34px,3.7vw,60px)}h2{font-size:clamp(28px,2.5vw,42px)}h3{font-size:22px}p{margin:0 0 22px}a{color:inherit;text-underline-offset:4px}a:hover{opacity:.8}img{max-width:100%;height:auto;display:block}figure{margin:0}.header-inner{max-width:1440px;margin:auto;padding:20px 34px;display:flex;align-items:center;gap:28px}.brand{margin-right:auto}.brand img{width:200px}.site-header nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}.site-header nav a{text-decoration:none;font-size:14px}.site-header .gervers-quote-item{display:none}.site-header .sub-menu{display:none;position:absolute;padding:20px;background:white;z-index:20;box-shadow:0 10px 25px #0002}.site-header li:hover>.sub-menu,.site-header li:focus-within>.sub-menu{display:block}.header-quote,.wp-block-button__link{background:var(--lime);padding:13px 23px;border-radius:5px;text-decoration:none;font-size:14px;font-weight:bold;display:inline-block}.menu-toggle{display:none}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:white;padding:12px;z-index:99}.section{padding:95px max(28px,calc((100% - 1200px)/2));margin:0!important}.eyebrow{font-size:15px;font-weight:bold;color:var(--olive);margin-bottom:12px}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--dark);position:relative}.hero-copy{padding:80px 55px 85px max(28px,calc((100vw - 1200px)/2));color:#fff}.hero h1{color:var(--lime)}.hero p{max-width:540px;font-size:16px}.hero .wp-block-button__link{background:transparent;color:var(--lime);padding-left:0;text-decoration:underline}.hero-photo img{width:100%;height:100%;min-height:590px;object-fit:cover}.hero:after{content:"";position:absolute;bottom:0;right:0;width:50%;height:80px;background:linear-gradient(90deg,transparent 0 4px,var(--dark) 4px 125px,transparent 125px 132px) 0 0/132px 26px,linear-gradient(90deg,var(--dark) 0 58px,transparent 58px 65px,var(--dark) 65px 125px,transparent 125px) 0 30px/132px 26px;pointer-events:none}.services{background:var(--cream)}.service-grid,.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:35px}.service-card{background:white;border-radius:6px;overflow:hidden}.service-card img{width:100%;height:230px;object-fit:cover}.card-copy{padding:28px}.card-copy p,.step p{font-size:15px}.card-copy .wp-block-button__link{background:none;padding:0;text-decoration:underline;color:var(--olive)}.about{background:var(--cream);display:grid;grid-template-columns:1fr 1.2fr;align-items:center;padding-top:50px;padding-bottom:130px}.about-photo{margin-left:65px;margin-top:80px}.about-photo img{width:100%;height:550px;object-fit:cover}.about-copy{background:var(--lime);padding:65px;margin-left:-35px;z-index:1;border-radius:6px}.about-copy .wp-block-button__link,.cta .wp-block-button__link{background:var(--cream)}.step{background:#f0f0f0;padding:32px;border-radius:6px}.number{color:var(--lime);font-size:40px;font-weight:bold}.projects{background:var(--olive);color:white;text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:38px 0}.projects-grid img{width:100%;height:340px;object-fit:cover;border-radius:16px}.projects .wp-block-buttons{justify-content:center}.projects .wp-block-button__link{background:none;color:#d6dfa4;text-decoration:underline}.cta-wrap{padding-top:135px}.cta{background:var(--lime);display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;border-radius:5px;max-width:1050px;margin:auto!important}.cta figure{align-self:end;margin-top:-75px}.cta figure img{max-height:460px;width:auto;margin:auto}.cta-copy{padding:50px 45px}.page-intro{background:var(--dark);color:white;display:grid;grid-template-columns:1fr 1fr}.page-intro-copy{padding:80px 55px 80px max(28px,calc((100vw - 1200px)/2))}.page-intro h1{color:var(--lime)}.page-intro img{width:100%;height:100%;max-height:570px;object-fit:cover}.breadcrumb{font-size:13px;color:#d1d1bb}.text-image{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.text-image img{height:540px;width:100%;object-fit:cover;border-radius:6px}.concept{background:#fff8d5;padding:12px 18px;font-size:14px;border-left:3px solid #c3ac35}.site-footer{max-width:1200px;margin:auto;padding:0 28px 25px;font-size:14px}.footer-grid{padding:50px 0;display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:45px;border-top:1px solid #ddd}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid a{text-decoration:none}.footer-bottom{border-top:1px solid #ddd;padding-top:20px;font-size:12px;display:flex;justify-content:space-between;gap:20px}.wp-block-buttons{display:flex;gap:14px;flex-wrap:wrap}.post-title{max-width:1200px;margin:60px auto}.editor-styles-wrapper .section{padding-left:35px;padding-right:35px}.editor-styles-wrapper .hero-copy,.editor-styles-wrapper .page-intro-copy{padding-left:35px}
@media(max-width:1000px){.menu-toggle{display:block;border:0;background:var(--cream);padding:10px;font:inherit}.site-header nav{display:none;position:absolute;top:95px;left:0;right:0;background:#fff;padding:25px;z-index:30}.site-header nav.is-open{display:block}.site-header nav ul{display:block}.site-header nav li{padding:8px}.site-header .sub-menu{display:block;position:static;box-shadow:none;padding:5px 20px}.hero-copy{padding:55px 28px}.section{padding:65px 28px}.about-copy{padding:35px}.about-photo{margin-left:0}.projects-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.brand img{width:150px}.header-inner{gap:12px;padding:15px 18px}.header-quote{display:none}.hero,.about,.page-intro,.text-image,.cta{grid-template-columns:1fr}.hero-copy{padding:50px 24px}.hero-photo img{min-height:0;height:380px}.hero:after{width:100%}.service-grid,.steps-grid{grid-template-columns:1fr}.section{padding:50px 24px}.about-photo{margin:0}.about-photo img{height:350px}.about-copy{margin:-35px 15px 0;padding:30px}.projects-grid{gap:14px}.projects-grid img{height:260px}.cta-wrap{padding-top:70px}.cta figure{margin-top:-30px}.cta figure img{max-height:320px}.cta-copy{padding:30px}.page-intro-copy{padding:50px 24px}.page-intro img{height:330px}.text-image{gap:30px}.text-image img{height:350px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:10px}}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/font-3.ttf) format('truetype');
}

body{font-family:Inter,Arial,sans-serif}h1,h2,h3,.eyebrow,.number{font-family:"Space Grotesk",Arial,sans-serif}

.hero>* , .about>* , .cta>* , .page-intro>* , .text-image>* , .service-grid>* , .steps-grid>* , .projects-grid>*{min-width:0}.quote-float{position:relative;z-index:2;background:var(--olive);color:white;border-radius:6px;padding:25px;width:300px;margin:-25px max(28px,calc((100vw - 1200px)/2)) -100px auto!important}.quote-float h3{font-size:22px}.quote-float .wp-block-button__link{color:var(--dark)}.about{position:relative}.about:after{content:"";position:absolute;bottom:50px;right:0;width:48%;height:85px;opacity:.25;background:linear-gradient(90deg,transparent 0 4px,var(--lime) 4px 125px,transparent 125px 132px) 0 0/132px 26px,linear-gradient(90deg,var(--lime) 0 58px,transparent 58px 65px,var(--lime) 65px 125px,transparent 125px) 0 30px/132px 26px;pointer-events:none}@media(max-width:650px){.quote-float{width:auto;margin:0!important;border-radius:0;padding:24px}.about:after{display:none}}

.projects-grid{grid-template-columns:repeat(8,1fr)}.projects-grid figure{grid-column:span 2}.projects-grid figure:nth-child(5){grid-column:2/span 2}@media(max-width:1000px){.projects-grid{grid-template-columns:repeat(2,1fr)}.projects-grid figure,.projects-grid figure:nth-child(5){grid-column:auto}.site-header .gervers-quote-item{display:block}}

.hero:after{background:url("assets/bricks-dark.svg") repeat;height:148px}.about:after{background:url("assets/bricks-lime.svg") repeat;height:148px}.step .number{font-size:40px}.faq-block{background:var(--cream)}.wp-block-details{background:white;padding:22px 25px;margin-bottom:14px;border-radius:5px}.wp-block-details summary{font-weight:bold;cursor:pointer}.wp-block-details p{margin-top:20px}.text-image.reverse .text-copy{order:2}.text-image.reverse figure{order:1}.photo-book{background:var(--olive);color:white}.photo-book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.photo-book-grid img{height:420px;width:100%;object-fit:cover;border-radius:8px}.form-columns{display:grid;grid-template-columns:.6fr 1.4fr;gap:60px}.form-aside{padding:35px;background:var(--cream);align-self:start}@media(max-width:650px){.photo-book-grid,.form-columns{grid-template-columns:1fr}.text-image.reverse .text-copy,.text-image.reverse figure{order:initial}}

/* Contact Form 7 */
.wpcf7-form{max-width:800px}.wpcf7-form label{display:block;font-size:15px;font-weight:600}.wpcf7-form .wpcf7-form-control-wrap{display:block;margin-top:8px}.wpcf7-form input:not([type=hidden]):not([type=submit]):not([type=checkbox]):not([type=radio]),.wpcf7-form select,.wpcf7-form textarea{width:100%;padding:13px;border:1px solid #aaa;border-radius:4px;font:inherit;color:var(--dark);background:white}.wpcf7-form textarea{min-height:180px}.wpcf7-form input[type=submit]{border:0;background:var(--lime);color:var(--dark);font:inherit;font-weight:600;padding:15px 26px;border-radius:4px;cursor:pointer}.wpcf7-form input[type=submit]:disabled{opacity:.5;cursor:wait}.wpcf7-not-valid-tip{font-size:14px}.wpcf7-form input:focus-visible,.wpcf7-form textarea:focus-visible{outline:2px solid var(--olive);outline-offset:2px}.wpcf7 form .wpcf7-response-output{margin:20px 0;padding:15px;border-radius:4px}.wpcf7-form .wpcf7-acceptance label{font-weight:400}.wpcf7-form input[type=file]{font-size:14px}