/*
 * Rij/kolom-grid, compatibel met de WPBakery-markup van het origineel.
 *
 * De templates gebruiken dezelfde rij/kolom-opbouw als het origineel
 * (vc_row > wpb_column.vc_column_container.vc_col-* > vc_column-inner > wpb_wrapper), zodat de
 * layout op elk breakpoint identiek is. Dit zijn precies de grid-regels die het origineel uit
 * js_composer.min.css gebruikte (bepaald via CSS-coverage over alle pagina's en breedtes) — de
 * WPBakery-plugin zelf is niet meer nodig. Laadt op de plek van js_composer.min.css: na de
 * Mikado-CSS, vóór style.css.
 */

/* Rij: -15px opzij (de kolom-inner geeft het terug), clearfix */
.vc_row {
  margin-left: -15px;
  margin-right: -15px;
}
.vc_row::before,
.vc_row::after,
.vc_column-inner::before,
.vc_column-inner::after {
  content: " ";
  display: table;
}
.vc_row::after,
.vc_column-inner::after {
  clear: both;
}

/* Kolom */
.wpb_column {
  position: relative;
  min-height: 1px;
  box-sizing: border-box;
}
.vc_column_container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.vc_column_container > .vc_column-inner {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

/* Kolombreedtes per breakpoint (alleen de varianten die de site gebruikt) */
@media (min-width: 768px) {
  .vc_col-sm-4,
  .vc_col-sm-12 {
    float: left;
  }
  .vc_col-sm-12 {
    width: 100%;
  }
  .vc_col-sm-4 {
    width: 33.33333333%;
  }
}
@media (min-width: 992px) {
  .vc_col-md-12 {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .vc_col-lg-6,
  .vc_col-lg-8 {
    float: left;
  }
  .vc_col-lg-8 {
    width: 66.66666667%;
  }
  .vc_col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .vc_col-lg-6 {
    width: 50%;
  }
}

/* Tekstblok en losse afbeelding */
.wpb_text_column :last-child,
.wpb_text_column p:last-child {
  margin-bottom: 0;
}
.wpb_single_image img {
  height: auto;
  max-width: 100%;
  vertical-align: top;
}
.wpb_single_image .vc_single_image-wrapper,
.wpb_single_image .vc_figure {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
}
.wpb_single_image .vc_figure {
  margin: 0;
}
.wpb_single_image.vc_align_left {
  text-align: left;
}