/*
Theme Name: Care24
Theme URI: https://care24.nl
Author: Care24
Description: Maatwerkthema voor Care24, zelfstandige zorgprofessionals en zorg op maat.
Version: 2.6.1
Requires PHP: 8.0
Text Domain: care24
*/
:root{--navy:#143b42;--teal:#287c78;--mint:#eaf3f0;--cream:#f8f7f3;--ink:#243438}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);line-height:1.65;background:white}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.header{background:white;position:sticky;top:0;z-index:20;border-bottom:1px solid #e9eeec}.header .wrap{display:flex;justify-content:space-between;align-items:center;min-height:84px;gap:25px}.brand{font-size:29px;font-weight:800;color:var(--navy);letter-spacing:-1.3px}.brand span{color:var(--teal)}.nav{display:flex;gap:25px;align-items:center;font-size:14px;font-weight:650}.nav a{white-space:nowrap}.button{display:inline-block;background:var(--teal);color:white!important;border-radius:5px;padding:13px 22px;font-weight:700}.button:hover{background:var(--navy)}.button.outline{background:transparent;color:var(--navy)!important;border:1px solid var(--navy)}.hero{background:var(--mint);padding:105px 0 110px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:75px}.eyebrow{text-transform:uppercase;color:var(--teal);letter-spacing:2px;font-size:12px;font-weight:800}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.1;color:var(--navy);letter-spacing:-2px;margin:17px 0 25px}.hero p{font-size:19px;max-width:610px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.visual{height:440px;border-radius:160px 8px 8px 8px;background:linear-gradient(135deg,#c1dcd4,#6da8a1 58%,#215c63);position:relative;box-shadow:20px 20px 0 #d7e9e3}.visual:after{content:'Zorg met aandacht.';position:absolute;bottom:32px;left:30px;background:#fff;padding:16px 23px;color:var(--navy);font-weight:750;border-radius:4px;box-shadow:0 8px 30px #1235}.section{padding:90px 0}.section.alt{background:var(--cream)}.section h2{font-size:clamp(30px,3vw,43px);line-height:1.2;color:var(--navy);letter-spacing:-1px;margin:12px 0 22px}.lead{font-size:18px;max-width:750px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}.card{padding:35px;background:#fff;border:1px solid #e0e9e6;border-radius:8px}.card h3{font-size:22px;color:var(--navy);margin:0 0 14px}.card p{margin:0 0 20px}.more{font-weight:750;color:var(--teal)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.quote{background:var(--navy);color:white;border-radius:10px;padding:65px}.quote h2{color:white}.cta{background:var(--mint);padding:70px 0}.footer{background:#102f35;color:#e4efed;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer a{display:block;margin:8px 0}.footer .brand{color:white}.copyright{border-top:1px solid #406068;margin-top:50px;padding-top:20px;font-size:13px}.page-hero{padding:75px 0;background:var(--mint)}.page-hero h1{font-size:clamp(36px,5vw,58px);line-height:1.12;color:var(--navy);margin:12px 0}.content{max-width:840px;padding:65px 0 100px}.content h2{color:var(--navy);margin-top:40px}.content p{font-size:17px}.contact-box{background:var(--cream);padding:32px;border-radius:8px;margin-top:30px}.mobile-menu{display:none}@media(max-width:800px){.header .wrap{flex-wrap:wrap;padding:14px 0}.mobile-menu{display:block;border:0;background:var(--mint);padding:9px 13px;font-size:20px}.nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:12px;padding:10px 0 20px}.nav.open{display:flex}.hero{padding:65px 0}.hero-grid,.split{grid-template-columns:1fr;gap:35px}.visual{height:270px;border-radius:100px 8px 8px 8px}.cards,.footer-grid{grid-template-columns:1fr}.section{padding:60px 0}.quote{padding:35px}.hero h1{letter-spacing:-1px}} 

/* Care24 final design */
:root{--navy:#193f37;--teal:#337460;--mint:#edf2e9;--cream:#f7f5ef;--ink:#34463f}body{font-family:Inter,Arial,sans-serif}.wrap{width:min(1200px,calc(100% - 48px))}.header .wrap{min-height:96px}.brand{letter-spacing:-1.7px;font-size:32px}.hero{background:var(--cream);padding:86px 0 95px}.hero-grid{gap:58px;grid-template-columns:1.16fr 1fr}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(44px,5.4vw,72px);letter-spacing:-2.9px;line-height:1.08}.hero p{font-size:18px;line-height:1.8;max-width:570px}.eyebrow{font-size:11px;letter-spacing:2.3px}.button{border-radius:4px;padding:14px 23px;font-size:14px;font-weight:600}.visual{height:440px;border-radius:200px 200px 10px 10px;background:#e0e9dc;box-shadow:none;position:relative}.visual svg{width:100%;height:100%}.visual:after{display:none}.visual-tag{position:absolute;bottom:18px;left:-20px;background:white;padding:18px 28px;box-shadow:0 10px 25px #193f3710;font-family:Georgia,serif;font-size:21px;border-left:3px solid #337460}.section h2,.cta h2,.page-hero h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.2px}.section h2{font-size:44px}.card{border:0;background:var(--cream);border-radius:4px;padding:34px}.card h3{font-size:21px;font-weight:550}.card p{line-height:1.8}.quote{border-radius:100px 4px 4px 4px}.section{padding:85px 0}.step-number{display:block;font-family:Georgia,serif;color:var(--teal);font-size:35px;margin-bottom:20px}.steps{margin-bottom:25px}.steps .card{background:white;border-top:1px solid #d4dfd3;border-radius:0;padding-left:0}.footer{background:var(--navy)}.copyright a{display:inline;margin-left:20px;text-decoration:underline}.content{max-width:850px;min-height:40vh}.contact-form{margin:35px 0}.contact-form label{display:block;font-size:14px;font-weight:650}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;font:inherit;color:var(--ink);padding:13px;border:1px solid #b9c9be;background:#fff;border-radius:3px;margin:8px 0 24px}.contact-form textarea{resize:vertical}.contact-form .form-hint{font-size:13px;line-height:1.7}.form-hint a{text-decoration:underline}.contact-form button{border:0;cursor:pointer}.honey{position:absolute;left:-10000px}.notice{padding:20px;background:#fff0dc;border-left:3px solid #bb7e31}.notice.success{background:var(--mint);border-color:var(--teal)}:focus-visible{outline:3px solid #be8d39;outline-offset:4px}.skip-link{position:fixed;top:-80px;left:12px;padding:12px;background:white;z-index:100}.skip-link:focus{top:10px}body.admin-bar .header{top:32px}@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.hero{padding:48px 0 65px}.hero h1{font-size:51px}.visual{height:345px;width:min(420px,100%);margin:10px auto}.visual-tag{left:-8px}.section h2{font-size:35px}.form-row{grid-template-columns:1fr;gap:0}.header .wrap{min-height:72px}.nav.open{align-items:stretch}.nav a{padding:7px 0}.nav a.button{padding:12px 20px}.section{padding:58px 0}.wrap{width:calc(100% - 36px)}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

.brand-total{font-size:10px!important;letter-spacing:2px;color:var(--navy)!important;display:block;line-height:1.2}.team-grid,.home-portraits{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:30px 0}.team-grid img{width:100%;height:310px;object-fit:cover;object-position:top;border-radius:5px}.home-portraits img{width:100%;height:270px;object-fit:cover;object-position:top;border-radius:5px}.epione-image{width:min(100%,480px);height:auto}.contact-details{padding:28px;background:var(--mint);margin:25px 0}.contact-details h2{margin-top:0}.contact-details a{text-decoration:underline}address{font-style:normal}@media(max-width:600px){.team-grid{grid-template-columns:1fr}.home-portraits{gap:12px}.home-portraits img{height:220px}}

.photo-hero{overflow:visible}.photo-hero>img{width:100%;height:100%;object-fit:cover;object-position:55% center;border-radius:200px 200px 10px 10px}.service-image{display:block;width:calc(100% + 68px);max-width:none;height:195px;object-fit:cover;margin:-34px -34px 25px;border-radius:4px 4px 0 0}.service-card{overflow:hidden}.page-photo{width:100%;height:auto;max-height:420px;object-fit:cover;display:block;border-radius:5px;margin-bottom:35px}.image-note{display:block;font-size:11px;opacity:.8;margin-top:8px}@media(max-width:800px){.service-image{height:220px}}

.team-grid img,.home-portraits img{object-position:50% 25%}

.team-grid img,.home-portraits img{height:auto;aspect-ratio:4/5;object-fit:contain;background:var(--cream);object-position:center}

.location-section{padding:85px 0;background:#f0ede4}.location-section h2{font-family:Georgia,serif;font-weight:400;font-size:44px;line-height:1.18;color:var(--navy);letter-spacing:-1.2px;margin:15px 0 20px}.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.location-card{margin:0;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 12px 35px #193f3709}.location-card>img{width:100%;height:235px;object-fit:cover;display:block}.location-card>img.bergman-photo{object-position:50% 25%}.location-card figcaption{padding:26px}.location-card h3{font-size:21px;color:var(--navy);margin:8px 0}.location-card p{margin:0 0 10px}.location-card small{font-size:11px;color:#667268}.location-type{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#7b6b42;font-weight:700}.photo-credit{font-size:11px;color:#657266;margin-top:22px}.photo-credit a{text-decoration:underline}.hero{background:linear-gradient(115deg,#f7f5ef,#e9efe3)}.card{box-shadow:0 8px 30px #193f3705}.card h3{line-height:1.35}.cta{background:#dae8dc}.footer strong{color:#d9d7b2}@media(max-width:800px){.location-grid{grid-template-columns:1fr}.location-section{padding:58px 0}.location-section h2{font-size:34px}.location-card>img{height:260px}}

.contact-form button:disabled{opacity:.65;cursor:wait}.field-error{display:block;color:#9c342f;font-size:13px;font-weight:400;margin-top:-15px;margin-bottom:20px}.field-error:empty{display:none}.contact-form [aria-invalid="true"]{border-color:#9c342f}.form-progress{display:inline-block;margin-left:15px;font-size:14px}.notice[hidden],.contact-form[hidden]{display:none}.form-warning{background:#fff2dc!important;border-color:#ad7c28!important}.form-intro h2{margin-top:35px}
