/* ============================================================
   ROUGH RIDERS — Wild Apricot Global CSS Override
   Paste into: Website → Design → CSS (Custom CSS tab)
   Colors: Navy #0d1f3c  |  Gold #c9a84c  |  Cream #f5f0e8
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Cinzel:wght@400;600;700&family=Lato:wght@300;400;700&display=swap');

/* ── Root variables ── */
:root {
  --rr-navy:  #0d1f3c;
  --rr-gold:  #c9a84c;
  --rr-gold2: #e8c96a;
  --rr-cream: #f5f0e8;
  --rr-dark:  #060f1e;
  --rr-mid:   #1a3460;
}

/* ── Body & page background ── */
body, .WaGlobalWrapper, .pageContentWrapper {
  background-color: var(--rr-navy) !important;
  color: var(--rr-cream) !important;
  font-family: 'Lato', Arial, sans-serif !important;
}

/* ── Navigation bar ── */
#waSiteHeader, .headerContent, .waHeader,
.siteHeader, header, .wa-header {
  background-color: var(--rr-dark) !important;
  border-bottom: 2px solid var(--rr-gold) !important;
}

/* Nav links */
#waNav a, .waNav a, nav a, .menuItem a,
.menu-item a, #navigationMenu a,
.navigationMenu a {
  color: var(--rr-cream) !important;
  font-family: 'Cinzel', serif !important;
  font-size: 13px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  transition: color 0.2s !important;
}
#waNav a:hover, .waNav a:hover, nav a:hover,
#navigationMenu a:hover {
  color: var(--rr-gold) !important;
  text-decoration: none !important;
}

/* Active nav item */
#waNav .selected a, #waNav .active a,
.navigationMenu .selected a {
  color: var(--rr-gold) !important;
  border-bottom: 2px solid var(--rr-gold) !important;
}

/* Dropdown menus */
#waNav .subMenu, .waNav .dropdown-menu,
.navigationMenu .subMenu {
  background-color: var(--rr-dark) !important;
  border: 1px solid var(--rr-gold) !important;
}

/* ── Page headings ── */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Cinzel', serif !important;
  color: var(--rr-gold) !important;
  letter-spacing: 0.04em !important;
}

/* ── Body text ── */
p, li, td, th, span, div {
  color: var(--rr-cream) !important;
}

/* ── Links ── */
a { color: var(--rr-gold) !important; }
a:hover { color: var(--rr-gold2) !important; }

/* ── Buttons ── */
.button, .btn, input[type="submit"],
input[type="button"], button,
.waButton, .WaButton,
a.button, a.btn {
  background-color: var(--rr-gold) !important;
  color: var(--rr-dark) !important;
  border: none !important;
  border-radius: 3px !important;
  font-family: 'Cinzel', serif !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 10px 22px !important;
  transition: background-color 0.2s !important;
}
.button:hover, .btn:hover, input[type="submit"]:hover,
a.button:hover {
  background-color: var(--rr-gold2) !important;
  color: var(--rr-dark) !important;
}

/* ── Wild Apricot event list gadget ── */
.eventListTitle a, .eventTitle a {
  color: var(--rr-gold) !important;
  font-family: 'Cinzel', serif !important;
}
.eventListDate, .eventDate {
  color: var(--rr-gold2) !important;
  font-size: 12px !important;
  letter-spacing: 0.05em !important;
}
.eventItem, .eventListItem {
  border-bottom: 1px solid rgba(201,168,76,0.25) !important;
  padding: 10px 0 !important;
}
.eventDescription { color: var(--rr-cream) !important; }

/* ── Login widget ── */
.waLoginWidget, .loginWidget {
  background: rgba(6,15,30,0.8) !important;
  border: 1px solid var(--rr-gold) !important;
  color: var(--rr-cream) !important;
}
.waLoginWidget input[type="text"],
.waLoginWidget input[type="password"] {
  background: var(--rr-dark) !important;
  border: 1px solid var(--rr-gold) !important;
  color: var(--rr-cream) !important;
}

/* ── Content panels / boxes ── */
.WaWidget, .waWidget, .gadget,
.widgetContent, .pageBlock {
  background-color: transparent !important;
  border-color: rgba(201,168,76,0.3) !important;
}

