/* GO v197: offcanvas must open in light mode, keep proper backdrop, and home media must fill cards. */

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

/* Prevent extra page-wide black layers when the menu opens. */
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.go-v24-header::before,
html body.go-v24-menu-open:not(.wp-admin) header#site-header.go-v24-header::after,
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 {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-layer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147482000 !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

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

html body.go-v24-menu-open:not(.wp-admin) .go-v24-offcanvas-layer {
  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;
  background: var(--go-v197-offcanvas-backdrop) !important;
  background-color: var(--go-v197-offcanvas-backdrop) !important;
  opacity: 0 !important;
  transition: opacity .22s ease !important;
}

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

html body:not(.wp-admin) aside#go-v24-offcanvas.go-v24-offcanvas-panel {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !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;
  transform: translate3d(-104%, 0, 0) !important;
  transition: transform .22s ease !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: var(--go-v197-offcanvas-bg) !important;
  background-color: var(--go-v197-offcanvas-bg) !important;
  background-image: none !important;
  color: var(--go-v197-offcanvas-text) !important;
  -webkit-text-fill-color: var(--go-v197-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 {
  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-v197-offcanvas-bg) !important;
  background-color: var(--go-v197-offcanvas-bg) !important;
  background-image: none !important;
  color: var(--go-v197-offcanvas-text) !important;
  -webkit-text-fill-color: var(--go-v197-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-v197-offcanvas-line) !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-brand,
html body:not(.wp-admin) .go-v24-offcanvas-brand:hover,
html body:not(.wp-admin) .go-v24-offcanvas-brand:focus-visible {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-brand img {
  display: block !important;
  width: auto !important;
  max-width: 184px !important;
  max-height: 34px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

html body:not(.wp-admin):not(.dark-mode):not(.newsx-dark-mode):not(.is-dark-theme) .go-v27-offcanvas-logo--light,
html body.is-dark-theme:not(.wp-admin) .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,
html[data-theme="dark"] body:not(.wp-admin) .go-v27-offcanvas-logo--dark {
  display: block !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;
  border-radius: 0 !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1 !important;
  box-shadow: 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(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.26) !important;
}

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

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

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

html body:not(.wp-admin) :is(.go-v24-offcanvas-nav a,.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;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--go-v197-offcanvas-text) !important;
  -webkit-text-fill-color: var(--go-v197-offcanvas-text) !important;
  text-decoration: none !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  letter-spacing: -.02em !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

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

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

html body:not(.wp-admin) .go-v24-offcanvas-icon {
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--go-v197-offcanvas-accent) !important;
  -webkit-text-fill-color: var(--go-v197-offcanvas-accent) !important;
}

html body:not(.wp-admin) .go-v24-offcanvas-icon svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  fill: none !important;
  stroke: currentColor !important;
  color: var(--go-v197-offcanvas-accent) !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-v197-offcanvas-accent) !important;
}

/* Home: make the media fill the cards cleanly. */
html body.home:not(.wp-admin) :is(.go-ds-hero-card,.go-ds-card,.go-ds-card-media,.go-ds-anchor-card,.go-ds-anchor-media) {
  overflow: hidden !important;
}

html body.home:not(.wp-admin) :is(.go-ds-hero-card > a,.go-ds-card-link) {
  position: relative !important;
  overflow: hidden !important;
}

html body.home:not(.wp-admin) :is(.go-ds-hero-img,.go-ds-card-img,.go-ds-anchor-img,.go-ds-card-media img,.go-ds-hero-card img,.go-ds-anchor-media img) {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}

html body.home:not(.wp-admin) .go-ds-card-media,
html body.home:not(.wp-admin) .go-ds-hero-card > a,
html body.home:not(.wp-admin) .go-ds-anchor-media {
  background: #0b0d13 !important;
}
