/* Verminder padding/marge in footer containers */
footer, 
.mkdf-footer-top-holder, 
.mkdf-footer-top-inner, 
.mkdf-footer-bottom-holder, 
.mkdf-footer-bottom-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}



/* Zorg dat alle elementen netjes aansluiten */
.mkdf-footer-top-holder .mkdf-grid {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.mkdf-title-holder {
  height: auto !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  margin: 0 !important;
}
.mkdf-content .mkdf-content-inner {
  padding-top: 10px !important;
}
.mkdf-content .mkdf-content-inner h1:first-child,
.mkdf-content .mkdf-content-inner h2:first-child {
  margin-top: 0 !important;
}

/* Video centreren en groter maken */
.vc_column_container video,
.vc_column_container iframe {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.page .mkdf-content {
    padding-top: 30px !important; /* was waarschijnlijk > 80px */
}

@media only screen and (max-width: 768px) {
    .page .mkdf-content {
        padding-top: 15px !important;
    }
}

.rev_slider_wrapper, .rev_slider {
    max-height: 100% !important;
    height: auto !important;
}

@media only screen and (max-width: 768px) {
    .rev_slider_wrapper, .rev_slider {
        height: auto !important;
    }
}
@media (max-width: 768px) {
    footer .mkdf-footer-top-holder .vc_empty_space,
    footer .mkdf-footer-top-holder br {
        display: none !important;
    }
    footer .mkdf-footer-top-holder .widget {
        margin-bottom: 5px !important;
        padding-bottom: 0 !important;
    }
}
@media (max-width: 768px) {
    footer .widget {
        margin-bottom: 10px !important; /* minder ruimte tussen blokken */
        padding-bottom: 0 !important;
    }

    footer .mkdf-footer-top-inner {
        display: flex;
        flex-direction: column;
        gap: 5px; /* kleine ruimte tussen elementen */
    }

    footer .mkdf-footer-top-holder {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}
footer .mkdf-footer-top-holder {
    background-color: #1a396d !important; /* blauw van logo */
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Footer tekst */
footer .mkdf-footer-top-holder,
footer .mkdf-footer-top-holder p,
footer .mkdf-footer-top-holder a {
    color: #fff !important;
}

/* Logo in footer */
footer .mkdf-footer-top-holder img {
    height: auto;
    margin-bottom: 10px;
}

/* Centreer footer-logo op mobiel in Lilo-theme */
@media (max-width: 768px) {
  /* Zorg dat de footer container alles centreert */
  .site-footer {
    display: flex;
    flex-direction: column;
    align-items: center; /* horizontaal centreren */
    text-align: center;
  }

  /* Logo zelf */
  .site-footer img {
    display: block;      /* belangrijk voor margin auto */
    margin: 0 auto;      /* horizontaal centreren */
    max-width: 150px;    /* optioneel: pas grootte logo aan indien nodig */
    height: auto;        /* behoud verhouding */
  }

  /* Extra: kleine footer-items centreren onder het logo */
  .site-footer .footer-widgets,
  .site-footer .footer-info {
    text-align: center;
    width: 100%;
  }
}