/*
 * DO NOT EDIT THIS FILE.
 * @preserve
 */
/**
 * @file
 * Generic base elements.
 */
/*
 * DO NOT EDIT THIS FILE.
 * @preserve
 */
/*
  Global CSS custom properties.
*/
:root {
  /**
   * Main colors.
   */
  /* Primary color.*/
  --primary-color: hsl(var(--primary-color-hue), var(--primary-color-saturation), calc(1% * var(--primary-color-lightness)));
  --primary-color-75: hsla(var(--primary-color-hue), var(--primary-color-saturation), calc(1% * var(--primary-color-lightness)), 0.75);
  --primary-color-50: hsla(var(--primary-color-hue), var(--primary-color-saturation), calc(1% * var(--primary-color-lightness)), 0.5);
  --primary-color-25: hsla(var(--primary-color-hue), var(--primary-color-saturation), calc(1% * var(--primary-color-lightness)), 0.25);
  --primary-color-10: hsla(var(--primary-color-hue), var(--primary-color-saturation), calc(1% * var(--primary-color-lightness)), 0.1);
  /* Accent color.*/
  --accent-color: hsl(var(--accent-color-hue), var(--accent-color-saturation), calc(1% * var(--accent-color-lightness)));
  --accent-color-75: hsla(var(--accent-color-hue), var(--accent-color-saturation), calc(1% * var(--accent-color-lightness)), 0.75);
  --accent-color-50: hsla(var(--accent-color-hue), var(--accent-color-saturation), calc(1% * var(--accent-color-lightness)), 0.5);
  --accent-color-25: hsla(var(--accent-color-hue), var(--accent-color-saturation), calc(1% * var(--accent-color-lightness)), 0.25);
  /* Grey color.*/
  --grey-color: hsl(var(--grey-color-hue), var(--grey-color-saturation), calc(1% * var(--grey-color-lightness)));
  --grey-color-75: hsla(var(--grey-color-hue), var(--grey-color-saturation), calc(1% * var(--grey-color-lightness)), 0.75);
  --grey-color-50: hsla(var(--grey-color-hue), var(--grey-color-saturation), calc(1% * var(--grey-color-lightness)), 0.5);
  --grey-color-25: hsla(var(--grey-color-hue), var(--grey-color-saturation), calc(1% * var(--grey-color-lightness)), 0.25);
  /* Light Grey color.*/
  --light-grey: hsl(var(--light-grey-hue), var(--light-grey-saturation), calc(1% * var(--light-grey-lightness)));
  --light-grey-75: hsla(var(--light-grey-hue), var(--light-grey-saturation), calc(1% * var(--light-grey-lightness)), 0.75);
  --light-grey-50: hsla(var(--light-grey-hue), var(--light-grey-saturation), calc(1% * var(--light-grey-lightness)), 0.5);
  --light-grey-25: hsla(var(--light-grey-hue), var(--light-grey-saturation), calc(1% * var(--light-grey-lightness)), 0.25);
  /* Dark Grey color.*/
  --dark-grey: hsl(var(--dark-grey-hue), var(--dark-grey-saturation), calc(1% * var(--dark-grey-lightness)));
  --dark-grey-75: hsla(var(--dark-grey-hue), var(--dark-grey-saturation), calc(1% * var(--dark-grey-lightness)), 0.75);
  --dark-grey-50: hsla(var(--dark-grey-hue), var(--dark-grey-saturation), calc(1% * var(--dark-grey-lightness)), 0.5);
  --dark-grey-25: hsla(var(--dark-grey-hue), var(--dark-grey-saturation), calc(1% * var(--dark-grey-lightness)), 0.25);
  /* Link color.*/
  --link-color: hsl(var(--link-color-hue), var(--link-color-saturation), calc(1% * var(--link-color-lightness)));
  --link-color-75: hsla(var(--link-color-hue), var(--link-color-saturation), calc(1% * var(--link-color-lightness)), 0.75);
  --link-color-50: hsla(var(--link-color-hue), var(--link-color-saturation), calc(1% * var(--link-color-lightness)), 0.5);
  --link-color-25: hsla(var(--link-color-hue), var(--link-color-saturation), calc(1% * var(--link-color-lightness)), 0.25);
  /* Text color.*/
  --text-color: hsl(var(--text-color-hue), var(--text-color-saturation), calc(1% * var(--text-color-lightness)));
  --text-color-75: hsla(var(--text-color-hue), var(--text-color-saturation), calc(1% * var(--text-color-lightness)), 0.75);
  --text-color-50: hsla(var(--text-color-hue), var(--text-color-saturation), calc(1% * var(--text-color-lightness)), 0.5);
  --text-color-25: hsla(var(--text-color-hue), var(--text-color-saturation), calc(1% * var(--text-color-lightness)), 0.25);
  /* Main wrapper background.*/
  --main-wrapper-bg: hsl(var(--main-wrapper-bg-hue), var(--main-wrapper-bg-saturation), calc(1% * var(--main-wrapper-bg-lightness)));
  /* Top bar backgroud.*/
  --top-bar-bg: hsl(var(--top-bar-bg-hue), var(--top-bar-bg-saturation), calc(1% * var(--top-bar-bg-lightness)));
  /* Highlights background.*/
  --highlights-bg: hsl(var(--highlights-bg-hue), var(--highlights-bg-saturation), calc(1% * var(--highlights-bg-lightness)));
  /* Hero background.*/
  --hero-bg: hsl(var(--hero-bg-hue), var(--hero-bg-saturation), calc(1% * var(--hero-bg-lightness)));
  /* Content above background.*/
  --content-above-bg: hsl(var(--content-above-bg-hue), var(--content-above-bg-saturation), calc(1% * var(--content-above-bg-lightness)));
  /* Sidebar left background.*/
  --sidebar-left-bg: hsl(var(--sidebar-left-bg-hue), var(--sidebar-left-bg-saturation), calc(1% * var(--sidebar-left-bg-lightness)));
  /* Main content background.*/
  --main-content-bg: hsl(var(--main-content-bg-hue), var(--main-content-bg-saturation), calc(1% * var(--main-content-bg-lightness)));
  /* Sidebar right background.*/
  --sidebar-right-bg: hsl(var(--sidebar-right-bg-hue), var(--sidebar-right-bg-saturation), calc(1% * var(--sidebar-right-bg-lightness)));
  /*Content below background.*/
  --content-below-bg: hsl(var(--content-below-bg-hue), var(--content-below-bg-saturation), calc(1% * var(--content-below-bg-lightness)));
  /* Layout helpers */
  --sp0-25: calc(0.25 * var(--sp));
  --sp0-5: calc(0.5 * var(--sp));
  --sp0-75: calc(0.75 * var(--sp));
  --sp1: calc(1 * var(--sp));
  --sp1-5: calc(1.5 * var(--sp));
  --sp2: calc(2 * var(--sp));
  --sp2-5: calc(2.5 * var(--sp));
  --sp3: calc(3 * var(--sp));
  --sp3-5: calc(3.5 * var(--sp));
  --sp4: calc(4 * var(--sp));
  --sp4-5: calc(4.5 * var(--sp));
  --sp5: calc(5 * var(--sp));
  --sp6: calc(6 * var(--sp));
  --sp7: calc(7 * var(--sp));
  --sp8: calc(8 * var(--sp));
  --sp9: calc(9 * var(--sp));
  --sp10: calc(10 * var(--sp));
  --sp11: calc(11 * var(--sp));
  --sp12: calc(12 * var(--sp));
  --sp13: calc(13 * var(--sp));
  /**
   * Gray colors.
   *
   * Color number roughly corresponds to its luminosity.
   */
  --color--gray-hue: 201;
  --color--gray-saturation: 15%;
  --color--gray-5: hsl(var(--color--gray-hue), var(--color--gray-saturation), 5%);
  /* Black */
  --color--gray-10: hsl(var(--color--gray-hue), var(--color--gray-saturation), 11%);
  --color--gray-20: hsl(var(--color--gray-hue), var(--color--gray-saturation), 20%);
  /* Black 2 */
  --color--gray-45: hsl(var(--color--gray-hue), var(--color--gray-saturation), 44%);
  /* Gray Dark */
  --color--gray-60: hsl(var(--color--gray-hue), var(--color--gray-saturation), 57%);
  /* Gray medium */
  --color--gray-65: hsl(var(--color--gray-hue), var(--color--gray-saturation), 63%);
  /* Black 4 */
  --color--gray-70: hsl(var(--color--gray-hue), var(--color--gray-saturation), 72%);
  /* Gray medium 2 */
  --color--gray-90: hsl(var(--color--gray-hue), var(--color--gray-saturation), 88%);
  /* Gray light */
  --color--gray-95: hsl(var(--color--gray-hue), var(--color--gray-saturation), 93%);
  /* Gray light 1 */
  --color--gray-100: hsl(var(--color--gray-hue), var(--color--gray-saturation), 97%);
  /**
   * Variables specific to text.
   */
  --color-text-neutral-soft: var(--color--gray-45);
  --color-text-neutral-medium: var(--color--gray-20);
  --color-text-neutral-loud: var(--color--gray-5);
  --color-text-primary-medium: var(--color--primary-40);
  --color-text-primary-loud: var(--color--primary-30);
  --text-on-white: #141513;
  --dark-grey-bg: #262626;
  /**
   * Named Colors.
   */
  /* Black */
  --color--black: #000;
  /* White */
  --color--white: #fff;
  /* Red */
  --color--red: #e33f1e;
  /* Gold */
  --color--gold: #fdca40;
  --color--light-bg: #f4f4f4;
  /* Typography helpers. */
  --font-size-base: 1rem;
  --font-size-l: 1.125rem;
  --font-size-s: 0.875rem;
  --font-size-xs: 0.8125rem;
  --font-size-xxs: 0.75rem;
  --line-height-base: 1.6875rem;
  --line-height-s: 1.125rem;
  --line-height-base: 1.6875rem;
  --line-height-s: 1.125rem;
  /* Border radius */
  /* Inline padding on .container elements. */
  --border-radius: 0.1875rem;
  --border-radius--rounded: 1rem;
  --card-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  --font-regular: "Onest",
    "sans-serif";
  --font-light: "Onest",
    "sans-serif";
  --font-thin: "Onest",
    "sans-serif";
  --font-medium: "Onest",
    "sans-serif";
  --font-semibold: "Onest",
    "sans-serif";
  --font-bold: "Onest",
    "sans-serif";
  --font-extrabold: "Onest",
    "sans-serif";
  --font-black: "Onest",
    "sans-serif";
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  margin: 0;
  background-color: var(--main-wrapper-bg);
}

