/*
Theme Name: MXL Bouw & Advies
Author: MXL Bouw & Advies
Description: Bewerkbaar WordPress-blokthema voor MXL Bouw & Advies.
Version: 1.1.0
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: mxl-bouw-advies
License: GPL-2.0-or-later
*/
html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}*{box-sizing:border-box}a{text-underline-offset:4px}a:focus-visible{outline:3px solid #995900;outline-offset:5px}.wp-site-blocks{padding:0}.mxl-header,.mxl-footer,.mxl-section,.mxl-hero{padding:32px max(6vw,calc((100vw - 1160px)/2))}.mxl-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dedbd4;gap:24px}.mxl-header>*{margin:0!important}.mxl-brand strong{font-size:36px;letter-spacing:-2px}.mxl-brand span{font-size:15px;letter-spacing:0;display:block;font-weight:500}.mxl-brand a,.mxl-nav a{text-decoration:none}.mxl-nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.mxl-hero{padding-top:100px;padding-bottom:90px;background:#191919;color:#fff;position:relative;overflow:hidden}.mxl-hero:after{content:"";position:absolute;width:30%;height:90%;right:-10%;top:8%;border:1px solid #637067;transform:rotate(20deg);pointer-events:none}.mxl-hero h1{font-size:clamp(52px,7.2vw,100px);line-height:1.02;letter-spacing:-.055em;max-width:900px;margin:24px 0}.mxl-lead{max-width:660px;font-size:20px;line-height:1.7}.mxl-eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#995900}.mxl-hero .mxl-eyebrow{color:#ffa000}.mxl-region{font-size:13px;color:#c8d0c8;margin-top:35px}.mxl-section{padding-top:85px;padding-bottom:85px}.mxl-section h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.035em;line-height:1.15;max-width:850px}.mxl-section>p{max-width:730px}.mxl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.mxl-card{padding:26px;border:1px solid #dcd8d0;margin:0!important;background:#fff}.mxl-card h3,.mxl-step h3{font-size:22px;line-height:1.25}.mxl-card p{font-size:15px}.mxl-number{color:#995900;font-size:12px;font-weight:700;letter-spacing:2px}.mxl-soft{background:#efefef}.mxl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:40px}.mxl-step{margin:0!important;border-top:1px solid #c8c3b8;padding-top:20px}.mxl-contact{background:#191919;color:white}.mxl-contact .mxl-eyebrow{color:#ffa000}.mxl-contact a{color:inherit}.mxl-footer{font-size:13px;padding-top:30px;padding-bottom:30px}.mxl-footer p{margin:5px 0}.wp-block-button__link{border-radius:3px;font-weight:600;padding:15px 23px}.mxl-contact .wp-block-button__link,.mxl-hero .wp-block-button__link{background:#ffa000;color:#191919}.wp-block-buttons{gap:12px;margin-top:28px}@media(max-width:760px){.mxl-header{align-items:flex-start;flex-direction:column;gap:18px}.mxl-nav{gap:18px}.mxl-hero{padding-top:65px;padding-bottom:65px}.mxl-section{padding-top:55px;padding-bottom:55px}.mxl-grid,.mxl-steps{grid-template-columns:1fr}.mxl-hero:after{display:none}.mxl-contact a{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.mxl-header{background:#191919;color:#fff;border-bottom:3px solid #ffa000}.mxl-logo{width:210px;max-width:100%;margin:0!important}.mxl-logo img{width:100%;height:auto;display:block}.mxl-header a{color:#fff}.mxl-nav a:hover{color:#ffa000}.mxl-hero:after{border-color:#ffa000}.mxl-projects{background:#fff;border-top:4px solid #ffa000}.mxl-projects .wp-block-button__link{background:#ffa000;color:#191919}.mxl-contact .wp-block-button__link,.mxl-hero .wp-block-button__link{color:#191919}.mxl-footer{background:#191919;color:#fff}.mxl-footer a{color:inherit}.mxl-main{max-width:none!important}.mxl-main>*,.mxl-main>.wp-block-group{max-width:none!important;margin-left:0!important;margin-right:0!important}.mxl-card,.mxl-step{min-width:0}@media(max-width:760px){.mxl-logo{width:175px}.mxl-nav{font-size:13px;gap:14px}}