/* ============================================================
   menu-fix.css
   Fix: Main navigation menu links are invisible on inner pages.
   Cause: Theme sets -webkit-text-fill-color:#fff on the menu links
          (intended for the dark homepage header). On inner pages the
          header background is white, so white text = invisible menu.
   Fix:   Force dark text (both color AND -webkit-text-fill-color)
          for the top-level menu on inner pages, with an orange
          hover / active state to match the site's accent color.
   ------------------------------------------------------------
   IMPORTANT: Include this file AFTER style.css and reset.css.
   ============================================================ */

/* Top-level menu links – normal state (works in affix and affix-top) */
.navigation-menu #mobile-demo > li > a,
.navigation-menu.affix #mobile-demo > li > a,
.navigation-menu.affix-top #mobile-demo > li > a {
    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;
}

/* Top-level menu links – hover / active / current page */
.navigation-menu #mobile-demo > li > a:hover,
.navigation-menu #mobile-demo > li > a:focus,
.navigation-menu #mobile-demo > li.current-menu-item > a,
.navigation-menu #mobile-demo > li.current-menu-ancestor > a,
.navigation-menu #mobile-demo > li.current-menu-parent > a {
    color: #f2a20c !important;
    -webkit-text-fill-color: #f2a20c !important;
}