@import url(https://use.typekit.net/ewh5dfa.css);
/**
 SASS files that don't get compiled into CSS. Do not put element selectors in here.
 Every file not starting with '_' should import this file if you want to use functions and mixins.
 */
/**
 * SASS variables
 *
 These are only used in the properties and abstract SASS files.
 */
@font-face {
  font-family: "Reckless Neue Light";
  src: url("/themes/custom/elaba/fonts/RecklessNeue-Light.woff2") format("woff2"), url("/themes/custom/elaba/fonts/RecklessNeue-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Reckless Neue Thin";
  src: url("/themes/custom/elaba/fonts/RecklessNeue-Thin.woff2") format("woff2"), url("/themes/custom/elaba/fonts/RecklessNeue-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
/**
 Breakpoints and columns
 */
/**
 Text
 */
/**
Fill in the header styles, only write the properties you want to override.
 */
/**
 Form
 */
/**
  Buttons
 */
/**
 Breakpoints

 @param {Keyword} $breakpoint - The breakpoint name of the minimum width. Can be any of the names in the $breakpoint variable
 */
/**
  Custom column size.
  Especially handy inside other columns.

  @param {Number|string} $size - the size in columns or 'expand'/'shrink'.
  @param {number} $total - the total size in columns. Ignored when size is 'expand'/'shrink'
 */
/**
  Custom offset size.
  Especially handy inside other columns.

  @param {Number|string} $size - the size of the offset.
  @param {number} $total - the total size in columns.
  @param {string} - the side from the offset.
 */
footer#footer {
  background-color: #FFFFFF;
}
footer#footer .region-footer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 15px 0px;
  grid-column: 2/-2;
}
@media (min-width: 768px) {
  footer#footer .region-footer {
    flex-direction: row;
    gap: 0px;
  }
}
footer#footer .region-footer .field__item > p {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-style: normal;
  font-weight: 450;
  font-size: 0.75rem;
  line-height: 120%;
  color: rgb(153, 154, 145);
}
footer#footer .region-footer .field__item > p > a {
  padding-left: 6px;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-style: normal;
  font-weight: 450;
  font-size: 16px;
  line-height: 120%;
  color: var(--primary-color);
  display: inline-block;
  text-decoration: none;
  transition: var(--transition);
}
footer#footer .region-footer .field__item > p > a:hover {
  opacity: 0.75;
}