/*------------------------------------*\
    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
\*------------------------------------*/
/**
 * 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
 */
body.is-mwg-url-ending.is-boxed-login, body.is-boxed-login {
  background-color: #C38A62;
  background: -moz-linear-gradient(45deg, #C38A62 0%, #ECBB92 100%);
  background: -webkit-linear-gradient(45deg, #C38A62 0%, #ECBB92 100%);
  background: linear-gradient(45deg, #C38A62 0%, #ECBB92 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#C38A62", endColorstr="#ECBB92",GradientType=1 );
}

body {
  background: #F4EFEC;
}
body.is-mwg-url-ending {
  background: #F4EFEC;
}
@media (max-width: 700px) {
  .header {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}

.split-screen__col--visual img {
  object-position: center right;
}
@media (max-width: 1000px) {
  .split-screen__brand {
    width: 5.9375rem;
  }
}
@media (min-width: 1001px) {
  .split-screen__brand {
    width: 9.375rem;
  }
}

@media (max-width: 700px) {
  .header__wrap > .logo {
    max-width: 55px;
  }
}
@media (min-width: 701px) {
  .header__wrap > .logo {
    padding: 0.625rem 0;
  }
}

@media (min-width: 701px) {
  .hero-image img {
    object-position: right center;
  }
}

.is-boxed-login .header__col:last-child,
.articles-filter,
.header__text-link {
  display: none;
}

@media (min-width: 701px) {
  .is-login-captcha .header__text-link, .is-boxed-login .header__text-link {
    background: #FFFFFF;
    color: #C38A62;
  }
}