/** Shopify CDN: Minification failed

Line 16:0 Unexpected "<"
Line 47:0 Unexpected "}"
Line 54:2 Unexpected "{"
Line 54:3 Expected identifier but found "%"
Line 58:2 Unexpected "{"
Line 58:3 Expected identifier but found "%"
Line 60:2 Unexpected "{"
Line 60:3 Expected identifier but found "%"
Line 66:2 Unexpected "{"
Line 66:3 Expected identifier but found "%"
... and 28 more hidden warnings

**/
<style>

  /* Desktop header */
@media screen and (min-width: 990px) {
  .header {
    grid-template-columns: 1fr auto 1fr !important;
  }
}
  .header__heading,
  .header__heading-link {
    justify-self: start !important;
  }

  .header__inline-menu {
    justify-self: center !important;
    margin: 0 !important;
  }

  .header__icons {
    justify-self: end !important;
  }

  /* Main menu text */
  .header__menu-item {
    font-size: 18px !important;
  }

  /* Dropdown menu text */
  .header__submenu .header__menu-item {
    font-size: 15px !important;
  }
}

  header-drawer {
    justify-self: start;
    margin-left: -1.2rem;
  }

  {%- if section.settings.sticky_header_type == 'reduce-logo-size' -%}
    .scrolled-past-header .header__heading-logo-wrapper {
      width: 75%;
    }
  {%- endif -%}

  {%- if section.settings.menu_type_desktop != "drawer" -%}
    @media screen and (min-width: 990px) {
      header-drawer {
        display: none;
      }
    }
  {%- endif -%}

  .menu-drawer-container {
    display: flex;
  }

  .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
  }

  summary.list-menu__item {
    padding-right: 2.7rem;
  }

  .list-menu__item {
    display: flex;
    align-items: center;
    line-height: calc(1 + 0.3 / var(--font-body-scale));
  }

  .list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
  }

  @media screen and (min-width: 750px) {
    .list-menu__item--link {
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
    }
  }
</style>

{%- style -%}
  .header {
    padding: {{ section.settings.padding_top | times: 0.5 | round: 0 }}px 3rem {{ section.settings.padding_bottom | times: 0.5 | round: 0 }}px 3rem;
  }

  .section-header {
    position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
    margin-bottom: {{ section.settings.margin_bottom | times: 0.75 | round: 0 }}px;
  }

  @media screen and (min-width: 750px) {
    .section-header {
      margin-bottom: {{ section.settings.margin_bottom }}px;
    }
  }

  @media screen and (min-width: 990px) {
    .header {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
  }
{%- endstyle -%}

.cart-count-bubble {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.cart-count-bubble span {
  color: #ffffff !important;
}

@media screen and (min-width: 990px) 

{
  .header--middle-left {
    grid-template-areas: "heading navigation icons" !important;
    grid-template-columns: 1fr auto 1fr !important;
    column-gap: 2rem !important;
  }

  .header--middle-left .header__heading,
  .header--middle-left .header__heading-link {
    grid-area: heading !important;
    justify-self: start !important;
  }

  .header--middle-left .header__inline-menu {
    position: static !important;
    grid-area: navigation !important;
    width: max-content !important;
    margin: 0 !important;
    justify-self: center !important;
    transform: none !important;
  }

  .header--middle-left .header__icons {
    grid-area: icons !important;
    justify-self: end !important;
  }

  .header__menu-item,
  .header__menu-item span {
    font-size: 18px !important;
  }
}

.header__menu-item:hover .icon-caret {
  color: #e00000 !important;
}
.header__menu-item:hover,
.header__menu-item:hover span,
.header__menu-item span,
.header__active-menu-item,
.header__submenu .header__menu-item:hover {
  text-decoration: none !important;
  border-bottom: none !important;