header {
  background-color: var(--header-bg);
}

.highlighted-sct {
  background-color: var(--highlights-bg);
}

a {
  color: var(--link-color);
  text-decoration: unset !important;
}

a:hover {
  color: var(--accent-color);
  text-decoration: underline;
}

body.is-fixed {
  position: fixed;
  overflow: hidden;
  width: 100%;
}

.container,
.container-fluid {
  padding: 0;
}

@media (max-width: 75rem) {
  .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

.highlighted-sct {
  background: var(--highlights-bg);
}

.hero-sct {
  background: var(--hero-bg);
}

.page-breadcrumb--section {
  background: var(--main-wrapper-bg);
}

.content__above {
  background: var(--content-above-bg);
}

.page-wrapper {
  background: var(--main-wrapper-bg);
  padding: 64px 0;
}

.sidebar_left {
  background: var(--sidebar-left-bg);
}

.sidebar_right {
  background: var(--sidebar-right-bg);
}

.content-wide {
  background: var(--content-below-bg);
}

@media only screen and (min-width: 769px) {
  [dir="ltr"] .sidebar_right ~ .main-content__container {
    padding-right: 20px;
  }

  [dir="rtl"] .sidebar_right ~ .main-content__container {
    padding-left: 20px;
  }

  .sidebar_right ~ .main-content__container .region {
    margin-top: 0;
  }
}

@media only screen and (min-width: 769px) {
  [dir="ltr"] .sidebar_left + .main-content__container {
    padding-left: 20px;
  }

  [dir="rtl"] .sidebar_left + .main-content__container {
    padding-right: 20px;
  }

  .sidebar_left + .main-content__container .region {
    margin-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .col-md-3 {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .col-md-9 {
    width: 100%;
  }
}

/*# sourceMappingURL=base.css.map*/