#id_Header2 {
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: #4b0082;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
  padding-bottom: 10px !important;
  line-height: 1.5 !important;
}
/* Main mobile panel container */
.mobilePanel {
  background-color: #490385 !important;
  color: #ffffff !important;
  font-family: 'League Spartan', sans-serif !important;
  padding: 10px 15px;
  border: none !important;
}

/* Mobile nav buttons */
.mobilePanelButton {
  background-color: transparent !important;
  color: #fce403 !important;
  font-weight: bold;
  padding: 8px 12px;
  border: none;
  display: block;
  text-align: left;
}

/* Highlight nav links */
.mobilePanel a,
.mobilePanel a span {
  color: #fce403 !important;
  text-decoration: none;
  font-weight: bold;
}

.mobilePanel a:hover,
.mobilePanelButton:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
}
/* Force background purple on menu items */
.mobilePanel .item {
  background-color: #490385 !important;
  color: #ffffff !important;
  padding: 8px 12px;
  border-bottom: 1px solid #ffffff33; /* subtle divider */
}

/* Also fix hover state if it's turning blue */
.mobilePanel .item:hover {
  background-color: #370265 !important; /* darker purple on hover */
}

/* Make sure links inside items match brand style */
.mobilePanel .item a,
.mobilePanel .item a span {
  color: #fce403 !important;
  text-decoration: none;
  font-weight: bold;
}

/* Extreme specificity to force background color on dropdown items */
.mobilePanel .menuInner .item,
.mobilePanel .menuInner .item a,
.mobilePanel .menuInner .item a span {
  background-color: #490385 !important;
  color: #fce403 !important;
}

/* Just in case the LI itself is being styled too */
.mobilePanel .menuInner li {
  background-color: #490385 !important;
}

/* Hover state override */
.mobilePanel .menuInner .item:hover,
.mobilePanel .menuInner .item a:hover,
.mobilePanel .menuInner .item a span:hover {
  background-color: #370265 !important;
  color: #fce403 !important;
}
.mobilePanel,
.menuInner,
.firstLevel,
.firstLevel li,
.item {
  background-color: #490385 !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

@media only screen and (max-width: 768px) {
  .mobilePanel {
    background: #490385 !important;
  }
}

#id_YQ7WO9q {
  padding-bottom: 10px !important;
  line-height: 1.5 !important;
}
#id_Header2 {
  box-shadow: none !important;
}

.zonePlace.zoneContentIder.WaPlaceHolderContent {
  box-shadow: none !important;
  border-top: none !important;
}