/* ==== Global CSS ==== */
/* These will be compiled into a global.css file.
 * Note that util is split into a separate import so
 * shared mixins and variables stay centralized.
 */
/* ==== SCSS Utils ==== */
@import url("https://use.fontawesome.com/releases/v6.4.2/css/all.css");
/* ========== Layout & Grid ========== */
/* ========== Fonts ========== */
/* ========== Elderplan Color Palette ========== */
/* Based on Figma designs - 2026-05-18 */
/* ========== Semantic Color Aliases ========== */
/* ========== Spacing ========== */
/* ========== Borders ========== */
/* ========== Z-Index ========== */
/* ========== SVGS ========== */
/* ==== SCSS Utils ==== */
/* ========== Font Weights ========== */
/* ========== Font Sizes ========== */
/* ==== SCSS Utils ==== */
/* ========== Breakpoints for Mixins ========== */
/* ======= Media Queries ======= */
/* Mobile */
/* Tablet */
/* Desktop */
/* Desktop XL */
/* Desktop XXL */
/* Custom media queries */
/* ==== SCSS Utils ==== */
/* ==== SCSS Utils ==== */
/* ======= Media ======= */
/* ======= SVG ======= */
/* ======= Typography ======= */
/* ======= Storybook Goodies ======= */
/* ======= Form Spacing ======= */
/* ======= Input Styles ======= */
/* ==== SCSS Utils ==== */
/* ======= Buttons ======= */
/* Base button styles */
/* Primary button styles */
/* Secondary button styles */
/* Blue button styles */
/* Green button styles */
/* Link button styles */
/* Button Icon styles */
/* Button Icon styles */
/* ==== SCSS Utils ==== */
/* ======= Layout ======= */
/* ======= FLEXBOX MIXINS ======= */
/* ======= GRID MIXINS ======= */
/* ==== SCSS Utils ==== */
/* MJ 7.17.24: Only call utilites like variable definitions and mixins.
* ! Do not add any class or ID selects, or it will render output into EVERY .css file.
* Add styles to global.scss instead to add styles globally.
*/
/* ==== Global CSS ==== */
/* These will be compiled into a global.css file.
 * Note that util is split into a separate import so
 * shared mixins and variables stay centralized.
 */
/* For Storybook Display */
.typography__heading {
  margin-bottom: 16px;
  font-size: 1.25rem;
}

.typography__table {
  width: 100%;
  border-collapse: collapse;
  color: #000000;
  margin: 0 auto;
}
.typography__table thead {
  font-size: 1rem;
  border-bottom: 1px solid #000000;
}
.typography__table thead th {
  text-align: left;
}
.typography__table tr {
  border-bottom: 1px solid #cccccc;
}
.typography__table th, .typography__table td {
  padding: 24px;
  text-align: left;
  vertical-align: middle;
  color: #000000;
}
.typography__table .sb-table__value,
.typography__table .sb-table__variable,
.typography__table .sb-table__mixin,
.typography__table .sb-table__class {
  font-family: monospace;
  font-size: 1rem;
}
.typography__table .sb-table__color {
  width: 350px;
  height: 50px;
}
.typography__table {
  font-family: "Open Sans", sans-serif;
  margin-bottom: 48px;
}

.sbdocs-content {
  max-width: 100% !important;
}

.sb-table th {
  width: 220px;
}
.sb-table th:last-child {
  width: auto;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("../fonts/OpenSans-VariableFont_wdth,wght.ttf") format("truetype-variations");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url("../fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype-variations");
}
/* ==== Global CSS ==== */
/* These will be compiled into a global.css file.
 * Note that util is split into a separate import so
 * shared mixins and variables stay centralized.
 */
