/*
Theme Name: ITview Managed Services
Theme URI: https://itview.com.au/
Author: ITview
Description: Original custom WordPress theme for ITview, an Adelaide managed IT services provider.
Version: 2.2.0
Requires at least: 6.3
Requires PHP: 8.0
Text Domain: itview
*/
:root{--navy:#071b2b;--ink:#102b3a;--teal:#00a9a0;--lime:#c8ef5b;--mist:#edf5f3;--line:#d9e4e1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);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}.brand em{font-style:normal;font-weight:400;color:var(--teal)}.monogram{width:39px;height:39px;border-radius:12px 4px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;letter-spacing:-3px;position:relative;overflow:hidden}.monogram:after{content:"";position:absolute;width:22px;height:5px;background:var(--lime);transform:rotate(-45deg);bottom:4px;right:-3px}.nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700}.nav ul{display:flex;list-style:none;gap:26px;margin:0;padding:0}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:#fff;padding:15px 21px;border:0;border-radius:4px;font-weight:800;cursor:pointer}.nav-cta{background:var(--navy);padding:13px 18px}.hero,.page-hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}.hero{min-height:650px;display:flex;align-items:center}.hero:before{content:"";position:absolute;right:0;top:0;width:58%;height:100%;background:linear-gradient(90deg,var(--navy),transparent),url('assets/images/hero.png') center/cover;opacity:.65}.hero-grid,.page-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;position:relative}.hero h1,.page-hero h1{font-size:clamp(50px,6vw,82px);line-height:.98;letter-spacing:-4px;margin:18px 0 26px}.hero h1 em{color:var(--lime);font-weight:400}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:var(--lime)}.lead{font-size:20px;line-height:1.65;color:#d2e1e5;max-width:670px}.hero-card{background:#ffffffed;color:var(--ink);padding:30px;border-radius:7px;box-shadow:0 30px 80px #0006}.hero-card strong{display:block;font-size:25px;margin:12px 0}.bars{height:130px;display:flex;gap:10px;align-items:end;border-bottom:1px solid var(--line)}.bars i{flex:1;background:linear-gradient(var(--teal),#66dfd3)}.bars i:nth-child(1){height:30%}.bars i:nth-child(2){height:48%}.bars i:nth-child(3){height:42%}.bars i:nth-child(4){height:65%}.bars i:nth-child(5){height:78%}.bars i:nth-child(6){height:94%;background:var(--lime)}.section{padding:100px 0}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:45px}.section h2,.cta h2{font-size:clamp(36px,4.5vw,58px);line-height:1.08;letter-spacing:-2px;margin:12px 0}.section-head>p,.copy{color:#58707b;font-size:17px;line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.service-card{padding:30px;min-height:285px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.2s}.service-card:hover{background:var(--navy);color:#fff}.service-card h3{font-size:21px;margin-top:55px}.service-card p{color:#667c86;line-height:1.6}.service-card b{color:var(--teal);font-size:13px}.model{background:var(--navy);color:#fff}.model-grid,.detail-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.model-panel{background:#0c2b3f;padding:40px}.checklist{display:grid;gap:15px}.checklist span{padding:13px;border-bottom:1px solid #ffffff22}.cta{background:var(--teal);color:#fff;padding:80px 0}.cta .wrap{display:flex;align-items:end;justify-content:space-between}.page-hero{padding:70px 0 90px}.page-art{height:330px;background:url('assets/images/services.png') center/cover;border:1px solid #ffffff22}.detail-grid aside{background:var(--mist);padding:35px}.detail-grid aside li{padding:14px 0;border-bottom:1px solid #cadbd7}.contact-grid form{background:#f4f8f7;padding:35px}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:13px;font-weight:700;margin-bottom:18px}input,textarea{width:100%;padding:14px;border:1px solid #cbdad7;margin-top:7px;font:inherit}.notice{padding:13px;background:#def5df;margin-bottom:18px}footer{background:#051520;color:#9fb4bd;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px}footer .brand{color:#fff}footer a{display:block;margin:10px 0;font-size:13px}.menu-toggle{display:none}@media(max-width:850px){.hero-grid,.page-grid,.section-head,.model-grid,.detail-grid,.contact-grid{grid-template-columns:1fr}.hero{padding:80px 0}.hero:before{width:100%;opacity:.28}.service-grid{grid-template-columns:1fr 1fr}.menu-toggle{display:block}.nav ul{display:none}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:550px){.wrap{width:calc(100% - 30px)}.hero h1,.page-hero h1{font-size:46px;letter-spacing:-2px}.service-grid,.row,.footer-grid{grid-template-columns:1fr}.section{padding:70px 0}.cta .wrap{display:block}.nav-cta{display:none}}