:root{ --wd-top-bar-h: .00001px; --wd-top-bar-sm-h: .00001px; --wd-top-bar-sticky-h: .00001px; --wd-top-bar-brd-w: .00001px; --wd-header-general-h: 60px; --wd-header-general-sm-h: 90px; --wd-header-general-sticky-h: .00001px; --wd-header-general-brd-w: 1px; --wd-header-bottom-h: .00001px; --wd-header-bottom-sm-h: .00001px; --wd-header-bottom-sticky-h: .00001px; --wd-header-bottom-brd-w: .00001px; --wd-header-clone-h: .00001px; --wd-header-brd-w: calc(var(--wd-top-bar-brd-w) + var(--wd-header-general-brd-w) + var(--wd-header-bottom-brd-w)); --wd-header-h: calc(var(--wd-top-bar-h) + var(--wd-header-general-h) + var(--wd-header-bottom-h) + var(--wd-header-brd-w)); --wd-header-sticky-h: calc(var(--wd-top-bar-sticky-h) + var(--wd-header-general-sticky-h) + var(--wd-header-bottom-sticky-h) + var(--wd-header-clone-h) + var(--wd-header-brd-w)); --wd-header-sm-h: calc(var(--wd-top-bar-sm-h) + var(--wd-header-general-sm-h) + var(--wd-header-bottom-sm-h) + var(--wd-header-brd-w)); } :root:has(.whb-general-header.whb-border-boxed) { --wd-header-general-brd-w: .00001px; } @media (max-width: 1024px) { :root:has(.whb-general-header.whb-hidden-mobile) { --wd-header-general-brd-w: .00001px; } } :root:has(.whb-header-bottom.whb-border-boxed) { --wd-header-bottom-brd-w: .00001px; } @media (max-width: 1024px) { :root:has(.whb-header-bottom.whb-hidden-mobile) { --wd-header-bottom-brd-w: .00001px; } } .whb-top-bar { background-color: rgba(131, 183, 53, 1); } .whb-general-header { border-color: rgba(232, 232, 232, 1);border-bottom-width: 1px;border-bottom-style: solid; } .whb-header-bottom { border-color: rgba(232, 232, 232, 1);border-bottom-width: 1px;border-bottom-style: solid; }