.eventRegistrationInfoSpacesLeft,
.eventInfoSpacesLeft {display: none;}

.cloudBackground{    
    background: linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)), url(https://sf.wildapricot.org/ThemeSharedRes/HeaderBackgroundImages/Keynote-Sky.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    /* opacity: .4; */
    background-size: 100% 100%;
}

.xLogo img{
    width: 6rem;
    height: 6rem;
    border-radius: .5rem;
    object-fit: cover;
}

/* ===== Store mobile fixes (safe) ===== */
.WaGadgetStore, .WaGadgetStore * { box-sizing: border-box; }
.WaGadgetStore img { max-width: 100% !important; height: auto !important; }
.WaGadgetStore { overflow-wrap: anywhere; }

@media (max-width: 700px) {
  .WaGadgetStoreProductList .WaStoreProduct,
  .WaGadgetStoreProductList .wa-product,
  .WaGadgetStore .product-tile {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
}

.WaGadgetStore a.btn,
.WaGadgetStore button,
.WaGadgetStore input[type=submit] {
  white-space: normal !important;
}

/* ===== NAV BAR (FINAL STRUCTURE) ===== */

/* FULL-WIDTH BACKGROUND */
.custom-nav {
  width: 100%;
  background: #4b2e63;
}

/* CENTERED CONTENT CONTAINER */
.custom-nav-inner {
  display: flex;
  justify-content: center;   /* center the group */
  align-items: center;
  gap: 30px;                 /* control spacing between items */

  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* links */
.custom-nav a {
  color: white;
  padding: 14px 14px;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  font-size: 16px;
  transition: background 0.2s ease;
}

/* hover */
.custom-nav a:hover {
  background: #c027ee;
}

/* active page */
.custom-nav a.active {
  background: #c027ee;
}

.custom-nav a:last-child {
  font-weight: 700;
}

/* Hide default Wild Apricot menu */
.WaGadgetMenuHorizontal {
  display: none !important;
}

/* Hide system login title ONLY */
.WaGadgetLoginForm .captionOuterContainer,
.WaGadgetLoginForm .captionContainer {
  display: none !important;
}
.hero-button {
  background: #8e2acb !important;   /* darker purple */
  color: white !important;
  border-radius: 6px;
  font-weight: bold;
}
/* Change event header bar color */
.WaGadgetEvents .boxHeaderOuterContainer,
.WaGadgetEvents .boxHeaderContainer {
  background: #4b2e63 !important;  /* your purple */
  color: white !important;
}

/* Change the event title text color */
.WaGadgetEvents .boxHeaderContainer h4 {
  color: white !important;
}
/* stronger override */
.boxHeaderOuterContainer,
.boxHeaderContainer {
  background: #4b2e63 !important;
  color: white !important;
}

.boxHeaderContainer h4 {
  color: white !important;
}
/* Event Details system page header bar */
.WaGadgetEvent .boxHeaderOuterContainer,
.WaGadgetEvent .boxHeaderContainer,
.WaGadgetEvent .sectionHeader,
.WaGadgetEvent .titleContainer,
.WaGadgetEvent h1,
.WaGadgetEvent h2 {
  background: #4b2e63 !important;
  color: #ffffff !important;
}

/* Event title text */
.WaGadgetEvent .boxHeaderOuterContainer *,
.WaGadgetEvent .boxHeaderContainer *,
.WaGadgetEvent .sectionHeader *,
.WaGadgetEvent .titleContainer * {
  color: #ffffff !important;
}
/* Override event details header bar */
.WaGadgetEventsStateDetails .pageTitleOuterContainer .pageTitleContainer {
  background: #4b2e63 !important;  /* your purple */
  color: #ffffff !important;
}

/* Ensure all text inside is white */
.WaGadgetEventsStateDetails .pageTitleOuterContainer .pageTitleContainer * {
  color: #ffffff !important;
}