/*
Theme Name: OneProject
Author: OneProject Bouwgroep
Description: Zelfstandig blokthema voor OneProject Bouwgroep. Native WordPress-blokken, lokale lettertypen en bewerkbare pagina’s.
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: oneproject
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #805a2d;outline-offset:5px}.op-dark a:focus-visible,.op-footer a:focus-visible{outline-color:#e9cda5}.op-main{margin-block-start:0!important}.op-section{padding:clamp(48px,7vw,100px) max(24px,calc((100vw - 1200px)/2));margin-block-start:0!important}.op-section>*,.op-header>*,.op-footer>*{max-width:1200px}.op-section .wp-block-columns{margin-bottom:0;gap:clamp(26px,5vw,72px)}.op-header{max-width:none!important;padding:24px max(24px,calc((100vw - 1320px)/2));border-bottom:1px solid #dcd7cd;gap:25px!important;min-height:98px;background:#f7f5f0}.op-header .wp-block-site-title{font-size:22px;letter-spacing:-1px;white-space:nowrap}.op-brand-sub{font-size:9px;letter-spacing:4px;margin:2px 0 0!important;font-weight:650}.op-brand{flex-shrink:0}.op-header .wp-block-navigation{font-size:13px;gap:22px}.op-header .wp-block-buttons{flex-shrink:0}.op-header .wp-block-button__link{font-size:12px;padding:13px 20px}.wp-block-site-title a{text-decoration:none}.op-hero{padding-top:64px;padding-bottom:70px}.op-hero-columns{align-items:center!important}.op-hero h1{font-size:clamp(43px,4.9vw,70px);line-height:1.08;letter-spacing:-3px;max-width:650px}.op-hero .wp-block-column:first-child{flex-basis:52%!important}.op-hero .wp-block-column:last-child{flex-basis:48%!important}.op-hero .wp-block-buttons{gap:12px}.op-hero .wp-block-button__link{font-size:12px;padding:16px 19px}.op-lead{font-size:18px;line-height:1.85;color:#535a60;max-width:800px}.op-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2.3px;font-weight:700;color:#77552d;margin-bottom:24px}.op-locations{font-size:9px;letter-spacing:1.5px;margin-top:32px!important}.op-hero-image img{width:100%;height:560px;object-fit:cover;display:block}.op-hero-image figcaption{font-size:10px;text-align:left;letter-spacing:.7px;color:#606468}.op-service-grid{gap:30px!important;margin-top:48px!important}.op-service-grid>.wp-block-column{border-top:1px solid #af8753;padding-top:24px}.op-service-grid h3{font-size:24px;min-height:65px}.op-service-grid p{font-size:14px}.op-service-grid a{text-decoration:none;font-weight:650;font-size:12px}.op-dark{background:#191d21;color:#f7f5f0}.op-dark .op-eyebrow{color:#cfad80}.op-dark p{color:#d2d0ca}.op-dark a{color:#f7f5f0}.op-dark h2{font-size:clamp(36px,4vw,55px)}.op-steps{margin-top:45px!important}.op-steps>.wp-block-column{border-top:1px solid #d1cbc0;padding-top:24px}.op-steps h3{font-size:21px}.op-steps p{font-size:14px}.op-soft{background:#eeebe4}.op-faq>*{max-width:850px!important;margin-left:auto!important;margin-right:auto!important}.wp-block-details{border-bottom:1px solid #d1cbc0;padding:22px 0;margin-top:0!important}.wp-block-details summary{cursor:pointer;font-weight:600;line-height:1.6}.wp-block-details p{color:#535a60;font-size:15px;padding-bottom:6px}.op-contact{background:#ded6c8;text-align:center}.op-contact h2{max-width:780px;margin-inline:auto}.op-contact p{max-width:650px;margin-inline:auto}.op-contact .wp-block-buttons{justify-content:center}.op-small{font-size:13px}.op-footer{max-width:none!important;background:#191d21;color:#f7f5f0;padding:65px max(24px,calc((100vw - 1200px)/2)) 25px;margin-top:0!important}.op-footer a{color:inherit;text-decoration:none}.op-footer p{font-size:13px;color:#d2d0ca}.op-footer .op-eyebrow{color:#cfad80}.op-footer .wp-block-site-title{font-size:25px}.op-copyright{border-top:1px solid #44484c;padding-top:25px;margin-top:40px!important;font-size:11px!important}.op-page-hero{background:#eeebe4}.op-page-hero>*{max-width:850px!important}.op-page-hero h1{font-size:clamp(40px,5vw,64px);letter-spacing:-2.5px}.op-subtitle{font-size:25px}.op-prose{padding-block:36px}.op-prose>*{max-width:850px!important;margin-inline:auto!important}.op-prose h2{margin-top:40px;font-size:32px}.op-prose p{line-height:1.9;color:#444b50}.op-contact-columns>.wp-block-column:first-child{flex-basis:65%!important}.op-contact-columns>.wp-block-column:last-child{flex-basis:35%!important;padding-left:30px;border-left:1px solid #d1cbc0}.wpcf7 form label{display:block;font-size:14px;font-weight:600}.wpcf7 input:not([type=submit]),.wpcf7 select,.wpcf7 textarea{width:100%;border:1px solid #8c8f8d;background:#fff;padding:13px;font:inherit;color:#191d21;border-radius:0;margin-top:8px}.wpcf7 textarea{min-height:160px;resize:vertical}.wpcf7 input[type=submit]{background:#191d21;color:#f7f5f0;border:0;padding:17px 25px;font:inherit;cursor:pointer}.wpcf7-not-valid-tip{font-size:13px!important;color:#a52323!important}.wpcf7-response-output{margin-inline:0!important}.op-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.op-privacy-note{font-size:12px;color:#535a60;line-height:1.75}.op-form-note{padding:16px;background:#eeebe4;font-size:13px}.op-project-breadcrumb{font-size:12px}.wp-block-post-featured-image img{width:100%;height:auto}.wp-block-query .wp-block-post-template{gap:30px}.wp-block-post-excerpt{font-size:14px}.wp-block-query .wp-block-post-title{font-size:25px}
@media(min-width:782px) and (max-width:1120px){.op-header .wp-block-buttons{display:none}.op-service-grid{flex-wrap:wrap!important}.op-service-grid>.wp-block-column{flex-basis:calc(50% - 15px)!important}.op-hero-image img{height:500px}.op-hero h1{font-size:49px}}
@media(max-width:781px){.op-header{padding:20px 24px;min-height:82px}.op-header .wp-block-buttons{display:none}.op-header .wp-block-navigation{margin-left:auto}.op-hero{padding-top:38px}.op-hero h1{letter-spacing:-2px}.op-hero-image img{height:380px}.op-hero .wp-block-column{flex-basis:100%!important}.op-section .wp-block-columns{gap:32px}.op-service-grid h3{min-height:0}.op-lead{font-size:16px}.op-section h2{font-size:34px}.op-contact-columns>.wp-block-column:last-child{padding-left:0;border:0}.op-footer .wp-block-columns{gap:30px}.wp-block-navigation__responsive-container.is-menu-open{padding:28px;background:#f7f5f0!important;color:#191d21!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{font-size:22px}.op-page-hero h1{font-size:43px}.op-prose h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Full-width canvas; each section controls its readable inner width. */
.op-main>.wp-block-post-content{max-width:none!important;margin-inline:0!important}
@media(max-width:781px){
.op-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
.op-header .wp-block-navigation__responsive-container-open{display:flex!important}
.op-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open{padding:28px!important}
.op-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:flex-start!important;width:100%}
.op-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{padding:14px 0 14px 18px!important;align-items:flex-start!important}
.op-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{font-size:19px;max-width:100%}
.op-header .wp-block-navigation__responsive-container-close{right:0;top:0}
}
@media(max-width:781px){.op-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu{align-items:flex-start!important}}

