/*
Theme Name: Pals Schilderwerken - BeTheme Child
Template: betheme
Description: Bewerkbaar childthema voor BeTheme met de oranje Pals-huisstijl. Bewerk de homepage via Weergave > Customizer > Pals website.
Version: 1.2.0
Author: De Punder ICT diensten
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pals-schilderwerken
*/
:root{--ink:var(--pals-ink, #171716);--muted:var(--pals-muted, #5b5b56);--orange:var(--pals-accent, #eb6f1c);--paper:#fff;--pale:#faf7f2;--line:#deded7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}a:hover{color:#a6440a}p{margin:0 0 20px}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.topline{background:var(--ink);color:white;font-size:13px;letter-spacing:.025em}.topline .wrap{display:flex;justify-content:space-between;padding:9px 0}.topline a:hover{color:#ffd5c1}.line{padding:0 20px;color:#9bb2bd}.nav{height:108px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;flex-direction:column;line-height:1}.brand strong{font-family:Georgia,serif;font-size:53px;letter-spacing:-3px}.brand strong span{color:var(--orange)}.brand>span{font-size:10px;letter-spacing:2px;margin-top:7px;font-weight:bold}nav{display:flex;gap:34px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--ink);color:white;padding:16px 23px;border-radius:3px;font-size:14px;font-weight:600;line-height:1.5;transition:background .2s}.button:hover{background:#33332f;color:white}.button span{font-size:21px;line-height:1}.navcta{padding:13px 21px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:27px;padding-bottom:67px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin-bottom:24px;line-height:1.6}.hero .eyebrow:before{content:'';display:inline-block;width:23px;height:2px;background:var(--orange);vertical-align:middle;margin-right:12px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08;margin:0}h1{font-size:clamp(56px,5.5vw,80px);letter-spacing:-3px;margin-bottom:29px}em{font-weight:400;color:var(--orange)}.intro{font-size:17px;line-height:1.8;max-width:390px;color:var(--muted)}.actions{display:flex;gap:26px;align-items:center;margin-top:32px;flex-wrap:wrap}.textlink{font-size:14px;border-bottom:1px solid #a4b4bc;padding:5px 0}.hero-note{font-size:12px;color:var(--muted);margin-top:36px;display:flex;gap:12px;align-items:center}.small-rule{width:26px;height:1px;flex-shrink:0;background:var(--orange)}.hero-image{position:relative;margin:0;height:576px;border-radius:100px 4px 4px 4px}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;border-radius:inherit;display:block}.hero-image:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#142d3cba);pointer-events:none}.image-label{position:absolute;bottom:42px;left:36px;color:white;z-index:1;display:flex;flex-direction:column;font-size:14px}.image-label strong{font-family:Georgia,serif;font-weight:400;font-size:29px;margin-top:3px}.hero-image figcaption{position:absolute;bottom:9px;right:13px;font-size:10px;color:#fff;z-index:1}.values{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--pale)}.values .wrap{display:flex;justify-content:space-between;padding:22px 0;gap:20px;font-size:14px}.values b{font-size:12px;color:var(--orange);margin-right:17px;font-weight:400}.section{padding-top:91px;padding-bottom:96px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:45px}h2{font-size:clamp(36px,3.5vw,48px);letter-spacing:-1.5px}.section-heading .eyebrow{margin-bottom:16px}.section-heading>p{font-size:15px;color:var(--muted);max-width:435px;margin-bottom:4px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.services article{border-top:1px solid var(--ink);padding-top:25px;display:flex;flex-direction:column;align-items:start}.service-number{font-size:11px;letter-spacing:1.6px;color:var(--muted)}h3{font-size:27px;margin-top:23px;margin-bottom:18px;letter-spacing:-.5px}.services p{color:var(--muted);font-size:15px;line-height:1.85}.services a{font-size:14px;margin-top:auto;padding-top:15px;display:flex;justify-content:space-between;gap:15px;width:100%;font-weight:600}.services a span{color:var(--orange)}.attention{background:var(--ink);color:white;padding:90px 0}.attention-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.attention .eyebrow{color:#f4b385}.attention h2{margin-bottom:28px}.attention h2 em{color:#ff9954}.attention p{color:#e3e2dd;font-size:16px}.light{background:white;color:var(--ink);margin-top:12px}.steps{list-style:none;padding:0;margin:0;align-self:center}.steps li{display:flex;gap:24px;border-bottom:1px solid #484843;padding:23px 0}.steps li:first-child{padding-top:0}.steps li:last-child{border:0}.steps li>span{color:#ff9954;font-size:13px;margin-top:6px}.steps h3{margin:0 0 10px;font-size:26px}.steps p{font-size:15px;margin:0}.local{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.local-title{border-left:3px solid var(--orange);padding-left:30px}.local .eyebrow{margin-bottom:16px}.location{display:block;margin-top:27px;font-size:13px;letter-spacing:1px}.local-copy p{color:var(--muted)}.local-copy .large{font-family:Georgia,serif;font-size:27px;line-height:1.4;color:var(--ink)}.contact{background:var(--pals-tint, #fff3e8);padding:82px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact h2{font-size:49px;margin-bottom:26px}.contact p{color:var(--muted);font-size:15px}.contact-card{background:#fff;border-radius:4px;padding:37px 38px;box-shadow:0 8px 40px #17171608;min-width:0}.contact-card .eyebrow{display:block;font-size:11px;margin-bottom:24px}.phone{font-family:Georgia,serif;font-size:29px;display:flex;justify-content:space-between;gap:10px;line-height:1.5}.email{font-size:15px;display:flex;justify-content:space-between;gap:10px;margin-top:8px;overflow-wrap:anywhere}.address{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:24px;margin:27px 0;font-size:14px}.address b{font-weight:600}.address span{color:var(--muted)}.contact-card .button{width:100%}.contact-card .mailhint{font-size:12px;margin:15px 0 0;line-height:1.6}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:38px;padding-bottom:38px}footer .brand strong{font-size:38px}footer .brand>span{font-size:8px}footer p{font-family:Georgia,serif;font-size:19px;margin:0}footer>span{font-size:12px;color:var(--muted)}.skip{position:absolute;left:15px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}@media(min-width:1500px){.hero{padding-top:40px}}@media(max-width:1050px){.wrap{width:calc(100% - 60px)}nav{gap:20px}.hero{gap:28px}.hero-image{height:550px}h1{font-size:64px}.attention-grid,.local,.contact-grid{gap:50px}.actions{gap:16px}.hero-note{font-size:11px}.services{gap:24px}.contact-card{padding:26px}.phone{font-size:24px}.contact h2{font-size:44px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.topline{font-size:11px}.topline .wrap>span:first-child{display:none}.topline .wrap{justify-content:center}.nav{height:88px;gap:10px}nav{display:none}.brand strong{font-size:42px}.brand>span{font-size:8px}.navcta{font-size:12px;padding:12px 15px;gap:15px}.hero{grid-template-columns:1fr;padding-top:27px;padding-bottom:40px;gap:32px}h1{font-size:61px;letter-spacing:-2px}.hero .eyebrow{font-size:11px;margin-bottom:21px}.intro{max-width:100%}.hero-note{font-size:12px;margin-top:25px}.hero-image{height:410px;border-radius:70px 3px 3px 3px}.image-label{left:25px;bottom:35px}.image-label strong{font-size:25px}.values .wrap{flex-direction:column;gap:8px;padding:20px 0;font-size:14px}.values b{margin-right:15px}.section{padding-top:60px;padding-bottom:60px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:23px}.section-heading>p br{display:none}h2{font-size:39px}.services{grid-template-columns:1fr;gap:32px}.services article{padding-top:20px}.services h3{margin-top:16px}.services p{font-size:16px;margin-bottom:8px}.attention{padding:60px 0}.attention-grid,.local,.contact-grid{grid-template-columns:1fr;gap:40px}.steps li{padding:25px 0}.local-copy .large{font-size:26px}.contact{padding:60px 0}.contact h2{font-size:42px}.contact-card{padding:25px 23px}.phone{font-size:27px}.email{font-size:14px}.address{font-size:13px}footer{flex-wrap:wrap;padding:30px 0;gap:25px}footer p{font-size:17px}footer>span{width:100%}.eyebrow{font-size:11px}.hero-image figcaption{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Pals identity: original orange, charcoal and white; playful forms with calm content. */
body{font-family:Arial,Helvetica,sans-serif}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:750;letter-spacing:-1.6px}em{font-style:normal}h1{font-size:clamp(52px,5.1vw,73px);line-height:1.08;letter-spacing:-3px}h2{line-height:1.15}h3{font-size:25px;letter-spacing:-.8px}.brand{display:block;flex-shrink:0}.brand img{display:block;width:164px;height:100px;object-fit:contain}.nav{height:126px}nav{font-weight:600}.button{border-radius:9px;padding:17px 23px;font-size:14px;box-shadow:0 3px 0 #00000012;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.navcta{background:var(--orange);color:var(--pals-ink, #171716)}.navcta:hover{background:#fa8a3d;color:var(--pals-ink, #171716)}.hero{padding-top:25px;padding-bottom:48px;gap:35px}.hero-copy{padding:15px 0 25px}.hero .eyebrow{color:#6d4b35}.hero .intro{font-size:18px;max-width:405px}.hero .button{background:var(--orange);color:var(--pals-ink, #171716)}.hero .button:hover{background:#fa8a3d}.hero-note{font-size:13px}.hero-image{height:565px;border-radius:0;isolation:isolate;display:flex;align-items:flex-end;justify-content:center}.hero-image:after{display:none}.mascot-backdrop{position:absolute;inset:55px 8px 10px 5px;border-radius:48% 45% 30% 42%;background:#fff0e3;transform:rotate(-7deg);z-index:-1;border:1px solid #f9d8bd}.hero-image img{width:370px;max-width:85%;height:490px;object-fit:contain;object-position:bottom;border-radius:0;filter:drop-shadow(10px 15px 0 #00000007)}.hero-sticker{position:absolute;top:28px;right:0;background:var(--orange);color:var(--pals-ink, #171716);padding:17px 22px;transform:rotate(7deg);font-size:15px;line-height:1.45;border-radius:12px;z-index:2;box-shadow:0 6px 0 var(--pals-ink, #171716)}.hero-sticker b{font-size:17px}.hero-image figcaption{position:absolute;bottom:8px;left:10px;right:auto;color:var(--pals-ink, #171716);background:white;box-shadow:0 5px 20px #0000000e;border:1px solid #ece6df;padding:13px 20px;font-size:13px;font-weight:bold;transform:rotate(-4deg);border-radius:7px}.values{background:var(--ink);color:white;border:none}.values .wrap{padding:24px 0}.values b{color:#ff9954;font-weight:bold}.eyebrow{font-size:12px}.services{gap:22px}.services article{padding:30px 26px;background:#faf8f5;border:1px solid #ebe5de;border-top:5px solid var(--orange);border-radius:8px 28px 8px 8px}.services article:nth-child(2){background:#fff2e7}.services article:nth-child(3){background:#f4f4f1}.services p{font-size:16px}.services a{font-size:14px;line-height:1.5;padding-top:20px}.service-number{font-size:12px;font-weight:bold}.attention{position:relative;border-radius:38px 38px 0 0}.attention .light{color:var(--pals-ink, #171716)}.attention .light:hover{background:#ff9954}.steps li>span{width:39px;height:39px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #676760;border-radius:50%;font-weight:bold;font-size:14px}.steps h3{font-size:24px}.local-title{border-left:6px solid var(--orange)}.local-copy .large{font-family:Arial,Helvetica,sans-serif;font-weight:650}.location{font-size:14px}.contact{border-top:1px solid #f5dec9}.contact-card{border-radius:12px 36px 12px 12px;border:1px solid #f0dccb;box-shadow:7px 7px 0 #eb6f1c20}.phone{font-family:Arial,Helvetica,sans-serif;font-size:28px;font-weight:700;letter-spacing:-1px}.contact h2{font-size:46px}.contact .eyebrow{font-size:12px}.contact-card .mailhint{font-size:13px}.contact-card .button{background:var(--orange);color:var(--pals-ink, #171716)}.contact-card .button:hover{background:#fa8a3d}.contact-card .eyebrow{font-size:12px}footer .brand img{width:140px;height:85px}footer p{font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:600}footer>span{font-size:13px}.topline{font-size:13px}.textlink{border-color:#aaa79f}.small-rule{background:var(--orange)}
@media(max-width:1050px){.brand img{width:140px;height:85px}.nav{height:110px}.hero-image{height:530px}.hero-image img{height:450px;width:340px}.hero-sticker{top:25px;font-size:13px;right:-5px}.hero-sticker b{font-size:15px}.services article{padding:24px 20px}.phone{font-size:23px}.contact h2{font-size:40px}.section-heading{align-items:start}}
@media(max-width:760px){.nav{height:106px}.brand img{width:137px;height:83px}.navcta{font-size:12px;padding:12px 14px}.hero{padding-top:20px;gap:0;padding-bottom:30px}.hero-copy{padding-bottom:0}h1{font-size:clamp(43px,10.8vw,65px);letter-spacing:-2px}.hero .intro{font-size:17px}.hero .eyebrow{font-size:12px}.hero-image{height:460px;margin-top:24px}.hero-image img{height:400px;width:300px}.hero-sticker{right:0;top:14px}.mascot-backdrop{inset:40px 2px 15px}.hero-image figcaption{left:0;bottom:8px;font-size:12px}.hero-note{font-size:12px}.values .wrap{gap:12px}.services article{padding:27px}.services{gap:22px}.attention{border-radius:25px 25px 0 0}.attention h2{font-size:36px}.steps{margin-top:8px}.steps li{gap:18px}.steps h3{font-size:23px}.contact h2{font-size:40px}.contact-card{padding:27px 22px}.phone{font-size:25px}.eyebrow{font-size:12px}footer .brand img{width:120px;height:73px}footer p{font-size:15px}.topline{font-size:12px}}

:root{--paper:var(--pals-paper,#fff)}
.pals-content{max-width:1000px}.pals-content h1,.pals-content h2,.pals-content h3{margin:1em 0 .5em}.pals-content img{max-width:100%;height:auto}.pals-content a:not(.button){text-decoration:underline}.pals-content iframe{max-width:100%}.pals-content .alignwide{max-width:100%}.pals-content .alignfull{width:100%}.pals-content ul,.pals-content ol{padding-left:1.5em}.pals-content .wp-block-button__link{background:var(--orange);color:var(--ink)}.pals-menu{display:flex;gap:25px;list-style:none;margin:0;padding:0}.pals-menu>li{position:relative}.pals-menu .sub-menu{display:none;position:absolute;z-index:10;min-width:180px;list-style:none;padding:15px;background:var(--paper);box-shadow:0 4px 16px #0002}.pals-menu li:hover>.sub-menu,.pals-menu li:focus-within>.sub-menu{display:block}.pals-content input,.pals-content textarea{font:inherit;max-width:100%;padding:10px;border:1px solid #999}.pals-content button,.pals-content input[type=submit]{font:inherit;padding:12px 20px;background:var(--ink);color:white;border:0;border-radius:6px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
@media(max-width:760px){header .nav{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:16px}header nav{display:block;width:100%;order:3;overflow-wrap:anywhere}header nav>a{display:inline-block;margin-right:15px;padding-top:5px}.pals-menu{flex-wrap:wrap;gap:12px;font-size:14px}.pals-menu .sub-menu{position:static;display:block;box-shadow:none;padding:8px}.phone{font-size:clamp(19px,5.8vw,25px)}.contact-card .phone{overflow-wrap:anywhere}}

/* Projecten 1.1 */
.pals-projects-teaser{background:#fff3e8;border-top:1px solid #f0dccb;padding:55px 0}.pals-projects-teaser-inner{display:grid;grid-template-columns:1fr 230px;gap:55px;align-items:center}.pals-projects-teaser h2{max-width:680px;margin-bottom:22px}.pals-projects-teaser p:not(.eyebrow){max-width:630px;color:var(--muted)}.pals-projects-teaser img{width:100%;height:270px;object-fit:contain}.pals-projects-teaser .button{margin-top:8px}.pals-projects-intro{padding-top:40px;padding-bottom:40px}.pals-projects-intro>.eyebrow{margin-top:35px}.pals-projects-intro h1{font-size:clamp(42px,5vw,68px)}.pals-projects-intro .intro{max-width:650px;margin-top:24px}.pals-projects-grid{display:grid;grid-template-columns:1fr minmax(0,502px);gap:65px;padding-bottom:75px;align-items:start}.pals-projects-story{border-radius:22px;background:#fff3e8;padding:32px;display:flex;flex-direction:column;align-items:start;gap:25px}.pals-projects-story img{height:230px;width:175px;object-fit:contain;align-self:center}.pals-projects-story h2{font-size:34px;margin-bottom:20px}.pals-projects-story p:not(.eyebrow){color:var(--muted)}.pals-facebook{background:white;border:1px solid #ddd;border-radius:12px;padding:0;overflow:hidden;max-width:502px}.pals-facebook-consent{padding:35px 27px;text-align:center;min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center}.pals-facebook-consent h2{font-size:29px;margin:20px 0}.pals-facebook-mark{font:bold 44px Arial;color:var(--ink);width:64px;height:64px;background:#fff0e3;border-radius:16px}.pals-facebook-consent .button{border:0;cursor:pointer;font-family:inherit}.pals-privacy-note{font-size:13px;color:var(--muted);margin-top:20px;line-height:1.7}.pals-feed-fallback{padding:18px;font-size:14px;margin:0;background:#f8f8f6}.pals-feed-fallback a{text-decoration:underline;font-weight:bold}.pals-facebook-frame{text-align:center;line-height:0}.pals-facebook-frame iframe{border:0;max-width:100%;display:block;margin:auto}.pals-feed-status{font-size:13px;line-height:1.6;padding:0 18px;margin:12px 0}.pals-feed-status:empty{display:none}.pals-feed-reset{background:none;border:0;text-decoration:underline;padding:10px 18px;color:var(--ink);font:inherit;font-size:13px;cursor:pointer}.pals-facebook [hidden]{display:none!important}.pals-facebook noscript p{padding:18px}.pals-projects-nav{font-weight:700}
@media(max-width:1050px){.pals-projects-grid{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}header nav{gap:15px}.pals-projects-story{padding:25px}.pals-projects-story h2{font-size:29px}}
@media(max-width:760px){.pals-projects-teaser-inner{grid-template-columns:1fr;gap:15px}.pals-projects-teaser img{width:140px;height:190px;justify-self:end}.pals-projects-teaser{padding:40px 0}.pals-projects-grid{grid-template-columns:1fr;gap:30px}.pals-projects-story{flex-direction:row;gap:15px}.pals-projects-story img{width:80px;height:125px}.pals-projects-story h2{font-size:26px}.pals-projects-story .button{font-size:13px;gap:12px}.pals-facebook{margin:auto;width:100%}.pals-facebook-consent{padding:28px 18px}.pals-projects-intro{padding-top:20px}.pals-projects-nav{display:inline-block}}
