/*
Theme Name: Haroon Developments
Theme URI: https://haroondevelopments.com/
Author: Haroon Developments
Description: Five-page construction website with interactive tower, editable page sections, navigation, vacancies and enquiry forms. Based on the supplied Haroon design.
Version: 2.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: haroon-developments
*/
body{margin:0;background:#E8E4DC;color:#1C1A17;font-family:system-ui,sans-serif}a{color:inherit} .haroon-menu{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;font-size:14px;font-weight:500}.haroon-menu ul{display:flex;flex-wrap:wrap;list-style:none;gap:12px 28px;margin:0;padding:0}.haroon-menu li{position:relative}.haroon-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:200px;padding:16px;background:#f4f1eb;box-shadow:0 4px 12px #0002;z-index:100}.haroon-menu li:hover>.sub-menu,.haroon-menu li:focus-within>.sub-menu{display:flex;flex-direction:column}.haroon-menu a{display:block;padding:8px 0}.haroon-menu .current-menu-item>a{border-bottom:1px solid var(--accent,#3a5a9e)}.haroon-extra{max-width:1200px;margin:auto;padding:40px 24px}.haroon-fallback{max-width:1100px;margin:auto;padding:32px 24px}.haroon-fallback img{max-width:100%;height:auto}.haroon-skip{position:fixed;left:12px;top:-100px;background:#fff;color:#111;padding:12px;z-index:100000}.haroon-skip:focus{top:12px}button:disabled{opacity:.55;cursor:wait}body.admin-bar{padding-top:0}@media(max-width:760px){.haroon-menu{width:100%}.haroon-menu ul{gap:8px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{scroll-behavior:auto!important}}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Hanken Grotesk',system-ui,sans-serif!important}a{text-decoration:none}a:hover{color:#3a5a9e}.haroon-site-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px 30px;padding:24px clamp(20px,3.4vw,52px);background:#e8e4dc}.haroon-brand img{display:block;height:56px;width:auto;max-width:240px;object-fit:contain}.haroon-header-cta{font-size:14px;border:1px solid #1c1a17;border-radius:2px;padding:12px 18px}.haroon-block{position:relative;min-width:0;scroll-margin-top:20px}.haroon-block h1,.haroon-block h2,.haroon-block h3{max-width:100%;overflow-wrap:break-word}.haroon-loading,.haroon-load-error{padding:48px 24px;font-size:16px}.haroon-load-error{color:#a8321e}.haroon-section-root{width:100%;--accent:#3a5a9e;--ink:#1c1a17;--bg:#e8e4dc;--muted:#69635a;--line:rgba(28,26,23,.14);--card:rgba(251,250,247,.9)}.haroon-kind-static>section{position:relative}button:focus-visible,a:focus-visible{outline:2px solid #3a5a9e;outline-offset:4px}
@media(max-width:1099px){.haroon-kind-home-services .haroon-service-stage{position:relative!important;top:0!important;flex:0 0 auto!important;width:100%!important;max-width:100%!important;margin-bottom:16px;isolation:isolate}.haroon-kind-home-services h3{min-width:0;line-height:1.08!important}}
@media(max-width:759px){.haroon-site-header{padding-top:18px;padding-bottom:18px;gap:14px}.haroon-brand img{height:44px;max-width:200px}.haroon-site-header .haroon-menu{order:3}.haroon-header-cta{padding:10px 12px;font-size:12px}.haroon-kind-home-services .haroon-service-stage{height:360px!important;min-height:360px}.haroon-kind-home-services h3{font-size:clamp(30px,8vw,40px)!important}.haroon-block h1{font-size:clamp(44px,12vw,76px)!important}.haroon-block h2{font-size:clamp(34px,9vw,56px)!important}.haroon-kind-home-services ul{grid-template-columns:1fr!important}.haroon-block [role=alert]{overflow-wrap:anywhere}}