/* =========================
   Base
   ========================= */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.6;
  color: #000;
  background: #fff;
}

/* Layout helpers */
.container { max-width: 960px; margin: 0 auto; padding: 20px; }

/* Headings */
h1, h2, h3 { margin: 0 0 12px; }

/* =========================
   NAVIGATION (BANNER)
   –– THIS SECTION FIXES THE ISSUE
   ========================= */
nav, header, .topbar, .site-nav {
  background-color: #0b3b60;   /* dark blue bar */
  padding: 12px 10px;
  text-align: left;
  border-bottom: 3px solid #b30000; /* subtle red accent (optional) */
}

/* Space out the links */
nav a, header a, .topbar a, .site-nav a {
  display: inline-block;
  padding: 6px 10px !important;
  margin: 0 6px !important;
  text-decoration: none !important;
  font-weight: 700;
  font-size: 16px;
}

/* FORCE BLACK TEXT IN THE BANNER */
nav a:link, nav a:visited,
header a:link, header a:visited,
.topbar a:link, .topbar a:visited,
.site-nav a:link, .site-nav a:visited {
  color: #000 !important;          /* <-- key fix */
}

/* High-contrast hover/focus */
nav a:hover, nav a:focus,
header a:hover, header a:focus,
.topbar a:hover, .topbar a:focus,
.site-nav a:hover, .site-nav a:focus {
  color: #ffcc00 !important;        /* yellow on hover for visibility */
  text-decoration: underline !important;
}

/* If any list markup is used inside nav, remove bullets/spacing */
nav ul, header ul, .topbar ul, .site-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* =========================
   MAIN CONTENT
   ========================= */
header { text-align: center; padding: 20px; background: transparent; }
main   { padding: 20px; }

/* Links in page content (not the banner) can use your default colors */
main a:link    { color: #3b0dbf; }
main a:visited { color: #3b0dbf; }
main a:hover   { color: #b30000; }

/* Cards/sections (optional style you’re using) */
.card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  margin: 18px 0;
}

/* Buttons */
.button, .btn {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 8px;
  border: 0;
  background: #b30000;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 700;
}
.button:hover, .btn:hover { filter: brightness(1.05); }

/* =========================
   FOOTER
   ========================= */
footer {
  background: #0b3b60;
  color: #fff;
  text-align: center;
  padding: 12px 10px;
  margin-top: 24px;
}
footer a:link,
footer a:visited { color: #fff !important; text-decoration: none; }
footer a:hover   { text-decoration: underline; }