@charset "utf-8";

/*
 =========================================================
 GLIGIT CUSTOM AJATIX MENU
 COLOR AND SHADOW OVERRIDES

 Maintained separately from Ajatix-generated CSS.

 Orange Stripe: #FF8000
 Shadow: All Screen Widths
 Responsive Breakpoint: 1199px
 =========================================================
*/


/* =========================================================
   1. MENU STRIPE - ALL SCREEN WIDTHS
========================================================= */

.AJXCSSMenufHTdYQC,
.AJXCSSMenufHTdYQC_n {

    position: relative;

    z-index: 10000;

    background: #FF8000 !important;

    background-color: #FF8000 !important;

    background-image: none !important;

    /* Shadow beneath the orange menu stripe */

    -webkit-box-shadow:
        0 5px 12px rgba(0, 0, 0, 0.45) !important;

    box-shadow:
        0 5px 12px rgba(0, 0, 0, 0.45) !important;
}


/* =========================================================
   2. DESKTOP AND MOBILE MAIN MENU LINKS
========================================================= */

.AJXCSSMenufHTdYQC > ul > li > a,
.AJXCSSMenufHTdYQC_n > ul > li > a {

    background: #FF8000 !important;

    background-image: none !important;

    color: #FFFFFF !important;
}


/* =========================================================
   3. HOVER AND EXPANDED MENU LINKS
========================================================= */

.AJXCSSMenufHTdYQC > ul > li:hover > a,
.AJXCSSMenufHTdYQC > ul > li.ajxover > a,
.AJXCSSMenufHTdYQC_n > ul > li:hover > a,
.AJXCSSMenufHTdYQC_n > ul > li.ajxover > a {

    background: #333333 !important;

    background-image: none !important;

    color: #FFFFFF !important;
}


/* =========================================================
   4. JAVASCRIPT-GENERATED HAMBURGER
========================================================= */

.AJXCSSMenufHTdYQC > .gligit-menu-toggle,
.AJXCSSMenufHTdYQC_n > .gligit-menu-toggle {

    background: #FF8000 !important;

    background-image: none !important;

    color: #FFFFFF !important;
}


/* =========================================================
   5. ORIGINAL AJATIX MOBILE HAMBURGER
========================================================= */

.AJXCSSMenufHTdYQC_n::before {

    color: #FFFFFF !important;
}


/* =========================================================
   6. MOBILE AND TABLET - 1199px AND BELOW
========================================================= */

@media screen and (max-width: 1199px) {

    .AJXCSSMenufHTdYQC,
    .AJXCSSMenufHTdYQC_n {

        background: #FF8000 !important;

        background-image: none !important;

        -webkit-box-shadow:
            0 5px 12px rgba(0, 0, 0, 0.45) !important;

        box-shadow:
            0 5px 12px rgba(0, 0, 0, 0.45) !important;
    }

}