/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * 1.0 Styles subpaginas blokken
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-indrukwekkend-subpagina.cards {
  background: none; }
  .wp-block-indrukwekkend-subpagina.cards ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: var(--grid-gap);
    list-style: none;
    padding: 0; }
  .wp-block-indrukwekkend-subpagina.cards.columns-2 ul {
    grid-template-columns: repeat(2, 1fr); }
  .wp-block-indrukwekkend-subpagina.cards.columns-3 ul {
    grid-template-columns: repeat(auto-fill, minmax(308px, 1fr)); }
  .wp-block-indrukwekkend-subpagina.cards.columns-4 ul {
    grid-template-columns: repeat(auto-fill, minmax(223px, 1fr)); }
  .wp-block-indrukwekkend-subpagina.cards.columns-5 ul {
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
  .wp-block-indrukwekkend-subpagina.cards.columns-6 ul {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    grid-gap: 15px; }