:root {
  --md-primary-fg-color: #003255;
  --md-primary-fg-color--light: #bfa686;
  --md-primary-fg-color--dark: #003255;
  --md-primary-bg-color: #f0e9e1;
  --md-accent-fg-color: #bfa686;
  --md-default-bg-color: #f0e9e1;
  --md-default-fg-color: #003255;
  --md-typeset-a-color: #5f8cb4;
  --md-typeset-color: #003255;
}

.md-header {
  background-color: #003255 !important;
}

.md-tabs {
  background-color: #003255 !important;
}

.md-content h1,
.md-content h2,
.md-content h3,
.md-content h4,
.md-content h5,
.md-content h6 {
  color: #003255 !important;
}

.md-button {
  background-color: #003255 !important;
  color: #f0e9e1 !important;
}

.md-typeset blockquote {
  background: var(--md-accent-fg-color);
}

.md-typeset details {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0.5rem 0 !important;
}

.md-typeset details summary {
  display: list-item !important;
  list-style: disclosure-closed inside !important;
  cursor: pointer;
  padding: 0 !important;
  background: none !important;
}

.md-typeset details[open] > summary {
  list-style-type: disclosure-open !important;
  color: black;
}

[dir=ltr] .md-typeset details > summary::before,
[dir=ltr] .md-typeset details > summary::after {
  display: none !important;
}

/* Inpaklijst */
.md-typeset label {
  display: block;
  margin: 0.4rem 0;
  color: #003255;
}

/* Werkgroep team */
.team-row {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  gap: 1.5rem;
  padding-bottom: 1rem;
}

.team-card {
  flex: 0 0 auto;
  text-align: center;
}

.team-card img {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

.team-card p {
  margin-top: 0.5rem;
  color: #003255;
  font-weight: bold;
}

.kaart-volledig {
  width: 100%;
  display: block;
  margin-bottom: 1rem;
}

.legende-kolommen {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  align-items: flex-start;
}

.legende-kolommen .legende-tabel {
  flex: 1;
  min-width: 0;
  font-size: 0.72rem;
  border-collapse: collapse;
}

.legende-tabel th {
  color: #003255;
  font-weight: bold;
  border-bottom: 2px solid #bfa686;
  padding: 0.2rem 0.4rem;
  text-align: left;
}

.legende-tabel td {
  padding: 0.1rem 0.4rem;
  border-bottom: 1px solid #f0e9e1;
  color: #003255;
  line-height: 1.3;
}

.legende-tabel .big-row {
  height: 40px;
  align-content: center;
}

.clear {
  clear: both;
}

.img-rij {
  display: flex !important;
  flex-direction: row !important;
  gap: 1rem !important;
  margin-bottom: 1rem !important;
}

.img-rij img {
  flex: 1 !important;
  width: 0 !important;
  object-fit: cover !important;
  border-radius: 4px !important;
}

@media (max-width: 600px) {
  .legende-kolommen {
    flex-direction: column;
    gap: 1rem;
  }

  .legende-tabel {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }
}