/* ================================
   FIX BLUE WRAPPER BEHIND MENU + HERO CTA BUTTON
   ================================ */

:root{
  --aggie-maroon:#500000;
  --aggie-maroon-dark:#3c0000;
}

/* 1) Keep Latest Updates maroon (confirmed working earlier) */
#id_Content1{
  background-color: var(--aggie-maroon) !important;
  background-image: none !important;
}
#id_Content1 *{ color:#fff !important; }

/* 2) MENU: gadget itself (already working, keep it) */
.WaGadgetMenuHorizontal,
.WaGadgetMenuHorizontal .menuInner,
.WaGadgetMenuHorizontal .menuInner ul,
.WaGadgetMenuHorizontal .menuInner li{
  background-color: var(--aggie-maroon) !important;
  background-image: none !important;
}
.WaGadgetMenuHorizontal .menuInner a{ color:#fff !important; }

/* 3) MENU: the OUTER WRAPPER behind the gadget (this is the stubborn blue) */
#id_ZoneMenu,
#id_Menu,
#id_HeaderMenu,
#id_Header1,
#id_Header2,
#id_Header3,
#id_ZoneHeader,
#id_ZoneHeader1,
#id_ZoneHeader2,
#id_ZoneHeader3{
  background-color: var(--aggie-maroon) !important;
  background-image: none !important;
}

/* Fallbacks some themes use */
.zoneMenu,
.zoneMenu .container,
.zoneMenu .WaLayoutContainer,
.zoneMenu .WaLayoutContainerInner{
  background-color: var(--aggie-maroon) !important;
  background-image: none !important;
}

/* 4) HERO CTA BUTTON ("Join today") – force maroon */
a.button,
.WaGadgetSlideshow a.button,
.WaGadgetSlideshow .button,
.WaGadgetButton a{
  background-color: var(--aggie-maroon) !important;
  border-color: var(--aggie-maroon) !important;
  color:#fff !important;
  background-image:none !important;
}
a.button:hover,
.WaGadgetSlideshow a.button:hover,
.WaGadgetButton a:hover{
  background-color: var(--aggie-maroon-dark) !important;
  border-color: var(--aggie-maroon-dark) !important;
}