/* Content-specific styles and campus modifiers (shared) */

.campus-header {
  font-size: 2rem;
  font-weight: 700;
  min-height: 3.5rem;
}

.campus-baseline {
  color: #e40521;
  font-style: normal;
  margin-bottom: 0.5rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.card-baseline-zwijnaarde {
  color: #2f6968;
  font-style: normal;
  margin-bottom: 0.5rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.card-baseline-sintpieters {
  color: #04476c;
  font-style: normal;
  margin-bottom: 0.5rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.card-baseline-sintdenijs {
  color: #e40521;
  font-style: normal;
  margin-bottom: 0.5rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
body.dark .campus-baseline {
  color: #5eacd4;
}

/* Secundaire campus header colors */
.campus--secundary.campus--sint-denijs-westrem .campus-header {
  color: #e40521;
}

.campus--secundary.campus--zwijnaarde .campus-header {
  color: #2f6968;
}

.campus--secundary.campus--sint-pieters .campus-header {
  color: #04476c;
}

/* Internaat header colors */
.campus--internaat.campus--sint-denijs .campus-header {
  color: #f4d735;
}

.campus--internaat.campus--sint-pieters .campus-header {
  color: #0f5176;
}
.campus--Sint-Pietersinstituut-BaO .campus-header {
  color: #0f5176;
}

/* Container voor dropdown */
.dropdown-general {
  position: relative;
  display: flex;
  flex-direction: column; /*gefikster knopske */
  margin: 1rem 0;
  border-top: #fff;
  font-family: "Proxima Nova", sans-serif;
}

/* Knop */
.dropdown-general .dropdownbtn {
  background-color: #e40521;
  /* primaire kleur */
  color: #fff;
  padding: 0.3rem 0.5rem;
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: background-color 0.3s;
}

.dropdown-general .dropdownbtn:hover {
  background-color: #c1041b;
}

/* Pijltje */
.dropdown-general .arrow {
  display: inline-block;
  transition: transform 0.3s;
}

/* Draai pijltje bij actief */
.dropdown-general.active .arrow {
  transform: rotate(180deg);
}

/* Verborgen content */
.dropdown-general .dropdown-content {
  display: none;
  position: relative;
  padding: 0.5rem;

}

/* Toon content bij actief */
.dropdown-general.active .dropdown-content {
  display: grid;
}