/* ==========================================================
   NWAFAA WEBSITE - CUSTOM CSS
   Version 2.0 | November 7, 2026

   Theme: Building Blocks Black (Light Poster)

   1. Website Background
   2. Main Content Typography
   3. Navigation and Dropdowns
   4. Desktop Header Positioning
   5. Mobile Header Adjustments
   6. Event Registration Spacing
   7. Membership Application
   8. Member Profile - Event Registrations

   Add future fixes as numbered sections.
   ========================================================== */


/* ==========================================================
   1. WEBSITE BACKGROUND
   ========================================================== */

html,
body {
    background-color: #F3F5F7 !important;
}


/* ==========================================================
   2. MAIN CONTENT TYPOGRAPHY
   ========================================================== */

#idPrimaryContentBlock1Content {
    color: #333333;
}

#idPrimaryContentBlock1Content h1,
#idPrimaryContentBlock1Content h2,
#idPrimaryContentBlock1Content h3,
#idPrimaryContentBlock1Content h4 {
    color: #173B60;
}


/* ==========================================================
   3. NAVIGATION AND DROPDOWN MENUS
   ========================================================== */

/* White navigation background */
.nwafaa-white-nav .menuInner,
.nwafaa-white-nav .menuInner ul.firstLevel {
    background: #FFFFFF !important;
    box-shadow: none !important;
}

/* Main navigation text */
.nwafaa-white-nav .menuInner ul.firstLevel li a,
.nwafaa-white-nav .menuInner ul.firstLevel li a span {
    color: #173B60 !important;
}

/* Main navigation hover */
.nwafaa-white-nav .menuInner ul.firstLevel > li:hover,
.nwafaa-white-nav .menuInner ul.firstLevel > li:hover > .item,
.nwafaa-white-nav .menuInner ul.firstLevel > li:hover > .item > a,
.nwafaa-white-nav .menuInner ul.firstLevel > li:hover > a {
    background: #F0F5FA !important;
    color: #007DBA !important;
}

/* Active/current navigation item */
.nwafaa-white-nav .menuInner ul.firstLevel > li.sel > a,
.nwafaa-white-nav .menuInner ul.firstLevel > li.selected > a,
.nwafaa-white-nav .menuInner ul.firstLevel > li > a.sel,
.nwafaa-white-nav .menuInner ul.firstLevel > li > a.selected,
.nwafaa-white-nav .menuInner ul.firstLevel > li.sel > .item,
.nwafaa-white-nav .menuInner ul.firstLevel > li.selected > .item {
    background: #EAF1F8 !important;
    color: #173B60 !important;
}

/* Keep active menu text readable */
.nwafaa-white-nav .menuInner ul.firstLevel > li.sel > a span,
.nwafaa-white-nav .menuInner ul.firstLevel > li.selected > a span,
.nwafaa-white-nav .menuInner ul.firstLevel > li.dir > a span {
    color: #173B60 !important;
}

/* White dropdown menus */
.nwafaa-white-nav .secondLevel,
.nwafaa-white-nav .secondLevel > li,
.nwafaa-white-nav .secondLevel a {
    background: #FFFFFF !important;
    color: #173B60 !important;
}

/* Dropdown hover */
.nwafaa-white-nav .secondLevel li:hover > .item,
.nwafaa-white-nav .secondLevel a:hover {
    background: #F0F5FA !important;
    color: #007DBA !important;
}


/* ==========================================================
   4. DESKTOP HEADER AND LOGIN POSITIONING
   ========================================================== */

@media screen and (min-width: 992px) {
    .nwafaa-header-login-row {
        position: relative;
        top: -310px;
        margin-bottom: -50px;
        z-index: 10;
    }
}


/* ==========================================================
   5. MOBILE HEADER ADJUSTMENTS
   ========================================================== */

