@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Italic.ttf");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Regular.ttf");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Light.ttf");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-LightItalic.ttf");
  font-style: italic;
  font-weight: 200;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-SemiBold.ttf");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-SemiBoldItalic.ttf");
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Bold.ttf");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "EB Garamond";
  src: url("../fonts/EBGaramond-Regular.ttf");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "EB Garamond";
  src: url("../fonts/EBGaramond-Italic.ttf");
  font-style: italic;
  font-weight: 400;
}
html {
  /* ref:colors */
  --tux-ref-color--white: #ffffff;
  --tux-ref-color--orange: #dd3810;
  --tux-ref-color--dark-gray: #0a0a0a;
  /* ref:textures */
  /* ref:fonts */
  --tux-ref-type--font--open-sans: 'Open Sans', Helvetica, sans-serif;
  --tux-ref-type--font--open-sans--lh: calc(
  	1.5ex + 0.9rem
  );
  --tux-ref-type--font--eb-garamond: 'EB Garamond', Helvetica, sans-serif;
  --tux-ref-type--font--eb-garamond--lh: calc(
  	1.5ex + 0.9rem
  );
  /* sys:type scale */
}

body {
  font-family: var(--tux-ref-type--font--open-sans);
  --tux-sys-type--line-height: var(--tux-ref-type--font--open-sans--lh);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  font-weight: 700;
}

.tux-c-card .highlight, .results-counter {
  font-family: var(--tux-ref-type--font--open-sans);
  --tux-sys-type--line-height: var(--tux-ref-type--font--open-sans--lh);
}

.tux-c-site-header__nav a {
  font-weight: 800;
}

p, .tux-c-site-header__secondary a, .tux-c-search-form, .tux-c-program-card__compare-label {
  font-family: var(--tux-ref-type--font--eb-garamond);
  --tux-sys-type--line-height: var(--tux-ref-type--font--eb-garamond--lh);
}

footer p {
  font-family: var(--tux-ref-type--font--open-sans);
  --tux-sys-type--line-height: var(--tux-ref-type--font--open-sans--lh);
}

.large-copy, .largeCopy, .has-large-font-size {
  font-weight: 600;
  font-family: var(--tux-ref-type--font--open-sans);
  --tux-sys-type--line-height: var(--tux-ref-type--font--open-sans--lh);
}

.highlight {
  font-weight: 700;
  font-family: var(--tux-ref-type--font--open-sans);
  --tux-sys-type--line-height: var(--tux-ref-type--font--open-sans--lh);
}

.tux-c-button, .fr-button, .tux-c-accordion:not(.tux-c-accordion--card) .tux-c-accordion__label, .tux-c-site-header__nav .tux-c-button {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0;
}

.tux-c-hero-b__subheading {
  font-weight: 700;
}

.tux-c-fact--large-value .tux-c-fact__value {
  font-weight: 900;
  font-family: var(--tux-ref-type--font--open-sans);
  --tux-sys-type--line-height: var(--tux-ref-type--font--open-sans--lh);
}

.u-bg--white,
[data-bg-hover=white]:hover {
  --tux-sys-color--background: var(--tux-ref-color--white);
  --tux-sys-color--on-background: var(--tux-ref-color--dark-gray);
  --tux-sys-color--surface: var(--tux-ref-color--white);
  --tux-sys-color--on-surface: var(--tux-ref-color--dark-gray);
  --tux-sys-color--primary: var(--tux-ref-color--orange);
  --tux-sys-color--on-primary: var(--tux-ref-color--white);
  --tux-sys-color--secondary: var(--tux-ref-color--orange);
  --tux-sys-color--on-secondary: var(--tux-ref-color--white);
  --tux-comp-accordion--bg-color: var(--tux-ref-color--orange);
  --tux-comp-accordion--text-color: var(--tux-ref-color--white);
  --tux-comp-fact--large-value--color: var(--tux-ref-color--dark-gray);
  --tux-comp-menu--item-line-color: var(--tux-ref-color--dark-gray);
  --tux-comp-panelset--main-color: var(--tux-ref-color--orange);
  --tux-comp-panelset--on-main-color: var(--tux-ref-color--white);
  --tux-comp-panelset--inactive-color: var(--tux-ref-color--dark-gray);
  --tux-comp-panelset--inactive-bg-color: color-mix(in oklab, var(--tux-ref-color--white), var(--tux-ref-color--orange) 25%);
  --tux-comp-panelset--inactive-bg-hover-color: color-mix(in oklab, var(--tux-ref-color--white), var(--tux-ref-color--orange) 35%);
}