/* ── Tables ── */
table { border-collapse: collapse !important; width: 100% !important; }
th {
  background-color: var(--rr-dark) !important;
  color: var(--rr-gold) !important;
  font-family: 'Cinzel', serif !important;
  padding: 10px !important;
  border: 1px solid rgba(201,168,76,0.3) !important;
}
td {
  border: 1px solid rgba(201,168,76,0.15) !important;
  padding: 8px 10px !important;
}
tr:nth-child(even) td {
  background-color: rgba(26,52,96,0.3) !important;
}

/* ── Footer ── */
#waSiteFooter, .waFooter, footer, .siteFooter {
  background-color: var(--rr-dark) !important;
  border-top: 2px solid var(--rr-gold) !important;
  color: var(--rr-cream) !important;
  font-size: 12px !important;
}
#waSiteFooter a, .waFooter a, footer a {
  color: var(--rr-gold) !important;
}

/* ── Horizontal rules ── */
hr {
  border-color: var(--rr-gold) !important;
  opacity: 0.4 !important;
}

/* ── Blockquotes ── */
blockquote {
  border-left: 3px solid var(--rr-gold) !important;
  background: rgba(6,15,30,0.5) !important;
  color: var(--rr-cream) !important;
  font-family: 'IM Fell English', serif !important;
  font-style: italic !important;
  padding: 12px 18px !important;
  margin: 16px 0 !important;
}

/* ── Mobile nav ── */
@media (max-width: 768px) {
  #waNav, .waNav, .mobileNav {
    background-color: var(--rr-dark) !important;
  }
}
.rr-btn-gold, .rr-btn-gold:link, .rr-btn-gold:visited {
  color: #060f1e !important;
}
/* ── Nav bar background ── */
#waNav, .waNav, .navigationBar,
.WaGlobalHeaderWrapper, .globalHeader,
.siteHeader, #siteHeader,
.headerContent, #headerContent {
  background-color: #060f1e !important;
  border-bottom: 2px solid #c9a84c !important;
}

/* ── Nav links ── */
#waNav a, .waNav a,
.navigationBar a, .menuItem a,
#navigationMenu a, .navigationMenu a {
  color: #f5f0e8 !important;
  font-family: 'Cinzel', serif !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  background-color: transparent !important;
}

/* ── Nav link hover ── */
#waNav a:hover, .waNav a:hover,
.navigationBar a:hover,
#navigationMenu a:hover {
  color: #c9a84c !important;
  background-color: rgba(201,168,76,0.08) !important;
  text-decoration: none !important;
}

/* ── Active / selected item ── */
#waNav .selected > a, #waNav .active > a,
.navigationMenu .selected > a {
  color: #c9a84c !important;
  border-bottom: 2px solid #c9a84c !important;
}

/* ── Dropdown submenus ── */
#waNav .subMenu, .waNav .subMenu,
.navigationMenu .subMenu,
#waNav ul ul, .waNav ul ul {
  background-color: #060f1e !important;
  border: 1px solid rgba(201,168,76,0.3) !important;
  border-top: 2px solid #c9a84c !important;
}

/* ── Dropdown items ── */
#waNav .subMenu a, .waNav .subMenu a,
#waNav ul ul a {
  color: rgba(245,240,232,0.8) !important;
  border-bottom: 1px solid rgba(201,168,76,0.1) !important;
}
#waNav .subMenu a:hover, .waNav .subMenu a:hover,
#waNav ul ul a:hover {
  color: #c9a84c !important;
  background-color: rgba(201,168,76,0.06) !important;
}

/* ── Mobile hamburger nav ── */
@media (max-width: 768px) {
  #waNav, .waNav, .mobileMenu,
  .mobileNav, .hamburgerMenu {
    background-color: #060f1e !important;
  }
}
/* ── Nav bar — exact WA selectors ── */
.WaGadgetMenuHorizontal,
.WaGadgetMenuHorizontal .menuInner,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel.adapted {
  background: #060f1e !important;
  background-color: #060f1e !important;
  background-image: none !important;
}

/* ── Nav links ── */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
  color: #f5f0e8 !important;
  font-family: 'Cinzel', serif !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* ── Nav link hover ── */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a:hover {
  color: #c9a84c !important;
  background-color: rgba(201,168,76,0.08) !important;
}

/* ── Dropdowns ── */
.WaGadgetMenuHorizontal .menuInner ul.secondLevel {
  background: #060f1e !important;
  border: 1px solid rgba(201,168,76,0.3) !important;
  border-top: 2px solid #c9a84c !important;
}

