/*------------------------------------*\
    COLOR

    Pass in a group name and a key
    to get a value.

    E.G color(field, background) will return
    the background item in the field group.

    Colors are defined in $colors in _config.scss
\*------------------------------------*/
/* SVGs do not accept # as color code and must be encoded
https://stackoverflow.com/questions/55074106/css-background-url-svg-fill-color-not-working-not-base64-when-compiling-from-s */
/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.content-overlay__submit-action::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%);
}

.hero-slider--fitted {
  height: calc(100vh - 90px - 40px);
}
@media (max-width: 700px) {
  .hero-image {
    margin-top: -90px;
  }
  .hero-image img {
    object-position: center center;
  }
}
@media (min-width: 701px) {
  .hero-image {
    margin-top: -155px;
  }
  .hero-image img {
    object-position: left center;
  }
}

.is-boxed-login .panel__text,
.is-boxed-login .panel__text b {
  color: #FFFFFF;
}

.is-boxed-login .header__col:last-child {
  display: none;
}

@media (max-width: 700px) {
  .is-boxed-login .footer {
    padding-bottom: 0;
  }
}