/* Skip to main content link — WCAG 2.4.1 (Bypass Blocks) */

.skip-link {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  padding: 0.75rem 1.25rem;
  margin: 0;
  background-color: #000 !important;
  color: #fff !important;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none !important;
  border: 2px solid #fff;
  border-radius: 0 0 0.25rem 0;
}

.skip-link:not(:focus):not(:focus-visible):not(.is-focused) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.skip-link:hover {
  color: #fff !important;
  text-decoration: none !important;
}

.skip-link:focus,
.skip-link:focus-visible,
.skip-link.is-focused {
  width: auto !important;
  height: auto !important;
  padding: 0.75rem 1.25rem !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
  border: 2px solid #fff !important;
  box-shadow: 0 0 0 3px #005fcc !important;
  outline: none !important;
}

#main-content,
#pageContent {
  scroll-margin-top: 150px;
}

#main-content:focus,
#pageContent:focus,
#main-content-start:focus {
  outline: 3px solid #005fcc;
  outline-offset: 2px;
}

/* Keyboard-only focus ring. Mouse clicks use :focus without :focus-visible, so default appearance is unchanged. */
a:focus-visible:not(.skip-link),
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #005fcc !important;
  outline-offset: 2px !important;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.sr-only-focusable:focus,
.sr-only-focusable:focus-visible {
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 1000000;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
  margin: 0 !important;
  padding: 0.75rem 1.25rem;
  overflow: visible !important;
  white-space: normal !important;
  background-color: #000 !important;
  color: #fff !important;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  border: 2px solid #fff;
  border-radius: 0 0 0.25rem 0;
}

#header .header-body .header-nav-top .nav > li > a:not(.text-light):not(.text-color-light),
#header .header-body .header-nav-top .nav > li > span:not(.text-light):not(.text-color-light) {
  color: #595959;
}

body {
  color: #595959;
}

.points > li {
  color: #595959;
}

/* Editor orange (#ff9900) on white is 2.14:1. #A34B00 is ~5.7:1 and stays orange. */
.body [style*="color:#ff9900"],
.body [style*="color: #ff9900"],
.body [style*="color:#FF9900"],
.body [style*="color: #FF9900"],
.body [style*="color:#f90"],
.body [style*="color: #f90"],
.body [style*="color:#F90"],
.body [style*="color: rgb(255, 153, 0)"],
.body [style*="color:rgb(255, 153, 0)"],
.body [style*="color: rgb(255,153,0)"],
.body [style*="color:rgb(255,153,0)"],
.body [style*="color: rgba(255, 153, 0"],
.body [style*="color:rgba(255, 153, 0"],
.body [style*="color: rgba(255,153,0"],
.body [style*="color:rgba(255,153,0"] {
  color: #A34B00 !important;
}

.nav-list label.checkbox-inline,
.nav-list .nav-item > label {
  color: #666;
}

#header .text-color-default,
#header .text-default,
.main .text-color-default,
.main .text-default {
  color: #595959 !important;
}

@media (prefers-reduced-motion: reduce) {
  .appear-animation,
  [data-appear-animation],
  [data-plugin-animated-letters],
  .owl-carousel,
  .owl-carousel-light,
  .rev_slider,
  .background-image-wrapper {
    animation: none !important;
    transition: none !important;
  }
}