.WaGadgetMenuHorizontal .menuInner ul.secondLevel .item a {
  color: rgba(245,240,232,0.8) !important;
  background: transparent !important;
}

.WaGadgetMenuHorizontal .menuInner ul.secondLevel .item a:hover {
  color: #c9a84c !important;
  background-color: rgba(201,168,76,0.06) !important;
}

/* ── Gold bottom border on the nav ── */
.WaGadgetMenuHorizontal {
  border-bottom: 2px solid #c9a84c !important;
}
/* ── Donation form — dark theme ── */
.WaGadgetDonation,
.WaGadgetDonation .gadgetContainerContent,
.WaGadgetDonation .donationForm,
.WaGadgetDonation fieldset,
.WaGadgetDonation .formContent,
.WaGadgetDonation .formTable,
.WaGadgetDonation .sectionContainer,
.WaGadgetDonation table,
.WaGadgetDonation td,
.WaGadgetDonation tr,
.WaGadgetDonation div {
  background-color: #0d1f3c !important;
  background: #0d1f3c !important;
  color: #f5f0e8 !important;
  border-color: rgba(201,168,76,0.2) !important;
}

/* Labels */
.WaGadgetDonation label,
.WaGadgetDonation .fieldLabel,
.WaGadgetDonation .sectionHeader,
.WaGadgetDonation h2,
.WaGadgetDonation h3 {
  color: #c9a84c !important;
  font-family: 'Cinzel', serif !important;
}

/* Input fields */
.WaGadgetDonation input[type="text"],
.WaGadgetDonation input[type="email"],
.WaGadgetDonation input[type="tel"],
.WaGadgetDonation input[type="number"],
.WaGadgetDonation select,
.WaGadgetDonation textarea {
  background-color: rgba(6,15,30,0.8) !important;
  border: 1px solid rgba(201,168,76,0.3) !important;
  color: #f5f0e8 !important;
  border-radius: 3px !important;
}

.WaGadgetDonation input[type="text"]:focus,
.WaGadgetDonation input[type="email"]:focus,
.WaGadgetDonation select:focus {
  border-color: #c9a84c !important;
  outline: none !important;
}

/* Amount buttons */
.WaGadgetDonation .amountButton,
.WaGadgetDonation .donationAmount,
.WaGadgetDonation .predefinedAmount {
  background-color: rgba(6,15,30,0.8) !important;
  border: 1px solid rgba(201,168,76,0.3) !important;
  color: #c9a84c !important;
}

.WaGadgetDonation .amountButton:hover,
.WaGadgetDonation .amountButton.selected,
.WaGadgetDonation .predefinedAmount.selected {
  background-color: #c9a84c !important;
  color: #060f1e !important;
  border-color: #c9a84c !important;
}

/* Submit button */
.WaGadgetDonation input[type="submit"],
.WaGadgetDonation button[type="submit"],
.WaGadgetDonation .submitButton {
  background-color: #c9a84c !important;
  color: #060f1e !important;
  border: none !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.1em !important;
  /* ── Member Login Button ── */
.wa-auth-widget,
.waLoginWidget,
.login-widget,
#waMemberLoginWidget {
  display: inline-block !important;
}

/* Hide default icon */
.wa-auth-widget img,
.waLoginWidget img {
  display: none !important;
}

/* Style the login link as a gold button */
.wa-auth-widget a,
.waLoginWidget a,
.wa-auth-widget .login,
.waLoginWidget .login {
  display: inline-block !important;
  background-color: #c9a84c !important;
  color: #0d1f3c !important;
  text-decoration: none !important;
  font-family: Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 8px 20px !important;
  border-radius: 3px !important;
  border: none !important;
}

.wa-auth-widget a:hover,
.waLoginWidget a:hover {
  background-color: #e0bf6a !important;
  color: #0d1f3c !important;
}

/* Logged-in state — show name + logout nicely */
.wa-auth-widget .logout,
.waLoginWidget .logout {
  display: inline-block !important;
  background-color: transparent !important;
  color: #c9a84c !important;
  border: 1px solid rgba(201,168,76,0.5) !important;
  font-family: Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 8px 20px !important;
  border-radius: 3px !important;
  text-decoration: none !important;
}