/* ===============================
   GLOBAL NAV DEFAULT (ALL LEVELS)
   =============================== */

/* LI background – default state */
.SPMainMenu-ParentItem,
.SPMainMenu-ChildItem {
    background-color: #2b2f38 !important;
}

/* LINK text + background – default state */
.SPMainMenu-ParentItem > a,
.SPMainMenu-ChildItem > a,
.SPMainMenu-ParentItem > a:visited,
.SPMainMenu-ChildItem > a:visited {
    display: block;
    background-color: #2b2f38 !important;
    color: #ffffff !important;
    text-transform: uppercase;
}

/* ===============================
   HOVER STATE (LI OR A)
   =============================== */

/* When ANY nav item is hovered */
.SPMainMenu-ParentItem:hover,
.SPMainMenu-ChildItem:hover {
    background-color: #ffffff !important;
}

/* When hovered, force the LINK to match */
.SPMainMenu-ParentItem:hover > a,
.SPMainMenu-ChildItem:hover > a,
.SPMainMenu-ParentItem > a:hover,
.SPMainMenu-ChildItem > a:hover {
    background-color: #ffffff !important;
    color: #2b2f38 !important;
}

/* ===============================
   FIX SHAREPOINT AUTO-HOVER BUG
   =============================== */

/* SharePoint sometimes pre-selects first child */
.SPMainMenu-ChildItem.ms-core-listMenu-itemHover {
    background-color: #2b2f38 !important;
}

.SPMainMenu-ChildItem.ms-core-listMenu-itemHover > a {
    background-color: #2b2f38 !important;
    color: #ffffff !important;
}
``