/* Unused, caused issues with ACF for some reason */
:root {
  --ota-background-fotw: #d54117;
  --ota-background-fotw-light: #232323;
  --ota-background-fotw-dark: #1f1f1f;
  --ota-background-fotw-darker: #181818;
  --ota-text-fotw: #050201;
  --ota-text-fotw-light: #a7a7a7;
  --ota-text-fotw-dark: #ffffff;
  --ota-text-fotw-darker: #ffffff;
  --ota-button-fotw: var(--ota-fotw-text, #050201);
  --ota-button-fotw-light: var(--ota-fotw-text, #a7a7a7);
  --ota-button-fotw-dark: var(--ota-fotw-text, #ffffff);
  --ota-button-fotw-darker: var(--ota-fotw-text, #ffffff);
}

html {
  scrollbar-color: --theme-background var(--ota-background-fotw-darker, #181818);
}

body {
  background-color: var(--ota-background-fotw-darker, #181818);
  color: var(--ota-text-fotw-darker, #ffffff);
}

.site-navigation {
  color: var(--ota-background-paperwhite, #ffffff);
}
@media only screen and (min-width: 992px) {
  .site-navigation--active {
    background-color: var(--ota-background-fotw-darker, #181818);
    border-bottom-color: var(--ota-background-fotw-dark, #1f1f1f);
  }
  .site-navigation--active .site-navigation-desktop {
    color: inherit;
  }
}
.site-navigation__desktop {
  color: inherit;
}

.block-highlights {
  background-color: var(--ota-background-fotw-dark, #1f1f1f);
  color: var(--ota-text-fotw-dark, #ffffff);
}
.block-highlights .button {
  color: var(--ota-background-paperwhite, #ffffff);
}

.block-faq__title {
  background-color: var(--ota-background-fotw-light, #232323);
  color: var(--ota-text-fotw-light, #a7a7a7);
}
.block-faq__answer {
  background-color: var(--ota-background-fotw-dark, #1f1f1f);
  color: var(--ota-text-fotw-dark, #ffffff);
  background-color: rgba(255, 255, 255, 0.05) !important;
}

.sticky[data-block-sticky=chapters] {
  background-color: var(--ota-background-fotw-dark, #1f1f1f);
}