/* import font declarations  */
@import "../fonts/OpenSans/open-sans.css";
@import "../fonts/Lato/latofonts.css";


/* variables */
:root {
  /* phfr styles */
  --phfr-bg-logo-url: url("../img/keycloak-bg-darken.svg");
  --phfr-logo-url: url('../img/PHFR_logo.svg');
  --phfr-logo-height: 75px;
  --phfr-logo-width: 400px;
  --phfr-logo-medium-height: 68px;
  --phfr-logo-medium-width: 350px;
  --phfr-logo-small-height: 60px;
  --phfr-logo-small-width: 280px;
  --phfr-footer-bgcolor: #595959;
  --phfr-card-top-color: #96be3c;
  /* pattern-fly styles overrides */
  --pf-v5-global--spacer--3xl: 2rem;
  --pf-v5-global--FontSize--3xl: 1.6rem;
  --pf-v5-global--FontFamily--text: "Lato","Open Sans",helvetica,arial,sans-serif;
  --pf-v5-global--FontFamily--heading: "Lato","Open Sans",helvetica,arial,sans-serif;
  --pf-v5-global--primary-color--100: #797979;
  /*--pf-v5-global--primary-color--100: #324b8c;*/
  --pf-v5-global--primary-color--200: #999999;
  /*--pf-v5-global--primary-color--200: #324b8c;*/
  /*--pf-v5-global--primary-color--200: #96be3c;*/
  /*--pf-v5-global--link--Color--hover #96be3c;*/
  /* forms */
  --pf-v5-global--spacer--sm: 0.8rem;
  --pf-v5-global--spacer--form-element: 0.8rem;
}

.pf-v5-c-login {
  padding-top: 0;
}
.pf-v5-c-login__container {
  grid-template-columns: 40rem;
}

.login-pf body {
  /*background: DimGrey none;*/
  background: #e9e9e9;
}

#kc-header {
  background-color: #324b8c;
  /*border-radius: 8px 8px 0 0;*/
}
#kc-header-wrapper {
  font-size: 22px;
  padding: 18px 0;
  margin-bottom: 0;
  text-align: right;
}
@media (min-width: 768px) {
  #kc-header {
    border-radius: 8px 8px 0 0;
  }
  #kc-header-wrapper {
    font-size: 24px;
    padding: 25px 0;
  }
}
@media (min-width: 1200px) {
  #kc-header-wrapper {
    font-size: 26px;
    padding: 25px 0;
  }
}

.pf-v5-c-login__main {
  border-radius: 0 0 8px 8px;
}

.pf-v5-c-login__main-header {
  border-top: 5px solid var(--phfr-card-top-color);
  padding-block-end: 2.2rem;
}

@media (min-width: 768px) {
  div.pf-v5-c-login__main-header {
    grid-template-columns: 75% 25%;
  }
}

.pf-v5-c-form__label-text {
  font-size: 1rem;
}
.pf-v5-c-form__group {
  margin-block-start: 1.2rem;
}
.pf-v5-c-form-control {
  font-size: 1.2rem;
}
.pf-v5-c-button.pf-m-block {
  height: 3.2rem;
  font-size: 1.2rem;
  width: 400px;
}
/*
@media (min-width: 1200px) {
  .pf-v5-c-button.pf-m-block {
    width: 0;
    min-width: 40%;
  }
}
*/

div.phfr-logo-text {
  background-image: var(--phfr-logo-url);
  background-repeat: no-repeat;
  background-size: contain;
  height: var(--phfr-logo-small-height);
  width: var(--phfr-logo-small-width);
  /*margin-left: 25px;*/
  /*margin: 0 auto;
  text-align: right;*/
}
@media (min-width: 576px) {
  div.phfr-logo-text {
    height: var(--phfr-logo-medium-height);
    width: var(--phfr-logo-medium-width);
    margin-left: 25px;
  }
}
@media (min-width: 768px) {
  div.phfr-logo-text {
    height: var(--phfr-logo-height);
    width: var(--phfr-logo-width);
    margin-left: 25px;
  }
}

div.phfr-logo-text span {
/*  display: none; */
  position: relative;
  top: 65px;
}

span.phfr-header-text {
  /*float: right;*/
  margin-right: 25px;
  margin-bottom: 20px;
}

#kc-login-footer-links {
  background: var(--phfr-footer-bgcolor);
  margin-top: 44px;
  padding: 3rem 3rem;
  color: #ffffff;
  /*border-radius: 0 0 8px 8px;*/
}
#kc-login-footer-links li {
  padding-right: 0.8rem;
  font-size: 1rem;
}
@media (min-width: 1200px) {
  #kc-login-footer-links {
    /*border-radius: 0 0 8px 8px;*/
  }
  #kc-login-footer-links li {
    display: inline;
    padding-right: 1.5rem;
    font-size: 1rem;
  }
}
#kc-login-footer-links li a {
  color: #ffffff;
}