.eventRegistrationInfoSpacesLeft,
.eventInfoSpacesLeft {display: none;}
#idSectionEventRegistrationTypeSelectorContainer div[id*="spaceLimitContainer"] { 
    display: none; 
} 
#idSectionEventRegistrationTypeSelectorContainer .availableRegistrationCount { 
  display: none; 
} 
/* 1. Change the Mobile Menu Banner to Black */
@media only screen and (max-width: 616px) {
    .m .navigationView, 
    .m .mobileHeader,
    .m .navigationView .nexus-menu-toggle {
        background-color: #000000 !important;
        background-image: none !important;
    }
}

/* 2. Change the Login "Person" Icon to Black */
/* This changes the circular background of the login icon */
.loginLink, 
.WaGadgetLoginButton .loginLink, 
.m .loginLink {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/* 3. Ensure the "Person" icon inside remains white */
.loginLink .icon, 
.loginLink::before {
    color: #ffffff !important;
}
/* Change the Mobile Panel (Banner) to Black */
.m .mobilePanel, 
.mobilePanel,
.m .mobilePanel .nexus-menu-toggle {
    background-color: #000000 !important;
    background-image: none !important; /* Forces removal of the orange background */
}

/* Ensure the Menu Icon (Hamburger) remains visible on the black background */
.m .mobilePanel .nexus-menu-toggle span,
.m .mobilePanel .nexus-menu-toggle::before,
.m .mobilePanel .nexus-menu-toggle::after {
    background-color: #ffffff !important;
}

/* Change the Login 'Person' Icon to Black */
.m .mobilePanel .loginLink, 
.loginLink {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/* Ensure the 'Person' icon silhouette stays white */
.loginLink .icon, 
.loginLink::before {
    color: #ffffff !important;
}
/* ======================================================= */
/* LOCK STICKY HEADER LAYOUT AND STYLE ON SCROLL          */
/* ======================================================= */

/* 1. Force the background to stay solid black and kill any floating drop shadows */
.wa-page-header.sticky, 
.Header.sticky, 
.fixed-header,
[class*="sticky"] {
    background-color: #000000 !important;
    background: #000000 !important;
    box-shadow: none !important;
    border: none !important;
    transition: none !important; /* Disables the jumping/snapping animation */
}

/* 2. Prevent the menu row height and internal padding from collapsing or expanding */
.wa-page-header.sticky .content, 
.Header.sticky .content,
[class*="sticky"] [class*="container"],
[class*="sticky"] [class*="inner"] {
    background-color: #000000 !important;
    padding-top: inherit !important;   /* Forces mobile/desktop to keep their native spacing */
    padding-bottom: inherit !important;
    min-height: inherit !important;
    height: inherit !important;
}

/* 3. Maintain font size, style, and lettering colors when active */
.wa-page-header.sticky a,
.Header.sticky a,
[class*="sticky"] ul li a {
    color: #ffffff !important; /* Keeps your menu navigation text white */
    font-size: inherit !important; 
    font-weight: inherit !important;
}