.boldr-grid-layout-items {
    display: flex;
    flex-wrap: wrap;
}

/* Columns layout */
.boldr-grid-columns .boldr-grid-layout-items {
    margin-bottom: calc(-1 * var(--boldr-spacers-1));
    margin-right: calc(-1 * var(--boldr-spacers-1));
}

.boldr-grid-columns {
    margin: 0 auto;
    max-width: var(--boldr-columns-12);
}

.boldr-grid-layout.boldr-grid-layout-1-columns .boldr-grid-item { width: var(--boldr-columns-1); }
.boldr-grid-layout.boldr-grid-layout-2-columns .boldr-grid-item:not(:nth-of-type(12n+12)){ margin-right: var(--boldr-spacers-1); }

.boldr-grid-layout.boldr-grid-layout-2-columns .boldr-grid-item { width: var(--boldr-columns-2); }
.boldr-grid-layout.boldr-grid-layout-2-columns .boldr-grid-item:not(:nth-of-type(6n+6)){ margin-right: var(--boldr-spacers-1); }

.boldr-grid-layout.boldr-grid-layout-3-columns .boldr-grid-item { width: var(--boldr-columns-3); }
.boldr-grid-layout.boldr-grid-layout-3-columns .boldr-grid-item:not(:nth-of-type(4n+4)){ margin-right: var(--boldr-spacers-1); }

.boldr-grid-layout.boldr-grid-layout-4-columns .boldr-grid-item { width: var(--boldr-columns-4); }
.boldr-grid-layout.boldr-grid-layout-4-columns .boldr-grid-item:not(:nth-of-type(3n+3)){ margin-right: var(--boldr-spacers-1); }

@media screen and (max-width: 650px) {
    .boldr-grid-layout.boldr-grid-layout-4-columns .boldr-grid-item { width: var(--boldr-columns-6); }
}

.boldr-grid-layout.boldr-grid-layout-6-columns .boldr-grid-item { width: var(--boldr-columns-6); }
.boldr-grid-layout.boldr-grid-layout-6-columns .boldr-grid-item:not(:nth-of-type(2n+2)){ margin-right: var(--boldr-spacers-1); }

.boldr-grid-layout.boldr-grid-layout-12-columns .boldr-grid-item { width: var(--boldr-columns-12); }

/* Grid items */
.boldr-grid-item {
    display: flex;
    flex-shrink: 0;
    align-items: stretch;
    /* justify-content: center; */
    width: 100%;
}

.boldr-grid-full-width .boldr-grid-item {
    flex-grow: 1;
}

.boldr-grid-columns .boldr-grid-item {
    flex-grow: 0;
    margin-bottom: var(--boldr-spacers-1);
}

/* Square grd */
.boldr-grid-square .boldr-grid-item {
    position: relative;
}

.boldr-grid-square .boldr-grid-item-wrapper {
    padding-top: 100%;
}

.boldr-grid-square .boldr-grid-item-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}