@import url('https://pseudo-imis.s3.ap-southeast-2.amazonaws.com/RapidStartSites/uhub.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
:root{
	--default-font-family: "Inter", sans-serif;
	--title-font-family: "Inter", sans-serif;
	--brand-1-bg: #1a80ce; /* main colour on the site */
	--brand-1-fg: #ffffff;
	--brand-2-bg: #002f4d;
	--brand-2-fg: #ffffff;
	--brand-3-bg: #1a80ce !important;
	--brand-3-fg: #ffffff;
	/* --brand-4-bg: #ce009f;
	--brand-4-fg: #ffffff; */
	--neutral-1: #f4f4f4;
	--button-bg: #ffcc07;
	--button-fg: #1a80ce;
	--button-hover-bg: #fff0b8;
	--button-hover-fg: #1a80ce;
	--logo-url: url('https://www.hsu.asn.au/_resources/themes/hsu/dist/images/logo_hsu.png');
	--header-height-event: 6.5rem;
	--default-text-align: center;
	--imagebar-title-colour: var(--brand-1-fg);
	--banner-overlay: #000000a8;
	--accordion-bg: var(--brand-1-bg);
	--accordion-fg: var(--brand-1-fg);
	--accordion-bg-active: var(--brand-2-bg);
	--accordion-fg-active: var(--brand-2-fg);
}
.boardofdirectors.noimage .dynamichead{ display: none; }
.imagebar h2{ color: var(--imagebar-title-colour); }
#footerlogo{ padding: 0 0 4em; }
.psc-cb-header-content :is(h1,h2) :is(b,strong,em,i){ text-shadow: 0 0 0.5em rgba(255,255,255,0.5); }
h2 {color: #00205B;}
#masterHeaderImage{ width: 13em; height: 5em }
#hd .psc-navigation a.standout{ background-color: #1a80ce; color: #ffffff; border-radius: 1em; transform: scale(1.05); }
#hd .psc-navigation>li:last-child{ border-left: none; padding-left: 1em; }
#hd .psc-navigation a.standout:hover { background-color: #002f4d; }
#hd .psc-navigation>li>a{font-size: 0.8em;line-height: 1.4em;text-align: center;}
.psc-cb-article-container .psc-cb-introbar .psc-cb-article-tags a {
	display: inline-block;
	padding: 0.75em 1em;
	background-color: #1a80ce !important;
	color: var(--brand-3-fg);
	border-radius: var(--button-border-radius);
	font-size: 0.7em;
	line-height: 0.7em;
	text-decoration: none;
}
/* --- SIDE NAVIGATION LAYOUT --- */

/* Container */
.header-bottom-container {
  position: fixed;
  top: var(--header-height);
  left: 0;
  height: calc(100vh - var(--header-height));
  width: 250px;
  background-color: var(--nav-bg);
  box-shadow: var(--nav-shadow);
  overflow-y: auto;
  z-index: 9999;
}

/* Adjust main content area to leave space for sidebar */
body {
  margin-left: 0px;
}

/* Vertical nav list */
#hd .psc-navigation {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  height: 100%;
  padding: 1em 0;
}

/* Top-level nav items */
#hd .psc-navigation > li {
  flex: none;
  border-left: none;
  border-bottom: solid 1px var(--nav-border-colour);
}

/* Top-level nav links */
#hd .psc-navigation > li > a {
  display: block;
  padding: 0.75em 1.5em;
  text-align: left;
  color: var(--nav-fg);
  background: transparent;
  font-size: 1em;
}

#hd .psc-navigation > li:hover > a,
#hd .psc-navigation > li:focus-within > a,
#hd .psc-navigation > li > a.active {
  background-color: var(--nav-active-bg);
  color: var(--nav-active-fg);
}

/* Submenu */
#hd .psc-navigation li ul.psc-submenu-level1 {
  position: static;
  display: none;
  flex-direction: column;
  gap: 0;
  padding: 0;
  box-shadow: none;
  background-color: var(--nav-bg);
  border: none;
}

#hd .psc-navigation li:hover ul.psc-submenu-level1,
#hd .psc-navigation li:focus-within ul.psc-submenu-level1 {
  display: flex;
}

#hd .psc-navigation li ul.psc-submenu-level1 li a {
  padding: 0.6em 2.5em;
  font-size: 0.9em;
  color: var(--nav-fg);
}

