/* Haagse Helpers – Extra stijling */

#toc-widget .branding img {
  opacity: 0;
}

#toc-widget {
  margin: 0 auto;
  font-family: "Outfit", sans-serif;
}

#toc-widget h1 {
  font-weight: 800;
}

.background-parent {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
}

.background-parent .blokje:nth-of-type(1) { grid-area: 1 / 1 / 2 / 2; }
.background-parent .blokje:nth-of-type(2) { grid-area: 2 / 1 / 3 / 2; }
.background-parent .blokje:nth-of-type(3) { grid-area: 1 / 2 / 3 / 3; }
.background-parent .blokje:nth-of-type(4) { grid-area: 1 / 3 / 3 / 5; }

@media screen and (min-width: 1000px) {
.section-activities .content-container .flex-row {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  grid-template-rows: repeat(3, 1fr) !important;
  grid-column-gap: 1rem !important;
  grid-row-gap: 1rem !important;
  width: 100%;
}

.section-activities .blokje:nth-of-type(1) { grid-area: 1 / 1 / 4 / 3; }
.section-activities .blokje:nth-of-type(2) { grid-area: 1 / 3 / 3 / 5; }
.section-activities .blokje:nth-of-type(3) { grid-area: 3 / 3 / 4 / 5; }
.section-activities .blokje:nth-of-type(4) { grid-area: 1 / 5 / 4 / 6; }
}

.section-divider img, .hr-en-pijltje img {
  margin-left: 60px;
}

/* Eventueel extra typografie, kleuren of accenten */

#toc-widget .page-2 a {
  box-shadow: inset 0 -1.5px 0 #00a8a3;
}

#toc-widget .page-2 a:hover {
  color: #00a8a3;
}