/* Eigen aanpassingen bovenop de Webflow-styling. Dit bestand wordt ná de Webflow-CSS geladen. */

/* Footer: alle inhoud op hetzelfde 4-koloms raster als de vier blokken */
@media (min-width: 768px) {
  .section.footer-section {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 16px;
    padding-left: max(30px, calc((100% - 1110px) / 2));
    padding-right: max(30px, calc((100% - 1110px) / 2));
  }
  .section.footer-section::before,
  .section.footer-section::after,
  .footer-section .footer-row::before,
  .footer-section .footer-row::after {
    display: none;
  }

  .footer-section .footer-cta-blocks-wrapper,
  .footer-section .bottom-container,
  .footer-section .footer-bottom {
    grid-column: 1 / -1;
    width: auto;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .footer-section .bottom-container,
  .footer-section .container-2 {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  /* Tekst in de blokken netjes in het midden */
  .button.footer-cta-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 14px;
  }

  /* Kolom 1: slogan en logo's */
  .footer-section > .w-container:not(.bottom-container) {
    grid-column: 1;
    grid-row: 2;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
  }
  .footer-section .footer-block {
    width: auto;
    padding: 0;
  }

  /* Kolommen 2 t/m 4: copyright, Over ons, Diensten */
  .footer-section .footer-row {
    display: contents;
  }
  .footer-section .footer-column {
    grid-row: 2;
    float: none;
    width: auto;
    min-height: 0;
    padding: 0;
    left: 0;
  }
  .footer-section .footer-column.first { grid-column: 2; }
  .footer-section .footer-column.second { grid-column: 3; }
  .footer-section .footer-column.third { grid-column: 4; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer-title.large {
    font-size: 28px;
    line-height: 32px;
  }
  .footer-logo {
    height: 40px;
  }
}

/* Mobiel: copyright gecentreerd, net als de rest van de footer */
@media (max-width: 767px) {
  .bottom-footer-text {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .ft-bottom {
    justify-content: center;
    text-align: center;
  }
}