/*
Theme Name: Lode Local Classic
Theme URI: https://lodedigitaal.be/
Author: Lode Digitaal
Description: Op maat gemaakt classic thema voor lokale dienstverleners. Bewerkbare bedrijfsgegevens en pagina-introducties, zonder builder.
Version: 2.1.3
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: lode-local-classic
*/
:root{--accent:#e00000;--ink:#111112;--muted:#66666b;--pale:#f9f6f6;--line:#e8e5e5;--navy:#0c0a12;--max:1170px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #3578dc;outline-offset:5px}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}svg{width:23px;height:23px;flex-shrink:0}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:700;letter-spacing:-.045em;line-height:1.12}h1{font-size:clamp(43px,4.65vw,66px)}h2{font-size:clamp(32px,3.3vw,46px);margin-bottom:25px}h3{font-size:23px;letter-spacing:-.025em}p{margin-bottom:24px}button{color:inherit}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.section{padding:105px 0}.pale{background:var(--pale)}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--accent);line-height:1.6;margin-bottom:20px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:currentColor}.skip{position:fixed;top:0;left:20px;transform:translateY(-120%);z-index:99999;background:#fff;padding:12px 20px}.skip:focus{transform:translateY(0)}.topbar{background:#fafafa;border-bottom:1px solid #eeeded;font-size:11px;line-height:1.5;color:#777;padding:10px 0}.topbar>.container{display:flex;justify-content:space-between;gap:20px}.topbar .container>div{display:flex;gap:25px}.topbar a{display:flex;align-items:center;gap:7px}.topbar svg{width:12px;height:12px}.site-header{background:rgba(255,255,255,.98);border-bottom:1px solid #f1eeee;position:relative;z-index:50}.nav-wrap{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;letter-spacing:-.05em;font-weight:800;line-height:1.05;max-width:260px}.brand small{display:block;font-size:7px;letter-spacing:.16em;font-weight:500;margin-top:7px}.brand-symbol{width:37px;height:42px;display:grid;place-items:center;color:var(--accent)}.brand-symbol svg{width:37px;height:42px;stroke-width:2}.custom-logo{width:auto;max-width:235px;max-height:65px}.custom-logo-link{flex-shrink:0}#primary-nav{display:flex;align-items:center;gap:29px}.nav-list{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:27px;font-size:13px;font-weight:600}.nav-list a{transition:color .2s}.nav-list a:hover{color:var(--accent)}.dropdown{position:relative}.dropdown-toggle{display:flex;gap:8px;align-items:center;background:none;border:0;padding:16px 0;font-size:13px;font-weight:600}.dropdown>ul{display:none;position:absolute;top:100%;left:-22px;background:#fff;padding:14px;min-width:250px;box-shadow:0 15px 40px #0002;border:1px solid var(--line);list-style:none;border-radius:6px}.dropdown.open>ul{display:block}.dropdown>ul a{display:block;padding:8px 12px;border-radius:3px;font-size:13px}.dropdown>ul a:hover{background:var(--pale)}.button{display:inline-flex;justify-content:center;align-items:center;gap:21px;background:var(--accent);color:#fff;padding:16px 24px;border:1px solid transparent;border-radius:4px;font-size:13px;line-height:1.5;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;min-height:53px}.button svg{width:18px;height:18px}.button:hover{filter:brightness(.9);transform:translateY(-2px)}.button-dark{background:#111}.button-outline{background:transparent;color:var(--ink);border-color:#d6d3d3}.nav-cta{min-height:45px;padding:12px 20px;font-size:12px;gap:13px}.menu-toggle{display:none;border:0;background:none;padding:10px}.hero{padding:77px 0 86px;background:radial-gradient(ellipse at 25% 30%,#fcf5f5 0,white 65%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.hero-copy h1{max-width:520px;line-height:1.09;margin-bottom:27px}.red-dot{color:var(--accent)}.hero-copy>p{font-size:16px;line-height:1.9;color:#666;max-width:480px;margin-bottom:29px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.hero-assurance{display:flex;align-items:center;gap:9px;font-size:11px;color:#777;margin-top:26px}.hero-assurance svg{width:17px;height:17px;color:var(--accent)}.hero-visual{position:relative;padding:0 0 15px}.hero-photo{height:345px;overflow:hidden;border-radius:5px 5px 0 0}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 52%}.hero-promises{position:relative;z-index:1;padding:23px 27px 20px;background:#f1e5e6;border-radius:0 0 5px 5px}.hero-promises p{display:flex;align-items:center;gap:11px;font-size:13px;margin:0 0 9px}.hero-promises p:last-child{margin-bottom:0}.hero-promises svg{width:18px;height:18px;color:var(--accent)}.hero-corner{position:absolute;right:-15px;bottom:0;width:85%;height:75%;background:var(--accent);z-index:0;border-radius:5px}.hero-photo,.hero-promises{position:relative;z-index:1}.benefit-strip{background:var(--navy);color:#fff;padding:24px 0}.benefit-strip>.container{display:flex;justify-content:space-between;gap:20px}.benefit-strip span{display:flex;align-items:center;gap:14px;font-size:13px}.benefit-strip svg{color:#f06565;width:23px;height:23px}.section-heading{margin-bottom:46px}.section-heading h2{margin-bottom:18px}.section-heading>p{color:var(--muted);max-width:590px}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:60px}.heading-row h2{margin:0}.heading-row>p{max-width:390px;font-size:14px;color:var(--muted);margin:0 0 3px}.heading-row .button{flex-shrink:0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff;transition:box-shadow .25s,transform .25s}.service-card:hover{box-shadow:0 12px 30px #0000000d;transform:translateY(-4px)}.service-image{display:block;height:235px;overflow:hidden;background:#f6f5f5}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.service-card:nth-child(2) .service-image img{object-fit:contain;padding:26px;background:#faf9f9}.service-card:hover img{transform:scale(1.035)}.service-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 24px}.service-bottom h3{font-size:21px;margin:0}.circle-arrow{display:grid;place-items:center;border:1px solid #ddd;border-radius:50%;width:33px;height:33px;flex-shrink:0}.circle-arrow svg{width:17px;height:17px;transform:rotate(-35deg)}.about-band{background:var(--pale)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split.reverse>div:first-child{order:2}.image-frame{position:relative;border-radius:5px;overflow:hidden;min-width:0}.image-frame img{width:100%;height:430px;object-fit:cover}.image-frame.tall img{height:560px}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:28px 24px 20px;background:linear-gradient(transparent,#000b);color:#fff;font-size:10px;letter-spacing:.12em}.split-copy p,.split>div>p{color:var(--muted);font-size:15px;line-height:1.9}.split-copy .button{margin-top:8px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:25px}.steps article{position:relative}.step-number{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;color:var(--accent);background:#faeeee;font-size:15px;letter-spacing:-.02em;font-weight:600;margin-bottom:28px;position:relative;z-index:1}.steps article:not(:last-child):after{content:'';position:absolute;top:27px;left:65px;width:calc(100% - 53px);height:1px;background:var(--line)}.steps h3{font-size:18px;letter-spacing:-.025em;margin-bottom:13px}.steps p{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:0}.insights{background:var(--pale)}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.article-image{height:225px;display:block;overflow:hidden;border-radius:5px}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.article-card:hover img{transform:scale(1.035)}.article-meta{display:flex;justify-content:space-between;font-size:10px;color:#777;margin:22px 0 14px}.article-meta span:first-child{color:var(--accent);font-weight:bold;font-size:9px;letter-spacing:.06em}.article-card h3{font-size:22px;line-height:1.35;letter-spacing:-.03em;margin-bottom:21px}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:12px;font-weight:600}.text-link svg{width:17px;height:17px}.text-link:hover{color:var(--accent)}.contact-section{padding:100px 0;background:radial-gradient(ellipse at 0% 100%,#820f1d 0,#240c19 32%,#0b0913 75%);color:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;align-items:center}.contact-copy h2,.contact-copy h1{font-size:48px;line-height:1.1}.contact-copy>p{font-size:14px;color:#bfb9c0;line-height:1.85;max-width:350px}.contact-section .eyebrow{color:#ff7f83;font-size:10px}.contact-link{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:14px}.contact-link svg{color:#ff7f83;width:20px;height:20px}.contact-person{display:flex;gap:15px;align-items:center;margin-top:37px}.contact-person img{width:62px;height:62px;object-fit:cover;object-position:65% center;border-radius:50%}.contact-person strong,.contact-person span{display:block;font-size:12px}.contact-person span{font-size:11px;color:#bfb9c0}.contact-panel{padding:34px 37px;border-radius:6px;background:#ffffff0c;border:1px solid #ffffff1c}.contact-panel h3{font-size:24px;margin-bottom:5px;letter-spacing:-.03em}.form-note{font-size:10px;color:#c6bdc6;margin-bottom:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-panel label{display:block;font-size:10px;color:#e8e1e8;line-height:1.5;margin-bottom:18px}.contact-panel input,.contact-panel textarea{display:block;width:100%;background:#ffffff09;border:1px solid #ffffff25;color:#fff;padding:12px 13px;border-radius:3px;font-size:12px;margin-top:7px}.contact-panel textarea{resize:vertical;min-height:100px}.contact-panel input::placeholder,.contact-panel textarea::placeholder{color:#a99da9}.contact-panel .button{width:100%;margin-top:3px}.form-status{font-size:12px;margin:12px 0 0;color:#fff}.site-footer{padding:65px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr 1fr 1fr;gap:55px;padding-bottom:55px}.footer-grid h3{font-size:15px;margin:0 0 23px;letter-spacing:-.02em}.footer-grid>div>a:not(.brand):not(.custom-logo-link){display:block;font-size:12px;color:#666;margin-bottom:8px}.footer-brand>p{font-size:12px;color:#777;margin:23px 0 17px}.template-label{font-size:8px;letter-spacing:.1em;color:#999}.footer-grid>div>p{font-size:12px;color:#666}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-size:10px;color:#888}.footer-bottom>div{display:flex;gap:24px}.service-hero{position:relative;isolation:isolate;color:#fff;padding:95px 0;min-height:590px;display:flex;align-items:center}.service-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.service-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08080aeb 0,#08080aaa 50%,#08080a22)}.service-hero-copy{max-width:740px}.service-hero h1{font-size:58px;line-height:1.12;max-width:740px;margin-bottom:25px}.service-hero p{font-size:16px;color:#eee;max-width:550px}.service-hero .eyebrow{color:#ff9696}.service-hero .hero-assurance{color:#ddd}.service-tabs{border-bottom:1px solid var(--line);padding:21px 0;background:#faf9f9}.service-tabs .container{display:flex;justify-content:space-between;gap:20px;overflow:auto}.service-tabs a{font-size:11px;white-space:nowrap}.service-tabs a[aria-current]{color:var(--accent);font-weight:700}.benefits-list>div{display:flex;gap:15px;margin-top:27px}.benefits-list svg{color:var(--accent);width:22px;height:22px}.benefits-list h3{font-size:17px;margin:2px 0 7px}.benefits-list p{font-size:13px;color:var(--muted);margin-bottom:0}.feature h2{font-size:38px}.feature .image-frame img{height:370px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-grid>div>p{font-size:14px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:23px 0}summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;font-size:15px;font-weight:600;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font-size:22px;color:var(--accent);font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{font-size:14px;color:var(--muted);margin:17px 25px 0 0}.page-banner{padding:85px 0;background:var(--pale)}.page-banner h1{max-width:800px;margin-bottom:22px}.page-banner p{max-width:650px;font-size:16px;color:var(--muted);margin:0}.jobs-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.job-card{border:1px solid var(--line);padding:35px;border-radius:5px;transition:background .2s}.job-card:hover{background:var(--pale)}.job-card h2{font-size:28px}.job-card p{font-size:14px;color:var(--muted)}.editorial{padding-top:75px;padding-bottom:90px}.editorial>.text-link{margin-bottom:35px}.editorial h1{max-width:900px}.editorial-cover{width:100%;height:480px;object-fit:cover;border-radius:5px;margin:45px 0 60px}.prose{max-width:760px}.prose h2{font-size:30px;margin-top:45px}.prose h3{font-size:23px}.prose p{font-size:16px;line-height:1.9;color:var(--muted)}.prose a:not(.button){text-decoration:underline}.editorial .prose{margin:auto}.lead{font-size:19px!important}.muted{color:var(--muted);font-size:12px!important}.legal{min-height:65vh}.about-intro h1{font-size:58px}
@media(min-width:1000px){.dropdown:hover>ul,.dropdown:focus-within>ul{display:block}}
@media(min-width:1600px){.hero{padding:100px 0 105px}.hero-photo{height:380px}}
@media(max-width:1100px){.nav-list{gap:17px}#primary-nav{gap:18px}.brand{font-size:17px}.nav-wrap{gap:18px}.hero-grid{gap:40px}.split{gap:45px}.contact-grid{gap:45px}.footer-grid{gap:30px}.hero h1{font-size:56px}}
@media(max-width:950px){.topbar{font-size:10px}.topbar .container>div{gap:12px}.nav-wrap{min-height:85px}.menu-toggle{display:block}#primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:25px 32px 32px;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #0001;align-items:stretch;max-height:80vh;overflow:auto}#primary-nav.open{display:flex;flex-direction:column}.nav-list{flex-direction:column;align-items:stretch;gap:0}.nav-list>li>a{display:block;padding:12px 0;font-size:15px}.dropdown-toggle{width:100%;justify-content:space-between;font-size:15px}.dropdown>ul{position:static;box-shadow:none;border:0;background:var(--pale);padding:10px;margin:0}.hero-grid{gap:35px}.hero h1{font-size:47px}.hero-photo{height:315px}.hero-promises{padding:20px}.hero-promises p{font-size:11px}.hero-copy .eyebrow{font-size:9px}.hero .button{padding:13px 17px;font-size:12px}.services-grid{gap:17px}.service-image{height:200px}.service-bottom{padding:20px 16px}.service-bottom h3{font-size:17px}.steps{gap:18px}.steps h3{font-size:15px}.steps p{font-size:12px}.contact-panel{padding:27px}.contact-copy h2,.contact-copy h1{font-size:40px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px}.service-hero h1{font-size:49px}.faq-grid{gap:50px}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.section{padding:65px 0}.topbar .container{justify-content:center}.topbar .container>div{display:none}.topbar{padding:8px 0;text-align:center;font-size:9px}.nav-wrap{min-height:78px}.brand{font-size:19px}.brand small{font-size:6px}.hero{padding:46px 0 55px}.hero-grid{grid-template-columns:1fr;gap:38px}.hero h1{font-size:46px;max-width:440px;letter-spacing:-.055em;margin-bottom:23px}.hero-copy .eyebrow{font-size:9px;margin-bottom:19px}.hero-copy>p{font-size:14px;line-height:1.85;margin-bottom:23px}.hero .button{padding:15px 20px;font-size:12px}.hero-assurance{margin-top:22px;font-size:10px}.hero-visual{margin-right:10px}.hero-photo{height:280px}.hero-promises p{font-size:12px}.hero-corner{right:-10px}.benefit-strip{padding:23px 0}.benefit-strip>.container{flex-direction:column;gap:13px}.benefit-strip span{font-size:12px;gap:12px}.benefit-strip svg{width:19px;height:19px}.heading-row{display:block}.heading-row>p{margin-top:23px}.heading-row>.button{margin-top:22px}.section-heading{margin-bottom:32px}.eyebrow{font-size:9px;margin-bottom:16px}h2{font-size:34px}.services-grid{grid-template-columns:1fr 1fr;gap:15px}.service-image{height:165px}.service-bottom{padding:16px 13px;gap:7px}.service-bottom h3{font-size:15px;line-height:1.2;letter-spacing:-.035em;overflow-wrap:anywhere}.circle-arrow{width:24px;height:24px}.circle-arrow svg{width:13px;height:13px}.service-card:nth-child(2) .service-image img{padding:15px}.split{grid-template-columns:1fr;gap:35px}.split.reverse>div:first-child{order:0}.image-frame img{height:330px}.image-frame.tall img{height:360px}.split-copy p,.split>div>p{font-size:14px}.steps{grid-template-columns:1fr;gap:0}.steps article{display:grid;grid-template-columns:48px 1fr;column-gap:20px;padding-bottom:28px}.step-number{grid-row:1/3;width:45px;height:45px;margin:0}.steps h3{font-size:18px;margin:5px 0 8px}.steps p{font-size:13px}.steps article:not(:last-child):after{left:22px;top:54px;width:1px;height:calc(100% - 62px)}.steps article:last-child{padding-bottom:0}.articles-grid{grid-template-columns:1fr;gap:38px}.article-image{height:230px}.article-card h3{font-size:24px;margin-bottom:17px}.article-meta{margin-top:18px}.contact-section{padding:65px 0}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-copy h2,.contact-copy h1{font-size:39px}.contact-copy>p{max-width:none}.contact-person{margin-top:25px}.contact-panel{padding:24px 21px}.contact-panel h3{font-size:23px}.form-row{grid-template-columns:1fr;gap:0}.contact-panel label{font-size:11px}.contact-panel input,.contact-panel textarea{font-size:14px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 25px;padding-bottom:35px}.footer-brand{grid-column:1/-1}.site-footer{padding-top:45px}.footer-grid>div:last-child{grid-column:auto;border:0;padding:0}.footer-bottom{display:block;font-size:9px;padding:22px 0}.footer-bottom>div{flex-wrap:wrap;gap:12px;margin-top:10px}.service-hero{padding:65px 0;min-height:520px}.service-hero h1{font-size:42px}.service-hero p{font-size:14px}.service-hero:before{background:#08080aaa}.service-tabs .container{gap:24px}.feature h2{font-size:32px}.feature .image-frame img{height:290px}.faq-grid{grid-template-columns:1fr;gap:30px}summary{font-size:14px}details p{font-size:13px}.page-banner{padding:60px 0}.page-banner h1{font-size:42px}.jobs-grid{grid-template-columns:1fr}.job-card{padding:28px}.editorial{padding-top:45px;padding-bottom:60px}.editorial h1{font-size:39px}.editorial-cover{height:260px;margin:30px 0 40px}.prose h2{font-size:28px}.prose p{font-size:15px}.about-intro h1{font-size:43px}.lead{font-size:17px!important}}
@media(max-width:380px){.services-grid{grid-template-columns:1fr}.service-image{height:210px}.hero h1{font-size:41px}.hero .button-row{gap:8px}.hero .button{padding:14px 15px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Native WordPress menus supplied by the website owner. */
.nav-list .menu-item-has-children{position:relative}.nav-list .sub-menu{list-style:none;display:none;position:absolute;top:100%;left:0;width:250px;padding:15px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 25px #0001}.nav-list .sub-menu a{display:block;padding:8px;font-size:13px}.nav-list .menu-item-has-children:hover>.sub-menu,.nav-list .menu-item-has-children:focus-within>.sub-menu{display:block}@media(max-width:950px){.nav-list .sub-menu{display:block;position:static;width:auto;box-shadow:none;border:0;background:var(--pale);padding:8px 15px}.nav-list .sub-menu a{padding:9px}}