/* ==== Button Classes ==== */
.btn-primary {
  font-family: "Open Sans", sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: left;
  text-wrap: auto;
  box-shadow: none;
  cursor: pointer;
  padding: 12px 16px;
  flex-grow: 0;
  text-decoration: none;
  border-radius: 10px;
  font-weight: 500;
  font-size: 16px;
  border-radius: 100px;
}
.btn-primary.disabled {
  pointer-events: none;
  cursor: not-allowed;
  background-color: #CCCCCC;
  border-color: #CCCCCC;
}
@media (min-width: 576px) {
  .btn-primary {
    width: fit-content;
  }
}
.btn-primary span {
  display: block;
}
.btn-primary svg {
  fill: #1C1B1F;
}
.btn-primary {
  color: #ffffff;
  background-color: #2E8500;
  border: none;
  border-radius: 0;
  font-weight: 700;
  font-size: 1.125rem;
  text-transform: uppercase;
  padding: 1rem 16px;
}
.btn-primary:hover, .btn-primary:focus-visible {
  color: #ffffff;
  background-color: #336A06;
  text-decoration: none;
}

.btn-secondary {
  font-family: "Open Sans", sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: left;
  text-wrap: auto;
  box-shadow: none;
  cursor: pointer;
  padding: 12px 16px;
  flex-grow: 0;
  text-decoration: none;
  border-radius: 10px;
  font-weight: 500;
  font-size: 16px;
  border-radius: 100px;
}
.btn-secondary.disabled {
  pointer-events: none;
  cursor: not-allowed;
  background-color: #CCCCCC;
  border-color: #CCCCCC;
}
@media (min-width: 576px) {
  .btn-secondary {
    width: fit-content;
  }
}
.btn-secondary span {
  display: block;
}
.btn-secondary svg {
  fill: #1C1B1F;
}
.btn-secondary {
  color: #1C1B1F;
  background-color: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(4px);
}
.btn-secondary svg {
  height: 25px;
}
.btn-secondary:hover, .btn-secondary:focus-visible {
  background-color: rgba(36, 182, 209, 0.8);
}

.esonly {
  display: none;
}

html {
  font-size: 100%;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  /* Layout custom properties */
  --content-max-width: 1440px;
  --content-gutter: 16px;
}
@media (min-width: 783px) {
  html {
    --content-gutter: 24px;
  }
}
@media (min-width: 992px) {
  html {
    --content-gutter: 40px;
  }
}
@media (min-width: 1440px) {
  html {
    --content-gutter: 56px;
  }
}

body {
  font-size: 1rem;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  color: #444444;
}

a {
  color: #2E8500;
  text-decoration: none;
  text-decoration-thickness: 0.025em;
  text-underline-offset: 0.15em;
}
a:hover, a:focus-visible {
  color: #336A06;
  text-decoration: underline;
}
a:not([href]) {
  color: unset;
}
a:not([href]):hover {
  text-decoration: none;
}

/* Labels */
label {
  display: block;
  margin-bottom: 6px;
  font-size: 1.125rem;
  line-height: 1.45;
  color: #333333;
}

details {
  border-top: 1px solid #b3b3b3;
  cursor: pointer;
}
details:last-of-type {
  border-bottom: 1px solid #b3b3b3;
}
details summary {
  position: relative;
  padding: 16px 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 120%;
  list-style-type: none;
  appearance: none;
}
details summary::-webkit-details-marker {
  display: none;
}
details summary::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8%2018V10H0V8H8V0H10V8H18V10H10V18H8Z%22%20fill%3D%22%23767676%22%2F%3E%3C%2Fsvg%3E");
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.2s linear;
}
details[open] summary::after {
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.2s linear;
}

/* Inputs */
input[type=text],
input[type=email],
input[type=date],
input[type=password] {
  font-size: 1.0625rem;
  height: 48px;
  padding: 8px 16px;
  width: 100%;
  border: 2px solid #CCCCCC;
  border-radius: 0;
  box-sizing: border-box;
}
input[type=text] + .input-help-text,
input[type=email] + .input-help-text,
input[type=date] + .input-help-text,
input[type=password] + .input-help-text {
  font-family: "Open Sans", sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 400;
  margin-top: 6px;
}

