/*
Theme Name: ITview Managed Services
Theme URI: https://itview.com.au/
Author: ITview
Description: Custom managed IT services theme for ITview Adelaide, with service pages and an enquiry form.
Version: 1.1.0
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: itview
*/

:root{--navy:#071b2b;--ink:#102b3a;--teal:#00a9a0;--lime:#c8ef5b;--mist:#edf5f3;--white:#fff;--line:#d9e4e1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:82px;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #e7eeee}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:800;letter-spacing:-1px}.brand>span:last-child>span{font-weight:400;color:var(--teal)}.monogram{width:39px;height:39px;border-radius:12px 4px 12px 4px;background:var(--navy);position:relative;overflow:hidden;color:#fff;display:flex;align-items:center;justify-content:center;letter-spacing:-7px;padding-right:5px}.monogram:after{content:"";position:absolute;width:22px;height:5px;background:var(--lime);transform:rotate(-45deg);bottom:4px;right:-3px}.monogram i{font-style:normal;font-size:19px;position:relative;z-index:1}.monogram i:last-child{color:#60dfd2}.nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:700}.nav-group{position:relative;padding:20px 0}.services-trigger{display:flex;align-items:center;gap:6px;border:0;background:none;font:inherit;font-weight:700;cursor:pointer;padding:11px 0}.services-trigger:after{content:"⌄"}.mega{display:none;position:absolute;top:73px;right:-260px;width:610px;padding:18px;background:#fff;box-shadow:0 20px 60px #06182726;border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:4px}.mega a{padding:12px;border-radius:5px}.mega a:hover,.mega a:focus{background:var(--mist);color:#00867f}.nav-group:hover .mega,.nav-group:focus-within .mega,.nav-group.open .mega{display:grid}.nav-cta{background:var(--navy);color:#fff;padding:13px 18px;border-radius:4px}.menu-btn{display:none;background:none;border:0;font-size:25px}.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden;min-height:670px;display:flex;align-items:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 38%,transparent 72%);pointer-events:none}.hero-glow{position:absolute;right:-4%;top:-20%;width:65%;height:130%;background:center/cover no-repeat;opacity:.52}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;position:relative;z-index:2}.hero h1,.page-hero h1{font-size:clamp(52px,6vw,83px);line-height:.98;letter-spacing:-4px;margin:18px 0 26px}.hero h1 em{font-weight:400;color:var(--lime);font-style:normal}.eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-size:12px;font-weight:800;color:var(--lime)}.eyebrow.dark{color:#008f88}.lead{font-size:20px;line-height:1.65;color:#d2e1e5;max-width:670px}.actions{display:flex;gap:13px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 22px;border-radius:4px;font-weight:800;font-size:14px;border:1px solid transparent;cursor:pointer}.button.primary{background:var(--teal);color:#fff}.button.ghost{border-color:#ffffff55;color:#fff}.button.lime{background:var(--lime);color:var(--navy);margin-top:24px}.button.light{background:#fff;color:var(--navy)}.trust-row{display:flex;gap:22px;margin-top:34px;color:#a9bdc5;font-size:13px}.status-card{background:#ffffffed;color:var(--ink);border-radius:8px;padding:30px;box-shadow:0 30px 80px #0006}.status-card strong{display:block;font-size:25px;margin:14px 0}.spark{height:125px;display:flex;align-items:end;gap:10px;margin:18px 0}.spark i{flex:1;background:linear-gradient(var(--teal),#6ce3d7);height:var(--h);border-radius:2px 2px 0 0}.spark i:last-child{background:var(--lime)}.status-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:18px}.status-stats span{font-size:11px;color:#6f8189}.status-stats b{display:block;font-size:18px;color:var(--ink)}.proof{background:var(--lime);padding:21px 0}.proof-grid{display:flex;align-items:center;gap:22px}.proof-grid p{font-weight:800;margin-right:auto}.proof-grid span{font-size:13px;font-weight:800;text-transform:uppercase}.section{padding:105px 0}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:end;margin-bottom:48px}.section h2,.dark-section h2,.cta h2,.contact-grid h2{font-size:clamp(37px,4.5vw,60px);line-height:1.08;letter-spacing:-2.5px;margin:12px 0}.section-head>p,.detail-copy,.contact-grid>div>p{font-size:18px;line-height:1.7;color:#58707b}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:280px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.25s}.service-card:hover{background:var(--navy);color:#fff;transform:translateY(-3px)}.service-card h3{font-size:21px;margin:35px 0 12px}.service-card p{font-size:14px;line-height:1.65;color:#677e88}.card-no{position:absolute;right:22px;top:20px;font-size:11px;color:#91a2a8}.learn{position:absolute;bottom:25px;font-size:13px;font-weight:800;color:#008e87}.dark-section{padding:110px 0;background:var(--navy);color:#fff}.outcome-grid{display:grid;grid-template-columns:1fr .85fr;gap:110px;align-items:center}.dark-section p{color:#aac0c9;font-size:17px;line-height:1.7}.metric-panel{background:#0c2b3f;padding:42px;border:1px solid #ffffff18}.metric-list{display:grid;gap:15px}.approach{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.approach ol{margin:0;padding:0;list-style:none}.approach li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:28px 0;border-top:1px solid var(--line)}.approach li b{color:var(--teal)}.approach h3{font-size:23px;margin:0 0 7px}.approach p{margin:0;color:#667d87;line-height:1.6}.cta{background:var(--teal);color:#fff;padding:85px 0}.cta .wrap{display:flex;align-items:end;justify-content:space-between;gap:30px}.page-hero{background:var(--navy);color:#fff;padding:70px 0 95px}.page-hero.compact{padding-bottom:80px}.crumb{color:#8fa8b2;font-size:12px}.detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:110px}.detail-grid aside{background:var(--mist);padding:35px}.detail-grid aside p{padding:13px 0;border-bottom:1px solid #ceddda;margin:0}.process-band{background:var(--mist);padding:70px 0}.process-band .wrap{display:grid;grid-template-columns:repeat(3,1fr)}.process-band .wrap>div{padding:0 40px;border-right:1px solid #cddbd8}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.contact-grid a,.location{display:flex;align-items:center;gap:10px;font-weight:700;margin-top:24px}.contact-note{border-left:4px solid var(--lime);padding:18px 22px;background:var(--mist);margin-top:38px}.contact-grid form{background:#f5f8f8;padding:36px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-grid label{display:block;font-size:13px;font-weight:800;margin-bottom:18px}.contact-grid input,.contact-grid textarea{width:100%;border:1px solid #ccdad7;background:#fff;padding:14px;margin-top:8px;font:inherit}.notice{padding:14px;background:#e7f7e9;color:#146b2e;margin-bottom:20px}footer{background:#051520;color:#9fb4bd;padding:70px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:60px}.footer-grid h3{color:#fff;font-size:14px}.footer-grid a{display:block;font-size:13px;margin:12px 0}.footer-bottom{border-top:1px solid #ffffff18;margin-top:45px;padding-top:20px;font-size:11px}@media(max-width:900px){.nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;align-items:flex-start;box-shadow:0 20px 30px #0002}.nav.open{display:flex}.nav-group{padding:0;width:100%}.services-trigger{width:100%;justify-content:space-between}.mega,.nav-group:hover .mega{position:static;display:none;box-shadow:none;border:0;padding:10px 0;width:auto;grid-template-columns:1fr}.nav-group.open .mega{display:grid}.menu-btn{display:block}.hero{padding:80px 0;min-height:auto}.hero-grid,.section-head,.outcome-grid,.approach,.detail-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.service-grid{grid-template-columns:1fr 1fr}.cta .wrap{display:block}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.wrap{width:min(100% - 30px,1180px)}.hero h1,.page-hero h1{font-size:46px;letter-spacing:-2px}.lead{font-size:17px}.actions,.trust-row{flex-direction:column;align-items:flex-start}.service-grid,.field-row,.process-band .wrap,.footer-grid{grid-template-columns:1fr}.section{padding:75px 0}.contact-grid form{padding:22px}}