/* =========================================================
   Pack 29 — site colors
   Cub blue #003F87  |  Gold #FCD116  |  Pale #E8F0FA
   Link hover (body): #002A5C
   ========================================================= */

/* Global color tokens used by Cassiopeia / child styles */
:root {
  --hue: 212;                              /* blue hue for template color math */
  --cassiopeia-color-primary: #003F87;     /* primary brand (Cub blue) */
  --cassiopeia-color-link: #003F87;        /* default link color */
  --cassiopeia-color-hover: #FCD116;       /* hover / accent (gold) */
  --template-special-color: #003F87;      /* extra brand hook some templates use */
  --template-bg-light: #E8F0FA;           /* page background */
  --template-text-dark: #1A1A1A;          /* body text */
  --template-text-light: #ffffff;         /* text on blue/dark bars */
  --link-color: #003F87;                  /* fallback link color */
  --link-color-rgb: 0, 63, 135;
  --link-hover-color: #002A5C;            /* darker blue for in-page link hover */
  --link-hover-color-rgb: 0, 42, 92;
}

/* Page body behind content */
body {
  background-color: #E8F0FA;
}

/* Top header bar */
.container-header {
  background-color: #003F87;   /* Cub blue bar */
  background-image: none;      /* kill default Cassiopeia header gradient */
  border-bottom: 4px solid #FCD116;  /* gold stripe under header */
}

/* Header links and Cassiopeia-style menu links: white on blue */
.container-header a,
.container-header .mod-menu .nav-link {
  color: #ffffff;
}

/* Cassiopeia menu: selected + hover = gold text only
   (kept for any .nav-link menus; MetisMenu block below is the real top menu) */
.container-header .mod-menu .nav-link.active,
.container-header .mod-menu .nav-link:hover {
  color: #FCD116;
}

/* =========================================================
   CHANGED: selected main-menu item (MetisMenu)
   Markup: <li class="metismenu-item ... current active"><a>…</a></li>
   Selected item gets gold background + Cub blue text so it reads
   as “you are here” on the blue header.
   ========================================================= */
.container-header .metismenu-item.current > a,
.container-header .metismenu-item.active > a {
  background-color: #FCD116;
  color: #003F87;
  padding: 0.4rem 0.85rem;
  border-radius: 0.25rem;
  display: inline-block;
}

.container-header .metismenu-item.current > a:hover,
.container-header .metismenu-item.current > a:focus,
.container-header .metismenu-item.active > a:hover,
.container-header .metismenu-item.active > a:focus {
  background-color: #e6be10;  /* slightly darker gold on hover */
  color: #003F87;
}

/* Body links on hover (darker blue, per your token — not gold) */
a:hover {
  color: #002A5C;
}

/* Primary buttons */
.btn-primary,
.button-primary {
  background-color: #003F87;
  border-color: #003F87;
  color: #ffffff;
}

.btn-primary:hover,
.button-primary:hover {
  background-color: #FCD116;
  border-color: #FCD116;
  color: #003F87;
}

/* Footer bar */
.container-footer {
  background-color: #002A5C;           /* darker blue than header */
  color: #ffffff;
  border-top: 4px solid #FCD116;
}

.container-footer a {
  color: #FCD116;
}

.container-footer a:hover {
  color: #ffffff;
}

/* Hide "Create an account" on the Login module
   Registration stays enabled for the invite URL only */
.mod-login .mod-login__register,
.mod-login a[href*="view=registration"],
.mod-login a[href*="/du31miac9n"],
.mod-login a[href*="/registration"] {
  display: none !important;
}

/* Example: hide frontend New Article button in specific views */
.category-list .btn.btn-primary, 
.blog .btn.btn-primary {
    display: none !important;
}