/* =========================================
   1. GLOBAL PAGE BACKGROUND (FORCED LIGHT)
   ========================================= */
html, body {
    background-color: #F2F2F2 !important; /* Forces the light grey background */
    color: #333333; 
    font: 18px/1.4 'Ubuntu', 'Arial', sans-serif;
    margin: 0;
    padding: 0;
}

/* Force all major containers to stay transparent so they don't turn black */
.WebContainer, 
.articles, 
.WaGadgetBlog, 
.WaGadgetEvents,
.menuInner {
    background-color: transparent !important;
}

/* =========================================
   2. NAVIGATION MENU
   ========================================= */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
    color: #000000;
    font: normal 18px/26px 'Ubuntu Condensed', 'Arial', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a {
    color: #FF0000;
    font-weight: 700;
}

/* =========================================
   3. "SUPER BLACK" LABELS (FIRST NAME, LAST NAME, ETC.)
   ========================================= */
/* This specifically targets the text labels without touching the background */
label, 
.mandatoryLabel,
.fieldLabel,
.WaGadgetEvents .boxInfoContainer ul.boxInfo li > label,
.WaGadgetProfile .fieldLabel,
.WaGadgetMemberDirectory .fieldLabel {
    color: #000000 !important; /* Pure Black text */
    font-weight: 900 !important; /* Super Bold */
    background: none !important; /* Ensures the label background isn't black */
}

/* =========================================
   4. CONTENT BOXES (WHITE BOXES ON GREY BG)
   ========================================= */
.WaGadgetEventsStateList .boxBodyInfoContainer,
.WaGadgetEventsStateDetails .boxBodyInfoContainer {
    padding: 20px;
    background: #FFFFFF !important; /* Keep the actual content areas white */
    border-right: 5px solid #FF0000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* =========================================
   5. HEADERS & LINKS
   ========================================= */
h1, h2, h4 { color: #FF0000; }

h3, .h3 {
    color: #000000;
    font-size: 28px; 
    font-weight: 700;
    visibility: visible !important; /* Fixed from your 'hidden' setting */
}

a { color: #FF0000; text-decoration: underline; }

/* =========================================
   6. SEARCH & LOGIN
   ========================================= */
.WaGadgetSiteSearch .searchBoxField {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}

.WaGadgetLoginForm .loginContainer .loginLink {
    color: #FF4500;
}