/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * Generic elements.
 */

:root {
  /*
   * This is default Farmers market color scheme. It will be overriden when you change it in theme settings.
   */
  /* static colors */
  /*
   * Typography.
   */ /* 1rem = 16px if font root is 100% ands browser defaults are used. */ /* ~64px */ /* ~48px */ /* ~32px */ /* ~24px */ /* ~20px */ /* 16px */ /* ~14px */ /* ~13px */ /* ~11px */
  /**
   * Spaces.
   */ /* 4 * 16px = 64px */ /* 3 * 16px = 48px */ /* 2 * 16px = 32px */ /* 1 * 16px = 16px */ /* 0.75 * 16px = 12px */ /* 0.5 * 16px = 8px */ /* 0.25 * 16px = 4px */ /* 120 * 16px = 1920px */ /* 101.25 * 16px = 1620px */
  /**
   * Common.
   */
  /**
   * Inputs.
   */
}

html {
  font-family: "Open Sans"
,
Roboto
,
Oxygen-Sans
,
Ubuntu
,
Cantarell
,
"Helvetica Neue"
,
sans-serif;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
}

/* https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

html {
  box-sizing: border-box;
}

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

a:hover,
a:focus,
.link:hover,
.link:focus {
  text-decoration: none;
  outline: 0;
}