/* KU Women's Economic Empowerment Hub: navy and yellow from the original site */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Open+Sans:wght@400;600;700&display=swap");
:root {
  --font-head: "Poppins", system-ui, sans-serif;
  --font-body: "Open Sans", system-ui, sans-serif;
  --primary: #054473;
  --primary-dark: #002e5b;
  --accent: #054473;
  --accent-dark: #002e5b;
  --link: #0b5c99;
  --heading: #002e5b;
  --text: #2f3b47;
  --muted: #5d6b78;
  --bg: #ffffff;
  --soft: #f1f6fb;
  --border: #dde6ef;
  --header-bg: #ffffff;
  --nav-text: #002e5b;
  --logo-h: 60px;
  --banner-bg: linear-gradient(120deg, #002e5b, #054473);
  --banner-overlay: linear-gradient(120deg, rgba(0, 46, 91, .88), rgba(5, 68, 115, .65));
  --hero-overlay: linear-gradient(100deg, rgba(0, 46, 91, .9) 25%, rgba(0, 46, 91, .35));
  --footer-bg: #002e5b;
  --footer-text: #c7d6e6;
}
.topbar { border-bottom: 3px solid #fde428; }
.btn.yellow, a.btn.yellow { background: #fde428; border-color: #fde428; color: #002e5b; }
.btn.yellow:hover, a.btn.yellow:hover { background: #fff; border-color: #fff; color: #002e5b; }
.section-head h2::after { content: ""; display: block; width: 56px; height: 4px; background: #fde428; margin: 12px auto 0; border-radius: 2px; }
.themes .card { border-top: 4px solid #fde428; }
.wordmark { display: flex; align-items: center; gap: 12px; color: var(--heading); }
.wordmark img { height: var(--logo-h); width: auto; }
.wordmark strong { display: block; font-family: var(--font-head); font-size: 1.1rem; line-height: 1.15; }
.wordmark small { display: block; color: var(--muted); font-size: .78rem; letter-spacing: .03em; text-transform: uppercase; }
/* ten menu entries: keep them on one line at desktop widths */
@media (min-width: 1201px) {
  .main-nav a, .main-nav .group { padding: 9px 8px; font-size: .86rem; }
  .brand img { height: 54px; }
}