input[type=date] {
  background: calc(100% - 16px) 50% url("../images/calendar-days-solid.svg") no-repeat;
  background-size: 16px;
  position: relative;
}
input[type=date]::-webkit-datetime-edit {
  text-transform: uppercase;
}
input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  color: transparent;
  background: transparent;
}

input[type=search] {
  font-size: 1.0625rem;
  height: 48px;
  padding: 8px 16px;
  width: 100%;
  border: 2px solid #CCCCCC;
  border-radius: 0;
  box-sizing: border-box;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='eclipse' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
  background-position: calc(100% - 16px) center;
  background-repeat: no-repeat;
  background-size: 16px;
}

.checkbox-group input[type=checkbox] {
  cursor: pointer;
  display: none;
}
.checkbox-group input[type=checkbox]:checked + .checkbox-toggle + label::before {
  display: none;
}
.checkbox-group input[type=checkbox]:checked + .checkbox-toggle + label::after {
  display: block;
  opacity: 1;
}
.checkbox-group input[type=checkbox]:checked + label::before {
  display: none;
}
.checkbox-group input[type=checkbox]:checked + label::after {
  display: block;
}
.checkbox-group input[type=checkbox]:disabled + label::after {
  background: url("../images/icon-checkbox-disabled.svg") no-repeat center;
  background-size: contain;
}
.checkbox-group label {
  font-family: "Open Sans", sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 400;
  position: relative;
  padding-left: 24px;
  line-height: 1;
}
.checkbox-group label::before, .checkbox-group label::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  content: "";
}
.checkbox-group label::before {
  background: url("../images/icon-checkbox.svg") no-repeat center;
  background-size: contain;
}
.checkbox-group label::after {
  background: url("../images/icon-checkbox-active.svg") no-repeat center;
  background-size: contain;
  display: none;
}
.checkbox-group label a {
  font-family: "Open Sans", sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 400;
}
.checkbox-group.expandable {
  position: relative;
  margin-right: 24px;
  margin-left: 8px;
  cursor: pointer;
}
.checkbox-group.expandable::before {
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  content: url("../images/icon-checkbox-plus.svg");
}
.checkbox-group.expandable.has-checked-checkbox::before {
  content: url("../images/icon-checkbox-plus-active.svg");
}
.checkbox-group.expandable[aria-expanded=true]::before {
  content: url("../images/icon-checkbox-minus.svg");
}
.checkbox-group.expandable[aria-expanded=true].has-checked-checkbox::before {
  content: url("../images/icon-checkbox-minus-active.svg");
}

.radio-group input[type=radio] {
  cursor: pointer;
  display: none;
}
.radio-group input[type=radio]:checked + label::after {
  display: block;
}
.radio-group label {
  font-family: "Open Sans", sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 400;
  position: relative;
  padding-left: 24px;
  line-height: 1;
}
.radio-group label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  content: "";
  border: 1px solid #666666;
  border-radius: 50%;
}
.radio-group label::after {
  display: none;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 8px;
  height: 8px;
  content: "";
  background-color: #0075B6;
  border-radius: 50%;
}
.radio-group label a {
  font-family: "Open Sans", sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 400;
}

/* Selects */
select {
  font-size: 1.0625rem;
  height: 48px;
  padding: 8px 16px;
  width: 100%;
  border: 2px solid #CCCCCC;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #ffffff;
  width: 100%;
  /* needed */
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%grey%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%grey%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 12px;
  background-position: calc(100% - 16px) center;
  background-repeat: no-repeat;
}
select::-ms-expand {
  display: none;
}

.input-group--error {
  color: #E00000;
}
.input-group--error input {
  border-color: #E00000;
}
.input-group--error p {
  color: #E00000;
}

.input-group--success {
  color: #76A41F;
}
.input-group--success input {
  border-color: #76A41F;
}
.input-group--success p {
  color: #76A41F;
}