.u-text--white,
.has-white-color {
  color: var(--tux-ref-color--white);
}

.u-button--color-white {
  --tux-comp-button--color: var(--tux-ref-color--white);
  --tux-comp-button--hover--color: initial;
  --tux-comp-button--hover--on-color: initial;
  --tux-comp-button--filled--color: var(--tux-ref-color--white);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--dark-gray);
  --tux-comp-button--filled--hover--color: initial;
  --tux-comp-button--filled--hover--on-color: initial;
}

.u-lines--color-white {
  --tux-comp-detailed-list--color: var(--tux-ref-color--white);
  --tux-comp-featured-list--color: var(--tux-ref-color--white);
  --tux-comp-line-list--color: var(--tux-ref-color--white);
}

.u-bg--orange,
[data-bg-hover=orange]:hover {
  --tux-sys-color--background: var(--tux-ref-color--orange);
  --tux-sys-color--on-background: var(--tux-ref-color--white);
  --tux-sys-color--surface: color-mix(in oklab, var(--tux-sys-color--background), black 20%);
  --tux-sys-color--on-surface: var(--tux-ref-color--white);
  --tux-sys-color--primary: var(--tux-ref-color--white);
  --tux-sys-color--on-primary: var(--tux-ref-color--orange);
  --tux-sys-color--secondary: var(--tux-ref-color--white);
  --tux-sys-color--on-secondary: var(--tux-ref-color--orange);
}

.u-text--orange,
.has-orange-color {
  color: var(--tux-ref-color--orange);
}

.u-button--color-orange {
  --tux-comp-button--color: var(--tux-ref-color--orange);
  --tux-comp-button--hover--color: initial;
  --tux-comp-button--hover--on-color: initial;
  --tux-comp-button--filled--color: var(--tux-ref-color--orange);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--white);
  --tux-comp-button--filled--hover--color: initial;
  --tux-comp-button--filled--hover--on-color: initial;
}

.u-lines--color-orange {
  --tux-comp-detailed-list--color: var(--tux-ref-color--orange);
  --tux-comp-featured-list--color: var(--tux-ref-color--orange);
  --tux-comp-line-list--color: var(--tux-ref-color--orange);
}

.u-bg--dark-gray,
[data-bg-hover=dark-gray]:hover {
  --tux-sys-color--background: var(--tux-ref-color--dark-gray);
  --tux-sys-color--on-background: var(--tux-ref-color--white);
  --tux-sys-color--surface: color-mix(in oklab, var(--tux-sys-color--background), var(--tux-ref-color--white) 20%);
  --tux-sys-color--on-surface: var(--tux-ref-color--white);
  --tux-sys-color--primary: var(--tux-ref-color--orange);
  --tux-sys-color--on-primary: var(--tux-ref-color--white);
  --tux-sys-color--secondary: var(--tux-ref-color--white);
  --tux-sys-color--on-secondary: var(--tux-ref-color--dark-gray);
  --tux-comp-accordion--bg-color: var(--tux-ref-color--orange);
  --tux-comp-accordion--text-color: var(--tux-ref-color--white);
  --tux-comp-accordion--card--cue-icon-color: var(--tux-ref-color--white);
  --tux-comp-accordion--icon-color: var(--tux-ref-color--white);
}

.u-text--dark-gray,
.has-dark-gray-color {
  color: var(--tux-ref-color--dark-gray);
}

.u-button--color-dark-gray {
  --tux-comp-button--color: var(--tux-ref-color--dark-gray);
  --tux-comp-button--hover--color: initial;
  --tux-comp-button--hover--on-color: initial;
  --tux-comp-button--filled--color: var(--tux-ref-color--dark-gray);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--white);
  --tux-comp-button--filled--hover--color: initial;
  --tux-comp-button--filled--hover--on-color: initial;
}

.u-lines--color-dark-gray {
  --tux-comp-detailed-list--color: var(--tux-ref-color--dark-gray);
  --tux-comp-featured-list--color: var(--tux-ref-color--dark-gray);
  --tux-comp-line-list--color: var(--tux-ref-color--dark-gray);
}

.u-font--open-sans {
  font-family: var(--tux-ref-type--font--open-sans);
  --tux-sys-type--line-height: var(--tux-ref-type--font--open-sans--lh);
}

.u-font--eb-garamond {
  font-family: var(--tux-ref-type--font--eb-garamond);
  --tux-sys-type--line-height: var(--tux-ref-type--font--eb-garamond--lh);
}