/* GO v195: complete offcanvas reset for both light and dark modes. */

:root {
  --go-v195-offcanvas-bg: #05080e;
  --go-v195-offcanvas-panel: #05080e;
  --go-v195-offcanvas-text: #ffffff;
  --go-v195-offcanvas-muted: rgba(255,255,255,.72);
  --go-v195-offcanvas-line: rgba(255,255,255,.10);
  --go-v195-offcanvas-accent: #c7f000;
}

/* Do not paint the whole page black when the menu opens. */
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,
html body.go-v24-menu-open:not(.wp-admin) .go-v24-offcanvas-layer,
html body.go-v24-menu-open:not(.wp-admin) .go-v24-offcanvas-layer::before,
html body.go-v24-menu-open:not(.wp-admin) .go-v24-offcanvas-layer::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

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

html body:not(.wp-admin) .go-v24-offcanvas-layer {
  position: fixed !important;
  inset: var(--wp-admin--admin-bar--height, 0px) 0 0 0 !important;
  height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px)) !important;
  z-index: 100000 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  background: transparent !important;
  background-color: transparent !important;
  overflow: hidden !important;
}

html body.go-v24-menu-open:not(.wp-admin) .go-v24-offcanvas-layer {
  visibility: visible !important;
  pointer-events: auto !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: rgba(0,0,0,.18) !important;
  opacity: 0 !important;
  transition: opacity .18s ease !important;
}

html body.go-v24-menu-open:not(.wp-admin) .go-v24-offcanvas-backdrop {
  opacity: 1 !important;
}

/* Same dark offcanvas in light and dark mode, with readable text. */
html body:not(.wp-admin) aside#go-v24-offcanvas.go-v24-offcanvas-panel,
html body:not(.wp-admin):not(.dark-mode):not(.newsx-dark-mode):not(.is-dark-theme) aside#go-v24-offcanvas.go-v24-offcanvas-panel,
html body.dark-mode:not(.wp-admin) aside#go-v24-offcanvas.go-v24-offcanvas-panel,
html body.newsx-dark-mode:not(.wp-admin) aside#go-v24-offcanvas.go-v24-offcanvas-panel,
html body.is-dark-theme:not(.wp-admin) aside#go-v24-offcanvas.go-v24-offcanvas-panel,
html.dark body:not(.wp-admin) aside#go-v24-offcanvas.go-v24-offcanvas-panel,
html[data-theme="dark"] body:not(.wp-admin) aside#go-v24-offcanvas.go-v24-offcanvas-panel {
  position: absolute !important;
  z-index: 2 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: auto !important;
  width: 320px !important;
  max-width: min(320px, calc(100vw - 34px)) !important;
  height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px)) !important;
  min-height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px)) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden auto !important;
  background: var(--go-v195-offcanvas-panel) !important;
  background-color: var(--go-v195-offcanvas-panel) !important;
  background-image: none !important;
  color: var(--go-v195-offcanvas-text) !important;
  border-right: 1px solid rgba(199,240,0,.18) !important;
  box-shadow: 18px 0 44px rgba(0,0,0,.28) !important;
  transform: translateX(-101%) !important;
  transition: transform .22s ease !important;
}

