/* EnginesDIY light authority header v1.0 */

:root {
  --ed-header-ink: #25313b;
  --ed-header-muted: #66727d;
  --ed-header-line: #dfe4e7;
  --ed-header-paper: #ffffff;
  --ed-header-warm: #f5f1ea;
  --ed-header-accent: #bf642c;
  --ed-header-accent-dark: #9d4e22;
}

@media (min-width: 768px) {
  .header.header-compact,
  .header-compact .header-slim-wrapper {
    background: var(--ed-header-paper) !important;
  }

  .header-compact .header-slim-wrapper {
    background: linear-gradient(to bottom, var(--ed-header-warm) 0 34px, var(--ed-header-paper) 34px 100%) !important;
  }

  .header-compact .top-bar {
    background: var(--ed-header-warm) !important;
    color: var(--ed-header-muted) !important;
    border-bottom: 1px solid var(--ed-header-line) !important;
  }

  .header-compact .top-bar,
  .header-compact .top-bar a,
  .header-compact .top-bar span,
  .header-compact .top-bar button,
  .header-compact .top-bar .dropdown-toggle {
    color: var(--ed-header-muted) !important;
    opacity: 1 !important;
  }

  .header-compact .top-bar a:hover,
  .header-compact .top-bar .dropdown-toggle:hover {
    color: var(--ed-header-accent-dark) !important;
  }

  .header-compact .mid-bar {
    grid-template-columns: 180px 154px minmax(360px, 1fr) 360px !important;
    background: var(--ed-header-paper) !important;
    color: var(--ed-header-ink) !important;
  }

  .header-compact .desktop-logo-wrapper {
    background: transparent !important;
  }

  .header-compact .desktop-logo-wrapper img {
    max-width: 124px !important;
    max-height: 78px !important;
    filter: none !important;
    opacity: 1 !important;
  }

  .header-compact .desktop-main-menu-wrapper.menu-top {
    background: transparent !important;
  }

  .header-compact .desktop-main-menu-wrapper.menu-top .menu-trigger > a {
    color: var(--ed-header-ink) !important;
    background: #ead9bd !important;
    border: 1px solid #d9c29e !important;
    border-radius: 9px !important;
    box-shadow: none !important;
  }

  .header-compact .desktop-main-menu-wrapper.menu-top .menu-trigger > a:hover {
    color: #ffffff !important;
    background: var(--ed-header-accent) !important;
    border-color: var(--ed-header-accent) !important;
  }

  .header-compact .desktop-search-wrapper,
  .header-compact .header-search,
  .header-compact #search {
    color: var(--ed-header-ink) !important;
    background: #ffffff !important;
  }

  .header-compact .header-search,
  .header-compact #search {
    border: 1px solid #cfd6da !important;
    border-radius: 9px !important;
    box-shadow: 0 3px 12px rgba(35, 45, 54, .06) !important;
    overflow: hidden !important;
  }

  .header-compact #search input,
  .header-compact #search .search-input,
  .header-compact #search .dropdown-toggle {
    color: var(--ed-header-ink) !important;
    background: #ffffff !important;
    opacity: 1 !important;
  }

  .header-compact #search input::placeholder {
    color: #8a949d !important;
    opacity: 1 !important;
  }

  .header-compact #search .dropdown-toggle {
    border-right: 1px solid var(--ed-header-line) !important;
  }

  .header-compact #search > .search-trigger {
    display: none !important;
  }

  .header-compact #search > .dropdown-menu {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  .header-compact #search > .dropdown-menu > .header-search {
    width: 100% !important;
    height: 44px !important;
  }

  .header-compact #search button,
  .header-compact #search .search-button {
    width: 50px !important;
    min-width: 50px !important;
    color: #ffffff !important;
    background: var(--ed-header-accent) !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  .header-compact #search button:hover,
  .header-compact #search .search-button:hover {
    background: var(--ed-header-accent-dark) !important;
  }

  .header-compact .header-cart-group {
    display: grid !important;
    grid-template-columns: 184px 164px !important;
    gap: 12px !important;
    align-items: center !important;
    justify-content: end !important;
    width: 360px !important;
    height: 58px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  .header-compact .header-cart-group .top-menu.secondary-menu,
  .header-compact .header-cart-group .top-menu.secondary-menu > .top-menu,
  .header-compact .header-cart-group .top-menu.secondary-menu .j-menu {
    width: 184px !important;
    max-width: 184px !important;
    margin: 0 !important;
  }

  .header-compact .header-cart-group .top-menu.secondary-menu .j-menu {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    align-items: center !important;
  }

  .header-compact .header-cart-group .top-menu.secondary-menu .menu-item,
  .header-compact .header-cart-group .top-menu.secondary-menu .menu-item > a {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .header-compact .header-cart-group .top-menu.secondary-menu .menu-item > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 52px !important;
    padding: 3px 2px !important;
    color: #34424e !important;
    opacity: 1 !important;
  }

  .header-compact .header-cart-group .top-menu.secondary-menu .menu-item > a:hover {
    color: var(--ed-header-accent) !important;
  }

  .header-compact .header-cart-group .links-text,
  .header-compact .header-cart-group .count-badge {
    color: #56636e !important;
    opacity: 1 !important;
  }

  .header-compact .header-cart-group .links-text {
    margin-top: 4px !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
  }

  .header-compact .desktop-cart-wrapper {
    width: 164px !important;
    min-width: 164px !important;
    margin: 0 !important;
  }

  .header-compact .desktop-cart-wrapper > div,
  .header-compact .cart-heading {
    width: 164px !important;
    min-width: 164px !important;
  }

  .header-compact .cart-heading {
    min-height: 42px !important;
    color: #ffffff !important;
    background: var(--ed-header-accent) !important;
    border: 1px solid var(--ed-header-accent) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
  }

  .header-compact .cart-heading,
  .header-compact .cart-heading span,
  .header-compact .cart-heading em {
    color: #ffffff !important;
    opacity: 1 !important;
  }

  .header-compact .cart-heading:hover {
    background: var(--ed-header-accent-dark) !important;
    border-color: var(--ed-header-accent-dark) !important;
  }

  .header-compact .desktop-main-menu-wrapper.menu-bar {
    background: var(--ed-header-warm) !important;
    border-top: 1px solid var(--ed-header-line) !important;
    border-bottom: 1px solid var(--ed-header-line) !important;
    box-shadow: 0 5px 15px rgba(31, 41, 50, .07) !important;
  }

  .header-compact .desktop-main-menu-wrapper.menu-bar::before,
  .header-compact .desktop-main-menu-wrapper.menu-bar::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
  }

  .header-compact .desktop-main-menu-wrapper.menu-bar .j-menu > li > a {
    color: #33414c !important;
    opacity: 1 !important;
  }

  .header-compact .desktop-main-menu-wrapper.menu-bar .j-menu > li:hover > a,
  .header-compact .desktop-main-menu-wrapper.menu-bar .j-menu > li.active > a {
    color: var(--ed-header-accent-dark) !important;
    background: rgba(191, 100, 44, .08) !important;
  }

  .header-compact .desktop-main-menu-wrapper.menu-bar .j-menu > li > a::before {
    background: var(--ed-header-accent) !important;
  }

  .header-compact .desktop-main-menu-wrapper.menu-bar .dropdown-menu.j-dropdown {
    min-width: 310px !important;
    padding: 8px 0 !important;
    color: var(--ed-header-ink) !important;
    background: #ffffff !important;
    border: 1px solid #d9dfe3 !important;
    border-radius: 0 0 10px 10px !important;
    box-shadow: 0 16px 34px rgba(28, 38, 47, .16) !important;
    overflow: visible !important;
  }

  .header-compact .desktop-main-menu-wrapper.menu-bar .dropdown-menu.j-dropdown a {
    min-height: 46px !important;
    padding: 0 24px !important;
    color: #34424e !important;
    background: #ffffff !important;
    border-bottom: 1px solid #edf0f2 !important;
    opacity: 1 !important;
  }

  .header-compact .desktop-main-menu-wrapper.menu-bar .dropdown-menu.j-dropdown li:last-child > a {
    border-bottom: 0 !important;
  }

  .header-compact .desktop-main-menu-wrapper.menu-bar .dropdown-menu.j-dropdown a:hover {
    color: var(--ed-header-accent-dark) !important;
    background: #f7f2eb !important;
    padding-left: 28px !important;
  }
}

