/* https://github.com/patternfly/patternfly/blob/main/src/patternfly/sass-utilities/scss-variables.scss */

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format("woff2");
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9V1g.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v17/0QI6MX1D_JOuGQbT0gvTJPa787weuxJBkqt8ndeYxZ0.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --mw-global--BackgroundColor: #024042ad;

  --pf-global--primary-color--dark-100: #3fa9f5; /* the one */
  --pf-global--primary-color--200: #0c8dea;
  --pf-global--link--Color--dark--hover: #004080;

  --pf-global--primary-color--light-100: var(--pf-global--primary-color--dark-100);

  --pf-global--FontFamily--sans-serif: Poppins, overpass, overpass, open sans, -apple-system, blinkmacsystemfont, Segoe UI, roboto,
    Helvetica Neue, arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --pf-global--FontFamily--heading--sans-serif: Poppins, overpass, overpass, open sans, -apple-system, blinkmacsystemfont, Segoe UI, roboto,
    Helvetica Neue, arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

.pf-m-primary:hover {
  background-color: var(--pf-global--primary-color--200);
}

/* prevent full-width login button */
.login-pf .pf-c-button.pf-m-block {
  font-family: var(--pf-global--FontFamily--heading--sans-serif);
  font-size: var(--pf-global--FontSize--sm);
  min-height: 32px;
  margin: auto;
  width: auto;
  padding-left: 28px;
  padding-right: 28px;
}

.mw-info-wrapper {
  background: none;
}
#kc-info-wrapper {
  background: none;
}

#kc-info {
  color: var(--mw-global--Color);
  background: none;
  margin: 20px 0 -30px;
}

.login-pf .pf-c-button.pf-m-block {
  border-radius: var(--pf-global--BorderRadius--lg);
}

input[type="submit"] {
  border-radius: var(--pf-global--BorderRadius--lg);
}