/* Editor parity */
.editor-styles-wrapper .wp-block-button .wp-block-button__link {
  font-family: "Open Sans", sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: left;
  text-wrap: auto;
  box-shadow: none;
  cursor: pointer;
  padding: 12px 16px;
  flex-grow: 0;
  text-decoration: none;
  border-radius: 10px;
  font-weight: 500;
  font-size: 16px;
  border-radius: 100px;
}
.editor-styles-wrapper .wp-block-button .wp-block-button__link.disabled {
  pointer-events: none;
  cursor: not-allowed;
  background-color: #CCCCCC;
  border-color: #CCCCCC;
}
@media (min-width: 576px) {
  .editor-styles-wrapper .wp-block-button .wp-block-button__link {
    width: fit-content;
  }
}
.editor-styles-wrapper .wp-block-button .wp-block-button__link span {
  display: block;
}
.editor-styles-wrapper .wp-block-button .wp-block-button__link svg {
  fill: #1C1B1F;
}
.editor-styles-wrapper .wp-block-button .wp-block-button__link {
  color: #ffffff;
  background-color: #2E8500;
  border: none;
  border-radius: 0;
  font-weight: 700;
  font-size: 1.125rem;
  text-transform: uppercase;
  padding: 1rem 16px;
}
.editor-styles-wrapper .wp-block-button .wp-block-button__link:hover, .editor-styles-wrapper .wp-block-button .wp-block-button__link:focus-visible {
  color: #ffffff;
  background-color: #336A06;
  text-decoration: none;
}
.editor-styles-wrapper .wp-block-buttons > .wp-block-button:nth-child(1) .wp-block-button__link {
  font-family: "Open Sans", sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: left;
  text-wrap: auto;
  box-shadow: none;
  cursor: pointer;
  padding: 12px 16px;
  flex-grow: 0;
  text-decoration: none;
  border-radius: 10px;
  font-weight: 500;
  font-size: 16px;
  border-radius: 100px;
}
.editor-styles-wrapper .wp-block-buttons > .wp-block-button:nth-child(1) .wp-block-button__link.disabled {
  pointer-events: none;
  cursor: not-allowed;
  background-color: #CCCCCC;
  border-color: #CCCCCC;
}
@media (min-width: 576px) {
  .editor-styles-wrapper .wp-block-buttons > .wp-block-button:nth-child(1) .wp-block-button__link {
    width: fit-content;
  }
}
.editor-styles-wrapper .wp-block-buttons > .wp-block-button:nth-child(1) .wp-block-button__link span {
  display: block;
}
.editor-styles-wrapper .wp-block-buttons > .wp-block-button:nth-child(1) .wp-block-button__link svg {
  fill: #1C1B1F;
}
.editor-styles-wrapper .wp-block-buttons > .wp-block-button:nth-child(1) .wp-block-button__link {
  color: #ffffff;
  background-color: #2E8500;
  border: none;
  border-radius: 0;
  font-weight: 700;
  font-size: 1.125rem;
  text-transform: uppercase;
  padding: 1rem 16px;
}
.editor-styles-wrapper .wp-block-buttons > .wp-block-button:nth-child(1) .wp-block-button__link:hover, .editor-styles-wrapper .wp-block-buttons > .wp-block-button:nth-child(1) .wp-block-button__link:focus-visible {
  color: #ffffff;
  background-color: #336A06;
  text-decoration: none;
}
.editor-styles-wrapper .wp-block-buttons > .wp-block-button:nth-child(n+2) .wp-block-button__link {
  font-family: "Open Sans", sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: left;
  text-wrap: auto;
  box-shadow: none;
  cursor: pointer;
  padding: 12px 16px;
  flex-grow: 0;
  text-decoration: none;
  border-radius: 10px;
  font-weight: 500;
  font-size: 16px;
  border-radius: 100px;
}
.editor-styles-wrapper .wp-block-buttons > .wp-block-button:nth-child(n+2) .wp-block-button__link.disabled {
  pointer-events: none;
  cursor: not-allowed;
  background-color: #CCCCCC;
  border-color: #CCCCCC;
}
@media (min-width: 576px) {
  .editor-styles-wrapper .wp-block-buttons > .wp-block-button:nth-child(n+2) .wp-block-button__link {
    width: fit-content;
  }
}
.editor-styles-wrapper .wp-block-buttons > .wp-block-button:nth-child(n+2) .wp-block-button__link span {
  display: block;
}
.editor-styles-wrapper .wp-block-buttons > .wp-block-button:nth-child(n+2) .wp-block-button__link svg {
  fill: #1C1B1F;
}
.editor-styles-wrapper .wp-block-buttons > .wp-block-button:nth-child(n+2) .wp-block-button__link {
  color: #1C1B1F;
  background-color: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(4px);
}
.editor-styles-wrapper .wp-block-buttons > .wp-block-button:nth-child(n+2) .wp-block-button__link svg {
  height: 25px;
}
.editor-styles-wrapper .wp-block-buttons > .wp-block-button:nth-child(n+2) .wp-block-button__link:hover, .editor-styles-wrapper .wp-block-buttons > .wp-block-button:nth-child(n+2) .wp-block-button__link:focus-visible {
  background-color: rgba(36, 182, 209, 0.8);
}

