:root {
  /* Nudge "default blues" to match the "Telemis blue" */
  --pf-v5-global--primary-color--300: #0066b3;
  --pf-v5-global--palette--blue-400: #0066b3;
}

body {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto auto;
  grid-template-areas: "header" "hero" "content" "footer";
  min-height: 100vh;
}

#telemis-content {
  grid-area: content;
  z-index: 1;
  padding-top: 3em;
}

#telemis-hero {
  background: url('../img/login-hero.jpg') no-repeat center 68%;
  background-color: #FFF;
  background-size: cover;
  background-blend-mode: multiply;
  grid-area: hero;
  min-height: 15vw;
}

#keycloak-bg {
  background: #FEFEFE;
}

/* Darken the background, when in dark-mode. */
.pf-v5-theme-dark {
  #keycloak-bg {
    background: #333335;
  }

  #telemis-hero {
    background-color: #999;
  }
}

#telemis-footer {
  grid-area: footer;
  padding: 2em 0.5em;
  text-align: center;
}

#kc-header-wrapper {
  text-align: left;
  text-transform: none;
  padding: 0.5em;
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: initial !important;
}

.pf-v5-c-login {
  min-height: initial;
}