/*
|--------------------------------------------------------------------------
| Darul Libas - Header + Navigation Colour Overrides
|--------------------------------------------------------------------------
| Deep Emerald: #173B32
| Dark Emerald: #0F2B24
| Muted Gold:   #C2A66B
|
| Footer CSS intentionally removed.
|--------------------------------------------------------------------------
*/

/* =========================
   HEADER BASE
   ========================= */

header,
.header-section,
.header-wrapper,
.main-header-wrapper,
.wrapper-middle {
    background-color: #FFFFFF !important;
}


/* =========================
   LOGO
   ========================= */

/*
The logo is a PNG image, so CSS cannot directly recolour the artwork itself.
These rules keep the logo container clean and allow replacement with a
green/gold logo image later if desired.
*/

.logo-wrapper,
.logo-mobile,
.site-header__logo-image {
    background-color: transparent !important;
}


/* =========================
   DESKTOP SEARCH BUTTON
   ========================= */

.header-search .input-group-btn button,
.header-search button[type="submit"] {
    background-color: #173B32 !important;
    border-color: #173B32 !important;
    color: #FFFFFF !important;
}

.header-search .input-group-btn button:hover,
.header-search button[type="submit"]:hover {
    background-color: #C2A66B !important;
    border-color: #C2A66B !important;
    color: #0F2B24 !important;
}

.header-search .icon-search {
    color: inherit !important;
}


/* =========================
   DESKTOP CART
   ========================= */

.header-cart .site-nav__link,
.header-cart .cart-link,
.header-cart .fa-shopping-basket,
.header-cart .text1 {
    color: #173B32 !important;
}

.header-cart .cart-link__bubble {
    background-color: #C2A66B !important;
    color: #0F2B24 !important;
}

.header-cart .site-nav__link:hover,
.header-cart .site-nav__link:hover .fa-shopping-basket,
.header-cart .site-nav__link:hover .text1 {
    color: #C2A66B !important;
}


/* =========================
   MOBILE HEADER
   ========================= */

.nav-mobile .site-mobileNav-bar,
.cart-mobile .cart-link,
.cart-mobile .fa-shopping-cart {
    color: #173B32 !important;
}

.nav-mobile .site-mobileNav-bar:hover,
.cart-mobile .cart-link:hover,
.cart-mobile .cart-link:hover .fa-shopping-cart {
    color: #C2A66B !important;
}


/* =========================
   MOBILE SEARCH
   ========================= */

.mobileNav-search .input-group-btn button,
.mobileNav-search button[type="submit"] {
    background-color: #173B32 !important;
    border-color: #173B32 !important;
    color: #FFFFFF !important;
}

.mobileNav-search .input-group-btn button:hover,
.mobileNav-search button[type="submit"]:hover {
    background-color: #C2A66B !important;
    border-color: #C2A66B !important;
    color: #0F2B24 !important;
}


/* =========================
   DESKTOP TOP NAVIGATION
   ========================= */

.menu-navigation,
.menu-navigation .navigation-bar,
.menu-navigation .menu-bar,
.menu-navigation .horizontal-menu,
.menu-navigation .desktop-menu,
.menu-navigation #AccessibleNav {
    background: #173B32 !important;
    background-color: #173B32 !important;
}

/* Menu links */
.menu-navigation #AccessibleNav > .site-nav__item > .site-nav__link,
.menu-navigation #AccessibleNav > .site-nav__item > a,
.menu-navigation .desktop-menu .site-nav__link {
    color: #FFFFFF !important;
    background-color: transparent !important;
}

/* Hover */
.menu-navigation #AccessibleNav > .site-nav__item:hover > .site-nav__link,
.menu-navigation #AccessibleNav > .site-nav__item:hover > a {
    color: #0F2B24 !important;
    background: #C2A66B !important;
    background-color: #C2A66B !important;
}

/* Current / active page */
.menu-navigation #AccessibleNav > .site-nav__item.active > .site-nav__link,
.menu-navigation #AccessibleNav > .site-nav__item.active > a {
    color: #0F2B24 !important;
    background: #C2A66B !important;
    background-color: #C2A66B !important;
}

.menu-navigation #AccessibleNav .site-nav__link span {
    color: inherit !important;
}


/* =========================
   MOBILE NAVIGATION
   ========================= */

.menu-navigation .mobile-menu,
.menu-navigation #MobileNav,
.menu-navigation .mobileNav-left {
    background-color: #173B32 !important;
}

.menu-navigation .mobileNav-nav > li > .site-nav__link,
.menu-navigation .mobileNav-nav > li > a {
    color: #FFFFFF !important;
}

.menu-navigation .mobileNav-nav > li.active > .site-nav__link,
.menu-navigation .mobileNav-nav > li.active > a,
.menu-navigation .mobileNav-nav > li:hover > .site-nav__link,
.menu-navigation .mobileNav-nav > li:hover > a {
    color: #0F2B24 !important;
    background-color: #C2A66B !important;
}