/* stylelint-disable custom-property-pattern */

/* Change colors, see: https://www.patternfly.org/v4/developer-resources/global-css-variables/ */
:root {
  --breuninger-red: #ba0c2f;
  --breuninger-red-dark: #8c0924;
  --coal: #1a1a1a;
  --pf-global--Color--100: var(--coal);
  --pf-global--primary-color--100: var(--breuninger-red);
  --pf-global--primary-color--200: var(--breuninger-red-dark);
  --pf-global--primary-color--dark-100:var(--breuninger-red-dark);
  --pf-global--link--color: var(--breuninger-red);
  --pf-global--link--Color--hover: var(--breuninger-red-dark);
  --pf-global--active-color--100: var(--breuninger-red-dark);
}

body {
  color: var(--coal);
}

a {
  color: var(--pf-global--primary-color--100);
}

a:hover,
.login-pf a:hover {
  color: var(--pf-global--primary-color--200);
}

.login-pf body {
  /* Background generated via https://bgjar.com/rect-light */
  background-image: url("../img/background.svg");
  background-size: cover;
  background-color: #333;
}

/* Add Breuninger Logo to login box */
.login-pf-page #kc-page-title::before {
  background: url("../img/breuninger.svg") no-repeat center/150px;
  width: 100%;
  height: 60px;
  content: " ";
  display: block;
  margin-bottom: 15px;
}

.kc-logo-text {
  display: none;
}

#kc-header-wrapper {
  color: #eee;
}

.btn-group-lg > .btn,
.btn-lg {
  padding: 12px 15px;
}

.pf-c-form-control {
  --pf-c-form-control--PaddingTop: 8px;
  --pf-c-form-control--PaddingBottom: 8px;
}

.pf-c-form-control:focus {
  outline: none; /* already marked through colored border */
}

.docs-link {
  margin-top: 25px;
  text-align: center;
}

#help-link a {
  color: #363636;
}
#help-link a .fas {
  padding-right: 5px;
}