section a {
  font-weight: 600;
}

.frameworker-button span:after {
  position: relative;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-light);
  /* Set the Unicode value for the "fa-ghost" icon */
  content: "";
  left: 7px;
}

.external-page-button span:after {
  content: "\e09f";
}

.file-button span:after {
  content: "\f33d";
}

.overline {
  margin-bottom: var(--inner-spacing-m);
}

.white-background-color {
  --button-border-thickness: 1px;
}

.color2-background-color,
.color3-background-color,
.color4-background-color,
.color5-background-color,
.color6-background-color,
.color7-background-color {
  --highlight-color: var(--highlight-color-dark);
  --highlight-color-hover: var(--highlight-color-dark-hover);
  color: white;
}
.color2-background-color a,
.color3-background-color a,
.color4-background-color a,
.color5-background-color a,
.color6-background-color a,
.color7-background-color a {
  color: var(--text-link-color-dark);
  text-decoration-color: var(--text-link-underline-color-dark);
}
.color2-background-color a:hover,
.color3-background-color a:hover,
.color4-background-color a:hover,
.color5-background-color a:hover,
.color6-background-color a:hover,
.color7-background-color a:hover {
  color: var(--text-link-color-dark-hover);
  text-decoration-color: var(--text-link-underline-color-dark-hover);
}
.color2-background-color hr,
.color3-background-color hr,
.color4-background-color hr,
.color5-background-color hr,
.color6-background-color hr,
.color7-background-color hr {
  background-color: var(--hr-color-dark);
}
.color2-background-color ul li::marker,
.color2-background-color ol li::marker,
.color3-background-color ul li::marker,
.color3-background-color ol li::marker,
.color4-background-color ul li::marker,
.color4-background-color ol li::marker,
.color5-background-color ul li::marker,
.color5-background-color ol li::marker,
.color6-background-color ul li::marker,
.color6-background-color ol li::marker,
.color7-background-color ul li::marker,
.color7-background-color ol li::marker {
  color: var(--list-marker-color-dark);
}
.color2-background-color .frameworker-button,
.color2-background-color button,
.color2-background-color input[type=submit],
.color3-background-color .frameworker-button,
.color3-background-color button,
.color3-background-color input[type=submit],
.color4-background-color .frameworker-button,
.color4-background-color button,
.color4-background-color input[type=submit],
.color5-background-color .frameworker-button,
.color5-background-color button,
.color5-background-color input[type=submit],
.color6-background-color .frameworker-button,
.color6-background-color button,
.color6-background-color input[type=submit],
.color7-background-color .frameworker-button,
.color7-background-color button,
.color7-background-color input[type=submit] {
  background: var(--button-background-color-dark);
  color: var(--button-text-color-dark);
  border-color: var(--button-border-color-dark);
}
.color2-background-color .frameworker-button svg,
.color2-background-color button svg,
.color2-background-color input[type=submit] svg,
.color3-background-color .frameworker-button svg,
.color3-background-color button svg,
.color3-background-color input[type=submit] svg,
.color4-background-color .frameworker-button svg,
.color4-background-color button svg,
.color4-background-color input[type=submit] svg,
.color5-background-color .frameworker-button svg,
.color5-background-color button svg,
.color5-background-color input[type=submit] svg,
.color6-background-color .frameworker-button svg,
.color6-background-color button svg,
.color6-background-color input[type=submit] svg,
.color7-background-color .frameworker-button svg,
.color7-background-color button svg,
.color7-background-color input[type=submit] svg {
  stroke: var(--button-text-color-dark);
}
.color2-background-color .frameworker-button:hover,
.color2-background-color button:hover,
.color2-background-color input[type=submit]:hover,
.color3-background-color .frameworker-button:hover,
.color3-background-color button:hover,
.color3-background-color input[type=submit]:hover,
.color4-background-color .frameworker-button:hover,
.color4-background-color button:hover,
.color4-background-color input[type=submit]:hover,
.color5-background-color .frameworker-button:hover,
.color5-background-color button:hover,
.color5-background-color input[type=submit]:hover,
.color6-background-color .frameworker-button:hover,
.color6-background-color button:hover,
.color6-background-color input[type=submit]:hover,
.color7-background-color .frameworker-button:hover,
.color7-background-color button:hover,
.color7-background-color input[type=submit]:hover {
  background: var(--button-background-color-dark-hover);
  color: var(--button-text-color-dark-hover);
  border-color: var(--button-border-color-dark-hover);
}
.color2-background-color .frameworker-button:hover svg,
.color2-background-color button:hover svg,
.color2-background-color input[type=submit]:hover svg,
.color3-background-color .frameworker-button:hover svg,
.color3-background-color button:hover svg,
.color3-background-color input[type=submit]:hover svg,
.color4-background-color .frameworker-button:hover svg,
.color4-background-color button:hover svg,
.color4-background-color input[type=submit]:hover svg,
.color5-background-color .frameworker-button:hover svg,
.color5-background-color button:hover svg,
.color5-background-color input[type=submit]:hover svg,
.color6-background-color .frameworker-button:hover svg,
.color6-background-color button:hover svg,
.color6-background-color input[type=submit]:hover svg,
.color7-background-color .frameworker-button:hover svg,
.color7-background-color button:hover svg,
.color7-background-color input[type=submit]:hover svg {
  stroke: var(--button-text-color-hover-dark);
}
.color2-background-color .main-nav-inner .menu-item.frameworker-button a,
.color3-background-color .main-nav-inner .menu-item.frameworker-button a,
.color4-background-color .main-nav-inner .menu-item.frameworker-button a,
.color5-background-color .main-nav-inner .menu-item.frameworker-button a,
.color6-background-color .main-nav-inner .menu-item.frameworker-button a,
.color7-background-color .main-nav-inner .menu-item.frameworker-button a {
  background: var(--button-background-color-dark);
  color: var(--button-text-color-dark);
  border-color: var(--button-border-color-dark);
}
.color2-background-color .main-nav-inner .menu-item.frameworker-button a:hover,
.color3-background-color .main-nav-inner .menu-item.frameworker-button a:hover,
.color4-background-color .main-nav-inner .menu-item.frameworker-button a:hover,
.color5-background-color .main-nav-inner .menu-item.frameworker-button a:hover,
.color6-background-color .main-nav-inner .menu-item.frameworker-button a:hover,
.color7-background-color .main-nav-inner .menu-item.frameworker-button a:hover {
  background: var(--button-background-color-dark-hover);
  color: var(--button-text-color-dark-hover);
  border-color: var(--button-border-color-dark-hover);
}
.color2-background-color input,
.color2-background-color button,
.color2-background-color optgroup,
.color2-background-color select,
.color2-background-color textarea,
.color3-background-color input,
.color3-background-color button,
.color3-background-color optgroup,
.color3-background-color select,
.color3-background-color textarea,
.color4-background-color input,
.color4-background-color button,
.color4-background-color optgroup,
.color4-background-color select,
.color4-background-color textarea,
.color5-background-color input,
.color5-background-color button,
.color5-background-color optgroup,
.color5-background-color select,
.color5-background-color textarea,
.color6-background-color input,
.color6-background-color button,
.color6-background-color optgroup,
.color6-background-color select,
.color6-background-color textarea,
.color7-background-color input,
.color7-background-color button,
.color7-background-color optgroup,
.color7-background-color select,
.color7-background-color textarea {
  border: 1px solid var(--input-border-color-dark);
}
.color2-background-color input:focus,
.color2-background-color button:focus,
.color2-background-color optgroup:focus,
.color2-background-color select:focus,
.color2-background-color textarea:focus,
.color3-background-color input:focus,
.color3-background-color button:focus,
.color3-background-color optgroup:focus,
.color3-background-color select:focus,
.color3-background-color textarea:focus,
.color4-background-color input:focus,
.color4-background-color button:focus,
.color4-background-color optgroup:focus,
.color4-background-color select:focus,
.color4-background-color textarea:focus,
.color5-background-color input:focus,
.color5-background-color button:focus,
.color5-background-color optgroup:focus,
.color5-background-color select:focus,
.color5-background-color textarea:focus,
.color6-background-color input:focus,
.color6-background-color button:focus,
.color6-background-color optgroup:focus,
.color6-background-color select:focus,
.color6-background-color textarea:focus,
.color7-background-color input:focus,
.color7-background-color button:focus,
.color7-background-color optgroup:focus,
.color7-background-color select:focus,
.color7-background-color textarea:focus {
  border: 1px solid var(--input-border-highlight-dark);
}
.color2-background-color blockquote,
.color3-background-color blockquote,
.color4-background-color blockquote,
.color5-background-color blockquote,
.color6-background-color blockquote,
.color7-background-color blockquote {
  border-left: 1px solid var(--block-quote-border-color-dark);
}
.color2-background-color .form-dummy,
.color3-background-color .form-dummy,
.color4-background-color .form-dummy,
.color5-background-color .form-dummy,
.color6-background-color .form-dummy,
.color7-background-color .form-dummy {
  border-color: var(--highlight-color-dark);
}
.color2-background-color.footer a,
.color3-background-color.footer a,
.color4-background-color.footer a,
.color5-background-color.footer a,
.color6-background-color.footer a,
.color7-background-color.footer a {
  color: var(--footer-text-color-dark);
  text-decoration-color: var(--footer-link-underline-color-dark);
}
.color2-background-color.footer a:hover,
.color3-background-color.footer a:hover,
.color4-background-color.footer a:hover,
.color5-background-color.footer a:hover,
.color6-background-color.footer a:hover,
.color7-background-color.footer a:hover {
  color: var(--footer-text-color-dark-hover);
  text-decoration-color: var(--footer-link-underline-color-dark-hover);
}