/* Lightweight sky: soft clouds painted in CSS, with no external image requests. */
body.hki-sky-layout{
 background-color:#e5f3fa;
 background-image:radial-gradient(ellipse 480px 150px at 4% 210px,rgba(255,255,255,.96) 0%,rgba(255,255,255,.65) 42%,transparent 74%),radial-gradient(ellipse 620px 190px at 96% 440px,rgba(255,255,255,.96) 0%,rgba(255,255,255,.52) 45%,transparent 76%),radial-gradient(ellipse 520px 140px at 23% 960px,rgba(255,255,255,.9) 0%,transparent 78%),linear-gradient(180deg,#b9dfee 0%,#dff0f9 650px,#eff7fb 1400px,#e5f3fa 100%);
 background-repeat:no-repeat;
 color:#17364d;
}
body.hki-sky-layout #page,body.hki-sky-layout #content{background:transparent}
body.hki-sky-layout #content>.ast-container{max-width:1520px;width:100%;padding-left:24px;padding-right:24px;margin-left:auto;margin-right:auto;box-sizing:border-box}
body.hki-sky-layout.ast-no-sidebar #primary{width:100%;max-width:none}
body.hki-sky-layout #main>.ast-article-single{padding-left:0;padding-right:0;background:transparent;box-shadow:none;border:0}
body.hki-sky-layout .entry-content>.hki{width:100%;max-width:none}
body.hki-sky-layout .entry-content>.hki.hki-home{padding-left:0;padding-right:0}
body.hki-sky-layout .hki-home>.hki-home-inventory,body.hki-sky-layout .hki-home>.hki-home-services{background:#fff}
body.hki-sky-layout .hki-single .hki-detail-content{max-width:1080px}
body.hki-sky-layout .hki-home>section{box-shadow:0 5px 20px rgba(30,75,92,.07)}
body.hki-sky-layout #hki-site-footer .hki-footer-inner{max-width:1520px}
@media(min-width:1600px){body.hki-sky-layout #content>.ast-container{padding-left:32px;padding-right:32px}}
@media(max-width:760px){
 body.hki-sky-layout #content>.ast-container{padding-left:12px;padding-right:12px}
 body.hki-sky-layout{background-image:radial-gradient(ellipse 300px 120px at 90% 220px,rgba(255,255,255,.85),transparent 78%),linear-gradient(180deg,#c5e5f2 0%,#edf7fb 800px,#e5f3fa 100%)}
}

/* Blue accents extend to Astra navigation on the public pages. */
body.hki-sky-layout{--ast-global-color-0:#17679b;--ast-global-color-1:#12547e;--ast-global-color-2:#17364d;--ast-global-color-3:#445f73;--ast-global-color-4:#eef7fd;--ast-global-color-5:#fff}
body.hki-sky-layout #masthead .main-header-bar{border-bottom-color:#bfd9eb}
body.hki-sky-layout #masthead .main-header-menu>.menu-item>a{color:#17364d}
body.hki-sky-layout #masthead .main-header-menu>.menu-item>a:hover,body.hki-sky-layout #masthead .main-header-menu>.current-menu-item>a{color:#17679b}
body.hki-sky-layout .hki-home .hki-home-hero{background:linear-gradient(125deg,#edf8ff 0%,#d9effc 100%)}
body.hki-sky-layout .hki-home .hki-home-about{background:linear-gradient(120deg,#edf8ff,#e0f1fc)}
body.hki-sky-layout .hki-home .hki-home-contact{background:#155780}
body.hki-sky-layout .hki-home .hki-home-contact a.hki-home-primary{background:#fff;color:#155780;border-color:#fff}
body.hki-sky-layout #hki-site-footer{background:linear-gradient(115deg,#123e63,#175d89);border-top-color:#83c9ec}

/* Sky treatment for the logo/navigation header shown in the reference screenshot. */
body.hki-sky-layout #masthead{background:#e5f4fc}
body.hki-sky-layout #masthead .main-header-bar,
body.hki-sky-layout #masthead .ast-primary-header-bar{
 background-color:#e5f4fc;
 background-image:radial-gradient(ellipse 330px 90px at 20% 0%,rgba(255,255,255,.92),transparent 80%),radial-gradient(ellipse 420px 100px at 85% 100%,rgba(255,255,255,.8),transparent 80%),linear-gradient(110deg,#d4edfa 0%,#f1faff 48%,#c9e8f9 100%);
 border-bottom:1px solid #9fcbe4;
 box-shadow:0 2px 10px rgba(30,85,120,.06);
}
body.hki-sky-layout #masthead .main-header-menu{background:transparent}
body.hki-sky-layout #masthead .main-header-menu>.menu-item>a{color:#153e5a;font-weight:600}
body.hki-sky-layout #masthead .main-header-menu>.menu-item>a:hover,
body.hki-sky-layout #masthead .main-header-menu>.current-menu-item>a{color:#08699f}
body.hki-sky-layout #masthead a:focus-visible,
body.hki-sky-layout #masthead button:focus-visible{outline:2px solid #17679b;outline-offset:3px}
body.hki-sky-layout #masthead .ast-mobile-header-content,
body.hki-sky-layout #masthead .ast-desktop-header-content,
body.hki-sky-layout #masthead .sub-menu{background:#eef8ff}
body.hki-sky-layout #masthead .sub-menu a{color:#153e5a}
body.hki-sky-layout #masthead .menu-toggle{color:#153e5a;background:#e1f2fc;border-color:#9fcbe4}