.spacer-bottom-1x {
  margin-bottom: 8px;
}

.spacer-top-1x {
  margin-top: 8px;
}

.spacer-right-1x {
  margin-right: 8px;
}

.spacer-bottom-2x {
  margin-bottom: 16px;
}

.spacer-top-2x {
  margin-top: 16px;
}

.spacer-right-2x {
  margin-right: 16px;
}

.spacer-bottom-3x {
  margin-bottom: 24px;
}

.spacer-top-3x {
  margin-top: 24px;
}

.spacer-right-3x {
  margin-right: 24px;
}

.spacer-bottom-4x {
  margin-bottom: 32px;
}

.spacer-top-4x {
  margin-top: 32px;
}

.spacer-right-4x {
  margin-right: 32px;
}

.spacer-bottom-5x {
  margin-bottom: 40px;
}

.spacer-top-5x {
  margin-top: 40px;
}

.spacer-right-5x {
  margin-right: 40px;
}

.spacer-bottom-6x {
  margin-bottom: 48px;
}

.spacer-top-6x {
  margin-top: 48px;
}

.spacer-right-6x {
  margin-right: 48px;
}

.spacer-bottom-7x {
  margin-bottom: 56px;
}

.spacer-top-7x {
  margin-top: 56px;
}

.spacer-right-7x {
  margin-right: 56px;
}

.spacer-bottom-8x {
  margin-bottom: 64px;
}

.spacer-top-8x {
  margin-top: 64px;
}

.spacer-right-8x {
  margin-right: 64px;
}

.spacer-bottom-9x {
  margin-bottom: 72px;
}

.spacer-top-9x {
  margin-top: 72px;
}

.spacer-right-9x {
  margin-right: 72px;
}

.spacer-bottom-10x {
  margin-bottom: 80px;
}

.spacer-top-10x {
  margin-top: 80px;
}

.spacer-right-10x {
  margin-right: 80px;
}

