/* GO v198: force offcanvas to open correctly in light mode and preserve proper backdrop/panel. */

:root {
  --go-v198-offcanvas-bg: #05080e;
  --go-v198-offcanvas-text: #ffffff;
  --go-v198-offcanvas-accent: #c7f000;
  --go-v198-offcanvas-line: rgba(255,255,255,.10);
  --go-v198-offcanvas-backdrop: rgba(4,7,12,.54);
}

html body:not(.wp-admin) .go-v24-offcanvas-layer,
html body:not(.wp-admin) .go-v24-offcanvas-layer::before,
html body:not(.wp-admin) .go-v24-offcanvas-layer::after,
html body.go-v24-menu-open:not(.wp-admin),
html body.go-v24-menu-open:not(.wp-admin)::before,
html body.go-v24-menu-open:not(.wp-admin)::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-layer::before,
html body:not(.wp-admin) .go-v24-offcanvas-layer::after,
html body.go-v24-menu-open:not(.wp-admin)::before,
html body.go-v24-menu-open:not(.wp-admin)::after,
html body.go-v24-menu-open:not(.wp-admin) header#site-header::before,
html body.go-v24-menu-open:not(.wp-admin) header#site-header::after {
  content: none !important;
  display: none !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-layer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: block !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

html body.go-v24-menu-open:not(.wp-admin),
html body.go-v24-menu-lock:not(.wp-admin) {
  overflow: hidden !important;
}

html body.go-v24-menu-open:not(.wp-admin) .go-v24-offcanvas-layer,
html body.go-v24-menu-lock:not(.wp-admin) .go-v24-offcanvas-layer,
html body:not(.wp-admin) .go-v24-offcanvas-layer[aria-hidden="false"],
html body:not(.wp-admin) .go-v24-offcanvas-layer.is-open {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  background: var(--go-v198-offcanvas-backdrop) !important;
  background-color: var(--go-v198-offcanvas-backdrop) !important;
  opacity: 0 !important;
  transition: opacity .22s ease !important;
}

html body.go-v24-menu-open:not(.wp-admin) .go-v24-offcanvas-backdrop,
html body.go-v24-menu-lock:not(.wp-admin) .go-v24-offcanvas-backdrop,
html body:not(.wp-admin) .go-v24-offcanvas-layer[aria-hidden="false"] .go-v24-offcanvas-backdrop,
html body:not(.wp-admin) .go-v24-offcanvas-layer.is-open .go-v24-offcanvas-backdrop {
  opacity: 1 !important;
}

html body:not(.wp-admin) aside#go-v24-offcanvas.go-v24-offcanvas-panel {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  width: min(336px, calc(100vw - 34px)) !important;
  max-width: min(336px, calc(100vw - 34px)) !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  transform: translate3d(-104%, 0, 0) !important;
  transition: transform .22s ease !important;
  background: var(--go-v198-offcanvas-bg) !important;
  background-color: var(--go-v198-offcanvas-bg) !important;
  background-image: none !important;
  color: var(--go-v198-offcanvas-text) !important;
  -webkit-text-fill-color: var(--go-v198-offcanvas-text) !important;
  border-right: 1px solid rgba(199,240,0,.16) !important;
  box-shadow: 18px 0 42px rgba(0,0,0,.30) !important;
}

html body.go-v24-menu-open:not(.wp-admin) aside#go-v24-offcanvas.go-v24-offcanvas-panel,
html body.go-v24-menu-lock:not(.wp-admin) aside#go-v24-offcanvas.go-v24-offcanvas-panel,
html body:not(.wp-admin) .go-v24-offcanvas-layer[aria-hidden="false"] aside#go-v24-offcanvas.go-v24-offcanvas-panel,
html body:not(.wp-admin) .go-v24-offcanvas-layer.is-open aside#go-v24-offcanvas.go-v24-offcanvas-panel {
  transform: translate3d(0, 0, 0) !important;
}

html body:not(.wp-admin) aside#go-v24-offcanvas.go-v24-offcanvas-panel,
html body:not(.wp-admin) aside#go-v24-offcanvas.go-v24-offcanvas-panel :is(.go-v24-offcanvas-head,.go-v24-offcanvas-nav,.go-v24-offcanvas-extra,.go-v24-offcanvas-brand) {
  background: var(--go-v198-offcanvas-bg) !important;
  background-color: var(--go-v198-offcanvas-bg) !important;
  background-image: none !important;
  color: var(--go-v198-offcanvas-text) !important;
  -webkit-text-fill-color: var(--go-v198-offcanvas-text) !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-head {
  min-height: 72px !important;
  padding: 0 18px !important;
  border-bottom: 1px solid var(--go-v198-offcanvas-line) !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-extra {
  border-top: 1px solid var(--go-v198-offcanvas-line) !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-extra strong,
html body:not(.wp-admin) .go-v24-offcanvas-icon,
html body:not(.wp-admin) .go-v24-offcanvas-icon svg,
html body:not(.wp-admin) .go-v24-offcanvas-icon svg * {
  color: var(--go-v198-offcanvas-accent) !important;
  -webkit-text-fill-color: var(--go-v198-offcanvas-accent) !important;
  stroke: currentColor !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-close {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-close:hover,
html body:not(.wp-admin) .go-v24-offcanvas-close:focus-visible {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.26) !important;
}

html body:not(.wp-admin) :is(.go-v24-offcanvas-nav a,.go-v24-offcanvas-extra a),
html body:not(.wp-admin) :is(.go-v24-offcanvas-nav a > span:last-child,.go-v24-offcanvas-extra a > span:last-child) {
  color: var(--go-v198-offcanvas-text) !important;
  -webkit-text-fill-color: var(--go-v198-offcanvas-text) !important;
}