/*
Theme Name: Norré-Degraeve Renovatie
Theme URI: https://www.nd-renovatie.be/
Author: OpenAI
Description: Bewerkbaar blokthema gebaseerd op het vernieuwde Norré-Degraeve websitevoorbeeld.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: nd-renovatie
*/
:root{--nd-blue:#0b1a77;--nd-ink:#172038;--nd-red:#e40046;--nd-muted:#5d6677;--nd-soft:#f4f6f9;--nd-line:#dfe4ea}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--nd-ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}a:hover{color:var(--nd-red)}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.1;letter-spacing:-.04em}h2{font-size:clamp(2rem,4.5vw,3.5rem)}.wp-site-blocks{overflow:hidden}.wp-block-button__link{border-radius:4px!important;font-weight:800!important;padding:.75rem 1.25rem!important;background:var(--nd-red)!important;color:#fff!important}.wp-block-button__link:hover{background:#bd003c!important}.is-style-outline .wp-block-button__link{background:transparent!important;color:var(--nd-blue)!important;border:2px solid var(--nd-blue)!important}.is-style-outline .wp-block-button__link:hover{background:var(--nd-blue)!important;color:#fff!important}
.nd-header{border-top:6px solid var(--nd-blue);box-shadow:0 8px 30px #08124612;position:relative;z-index:5;background:#fff}.nd-header-inner{max-width:1200px;margin:auto;padding:1rem 1.25rem;gap:2rem!important}.nd-logo img{width:235px;max-width:100%}.nd-header .wp-block-navigation{font-size:.88rem;font-weight:700;gap:1.25rem}.nd-header .wp-block-navigation-item__content{text-decoration:none}.nd-header .wp-block-navigation-item__content:hover{color:var(--nd-red)}.nd-phone{font-weight:800;color:var(--nd-blue);white-space:nowrap}.nd-header .wp-block-button__link{padding:.5rem .9rem!important;font-size:.85rem}
.nd-section{padding:5.5rem max(1.25rem,calc((100vw - 1200px)/2))}.nd-section>.wp-block-group__inner-container{max-width:1200px;margin:auto}.nd-eyebrow{font-size:.8rem!important;color:var(--nd-red);font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.75rem}.nd-lead{font-size:1.1rem;max-width:680px;color:var(--nd-muted)}.nd-hero{background:var(--nd-blue);color:white;padding-top:5rem;padding-bottom:5rem}.nd-hero .wp-block-columns{align-items:center!important;gap:3rem}.nd-hero h1{font-size:clamp(2.6rem,6vw,5.2rem);line-height:1.02;margin:0}.nd-hero .nd-eyebrow{color:#ff6892}.nd-hero p{color:#f0f2fc}.nd-hero .is-style-outline .wp-block-button__link{border-color:white!important;color:white!important}.nd-hero .is-style-outline .wp-block-button__link:hover{background:white!important;color:var(--nd-blue)!important}.nd-hero-photo img{width:100%;min-height:480px;object-fit:cover}.nd-proof{border-top:1px solid #ffffff55;margin-top:3rem;padding-top:1.3rem;gap:1.5rem!important}.nd-proof .wp-block-column p{margin:0;color:#d7dcf3;font-size:.88rem}.nd-proof strong{color:#fff;font-size:1.3rem}
.nd-services h2,.nd-projects h2,.nd-about h2,.nd-contact h2{margin-top:0}.nd-service-grid{margin-top:2.5rem;gap:1.2rem!important}.nd-service{position:relative;background:var(--nd-soft);min-height:320px;overflow:hidden}.nd-service .wp-block-image{margin:0}.nd-service img{width:100%;height:320px;object-fit:cover;display:block;transition:transform .4s}.nd-service:hover img{transform:scale(1.04)}.nd-service h3{margin:0;padding:1rem 1.2rem;background:var(--nd-blue);color:#fff;font-size:1.35rem;letter-spacing:-.025em}.nd-service h3 a{color:#fff;text-decoration:none}
.nd-about{background:var(--nd-soft)}.nd-about .wp-block-columns{align-items:center!important;gap:4rem}.nd-about-photo img{width:100%;min-height:440px;object-fit:cover}.nd-about p:not(.nd-eyebrow){color:var(--nd-muted)}.nd-about .nd-facts{margin:2rem 0;gap:1rem!important}.nd-facts .wp-block-column{border-top:3px solid var(--nd-red);padding-top:.75rem}.nd-facts p{margin:0;font-size:.88rem}.nd-facts strong{font-size:1.02rem;color:var(--nd-blue)}
.nd-project-grid{gap:1rem!important;margin-top:2.2rem}.nd-project{background:var(--nd-soft);padding-bottom:1rem}.nd-project .wp-block-image{margin:0}.nd-project img{width:100%;height:240px;object-fit:cover;display:block}.nd-project .nd-category{margin:.9rem 1rem .2rem;color:var(--nd-red);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.nd-project h3{margin:.2rem 1rem;font-size:1.05rem;letter-spacing:0}.nd-project h3 a{text-decoration:none}.nd-project .wp-block-buttons{margin:0 1rem}.nd-projects>.wp-block-group__inner-container>.wp-block-buttons{margin-top:2rem}
.nd-contact{background:var(--nd-blue);color:#fff}.nd-contact .wp-block-columns{gap:4rem}.nd-contact .nd-eyebrow{color:#ff6892}.nd-contact p{color:#dce2f5}.nd-contact a{color:white}.nd-contact-card{background:#fff;color:var(--nd-ink);padding:2rem;border-radius:5px}.nd-contact-card p{color:var(--nd-muted)}.nd-contact-card .wp-block-button__link{color:#fff}.nd-footer{background:#08134f;color:#d9dff1;padding:1.5rem max(1.25rem,calc((100vw - 1200px)/2));font-size:.86rem}.nd-footer a{color:#fff}.nd-footer p{margin:0}
@media(max-width:1100px){.nd-header-inner{flex-wrap:wrap!important}.nd-header .wp-block-navigation{order:3;width:100%;justify-content:center}.nd-service-grid,.nd-project-grid{flex-wrap:wrap!important}.nd-service-grid>.wp-block-column{min-width:30%}.nd-project-grid>.wp-block-column{min-width:45%}}
@media(max-width:700px){.nd-section{padding:4rem 1rem}.nd-header-inner{flex-wrap:nowrap!important}.nd-header .wp-block-navigation{order:initial;width:auto;margin-left:auto}.nd-header .nd-phone,.nd-header .wp-block-buttons{display:none}.nd-logo img{width:180px}.nd-hero-photo img{min-height:280px}.nd-hero .wp-block-columns,.nd-about .wp-block-columns,.nd-contact .wp-block-columns{gap:2rem}.nd-service-grid>.wp-block-column,.nd-project-grid>.wp-block-column{min-width:100%}.nd-service img{height:300px}.nd-proof>.wp-block-column{min-width:40%}.nd-about-photo img{min-height:300px}.nd-contact-card{padding:1.25rem}}
.nd-hero>.wp-block-columns>.wp-block-column:first-child>p:first-child,.nd-services>p:first-child,.nd-about>.wp-block-columns>.wp-block-column:last-child>p:first-child,.nd-projects>p:first-child,.nd-contact>p:first-child{font-size:.8rem;color:var(--nd-red);font-weight:800;letter-spacing:.15em;text-transform:uppercase}.nd-hero>.wp-block-columns>.wp-block-column:first-child>p:first-child,.nd-contact>p:first-child{color:#ff6892}.nd-hero>.wp-block-columns>.wp-block-column:first-child>p:last-child{border-top:1px solid #ffffff55;padding-top:1.2rem;margin-top:3rem;color:#d7dcf3}.nd-hero>.wp-block-columns>.wp-block-column:first-child>p:last-child strong{color:#fff}.nd-services>.wp-block-columns{gap:1.2rem;margin-top:2.5rem}.nd-services>.wp-block-columns>.wp-block-column{background:var(--nd-soft);overflow:hidden}.nd-services>.wp-block-columns>.wp-block-column>.wp-block-image{margin:0}.nd-services>.wp-block-columns>.wp-block-column img{width:100%;height:280px;object-fit:cover;display:block}.nd-services>.wp-block-columns>.wp-block-column h3{background:var(--nd-blue);color:#fff;margin:0;padding:.8rem 1rem;letter-spacing:-.025em}.nd-services>.wp-block-columns>.wp-block-column h3 a{color:#fff;text-decoration:none}.nd-services>.wp-block-columns>.wp-block-column p{padding:0 1rem 1rem;margin:.5rem 0 0}.nd-about>.wp-block-columns>.wp-block-column:first-child img{width:100%;min-height:440px;object-fit:cover}.nd-about ul{padding-left:1.25rem}.nd-about li{margin-bottom:.4rem}.nd-projects>.wp-block-columns{gap:1rem;margin-top:2.2rem}.nd-projects>.wp-block-columns>.wp-block-column{background:var(--nd-soft);padding-bottom:1rem}.nd-projects>.wp-block-columns>.wp-block-column .wp-block-image{margin:0}.nd-projects>.wp-block-columns>.wp-block-column img{width:100%;height:240px;object-fit:cover;display:block}.nd-projects>.wp-block-columns>.wp-block-column h3{font-size:1.05rem;letter-spacing:0;padding:0 1rem}.nd-projects>.wp-block-columns>.wp-block-column h3 a{text-decoration:none}.nd-contact>.wp-block-group__inner-container>p{color:#dce2f5}.nd-contact>h3{background:#fff;color:var(--nd-ink);margin-bottom:0;padding:2rem 2rem 0}.nd-contact>h3+p{background:#fff;color:var(--nd-muted);margin-top:0;padding:1rem 2rem 2rem}.nd-contact>p a{color:#fff}.wp-site-blocks>hr.wp-block-separator{display:none}
@media(max-width:700px){.nd-services>.wp-block-columns>.wp-block-column img{height:300px}.nd-projects>.wp-block-columns>.wp-block-column img{height:300px}.nd-about>.wp-block-columns>.wp-block-column:first-child img{min-height:300px}}