.wd-nav-vertical .wd-dropdown-menu {
margin: 0;
top: 0;
left: 100%;
transform: translateX(-15px) translateY(0) translateZ(0);
}
.wd-nav-vertical .wd-dropdown-menu:after {
height: auto;
}
.wd-nav-vertical .wd-dropdown-menu.wd-design-full-width:not(.wd-scroll),
.wd-nav-vertical .wd-dropdown-menu.wd-design-full-width.wd-scroll .wd-dropdown-inner {
padding: 30px 35px 0 35px;
}
.wd-nav-vertical .wd-dropdown-menu:is(.wd-design-full-width, .wd-design-aside) > .container {
padding: 0;
width: auto;
}
.wd-nav-vertical > li > a .menu-label {
position: static;
margin-top: 0;
margin-inline-start: 5px;
opacity: 1;
align-self: center;
}
.wd-nav-vertical > li > a .menu-label:before {
content: none;
}
.wd-nav-vertical {
position: relative;
display: flex;
margin-right: 0;
margin-left: -30px;
border-radius: var(--wd-brd-radius);
gap: 0;
--nav-chevron-color: rgba(82, 82, 82, 0.45);
}
.wd-nav-vertical > li {
flex: 1 1 100%;
max-width: 100%;
width: 100%;
}
.wd-nav-vertical > li > a {
padding: 12px 18px;
color: var(--color-gray-800);
text-transform: unset;
font-size: 14px;
line-height: 20px;
}
.wd-nav-vertical > li:first-child > a {
border-top-left-radius: var(--wd-brd-radius);
border-top-right-radius: var(--wd-brd-radius);
}
.wd-nav-vertical > li:last-child > a {
border-bottom-right-radius: var(--wd-brd-radius);
border-bottom-left-radius: var(--wd-brd-radius);
}
.wd-nav-vertical > li.menu-mega-dropdown {
position: static;
}
.wd-nav-vertical > li.menu-item-has-children > a:after {
margin-left: auto;
color: var(--nav-chevron-color);
font-weight: 600;
font-size: 60%;
content: "\f113";
}
.wd-nav-vertical .wd-dropdown-menu:is(.wd-design-sized, .wd-design-full-width) {
min-height: 100%;
}
.wd-nav-vertical .wd-dropdown-menu:is(.wd-design-sized, .wd-design-full-width) .wd-dropdown-inner {
height: 100%;
}
.wd-nav-vertical .wd-dropdown-menu:is(.wd-design-full-width, .wd-design-aside) {
--wd-dropdown-width: 800px;
}
.wd-nav-vertical .wd-dropdown-menu.wd-design-aside {
padding-left: 0;
}
:is([class*="color-scheme-light"], .whb-color-light) .wd-nav-vertical {
--nav-chevron-color: rgba(255, 255, 255, 0.6);
}
.wd-nav-vertical.wd-design-default {
border: 1px solid var(--brdcolor-gray-200);
}
.wd-nav-vertical.wd-design-default > li:is(.wd-opened, :hover) > a {
background-color: var(--bgcolor-gray-200);
color: var(--color-gray-700);
}
.wd-nav-vertical.wd-design-default > li:not(:last-child) {
border-bottom: 1px solid var(--brdcolor-gray-200);
}
.wd-nav-vertical.wd-design-with-bg {
background-color: var(--wd-primary-color);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
--wd-icon-style-with-bg: brightness(0) invert(1);
--wd-icon-style-with-bg-hover: brightness(1) invert(0);
}
.wd-nav-vertical.wd-design-with-bg > li > a {
padding: 18px 20px;
color: #fff;
font-weight: 600;
font-size: 16px;
line-height: 24px;
}
.wd-nav-vertical.wd-design-with-bg > li > a .wd-nav-img {
margin-right: 10px;
max-height: 20px;
filter: var(--wd-icon-style-with-bg);
transition: all 0.25s ease;
}
.wd-nav-vertical.wd-design-with-bg > li:is(.wd-opened, :hover) > a {
background-color: var(--bgcolor-white);
color: var(--color-gray-800);
}
.wd-nav-vertical.wd-design-with-bg > li:is(.wd-opened, :hover) > a .wd-nav-img {
filter: var(--wd-icon-style-with-bg-hover);
}
.wd-nav-vertical.wd-design-with-bg > li.menu-item-has-children > a:after {
color: inherit;
}
[class*="color-scheme-light"] .wd-nav-vertical.wd-design-with-bg {
--wd-icon-style-with-bg-hover: brightness(0) invert(1);
}.wd-sticky-nav {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 393;
display: flex;
flex-direction: column;
width: var(--wd-sticky-nav-w);
border-right: 1px solid rgba(119, 119, 119, 0.12);
background-color: var(--bgcolor-white);
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.wd-sticky-nav:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
visibility: visible;
transition: visibility 0s ease 0.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 19px;
height: 44px;
border-radius: calc(var(--wd-brd-radius) * 100);
background: var(--wd-primary-color);
color: #fff;
cursor: default;
}
.wd-sticky-nav-title:before {
flex: 0 0 auto;
text-align: center;
font-size: 18px;
line-height: 1;
content: "\f15a";
font-family: "woodmart-font";
}
.wd-sticky-nav-title span {
margin-left: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 600;
}
.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: 55px;
}
.wd-nav-sticky > li > a .wd-nav-img {
flex: 0 0 auto;
margin-right: 0;
max-width: none;
max-height: none;
width: 34px !important;
height: 45px;
object-fit: contain;
object-position: 50% 50%;
margin-left: 12px;
}
.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 {
max-width: calc(100vw - var(--wd-scroll-w) - 275px);
--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 0.15s;
}
.wd-sticky-nav:is(:hover, .wd-opened) .wd-sticky-nav-content {
opacity: 1;
transition: opacity 0.25s ease 0.12s;
}
.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 0.25s ease 0.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: 75px;
}
.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-wrapper {
margin-left: calc(var(--wd-sticky-nav-w) / 2);
}
}