body.sdb-side-nav-enabled.sdb-kingster-child {
--sdb-side-nav-rail: 72px;
--sdb-side-nav-main: clamp(400px, 24vw, 440px);
--sdb-side-nav-sub: clamp(380px, 23vw, 420px);
--sdb-side-nav-open-width: calc(var(--sdb-side-nav-rail) + var(--sdb-side-nav-main));
--sdb-side-nav-admin-offset: 0px;
--sdb-side-nav-panel-top: clamp(58px, 6vh, 82px);
--sdb-side-nav-header-height: 56px;
--sdb-side-nav-header-gap: 34px;
--sdb-side-nav-menu-start: calc(var(--sdb-side-nav-panel-top) + var(--sdb-side-nav-header-height) + var(--sdb-side-nav-header-gap));
--sdb-side-nav-primary: var(--sdb-color-primary, #0058b7);
--sdb-side-nav-primary-dark: var(--sdb-color-editorial-accent, #1f3b5b);
--sdb-side-nav-surface: var(--sdb-color-surface, #ffffff);
--sdb-side-nav-background: var(--sdb-color-background, #f5f8fb);
--sdb-side-nav-text: var(--sdb-color-title, #364048);
--sdb-side-nav-muted: var(--sdb-color-muted, #8e9aa7);
--sdb-side-nav-border: var(--sdb-color-border, #eef3f8);
--sdb-side-nav-focus-ring: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22));
--sdb-side-nav-duration-enter: var(--sdb-motion-duration-slow, 280ms);
--sdb-side-nav-duration-exit: var(--sdb-motion-duration-exit, 140ms);
--sdb-side-nav-easing: var(--sdb-motion-easing-standard, cubic-bezier(.2, 0, 0, 1));
--sdb-side-nav-mobile-gutter: clamp(20px, 4vw, 32px);
--sdb-side-nav-mobile-header-height: 78px;
--sdb-side-nav-visual-height: 100dvh;
--sdb-side-nav-visual-offset-top: 0px;
--sdb-side-nav-layer-closed: 9000;
--sdb-side-nav-layer-backdrop: 99970;
--sdb-side-nav-layer-open: 99980;
--sdb-side-nav-layer-controls: 99985;
padding-left: var(--sdb-side-nav-rail);
overflow-x: hidden;
}
body.admin-bar.sdb-side-nav-enabled.sdb-kingster-child {
--sdb-side-nav-admin-offset: 32px;
}
body.sdb-side-nav-open.sdb-side-nav-enabled.sdb-kingster-child {
padding-left: var(--sdb-side-nav-rail);
}
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-fixed-navigation,
body.sdb-side-nav-open.sdb-side-nav-enabled.sdb-kingster-child .kingster-fixed-navigation {
left: var(--sdb-side-nav-rail) !important;
width: calc(100% - var(--sdb-side-nav-rail)) !important;
} body.sdb-side-nav-enabled .kingster-navigation,
body.sdb-side-nav-enabled .kingster-main-menu,
body.sdb-side-nav-enabled .kingster-main-menu-right {
display: none !important;
}
body.sdb-side-nav-enabled .kingster-logo,
body.sdb-side-nav-enabled .kingster-logo-inner,
body.sdb-side-nav-enabled .kingster-header-wrap {
display: block;
} body.sdb-side-nav-enabled .kingster-top-bar,
body.sdb-side-nav-enabled .kingster-top-bar-background,
body.sdb-side-nav-enabled .kingster-top-bar-container {
display: none !important;
} body.sdb-side-nav-enabled.sdb-kingster-child::before {
content: "";
position: fixed;
left: 0;
top: var(--sdb-side-nav-admin-offset);
bottom: 0;
width: var(--sdb-side-nav-rail);
z-index: var(--sdb-side-nav-layer-closed);
background: var(--sdb-side-nav-surface);
border-right: 1px solid var(--sdb-side-nav-border);
box-shadow: 6px 0 18px rgba(31, 42, 54, 0.05);
pointer-events: none;
} body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-rail-tools {
position: fixed;
left: 0;
bottom: calc(92px + env(safe-area-inset-bottom, 0px));
z-index: calc(var(--sdb-side-nav-layer-closed) + 20);
display: flex;
align-items: center;
justify-content: center;
width: var(--sdb-side-nav-rail);
box-sizing: border-box;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-rail-tools__socials {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-rail-tools__link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border: 1px solid transparent;
border-radius: var(--sdb-radius-pill, 999px);
color: var(--sdb-side-nav-muted);
background: transparent;
text-decoration: none;
box-sizing: border-box;
transition: color var(--sdb-motion-duration-base, 180ms) ease,
background-color var(--sdb-motion-duration-base, 180ms) ease,
border-color var(--sdb-motion-duration-base, 180ms) ease,
transform var(--sdb-motion-duration-base, 180ms) ease;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-rail-tools__link svg {
display: block;
width: 15px;
height: 15px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-rail-tools__link:hover {
color: var(--sdb-side-nav-primary);
background: var(--sdb-side-nav-background);
border-color: var(--sdb-side-nav-border);
transform: translateY(-1px);
}
body.sdb-side-nav-open.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-rail-tools__link {
color: rgba(255, 255, 255, 0.72);
}
body.sdb-side-nav-open.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-rail-tools__link:hover {
color: var(--sdb-color-on-image, #ffffff);
background: rgba(255, 255, 255, 0.10);
border-color: rgba(255, 255, 255, 0.18);
} body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-toggle {
position: fixed;
left: 13px;
top: calc(var(--sdb-side-nav-admin-offset) + 22px);
z-index: calc(var(--sdb-side-nav-layer-closed) + 30);
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
padding: 0;
border: 1px solid var(--sdb-side-nav-border);
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-side-nav-surface);
box-shadow: var(--sdb-shadow-element, 0 6px 16px rgba(31, 42, 54, 0.10));
cursor: pointer;
box-sizing: border-box;
transition: opacity var(--sdb-side-nav-duration-exit) ease,
transform var(--sdb-side-nav-duration-exit) ease,
border-color var(--sdb-motion-duration-base, 180ms) ease,
box-shadow var(--sdb-motion-duration-base, 180ms) ease;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-toggle:hover {
border-color: var(--sdb-color-outline, #d6e0ea);
box-shadow: var(--sdb-shadow-card, 0 10px 24px rgba(31, 42, 54, 0.14));
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-toggle:focus-visible,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__close:focus-visible,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__search:focus-visible,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu a:focus-visible,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__action:focus-visible,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__featured-action:focus-visible,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__gateway:focus-visible,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__utility-menu a:focus-visible,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-rail-tools__link:focus-visible {
outline: none;
box-shadow: var(--sdb-side-nav-focus-ring);
}
body.sdb-side-nav-open .sdb-side-nav-toggle:not(.sdb-side-nav-toggle--in-mobile-header) {
opacity: 0;
pointer-events: none;
transform: translate3d(-4px, 0, 0);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-toggle__label,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__sr-only {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-toggle__icon,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-toggle__icon::before,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-toggle__icon::after {
display: block;
width: 20px;
height: 2px;
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-side-nav-text);
content: "";
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-toggle__icon {
position: relative;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-toggle__icon::before {
position: absolute;
top: -7px;
left: 0;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-toggle__icon::after {
position: absolute;
top: 7px;
left: 0;
} body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-backdrop {
position: fixed;
inset: var(--sdb-side-nav-admin-offset) 0 0 0;
z-index: var(--sdb-side-nav-layer-backdrop);
display: block;
background: rgba(20, 26, 34, 0.28);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity var(--sdb-side-nav-duration-enter) var(--sdb-side-nav-easing),
visibility var(--sdb-side-nav-duration-enter) linear;
}
body.sdb-side-nav-open.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-backdrop {
opacity: 1;
visibility: visible;
pointer-events: auto;
} body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav {
position: fixed;
inset: var(--sdb-side-nav-admin-offset) auto 0 0;
z-index: var(--sdb-side-nav-layer-open);
width: var(--sdb-side-nav-open-width);
max-width: calc(100vw - var(--sdb-side-nav-rail));
background: transparent;
transform: translate3d(-100%, 0, 0);
transition: transform var(--sdb-side-nav-duration-enter) var(--sdb-side-nav-easing);
will-change: transform;
overflow: visible;
outline: none;
}
body.sdb-side-nav-open.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav {
transform: translate3d(0, 0, 0);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__inner {
position: relative;
display: grid;
grid-template-columns: var(--sdb-side-nav-rail) minmax(0, var(--sdb-side-nav-main));
min-height: calc(100dvh - var(--sdb-side-nav-admin-offset));
background: transparent;
box-shadow: 18px 0 44px rgba(31, 42, 54, 0.14);
overflow: visible;
} body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__brand {
grid-column: 1 / 2;
grid-row: 1 / 2;
position: relative;
min-height: calc(100dvh - var(--sdb-side-nav-admin-offset));
background: var(--sdb-side-nav-primary-dark);
border-right: 1px solid rgba(255, 255, 255, 0.16);
box-sizing: border-box;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__close {
position: absolute;
top: 24px;
left: calc(var(--sdb-side-nav-rail) / 2);
transform: translateX(-50%);
z-index: 10;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.28);
border-radius: var(--sdb-radius-md, 12px);
background: transparent;
color: var(--sdb-color-on-image, #ffffff);
font-size: 0;
line-height: 1;
cursor: pointer;
box-sizing: border-box;
transition: background-color var(--sdb-motion-duration-base, 180ms) ease,
border-color var(--sdb-motion-duration-base, 180ms) ease,
transform var(--sdb-motion-duration-base, 180ms) ease;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__close::before,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__close::after {
content: "";
position: absolute;
width: 15px;
height: 2px;
border-radius: var(--sdb-radius-pill, 999px);
background: currentColor;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__close::before {
transform: rotate(45deg);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__close::after {
transform: rotate(-45deg);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__close:hover {
background: rgba(255, 255, 255, 0.12);
border-color: rgba(255, 255, 255, 0.48);
transform: translateX(-50%) translateY(-1px);
} body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__main {
grid-column: 2 / 3;
min-height: calc(100dvh - var(--sdb-side-nav-admin-offset));
display: flex;
flex-direction: column;
background: var(--sdb-side-nav-primary);
padding: var(--sdb-side-nav-panel-top) 40px 48px;
box-sizing: border-box;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
min-height: var(--sdb-side-nav-header-height);
margin-bottom: var(--sdb-side-nav-header-gap);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__logo {
min-width: 0;
max-width: 260px;
margin: 0;
text-align: left;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__logo-img {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: 54px;
object-fit: contain;
object-position: left center;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__search {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--sdb-touch-target-min, 44px);
height: var(--sdb-touch-target-min, 44px);
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.24);
border-radius: var(--sdb-radius-pill, 999px);
background: rgba(255, 255, 255, 0.08);
color: var(--sdb-color-on-image, #ffffff);
cursor: pointer;
transition: background-color var(--sdb-motion-duration-base, 180ms) ease,
border-color var(--sdb-motion-duration-base, 180ms) ease,
transform var(--sdb-motion-duration-base, 180ms) ease;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__search svg {
width: 19px;
height: 19px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__search:hover {
background: rgba(255, 255, 255, 0.15);
border-color: rgba(255, 255, 255, 0.46);
transform: translateY(-1px);
} body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu ul {
list-style: none;
margin: 0;
padding: 0;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu {
min-height: 0;
background: transparent;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu li {
margin: 0;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu a {
text-decoration: none;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__item-label {
min-width: 0;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__item-icon {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 21px;
height: 21px;
color: currentColor;
opacity: 0.82;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__item-icon svg {
display: block;
width: 100%;
height: 100%;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__item-icon--empty {
opacity: 0;
} body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > a {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 10px 0;
font-size: clamp(28px, 2.15vw, 36px);
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.08;
letter-spacing: -0.035em;
color: rgba(255, 255, 255, 0.72);
transition: color var(--sdb-motion-duration-base, 180ms) ease,
transform var(--sdb-motion-duration-base, 180ms) ease;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > a .sdb-side-nav__item-label {
flex: 1 1 auto;
text-wrap: balance;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li.menu-item-has-children > a::after {
content: "";
display: block;
flex: 0 0 34px;
width: 34px;
height: 1px;
margin-left: 12px;
background: rgba(255, 255, 255, 0.42);
transition: background-color var(--sdb-motion-duration-base, 180ms) ease,
width var(--sdb-motion-duration-base, 180ms) ease,
transform var(--sdb-motion-duration-base, 180ms) ease;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li.menu-item-has-children > a::before {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 7px;
height: 7px;
border-top: 1px solid rgba(255, 255, 255, 0.58);
border-right: 1px solid rgba(255, 255, 255, 0.58);
transform: translateY(-50%) rotate(45deg);
transition: border-color var(--sdb-motion-duration-base, 180ms) ease,
transform var(--sdb-motion-duration-base, 180ms) ease;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li:hover > a,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li:focus-within > a,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li.sdb-side-nav__item--active > a,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li.current-menu-item > a,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li.current-menu-ancestor > a {
color: var(--sdb-color-on-image, #ffffff);
transform: translate3d(3px, 0, 0);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li:hover > a::after,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li:focus-within > a::after,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li.sdb-side-nav__item--active > a::after,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li.current-menu-ancestor > a::after {
width: 42px;
background: rgba(255, 255, 255, 0.82);
transform: translate3d(2px, 0, 0);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li:hover > a::before,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li:focus-within > a::before,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li.sdb-side-nav__item--active > a::before,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li.current-menu-ancestor > a::before {
border-color: var(--sdb-color-on-image, #ffffff);
transform: translateY(-50%) translateX(2px) rotate(45deg);
} body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu {
position: absolute;
left: var(--sdb-side-nav-open-width);
top: 0;
bottom: 0;
width: var(--sdb-side-nav-sub);
padding: var(--sdb-side-nav-menu-start) 48px 60px;
background: var(--sdb-side-nav-surface);
border-left: 1px solid var(--sdb-side-nav-border);
box-shadow: 18px 0 44px rgba(31, 42, 54, 0.10);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translate3d(-10px, 0, 0);
transition: opacity var(--sdb-side-nav-duration-exit) ease,
visibility var(--sdb-side-nav-duration-exit) linear,
transform var(--sdb-side-nav-duration-enter) var(--sdb-side-nav-easing);
box-sizing: border-box;
overflow-y: auto;
overscroll-behavior: contain;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li:hover > ul.sub-menu,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li:focus-within > ul.sub-menu,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li.sdb-side-nav__item--active > ul.sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translate3d(0, 0, 0);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li > a {
position: relative;
display: flex;
align-items: center;
gap: 12px;
min-height: 44px;
padding: 9px 0;
font-size: 17px;
font-weight: var(--sdb-font-weight-medium, 500);
line-height: 1.35;
color: var(--sdb-side-nav-text);
transition: color var(--sdb-motion-duration-base, 180ms) ease,
transform var(--sdb-motion-duration-base, 180ms) ease;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li > a .sdb-side-nav__item-label {
flex: 1 1 auto;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li.menu-item-has-children > a {
padding-right: 46px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li.menu-item-has-children > a::after {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 28px;
height: 1px;
background: var(--sdb-side-nav-border);
transform: translateY(-50%);
transition: background-color var(--sdb-motion-duration-base, 180ms) ease,
width var(--sdb-motion-duration-base, 180ms) ease;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li.menu-item-has-children > a::before {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 7px;
height: 7px;
border-top: 1px solid var(--sdb-side-nav-muted);
border-right: 1px solid var(--sdb-side-nav-muted);
transform: translateY(-50%) rotate(45deg);
transition: border-color var(--sdb-motion-duration-base, 180ms) ease,
transform var(--sdb-motion-duration-base, 180ms) ease;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li:hover > a,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li:focus-within > a,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li.sdb-side-nav__item--active > a,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li.current-menu-item > a,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li.current-menu-ancestor > a {
color: var(--sdb-side-nav-primary);
transform: translate3d(2px, 0, 0);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li:hover > a::after,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li:focus-within > a::after,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li.sdb-side-nav__item--active > a::after {
width: 34px;
background: var(--sdb-side-nav-primary);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li:hover > a::before,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li:focus-within > a::before,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li.sdb-side-nav__item--active > a::before {
border-color: var(--sdb-side-nav-primary);
transform: translateY(-50%) translateX(2px) rotate(45deg);
} body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li > ul.sub-menu {
max-height: 0;
margin: 0;
padding: 0 0 0 18px;
border-left: 1px solid transparent;
opacity: 0;
visibility: hidden;
overflow: hidden;
transition: max-height var(--sdb-side-nav-duration-enter) var(--sdb-side-nav-easing),
opacity var(--sdb-side-nav-duration-exit) ease,
margin var(--sdb-side-nav-duration-enter) var(--sdb-side-nav-easing),
border-color var(--sdb-side-nav-duration-enter) ease,
visibility var(--sdb-side-nav-duration-exit) linear;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li:hover > ul.sub-menu,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li:focus-within > ul.sub-menu,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li.sdb-side-nav__item--active > ul.sub-menu {
max-height: 720px;
margin: 2px 0 14px;
border-left-color: var(--sdb-side-nav-border);
opacity: 1;
visibility: visible;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li > ul.sub-menu a {
display: flex;
align-items: center;
gap: 10px;
min-height: 38px;
padding: 6px 0;
font-size: 15px;
font-weight: var(--sdb-font-weight-regular, 400);
line-height: 1.35;
color: var(--sdb-side-nav-muted);
transition: color var(--sdb-motion-duration-base, 180ms) ease,
transform var(--sdb-motion-duration-base, 180ms) ease;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li > ul.sub-menu .sdb-side-nav__item-icon {
width: 18px;
height: 18px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li > ul.sub-menu a:hover,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li > ul.sub-menu a:focus-visible,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li > ul.sub-menu .current-menu-item > a {
color: var(--sdb-side-nav-primary);
transform: translate3d(2px, 0, 0);
} body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__footer {
margin-top: auto;
display: grid;
gap: 14px;
padding-top: 34px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__actions {
display: grid;
gap: 10px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__featured-action {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
min-height: 58px;
padding: 9px 10px 9px 20px;
border: 1px solid rgba(255, 255, 255, 0.78);
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-color-on-image, #ffffff);
color: var(--sdb-side-nav-primary);
font-size: 15px;
font-weight: var(--sdb-font-weight-bold, 700);
line-height: 1.2;
text-decoration: none;
box-shadow: 0 12px 28px rgba(15, 38, 68, 0.16);
overflow: hidden;
transition: transform var(--sdb-motion-duration-base, 180ms) ease,
box-shadow var(--sdb-motion-duration-base, 180ms) ease,
background-color var(--sdb-motion-duration-base, 180ms) ease;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__featured-action::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(115deg, transparent 0 58%, rgba(0, 88, 183, 0.055) 78%, transparent 100%);
pointer-events: none;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__featured-action-label,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__featured-action-icon {
position: relative;
z-index: 1;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__featured-action-icon {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-side-nav-primary);
color: var(--sdb-color-on-primary, #ffffff);
transition: transform var(--sdb-motion-duration-base, 180ms) var(--sdb-side-nav-easing);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__featured-action-icon svg {
width: 18px;
height: 18px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__featured-action:hover {
transform: translateY(-2px);
box-shadow: 0 16px 34px rgba(15, 38, 68, 0.22);
background: color-mix(in srgb, var(--sdb-color-on-image, #ffffff) 94%, var(--sdb-side-nav-primary));
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__featured-action:hover .sdb-side-nav__featured-action-icon {
transform: translateX(3px);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__secondary-actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__secondary-actions > :only-child {
grid-column: 1 / -1;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__action {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 9px 14px;
border: 1px solid rgba(255, 255, 255, 0.24);
border-radius: var(--sdb-radius-pill, 999px);
background: rgba(255, 255, 255, 0.06);
color: rgba(255, 255, 255, 0.88);
font-size: 13px;
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.25;
text-align: center;
text-decoration: none;
transition: background-color var(--sdb-motion-duration-base, 180ms) ease,
color var(--sdb-motion-duration-base, 180ms) ease,
border-color var(--sdb-motion-duration-base, 180ms) ease,
transform var(--sdb-motion-duration-base, 180ms) ease;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__action:hover {
transform: translateY(-1px);
background: rgba(255, 255, 255, 0.13);
border-color: rgba(255, 255, 255, 0.42);
color: var(--sdb-color-on-image, #ffffff);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__gateway {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
min-height: 62px;
padding: 11px 12px 11px 16px;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: var(--sdb-radius-lg, 16px);
background: rgba(9, 34, 65, 0.15);
color: var(--sdb-color-on-image, #ffffff);
text-decoration: none;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
transition: background-color var(--sdb-motion-duration-base, 180ms) ease,
border-color var(--sdb-motion-duration-base, 180ms) ease,
transform var(--sdb-motion-duration-base, 180ms) ease;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__gateway-copy {
display: grid;
gap: 2px;
min-width: 0;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__gateway-kicker {
font-size: 10px;
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.2;
letter-spacing: 0.09em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.62);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__gateway-label {
font-size: 15px;
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.25;
color: var(--sdb-color-on-image, #ffffff);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__gateway-icon {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border: 1px solid rgba(255, 255, 255, 0.20);
border-radius: var(--sdb-radius-pill, 999px);
background: rgba(255, 255, 255, 0.08);
transition: background-color var(--sdb-motion-duration-base, 180ms) ease,
transform var(--sdb-motion-duration-base, 180ms) ease;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__gateway-icon svg {
width: 17px;
height: 17px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__gateway:hover {
background: rgba(9, 34, 65, 0.24);
border-color: rgba(255, 255, 255, 0.34);
transform: translateY(-1px);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__gateway:hover .sdb-side-nav__gateway-icon {
background: rgba(255, 255, 255, 0.14);
transform: translate(2px, -2px);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__utility {
padding-top: 14px;
border-top: 1px solid rgba(255, 255, 255, 0.14);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__utility-menu {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 7px 18px;
margin: 0;
padding: 0;
list-style: none;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__utility-menu li {
margin: 0;
min-width: 0;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__utility-menu a {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 2px 0;
color: rgba(255, 255, 255, 0.64);
font-size: 12.5px;
font-weight: var(--sdb-font-weight-medium, 500);
line-height: 1.3;
text-decoration: none;
transition: color var(--sdb-motion-duration-base, 180ms) ease,
transform var(--sdb-motion-duration-base, 180ms) ease;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__utility-menu a:hover {
color: var(--sdb-color-on-image, #ffffff);
transform: translateX(2px);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__mobile-social-slot {
display: none;
}  body.sdb-side-nav-mobile-layout.sdb-side-nav-enabled.sdb-kingster-child,
body.sdb-side-nav-mobile-layout.sdb-side-nav-open.sdb-side-nav-enabled.sdb-kingster-child {
padding-left: 0;
}
body.sdb-side-nav-mobile-layout.sdb-side-nav-enabled.sdb-kingster-child::before {
display: none;
}
body.sdb-side-nav-mobile-layout.sdb-side-nav-enabled.sdb-kingster-child .kingster-fixed-navigation,
body.sdb-side-nav-mobile-layout.sdb-side-nav-open.sdb-side-nav-enabled.sdb-kingster-child .kingster-fixed-navigation {
left: 0 !important;
width: 100% !important;
}
body.sdb-side-nav-mobile-layout.sdb-side-nav-enabled.sdb-kingster-child #kingster-mobile-menu,
body.sdb-side-nav-mobile-layout.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-menu-button,
body.sdb-side-nav-mobile-layout.sdb-side-nav-enabled.sdb-kingster-child .kingster-overlay-menu-icon,
body.sdb-side-nav-mobile-layout.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-button-hamburger-with-border,
body.sdb-side-nav-mobile-layout.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-mobile-menu-search,
body.sdb-side-nav-mobile-layout.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-mobile-search,
body.sdb-side-nav-mobile-layout.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-main-menu-search,
body.sdb-side-nav-mobile-layout.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-top-search-button,
body.sdb-side-nav-mobile-layout.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-search-icon,
body.sdb-side-nav-mobile-layout.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-native-mobile-menu--disabled {
display: none !important;
}
body.sdb-side-nav-mobile-layout.sdb-side-nav-mobile-integrated.sdb-side-nav-enabled.sdb-kingster-child > .sdb-side-nav-toggle:not(.sdb-side-nav-toggle--in-mobile-header) {
opacity: 0;
visibility: hidden;
pointer-events: none;
} @media (max-width: 1199px) {
body.sdb-side-nav-enabled.sdb-kingster-child {
--sdb-side-nav-rail: 60px;
}
body.admin-bar.sdb-side-nav-enabled.sdb-kingster-child {
--sdb-side-nav-admin-offset: 46px;
}
body.sdb-side-nav-enabled.sdb-kingster-child,
body.sdb-side-nav-open.sdb-side-nav-enabled.sdb-kingster-child {
padding-left: 0;
}
body.sdb-side-nav-open.sdb-side-nav-enabled.sdb-kingster-child {
overflow: hidden;
}
body.sdb-side-nav-enabled.sdb-kingster-child::before {
display: none;
}
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-fixed-navigation,
body.sdb-side-nav-open.sdb-side-nav-enabled.sdb-kingster-child .kingster-fixed-navigation {
left: 0 !important;
width: 100% !important;
} body.sdb-side-nav-enabled.sdb-kingster-child #kingster-mobile-menu,
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header-wrap .kingster-mobile-menu-button,
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-mobile-menu-button,
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-overlay-menu-icon,
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-mobile-button-hamburger-with-border,
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-mobile-menu-search,
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-mobile-search,
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-main-menu-search,
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-top-search-button,
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-search-icon,
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .sdb-side-nav-native-mobile-menu--disabled {
display: none !important;
}
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header {
position: relative;
border-bottom: 1px solid color-mix(in srgb, var(--sdb-side-nav-border) 72%, transparent);
}
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-mobile-header-container,
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-container {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
min-height: var(--sdb-side-nav-mobile-header-height);
padding: 0 var(--sdb-side-nav-mobile-gutter) !important;
box-sizing: border-box;
}
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-logo,
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-logo-inner {
margin: 0 auto 0 0 !important;
padding: 0 !important;
line-height: 1;
}
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-logo img {
display: block;
width: auto;
max-width: min(64vw, 330px);
max-height: 48px;
height: auto;
}
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-menu-right.sdb-side-nav-mobile-host,
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header-right.sdb-side-nav-mobile-host {
display: flex !important;
align-items: center;
justify-content: flex-end;
gap: 8px;
min-height: var(--sdb-touch-target-min, 44px);
margin-left: auto;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-mobile-host {
position: relative;
}
body.sdb-side-nav-mobile-integrated.sdb-side-nav-enabled.sdb-kingster-child > .sdb-side-nav-toggle:not(.sdb-side-nav-toggle--in-mobile-header) {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-mobile-control {
position: absolute;
top: 50%;
right: var(--sdb-side-nav-mobile-gutter);
z-index: 4;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
margin: 0;
line-height: 0;
transform: translateY(-50%);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-mobile-control--absolute {
position: absolute;
top: 50%;
right: var(--sdb-side-nav-mobile-gutter);
transform: translateY(-50%);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-toggle.sdb-side-nav-toggle--in-mobile-header {
position: relative !important;
inset: auto !important;
z-index: 1;
margin: 0 !important;
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--sdb-touch-target-min, 44px);
height: var(--sdb-touch-target-min, 44px);
padding: 0;
border: 0;
border-radius: var(--sdb-radius-md, 12px);
background: transparent;
box-shadow: none;
box-sizing: border-box;
transition: background-color var(--sdb-motion-duration-base, 180ms) ease,
opacity var(--sdb-side-nav-duration-exit) ease,
transform var(--sdb-side-nav-duration-exit) ease;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-toggle.sdb-side-nav-toggle--in-mobile-header:hover {
border-color: transparent;
background: var(--sdb-state-hover-bg, rgba(0, 88, 183, 0.06));
box-shadow: none;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-toggle--in-mobile-header .sdb-side-nav-toggle__icon,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-toggle--in-mobile-header .sdb-side-nav-toggle__icon::before,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-toggle--in-mobile-header .sdb-side-nav-toggle__icon::after {
background: var(--sdb-color-muted, #8e9aa7);
}
body.sdb-side-nav-open.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-toggle.sdb-side-nav-toggle--in-mobile-header {
opacity: 0;
pointer-events: none;
transform: scale(0.96);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-backdrop {
background: rgba(20, 26, 34, 0.48);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav {
width: min(480px, 92vw);
max-width: 92vw;
transform: translate3d(-105%, 0, 0);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__inner {
display: grid;
grid-template-columns: var(--sdb-side-nav-rail) minmax(0, 1fr);
min-height: calc(100dvh - var(--sdb-side-nav-admin-offset));
background: var(--sdb-side-nav-primary);
overflow-y: auto;
box-shadow: 18px 0 44px rgba(31, 42, 54, 0.22);
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__brand {
grid-column: 1 / 2;
min-height: calc(100dvh - var(--sdb-side-nav-admin-offset));
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__close {
top: 20px;
left: calc(var(--sdb-side-nav-rail) / 2);
transform: translateX(-50%);
width: 40px;
height: 40px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__close:hover {
transform: translateX(-50%);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__main {
grid-column: 2 / 3;
min-height: calc(100dvh - var(--sdb-side-nav-admin-offset));
padding: 64px 30px 40px;
background: var(--sdb-side-nav-primary);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__header {
min-height: 44px;
margin-bottom: 24px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__logo {
max-width: 210px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__logo-img {
max-height: 44px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__search {
width: 40px;
height: 40px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > a {
min-height: 44px;
padding: 8px 36px 8px 0;
gap: 12px;
font-size: clamp(26px, 3vw, 30px);
line-height: 1.12;
color: rgba(255, 255, 255, 0.78);
transform: none;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li:hover > a,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li:focus-within > a,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li.sdb-side-nav__item--active > a,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li.current-menu-item > a,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li.current-menu-ancestor > a {
color: var(--sdb-color-on-image, #ffffff);
transform: none;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li.menu-item-has-children > a::after {
position: absolute;
right: 0;
top: 50%;
flex: none;
width: 22px;
margin: 0;
background: rgba(255, 255, 255, 0.46);
transform: translateY(-50%);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li.menu-item-has-children > a::before {
right: 0;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li:hover > a::after,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li:focus-within > a::after,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li.sdb-side-nav__item--active > a::after,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li.current-menu-ancestor > a::after {
width: 26px;
background: rgba(255, 255, 255, 0.88);
transform: translateY(-50%);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu {
position: static;
width: auto;
max-height: 0;
padding: 0 0 0 14px;
margin: 0;
background: transparent;
border-left: 1px solid transparent;
box-shadow: none;
display: block;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translate3d(0, -4px, 0);
overflow: hidden;
transition: max-height var(--sdb-side-nav-duration-enter) var(--sdb-side-nav-easing),
opacity var(--sdb-side-nav-duration-exit) ease,
visibility var(--sdb-side-nav-duration-exit) linear,
transform var(--sdb-side-nav-duration-enter) var(--sdb-side-nav-easing),
margin var(--sdb-side-nav-duration-enter) var(--sdb-side-nav-easing),
padding var(--sdb-side-nav-duration-enter) var(--sdb-side-nav-easing);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li.sdb-side-nav__item--active > ul.sub-menu {
max-height: 1600px;
padding: 7px 0 10px 14px;
margin: 6px 0 14px;
border-left-color: rgba(255, 255, 255, 0.36);
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translate3d(0, 0, 0);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li > a {
justify-content: flex-start;
gap: 9px;
min-height: 40px;
padding: 6px 34px 6px 0;
color: rgba(255, 255, 255, 0.88);
font-size: 17px;
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.35;
text-align: left;
transform: none;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li > a .sdb-side-nav__item-label {
text-align: left;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu .sdb-side-nav__item-icon--empty {
display: none;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li:hover > a,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li:focus-within > a,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li.sdb-side-nav__item--active > a,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li.current-menu-item > a,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li.current-menu-ancestor > a {
color: var(--sdb-color-on-image, #ffffff);
transform: none;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li.menu-item-has-children > a::after {
right: 0;
width: 20px;
background: rgba(255, 255, 255, 0.52);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li.menu-item-has-children > a::before {
right: 0;
border-color: rgba(255, 255, 255, 0.70);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li > ul.sub-menu {
display: block;
max-height: 0;
margin: 0;
padding: 0 0 0 12px;
border-left: 1px solid transparent;
opacity: 0;
visibility: hidden;
overflow: hidden;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li.sdb-side-nav__item--active > ul.sub-menu {
max-height: 720px;
margin: 2px 0 10px;
padding: 3px 0 3px 12px;
border-left-color: rgba(255, 255, 255, 0.24);
opacity: 1;
visibility: visible;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li > ul.sub-menu a {
min-height: 36px;
padding: 5px 0;
color: rgba(255, 255, 255, 0.74);
font-size: 15.5px;
font-weight: var(--sdb-font-weight-medium, 500);
line-height: 1.35;
transform: none;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li > ul.sub-menu a:hover,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li > ul.sub-menu a:focus-visible,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li > ul.sub-menu .current-menu-item > a {
color: var(--sdb-color-on-image, #ffffff);
transform: none;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__item-icon {
color: currentColor;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu a:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.72);
outline-offset: 3px;
border-radius: var(--sdb-radius-sm, 6px);
box-shadow: none;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__footer {
padding-top: 30px;
gap: 13px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__featured-action {
min-height: 56px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__secondary-actions {
grid-template-columns: 1fr;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__action {
min-height: 42px;
font-size: 13px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-rail-tools {
display: none;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__mobile-social-slot {
display: block;
width: 100%;
margin-top: 2px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__mobile-social-slot:empty {
display: none;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__mobile-social-slot .sdb-side-nav-rail-tools {
position: static;
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
margin: 0;
padding: 14px 0 0;
border-top: 1px solid rgba(255, 255, 255, 0.16);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__mobile-social-slot .sdb-side-nav-rail-tools__socials {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 8px;
width: 100%;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__mobile-social-slot .sdb-side-nav-rail-tools__link {
width: 38px;
height: 38px;
margin: 0 !important;
padding: 0 !important;
border-color: rgba(255, 255, 255, 0.18);
background: rgba(255, 255, 255, 0.055);
color: rgba(255, 255, 255, 0.82);
line-height: 1;
transform: none;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__mobile-social-slot .sdb-side-nav-rail-tools__link:hover,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__mobile-social-slot .sdb-side-nav-rail-tools__link:focus-visible {
border-color: rgba(255, 255, 255, 0.42);
background: rgba(255, 255, 255, 0.12);
color: var(--sdb-color-on-image, #ffffff);
transform: none;
}
}
@media (max-width: 782px) {
body.admin-bar.sdb-side-nav-enabled.sdb-kingster-child {
--sdb-side-nav-admin-offset: 46px;
}
body.sdb-side-nav-enabled.sdb-kingster-child {
--sdb-side-nav-mobile-gutter: 20px;
--sdb-side-nav-mobile-header-height: 72px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-logo img {
max-width: min(70vw, 280px);
max-height: 46px;
}
}
@media (max-width: 520px) {
body.sdb-side-nav-enabled.sdb-kingster-child {
--sdb-side-nav-rail: 54px;
--sdb-side-nav-mobile-gutter: 18px;
--sdb-side-nav-mobile-header-height: 70px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .kingster-mobile-header .kingster-logo img {
max-width: min(72vw, 280px);
max-height: 46px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav {
width: 100vw;
max-width: 100vw;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__inner {
grid-template-columns: var(--sdb-side-nav-rail) minmax(0, 1fr);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__close {
left: calc(var(--sdb-side-nav-rail) / 2);
width: 38px;
height: 38px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__main {
padding: 62px 20px 34px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__header {
gap: 14px;
margin-bottom: 22px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__logo {
max-width: 180px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > a {
font-size: clamp(26px, 6.3vw, 28px);
letter-spacing: -0.025em;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li > a {
font-size: 17px;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li > ul.sub-menu a {
font-size: 15.5px;
}
} @media (max-width: 1199px) and (hover: none), (max-width: 1199px) and (pointer: coarse) {
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li:not(.sdb-side-nav__item--active):hover > ul.sub-menu,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li:not(.sdb-side-nav__item--active):hover > ul.sub-menu {
max-height: 0;
margin: 0;
padding-top: 0;
padding-bottom: 0;
border-left-color: transparent;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translate3d(0, -4px, 0);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu li:not(.sdb-side-nav__item--active):hover > a {
transform: none;
}
}   body.admin-bar.sdb-side-nav-enabled.sdb-kingster-child #wpadminbar {
z-index: 100000 !important;
} body.sdb-side-nav-enabled.sdb-kingster-child .cky-btn-revisit-wrapper,
body.sdb-side-nav-enabled.sdb-kingster-child #cky-btn-revisit-wrapper {
z-index: 99990 !important;
}
@media (prefers-reduced-motion: reduce) {
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-backdrop,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-toggle,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__close,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__search,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu a,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu ul.sub-menu,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__action,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__featured-action,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__featured-action-icon,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__gateway,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__gateway-icon,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-rail-tools__link {
transition: none !important;
}
} body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-frame {
display: contents;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child {
--sdb-side-nav-frame-inset: 14px;
--sdb-side-nav-frame-gap: 8px;
--sdb-side-nav-frame-radius: 22px;
--sdb-side-nav-frame-shadow: 0 24px 70px rgba(17, 32, 51, 0.20), 0 4px 16px rgba(17, 32, 51, 0.08);
--sdb-side-nav-frame-border: rgba(214, 224, 234, 0.82);
--sdb-side-nav-frame-reserve: 0px;
--sdb-side-nav-frame-max-width: calc(100vw - (var(--sdb-side-nav-frame-inset) * 2));
padding-left: 0;
}
body.sdb-side-nav-open.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child {
padding-left: 0;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child::before {
display: none;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .kingster-fixed-navigation,
body.sdb-side-nav-open.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .kingster-fixed-navigation {
left: 0 !important;
width: 100% !important;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-frame {
position: fixed;
left: var(--sdb-side-nav-frame-inset);
left: max(var(--sdb-side-nav-frame-inset), env(safe-area-inset-left, 0px));
top: calc(var(--sdb-side-nav-admin-offset) + var(--sdb-side-nav-frame-inset));
top: calc(var(--sdb-side-nav-admin-offset) + max(var(--sdb-side-nav-frame-inset), env(safe-area-inset-top, 0px)));
bottom: var(--sdb-side-nav-frame-inset);
bottom: max(var(--sdb-side-nav-frame-inset), env(safe-area-inset-bottom, 0px));
z-index: var(--sdb-side-nav-layer-closed);
display: block;
width: var(--sdb-side-nav-rail);
max-width: var(--sdb-side-nav-frame-max-width);
border: 0;
border-radius: var(--sdb-side-nav-frame-radius);
background: var(--sdb-side-nav-surface);
box-shadow: var(--sdb-side-nav-frame-shadow), inset 0 0 0 1px var(--sdb-side-nav-frame-border);
overflow: hidden;
isolation: isolate;
contain: layout paint;
box-sizing: border-box;
transition: width var(--sdb-side-nav-duration-enter) var(--sdb-side-nav-easing),
box-shadow var(--sdb-side-nav-duration-enter) var(--sdb-side-nav-easing);
will-change: width;
}
body.sdb-side-nav-open.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-frame {
z-index: var(--sdb-side-nav-layer-open);
width: var(--sdb-side-nav-open-width);
border-color: rgba(255, 255, 255, 0.18);
}
body.sdb-side-nav-open.sdb-side-nav-sub-open.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-frame {
width: calc(var(--sdb-side-nav-open-width) + var(--sdb-side-nav-sub));
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-toggle {
position: absolute;
left: 12px;
top: 8px;
z-index: 30;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-rail-tools {
position: absolute;
left: 0;
bottom: calc(78px + env(safe-area-inset-bottom, 0px));
z-index: 30;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav {
position: absolute;
inset: 0 auto 0 0;
z-index: 20;
height: 100%;
max-height: 100%;
max-width: none;
border-radius: inherit;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__inner,
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__brand,
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__main {
min-height: 100%;
height: 100%;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__inner {
box-shadow: none;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__main {
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.28) transparent;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__main::-webkit-scrollbar {
width: 6px;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__main::-webkit-scrollbar-thumb {
border-radius: var(--sdb-radius-pill, 999px);
background: rgba(255, 255, 255, 0.24);
}
@media (min-width: 1200px) {
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu {
height: 100%;
box-shadow: none;
}
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-backdrop {
background: rgba(17, 25, 35, 0.38);
backdrop-filter: blur(1.5px);
-webkit-backdrop-filter: blur(1.5px);
}
@media (max-width: 1199px) {
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child {
--sdb-side-nav-frame-inset: 10px;
--sdb-side-nav-frame-gap: 0px;
--sdb-side-nav-frame-radius: 20px;
--sdb-side-nav-frame-shadow: 0 24px 64px rgba(17, 32, 51, 0.25), 0 4px 14px rgba(17, 32, 51, 0.10);
--sdb-side-nav-frame-mobile-width: min(480px, calc(100vw - (var(--sdb-side-nav-frame-inset) * 2)));
padding-left: 0;
}
body.sdb-side-nav-open.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child {
padding-left: 0;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .kingster-fixed-navigation,
body.sdb-side-nav-open.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .kingster-fixed-navigation {
left: 0 !important;
width: 100% !important;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-frame {
width: 0;
max-width: calc(100vw - (var(--sdb-side-nav-frame-inset) * 2));
background: transparent;
box-shadow: none;
overflow: visible;
}
body.sdb-side-nav-open.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-frame,
body.sdb-side-nav-open.sdb-side-nav-sub-open.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-frame {
width: var(--sdb-side-nav-frame-mobile-width);
background: var(--sdb-side-nav-primary);
box-shadow: var(--sdb-side-nav-frame-shadow), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
overflow: hidden;
pointer-events: auto;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav {
width: var(--sdb-side-nav-frame-mobile-width);
max-width: none;
height: 100%;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__inner,
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__brand,
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__main {
min-height: 100%;
height: 100%;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__inner {
box-shadow: none;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-backdrop {
background: rgba(17, 25, 35, 0.52);
}
}
@media (max-width: 520px) {
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child {
--sdb-side-nav-frame-inset: 8px;
--sdb-side-nav-frame-radius: 18px;
--sdb-side-nav-frame-mobile-width: calc(100vw - (var(--sdb-side-nav-frame-inset) * 2));
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav {
width: 100%;
max-width: 100%;
}
} @media (max-width: 1199px) {
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child {
--sdb-side-nav-frame-top-gap: max(var(--sdb-side-nav-frame-inset), env(safe-area-inset-top, 0px));
--sdb-side-nav-frame-bottom-gap: max(var(--sdb-side-nav-frame-inset), env(safe-area-inset-bottom, 0px));
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-frame {
top: calc(var(--sdb-side-nav-visual-offset-top, 0px) + var(--sdb-side-nav-admin-offset) + var(--sdb-side-nav-frame-top-gap));
bottom: auto;
height: calc(var(--sdb-side-nav-visual-height, 100dvh) - var(--sdb-side-nav-admin-offset) - var(--sdb-side-nav-frame-top-gap) - var(--sdb-side-nav-frame-bottom-gap));
min-height: 0;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav,
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__inner,
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__brand {
min-height: 0;
height: 100%;
max-height: 100%;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__inner {
grid-template-rows: minmax(0, 1fr);
overflow: hidden;
-webkit-overflow-scrolling: auto;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__main {
align-self: stretch;
min-width: 0;
min-height: 0;
height: auto;
max-height: 100%;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior-y: contain;
scrollbar-gutter: stable;
scroll-padding-block: 20px;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__header,
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__context-slot,
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__global-navigation,
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__footer {
flex: 0 0 auto;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu,
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > ul.sub-menu > li > ul.sub-menu {
height: auto;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__footer {
position: static;
inset: auto;
width: auto;
height: auto;
min-height: 0;
margin-top: clamp(28px, 5vh, 42px);
align-content: start;
grid-auto-rows: max-content;
flex: 0 0 auto;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__actions,
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__secondary-actions {
height: auto;
min-height: 0;
align-content: start;
grid-auto-rows: max-content;
flex: none;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__featured-action,
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__action {
width: 100%;
height: auto !important;
max-height: none;
aspect-ratio: auto !important;
align-self: start;
justify-self: stretch;
flex: none;
}
}
@media (max-width: 520px) and (max-height: 760px) {
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__main {
padding-top: 52px;
padding-bottom: 24px;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__header {
margin-bottom: 18px;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__menu > li > a {
font-size: clamp(24px, 6vw, 27px);
padding-block: 7px;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__footer {
padding-top: 22px;
gap: 11px;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__featured-action {
min-height: 50px;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__gateway {
min-height: 56px;
}
}
@media (prefers-reduced-motion: reduce) {
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav-frame {
transition: none !important;
}
} @media (max-width: 1199px) {
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__footer {
grid-template-columns: minmax(0, 1fr);
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__mobile-social-slot {
display: block;
min-width: 0;
width: 100%;
margin: 0;
padding: 0;
clear: both;
}
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__mobile-social-slot .sdb-side-nav-rail-tools.sdb-side-nav-rail-tools--mobile,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__mobile-social-slot .sdb-side-nav-rail-tools.sdb-side-nav-rail-tools--mobile {
position: static !important;
inset: auto !important;
z-index: auto !important;
display: block !important;
width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 16px 0 0 !important;
border-top: 1px solid rgba(255, 255, 255, 0.16);
transform: none !important;
pointer-events: auto;
box-sizing: border-box;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__mobile-social-slot .sdb-side-nav-rail-tools--mobile .sdb-side-nav-rail-tools__socials {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 10px;
width: 100%;
margin: 0;
padding: 0;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__mobile-social-slot .sdb-side-nav-rail-tools--mobile .sdb-side-nav-rail-tools__link {
position: static;
flex: 0 0 36px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
margin: 0 !important;
padding: 0 !important;
border: 1px solid rgba(255, 255, 255, 0.20);
border-radius: var(--sdb-radius-pill, 999px);
background: rgba(255, 255, 255, 0.055);
color: rgba(255, 255, 255, 0.84);
line-height: 1;
transform: none !important;
box-sizing: border-box;
}
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__mobile-social-slot .sdb-side-nav-rail-tools--mobile .sdb-side-nav-rail-tools__link:hover,
body.sdb-side-nav-enabled.sdb-kingster-child .sdb-side-nav__mobile-social-slot .sdb-side-nav-rail-tools--mobile .sdb-side-nav-rail-tools__link:focus-visible {
border-color: rgba(255, 255, 255, 0.46);
background: rgba(255, 255, 255, 0.12);
color: var(--sdb-color-on-image, #ffffff);
transform: none !important;
}
}