/*!
 * Hupp Local Styles
 * Copyright 2008-2017 Punchmark
 */

 /*=========================
 
    General

========================*/

/* body {
    background: #f1ede4 !important;
} */

body.sitemanager-menu-open header, body.sitemanager-menu-closed header {
    top: 63px !important;
}

 /* =============================
    Header 
============================= */

header {
    position: sticky;
    top: 0;
}

@media (min-width: 768px) {
    header nav.navbar .navbar-nav .nav-item.dropdown.item-account .nav-link,
    header nav.navbar .navbar-nav .nav-item.dropdown.item-search .nav-link,
    header nav.navbar .navbar-nav .nav-item.dropdown.item-wishlist .nav-link,
    header nav.navbar .navbar-nav .nav-item.item-cart .nav-link.toggle-global-cart {
        text-decoration: none !important;
        text-decoration-color: transparent !important;
    }
}

header {
    box-shadow: none !important;
    transition: background 100ms ease-out 300ms !important;
    background: #f8f8f8 !important;
}

header > div.container-fluid > .row > .col {
    min-height: 80px !important;
    height: 80px !important;
}

header a#logo {
    max-height: 100px !important;
    height: 100% !important;
    padding: 0.625rem !important;
}

header a#logo img,
header a#logo svg {
    object-fit: contain !important;
    max-height: 100% !important;
    max-width: calc(100% - 1.25rem) !important;
    height: auto !important;
    width: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;    
}

header .content-toolbar {
    height: 100% !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
}

/* header .content-toolbar .content-toolbar-inner > ul > li > a {
    color: var(--bs-light) !important;
    transition: opacity 0.15s linear;
} */

header .content-toolbar .content-toolbar-inner > ul > li > a:hover, 
header .content-toolbar .content-toolbar-inner > ul > li > a:focus {
    color: var(--bs-secondary) !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a:hover > i, 
header .content-toolbar .content-toolbar-inner > ul > li > a:focus > i {
    color: var(--bs-secondary) !important;
}

header .navbar-toggler {
    position: static !important;
    transform: none !important;
    height: 100% !important;
    padding: 0 0.625rem !important;
}

header .navbar-toggler:not(.collapsed) .navbar-toggler-icon:hover > span {
    background-color: var(--bs-secondary) !important;
} 

/* nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu:not(.dropdown-menu-wide) .form-label-group > label {
    background: var(--bs-light) !important;
} */

@media(max-width: 991px) {
    header .content-toolbar.left {
        position: absolute !important;
        left: calc(2.5rem + 10px) !important;
        top: 0 !important;
        height: 100% !important;
    }
    header .content-toolbar .toolbar-item > a > i {
        transform: translateY(-2px) !important;
    }
}

@media(min-width:992px) {
    header > div.container-fluid > .row > .col {
        min-height: 100px !important;
        height: 100px !important;
    }
    header a#logo img,
    header a#logo svg {
        object-fit: contain !important;
        max-height: calc(100% - 0.625rem) !important;
    }
}


/* =============================
    Navigation
============================= */

nav.navbar .navbar-nav .nav-item .nav-link {
    text-transform: uppercase !important;
    /* color: var(--bs-light) !important; */
    font-family: var(--bs-h3-family) !important;
    letter-spacing: 0.03rem !important;
    line-height: 1.05 !important;
}

nav.navbar .navbar-nav .nav-item .nav-link:hover, 
nav.navbar .navbar-nav .nav-item .nav-link:focus,
nav.navbar .navbar-nav .nav-item .nav-link:hover i, 
nav.navbar .navbar-nav .nav-item .nav-link:focus i {
    color: var(--bs-secondary) !important;
}

nav.navbar .navbar-nav .nav-item .nav-link > i {
    transform: translateY(-2px) !important;
}

nav.navbar .navbar-nav.navbar-left .nav-item .nav-link i, 
nav.navbar .navbar-nav.navbar-right .nav-item .nav-link i,
nav.navbar .navbar-nav.navbar-left .nav-item .nav-link i::before, 
nav.navbar .navbar-nav.navbar-right .nav-item .nav-link i::before {
    font-size: 21px !important;
    height: 21px !important;
    width: 21px !important;
}

@media(min-width:992px){
    nav.navbar .navbar-nav.navbar-left {
        justify-content: space-between !important;
    }
    nav.navbar .navbar-nav.navbar-right {
        justify-content: space-between !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu:not(.dropdown-menu-wide) {
        padding: 0.5rem 0 !important;
    }
}

@media (max-width: 991px) {
    nav.navbar .navbar-nav>.nav-item .nav-link {
        color: var(--bs-dark) !important;
    }
}

@media (min-width: 992px) {
    nav.navbar .navbar-nav.navbar-left .nav-item .nav-link, 
    nav.navbar .navbar-nav.navbar-right .nav-item .nav-link {
        font-size: 0.78rem !important;
    }
}

@media (min-width: 1200px) {
    nav.navbar .navbar-nav.navbar-left .nav-item .nav-link, 
    nav.navbar .navbar-nav.navbar-right .nav-item .nav-link {
        font-size: 0.95rem !important;
    }
}

@media (max-width: 767px) {
    nav.navbar .navbar-collapse .mobile-container .btn-close {
        background-position-x: 10px !important;
    }
}

/* ============================
    Hero Banners
============================ */

/* Header overlay the banner when its at the top spot */

/* section[data-pagebuilder="section"]#section-1.banner {
    margin-top: -80px !important;
}

@media (min-width: 992px) {
    section[data-pagebuilder="section"]#section-1.banner {
        margin-top: -100px !important;
    }
} */

/*=========================

Footer

========================*/

footer h6, footer .h6 {
    color: var(--bs-primary);
}

@media (max-width: 767px) {
    footer .footer-section:first-child .row .col-12:last-child .h6 {
        padding-left: 20px;
    }
}