html body.go-v24-menu-open:not(.wp-admin) aside#go-v24-offcanvas.go-v24-offcanvas-panel {
  transform: translateX(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 *::before,
html body:not(.wp-admin) aside#go-v24-offcanvas.go-v24-offcanvas-panel *::after {
  box-shadow: none !important;
  border-radius: 0 !important;
}

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-v195-offcanvas-panel) !important;
  background-color: var(--go-v195-offcanvas-panel) !important;
  background-image: none !important;
  color: var(--go-v195-offcanvas-text) !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-head {
  height: 66px !important;
  min-height: 66px !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--go-v195-offcanvas-line) !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-brand {
  width: 210px !important;
  max-width: 210px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  border: 0 !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-brand img,
html body:not(.wp-admin) .go-v27-offcanvas-logo--dark,
html body:not(.wp-admin):not(.dark-mode):not(.newsx-dark-mode):not(.is-dark-theme) .go-v27-offcanvas-logo--dark,
html body.dark-mode:not(.wp-admin) .go-v27-offcanvas-logo--dark,
html body.newsx-dark-mode:not(.wp-admin) .go-v27-offcanvas-logo--dark,
html.dark body:not(.wp-admin) .go-v27-offcanvas-logo--dark {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: auto !important;
  max-width: 184px !important;
  max-height: 34px !important;
  object-fit: contain !important;
  object-position: left center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  filter: none !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-close {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.06) !important;
  color: var(--go-v195-offcanvas-accent) !important;
  -webkit-text-fill-color: var(--go-v195-offcanvas-accent) !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-close:hover,
html body:not(.wp-admin) .go-v24-offcanvas-close:focus-visible {
  background: rgba(199,240,0,.10) !important;
  border-color: rgba(199,240,0,.34) !important;
  color: var(--go-v195-offcanvas-accent) !important;
  -webkit-text-fill-color: var(--go-v195-offcanvas-accent) !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-nav {
  padding: 14px 0 !important;
  margin: 0 !important;
  display: grid !important;
  gap: 2px !important;
  border: 0 !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-extra {
  flex: 1 1 auto !important;
  padding: 18px 0 34px !important;
  margin: 8px 0 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 2px !important;
  border: 0 !important;
  border-top: 1px solid rgba(199,240,0,.12) !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-extra strong {
  display: block !important;
  padding: 0 22px 12px !important;
  margin: 0 !important;
  color: var(--go-v195-offcanvas-accent) !important;
  -webkit-text-fill-color: var(--go-v195-offcanvas-accent) !important;
  opacity: 1 !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-nav a,
html body:not(.wp-admin) .go-v24-offcanvas-extra a,
html body:not(.wp-admin):not(.dark-mode):not(.newsx-dark-mode):not(.is-dark-theme) .go-v24-offcanvas-nav a,
html body:not(.wp-admin):not(.dark-mode):not(.newsx-dark-mode):not(.is-dark-theme) .go-v24-offcanvas-extra a,
html body.dark-mode:not(.wp-admin) .go-v24-offcanvas-nav a,
html body.dark-mode:not(.wp-admin) .go-v24-offcanvas-extra a,
html body.newsx-dark-mode:not(.wp-admin) .go-v24-offcanvas-nav a,
html body.newsx-dark-mode:not(.wp-admin) .go-v24-offcanvas-extra a,
html.dark body:not(.wp-admin) .go-v24-offcanvas-nav a,
html.dark body:not(.wp-admin) .go-v24-offcanvas-extra a {
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 22px !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--go-v195-offcanvas-text) !important;
  -webkit-text-fill-color: var(--go-v195-offcanvas-text) !important;
  opacity: 1 !important;
  text-decoration: none !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  letter-spacing: -.02em !important;
  text-transform: uppercase !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-nav a > span:last-child,
html body:not(.wp-admin) .go-v24-offcanvas-extra a > span:last-child {
  display: inline-block !important;
  color: var(--go-v195-offcanvas-text) !important;
  -webkit-text-fill-color: var(--go-v195-offcanvas-text) !important;
  opacity: 1 !important;
  background: transparent !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-nav a:hover,
html body:not(.wp-admin) .go-v24-offcanvas-nav a:focus-visible,
html body:not(.wp-admin) .go-v24-offcanvas-extra a:hover,
html body:not(.wp-admin) .go-v24-offcanvas-extra a:focus-visible {
  background: transparent !important;
  color: var(--go-v195-offcanvas-text) !important;
  -webkit-text-fill-color: var(--go-v195-offcanvas-text) !important;
  text-decoration: none !important;
}

/* Restore the old line icons: no filled blobs, lime stroke only. */
html body:not(.wp-admin) .go-v24-offcanvas-icon {
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--go-v195-offcanvas-accent) !important;
  -webkit-text-fill-color: var(--go-v195-offcanvas-accent) !important;
  opacity: 1 !important;
  background: transparent !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-icon svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  overflow: visible !important;
  color: var(--go-v195-offcanvas-accent) !important;
  fill: none !important;
  stroke: currentColor !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-icon svg *,
html body:not(.wp-admin) .go-v24-offcanvas-icon svg :is(path, circle, rect, line, polyline, polygon, g) {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  color: var(--go-v195-offcanvas-accent) !important;
  opacity: 1 !important;
}

/* Animated underline only on the text label, not on the whole row. */
html body:not(.wp-admin) .go-v24-offcanvas-nav a > span:last-child,
html body:not(.wp-admin) .go-v24-offcanvas-extra a > span:last-child {
  background-image: linear-gradient(currentColor, currentColor) !important;
  background-repeat: no-repeat !important;
  background-position: 0 100% !important;
  background-size: 0% 1px !important;
  transition: background-size .24s ease !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-nav a:hover > span:last-child,
html body:not(.wp-admin) .go-v24-offcanvas-nav a:focus-visible > span:last-child,
html body:not(.wp-admin) .go-v24-offcanvas-extra a:hover > span:last-child,
html body:not(.wp-admin) .go-v24-offcanvas-extra a:focus-visible > span:last-child {
  background-size: 100% 1px !important;
}

@media (max-width: 380px) {
  html body:not(.wp-admin) aside#go-v24-offcanvas.go-v24-offcanvas-panel {
    width: calc(100vw - 22px) !important;
    max-width: calc(100vw - 22px) !important;
  }
}