.wd-sticky-nav {
  position: fixed;
  inset-block: 0;
  left: 0;
  z-index: 393;
  display: flex;
  flex-direction: column;
  width: var(--wd-sticky-nav-w);
  border-right: 1px solid rgba(118, 118, 118, 0.12);
  background-color: var(--bgcolor-white);
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1)
}
.wd-sticky-nav .wd-nav-vertical {
  --nav-drop-sp: 1px
}
.wd-sticky-nav:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  visibility: visible;
  transition: visibility .0s ease .4s
}
.wd-sticky-nav:is(:hover, .wd-opened) {
  width: 275px
}
.wd-sticky-nav:is(:hover, .wd-opened):after {
  visibility: hidden
}
.wd-sticky-nav:not(:hover) .wd-dropdown {
  opacity: 0;
  visibility: hidden
}
.wd-sticky-nav-title {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  margin: 8px;
  padding: 0 12px;
  height: 44px;
  border-radius: calc(var(--wd-brd-radius) * 100);
  background: rgb(255 255 255);
  color: #fff;
  cursor: default
}
.wd-sticky-nav-title:before {
  flex: 0 0 auto;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  content: "\f122";
  font-family: "woodmart-font";
  color: var(--wd-primary-color);
  font-weight: bold;
}
.wd-sticky-nav-title span {
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  color: var(--wd-primary-color);
}
.wd-nav-sticky {
  flex: 0 0 auto;
  pointer-events: none
}
.wd-nav-sticky > li {
  position: relative !important
}
.wd-nav-sticky > li > a {
  padding: 4px 20px;
  min-width: 1px;
  min-height: 45px
}
.wd-nav-sticky > li > a .wd-nav-img {
  --nav-img-width: 20px;
  --nav-img-height: 20px;
  margin-inline-end: 0;
  max-width: none
}
.wd-nav-sticky > li > a .nav-link-text {
  display: inline-flex;
  align-items: center;
  height: 36px
}
.wd-nav-sticky > li:is(.wd-opened, :hover) > a {
  color: var(--wd-primary-color)
}
.wd-nav-sticky .wd-dropdown-menu {
  border-end-start-radius: 0;
  border-start-start-radius: 0
}
.wd-nav-sticky .wd-dropdown-menu:is(.wd-design-sized, .wd-design-full-width) {
  min-height: var(--wd-dropdown-height)
}
.wd-nav-sticky .wd-dropdown-menu:is(.wd-design-sized, .wd-design-full-width) .wd-dropdown-inner {
  height: var(--wd-dropdown-height)
}
.wd-nav-sticky .wd-dropdown-menu.wd-design-full-width {
  --wd-dropdown-width: calc(100vw - var(--wd-scroll-w) - 275px)
}
.wd-nav-sticky .wd-dropdown-menu.wd-design-full-height {
  position: fixed;
  inset-block: var(--wd-admin-bar-h) 0;
  inset-inline-start: 275px;
  max-width: calc(100vw - var(--wd-scroll-w) - 275px);
  min-height: unset;
  max-height: var(--wd-dropdown-height);
  --wd-dropdown-height: calc(100vh - var(--wd-admin-bar-h))
}
.wd-nav-sticky .wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp, .wd-nav-sticky .wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp > .wd-sub-menu {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}
.wd-nav-sticky .wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp > li:first-child > a, .wd-nav-sticky .wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp > .wd-sub-menu > li:first-child > a {
  border-top-left-radius: 0
}
.wd-nav-sticky .wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp > li:last-child > a, .wd-nav-sticky .wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp > .wd-sub-menu > li:last-child > a {
  border-bottom-left-radius: 0
}
.wd-sticky-nav:is(:hover, .wd-opened) .wd-nav-sticky {
  pointer-events: unset
}
.wd-sticky-nav:is(:hover, .wd-opened) .wd-nav-sticky > li > a .nav-link-text:not(:first-child) {
  margin-left: 10px
}
.wd-sticky-nav-content {
  margin-top: auto;
  padding: 8px;
  min-width: 275px;
  opacity: 0;
  transition: opacity .15s;
  pointer-events: none
}
.wd-sticky-nav:is(:hover, .wd-opened) .wd-sticky-nav-content {
  opacity: 1;
  transition: opacity .25s ease .12s;
  pointer-events: auto
}
.wd-sticky-nav-title span, .wd-nav-sticky > li > a:after, .wd-nav-sticky > li > a .nav-link-text {
  max-width: 0;
  width: 0;
  opacity: 0
}
.wd-sticky-nav:is(:hover, .wd-opened) .wd-sticky-nav-title span, .wd-sticky-nav:is(:hover, .wd-opened) .wd-nav-sticky > li > a:after, .wd-sticky-nav:is(:hover, .wd-opened) .wd-nav-sticky > li > a .nav-link-text {
  max-width: none;
  width: auto;
  opacity: 1;
  transition: opacity .25s ease .12s
}
@media (min-width: 1025px) {
  .admin-bar .wd-sticky-nav {
    top: var(--wd-admin-bar-h)
  }
  .wd-sticky-nav-enabled {
    margin-left: var(--wd-sticky-nav-w);
    --wd-sticky-nav-w: 60px
  }
  .wd-sticky-nav-enabled:not([class*="wrapper-boxed"]) .whb-header.whb-sticky-real.whb-sticked .whb-main-header {
    margin-left: var(--wd-sticky-nav-w)
  }
  .wd-sticky-nav-enabled .whb-sticky-header.whb-clone {
    margin-left: var(--wd-sticky-nav-w)
  }
  .wd-sticky-nav-enabled :is(.woocommerce-store-notice, .header-banner, .wd-sticky-btn, .wd-sidebar-opener) {
    left: var(--wd-sticky-nav-w)
  }
  .wd-sticky-nav-enabled [data-vc-full-width] .wd-slider {
    margin-left: var(--wd-sticky-nav-w)
  }
  .wd-sticky-nav-enabled [data-vc-full-width] .wd-slider.wd-section-stretch-content {
    margin-left: calc(var(--wd-sticky-nav-w) / 2)
  }
}