@media screen and (max-width: 991px) {
    .nwafaa-header-login-row {
        position: static;
        top: auto;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .nwafaa-header-position {
        top: 0 !important;
        margin-bottom: 0 !important;
    }
}


/* ==========================================================
   6. EVENT REGISTRATION SPACING
   ========================================================== */

.WaGadgetEventsStateDetails ul.registrationInfo > li {
    margin-bottom: 12px !important;
}


/* ==========================================================
   7. MEMBERSHIP APPLICATION
   ========================================================== */

/* White application background */
.WaGadgetMembershipApplication,
.WaGadgetMembershipApplication .formOuterContainer,
.WaGadgetMembershipApplication .formContainer,
.WaGadgetMembershipApplication .generalForm {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}


/* ==========================================================
   8. MEMBER PROFILE - EVENT REGISTRATIONS
   ========================================================== */

/* White table background and readable text */
.WaGadgetContactProfile .genericListTable,
.WaGadgetContactProfile .genericListTable th,
.WaGadgetContactProfile .genericListTable td {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

/* Navy table headings */
.WaGadgetContactProfile .genericListTable th {
    color: #173B60 !important;
}

/* Blue event links */
.WaGadgetContactProfile .genericListTable a {
    color: #007DBA !important;
}

/*
========================================================
9. EVENT PAGES - LIGHT BACKGROUND
========================================================
*/

/* Event listings, details, and registration screens */
.WaGadgetEvents {
    background-color: #FFFFFF !important;
}

/* Standard event form containers */
.WaGadgetEvents .formOuterContainer,
.WaGadgetEvents .formContainer,
.WaGadgetEvents .generalForm {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

/*
========================================================
10. UPCOMING EVENTS - INFORMATION PANELS
========================================================
*/

/* Upcoming Events - white information panels */
.WaGadgetEventsStateList .boxBodyInfoContainer {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

/* Upcoming Events - readable information text */
.WaGadgetEventsStateList .boxBodyInfoContainer span,
.WaGadgetEventsStateList .boxBodyInfoContainer div {
    color: #333333 !important;
}

/* Upcoming Events - registration links */
.WaGadgetEventsStateList .boxBodyInfoContainer a {
    color: #007DBA !important;
}

/* Upcoming Events - field labels */
.WaGadgetEventsStateList .eventInfoBoxLabel {
    color: #173B60 !important;
}

/* Upcoming Events - desktop divider */
@media screen and (min-width: 768px) {
    .WaGadgetEventsStateList .boxBodyInfoContainer {
        border-right-color: #173B60 !important;
    }
}

/* Upcoming Events - mobile divider */
@media screen and (max-width: 767px) {
    .WaGadgetEventsStateList .boxBodyInfoContainer {
        border-left-color: #173B60 !important;
    }
}

/* Past Events - readable dates */
.WaGadgetEventsStateList .pastEventsList td.left {
    color: #555555 !important;
}
/*
========================================================
11. INDIVIDUAL EVENT DETAILS - WHITE SIDEBAR
========================================================
*/

/* Change the entire event sidebar to white */
.WaGadgetEvents .boxBodyInfoViewFill,
.WaGadgetEvents .boxBodyInfoViewFill .boxBodyInfoContainer,
.WaGadgetEvents .boxBodyInfoViewFill .boxInfoContainer,
.WaGadgetEvents .boxBodyInfoViewFill .boxInfo {
    background-color: #FFFFFF !important;
}

/* Dark text throughout the sidebar */
.WaGadgetEvents .boxBodyInfoViewFill .boxInfoContainer,
.WaGadgetEvents .boxBodyInfoViewFill .boxInfoContainer *,
.WaGadgetEvents .boxBodyInfoViewFill .registrationInfo,
.WaGadgetEvents .boxBodyInfoViewFill .registrationInfo * {
    color: #333333 !important;
}

/* Field labels and section headings */
.WaGadgetEvents .boxBodyInfoViewFill .eventInfoBoxLabel,
.WaGadgetEvents .boxBodyInfoViewFill h3,
.WaGadgetEvents .boxBodyInfoViewFill h4 {
    color: #173B60 !important;
}

/* Links in the event sidebar */
.WaGadgetEvents .boxBodyInfoViewFill a {
    color: #007DBA !important;
}

/* Change existing divider to navy */
.WaGadgetEvents .boxBodyInfoViewFill .boxBodyInfoContainer {
    border-right-color: #173B60 !important;
    border-left-color: #173B60 !important;
}
/* ==================================================
   EVENT REGISTRATION - EXISTING REGISTRATIONS TABLE
   ================================================== */

/* White table background and dark text */
#idEventRegistrationsViewSectionContainer #membersTable {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

/* Table headings */
#idEventRegistrationsViewSectionContainer #membersTable th {
    background-color: #F0F5FA !important;
    color: #173B60 !important;
    border-bottom: 1px solid #D5DEE8 !important;
}

/* Registration rows and text */
#idEventRegistrationsViewSectionContainer #membersTable td,
#idEventRegistrationsViewSectionContainer #membersTable td * {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

/* Light dividers between registrations */
#idEventRegistrationsViewSectionContainer #membersTable td {
    border-bottom: 1px solid #D5DEE8 !important;
}

/* Registration links */
#idEventRegistrationsViewSectionContainer #membersTable td a {
    color: #007DBA !important;
    text-decoration: underline;
}/* ==================================================
   11. FORUM - LIGHT BACKGROUND
   ================================================== */

/* Main forum background and default text */
.WaGadgetForum {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

/* Forum content areas */
.WaGadgetForum .forumCategoryOuterContainer,
.WaGadgetForum .forumCategoryContainer,
.WaGadgetForum .forumTopicOuterContainer,
.WaGadgetForum .forumTopicContainer,
.WaGadgetForum .topicListHeaderTable {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

/* Forum table headings */
.WaGadgetForum .topicListHeaderTable th,
.WaGadgetForum .topicListHeaderTable td,
.WaGadgetForum .topicListHeaderTable .boxHeaderTitle {
    background-color: #FFFFFF !important;
    color: #173B60 !important;
}

/* Forum topic listings */
.WaGadgetForum .topicListTable,
.WaGadgetForum .topicListTable td,
.WaGadgetForum .topicListTable tr {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

/* Forum descriptions and other text */
.WaGadgetForum .forumDescription,
.WaGadgetForum .forumDescription *,
.WaGadgetForum .lastReply,
.WaGadgetForum .repliesCount {
    color: #333333 !important;
}

/* Forum links */
.WaGadgetForum a {
    color: #007DBA !important;
}

/* Subtle table separators */
.WaGadgetForum .topicListTable td,
.WaGadgetForum .topicListHeaderTable td {
    border-bottom-color: #D5DEE8 !important;
}/* ==================================================
   12. MEMBER DIRECTORY - LIGHT BACKGROUND
   ================================================== */

/* Main directory background */
.WaGadgetMemberDirectory {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

/* Directory search area */
.WaGadgetMemberDirectory .memberDirectorySearchAreaOuterContainer,
.WaGadgetMemberDirectory .memberDirectorySearchArea {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

/* Search labels and result count */
.WaGadgetMemberDirectory .memberDirectorySearchArea label,
.WaGadgetMemberDirectory .memberDirectorySearchArea .searchResult {
    color: #333333 !important;
}

/* Directory table */
.WaGadgetMemberDirectory table {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

/* Table headings */
.WaGadgetMemberDirectory table th {
    background-color: #F0F5FA !important;
    color: #173B60 !important;
}

/* Member rows */
.WaGadgetMemberDirectory table td,
.WaGadgetMemberDirectory table tr {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

/* Text within member rows */
.WaGadgetMemberDirectory table td span,
.WaGadgetMemberDirectory table td div {
    color: #333333 !important;
}

/* Member directory links */
.WaGadgetMemberDirectory a {
    color: #007DBA !important;
}

/* Subtle row separators */
.WaGadgetMemberDirectory table td {
    border-bottom-color: #D5DEE8 !important;
}