/* Rohrdorfer branding, loaded after login.css and tile.css */

:root {
  --rohrdorfer-teal: #0a565a;
  --rohrdorfer-teal-dark: #073c3f;
  --rohrdorfer-olive: #a0a24f;
  --rohrdorfer-text: #212529;
  --rohrdorfer-muted: #707070;

  --pf-global--primary-color--100: var(--rohrdorfer-teal);
  --pf-global--primary-color--200: var(--rohrdorfer-teal-dark);
  --pf-global--link--Color: var(--rohrdorfer-teal);
  --pf-global--link--Color--hover: var(--rohrdorfer-teal-dark);
  --pf-global--FontFamily--sans-serif:
    'Lato', -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    sans-serif;
}

.login-pf body {
  font-family: var(--pf-global--FontFamily--sans-serif);
  color: var(--rohrdorfer-text);
  background:
    linear-gradient(rgba(10, 86, 90, 0.35), rgba(10, 86, 90, 0.35)),
    url('../img/login-bg.jpg') center / cover no-repeat;
  min-height: 100%;
}

.card-pf {
  border-top: 6px solid var(--rohrdorfer-teal);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  padding-bottom: 32px;
}

.login-pf-page .login-pf-brand {
  display: block;
  max-width: 260px;
  height: auto;
  margin: 8px auto 16px;
}

#kc-page-title {
  font-family: var(--pf-global--FontFamily--sans-serif);
  font-weight: 700;
  color: var(--rohrdorfer-teal);
  text-align: center;
  padding-bottom: 12px;
  border-bottom: 3px solid var(--rohrdorfer-olive);
}

.pf-c-form__label-text {
  color: var(--rohrdorfer-text);
  font-weight: 700;
}

.pf-c-form-control:focus,
.pf-c-form-control:hover {
  border-bottom-color: var(--rohrdorfer-teal);
}

.pf-c-form-control:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(10, 86, 90, 0.25);
}

.pf-c-button.pf-m-primary,
#kc-login {
  color: #ffffff;
  background-color: var(--rohrdorfer-teal);
  border: none;
  border-radius: 4px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.pf-c-button.pf-m-primary:hover,
.pf-c-button.pf-m-primary:focus,
#kc-login:hover,
#kc-login:focus {
  background-color: var(--rohrdorfer-teal-dark);
}

.login-pf a,
.login-pf a:visited {
  color: var(--rohrdorfer-teal);
}

.login-pf a:hover {
  color: var(--rohrdorfer-teal-dark);
}

#kc-current-locale-link {
  color: var(--rohrdorfer-muted);
}

@media (max-width: 767px) {
  .login-pf body {
    background: #ffffff;
  }

  .card-pf {
    box-shadow: none;
  }
}