@import url("https://use.typekit.net/whx6khr.css");
/* Lettertypes */
h1 {
  font-family: "azo-sans-web", sans-serif;
  color: rgb(18, 50, 110);
}

/* Achtergrond pagina */
.login-pf body {
  background: #12326e;
}

/* Logo bovenaan template */
.ovsg-logo {
  background-image: url("../img/logo.png"); /* Relatieve verwijzing */
  background-size: contain; /* Zorgt ervoor dat het logo volledig zichtbaar blijft */
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; /* Pas de breedte aan naar wens */
  height: 120px; /* Pas de hoogte aan naar wens */
  margin: 0 auto; /* Centreert het logo */
}

/* Keycloak login button */
#kc-login {
  background-color: #f0f0f0;
  color: rgb(54, 54, 54);
}

#kc-login:hover {
  background-color: #e0e0e0;
}

/* Vlaams toegangsbeheer button */
#social-acm {
  background-color: #f7b718;
  color: rgb(54, 54, 54);
}

#social-acm:hover {
  background-color: #edac08;
}

#social-acm::after {
  border: none;
}

/* Klein scherm */
@media (max-width: 767px) {
  .login-pf body {
    background: white;
  }

  .ovsg-logo {
    background-position: left;
  }
}

/* Groot scherm */
@media (min-width: 767px) {
  /* Loginkader */
  .card-pf {
    border-radius: 1rem 0rem;
  }
}