/*
Theme Name: Maxibel
Description: Het Maxibel websiteontwerp met productcatalogus en startinhoud.
Version: 1.0.0
Author: Maxibel
Text Domain: maxibel
Requires PHP: 7.4
*/
:root{--ink:#172c31;--green:#15735c;--lime:#d7f177;--paper:#f6f7f3;--line:#d8dfd9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #69a13a;outline-offset:5px}.topline{padding:9px 5%;display:flex;justify-content:space-between;background:var(--ink);color:white;font-size:10px;letter-spacing:1.4px}header{display:flex;align-items:center;justify-content:space-between;padding:22px 5%;background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;gap:4px}.brand img{width:158px;height:45px;object-fit:contain;object-position:left}.brand span{font-size:8px;letter-spacing:2.8px}nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:600}.nav-contact{border-bottom:1px solid var(--green);padding:10px 0;color:var(--green)}.menu{display:none}.hero{display:grid;grid-template-columns:1.07fr 1fr;min-height:650px}.hero-text{padding:65px 8% 45px 9.4%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--green);margin:0 0 22px}h1{font-size:clamp(40px,4.25vw,69px);letter-spacing:-2.7px;line-height:1.08;margin:0 0 28px;font-weight:600}h1 em{font-style:normal;color:var(--green)}.intro{font-size:17px;max-width:480px;color:#516065}.actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{background:var(--green);color:white;border:0;padding:16px 20px;font-size:13px;display:inline-flex;gap:26px;align-items:center;font-weight:600;cursor:pointer}.button:hover{background:#0c5644}.button span{font-size:21px;line-height:1}.textlink{font-size:13px;border-bottom:1px solid;padding-bottom:5px;font-weight:600}.hero-note{font-size:11px;margin-top:49px;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;background:var(--green);border-radius:50%}.hero-image{position:relative;background:var(--ink);overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#102727df)}.image-caption{position:absolute;bottom:38px;left:35px;right:35px;z-index:1;color:white;display:flex;flex-direction:column}.image-caption span{font-size:10px;letter-spacing:2px}.image-caption strong{font-size:25px;line-height:1.25;margin-top:9px;font-weight:400}.image-caption a{position:absolute;right:0;bottom:0;border:1px solid #ffffff80;border-radius:50%;padding:9px 17px;font-size:24px}.proof{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 5%;border-bottom:1px solid var(--line);gap:20px;font-size:12px}.proof span:before{content:'+';color:var(--green);margin-right:15px}.section{padding:95px 5%}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px}h2{font-size:clamp(32px,3.3vw,49px);line-height:1.13;letter-spacing:-1.7px;margin:0 0 24px;font-weight:500}.section-heading h2{margin:0}.section-heading>p{max-width:340px;color:#62706d;font-size:14px;margin:0 0 4px}.applications{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.photo{height:290px;position:relative;background:#e0e6df;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.applications article:hover img{transform:scale(1.035)}.photo span,.case-image>span{position:absolute;left:15px;bottom:15px;background:white;padding:7px 11px;font-size:9px;font-weight:700;letter-spacing:1.4px}h3{font-size:22px;font-weight:500;line-height:1.3;margin:22px 0 12px}.applications p{font-size:14px;color:#62706d;max-width:350px}.applications article>a,.case a{font-size:12px;font-weight:600;color:var(--green);border-bottom:1px solid #a3bcb0;padding-bottom:6px;display:inline-block}.custom{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#e9eee7;align-items:center}.custom-copy{max-width:480px}.large{font-size:19px;line-height:1.5}.custom-copy>p:not(.eyebrow),.production p:not(.eyebrow){color:#52635f}.custom-copy .button{margin-top:18px}.case{background:var(--paper)}.case-image{height:290px;position:relative;background:#fff}.case-image img{width:100%;height:100%;object-fit:contain}.case-content{padding:12px 28px 30px}.case-content p{font-size:14px;color:#52635f}.production{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.production-image{height:510px;background:#e6e9e1}.production-image img{width:100%;height:100%;object-fit:cover}.details{border-top:1px solid var(--line);margin:28px 0}.details>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}.details span{color:#62706d}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--ink);color:white}.contact .eyebrow{color:var(--lime)}.contact>div>p:not(.eyebrow){color:#b9c7c7;max-width:350px}.contact-mail{display:block;font-size:25px;margin:35px 0 7px;color:var(--lime)}.phone{display:block}address{font-size:13px;color:#b9c7c7;font-style:normal;margin-top:30px}form h3{margin-top:0}label{display:block;font-size:11px;margin-bottom:15px;color:#d6dfdc}input,textarea{width:100%;display:block;background:#ffffff08;color:white;border:1px solid #667777;padding:10px;margin-top:6px;border-radius:0}input:focus,textarea:focus{outline:2px solid var(--lime);outline-offset:2px}textarea::placeholder{color:#a1b2b0;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact .button{background:var(--lime);color:var(--ink);width:100%;justify-content:space-between}.form-note{font-size:11px;color:#b9c7c7;line-height:1.5}footer{padding:38px 5%;display:flex;align-items:center;gap:35px;justify-content:space-between;font-size:11px}.footer-brand{font-size:30px;font-weight:bold;letter-spacing:-2px;color:var(--green);line-height:1}.footer-brand span{display:block;letter-spacing:1.5px;font-size:7px;margin-top:8px}footer p{max-width:240px;color:#62706d}section[id]{scroll-margin-top:20px}@media(min-width:1600px){body{max-width:1600px;margin:auto}}@media(max-width:1050px){nav{gap:16px}.hero-text{padding-top:42px}h1{font-size:46px}.photo{height:240px}.section{padding-top:70px;padding-bottom:70px}.custom{gap:6%}.hero{min-height:620px}}@media(max-width:760px){.topline{font-size:8px;letter-spacing:.7px}.topline a{display:none}header{padding:17px 5%;position:relative}.brand img{width:130px;height:35px}.menu{display:block;background:none;border:1px solid var(--line);padding:8px 12px;color:var(--ink);font-size:12px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:25px 5%;z-index:10;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;align-items:start}.hero{grid-template-columns:1fr}.hero-text{padding:40px 6%}h1{font-size:43px;letter-spacing:-1.8px}.intro{font-size:16px}.hero-note{margin-top:28px}.hero-image{height:340px}.proof{grid-template-columns:1fr 1fr;font-size:10px;gap:17px}.section{padding:58px 6%}.section-heading{display:block}.section-heading>p{margin-top:25px}.applications{grid-template-columns:1fr;gap:38px}.photo{height:300px}.applications p{max-width:none}.custom,.production,.contact{grid-template-columns:1fr;gap:38px}.production-image{height:330px}.custom .case-image{height:280px}.contact-mail{font-size:22px}footer{flex-wrap:wrap;gap:20px}footer p{max-width:180px}.details>div{font-size:12px}.actions{gap:20px}.image-caption strong{font-size:22px}.form-row{grid-template-columns:1fr;gap:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo img{transition:none}}

/* Official Maxibel logo, supplied by Maxibel. */
.brand img{width:195px;height:auto;display:block}.footer-brand img{display:block;width:175px;height:auto}@media(max-width:760px){.brand img{width:165px;height:auto}.footer-brand img{width:155px}}
/* Product catalogue */
.product-home{border-bottom:1px solid var(--line);background:#fff}.product-home .section-heading>div:last-child{max-width:370px}.product-home .section-heading>div:last-child>p{font-size:14px;color:#62706d;margin:0 0 15px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.product-card{border:1px solid var(--line);background:white;display:flex;flex-direction:column;min-width:0}.product-card[hidden]{display:none}.product-photo{height:245px;background:#fff;display:flex;align-items:center;justify-content:center;padding:26px;border-bottom:1px solid #edf0eb}.product-photo img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.product-card:hover .product-photo img{transform:scale(1.035)}.product-card-copy{padding:24px;flex:1;display:flex;flex-direction:column}.product-category{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--green);margin:0 0 10px}.product-card h3{font-size:22px;margin:0 0 14px}.product-card-copy>p:not(.product-category){font-size:13px;color:#62706d;margin:0 0 24px}.product-more{margin-top:auto;font-size:12px;color:var(--green);font-weight:700}.catalogue-bottom{border-top:1px solid var(--line);padding-top:28px;margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px}.catalogue-bottom h3{margin:0 0 5px}.catalogue-bottom p{margin:0;color:#62706d}.catalogue-intro{padding-bottom:55px;background:#e9eee7}.breadcrumb,.breadcrumbs{font-size:12px;color:#52635f;display:block;margin-bottom:35px}.catalogue-intro .eyebrow{margin-bottom:18px}.catalogue-intro h1{font-size:62px}.catalogue-intro .intro{max-width:640px}.catalogue{padding-top:40px}.catalogue-tools{display:flex;align-items:start;gap:35px;justify-content:space-between}.product-filters{display:flex;flex-wrap:wrap;gap:9px;max-width:770px}.filter-button{background:transparent;border:1px solid #bac8c0;padding:11px 14px;font-size:12px;color:var(--ink);cursor:pointer;white-space:nowrap}.filter-button.active{color:white;background:var(--green);border-color:var(--green)}.filter-button span{padding-left:8px;opacity:.7}.product-search{color:var(--ink);min-width:235px;font-size:11px}.product-search input{color:var(--ink);background:white;border-color:#bac8c0;font-size:13px;padding:11px}#product-count{font-size:12px;color:#62706d;margin:25px 0 22px}.breadcrumbs{margin-bottom:45px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.product-detail-top{padding-top:35px;padding-bottom:65px}.product-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.product-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}.product-gallery>a{height:210px;padding:18px;background:white;border:1px solid var(--line);display:block}.product-gallery>a:first-child{grid-column:1/-1;height:420px;padding:30px}.product-gallery img{width:100%;height:100%;object-fit:contain}.product-detail-copy h1{font-size:43px;line-height:1.12;letter-spacing:-1.8px;margin-bottom:25px}.product-description{font-size:14px;color:#52635f}.product-description p{margin:0 0 18px}.product-detail-copy .button{margin-top:15px}.product-help{font-size:12px;color:#62706d;margin:15px 0 0}.product-specifications{padding-top:0}.spec-block{display:grid;grid-template-columns:1fr 2fr;gap:6%;padding:35px 0;border-top:1px solid var(--line)}.spec-block h2{font-size:26px;letter-spacing:-.7px;margin:0}.spec-table-wrap{overflow-x:auto}.spec-block table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.spec-block td,.spec-block th{border-bottom:1px solid #e0e5de;padding:11px 8px;vertical-align:top;font-weight:400;overflow-wrap:anywhere}.spec-block th{width:48%;color:#52635f}.spec-block th[colspan]{font-weight:600;color:var(--ink);padding-top:20px}.spec-block td{text-align:right}.product-downloads{display:flex;flex-direction:column;gap:15px}.product-downloads a{font-size:14px;color:var(--green);text-decoration:underline;text-underline-offset:5px}.product-contact-band{padding:45px 5%;background:#e9eee7;display:flex;justify-content:space-between;align-items:center;gap:25px}.product-contact-band h2{font-size:36px;margin:0 0 12px}.product-contact-band p{margin:0 0 15px;font-size:14px}.product-contact-band .eyebrow{font-size:10px}.back-to-products{padding:35px 5%;border-bottom:1px solid var(--line)}@media(max-width:1100px){nav{gap:17px;font-size:12px}.brand img{width:165px}.catalogue-tools{flex-direction:column;gap:20px}.product-search{width:100%;max-width:400px}.product-grid{gap:18px}.product-photo{height:210px}.product-card-copy{padding:19px}.product-card h3{font-size:20px}}@media(max-width:760px){.product-grid{grid-template-columns:1fr 1fr;gap:14px}.product-photo{height:180px;padding:15px}.product-card-copy{padding:16px}.product-card h3{font-size:18px}.product-card-copy>p:not(.product-category){font-size:12px}.product-more{font-size:11px}.catalogue-intro h1{font-size:43px}.catalogue-intro{padding-top:35px}.product-home .section-heading>div:last-child{margin-top:22px}.catalogue-bottom{flex-direction:column;align-items:start}.product-detail-layout{grid-template-columns:1fr;gap:35px}.product-gallery>a:first-child{height:330px}.product-gallery>a{height:170px}.product-detail-copy h1{font-size:36px}.spec-block{grid-template-columns:1fr;gap:20px}.spec-block table{font-size:12px}.product-contact-band{flex-direction:column;align-items:start;padding:38px 6%}.product-contact-band h2{font-size:30px}.product-detail-top{padding-top:25px}.breadcrumbs{font-size:11px}.product-filters{gap:7px}.filter-button{font-size:11px;padding:9px 11px}}@media(max-width:430px){.product-grid{grid-template-columns:1fr}.product-photo{height:250px;padding:25px}.product-card h3{font-size:22px}.product-card-copy>p:not(.product-category){font-size:14px}.product-more{font-size:12px}}

body.admin-bar .topline{position:relative}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{left:15px;top:15px;z-index:10000;background:#fff;padding:12px}.wp-block-html{margin:0}
