/*
Theme Name: Hive Controls Astra Child
Theme URI: https://www.hivecontrols.co.za/
Description: Update-safe Hive Controls custom templates and functionality for the Astra parent theme.
Author: Hive Controls
Author URI: https://www.hivecontrols.co.za/
Template: astra
Version: 1.0.0
Text Domain: hive-controls-astra-child
Requires at least: 6.0
Requires PHP: 7.4
*/



/* Hive Learn only. Shared header/footer styles remain owned by their master parts. */
body.hc-learn-page{margin:0;background:#fff;color:#122022;font-family:Inter,Arial,sans-serif}
.hc-learn-page a{text-decoration:none}
.hc-learn,.hc-learn *{box-sizing:border-box}
.hc-learn{--learn-teal:#087f83;--learn-ink:#122022;--learn-muted:#526467;--learn-line:#dce7e7;line-height:1.75}
.hc-learn-wrap{width:min(1180px,calc(100% - 64px));margin:auto}
.hc-learn-breadcrumb{display:flex;flex-wrap:wrap;gap:6px 12px;padding:28px 0;color:var(--learn-muted);font-size:13px;overflow-wrap:anywhere}
.hc-learn-breadcrumb a{color:var(--learn-teal)}
.hc-learn-heading{max-width:940px;padding:36px 0 38px}
.hc-learn-eyebrow{font-size:12px;line-height:1.6;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--learn-teal);margin:0 0 14px}
.hc-learn-eyebrow span,.hc-learn-byline span{padding:0 8px}
.hc-learn h1{font-size:clamp(34px,4.5vw,60px);line-height:1.12;letter-spacing:-.035em;font-weight:750;color:var(--learn-ink);margin:0 0 24px;overflow-wrap:anywhere}
.hc-learn-deck{font-size:clamp(17px,2vw,21px);line-height:1.65;color:var(--learn-muted);max-width:810px;margin:0 0 24px}
.hc-learn-byline{font-size:13px;color:var(--learn-muted);margin:0}
.hc-learn-hero{margin:0 0 44px;border-radius:16px;overflow:hidden;background:#f3f7f7}
.hc-learn-hero img{display:block;width:100%;max-height:480px;height:auto;object-fit:cover}
.hc-learn-layout{display:grid;grid-template-columns:235px minmax(0,740px);gap:clamp(32px,5vw,76px);padding:38px 0 70px;border-top:1px solid var(--learn-line);align-items:start}
.hc-learn-contents{font-size:13px;line-height:1.5;color:var(--learn-muted)}
.hc-learn-contents details{border-left:3px solid #087f83;padding-left:20px}
.hc-learn-contents summary{cursor:pointer;font-weight:750;color:var(--learn-ink);padding:0 0 15px;font-size:15px}
.hc-learn-contents ol{list-style:none;padding:0;margin:0}
.hc-learn-contents li{margin:0 0 11px}
.hc-learn-contents a{display:block;color:var(--learn-muted);padding:3px 0}
.hc-learn-contents a:hover{color:var(--learn-teal);text-decoration:underline}
.hc-learn-body{font-size:18px;line-height:1.85;min-width:0;overflow-wrap:anywhere}
.hc-learn-body> :first-child{margin-top:0}
.hc-learn-body h2{font-size:clamp(25px,2.6vw,33px);line-height:1.25;letter-spacing:-.025em;margin:52px 0 20px;color:var(--learn-ink);scroll-margin-top:32px}
.hc-learn-body h3{font-size:22px;line-height:1.4;margin:32px 0 12px;color:var(--learn-ink)}
.hc-learn-body p{margin:0 0 22px}
.hc-learn-body ul,.hc-learn-body ol{padding-left:24px;margin:0 0 26px}
.hc-learn-body li{padding-left:4px;margin:8px 0}
.hc-learn-body a{color:#066d70;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.hc-learn-body a:hover{text-decoration-thickness:2px}
.hc-learn-body blockquote{margin:28px 0;padding:20px 24px;background:#f0f7f7;border-left:3px solid var(--learn-teal);font-style:normal}
.hc-learn-body img,.hc-learn-body video{max-width:100%;height:auto}
.hc-learn-body table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;font-size:15px}
.hc-learn-body td,.hc-learn-body th{padding:12px;border:1px solid var(--learn-line);min-width:120px;text-align:left}
.hc-learn-body pre{max-width:100%;overflow:auto}
.hc-learn-resources{padding:42px 0;border-top:1px solid var(--learn-line)}
.hc-learn-resources h2,.hc-learn-cta h2{font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-.025em;margin:0 0 16px}
.hc-learn-resources>p:not(.hc-learn-eyebrow){color:var(--learn-muted);margin:0 0 24px}
.hc-learn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px}
.hc-learn-card{display:flex;flex-direction:column;border:1px solid var(--learn-line);border-radius:12px;padding:24px;color:var(--learn-ink);background:#fff;min-width:0;overflow-wrap:anywhere}
.hc-learn-card:hover{border-color:var(--learn-teal);box-shadow:0 8px 24px #1220220b}
.hc-learn-card img{width:100%;height:185px;object-fit:contain;margin-bottom:20px}
.hc-learn-card h3{font-size:20px;line-height:1.4;margin:0 0 16px}
.hc-learn-card p{font-size:15px;line-height:1.7;color:var(--learn-muted);margin:0 0 20px}
.hc-learn-card>span{margin-top:auto;font-size:14px;font-weight:700;color:var(--learn-teal)}
.hc-learn-guide{background:#f7faf9;border-top:3px solid var(--learn-teal)}
.hc-learn-cta{margin:32px 0 76px;background:#102d30;color:#fff;border-radius:16px;padding:40px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center}
.hc-learn-cta .hc-learn-eyebrow{color:#7ee0db}.hc-learn-cta h2{color:#fff}.hc-learn-cta p:last-child{color:#d2e1e2;margin:0;max-width:650px}
.hc-learn-cta>a{display:block;background:#fff;color:#07585b;border-radius:8px;padding:14px 22px;font-weight:750;line-height:1.5;text-align:center}
.hc-learn a:focus-visible,.hc-learn summary:focus-visible,.hc-learn-skip:focus{outline:3px solid #087f83;outline-offset:5px}
.hc-learn-skip{position:absolute;left:16px;top:-100px;z-index:100000;padding:12px 20px;background:#fff;color:#07585b}.hc-learn-skip:focus{top:12px}
@media(max-width:900px){.hc-learn-layout{grid-template-columns:1fr;gap:32px}.hc-learn-contents details{background:#f3f7f7;padding:18px 22px;border-radius:8px}.hc-learn-contents ol{columns:2;column-gap:28px}.hc-learn-contents li{break-inside:avoid}.hc-learn-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-learn-cta{grid-template-columns:1fr;gap:24px}.hc-learn-cta>a{justify-self:start}}
@media(max-width:560px){.hc-learn-wrap{width:calc(100% - 32px)}.hc-learn-breadcrumb{padding:20px 0;font-size:12px}.hc-learn-heading{padding:18px 0 28px}.hc-learn h1{font-size:34px}.hc-learn-deck{font-size:17px}.hc-learn-byline{font-size:12px}.hc-learn-contents ol{columns:1}.hc-learn-layout{padding:28px 0 40px}.hc-learn-body{font-size:17px;line-height:1.8}.hc-learn-body h2{margin-top:38px}.hc-learn-body h3{font-size:21px}.hc-learn-cards{grid-template-columns:1fr}.hc-learn-card{padding:22px}.hc-learn-cta{padding:26px 22px;margin-bottom:48px}.hc-learn-cta>a{justify-self:stretch}.hc-learn-hero{margin-bottom:28px;border-radius:10px}.hc-learn-hero img{max-height:280px}}