/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/navbar/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.is-style-klingit-navbar .is-style-klingit-container {
  display: flex;
  gap: 24px;
}

.is-style-klingit-navbar .is-style-klingit-container.are-vertically-aligned-center {
  align-items: center;
}

.is-style-klingit-navbar .is-style-klingit-container.are-vertically-aligned-top {
  align-items: flex-start;
}

.is-style-klingit-navbar .is-style-klingit-container.are-vertically-aligned-bottom {
  align-items: flex-end;
}

.is-style-klingit-navbar.scrolled {
  background: var(--scrolled-background-color);
}

header.wp-block-template-part {
  position: absolute;
  top: calc(0px + var(--wp-admin--admin-bar--height));
  left: 0;
  right: 0;
  z-index: 1000;
}

header.wp-block-template-part:has(.is-position-sticky) {
  position: sticky;
  top: 0;
  transition: all ease-out 300ms;
}

header.wp-block-template-part:has(.is-position-sticky.is-position-fixed) {
  position: fixed;
}

header .is-position-sticky {
  position: relative;
  top: 0;
  transition: all ease-out 300ms;
}

.admin-bar header.wp-block-template-part:has(.is-position-sticky) {
  top: 32px;
}

header .has-scrolled-background.sticky {
  background-color: var(--scrolled-background-color) !important;
  box-shadow: 0px 12px 55px rgba(0, 0, 0, 0.06);
}

header .has-scrolled-background.sticky {
  background-color: var(--scrolled-background-color) !important;
  box-shadow: 0px 12px 55px rgba(0, 0, 0, 0.06);
}

.has-scrolled-text p, .has-scrolled-text a {
  transition: color ease-out 300ms;
}

.has-scrolled-text.sticky {
  color: var(--scrolled-text-color) !important;
}

.has-scrolled-text.sticky a:not(.wp-element-button, .wp-block-klingit-basic-submenu a) {
  color: var(--scrolled-link-color);
}

.has-scrolled-text.sticky a.wp-block-klingit-basic-logo:not(.has-text-color) {
  color: var(--scrolled-text-color) !important;
}

.menu-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  pointer-events: none;
}

.wp-block-klingit-mega-menu-navbar .menu-button {
  position: absolute;
  top: 50%;
  transform: translate(8px, -50%);
  right: 15px;
  border: 0;
  background: transparent;
  padding: 0;
  color: inherit;
  cursor: pointer;
  z-index: 3;
}

.wp-block-klingit-mega-menu-navbar .close-button svg rect:nth-child(1) {
  transform: rotate(45deg) translate(3px, -2px);
}

.wp-block-klingit-mega-menu-navbar .close-button svg rect:nth-child(2) {
  display: none;
}

.wp-block-klingit-mega-menu-navbar .close-button svg rect:nth-child(3) {
  transform: rotate(-45deg) translate(-7px, -1.5px);
}

.wp-block-klingit-mega-menu-navbar .menu-button svg {
  display: block;
  padding: 10px;
}

.wp-block-klingit-mega-menu-navbar .wp-block-columns {
  margin-bottom: 0 !important;
}

header .menu-overlay {
  position: fixed;
  inset: 0;
  background: transparent;
  z-index: 1;
  visibility: hidden;
}

header[aria-expanded=true] .menu-overlay {
  visibility: visible;
}

header[aria-expanded=true] .menu-wrapper {
  pointer-events: all;
}

header .menu-container {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  max-width: 480px;
  width: 100%;
  min-width: 320px;
  height: 100%;
  overflow: hidden scroll;
  padding: var(--wp--preset--spacing--medium, 24px) 0 96px;
  background: var(--menu-background-color, var(--wp--preset--color--bg));
  color: var(--menu-text-color, var(--wp--preset--color--dark));
  box-shadow: 0 7px 50px rgba(0, 0, 0, 0.05);
  z-index: 4;
  transform: translateX(100%);
  transition: transform ease-out 300ms;
}
header .menu-container a {
  color: inherit !important;
}

header[aria-expanded=true] .menu-container {
  transform: translateX(0%);
}

header .menu-container .wp-block-navigation-item__content {
  display: flex;
  padding: 20px 15px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  color: var(--menu-link-color, var(--wp--preset--color--dark));
}

header .menu-container .wp-block-klingit-basic-nav-link:not(:last-child) {
  padding: 0 15px;
}

header .menu-container .wp-block-klingit-basic-nav-link:not(:last-child) .wp-block-navigation-item__content {
  padding: 20px 0;
}

header .menu-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
  padding: 0 15px;
}

header .menu-bar .menu-button {
  position: relative;
  transform: translateX(8px);
  top: 0;
  right: 0;
}

header .menu-container .wp-block-buttons {
  margin: 15px 0;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

header .menu-container .wp-block-group .wp-block-buttons {
  padding: 0;
}

header .menu-container .wp-element-button {
  width: 100%;
  justify-content: center;
}

header .submenu-content-dropdown .wp-element-button {
  width: initial;
  justify-content: initial;
}

@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}
@media screen and (max-width: 782px) {
  .admin-bar header.wp-block-template-part:has(div.is-position-sticky) {
    top: 46px;
  }
  header .menu-container {
    max-width: 782px;
  }
}
@media (max-width: 1023.98px) {
  .wp-block-klingit-mega-menu-navbar > div:not(.menu-wrapper) .wp-block-group > *:not(.wp-block-klingit-basic-logo, .wp-block-site-logo),
  .wp-block-klingit-mega-menu-navbar > div:not(.menu-wrapper) .wp-block-columns > .wp-block-column {
    display: none;
  }
  .wp-block-klingit-mega-menu-navbar > div:not(.menu-wrapper) .wp-block-column:has(.wp-block-klingit-basic-logo),
  .wp-block-klingit-mega-menu-navbar > div:not(.menu-wrapper) .wp-block-column:has(.wp-block-site-logo) {
    display: block;
  }
  header .menu-container .submenu-content-dropdown .wp-block-columns,
  header .menu-container .submenu-content .wp-block-columns {
    flex-wrap: wrap !important;
    flex-direction: column !important;
  }
  header .menu-container .submenu-content-dropdown .wp-block-group,
  header .menu-container .submenu-content .wp-block-group {
    gap: 10px !important;
  }
}
@media (min-width: 1024px) {
  .wp-block-klingit-mega-menu-navbar .menu-button,
  header .menu-container,
  header .menu-overlay,
  header .menu-wrapper {
    display: none;
  }
  header:has(.submenu-basic.visible) .has-scrolled-background,
  header:has([aria-expanded=true]) .has-scrolled-background {
    background-color: var(--scrolled-background-color) !important;
    box-shadow: 0px 12px 55px rgba(0, 0, 0, 0.06);
  }
  header:has(.submenu-basic.visible) .has-scrolled-text .wp-block-group,
  header:has([aria-expanded=true]) .has-scrolled-text .wp-block-group {
    color: var(--scrolled-text-color);
  }
  header:has(.submenu-basic.visible) .has-scrolled-text a:not(.wp-element-button, .wp-block-klingit-basic-submenu a),
  header:has([aria-expanded=true]) .has-scrolled-text a:not(.wp-element-button, .wp-block-klingit-basic-submenu a) {
    color: var(--scrolled-link-color);
  }
}

/*# sourceMappingURL=style-index.css.map*/