:root {
  /* === UTHM Brand Colors === */
  --uthm-blue: #002D72;
  --uthm-red: #C8102E;
  --uthm-light-blue: #0072CE;
  --uthm-grey: #E6E7E8;

  /* === PatternFly Global Overrides === */
  --pf-v5-global--primary-color--100: var(--uthm-blue);
  --pf-v5-global--primary-color--200: #0046A3;
  --pf-v5-global--primary-color--300: #0059D1;
  --pf-v5-global--primary-color--400: var(--uthm-light-blue);
  --pf-v5-global--primary-color--dark-100: var(--uthm-blue);
  --pf-v5-global--primary-color--dark-200: #001F4F;
  --pf-v5-global--primary-color--light-100: #335C9B;
  --pf-v5-global--primary-color--light-200: #6688BD;

  --keycloak-logo-url: url("../img/keycloak-logo.png");
  --keycloak-bg-logo-url: url("../img/keycloak-bg.png");
  --keycloak-card-top-color: var(--pf-v5-global--primary-color--100);

  --pf-global--link--Color: var(--pf-v5-global--primary-color--100);
  --pf-global--link--hover--Color: var(--pf-v5-global--primary-color--200);

  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-button--m-primary--active--BackgroundColor: var(--pf-v5-global--primary-color--300);
  --pf-v5-c-button--m-primary--Color: var(--uthm-grey);
}


.pf-v5-c-login__container {
  width: 100%;
  max-width: var(--pf-v5-c-login__container--MaxWidth);
}
@media (min-width: 1200px) {
  .pf-v5-c-login__container {
        display: grid;
        grid-template-areas: "main header" "main footer" "main .";
        grid-template-columns: var(--pf-v5-c-login__container--xl--GridTemplateColumns);
        grid-column-gap: var(--pf-v5-c-login__container--xl--GridColumnGap);
        justify-content: center;
        padding-inline-start: var(--pf-v5-c-login__container--PaddingLeft);
        padding-inline-end: var(--pf-v5-c-login__container--PaddingRight);

    }
}

.pf-v5-c-login__header {
  place-items: center;
  display: grid;
}

.pf-v5-c-login__footer {
  place-items: center;
  display: grid;
}