/*
 * This file acts like a wrapper stylesheet that will import in each ACF block
 * It makes conditional rendering possible, meaning that not every SCSS has to be loaded for unused ACF blocks.
 */
.actieblok-notice {
  margin: 0;
  padding: 1.5em;
  color: var(--surface-heading);
  background-color: var(--surface-panel-bg);
}

.actieblok .text {
  max-width: 48ch;
}
@media screen and (min-width: 992px) {
  .actieblok.actieblok-variant-banner .row {
    align-items: center;
  }
}
@media screen and (min-width: 992px) {
  .actieblok.actieblok-variant-banner .actions {
    justify-content: center;
  }
}
.actieblok.actieblok-variant-tekst {
  text-align: center;
}
.actieblok.actieblok-variant-tekst .text {
  margin-inline: auto;
}
.actieblok.actieblok-style-tegel .actieblok-inner {
  padding: 2em;
  border-radius: 1em;
  box-shadow: 0 0.25em 1em 0 rgba(0, 0, 0, 0.02);
}
@media screen and (min-width: 992px) {
  .actieblok.actieblok-style-tegel .actieblok-inner {
    padding: 3em;
  }
}

.acf-block-preview .actieblok a {
  pointer-events: none;
  cursor: default;
}

/*# sourceMappingURL=actieblok.css.map */