body.admin-bar .vinkehouse-header {
  margin-top: 32px;
}
body.admin-bar .vinkehouse-simple-header {
  margin-top: 0px;
}
#site-header.vinkehouse-header {
  padding: 22px 15px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  background-color: transparent;
  @media (max-width: 1024px) {
    padding: 20px 15px;
  }
  & .header-container {
    display: flex;
    width: 100%;
    align-items: center;
    @media (max-width: 1024px) {
      justify-content: space-between;
    }
    & .vinkehouse-logo-mobile {
      display: none;
      @media (max-width: 1024px) {
        display: block;
        & a {
          & img {
            width: 196px;
          }
        }
      }
    }
    & nav.left-menu {
      flex: 1;
      & ul.menu.left-menu {
        margin: 0;
        list-style: none;
        display: flex;
        gap: 20px;
        padding: 0px;
        @media (max-width: 1024px) {
          display: none;
        }
        & li {
          position: relative;
          margin: 0;
          line-height: unset;
          & a {
            text-decoration: none;
            font-family: "Inter-Display", sans-serif;
            font-size: 14px;
            font-weight: 500;
            line-height: 16.94px;
            color: #ffffff;
            text-transform: uppercase;
            transition: color 0.3s ease;
          }
          & .alt-link-style {
            color: #070707;
          }
        }
      }
      & ul.menu.left-menu li.menu-item-has-children > a::after {
        content: "•";
        color: #ffffff;
        font-size: 14px;
        margin-left: 8px;
      }
      & ul.menu.left-menu li ul.sub-menu {
        display: none;
        position: absolute;
        top: 110%;
        left: 35%;
        background-color: rgba(154, 154, 154, 0.6);
        padding: 24px 20px;
        min-width: 200px;
        box-shadow: 0px 4px 12px rgba(147, 147, 147, 0.1);
        list-style: none;
        margin: 0;
        border-radius: 12px;
        z-index: 1;
      }
      & ul.menu.left-menu li ul.sub-menu.headerSubmenuBackground {
        background-color: rgba(255, 255, 255, 1);
        box-shadow: 0px 4px 12px rgba(147, 147, 147, 0.1);
      }
      & ul.menu.left-menu li:hover > ul.sub-menu {
        display: flex;
        flex-direction: column;
        gap: 28px;
      }
    }
    & .vinkehouse-logo {
      display: flex;
      justify-content: center;
      @media (max-width: 1024px) {
        display: none;
      }
    }
    & nav.right-menu {
      flex: 1;
      @media (max-width: 1024px) {
        display: none;
      }
      & ul.menu.right-menu {
        margin: 0;
        list-style: none;
        display: flex;
        gap: 20px;
        justify-content: flex-end;
        padding: 0px;
        & li {
          position: relative;
          margin: 0;
          & a {
            text-decoration: none;
            font-family: "Inter-Display", sans-serif;
            font-size: 14px;
            font-weight: 500;
            line-height: 16.94px;
            color: #ffffff;
            text-transform: uppercase;
            transition: color 0.3s ease;
          }
          & .alt-link-style {
            color: #070707;
          }
        }
      }
    }
    & .burger-icon {
      display: none;
      @media (max-width: 1024px) {
        display: block;
        position: relative;
      }
      & nav.vinkehouse-mobile-menu {
        display: none;
      }
      & nav.vinkehouse-mobile-menu.show {
        @media (max-width: 1024px) {
          display: block;
          position: absolute;
          top: 120%;
          right: 0;
          min-width: 200px;
          background-color: rgba(154, 154, 154, 0.6);
          box-shadow: 0px 4px 12px rgba(147, 147, 147, 0.1);
          border-radius: 12px;
          padding: 24px 20px;
          z-index: 100;
        }
        & ul.menu.mobile-menu-list {
          margin: 0;
          padding: 0;
          list-style: none;
          display: flex;
          flex-direction: column;
          gap: 28px;
          & li {
            margin: 0;
            & a {
              text-decoration: none;
              font-family: "Inter-Display", sans-serif;
              font-size: 16px;
              font-weight: 500;
              line-height: 16.94px;
              color: #ffffff;
              text-transform: uppercase;
            }
          }
        }
      }
      & .vinkehouse-mobile-menu.show.mobile-nav-alternative {
        background-color: rgba(255, 255, 255, 1);
        box-shadow: 0px 4px 12px rgba(147, 147, 147, 0.1);
        & ul.menu.mobile-menu-list {
          & li {
            & a.mobile-nav-alternatvie-items {
              color: #181811;
            }
          }
        }
      }
    }
  }
}
#site-header.vinkehouse-header.headerBackground {
  background-color: #ffffff;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  margin-top: 0;
}
#site-header.vinkehouse-header.vinkehouse-simple-header {
  background-color: #ffffff;
  position: static;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  & .header-container {
    & nav.left-menu {
      flex: 1;
      @media (max-width: 1024px) {
        display: none;
      }
      & ul.menu.left-menu {
        @media (max-width: 1024px) {
          display: none;
        }
        margin: 0;
        list-style: none;
        display: flex;
        gap: 20px;
        & li {
          position: relative;
          margin: 0;
          line-height: unset;
          & a {
            text-decoration: none;
            font-family: "Inter-Display", sans-serif;
            font-size: 14px;
            font-weight: 500;
            line-height: 16.94px;
            color: #070707;
            text-transform: uppercase;
          }
        }
      }
      & ul.menu.left-menu li.menu-item-has-children > a::after {
        content: "•";
        color: #070707;
        font-size: 14px;
        margin-left: 8px;
      }
      & ul.menu.left-menu li ul.sub-menu {
        display: none;
        position: absolute;
        top: 110%;
        left: 35%;
        background-color: #ffffff;
        padding: 24px 20px;
        min-width: 200px;
        backdrop-filter: blur(20px);
        box-shadow: 0px 4px 32px 0px rgba(147, 147, 147, 0.1);
        z-index: 1;
        list-style: none;
        margin: 0;
        border-radius: 12px;
      }
      & ul.menu.left-menu li:hover > ul.sub-menu {
        display: flex;
        flex-direction: column;
        gap: 28px;
      }
    }
    & .vinkehouse-logo {
      display: flex;
      justify-content: center;
      @media (max-width: 1024px) {
        display: none;
      }
    }
    & nav.right-menu {
      flex: 1;
      @media (max-width: 1024px) {
        display: none;
      }
      & ul.menu.right-menu {
        @media (max-width: 1024px) {
          display: none;
        }
        margin: 0;
        list-style: none;
        display: flex;
        gap: 20px;
        justify-content: flex-end;
        & li {
          position: relative;
          margin: 0;
          & a {
            text-decoration: none;
            font-family: "Inter-Display", sans-serif;
            font-size: 14px;
            font-weight: 500;
            line-height: 16.94px;
            color: #070707;
            text-transform: uppercase;
          }
        }
      }
    }
    & .burger-icon {
      display: none;
      @media (max-width: 1024px) {
        display: block;
        position: relative;
      }
      & nav.vinkehouse-mobile-menu {
        display: none;
      }
      & nav.vinkehouse-mobile-menu.show {
        @media (max-width: 1024px) {
          display: block;
          position: absolute;
          top: 120%;
          right: 0;
          min-width: 200px;
          background-color: rgba(255, 255, 255, 1);
          box-shadow: 0px 4px 12px rgba(147, 147, 147, 0.1);
          border-radius: 12px;
          padding: 24px 20px;
          z-index: 100;
        }
        & ul.menu.mobile-menu-list {
          margin: 0;
          padding: 0;
          list-style: none;
          display: flex;
          flex-direction: column;
          gap: 28px;
          & li {
            margin: 0;
            & a {
              text-decoration: none;
              font-family: "Inter-Display", sans-serif;
              font-size: 16px;
              font-weight: 500;
              line-height: 16.94px;
              color: #181811;
              text-transform: uppercase;
            }
          }
        }
      }
    }
  }
}
#site-header.vinkehouse-header.vinkehouse-simple-header.is-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}