/**
 * 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
 */
header.site-header .upper-header .container .hamburger-menu .menu-icon {
  position: relative;
  height: 15px;
  width: 20px;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  padding: 0;
  transition: transform 0.2s linear 0s; }
  header.site-header .upper-header .container .hamburger-menu .menu-icon .bar {
    width: 100%;
    height: 1px;
    background-color: var(--wp--preset--color--white);
    transition: transform 0.2s linear 0.2s; }
    header.site-header .upper-header .container .hamburger-menu .menu-icon .bar-1 {
      position: absolute;
      inset: 0px 0 0 0; }
    header.site-header .upper-header .container .hamburger-menu .menu-icon .bar-2 {
      position: absolute;
      inset: 6px 0 0 0; }
    header.site-header .upper-header .container .hamburger-menu .menu-icon .bar-3 {
      position: absolute;
      inset: 12px 0 0 0; }
  header.site-header .upper-header .container .hamburger-menu .menu-icon.open {
    transform: rotate(90deg);
    left: 1px; }
    header.site-header .upper-header .container .hamburger-menu .menu-icon.open .bar-2 {
      opacity: 0; }
    header.site-header .upper-header .container .hamburger-menu .menu-icon.open .bar-1 {
      transform: rotate(45deg);
      position: absolute;
      inset: 8px 0 0 0; }
    header.site-header .upper-header .container .hamburger-menu .menu-icon.open .bar-3 {
      transform: rotate(-45deg);
      position: absolute;
      inset: 8px 0 0 0; }

header.site-header .upper-header .container .logo {
  flex-basis: 140px; }

header.site-header .upper-header .container .shop-directly {
  display: none; }

header.site-header .upper-header .container .shop-menu {
  margin-left: auto;
  gap: 2em; }
  header.site-header .upper-header .container .shop-menu [class^="icon-"], header.site-header .upper-header .container .shop-menu [class*=" icon-"] {
    font-size: 22px; }

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 (max-width: 980px) {
  header.site-header .lower-header .product-range-nav {
    padding-top: 0; }
    header.site-header .lower-header .product-range-nav .menu li {
      width: 100%;
      position: relative; }
      header.site-header .lower-header .product-range-nav .menu li.menu-item-has-children {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap; }
        header.site-header .lower-header .product-range-nav .menu li.menu-item-has-children .menu-item-link {
          z-index: 2; }
      header.site-header .lower-header .product-range-nav .menu li .open-sub-menu {
        width: 40px;
        height: 40px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center; }
        header.site-header .lower-header .product-range-nav .menu li .open-sub-menu:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 40px; }
        header.site-header .lower-header .product-range-nav .menu li .open-sub-menu:after {
          content: "\e90d";
          font-family: Icomoon;
          font-size: 13px;
          transition: transform .2s ease-in-out; }
        header.site-header .lower-header .product-range-nav .menu li .open-sub-menu.open:after {
          transform: rotate(90deg); }
      header.site-header .lower-header .product-range-nav .menu li .sub-menu-wrap {
        display: none;
        width: 100% !important; }
      header.site-header .lower-header .product-range-nav .menu li.title .open-sub-menu {
        display: none; }
    header.site-header .lower-header .product-range-nav .menu > li {
      border-bottom: 1px solid var(--wp--preset--color--background-lighter); }
      header.site-header .lower-header .product-range-nav .menu > li > .sub-menu-wrap > ul.sub-menu {
        padding-left: .75em; }
        header.site-header .lower-header .product-range-nav .menu > li > .sub-menu-wrap > ul.sub-menu .title {
          display: none; }
        header.site-header .lower-header .product-range-nav .menu > li > .sub-menu-wrap > ul.sub-menu > li {
          border-bottom: 1px solid var(--wp--preset--color--background-lighter); }
          header.site-header .lower-header .product-range-nav .menu > li > .sub-menu-wrap > ul.sub-menu > li .sub-menu-wrap > ul.sub-menu {
            padding-left: 1.5em;
            margin-bottom: .5em; }
            header.site-header .lower-header .product-range-nav .menu > li > .sub-menu-wrap > ul.sub-menu > li .sub-menu-wrap > ul.sub-menu a {
              height: 35px;
              padding: .5em; } }

header.site-header .lower-header .visible-nav {
  margin-top: 4em;
  margin-bottom: 2em; }
  header.site-header .lower-header .visible-nav .h5 {
    margin-bottom: 1em; }
  header.site-header .lower-header .visible-nav .menu li {
    border-bottom: 0; }
    header.site-header .lower-header .visible-nav .menu li a {
      height: auto; }

header.site-header + .section-usps .tns-outer {
  max-width: calc(100% - 85px - 5%); }
  header.site-header + .section-usps .tns-outer .usps .usp-in {
    justify-content: left; }

header.site-header .shop-directly {
  position: absolute;
  right: 5%;
  bottom: -45px; }

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