/* * * * * * * * * DESIGN TOKENS * * * * * * * * */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);

@font-face {
    font-family: "Psycho Manifest";
    src: url("../fonts/dcc_-_manifest-webfont.eot");
    src: url("../fonts/dcc_-_manifest-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/dcc_-_manifest-webfont.woff2") format("woff2"),
         url("../fonts/dcc_-_manifest-webfont.woff") format("woff"),
         url("../fonts/dcc_-_manifest-webfont.ttf") format("truetype"),
         url("../fonts/dcc_-_manifest-webfont.svg#dcc_-_manifestregular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Vertigo Death";
    src: url("../fonts/brand/VertigoDeath.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "VertigoDeath";
    src: url("../fonts/brand/VertigoDeath.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "GoBold";
    src: url("../fonts/brand/Gobold-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "GoBold";
    src: url("../fonts/brand/Gobold-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
  --black: #000;
  --coal: #080504;
  --panel: rgba(8, 5, 4, 0.86);
  --panel-red: rgba(34, 2, 0, 0.82);
  --bone: #f0e8dc;
  --muted: #b9aea0;
  --red: #b51c10;
  --blood: #330000;
  --orange: #f24a16;
  --ember: #ff8a00;
  --toxic: #9ee018;
  --blue: #29b7ff;
  --violet: #8e4dff;
  --line: rgba(242, 74, 22, 0.46);
  --focus: #ff8a00;
  --font-display: "Vertigo Death", "VertigoDeath", "Psycho Manifest", Impact, Haettenschweiler, "Arial Narrow", sans-serif;
  --font-utility: "GoBold", "Arial Narrow", Arial, sans-serif;
  --font-body: "Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --radius: 6px;
}

/* * * * * * * * * TYPOGRAPHY * * * * * * * * */
html {
  text-size-adjust: 100%;
}

body {
  color: var(--bone);
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.6;
}

p,
li,
td,
dd,
.entry-content,
.entry-summary,
.comment-content {
  color: var(--bone);
  font-family: var(--font-body);
  line-height: 1.6;
}

p {
  margin-bottom: 1rem;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  color: var(--orange);
  font-family: var(--font-display);
  font-weight: normal;
  letter-spacing: 0;
  line-height: .95;
  overflow-wrap: anywhere;
  text-shadow: 0 0 8px rgba(242, 74, 22, .82), 0 0 18px rgba(255, 138, 0, .28);
  text-transform: uppercase;
}

h1,
.h1 {
  font-size: clamp(3.2rem, 9vw, 7.5rem) !important;
}

h2,
.h2 {
  font-size: clamp(2.4rem, 6vw, 5rem) !important;
}

h4,
.h4,
h5,
.h5,
h6,
.h6,
.widget-title,
.entry-meta,
.entry-footer,
label,
legend,
.badge,
button,
.btn,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  font-family: var(--font-utility);
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.18;
  text-transform: uppercase;
}

h3,
.h3 {
  font-size: clamp(1.6rem, 3vw, 2.6rem) !important;
  text-shadow: 0 0 7px rgba(242, 74, 22, .65), 0 0 14px rgba(255, 138, 0, .25);
  text-transform: uppercase;
}

h4,
.h4 {
  color: var(--ember);
  font-size: clamp(1.2rem, 2vw, 1.6rem) !important;
}

h5,
.h5 {
  color: var(--bone);
  font-size: clamp(.95rem, 1.5vw, 1.1rem) !important;
}

h6,
.h6 {
  color: var(--muted);
  font-size: .85rem !important;
}

.entry-title {
  margin-bottom: .75rem;
}

.entry-meta,
.entry-footer,
.cat-links,
.tags-links,
.comments-link,
.wp-caption .wp-caption-text,
figcaption,
small {
  color: var(--muted);
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin-top: 1.35em;
}

.entry-content blockquote,
.comment-content blockquote {
  background: rgba(0, 0, 0, .34);
  border-left: 4px solid var(--orange);
  color: var(--bone);
}

.entry-content blockquote p,
.comment-content blockquote p {
  color: var(--bone);
}

.page-faq .entry-content h3,
.page-faq .entry-content h4,
.page-faq .entry-content h5,
.page-faq .entry-content h6,
.page-faq .entry-content strong {
  color: var(--ember);
  font-family: var(--font-utility);
  font-size: clamp(1.2rem, 2vw, 1.55rem);
  font-weight: 700;
  line-height: 1.18;
  text-shadow: 0 0 6px rgba(242, 74, 22, .55);
  text-transform: uppercase;
}

.page-faq .entry-content h3,
.page-faq .entry-content h4,
.page-faq .entry-content h5,
.page-faq .entry-content h6 {
  margin: 1.7rem 0 .45rem;
}

.page-faq .entry-content p {
  margin-bottom: 1.15rem;
}

/* Eyebrow/kicker helpers for page content editors. */
.eyebrow,
.kicker,
.utility-label,
.fast-answer,
.price,
.pricing,
.alert-label {
  font-family: var(--font-utility);
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.1;
  text-transform: uppercase;
}

.eyebrow,
.kicker,
.alert-label {
  color: var(--ember);
  font-size: clamp(.75rem, 1.4vw, 1rem);
}

.alert-label,
.urgent,
.notice-urgent {
  color: var(--toxic);
}

/* * * * * * * * * MOBILE SAFEGUARDS * * * * * * * * */
@media (max-width: 767px) {
  html {
    background: var(--black);
  }

  body {
    background-color: var(--black) !important;
    background-image: none !important;
    font-size: 1rem;
  }

  #page {
    isolation: isolate;
    min-height: 100vh;
    position: relative;
    z-index: 0;
  }

  #page::before {
    background-image: url("../img/background-2026.jpg");
    background-position: 88% top;
    background-repeat: no-repeat;
    background-size: auto 100vh;
    content: "";
    inset: 0;
    pointer-events: none;
    position: fixed;
    z-index: -1;
  }

  h1,
  .h1 {
    font-size: clamp(3.2rem, 18vw, 5.5rem) !important;
  }

  h2,
  .h2 {
    font-size: clamp(2.4rem, 13vw, 4rem) !important;
  }

  h3,
  .h3 {
    font-size: clamp(1.55rem, 8vw, 2.4rem) !important;
  }

  h4,
  .h4 {
    font-size: clamp(1.15rem, 6vw, 1.55rem) !important;
  }

  .SVMasthead {
    margin-top: 52px !important;
    margin-bottom: 34px !important;
  }
}

/* * * * * * * * * NAVBAR * * * * * * * * */
.navbar {
  background-color: rgba(0, 0, 0, .86) !important;
  border-bottom: 1px solid var(--line);
  font-family: var(--font-display);
  font-size: clamp(1.85rem, 3vw, 2.65rem);
  line-height: 1;
  padding: .25rem .5rem;
  text-transform: lowercase;
}

.navbar .nav-link,
.dropdown-menu .nav-link {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--bone) !important;
  font-family: var(--font-display) !important;
  font-weight: normal !important;
  letter-spacing: 0;
  line-height: .95;
  outline: 0 !important;
  padding: .35rem .7rem;
  text-shadow: 0 0 5px rgba(242, 74, 22, .38);
  text-decoration: none !important;
  text-transform: lowercase;
}

.navbar .nav-link[href*="lights-out"] {
  color: var(--toxic) !important;
  text-shadow: 0 0 7px rgba(158, 224, 24, .72), 0 0 14px rgba(158, 224, 24, .28);
}

.navbar .nav-link[href*="lights-out"]:hover,
.navbar .nav-link[href*="lights-out"]:focus {
  color: var(--toxic) !important;
  text-decoration: none !important;
  text-shadow: 0 0 9px rgba(158, 224, 24, .86), 0 0 18px rgba(158, 224, 24, .35);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .dropdown-menu .nav-link:hover,
.navbar-dark .navbar-nav .dropdown-menu .nav-link:focus {
  color: var(--ember) !important;
  text-decoration: none !important;
  text-shadow: 0 0 8px rgba(255, 153, 0, .8);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--orange) !important;
  outline: 0 !important;
  text-shadow: 0 0 7px rgba(242, 74, 22, .85), 0 0 12px rgba(255, 138, 0, .32);
}

.dropdown-menu {
  background-color: rgba(0, 0, 0, .92);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  font-family: var(--font-display);
  font-size: clamp(1.65rem, 2.5vw, 2.15rem);
  padding: .25rem 0;
  text-transform: lowercase;
}

.navbar-toggler {
  background-color: var(--blood);
  border: 1px solid var(--orange);
  border-radius: var(--radius);
  color: var(--bone);
  font-family: var(--font-utility);
}

.navbar-toggler:hover,
.navbar-toggler:focus {
  background-color: var(--black);
  color: var(--ember);
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

@media (max-width: 767px) {
  .navbar {
    font-size: clamp(1.75rem, 8vw, 2.55rem);
  }

  .navbar .nav-link,
  .dropdown-menu .nav-link {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    line-height: .9;
    min-height: 42px;
    padding: .24rem .75rem;
  }

  .dropdown-menu {
    background-color: transparent !important;
    border: 0;
  }

  .nav-item {
    padding-left: 0 !important;
    margin-bottom: .18rem;
  }

  .topCush {
    margin-bottom: 12px !important;
  }
}

.custom-logo-link {
  margin-right: 1rem;
}

.site-title a,
.navbar-dark .navbar-brand,
.site-description {
  color: var(--bone);
  margin-bottom: 0;
}

.navbar-brand {
  font-size: 1.5rem;
}

.dropdown-toggle::after {
  border: none !important;
  content: "\f107" !important;
  font: normal normal normal 14px/1 FontAwesome;
  vertical-align: 0;
}

li.menu-item.show a.dropdown-toggle::after {
  content: "\f106" !important;
}

/* * * * * * * * * LINKS AND BUTTONS * * * * * * * * */
a {
  color: var(--orange);
  text-decoration: underline;
  text-decoration-color: rgba(242, 74, 22, .55);
  text-underline-offset: .18em;
}

a:link,
a:visited,
.entry-meta a,
.comments-link a,
.edit-link a,
.cat-links a,
.tags-links a,
.single .post-navigation .nav-links a,
.sidebar-1-area .widget ul li a,
.footer-widgets .widget ul li a,
.comments-area .logged-in-as a {
  color: var(--orange);
}

a:hover,
a:active,
a:focus,
.entry-meta a:hover,
.comments-link a:hover,
.edit-link a:hover,
.cat-links a:hover,
.tags-links a:hover,
.single .post-navigation .nav-links a:hover,
.sidebar-1-area .widget ul li a:hover,
.footer-widgets .widget ul li a:hover,
.comments-area .comment-reply-link:hover,
.comments-area .comment-edit-link:hover,
.comments-area .comment-author a:hover,
.comments-area .logged-in-as a:hover {
  color: var(--ember);
  text-decoration: underline;
  text-decoration-color: var(--ember);
}

a:focus,
button:focus,
.btn:focus,
.button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.btn,
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.btn-outline-primary,
.btn-primary {
  background: linear-gradient(to bottom, var(--ember) 0%, var(--orange) 100%);
  border: 1px solid var(--ember) !important;
  border-radius: var(--radius);
  color: var(--coal) !important;
  line-height: 1.1;
  padding: .6rem 1rem;
  text-decoration: none;
  text-shadow: none;
}

.btn:hover,
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.btn-outline-primary:hover,
.btn-primary:hover {
  background: linear-gradient(to bottom, #ffb000 0%, var(--orange) 100%);
  border-color: var(--focus) !important;
  color: var(--coal) !important;
  text-decoration: none;
}

.btn-secondary,
.button.secondary {
  background: var(--panel-red);
  border-color: var(--orange) !important;
  color: var(--bone) !important;
}

.btn-alert,
.button.alert {
  background: var(--toxic);
  border-color: var(--toxic) !important;
  color: var(--black) !important;
}

/* * * * * * * * * PANELS, CARDS, ARCHIVES * * * * * * * * */
.card,
.SVwidget,
.sidebar-1-area .widget,
.footer-widgets .widget,
.comment-list > li,
.comments-area .comment-respond,
.content-area.wp-bp-404 .card-body {
  background-color: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--bone);
}

.card-header,
.card-footer,
.entry-footer.card-footer {
  background: rgba(51, 0, 0, .54);
  border-color: var(--line);
  color: var(--muted);
}

.badge-light,
.cat-links .badge,
.tags-links .badge {
  background-color: var(--coal);
  border: 1px solid var(--orange) !important;
  color: var(--bone);
}

.badge-light:hover,
.cat-links .badge:hover,
.tags-links .badge:hover {
  background-color: var(--orange) !important;
  border-color: var(--bone) !important;
  color: var(--black);
}

.sidebar-1-area .widget ul,
.footer-widgets .widget ul {
  color: var(--muted);
}

table th,
table td {
  border-color: rgba(242, 74, 22, .24);
}

hr {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(242, 74, 22, .9), rgba(255, 138, 0, .5), rgba(0, 0, 0, 0));
  border: 0;
  height: 1px;
}

/* * * * * * * * * FORMS * * * * * * * * */
label,
legend {
  color: var(--bone);
  display: inline-block;
  margin-bottom: .35rem;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select,
textarea {
  background-color: rgba(0, 0, 0, .78);
  border: 1px solid rgba(242, 74, 22, .58);
  border-radius: var(--radius);
  color: var(--bone);
  font-family: var(--font-body);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
select:focus,
textarea:focus {
  background-color: rgba(0, 0, 0, .92);
  border-color: var(--focus);
  color: var(--bone);
  box-shadow: 0 0 0 .2rem rgba(255, 153, 0, .22);
}

::placeholder {
  color: var(--muted);
  opacity: 1;
}

/* * * * * * * * * SOCIAL * * * * * * * * */
.social {
  clear: both;
  margin: 10px;
  padding: 0 10px;
  text-align: center;
}

ul.like-buttons {
  list-style: none;
  margin: 5px 0 20px 0;
  padding: 0;
  text-align: center;
}

ul.like-buttons li {
  display: inline-block;
  margin: 0 5px;
}

.fb-comments,
.fb-comments iframe[style],
.fb-like-box,
.fb-like-box iframe[style] {
  width: 100% !important;
}

.fb-comments span,
.fb-comments iframe span[style],
.fb-like-box span,
.fb-like-box iframe span[style],
.fb-page,
.fb-page span,
.fb-page span iframe[style] {
  width: 100% !important;
}

.sv-social-icons {
  text-align: center;
}

/* * * * * * * * * FOOTER * * * * * * * * */
.site-footer {
  border-top: 1px solid var(--line);
}

.site-info {
  color: var(--muted);
  font-size: .85rem;
}

.wp-bp-footer-widget {
  font-size: .9rem;
}

.wp-bp-footer-widget .widget-title,
.footer-widgets h2,
.footer-widgets h3,
.footer-widgets h4,
.footer-widgets h5 {
  color: var(--bone);
  font-family: var(--font-utility);
}

.SVfooter a,
.SVfooter a:link {
  color: var(--orange) !important;
}

.SVfooter a:hover,
.SVfooter a:focus {
  color: var(--ember) !important;
}

.footer-credit-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem 2rem;
  justify-content: center;
  margin-top: 1rem;
}

.footer-credit {
  align-items: center;
  display: flex;
  flex: 0 1 280px;
  flex-direction: column;
  gap: .35rem;
  justify-content: center;
}

.footer-credit p {
  color: var(--muted);
  font-family: var(--font-utility);
  font-size: .78rem;
  line-height: 1.1;
  margin: 0;
  text-transform: uppercase;
}

.footer-credit img {
  display: block;
  max-height: 46px;
  max-width: min(260px, 100%);
  object-fit: contain;
  width: auto;
}

.footer-credit:first-child img {
  max-height: 38px;
}

@media (max-width: 767px) {
  .footer-credit-row {
    gap: 1rem;
  }

  .footer-credit {
    flex-basis: 100%;
  }
}

/* * * * * * * * * MISC * * * * * * * * */
.SVMasthead {
  margin: 2rem auto;
  text-align: center;
}

.topCush {
  margin-bottom: 60px;
}

.home-scroll-wheel {
  background: rgba(0, 0, 0, .82);
  border-bottom: 1px solid rgba(158, 224, 24, .22);
  border-top: 1px solid rgba(158, 224, 24, .22);
  color: var(--bone);
  font-family: var(--font-utility);
  font-size: clamp(.78rem, 1.35vw, 1.05rem);
  font-weight: 700;
  line-height: 1;
  margin: -1rem 0 2rem;
  overflow: hidden;
  padding: .7rem 0 .6rem;
  text-transform: uppercase;
  white-space: nowrap;
}

.home-scroll-wheel-track {
  align-items: center;
  animation: home-scroll-wheel 34s linear infinite;
  display: inline-flex;
  min-width: max-content;
}

.home-scroll-wheel span {
  align-items: center;
  display: inline-flex;
  padding-right: 2.25rem;
}

.home-scroll-wheel span::after {
  color: var(--ember);
  content: "/";
  margin-left: 2.25rem;
  opacity: .85;
}

@keyframes home-scroll-wheel {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media (max-width: 767px) {
  .home-scroll-wheel {
    font-size: .82rem;
    margin: .25rem 0 1.25rem;
    padding: .58rem 0 .52rem;
  }

  .home-scroll-wheel span {
    padding-right: 1.5rem;
  }

  .home-scroll-wheel span::after {
    margin-left: 1.5rem;
  }
}

.animated {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

.faQuestion {
  color: var(--ember);
  font-size: 115%;
  font-weight: bold;
}

video,
.video {
  height: auto !important;
  width: 100% !important;
}

a.text-dark {
  color: var(--blue) !important;
}

@media (prefers-reduced-motion: reduce) {
  .home-scroll-wheel-track {
    animation: none !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}