/* Project Variables v1.0 */

:root {

  --color-branding-primary:#002F6C;
  --color-branding-secondary:#00A9A2;
  --color-branding-tertiary:#F78737;

  --color-text:#061514;
  --color-link:#061514;
  --color-link-hover:#000000;

  --color-button-text:#ffffff;
  --color-button-border:#00A9A2;
  --color-button-background:#00A9A2;
  --color-button-text-hover:#ffffff;
  --color-button-border-hover:#002F6C;
  --color-button-background-hover:#002F6C;

  --color-top-nav-link:#ffffff;
  --color-top-nav-link-hover:#000000;

  --color-header-background:#ffffff;

  --color-minicart-icon:#00A9A2;
  --color-minicart-icon-hover:#046e6b;
  --color-minicart-counter:#046e6b;

  --color-trust-signal-background:#ffffff;
  --color-trust-signal-icon:#00A9A2;
  --color-trust-signal-text:#061514;

  --color-page-bottom-background:#002F6C;
  --color-footer-background:#002F6C;
  --color-footer-text:#fff;
  --color-footer-link:#fff;
  --color-footer-link-hover:#fff;
  --color-footer-icon:#fff;

  --color-product-page-description-background: #ffffff;

  --color-light-gray: #F5F5F5;
  --color-mid-gray: #CBCBCB;
  --color-dark-gray: #2D2E3A;

  --color-price:#002F6C;
  --color-price-old:#8A8C8E;
  --color-price-discount:#00A9A2;

  --color-pa-checked: #78b13f;
  --color-pa-answer-checked-bg: #0073B1;
  --color-pa-icon-green: #218518;
  --color-pa-icon-yellow: #E8B831;
  --color-pa-icon-red: #EA2F2F;
  --color-question-highlight: #c5ebff;

  --spacing_rhythmUnit: 1rem;
  --spacing__vertical--1: var(--spacing_rhythmUnit);
  --spacing__vertical--2: calc(2 * var(--spacing_rhythmUnit));
  --spacing__vertical--3: calc(3 * var(--spacing_rhythmUnit));
  --spacing__vertical--half: calc(var(--spacing_rhythmUnit)/2);

  --text-h1-size: 3.2rem;
  --text-h1-line-height:1.3;

  --text-h2-size: 2.4rem;
  --text-h2-line-height: 1.2;

  --text-h3-size: 1.8rem;
  --text-h3-line-height: 1.35;

  --text-h4-size: 1.6rem;
  --text-h4-line-height: 1.4;

  --text-normal-size: 1.6rem;
  --text-normal-line-height: 1.4;

  --text-small-size: 1.4rem;
  --text-small-line-height: 1.4;

  --font-weight-normal: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --font-family: 'Libre Franklin', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-family-secondary: 'Goudy Bookletter 1911', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  --width-content-max: 128rem;
  --width-content-max-calc: calc(100% - 4rem);
}



@media only screen and (min-width: 1024px) {

  :root {
    --text-small-size: 1.4rem;
  }

}