:root {
  --pf-global--primary-color--100: #3c8dbc !important;
  --pf-global--primary-color--200: #367fa9 !important;
  --nazza-logo: url(../img/logo.png);
  --nazza-logo-width: 1039;
  --nazza-logo-height: 336;
}

.login-pf body {
  background: #e9ecef;
}

.login-pf a:hover {
    color: var(--pf-global--primary-color--200) !important;
}

input.pf-c-form-control:focus-visible {
    outline: 1px solid var(--pf-global--primary-color--100);
}

div.kc-logo-text {
  background-image: var(--nazza-logo);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  max-width: 400px;
  max-height: 200px;
  width: var(--nazza-logo-width)px;
  height: var(--nazza-logo-height)px;
  aspect-ratio: var(--nazza-logo-width) / var(--nazza-logo-height);
  margin: 0 auto;
}

@media (max-width: 767px) {
  div.kc-logo-text {
    background-size: contain;
    width: 100%;
  }
}

.card-pf {
  border-radius: 30px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

div#kc-info-wrapper {
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

.pf-c-button {
  border-radius: 5px;
}

.pf-c-form-control {
  border-radius: 5px;
}

.nazza-org-name {
  color: #363636;
}

.nazza-org-choice {
  display: block;
  background: none;
  border: none;
  margin: 5px;
  font-size: 20px;
  color: #0088ce;
}

.nazza-org-choice:hover {
  text-decoration: underline;
}