/* Colors */
:root {
  --main-color: #004685;
  --pf-global--primary-color--100: var(--main-color);
  --pf-global--primary-color--200: var(--main-color);
  --pf-global--primary-color--light-100: var(--main-color);
  --pf-global--primary-color--dark-100: var(--main-color);
  --pf-global--link--Color: var(--main-color);
  --pf-global--link--Color--hover: var(--main-color);
  --pf-global--link--Color--light: var(--main-color);
  --pf-global--link--Color--light--hover: var(--main-color);
  --pf-global--link--Color--dark: var(--main-color);
  --pf-global--link--Color--dark--hover: var(--main-color);
  --pf-global--active-color--100: var(--main-color);
  --pf-global--danger-color--200: #ff0000;
}

/* Force link color */
a,
a:hover {
  color: white !important;
}

/* Background */
.login-pf body {
  font-family: "Open Sans", Light;
  background-image: url('../img/sng-background.jpg');
  background-size: cover;
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-position: center center;
  background-blend-mode: multiply;
  background-color: var(--pf-global--link--Color);
}

/* Logo */
#kc-header-wrapper {
  padding: auto;
  margin: auto;
  display: block;
  text-align: center;
  max-width: 14rem;
}

/* Title & form label */
.login-pf h1,
.pf-c-form__label {
  color: white !important;
  text-transform: uppercase;
}

/* Buttons */
.login-pf-page .pf-c-button.pf-m-primary {
  text-transform: uppercase;
  color: white !important;
  background-color: transparent !important;
  border: 1px solid white;
}

.login-pf-page .pf-c-button.pf-m-primary:hover {
  color: black !important;
  background-color: white !important;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

/* Card  */
.card-pf {
  background-color: transparent !important;
  border-top: none !important;
  box-shadow: none !important;
}

/* Info (below form) */
#kc-info-wrapper {
  background-color: transparent !important;
  border-top: none !important;
  color: white !important;
}

/* Lang menu */
.pf-c-dropdown__menu-item,
.pf-c-dropdown__menu-item:hover {
  color: black !important;
}