/*
 * KSR Foundation bridge styles.
 *
 * The values below are safe brand fallbacks. functions.php replaces the five
 * brand variables at runtime with colours selected in Enfold > General Styling.
 * Header, menu, logo, footer and socket styling remain under Enfold's controls.
 */

:root {
  --font-display: "Bebas Neue";
  --font-body: "Montserrat";
  --blue: #234f9c;
  --yellow: #ffd100;
  --warm-white: #f7f7f5;
  --slate: #2f3337;
  --teal: #007a6e;
  --white: #ffffff;
  --line: color-mix(in srgb, var(--slate) 18%, transparent);
}

.ksr-site {
  background: var(--warm-white);
  color: var(--slate);
  font-family: var(--font-body), Arial, sans-serif;
  text-rendering: optimizeLegibility;
}

.ksr-site .avia-section *,
.ksr-site .avia-section *::before,
.ksr-site .avia-section *::after {
  box-sizing: border-box;
}

.ksr-site .avia-section img {
  display: block;
  max-width: 100%;
}

.ksr-site .avia-section h1,
.ksr-site .avia-section h2,
.ksr-site .avia-section h3 {
  text-wrap: balance;
}

@supports not (color: color-mix(in srgb, black, white)) {
  :root {
    --line: rgba(47, 51, 55, 0.18);
  }
}