body.sdb-navigation-enabled.sdb-kingster-child {
--sdb-navigation-control-width: 72px;
--sdb-notice-bg: var(--sdb-color-editorial-accent, #1f3b5b);
--sdb-notice-fg: var(--sdb-color-on-image, #ffffff);
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child {
--sdb-brand-bar-height: 78px;
--sdb-brand-bar-bg: var(--sdb-color-editorial-accent, #1f3b5b);
--sdb-brand-bar-fg: var(--sdb-color-on-image, #ffffff);
--sdb-brand-bar-divider: rgba(255, 255, 255, 0.16);
--sdb-brand-bar-structure-line: rgba(255, 255, 255, 0.30);
--sdb-brand-bar-cta-bg: var(--sdb-color-surface, #ffffff);
--sdb-brand-bar-cta-fg: var(--sdb-color-primary, #0058b7);
--sdb-brand-bar-gutter: clamp(24px, 3.2vw, 56px);
--sdb-brand-bar-item-gap: clamp(18px, 2.4vw, 40px);
--sdb-brand-bar-focus: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22));
scroll-padding-top: calc(var(--sdb-brand-bar-height) + var(--sdb-space-md, 1.25rem));
}
body.sdb-navigation-enabled.sdb-kingster-child .sdb-site-brand-stack {
display: block;
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
}
body.sdb-navigation-enabled.sdb-kingster-child .sdb-site-brand-stack[hidden] {
display: none !important;
} body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-brand-bar-mounted.sdb-kingster-child:not(.sdb-alternative-header-context) .kingster-header-wrap,
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-brand-bar-mounted.sdb-kingster-child .kingster-mobile-header,
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-brand-bar-mounted.sdb-kingster-child .kingster-fixed-navigation,
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-brand-bar-mounted.sdb-kingster-child .kingster-sticky-menu-placeholder {
display: none !important;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell {
position: relative;
z-index: 980;
display: grid;
grid-template-columns: minmax(0, 1fr);
width: 100%;
min-height: var(--sdb-brand-bar-height);
box-sizing: border-box;
} body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell--transparent::before,
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell--transparent::after {
content: "";
position: absolute;
z-index: 3;
display: block;
background: var(--sdb-brand-bar-structure-line);
pointer-events: none;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell--transparent::after {
left: 0;
right: 0;
bottom: 0;
height: 1px;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell--transparent::before {
display: none;
top: 0;
bottom: 0;
left: var(--sdb-navigation-control-width);
width: 1px;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell--transparent {
margin-bottom: calc(-1 * var(--sdb-brand-bar-height));
}
@media (min-width: 1200px) {
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell--transparent {
--sdb-brand-bar-desktop-edge: var(--sdb-brand-bar-gutter);
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell--transparent {
--sdb-brand-bar-desktop-edge: calc(var(--sdb-side-nav-rail, 72px) + var(--sdb-brand-bar-gutter));
}
body.sdb-navigation-mode-side.sdb-side-nav-floating-frame.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell--transparent {
--sdb-brand-bar-desktop-edge: calc(var(--sdb-side-nav-frame-inset, 0px) + var(--sdb-side-nav-rail, 72px) + var(--sdb-brand-bar-gutter));
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell--transparent .sdb-site-brand-bar__inner {
padding-inline: var(--sdb-brand-bar-desktop-edge);
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell--transparent .sdb-site-brand-bar__actions {
position: relative;
align-self: stretch;
padding-left: var(--sdb-brand-bar-item-gap);
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell--transparent .sdb-site-brand-bar__actions::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 1px;
background: var(--sdb-brand-bar-structure-line);
pointer-events: none;
}
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell__side-control {
display: none;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar {
position: relative;
z-index: 1;
min-width: 0;
background: var(--sdb-brand-bar-bg);
color: var(--sdb-brand-bar-fg);
box-shadow: inset 0 -1px 0 var(--sdb-brand-bar-divider);
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell--transparent .sdb-site-brand-bar {
background: transparent;
box-shadow: none;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--sdb-brand-bar-item-gap);
width: min(100%, var(--sdb-layout-max-width-site, 1920px));
min-height: var(--sdb-brand-bar-height);
margin-inline: auto;
padding-inline: var(--sdb-brand-bar-gutter);
box-sizing: border-box;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__logo {
display: inline-flex;
align-items: center;
min-width: 0;
color: var(--sdb-brand-bar-fg);
text-decoration: none;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__logo-img {
display: block;
width: auto;
height: auto;
max-width: min(340px, 46vw);
max-height: 48px;
object-fit: contain;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__logo-text {
display: block;
overflow: hidden;
color: inherit;
font-size: clamp(1rem, 0.92rem + 0.25vw, 1.15rem);
font-weight: var(--sdb-font-weight-semibold, 600);
letter-spacing: 0.01em;
text-overflow: ellipsis;
white-space: nowrap;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__navigation {
min-width: 0;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__actions {
display: flex;
align-items: center;
justify-content: flex-end;
flex: 0 0 auto;
min-width: 0;
margin-left: auto;
box-sizing: border-box;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.8rem;
min-height: var(--sdb-touch-target-min, 44px);
max-width: min(46vw, 360px);
padding: 0.5rem 0.62rem 0.5rem 1.12rem;
border: 1px solid rgba(255, 255, 255, 0.56);
border-color: color-mix(in srgb, var(--sdb-brand-bar-cta-bg) 72%, transparent);
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-brand-bar-cta-bg);
color: var(--sdb-brand-bar-cta-fg);
box-shadow: var(--sdb-elevation-1, 0 4px 12px rgba(31, 42, 54, 0.05));
font-size: clamp(0.86rem, 0.8rem + 0.18vw, 0.98rem);
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.1;
text-decoration: none;
box-sizing: border-box;
transition: transform var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, cubic-bezier(.2, 0, 0, 1)),
box-shadow var(--sdb-motion-duration-base, 180ms) ease,
background-color var(--sdb-motion-duration-base, 180ms) ease;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__cta-label {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__cta-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 32px;
height: 32px;
border-radius: var(--sdb-radius-pill, 999px);
background: rgba(0, 88, 183, 0.10);
background: color-mix(in srgb, var(--sdb-brand-bar-cta-fg) 10%, transparent);
transition: transform var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, cubic-bezier(.2, 0, 0, 1));
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__cta-icon svg {
display: block;
width: 16px;
height: 16px;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__cta:hover {
transform: translateY(-1px);
box-shadow: var(--sdb-elevation-2, 0 10px 24px rgba(31, 42, 54, 0.08));
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__cta:hover .sdb-site-brand-bar__cta-icon {
transform: translateX(2px);
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__logo:focus-visible,
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__cta:focus-visible {
outline: none;
box-shadow: var(--sdb-brand-bar-focus);
} body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell--scheme-dark {
--sdb-brand-bar-fg: var(--sdb-color-title, #364048);
--sdb-brand-bar-divider: var(--sdb-color-border, #eef3f8);
--sdb-brand-bar-cta-bg: var(--sdb-color-primary, #0058b7);
--sdb-brand-bar-cta-fg: var(--sdb-color-on-primary, #ffffff);
} body.sdb-navigation-enabled.sdb-kingster-child .sdb-site-notice-region {
position: relative;
z-index: 990;
width: 100%;
background: var(--sdb-notice-bg);
color: var(--sdb-notice-fg);
box-sizing: border-box;
}
body.sdb-navigation-enabled.sdb-kingster-child .sdb-site-notice-region__inner {
display: flow-root;
width: min(100%, var(--sdb-layout-max-width-site, 1920px));
margin-inline: auto;
padding-inline: clamp(18px, 3vw, 52px);
box-sizing: border-box;
}
body.sdb-navigation-enabled.sdb-kingster-child .sdb-site-notice-region--scheme-dark {
--sdb-notice-fg: var(--sdb-color-title, #364048);
} body.sdb-navigation-enabled.sdb-kingster-child .sdb-site-notice-region__inner:empty {
display: none;
}
@media (max-width: 1199px) {
body.sdb-navigation-enabled.sdb-kingster-child { --sdb-navigation-control-width: 60px; }
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child {
--sdb-brand-bar-height: 72px;
--sdb-brand-bar-gutter: clamp(16px, 3.6vw, 28px);
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell {
grid-template-columns: var(--sdb-navigation-control-width) minmax(0, 1fr);
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell__side-control {
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
background: var(--sdb-side-nav-primary-dark, #1f3b5b);
box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.12);
color: var(--sdb-color-on-image, #ffffff);
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell--transparent .sdb-site-brand-shell__side-control {
background: rgba(31, 59, 91, 0.14);
background: color-mix(in srgb, var(--sdb-side-nav-primary-dark, #1f3b5b) 14%, transparent);
box-shadow: none;
-webkit-backdrop-filter: saturate(115%) blur(6px);
backdrop-filter: saturate(115%) blur(6px);
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell--transparent::before,
body.sdb-side-nav-floating-frame.sdb-side-nav-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell--transparent::before {
display: block;
left: var(--sdb-navigation-control-width);
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__inner {
padding-inline: var(--sdb-brand-bar-gutter);
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__logo-img {
max-width: min(56vw, 300px);
max-height: 44px;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-side-nav-brand-bar-layout.sdb-kingster-child .sdb-side-nav-mobile-control {
position: static;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
transform: none;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-side-nav-brand-bar-layout.sdb-kingster-child .sdb-side-nav-toggle.sdb-side-nav-toggle--in-mobile-header {
position: relative !important;
inset: auto !important;
width: var(--sdb-touch-target-min, 44px);
height: var(--sdb-touch-target-min, 44px);
margin: 0 !important;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-side-nav-brand-bar-layout.sdb-kingster-child .sdb-side-nav-toggle.sdb-side-nav-toggle--in-mobile-header:hover {
border-color: transparent;
background: transparent;
box-shadow: none;
transform: none;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-side-nav-brand-bar-layout.sdb-kingster-child .sdb-side-nav-toggle--in-brand-shell .sdb-side-nav-toggle__icon,
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-side-nav-brand-bar-layout.sdb-kingster-child .sdb-side-nav-toggle--in-brand-shell .sdb-side-nav-toggle__icon::before,
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-side-nav-brand-bar-layout.sdb-kingster-child .sdb-side-nav-toggle--in-brand-shell .sdb-side-nav-toggle__icon::after {
background: var(--sdb-color-on-image, #ffffff);
}
}
@media (max-width: 782px) {
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__inner {
justify-content: flex-start;
gap: 0;
padding-right: clamp(18px, 5vw, 28px);
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__logo {
flex: 1 1 auto;
width: 100%;
max-width: 100%;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__logo-img {
max-width: min(82vw, 340px);
max-height: 50px;
} body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__actions {
display: none;
}
}
@media (max-width: 520px) {
body.sdb-navigation-enabled.sdb-kingster-child { --sdb-navigation-control-width: 54px; }
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child {
--sdb-brand-bar-height: 68px;
--sdb-brand-bar-gutter: 14px;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell {
grid-template-columns: var(--sdb-navigation-control-width) minmax(0, 1fr);
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__inner {
gap: 10px;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__logo-img {
max-width: min(80vw, 300px);
max-height: 48px;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__cta {
gap: 0.45rem;
max-width: 42vw;
min-height: 40px;
padding: 0.4rem 0.42rem 0.4rem 0.78rem;
font-size: 0.82rem;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__cta-icon {
width: 28px;
height: 28px;
}
body.sdb-navigation-enabled.sdb-kingster-child .sdb-site-notice-region__inner {
padding-inline: 14px;
}
}
@media (prefers-reduced-motion: reduce) {
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__cta,
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-bar__cta-icon {
transition: none !important;
}
} body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell--surface {
--sdb-brand-bar-bg: var(--sdb-color-surface, #ffffff);
--sdb-brand-bar-fg: var(--sdb-color-title, #364048);
--sdb-brand-bar-divider: var(--sdb-color-border, #eef3f8);
--sdb-brand-bar-structure-line: var(--sdb-color-border, #eef3f8);
--sdb-brand-bar-cta-bg: var(--sdb-color-primary, #0058b7);
--sdb-brand-bar-cta-fg: var(--sdb-color-on-primary, #ffffff);
margin-bottom: 0;
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell--surface .sdb-site-brand-bar {
background: var(--sdb-brand-bar-bg);
color: var(--sdb-brand-bar-fg);
box-shadow: inset 0 -1px 0 var(--sdb-brand-bar-divider);
}
@media (max-width: 1199px) {
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-kingster-child .sdb-site-brand-shell--surface .sdb-site-brand-shell__side-control {
background: var(--sdb-color-surface, #ffffff);
color: var(--sdb-color-title, #364048);
box-shadow: inset -1px 0 0 var(--sdb-color-border, #eef3f8);
}
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-side-nav-brand-bar-layout.sdb-kingster-child .sdb-site-brand-shell--surface .sdb-side-nav-toggle--in-brand-shell .sdb-side-nav-toggle__icon,
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-side-nav-brand-bar-layout.sdb-kingster-child .sdb-site-brand-shell--surface .sdb-side-nav-toggle--in-brand-shell .sdb-side-nav-toggle__icon::before,
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-side-nav-brand-bar-layout.sdb-kingster-child .sdb-site-brand-shell--surface .sdb-side-nav-toggle--in-brand-shell .sdb-side-nav-toggle__icon::after {
background: var(--sdb-color-title, #364048);
}
}