:root {
  --form-element-font-color: #000000;
  --form-element-bg-color: #5d5d5e;
  --form-element-border-color: rgb(230, 230, 230);
  --form-element-border-focus-color: #6ec1e4;
  --form-element-bg-font-color: #ffffff;
  --form-element-placeholder-color: #aaaaaa;
  --theme-color-1: #fff;
  --theme-color-1-contrast: #000;
  --theme-color-2: #f5f5f5;
  --theme-color-2-contrast: #000;
  --theme-color-3: #000;
  --theme-color-3-contrast: #fff;
  --theme-color-4: #f5f5f5;
  --theme-color-4-contrast: #000;
  --theme-color-5: #000;
  --theme-color-5-contrast: #fff;
}
main *:not(a.button, button, input, .fc-icon, div.notification-bar) {
  background-image: none !important;
  background-color: initial !important;
  color: #000;
}
/* Removes the default outline only in browsers that support :focus-visible */
:focus:not(:focus-visible) {
  outline: none;
}
/*
:focus-visible {
  outline: 2px dashed #282828;
  outline-offset: 0px;
}
*/
:focus-visible,
input:focus, 
textarea:focus, 
select:focus,
video:focus 
{
  /*
  background-color: var(--form-element-border-focus-color);
  color: #000;
  */
  outline: 3px solid var(--form-element-border-focus-color) !important;
  outline-offset: 0px;
  border-color: inherit;
}
h1,
h2,
h3,
h4,
h5,
label {
  color: #000;
}
ul li::marker {
  color: #000;
}

div.hero-container div.hero-text h1,
div.hero-container div.hero-text h2,
div.hero-container div.hero-text h3,
div.hero-container div.hero-text p,
div.hero-container div.call-to-action {
  background: #000b !important;
  color: #fff !important;
  display: inline-block;
  padding: 0.1em 0.25em;
}

a {
  color: #000;
}
a:hover {
  color: #000;
}

button,
input[type="button"],
input::file-selector-button,
input[type="reset"],
input[type="submit"],
a.button {
  color: #fff;
  background: #000;
  /*
  border: 1px solid #000;
  */
}

main button:hover,
button:hover,
input[type="button"]:hover,
input::file-selector-button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover {
  color: #000;
  background: #fff;
  /*
  border: 1px solid #000;
  */
}

div.notification-bar * {
  color: #fff !important;
  background-color: #000 !important;
}

svg.icon {
  fill: none;
}
.svg-filter-color-theme-color-3 {
  filter: brightness(0) saturate(100%) invert(52%) sepia(13%) saturate(2302%)
    hue-rotate(168deg) brightness(92%) contrast(91%);
}
.svg-filter-color-theme-color-5 {
  filter: brightness(0) saturate(100%) invert(36%) sepia(7%) saturate(110%)
    hue-rotate(201deg) brightness(91%) contrast(91%);
}
section.theme-stripe-footer {
  background-color: #2d2d2d;
  color: #fff;
}
section.theme-footer {
  background-color: #151515;
  color: #fff;
}
