/*==================================================
  NWAFAA WEBSITE – CUSTOM CSS
  Theme: Building Blocks Black (Light Poster)
  Sections 1–14 | Consolidated November 2026
==================================================*/

/*==================================================
  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 DROPDOWNS
==================================================*/
.nwafaa-white-nav .menuInner,
.nwafaa-white-nav .menuInner ul.firstLevel {
    background: #FFFFFF !important;
    box-shadow: none !important;
}

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

.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,
.nwafaa-white-nav .secondLevel li:hover > .item,
.nwafaa-white-nav .secondLevel a:hover {
    background: #F0F5FA !important;
    color: #007DBA !important;
}

.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;
}

.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;
}

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

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

/*==================================================
  5. MOBILE HEADER POSITIONING
==================================================*/
@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
==================================================*/
.WaGadgetMembershipApplication,
.WaGadgetMembershipApplication .formOuterContainer,
.WaGadgetMembershipApplication .formContainer,
.WaGadgetMembershipApplication .generalForm {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

/*==================================================
  8. MEMBER PROFILE – EVENT REGISTRATIONS
==================================================*/
.WaGadgetContactProfile .genericListTable,
.WaGadgetContactProfile .genericListTable th,
.WaGadgetContactProfile .genericListTable td {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

.WaGadgetContactProfile .genericListTable th {
    color: #173B60 !important;
}

.WaGadgetContactProfile .genericListTable a {
    color: #007DBA !important;
}

/*==================================================
  9. EVENT PAGES – LIGHT BACKGROUND
==================================================*/
.WaGadgetEvents,
.WaGadgetEvents .formOuterContainer,
.WaGadgetEvents .formContainer,
.WaGadgetEvents .generalForm {
    background-color: #FFFFFF !important;
}

.WaGadgetEvents .formOuterContainer,
.WaGadgetEvents .formContainer,
.WaGadgetEvents .generalForm {
    color: #333333 !important;
}

/*==================================================
  10. EVENT LIST – INFORMATION PANELS
==================================================*/
.WaGadgetEventsStateList .boxBodyInfoContainer {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

.WaGadgetEventsStateList .boxBodyInfoContainer span,
.WaGadgetEventsStateList .boxBodyInfoContainer div {
    color: #333333 !important;
}

.WaGadgetEventsStateList .boxBodyInfoContainer a {
    color: #007DBA !important;
}

.WaGadgetEventsStateList .eventInfoBoxLabel {
    color: #173B60 !important;
}

.WaGadgetEventsStateList .pastEventsList td.left {
    color: #555555 !important;
}

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

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

/*==================================================
  11. EVENT DETAILS AND REGISTRATION TABLE
==================================================*/
.WaGadgetEvents .boxBodyInfoViewFill,
.WaGadgetEvents .boxBodyInfoViewFill .boxBodyInfoContainer,
.WaGadgetEvents .boxBodyInfoViewFill .boxInfoContainer,
.WaGadgetEvents .boxBodyInfoViewFill .boxInfo {
    background-color: #FFFFFF !important;
}

.WaGadgetEvents .boxBodyInfoViewFill .boxInfoContainer,
.WaGadgetEvents .boxBodyInfoViewFill .boxInfoContainer *,
.WaGadgetEvents .boxBodyInfoViewFill .registrationInfo,
.WaGadgetEvents .boxBodyInfoViewFill .registrationInfo * {
    color: #333333 !important;
}

.WaGadgetEvents .boxBodyInfoViewFill .eventInfoBoxLabel,
.WaGadgetEvents .boxBodyInfoViewFill h3,
.WaGadgetEvents .boxBodyInfoViewFill h4 {
    color: #173B60 !important;
}

.WaGadgetEvents .boxBodyInfoViewFill a {
    color: #007DBA !important;
}

.WaGadgetEvents .boxBodyInfoViewFill .boxBodyInfoContainer {
    border-right-color: #173B60 !important;
    border-left-color: #173B60 !important;
}

#idEventRegistrationsViewSectionContainer #membersTable,
#idEventRegistrationsViewSectionContainer #membersTable td,
#idEventRegistrationsViewSectionContainer #membersTable td * {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

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

#idEventRegistrationsViewSectionContainer #membersTable td {
    border-bottom: 1px solid #D5DEE8 !important;
}

#idEventRegistrationsViewSectionContainer #membersTable td a {
    color: #007DBA !important;
    text-decoration: underline;
}

/*==================================================
  11A. FORUM – LIGHT BACKGROUND
==================================================*/
.WaGadgetForum,
.WaGadgetForum .forumCategoryOuterContainer,
.WaGadgetForum .forumCategoryContainer,
.WaGadgetForum .forumTopicOuterContainer,
.WaGadgetForum .forumTopicContainer,
.WaGadgetForum .topicListHeaderTable,
.WaGadgetForum .topicListTable,
.WaGadgetForum .topicListTable td,
.WaGadgetForum .topicListTable tr {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

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

.WaGadgetForum .forumDescription,
.WaGadgetForum .forumDescription *,
.WaGadgetForum .lastReply,
.WaGadgetForum .repliesCount {
    color: #333333 !important;
}

.WaGadgetForum a {
    color: #007DBA !important;
}

.WaGadgetForum .topicListTable td,
.WaGadgetForum .topicListHeaderTable td {
    border-bottom-color: #D5DEE8 !important;
}

/*==================================================
  12. MEMBER DIRECTORY – LIGHT BACKGROUND
==================================================*/
.WaGadgetMemberDirectory,
.WaGadgetMemberDirectory .memberDirectorySearchAreaOuterContainer,
.WaGadgetMemberDirectory .memberDirectorySearchArea,
.WaGadgetMemberDirectory table,
.WaGadgetMemberDirectory table td,
.WaGadgetMemberDirectory table tr {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

.WaGadgetMemberDirectory .memberDirectorySearchArea label,
.WaGadgetMemberDirectory .memberDirectorySearchArea .searchResult,
.WaGadgetMemberDirectory table td span,
.WaGadgetMemberDirectory table td div {
    color: #333333 !important;
}

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

.WaGadgetMemberDirectory a {
    color: #007DBA !important;
}

.WaGadgetMemberDirectory table td {
    border-bottom-color: #D5DEE8 !important;
}

/*==================================================
  13. UPCOMING EVENTS – RESPONSIVE CARDS
==================================================*/

/* Three-column event layout */
.WaGadgetUpcomingEvents ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px !important;
    padding: 0 !important;
    margin: 12px 0 8px !important;
    list-style: none !important;
}

/* Individual event cards */
.WaGadgetUpcomingEvents ul > li {
    background: #F3F5F8 !important;
    border: 1px solid #DDE3E9 !important;
    border-radius: 9px !important;
    padding: 22px 18px !important;
    margin: 0 !important;
    min-width: 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: background-color 0.2s,
                border-color 0.2s,
                box-shadow 0.2s;
}

/* Subtle hover effect on event cards */
.WaGadgetUpcomingEvents ul > li:hover {
    background: #EAF1F8 !important;
    border-color: #B8CCDE !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.09);
}

/* Event titles – clearly identifiable links */
.WaGadgetUpcomingEvents .title a {
    color: #173B60 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}

/* Event title hover and keyboard focus */
.WaGadgetUpcomingEvents .title a:hover,
.WaGadgetUpcomingEvents .title a:focus-visible {
    color: #007DBA !important;
    text-decoration: underline !important;
    text-decoration-thickness: 2px;
}

/* Event date and location */
.WaGadgetUpcomingEvents .date,
.WaGadgetUpcomingEvents .location {
    color: #526274 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

/* Tablet – two columns */
@media screen and (max-width: 800px) {
    .WaGadgetUpcomingEvents ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile – single column */
@media screen and (max-width: 520px) {
    .WaGadgetUpcomingEvents ul {
        grid-template-columns: 1fr;
    }
}


/*==================================================
  14. HOMEPAGE – HEADINGS AND DIVIDERS
==================================================*/
#idPrimaryContentBlock1Content .nw-home-intro h2,
#idPrimaryContentBlock1Content .WaGadgetUpcomingEvents.gadgetStyle001 .gadgetStyleTitle h4.gadgetTitleH4,
#idPrimaryContentBlock1Content #id_vUz8HTP h2,
#idPrimaryContentBlock1Content #id_vUz8HTP h3,
#idPrimaryContentBlock1Content .nw-home-membership h2 {
    font-family: Aptos, Arial, sans-serif !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    color: #173B60 !important;
    line-height: 1.3 !important;
    text-transform: none !important;
}

#idPrimaryContentBlock1Content .nw-home-intro,
#idPrimaryContentBlock1Content .WaGadgetUpcomingEvents.gadgetStyle001 {
    border-bottom: 1px solid #DDE3E9 !important;
    padding-bottom: 16px !important;
    margin-bottom: 14px !important;
}

#idPrimaryContentBlock1Content .WaGadgetUpcomingEvents .gadgetStyleTitle {
    margin-bottom: 10px !important;
}

#idPrimaryContentBlock1Content .nw-home-intro .feature-card {
    padding-top: 24px;
    padding-bottom: 24px;
}

@media screen and (max-width: 600px) {
    #idPrimaryContentBlock1Content .nw-home-intro h2,
    #idPrimaryContentBlock1Content .WaGadgetUpcomingEvents.gadgetStyle001 .gadgetStyleTitle h4.gadgetTitleH4,
    #idPrimaryContentBlock1Content #id_vUz8HTP h2,
    #idPrimaryContentBlock1Content #id_vUz8HTP h3,
    #idPrimaryContentBlock1Content .nw-home-membership h2 {
        font-size: 21px !important;
    }

    #idPrimaryContentBlock1Content .nw-home-intro,
    #idPrimaryContentBlock1Content .WaGadgetUpcomingEvents.gadgetStyle001 {
        padding-bottom: 14px !important;
        margin-bottom: 12px !important;
    }
}