@media (max-width: 767px) {
  .mobile-header,
  .mobile-header .mid-bar,
  .mobile-header .mobile-bar {
    background: #ffffff !important;
    color: var(--ed-header-ink) !important;
  }

  .mobile-header .top-bar {
    background: var(--ed-header-warm) !important;
    color: var(--ed-header-muted) !important;
    border-bottom: 1px solid var(--ed-header-line) !important;
  }

  .mobile-header a,
  .mobile-header button,
  .mobile-header span,
  .mobile-header em {
    color: var(--ed-header-ink) !important;
  }
}

@media(min-width:768px){
.header-compact .header-slim-wrapper{background:linear-gradient(to bottom,#f5f1ea 0 34px,#fff 34px 100%)!important}
.header-compact #search>.search-trigger{display:none!important}
.header-compact #search>.dropdown-menu{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:44px!important;margin:0!important;padding:0!important;transform:none!important}
.header-compact #search>.dropdown-menu>.header-search{width:100%!important;height:44px!important}
.header-compact .header-cart-group .links-text{font-size:11px!important}
.header-compact .desktop-main-menu-wrapper.menu-bar:before,.header-compact .desktop-main-menu-wrapper.menu-bar:after{content:none!important;display:none!important;background:transparent!important}
}
@media(min-width:768px){
.header-compact .desktop-main-menu-wrapper.menu-bar .j-menu>li>a>.links-text{color:#33414c!important;opacity:1!important}
.header-compact .desktop-main-menu-wrapper.menu-bar .j-menu>li:hover>a>.links-text,.header-compact .desktop-main-menu-wrapper.menu-bar .j-menu>li.active>a>.links-text{color:#9d4e22!important}
.header-compact .desktop-main-menu-wrapper.menu-bar .dropdown-menu.j-dropdown a .links-text{color:#34424e!important;opacity:1!important}
.header-compact .desktop-main-menu-wrapper.menu-bar .dropdown-menu.j-dropdown a:hover .links-text{color:#9d4e22!important}
}
@media(min-width:768px){
.header-compact .desktop-main-menu-wrapper.menu-bar .j-menu>li>a>.links-text{color:#33414c!important;opacity:1!important}
.header-compact .desktop-main-menu-wrapper.menu-bar .j-menu>li:hover>a>.links-text,.header-compact .desktop-main-menu-wrapper.menu-bar .j-menu>li.active>a>.links-text{color:#9d4e22!important}
.header-compact .desktop-main-menu-wrapper.menu-bar .dropdown-menu.j-dropdown a .links-text{color:#34424e!important;opacity:1!important}
.header-compact .desktop-main-menu-wrapper.menu-bar .dropdown-menu.j-dropdown a:hover .links-text{color:#9d4e22!important}
}
@media(min-width:768px){
.header-compact .desktop-main-menu-wrapper.menu-bar{z-index:1000!important;overflow:visible!important}
.header-compact .desktop-main-menu-wrapper.menu-bar .dropdown-menu.j-dropdown{height:auto!important;min-height:204px!important;max-height:none!important;overflow:visible!important;z-index:10020!important}
.header-compact .desktop-main-menu-wrapper.menu-bar .dropdown-menu.j-dropdown>.j-menu{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:188px!important;max-height:none!important;overflow:visible!important}
}
@media(min-width:768px){
.header-compact .desktop-main-menu-wrapper.menu-bar{z-index:1000!important;overflow:visible!important}
.header-compact .desktop-main-menu-wrapper.menu-bar .dropdown-menu.j-dropdown{height:auto!important;min-height:204px!important;max-height:none!important;overflow:visible!important;z-index:10020!important}
.header-compact .desktop-main-menu-wrapper.menu-bar .dropdown-menu.j-dropdown>.j-menu{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:188px!important;max-height:none!important;overflow:visible!important}
}
@media(max-width:767px){
.mobile-header .mobile-top-bar{background:#f5f1ea!important;color:#66727d!important;border-bottom:1px solid #dfe4e7!important}
.mobile-header .mobile-top-bar a,.mobile-header .mobile-top-bar button,.mobile-header .mobile-top-bar span,.mobile-header .mobile-top-bar em{color:#66727d!important;opacity:1!important}
}
@media(max-width:767px){
.mobile-header .mobile-top-bar{background:#f5f1ea!important;color:#66727d!important;border-bottom:1px solid #dfe4e7!important}
.mobile-header .mobile-top-bar a,.mobile-header .mobile-top-bar button,.mobile-header .mobile-top-bar span,.mobile-header .mobile-top-bar em{color:#66727d!important;opacity:1!important}
}