/*
Theme Name: VesteHub Campus
Author: VesteHub School
Description: Visueel WordPress theme voor De Nieuwe Veste: praktijkgericht leren, D&P, Techlab en één centraal leerlingportaal. Werkt met VesteHub School plugin.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: vestehub-campus
*/
:root{--navy:#12203a;--ink:#162642;--muted:#69778e;--teal:#11baa7;--lime:#b8ee47;--violet:#7553d8;--bg:#f3f7fc;--stroke:#e2e9f3}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:16px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink)}a{color:#3259bc;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}.vh-site-header{background:#111e36;color:white;position:relative;z-index:10}.vh-site-inner{max-width:1380px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.vh-site-logo{display:flex;gap:13px;align-items:center;color:white;font-size:25px;font-weight:850;line-height:1.1;letter-spacing:-.6px}.vh-site-logo:hover{text-decoration:none;color:white}.vh-site-logo small{display:block;font-size:10px;font-weight:600;letter-spacing:.5px;color:#b8c9e0}.vh-site-mark{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:linear-gradient(135deg,#00b6ec 10%,#1dbbaf 56%,#b6ec47 57%);font-size:30px;font-weight:900;color:#fff}.vh-site-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vh-site-nav a{color:#eaf0fa;padding:10px 15px;border-radius:12px;font-weight:650}.vh-site-nav a:hover{background:#293b5c;text-decoration:none}.vh-site-nav .vh-site-login{background:#b8ee47;color:#13263b;font-weight:800}.vh-site-nav .vh-site-login:hover{background:#d0ff69}.vh-site-main{min-height:65vh}.vh-container{max-width:1380px;margin:auto;padding:28px 24px 58px}.vh-home-hero{display:grid;grid-template-columns:1.06fr .94fr;min-height:460px;background:linear-gradient(115deg,#14355e,#077c89 67%,#68c85d);border-radius:27px;overflow:hidden;color:white;box-shadow:0 14px 40px #15395f22}.vh-home-copy{padding:clamp(30px,5vw,68px);align-self:center}.vh-eyebrow{letter-spacing:1.8px;font-weight:800;font-size:12px;color:#cefcfa;text-transform:uppercase}.vh-home-copy h1{font-size:clamp(36px,5.5vw,68px);line-height:1.06;color:white;margin:14px 0 22px;letter-spacing:-2px}.vh-home-copy p{font-size:18px;max-width:580px;color:#eef9ff}.vh-home-photo{background:url('assets/maak3d.jpg') center/cover;min-height:410px;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}.vh-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 0}.vh-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;border-radius:12px;font-weight:800;background:#b8ee47;color:#14233b}.vh-btn:hover{text-decoration:none;background:#d3ff6f;color:#14233b}.vh-btn-alt{background:#fff2;color:#fff;border:1px solid #fff5}.vh-btn-alt:hover{background:#ffffff30;color:#fff}.vh-section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:36px 0 16px}.vh-section-heading h2{font-size:28px;line-height:1.2;margin:0}.vh-section-heading p{color:var(--muted);margin:4px 0 0}.vh-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.vh-feature{overflow:hidden;background:#fff;border-radius:18px;border:1px solid var(--stroke);box-shadow:0 5px 15px #1c375b0a}.vh-feature img{width:100%;height:175px;object-fit:cover;display:block}.vh-feature-body{padding:17px}.vh-feature h3{margin:0 0 7px;font-size:19px}.vh-feature p{margin:0 0 14px;color:var(--muted);font-size:14px}.vh-feature a{font-weight:800}.vh-home-bottom{display:grid;grid-template-columns:2fr 1fr;gap:17px;margin:20px 0}.vh-bubble{border-radius:19px;padding:26px;background:#e9e3ff}.vh-bubble.green{background:#e1f9e7}.vh-bubble h3{font-size:21px;margin:0 0 8px}.vh-bubble p{margin:0 0 13px;color:#485a73}.vh-bubble ul{margin-bottom:0;padding-left:20px}.vh-page{background:white;border-radius:20px;border:1px solid var(--stroke);padding:30px;min-height:400px}.vh-page h1{font-size:32px;line-height:1.2}.vh-site-footer{background:#111e36;color:#cbd7e8}.vh-footer-inner{max-width:1380px;margin:auto;padding:23px 24px;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}.vh-site-footer a{color:#e3f3ff}.vh-portal-page .vh-container{max-width:1560px}.vh-portal-page .vh-page{border:0;background:transparent;padding:0}.vh-portal-page .vh-page>h1{display:none}.vh-portal-page .vh-wrap{max-width:none}@media(max-width:1000px){.vh-home-grid{grid-template-columns:repeat(2,1fr)}.vh-home-hero{grid-template-columns:1fr}.vh-home-photo{clip-path:none;min-height:250px;order:-1}.vh-home-bottom{grid-template-columns:1fr}.vh-site-inner{flex-wrap:wrap}}@media(max-width:600px){.vh-container{padding:16px 12px 35px}.vh-site-inner{padding:12px}.vh-site-nav{gap:2px}.vh-site-nav a{font-size:13px;padding:7px 8px}.vh-home-grid{grid-template-columns:1fr}.vh-home-hero{border-radius:17px}.vh-home-copy{padding:25px}.vh-home-photo{min-height:200px}.vh-page{padding:16px}.vh-site-logo{font-size:20px}.vh-site-mark{width:39px;height:39px}.vh-section-heading h2{font-size:24px}}@media print{.vh-site-header,.vh-site-footer{display:none}}

.vh-hero{max-width:1300px;margin:25px auto;min-height:340px;padding:55px;background:linear-gradient(115deg,#4a1988,#9b3ed8);border-radius:25px;overflow:hidden;position:relative;color:white;display:flex;align-items:center}.vh-hero>div{position:relative;z-index:1;max-width:650px}.vh-hero h1{color:white!important;font-weight:900;font-size:50px}.vh-hero h1 span{color:#eacaff}.vh-hero p{color:#f4e8ff;font-size:18px}.vh-hero img{position:absolute;right:0;top:0;width:47%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 30%)}.vh-eyebrow{font-size:12px;letter-spacing:.13em;color:#ebd4ff;font-weight:800}.vh-primary{display:inline-block;background:white;color:#54229a!important;border-radius:10px;padding:15px 24px;font-weight:800;margin-top:15px}.vh-features{max-width:1300px;margin:25px auto 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vh-features a{background:white;border:1px solid #e8dcef;border-radius:17px;overflow:hidden;color:#351a59;box-shadow:0 10px 25px #3a1b6f13}.vh-features img{width:100%;height:180px;object-fit:cover}.vh-features h2,.vh-features p{margin:14px 18px}.vh-features h2{font-size:20px}.vh-features p{color:#776b83;font-size:14px}@media(max-width:700px){.vh-hero{padding:27px;min-height:280px}.vh-hero h1{font-size:35px}.vh-hero img{opacity:.22;width:75%}.vh-features{grid-template-columns:1fr}}

/* Distraction-free full width dashboard */
body.page:has(.vs-app) .vh-site-header,body.page:has(.vs-app) .vh-site-footer,body.home:has(.vs-app) .vh-site-header,body.home:has(.vs-app) .vh-site-footer{display:none!important}
body:has(.vs-app) .vh-site-main{max-width:none!important;padding:0!important;margin:0!important}
.vh-fullportal{padding:0!important;margin:0!important;max-width:none!important}.vh-fullportal .vs-app{border-radius:0!important;border:0!important;min-height:100vh;box-shadow:none!important}