/* ================================
   MED AGS — SITE CSS v4 (COMPLETE)
   Header, menu, buttons, headings,
   hero scrim, text legibility
   ================================ */
:root{
  --aggie-maroon:#500000;
  --aggie-maroon-dark:#3c0000;
}

/* ---------- 1) LATEST UPDATES BAND ---------- */
#id_Content1{
  background-color: var(--aggie-maroon) !important;
  background-image: none !important;
}
#id_Content1,
#id_Content1 p, #id_Content1 h1, #id_Content1 h2, #id_Content1 h3, #id_Content1 h4,
#id_Content1 li, #id_Content1 span, #id_Content1 a{
  color:#fff !important;
}

/* ---------- 2) BLUE MENU BAR FIX ---------- */
#id_Header1,
.WaPlaceHolderHeader1{
  background-color: var(--aggie-maroon) !important;
  background-image: none !important;
}

/* ---------- 3) HORIZONTAL MENU (DESKTOP) ---------- */
.WaGadgetMenuHorizontal,
.WaGadgetMenuHorizontal .menuInner{
  background-color: var(--aggie-maroon) !important;
  background-image: none !important;
}
.WaGadgetMenuHorizontal .menuInner a{ color:#fff !important; }

/* ---------- 4) MOBILE MENU ---------- */
.WaGadgetMenuHorizontalMobile,
.WaGadgetMenuHorizontalMobile .menuInner{
  background-color: var(--aggie-maroon) !important;
  background-image: none !important;
}
.WaGadgetMenuHorizontalMobile a,
.WaGadgetMenuHorizontalMobile .menuBtn{ color:#fff !important; }

/* ---------- 5) STYLIZED BUTTONS (Join Med Ags, etc.) ---------- */
a.stylizedButton,
a.buttonStyle001,
a.stylizedButton:link,
a.stylizedButton:visited,
a.buttonStyle001:link,
a.buttonStyle001:visited{
  background-color: var(--aggie-maroon) !important;
  background-image: none !important;
  border-color: var(--aggie-maroon) !important;
  color:#fff !important;
}
a.stylizedButton:hover,
a.buttonStyle001:hover{
  background-color: var(--aggie-maroon-dark) !important;
  border-color: var(--aggie-maroon-dark) !important;
  color:#fff !important;
}

/* ---------- 6) WA SYSTEM BUTTONS ---------- */
/* Catches NEXT, PAY WITH CARD, CANCEL, SUBMIT, etc. */
.gadgetStyleButton,
.gadgetStyleButton:link,
.gadgetStyleButton:visited,
input.gadgetStyleButton,
button.gadgetStyleButton,
.WaGadgetDonations .gadgetStyleButton,
.WaGadgetMembership .gadgetStyleButton,
.WaGadgetEventsStateDetails .gadgetStyleButton,
.WaGadgetLoginForm .gadgetStyleButton{
  background-color: var(--aggie-maroon) !important;
  background-image: none !important;
  border-color: var(--aggie-maroon) !important;
  color:#fff !important;
}
.gadgetStyleButton:hover,
input.gadgetStyleButton:hover,
button.gadgetStyleButton:hover{
  background-color: var(--aggie-maroon-dark) !important;
  border-color: var(--aggie-maroon-dark) !important;
  color:#fff !important;
}

/* ---------- 7) PAGE HEADINGS — MAROON ---------- */
h1, h2,
.pageTitle,
.gadgetStyleTitleArea h2,
.WaGadgetEventsStateUpcomingEvents h2,
.WaGadgetDonations h2,
.WaGadgetMembership h2{
  color: var(--aggie-maroon) !important;
}

/* ---------- 8) HOME HERO — DARK SCRIM ---------- */
#id_VBXo1pm{
  box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.50) !important;
}

/* ---------- 9) HERO TEXT LEGIBILITY ---------- */
/* Adds a soft shadow under headlines over any hero image */
.WaGadgetContent h1,
.WaGadgetContent h2{
  text-shadow: 0 2px 8px rgba(0,0,0,0.6);
}