/* https://github.com/patternfly/patternfly/blob/main/src/patternfly/sass-utilities/scss-variables.scss */

:root {
  --mw-global--Color: #fff;
  --pf-global--BackgroundColor--dark-100: #fff;
  --mw-global--BackgroundColor: rgba(0, 0, 0, 0.6);

  --pf-global--FontSize--sm: 14px;
  --pf-c-form__label--FontSize: var(--pf-global--FontSize--sm);

  --pf-global--primary-color--dark-100: #af8754;
  --pf-global--primary-color--200: #af8754;
  --pf-global--link--Color--dark--hover: #af8754;

  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
  --pf-global--primary-color--light-100: var(--pf-global--primary-color--dark-100);
  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
  --pf-global--link--Color: var(--pf-global--primary-color--100);
  --pf-global--link--Color--dark: var(--pf-global--primary-color--100);

  --pf-global--BoxShadow--lg: var(--pf-global--BoxShadow--md);

  --pf-global--FontFamily--sans-serif: sans-serif;
  --pf-global--FontFamily--heading--sans-serif: sans-serif;
}

html {
  height: -webkit-fill-available;
  height: 100dvh;
}

body {
  font-family: var(--pf-global--FontFamily--sans-serif);
  font-size: var(--pf-global--FontSize--sm);

  min-height: -webkit-fill-available;
  min-height: 100dvh;
}

.login-pf {
  height: 100%;
  background: var(--pf-global--BackgroundColor--dark-100);
}

.login-pf body {
  color: var(--mw-global--Color);

  background: url("../img/background.jpg") no-repeat center center fixed;
  background-size: cover;
  height: 100%;
}

#kc-form-options .checkbox {
  color: var(--mw-global--Color);
}

.login-pf a {
  color: var(--mw-global--Color);
  text-decoration: underline;
}

.pf-m-primary:hover {
  background-color: var(--pf-global--link--Color--dark--hover);
}

.login-pf a:hover {
  color: var(--mw-global--Color);
  text-decoration: underline;
}

input[type="checkbox"] {
  accent-color: var(--pf-global--primary-color--100);
}

.pf-c-form-control {
  font-size: var(--pf-global--FontSize--sm);
}
.pf-c-form-control:focus-visible {
  outline-color: var(--pf-global--primary-color--100);
}

a:focus,
a:focus-visible,
input:focus,
input:focus-visible,
input[type="checkbox"]:focus,
input[type="checkbox"]:focus-visible {
  outline-color: var(--pf-global--primary-color--100);
}

.card-pf {
  border: 0;
  background: var(--mw-global--BackgroundColor);
}

.login-pf-page .card-pf p {
  color: var(--mw-global--Color);
}

#kc-page-title {
  font-family: var(--pf-global--FontFamily--heading--sans-serif);
}

.mw-info-wrapper {
  background: transparent;
  font-size: var(--pf-global--FontSize--sm);
  padding: 15px 35px;
}

#kc-info-wrapper {
  background: transparent;
  font-size: var(--pf-global--FontSize--sm);
}

#kc-info {
  color: var(--mw-global--Color);
  margin: 20px 0 -30px;
}

.login-pf .pf-c-button.pf-m-block {
  height: 38px;
  border-radius: var(--pf-global--BorderRadius--sm);
}

input[type="submit"] {
  border-radius: var(--pf-global--BorderRadius--sm);
}

#kc-header-wrapper {
  visibility: hidden;
}

.login-pf-header {
  background: url(../img/logo.png) no-repeat center bottom;
  height: 144px;
}

#kc-page-title {
  display: none;
}

.pf-c-form__helper-text.kc-feedback-text {
  color: var(--mw-global--Color);
}

@media (max-width: 767px) {
  #kc-header {
    display: none;
  }
  .login-pf-page {
    padding-top: 0;
  }
}