#hd .psc-navigation li ul.psc-submenu-level1 li a:hover {
  background-color: var(--nav-active-bg);
  color: var(--nav-active-fg);
}

/* Optional: collapse on small screens */
@media (max-width: 900px) {
  .header-bottom-container {
    position: fixed;
    left: -250px;
    transition: left 0.3s ease;
  }

  .header-bottom-container.visible {
    left: 0;
  }

  body {
    margin-left: 0;
  }
}
/* Remove unwanted gap on the left edge */
body, html {
  margin: 0;
  padding: 0;
}

/* Make sure sidebar sits flush against the screen edge */
.header-bottom-container {
  left: 0;
  margin: 0;
  padding-left: 0;
}

/* If the navigation list itself has padding, reset it */
#hd .psc-navigation {
  margin: 0;
  padding: 0;
}

/* Remove default list styles and spacing */
#hd .psc-navigation li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ---- BASIC RESET ---- */
*{box-sizing:border-box} html,body{margin:0;padding:0}
body, .hsu-body {font:16px/1.5 Arial, Helvetica, sans-serif; color:#0f1e2c; background:#ffffff}
 
/* ---- COLOURS ---- */
.hsu-navy{color:#0A3A6B}
.hsu-bg-navy{background:#0A3A6B}
.hsu-blue{color:#1379C6}
.hsu-bg-blue{background:#1379C6}
.hsu-teal{color:#19b1a5}
.hsu-bg-teal{background:#19b1a5}
 
/* ---- LAYOUT WRAPPER ---- */
.hsu-page{display:flex; min-height:100vh;}
 
/* ---- SIDEBAR ---- */
.hsu-sidebar{
 width:260px; background:#0A3A6B; color:#fff; position:sticky; top:0;
align-self:flex-start; height:100vh; overflow:auto; box-shadow:0 0 0 1px rgba(255,255,255,.06) inset;
}
.hsu-side-inner{padding:20px 18px}
.hsu-logo{display:flex; align-items:center; gap:10px; text-decoration:none; color:#fff; margin-bottom:18px}
.hsu-logo img{height:44px}
.hsu-logo span{font-weight:700; letter-spacing:.3px}
.hsu-side-nav{margin:10px 0 16px}
.hsu-side-nav a{
 display:flex; justify-content:space-between; align-items:center;
 color:#e9f1fb; text-decoration:none; padding:11px 12px; border-radius:10px;
}
.hsu-side-nav a:hover{background:rgba(255,255,255,.08)}
.hsu-join{
 display:block; margin:10px 0 14px; text-align:center; text-decoration:none;
 background:#F39C12; color:#00243f; font-weight:800; padding:12px 14px; border-radius:10px;
}
.hsu-side-cta a{
 display:block; text-decoration:none; color:#0A3A6B; background:#e7f1ff;
 padding:10px 12px; border-radius:10px; margin:8px 0; text-align:center; font-weight:600;
}
.hsu-side-box{
 margin-top:14px; background:#072c53; border-radius:12px; padding:12px; color:#cfe5ff; font-size:13px;
}
 
/* ---- MAIN ---- */
.hsu-main{flex:1; min-width:0}
 
/* Top blue announcement / metrics bar */
.hsu-topbar{
 background:#1379C6; color:#fff;
}
.hsu-topbar .inner{
 max-width:1200px; margin:auto; padding:12px 18px; display:flex; gap:18px; align-items:center; justify-content:space-between;
}
.hsu-topbar .blurb{max-width:780px; font-size:14px}
.hsu-metric{
 display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.hsu-meter{
 display:flex; gap:6px; padding:4px 8px; border-radius:10px; background:rgba(0,0,0,.15);
}
.hsu-digit{
 width:28px; height:34px; display:flex; align-items:center; justify-content:center; 
background:rgba(255,255,255,.15); border-radius:6px; font-weight:800; font-size:18px;
}
.hsu-join-top{
text-decoration:none; background:#F39C12; color:#062a50; font-weight:800; padding:8px 12px; border-radius:10px;
}
 
/* ---- HERO + CARDS GRID ---- */
.hsu-hero-wrap{max-width:1200px; margin:18px auto; padding:0 18px}
.hsu-grid{
 display:grid; grid-template-columns:2fr 1fr; gap:18px;
}
 
/* Big hero card */
.hsu-card{position:relative; border-radius:14px; overflow:hidden; background:#0b2240}
.hsu-card img{width:100%; height:100%; display:block; object-fit:cover}
.hsu-card--hero{min-height:420px}
.hsu-gradient{
 position:absolute; inset:0; background:
 linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.65) 100%),
 linear-gradient(90deg, rgba(10,58,107,.75) 0%, rgba(10,58,107,0) 60%);
}
.hsu-tag{
 position:absolute; left:16px; top:14px; 
background:rgba(19,121,198,.92); color:#fff; font-weight:700; font-size:12px;
 padding:6px 8px; border-radius:8px;
}
.hsu-hero-text{
 position:absolute; left:16px; right:16px; bottom:16px; color:#fff;
}
.hsu-hero-title{font-weight:800; font-size:30px; line-height:1.15; margin:6px 0}
.hsu-hero-desc{font-size:14px; opacity:.95}
.hsu-meta{font-size:12px; opacity:.8; margin-top:6px}
 
/* Right column stacked cards */
.hsu-stack{display:grid; grid-template-rows:1fr 1fr; gap:18px}
.hsu-card--sm{min-height:200px}
.hsu-card .sm-title{position:absolute; left:14px; right:14px; bottom:14px; color:#fff; font-weight:800; font-size:18px; line-height:1.2}
.hsu-card .sm-tag{position:absolute; left:14px; top:12px; background:#19b1a5; color:#062a50; font-weight:800; font-size:11px; padding:5px 7px; border-radius:8px}
 
/* ---- SECOND ROW ARTICLES ---- */
.hsu-row{max-width:1200px; margin:8px auto 22px; padding:0 18px}
.hsu-row h2{margin:10px 0 12px; color:#0A3A6B; font:700 22px/1.2 Arial}
.hsu-articles{
 display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
}
.hsu-article{
 border:1px solid #e9eef6; border-radius:14px; overflow:hidden; background:#fff; text-decoration:none; color:#0f1e2c;
}
.hsu-article img{width:100%; height:180px; object-fit:cover; display:block}
.hsu-article .body{padding:12px 14px}
.hsu-article .kicker{font:700 11px/1 Arial; color:#1379C6; letter-spacing:.3px; text-transform:uppercase; margin-bottom:6px}
.hsu-article .title{font-weight:700; font-size:16px; line-height:1.3; margin:4px 0 6px}
.hsu-article .desc{font-size:13px; color:#4a5a6a}
 
/* ---- PARTNERS STRIP ---- */
.hsu-partners{background:#f4f7fb; border-top:1px solid #e7edf7}
.hsu-partners .inner{max-width:1200px; margin:auto; padding:22px 18px}
.hsu-partners h3{margin:0 0 10px; color:#0A3A6B}
.hsu-logos{display:grid; grid-template-columns:repeat(6,1fr); gap:16px; align-items:center}
.hsu-logos img{max-width:140px; max-height:44px; width:100%; margin:auto; display:block; object-fit:contain}
 
/* ---- FOOTER ---- */
.hsu-footer{background:#0A3A6B; color:#fff}
.hsu-footer .inner{
 max-width:1200px; margin:auto; padding:22px 18px; 
 display:grid; grid-template-columns:2fr 1fr 1fr; gap:24px;
}
.hsu-footer a{color:#fff; text-decoration:none}
.hsu-sub{border-top:1px solid rgba(255,255,255,.15)}
.hsu-sub .inner{max-width:1200px; margin:auto; padding:12px 18px; font-size:12px; color:#dfeafb}
 
/* ---- RESPONSIVE ---- */
@media (max-width:1100px){
.hsu-grid{grid-template-columns:1fr}
.hsu-stack{grid-template-rows:unset; grid-template-columns:1fr 1fr}
}
@media (max-width:980px){
.hsu-sidebar{position:relative; height:auto; width:100%}
.hsu-page{flex-direction:column}
}
@media (max-width:700px){
.hsu-articles{grid-template-columns:1fr}
.hsu-stack{grid-template-columns:1fr}
 .hsu-topbar .inner{flex-direction:column; align-items:flex-start}
}