/*
Theme Name: Ramon Pelle Persoonlijk
Theme URI: https://ramonpelle.nl
Author: Ramon Pelle
Description: Zelfstandig persoonlijk blokthema voor ICT, zeeaas en brandweerwerkzaamheden. Inclusief bewerkbare startpagina's en contactformulier.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ramon-pelle-persoonlijk
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{max-width:100%;height:auto}a{text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #A84220;outline-offset:4px}.wp-site-blocks{padding:0}.wp-site-blocks>*{margin-block-start:0}.rp-header{background:#F7F5F0;border-bottom:1px solid #182c3d16}.rp-header-inner{max-width:1244px!important;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;gap:28px}.rp-header-inner>*{margin:0!important}.rp-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.rp-brand>*{margin:0!important}.rp-brand-mark{width:47px;flex:0 0 47px}.rp-brand-mark img{display:block}.rp-brand-name{font-size:1.6rem;line-height:1.1}.rp-brand-name a{color:#182C3D;text-decoration:none}.rp-brand-name strong{font-weight:750}.rp-brand-sub{display:block;font-size:.56rem;letter-spacing:1.5px;margin-top:8px;font-weight:600}.rp-nav{gap:22px}.rp-hero,.rp-section,.rp-page-intro,.rp-story,.rp-cta{max-width:1244px!important;margin:0 auto;padding:72px 32px}.rp-hero{padding-top:62px;padding-bottom:68px}.rp-hero-columns{align-items:center!important;gap:70px!important}.rp-hero-columns>.wp-block-column:first-child{flex-basis:57%!important}.rp-hero-columns>.wp-block-column:last-child{flex-basis:43%!important}.rp-hero h1{font-size:5.75rem;font-size:clamp(3rem,6.3vw,5.75rem);line-height:1.04;letter-spacing:-2px;margin:20px 0 24px}.rp-hero .rp-lead{max-width:540px}.rp-eyebrow{font-size:.75rem;letter-spacing:2px;line-height:1.5;font-weight:700;color:#A84220;margin-bottom:18px}.rp-lead{font-size:1.15rem;line-height:1.8;color:#52616B}.rp-photo{margin:0}.rp-photo img{display:block;width:100%;aspect-ratio:6/7;object-fit:cover;border-radius:12px}.rp-hero .rp-photo{position:relative}.rp-hero .rp-photo:after{content:"";position:absolute;width:60px;height:6px;background:#C65D32;bottom:30px;left:-30px}.rp-text-link{font-size:.95rem;margin-top:20px}.rp-text-link a{color:#182C3D}.rp-section h2,.rp-story h2,.rp-cta h2{font-size:3rem;font-size:clamp(2rem,3.3vw,3rem);letter-spacing:-.6px}.rp-section{border-top:1px solid #182c3d16}.rp-cards{margin-top:36px}.rp-card{background:white;border:1px solid #182c3d14;border-radius:10px;padding:30px;height:100%;box-shadow:0 4px 20px #182c3d04}.rp-card h3{font-size:1.65rem}.rp-card p{font-size:1rem}.rp-card-label{color:#52616B;font-size:.72rem!important;letter-spacing:1.5px;font-weight:700}.rp-card a{font-weight:600}.rp-story{background:#E8EEF1;border-radius:12px;margin-top:24px;margin-bottom:48px}.rp-page-intro{padding-top:72px;padding-bottom:54px}.rp-page-intro h1{font-size:4.6rem;font-size:clamp(2.8rem,5.8vw,4.6rem);letter-spacing:-1.5px;margin:20px 0 24px}.rp-page-intro .rp-lead{max-width:750px}.rp-cta{margin-bottom:72px;background:#182C3D;color:#F7F5F0;border-radius:12px;padding:48px 40px}.rp-cta h2{margin-top:0}.rp-cta-columns{align-items:center!important}.rp-cta-columns>.wp-block-column:first-child{flex-basis:70%!important}.rp-cta-columns>.wp-block-column:last-child{flex-basis:30%!important}.rp-cta .wp-block-buttons{justify-content:flex-end}.rp-cta p{color:#dce4e8}.rp-footer{background:#E8EEF1}.rp-footer-inner{max-width:1244px!important;margin:auto;padding:48px 32px}.rp-footer-inner h3{font-family:'Segoe UI',Arial,sans-serif;font-size:1.4rem;font-weight:700}.rp-footer a{color:#182C3D;font-size:.94rem;line-height:2}.rp-muted{color:#52616B}.is-style-outline .wp-block-button__link{background:transparent;color:#A84220;border:1px solid #A84220}.wp-block-button__link:hover{filter:brightness(.91)}.rp-contact-form{background:#fff;border:1px solid #182c3d14;border-radius:10px;padding:32px}.rp-contact-form label{display:block;font-weight:600;font-size:.95rem;margin-bottom:16px}.rp-contact-form input,.rp-contact-form select,.rp-contact-form textarea{width:100%;border:1px solid #b8c3c9;border-radius:5px;background:#fff;color:#182C3D;font:inherit;padding:12px;margin-top:6px}.rp-contact-form textarea{min-height:160px;resize:vertical}.rp-contact-form button{background:#A84220;color:white;border:0;border-radius:6px;padding:14px 22px;font:inherit;font-weight:600;cursor:pointer}.rp-contact-note{font-size:.84rem;color:#52616B}.rp-form-status{padding:18px;border-left:4px solid #A84220;background:#E8EEF1;margin-bottom:20px}.rp-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.rp-main .wp-block-post-content{margin:0}.rp-main>.wp-block-post-title{max-width:1180px;margin:50px auto 20px;padding:0 32px}.rp-main>.wp-block-post-content>p,.rp-main>.wp-block-post-content>.wp-block-heading{max-width:800px;margin-left:auto;margin-right:auto;padding-inline:24px}.editor-styles-wrapper .rp-header-inner{max-width:100%!important}.wp-block-navigation__responsive-container.is-menu-open{background:#F7F5F0!important;color:#182C3D!important;padding:30px}
@media(min-width:782px){.rp-cards>.wp-block-column{display:flex;min-width:0}.rp-cards .rp-card{width:100%}}
@media(max-width:1280px){.rp-story,.rp-cta{max-width:calc(100% - 64px)!important}.rp-hero-columns{gap:40px!important}}
@media(max-width:900px){.rp-header-inner{padding:20px 24px;gap:16px}.rp-brand-name{font-size:1.3rem}.rp-brand-sub{font-size:.5rem}.rp-nav{gap:12px}.rp-card{padding:22px}.rp-hero h1{font-size:4rem}}
@media(max-width:781px){.rp-hero,.rp-section,.rp-page-intro{padding:42px 24px}.rp-hero h1{font-size:clamp(3rem,12vw,4.4rem)}.rp-hero-columns{gap:32px!important}.rp-hero .rp-photo img{aspect-ratio:4/3}.rp-hero .rp-photo:after{left:22px;bottom:22px}.rp-section h2{font-size:2.2rem}.rp-story,.rp-cta{max-width:calc(100% - 32px)!important;padding:32px 24px;margin-block:20px 36px}.rp-cta .wp-block-buttons{justify-content:flex-start}.rp-cards{gap:20px!important}.rp-page-intro h1{font-size:2.9rem}.rp-contact-form{padding:24px}.rp-footer-inner{padding:32px 24px}.rp-header-inner .wp-block-navigation{margin-left:auto!important}.rp-brand-mark{width:38px;flex-basis:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.rp-landscape img{aspect-ratio:4/3}.rp-hero-collage{padding:10px 0 10px}.rp-hero-collage>.rp-photo:first-child img{aspect-ratio:5/4}.rp-hero-collage>.rp-photo:last-child{width:88%;margin-left:12%!important;margin-top:-30px!important;border:7px solid #F7F5F0;border-radius:16px;position:relative;box-shadow:0 12px 36px #182c3d18}.rp-hero-collage>.rp-photo:last-child img{aspect-ratio:16/9}.rp-hero-collage .rp-photo:after{display:none}.rp-hero-collage>.rp-photo:first-child:before{content:"";display:block;width:65px;height:6px;background:#C65D32;margin-bottom:18px}.rp-hero-collage .rp-photo img{width:100%}
/* Keep the wide page sections wide despite core constrained-layout defaults. */
.rp-hero>*,.rp-section>*,.rp-page-intro>*,.rp-story>*,.rp-cta>*,.rp-footer-inner>*{max-width:none!important}
.rp-page-intro>.rp-lead{max-width:750px!important;margin-left:0!important}
.rp-nav .wp-block-navigation__container{gap:20px}
@media(max-width:900px){.rp-nav .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}.rp-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}.rp-preview-nav{display:none}.rp-header-inner:after{content:"☰";font-size:24px}.rp-header-inner:has(.rp-nav):after{display:none}}

.rp-header-inner>.rp-brand{width:260px;flex:0 0 260px}.rp-brand-name{width:200px}.rp-brand-sub{white-space:nowrap}@media(max-width:900px){.rp-header-inner>.rp-brand{width:230px;flex-basis:230px}.rp-brand-name{width:180px}}