/* Fix: Override white menu text when the menu is expanded/toggled on Projects Portfolio page */

/* Target the expanded/toggled mobile menu state */
.page-id-936 .main-navigation.toggled-on a,
.page-id-936 .main-navigation.toggled-on .menu-link,
.page-id-936 .main-navigation.toggled-on .ast-menu-toggle,
.page-id-936 .menu-toggle + .main-navigation a,
.page-id-936 .navigation-top.menu-open .main-navigation a,
.page-id-936 .navigation-top.menu-open .menu-link {
    color: #333333 !important;
    text-shadow: none !important;
}

/* Also target the dropdown/sub-menu items */
.page-id-936 .main-navigation .sub-menu a,
.page-id-936 .main-navigation.toggled-on .sub-menu a {
    color: #333333 !important;
    text-shadow: none !important;
}

/* Ensure the expanded menu has a solid background so text is readable */
.page-id-936 .main-navigation.toggled-on,
.page-id-936 .navigation-top.menu-open {
    background-color: #f2f0ec !important;
}