/* Reboot */
* {
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

body,
p,
ol,
ul,
blockquote,
figure {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}

p,
ul,
ol {
  margin-bottom: 16px;
}
p:last-child,
ul:last-child,
ol:last-child {
  margin-bottom: 0;
}
p + h2, p + h3, p + h4, p + h5, p + h6,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h6,
ol + h2,
ol + h3,
ol + h4,
ol + h5,
ol + h6 {
  margin-top: 32px;
}

.type {
  font-family: "Open Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 120%;
  color: #444444;
}

a {
  text-decoration-thickness: 0.025em;
  text-underline-offset: 0.15em;
}

ol:not([class]),
ul:not([class]) {
  margin: 0;
  padding: 0;
}

ul:not([class]):not([role]) {
  margin: 0;
  padding: 0;
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
table th {
  text-align: left;
  color: #ffffff;
  background-color: #0075B6;
  border: 1px solid #0075B6;
}
table th,
table td {
  padding: 8px 16px;
}
table td {
  border: 1px solid #666666;
}
table tr:nth-child(even) {
  background-color: #e6e6e6;
}

img {
  max-width: 100%;
}

figcaption {
  margin-top: 16px;
}

nav.contextual-region {
  position: unset;
}

hr {
  margin: 32px 0;
}

.h1-huge {
  font-family: "Open Sans", sans-serif;
  font-size: 11.5rem;
  line-height: 1;
  font-weight: 500;
  color: #0075B6;
}
@media (max-width: 782px) {
  .h1-huge {
    font-family: "Open Sans", sans-serif;
    font-size: 3.75rem;
    line-height: 1;
    font-weight: 500;
  }
}

.display-h1-desk {
  font-family: "Open Sans", sans-serif;
  font-size: 7.5rem;
  line-height: 1;
  font-weight: 500;
}
@media (max-width: 782px) {
  .display-h1-desk {
    font-family: "Open Sans", sans-serif;
    font-size: 3rem;
    line-height: 1;
    font-weight: 500;
  }
}

.h1,
h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 600;
}
@media (min-width: 783px) {
  .h1,
  h1 {
    font-family: "Open Sans", sans-serif;
    font-size: 3.4375rem;
    line-height: 1.2;
    font-weight: 600;
  }
}

.h1-mob {
  font-family: "Open Sans", sans-serif;
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 600;
}

.h2,
h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.875rem;
  line-height: 1.2;
  font-weight: 400;
}
@media (min-width: 783px) {
  .h2,
  h2 {
    font-family: "Open Sans", sans-serif;
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 400;
  }
}

.h2-mob {
  font-family: "Open Sans", sans-serif;
  font-size: 1.875rem;
  line-height: 1.2;
  font-weight: 400;
}

.h3,
h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 700;
}
@media (min-width: 783px) {
  .h3,
  h3 {
    font-family: "Open Sans", sans-serif;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
  }
}

.h3-mob {
  font-family: "Open Sans", sans-serif;
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 700;
}

.h4,
h4 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 400;
}

.h5,
h5 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 600;
}

.h6,
h6 {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 500;
}
@media (min-width: 783px) {
  .h6,
  h6 {
    font-family: "Open Sans", sans-serif;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 500;
  }
}

.page-v-margin {
  margin-top: 48px;
  margin-bottom: 48px;
}

.body-xl-lg {
  font-family: "Open Sans", sans-serif;
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 400;
}
@media (max-width: 782px) {
  .body-xl-lg {
    font-family: "Open Sans", sans-serif;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 400;
  }
}

.body-lg {
  font-family: "Open Sans", sans-serif;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 400;
}
@media (max-width: 782px) {
  .body-lg {
    font-family: "Open Sans", sans-serif;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 400;
  }
}

.body-md {
  font-family: "Open Sans", sans-serif;
  font-size: 1.375rem;
  line-height: 1.2;
  font-weight: 400;
}

.body-xl-lg,
.body-lg,
.body-md {
  font-family: "Open Sans", sans-serif;
}

.body {
  font-family: "Open Sans", sans-serif;
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 400;
  max-width: 800px;
}
.body table {
  margin: 16px 0;
}
.body ol,
.body ul {
  padding-left: 24px;
}
.body li {
  margin-bottom: 12px;
}
.body li:last-child {
  margin-bottom: 0;
}

.body-last {
  margin-bottom: 64px;
}

.body-sm {
  font-family: "Open Sans", sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 400;
}

.sr-only {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.sr-only:focus {
  clip: none;
  clip-path: none;
  position: relative;
  width: auto;
  height: auto;
  overflow: visible;
}

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.visually-hidden:focus {
  clip-path: none;
  color: #0075B6;
}

.education-archive__list {
  margin: 32px 0;
}
.education-archive__list .education-archive__item {
  margin-bottom: 16px;
}
.education-archive__list .education-archive__item:last-child {
  margin-bottom: 0;
}
/*# sourceMappingURL=global.css.map */