/*
Theme Name: Denbigh High School 2.0
Author: Denbigh Website Project
Description: Bespoke Gutenberg-compatible theme for Denbigh High School Jamaica.
Version: 1.0
Requires at least: 6.0
Text Domain: denbigh
*/
:root{--green:#004a32;--mint:#bfe7c6;--ink:#15392c}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1160px,94%);margin:auto}.top{background:#003923;color:white;font-size:12px;padding:10px 0}.top .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:92px}.brand{display:flex;align-items:center;gap:15px}.brand img{width:82px;height:82px;object-fit:contain}.brand strong{font:700 19px Georgia,serif}.brand small{display:block;font-size:10px;letter-spacing:3px;text-align:center;margin-top:4px}.menu{display:flex;gap:18px;list-style:none;padding:0;font-size:13px;font-weight:bold}.menu li{position:relative}.sub-menu{display:none;position:absolute;background:white;padding:15px;list-style:none;min-width:160px;box-shadow:0 4px 16px #0002}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.toggle{display:none}.hero{min-height:375px;background:linear-gradient(90deg,#003723ed,#00372366 55%,transparent),var(--hero,linear-gradient(120deg,#165c43,#9bbca8));background-size:cover;background-position:center;display:flex;align-items:center;color:white}.hero .wrap{padding:50px 0}.hero h1{font:700 clamp(40px,5vw,65px)/.98 Georgia,serif;margin:0 0 18px}.hero h3{letter-spacing:5px;font-size:15px}.hero p{max-width:370px;line-height:1.6;font-size:15px}.btn{display:inline-block;background:var(--mint);padding:13px 20px;font-weight:bold;font-size:13px;margin:8px 10px 0 0}.btn.outline{background:transparent;color:white;border:1px solid white}.notice{background:#edf6ee;padding:16px 20px;margin:12px auto}.three{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:25px;padding:20px 0 30px}h2{font:700 22px Georgia,serif}.entry{border-top:1px solid #dde8df;padding:13px 0}.entry b{font-size:13px}.entry small{display:block;margin-top:6px;color:#526b60}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick a{background:#f0f6f1;padding:24px 5px;text-align:center;font-weight:bold;font-size:12px}.quick a:before{content:'▣';display:block;font-size:25px;color:var(--green);margin-bottom:8px}.welcome{display:grid;grid-template-columns:36% 44% 20%;background:#003e2a;color:white}.welcome-image{min-height:280px;background:var(--campus,linear-gradient(120deg,#38765a,#c7d9c9));background-position:center;background-size:cover}.welcome-copy{padding:26px 35px}.welcome-copy p{line-height:1.7;font-size:14px}.stats{padding:24px 16px;align-self:center}.stats p{font-size:14px}.stats b{font:700 22px Georgia,serif}.news{padding:28px 0 60px}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.news-card{border:1px solid #e2e9e3}.news-card img,.placeholder{width:100%;height:150px;object-fit:cover;background:#dce9dd}.news-card h3{font-size:14px;padding:0 12px}.news-card p{font-size:12px;padding:0 12px;color:#617267}.footer{background:#003923;color:white;padding:28px 0}.content{padding:35px 0 70px;min-height:45vh}@media(max-width:900px){.three{grid-template-columns:1fr 1fr}.three section:last-child{grid-column:1/-1}.welcome{grid-template-columns:1fr 1fr}.stats{grid-column:1/-1;display:flex;justify-content:space-around}.news-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.toggle{display:block;background:white;border:1px solid #ccc;padding:10px}.nav{min-height:75px}.brand img{width:62px;height:65px}.brand strong{font-size:15px}.menu{display:none;position:absolute;top:100%;left:0;right:0;background:white;z-index:5;flex-direction:column;padding:20px;box-shadow:0 8px 15px #0002}.menu.open{display:flex}.sub-menu{display:block;position:static;box-shadow:none}.site-header{position:relative}.three,.welcome{display:block}.welcome-image{min-height:200px}.stats{display:block}.news-grid{grid-template-columns:1fr 1fr}.hero{min-height:430px}.hero h1{font-size:45px}}