/* Architecture adaptation. Design reference: Ona Architecture, © DeoThemes, GPL-2.0-or-later. */
.op-header{background:#fff;border:0;padding:28px max(30px,calc((100vw - 1320px)/2));min-height:106px}
.op-header .wp-block-site-title{font-family:Urbanist,sans-serif;font-size:28px;font-weight:600;letter-spacing:-1px}
.op-brand-sub{letter-spacing:5px;font-size:8px;font-weight:400;margin-top:0!important}
.op-header .wp-block-navigation{font-size:13px;gap:25px}.op-header .wp-block-button__link{background:transparent;color:inherit;border:1px solid currentColor;border-radius:7px;padding:13px 18px}
.home .wp-site-blocks>header{position:absolute;top:0;left:0;width:100%;z-index:10}.home.admin-bar .wp-site-blocks>header{top:32px}
.home .op-header{background:transparent;color:white}.home .op-header a{color:inherit}.home .op-header .wp-block-navigation__submenu-container{color:#212121;background:#fff}
.op-architecture-hero{min-height:92vh!important;padding:160px 24px 120px!important;margin-top:0!important;text-align:center;position:relative}
.op-architecture-hero .wp-block-cover__image-background{object-position:center 58%}
.op-architecture-hero .wp-block-cover__inner-container{max-width:1100px!important;width:100%}
.op-architecture-hero .op-eyebrow{color:#fff;font-weight:400;letter-spacing:5px;font-size:12px;margin-bottom:24px}
.op-architecture-hero h1{font-size:clamp(44px,5.5vw,76px);line-height:1.1;letter-spacing:-.025em;margin:0 auto;max-width:1050px;color:#fff}
.op-hero-subtitle{font-size:16px;color:#f1f1f1;margin:28px auto!important;max-width:600px}
.op-architecture-hero .wp-block-buttons{justify-content:center;gap:16px;margin-top:32px}
.op-architecture-hero .wp-block-button__link{font-size:13px;padding:17px 24px;border:1px solid #212121}
.op-architecture-hero .is-style-outline .wp-block-button__link{border:1px solid #fff;color:#fff;background:transparent}
.op-architecture-hero .op-image-credit{position:absolute;bottom:20px;right:30px;font-size:10px;letter-spacing:.6px;color:#fff;margin:0}
.op-services-band{background:#212121;color:#fff;padding:0}
.op-services-band>.op-architecture-services{max-width:none!important;gap:0!important;margin:0!important}
.op-architecture-services>.wp-block-column{padding:56px 32px 48px;border-right:1px solid #414141}.op-architecture-services>.wp-block-column:last-child{border:0}
.op-architecture-services figure{margin:0 0 30px!important}.op-architecture-services img{width:40px;height:40px}
.op-architecture-services h2{font-size:25px;line-height:1.2;min-height:60px;letter-spacing:-.5px;color:#fff}
.op-architecture-services p{font-size:13px;color:#c4c4c4}.op-architecture-services a{font-size:12px;color:#fff;text-decoration:none}
.op-eyebrow{color:#666;font-weight:400;font-size:11px;letter-spacing:3px}.op-intro{padding-block:110px}
.op-architecture-intro{align-items:center!important;gap:80px!important}.op-architecture-intro h2{font-size:clamp(36px,4vw,54px);line-height:1.1}
.op-architecture-intro p:not(.op-eyebrow){font-size:14px;color:#5e5e5e}.op-architecture-intro .op-locations{font-size:9px!important;line-height:2}
.op-intro-image img{border-radius:10px;display:block;width:100%;height:580px;object-fit:cover}.op-intro-image figcaption{font-size:10px;color:#666;text-align:left}
.op-section{padding-top:90px;padding-bottom:90px}.op-services-band{padding:0}.op-soft,.op-page-hero{background:#f5f5f3}.op-contact{background:#ecece8;padding-block:100px}.op-contact h2{font-size:clamp(38px,4.5vw,60px)}.op-contact p{color:#5e5e5e;font-size:15px}
.op-footer{background:#212121}.op-footer .op-eyebrow{color:#bcbcbc}.op-steps>.wp-block-column{border-color:#ddd}.op-steps .op-eyebrow{font-family:Urbanist,sans-serif;font-size:40px;color:#aaa;letter-spacing:-1px}
.op-faq .wp-block-details{border-color:#ddd}.op-prose{padding-block:36px}.op-page-hero h1{letter-spacing:-.025em}.op-page-hero .op-lead{font-size:18px}.wpcf7 input:not([type=submit]),.wpcf7 select,.wpcf7 textarea,.wpcf7 input[type=submit]{border-radius:7px}
@media(min-width:1600px){.op-architecture-services>.wp-block-column{padding:64px 4vw}}
@media(min-width:782px) and (max-width:1100px){.op-architecture-services{flex-wrap:wrap!important}.op-architecture-services>.wp-block-column{flex-basis:50%!important;border-bottom:1px solid #414141}.op-architecture-services h2{min-height:0}.op-architecture-intro{gap:40px!important}}
@media(max-width:781px){.op-header{padding:22px 24px;min-height:90px}.op-header .wp-block-site-title{font-size:26px}.op-architecture-hero{min-height:780px!important;min-height:92svh!important;padding:150px 24px 110px!important}.op-architecture-hero h1{font-size:clamp(39px,8vw,58px)}.op-architecture-hero h1 br{display:none}.op-architecture-hero .op-eyebrow{font-size:9px;letter-spacing:2.8px;line-height:1.8}.op-hero-subtitle{font-size:14px;max-width:290px}.op-architecture-hero .wp-block-buttons{gap:12px}.op-architecture-hero .wp-block-button__link{font-size:12px;padding:14px 20px}.op-architecture-hero .op-image-credit{right:24px;bottom:18px;font-size:8px}.op-section{padding-block:60px}.op-services-band{padding:0}.op-services-band .op-architecture-services{gap:0!important}.op-architecture-services>.wp-block-column{padding:34px 26px;border-right:0;border-bottom:1px solid #414141}.op-architecture-services figure{margin-bottom:20px!important}.op-architecture-services h2{min-height:0;font-size:26px}.op-architecture-services p{font-size:14px}.op-intro-image img{height:400px}.op-architecture-intro{gap:36px!important}.op-architecture-intro h2{font-size:40px}.op-prose{padding-block:24px}.home .op-header .wp-block-navigation__responsive-container.is-menu-open{background:#fff!important;color:#212121!important}.home.admin-bar .wp-site-blocks>header{top:46px}}
.op-architecture-hero .wp-block-cover__inner-container{position:static}
.op-architecture-hero .wp-block-cover__inner-container{position:relative}
.op-architecture-hero .op-image-credit{bottom:-80px;right:0}