@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

.page-monographs,
.page-monographs * {
  font-family: 'Open Sans', sans-serif !important;
}

.page-monographs .header-container {
  background-color: #1962ab !important;
}

.page-monographs .header-container .row {
  align-items: center;
}

.page-monographs .header-container h1 {
  font-weight: 550;
  margin-bottom: 0;
}

.page-monographs h1 {
  color: #ffffff !important;
  font-size: 30px;
}

.page-monographs h4 {
  font-weight: 550;
}
.page-monographs h5 {
  font-weight: 550;
}

/* Leaderboard: black, non-bold compound name buttons */
.page-monographs .leaderboard-link-btn {
  color: black !important;
  font-weight: normal !important;
}

/* grey borders instead of yellow */
.page-monographs button {
  border-color: rgb(210, 210, 210) !important;
  border-radius: 5px !important;
  border-width: 2px !important;
}

.page-monographs .button-reset {
  background-color: #1962ab !important;
}

/* Fixed-width collapse toggle buttons */
.page-monographs [id$="-toggle-btn"],
.page-monographs [id$="btn-meldingen"],
.page-monographs [id$="btn-publicaties"],
.page-monographs [id$="btn-gewichten"],
.page-monographs [id$="button-toggle-filter"],
.page-monographs [id$="btn-leaderboard-toggle"] {
  min-width: 2rem;
  text-align: center;
  flex-shrink: 0;
}

.page-monographs .filter-option-label {
  font-size: .8rem;
}

.page-monographs .filter-checkbox {
  height: 0.8rem;
  width: 0.8rem;
}

.page-monographs .filter-checkbox:checked {
  background-color: #1962ab;
  border-color: #1962ab;
}

.page-monographs .filter-checkbox:focus {
  border-color: #1962ab;
  box-shadow: 0 0 0 0.2rem rgba(130, 128, 255, 0.25);
}