/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.site-header {
  /*
   * Upper header grid settings
   */
  /*
   * Lower header grid settings
   */ }
  .site-header .upper-header .container {
    gap: 3em; }
    .site-header .upper-header .container .logo {
      flex-basis: 195px; }
    .site-header .upper-header .container .shop-directly a {
      color: var(--wp--preset--color--white); }
      .site-header .upper-header .container .shop-directly a:hover {
        color: var(--wp--preset--color--primary); }
    .site-header .upper-header .container .desktop-search {
      flex-basis: 450px;
      justify-self: center; }
  .site-header .lower-header .menus {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }

.hamburger-menu {
  display: none; }

header.site-header .upper-header .container {
  justify-content: space-between; }

header.site-header .lower-header {
  position: relative; }
  header.site-header .lower-header .container {
    position: relative; }
  header.site-header .lower-header .visible-nav .menu {
    display: flex;
    flex-wrap: wrap;
    gap: 1em; }
    @media (min-width: 1200px) {
      header.site-header .lower-header .visible-nav .menu {
        gap: 2em; } }
  header.site-header .lower-header .product-range-menu.button-trigger {
    height: 60px;
    width: 200px;
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    border-top-right-radius: var(--wp--custom--border-radius--medium);
    border-bottom-right-radius: var(--wp--custom--border-radius--medium);
    position: relative;
    cursor: pointer; }
    header.site-header .lower-header .product-range-menu.button-trigger .title {
      display: inline-block;
      position: relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding-right: 1em; }
      header.site-header .lower-header .product-range-menu.button-trigger .title span {
        display: block;
        font-size: var(--wp--preset--font-size--small);
        line-height: 1;
        margin-bottom: -2px; }
      header.site-header .lower-header .product-range-menu.button-trigger .title:after {
        content: '\e90d';
        font-family: Icomoon;
        font-size: 10px;
        position: absolute;
        right: 0;
        bottom: 0;
        transition: right .2s ease-in-out; }
      header.site-header .lower-header .product-range-menu.button-trigger .title:hover:after {
        right: -10px; }
  header.site-header .lower-header .product-range-nav {
    background-color: var(--wp--preset--color--white);
    position: relative;
    z-index: 99;
    padding: 2em 0 4em;
    width: 100% !important;
    display: none; }
    header.site-header .lower-header .product-range-nav .menu {
      position: relative; }
      header.site-header .lower-header .product-range-nav .menu li.menu-item-has-children.open > a {
        background-color: var(--wp--preset--color--background-lighter);
        color: var(--wp--preset--color--primary); }
        header.site-header .lower-header .product-range-nav .menu li.menu-item-has-children.open > a:before {
          content: '';
          border-top: 20px solid transparent;
          border-bottom: 20px solid transparent;
          border-left: 20px solid var(--wp--preset--color--background-lighter);
          position: absolute;
          right: -20px;
          top: 0; }
      header.site-header .lower-header .product-range-nav .menu li a {
        position: relative;
        color: var(--wp--preset--color--black);
        padding: .75em;
        height: 40px; }
        header.site-header .lower-header .product-range-nav .menu li a:hover {
          background-color: var(--wp--preset--color--background-lighter);
          color: var(--wp--preset--color--primary); }
      header.site-header .lower-header .product-range-nav .menu li.overview a {
        font-weight: 700; }
      header.site-header .lower-header .product-range-nav .menu li.title a {
        font-weight: 700;
        pointer-events: none; }
      header.site-header .lower-header .product-range-nav .menu li.sale a {
        font-weight: 700;
        color: var(--wp--preset--color--primary); }
      header.site-header .lower-header .product-range-nav .menu > li {
        width: 100%; }
  @media (min-width: 981px) {
    header.site-header .lower-header .product-range-nav .menu li.menu-item-has-children > a:after {
      content: '\e90d';
      font-family: Icomoon;
      position: absolute;
      right: 1em;
      top: 50%;
      transform: translateY(-50%); }
    header.site-header .lower-header .product-range-nav .menu li.menu-item-has-children > a:hover:before {
      content: '';
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent;
      border-left: 20px solid var(--wp--preset--color--background-lighter);
      position: absolute;
      right: -20px;
      top: 0; }
    header.site-header .lower-header .product-range-nav .menu > li > a {
      width: calc(30% - 25px); }
    header.site-header .lower-header .product-range-nav .menu > li:hover > .sub-menu-wrap {
      transition: opacity .2s ease-in-out;
      visibility: visible;
      opacity: 1; }
    header.site-header .lower-header .product-range-nav .menu > li > .sub-menu-wrap {
      position: absolute;
      width: 70%;
      height: 100%;
      right: 0;
      top: 0;
      z-index: 2;
      transition: opacity .2s ease-in-out;
      visibility: hidden;
      opacity: 0; }
      header.site-header .lower-header .product-range-nav .menu > li > .sub-menu-wrap > .sub-menu > li {
        width: 100%; }
        header.site-header .lower-header .product-range-nav .menu > li > .sub-menu-wrap > .sub-menu > li:hover > .sub-menu-wrap {
          transition: opacity .2s ease-in-out;
          visibility: visible;
          opacity: 1; }
        header.site-header .lower-header .product-range-nav .menu > li > .sub-menu-wrap > .sub-menu > li > a {
          width: calc(40% - 25px); }
        header.site-header .lower-header .product-range-nav .menu > li > .sub-menu-wrap > .sub-menu > li > .sub-menu-wrap {
          transition: opacity .2s ease-in-out;
          visibility: hidden;
          opacity: 0; }
        header.site-header .lower-header .product-range-nav .menu > li > .sub-menu-wrap > .sub-menu > li.title a:after {
          display: none; }
        header.site-header .lower-header .product-range-nav .menu > li > .sub-menu-wrap > .sub-menu > li > .sub-menu-wrap {
          position: absolute;
          width: 60%;
          height: 100%;
          right: 0;
          top: 0;
          z-index: 3; }
          header.site-header .lower-header .product-range-nav .menu > li > .sub-menu-wrap > .sub-menu > li > .sub-menu-wrap > ul.sub-menu {
            -moz-column-count: 2;
                 column-count: 2;
            -moz-column-gap: 20px;
                 column-gap: 20px; }
            header.site-header .lower-header .product-range-nav .menu > li > .sub-menu-wrap > .sub-menu > li > .sub-menu-wrap > ul.sub-menu > li {
              width: 100%;
              margin: .75em; }
              header.site-header .lower-header .product-range-nav .menu > li > .sub-menu-wrap > .sub-menu > li > .sub-menu-wrap > ul.sub-menu > li:hover {
                background-color: transparent; }
              header.site-header .lower-header .product-range-nav .menu > li > .sub-menu-wrap > .sub-menu > li > .sub-menu-wrap > ul.sub-menu > li a {
                display: inline-block;
                transition: background-color .2s ease-in-out, color .2s ease-in-out;
                border-radius: 50px;
                padding: .5em .75em;
                height: auto; }
                header.site-header .lower-header .product-range-nav .menu > li > .sub-menu-wrap > .sub-menu > li > .sub-menu-wrap > ul.sub-menu > li a:hover {
                  background-color: var(--wp--preset--color--primary);
                  color: var(--wp--preset--color--white); }
                header.site-header .lower-header .product-range-nav .menu > li > .sub-menu-wrap > .sub-menu > li > .sub-menu-wrap > ul.sub-menu > li a:after, header.site-header .lower-header .product-range-nav .menu > li > .sub-menu-wrap > .sub-menu > li > .sub-menu-wrap > ul.sub-menu > li a:before {
                  display: none; }
    header.site-header .lower-header .product-range-nav .promotion-header {
      position: absolute;
      overflow: hidden;
      padding: calc(100px - 2em) 2em 2em;
      width: 40%;
      right: 0;
      bottom: 0;
      border-radius: var(--wp--custom--border-radius--small);
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      z-index: 4; }
      header.site-header .lower-header .product-range-nav .promotion-header img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        z-index: -1; }
      header.site-header .lower-header .product-range-nav .promotion-header .h3 {
        color: var(--wp--preset--color--white); } }

/*# sourceMappingURL=desktop-menu.css.map */