.umb-block-grid__layout-container {
    column-gap: var(--umb-block-grid--column-gap, 0);
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: minmax(50px, min-content);
    grid-template-columns: repeat(
        var(--umb-block-grid--grid-columns, 1),
        minmax(0, 1fr)
    );
    position: relative;
    row-gap: var(--umb-block-grid--row-gap, 0);
}
.umb-block-grid__layout-item {
    grid-column-end: span
        min(
            calc(var(--umb-block-grid--item-column-span, 1) * 3),
            var(--umb-block-grid--grid-columns)
        );
    grid-row: span var(--umb-block-grid--item-row-span, 1);
    position: relative;
}
.umb-block-grid__area-container,
.umb-block-grid__block--view::part(area-container) {
    column-gap: var(--umb-block-grid--areas-column-gap, 0);
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: minmax(50px, min-content);
    grid-template-columns: repeat(
        var(
            --umb-block-grid--area-grid-columns,
            var(--umb-block-grid--grid-columns, 1)
        ),
        minmax(0, 1fr)
    );
    position: relative;
    row-gap: var(--umb-block-grid--areas-row-gap, 0);
}
.umb-block-grid__area {
    display: flex;
    flex-direction: column;
    grid-column-end: span
        min(
            calc(var(--umb-block-grid--area-column-span, 1) * 3),
            var(--umb-block-grid--area-grid-columns)
        );
    grid-row: span var(--umb-block-grid--area-row-span, 1);
    height: 100%;
    position: relative;
}
@media (min-width: 1024px) {
    .umb-block-grid__layout-item {
        grid-column-end: span
            min(
                var(--umb-block-grid--item-column-span, 1),
                var(--umb-block-grid--grid-columns)
            );
    }
    .umb-block-grid__area {
        grid-column-end: span
            min(
                var(--umb-block-grid--area-column-span, 1),
                var(--umb-block-grid--area-grid-columns)
            );
    }
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInVtYnJhY28tYmxvY2tncmlkbGF5b3V0LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxrQ0FPQyw4Q0FBZ0QsQ0FMaEQsWUFBYSxDQUViLGtCQUFtQixDQUNuQix1Q0FBeUMsQ0FGekMsaUZBQXFGLENBRnJGLGlCQUFrQixDQU9sQix3Q0FDRCxDQUNBLDZCQUdDLGdIQUFvSCxDQUNwSCxvREFBc0QsQ0FIdEQsaUJBSUQsQ0FFQSxtRkFXQyxvREFBc0QsQ0FSdEQsWUFBYSxDQUtiLGtCQUFtQixDQUNuQix1Q0FBeUMsQ0FMekMsMEhBR0MsQ0FMRCxpQkFBa0IsQ0FVbEIsOENBQ0QsQ0FDQSxzQkFHQyxZQUFhLENBQ2IscUJBQXNCLENBRXRCLHFIQUNvRyxDQUNwRyxvREFBc0QsQ0FOdEQsV0FBWSxDQURaLGlCQVFELENBRUEsMEJBQ0MsNkJBQ0MsdUdBQ0QsQ0FDQSxzQkFDQyw0R0FDRCxDQUNEIiwiZmlsZSI6InVtYnJhY28tYmxvY2tncmlkbGF5b3V0LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi51bWItYmxvY2stZ3JpZF9fbGF5b3V0LWNvbnRhaW5lciB7XHJcblx0cG9zaXRpb246IHJlbGF0aXZlO1xyXG5cdGRpc3BsYXk6IGdyaWQ7XHJcblx0Z3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQodmFyKC0tdW1iLWJsb2NrLWdyaWQtLWdyaWQtY29sdW1ucywgMSksIG1pbm1heCgwLCAxZnIpKTtcclxuXHRncmlkLWF1dG8tZmxvdzogcm93O1xyXG5cdGdyaWQtYXV0by1yb3dzOiBtaW5tYXgoNTBweCwgbWluLWNvbnRlbnQpO1xyXG5cclxuXHRjb2x1bW4tZ2FwOiB2YXIoLS11bWItYmxvY2stZ3JpZC0tY29sdW1uLWdhcCwgMCk7XHJcblx0cm93LWdhcDogdmFyKC0tdW1iLWJsb2NrLWdyaWQtLXJvdy1nYXAsIDApO1xyXG59XHJcbi51bWItYmxvY2stZ3JpZF9fbGF5b3V0LWl0ZW0ge1xyXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHQvKiBGb3Igc21hbGwgZGV2aWNlcyB3ZSBzY2FsZSBjb2x1bW5TcGFuIGJ5IHRocmVlLCB0byBtYWtlIGV2ZXJ5dGhpbmcgYmlnZ2VyIHRoYW4gMS8zIHRha2UgZnVsbCB3aWR0aDogKi9cclxuXHRncmlkLWNvbHVtbi1lbmQ6IHNwYW4gbWluKGNhbGModmFyKC0tdW1iLWJsb2NrLWdyaWQtLWl0ZW0tY29sdW1uLXNwYW4sIDEpICogMyksIHZhcigtLXVtYi1ibG9jay1ncmlkLS1ncmlkLWNvbHVtbnMpKTtcclxuXHRncmlkLXJvdzogc3BhbiB2YXIoLS11bWItYmxvY2stZ3JpZC0taXRlbS1yb3ctc3BhbiwgMSk7XHJcbn1cclxuXHJcbi51bWItYmxvY2stZ3JpZF9fYXJlYS1jb250YWluZXIsXHJcbi51bWItYmxvY2stZ3JpZF9fYmxvY2stLXZpZXc6OnBhcnQoYXJlYS1jb250YWluZXIpIHtcclxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XHJcblx0ZGlzcGxheTogZ3JpZDtcclxuXHRncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChcclxuXHRcdHZhcigtLXVtYi1ibG9jay1ncmlkLS1hcmVhLWdyaWQtY29sdW1ucywgdmFyKC0tdW1iLWJsb2NrLWdyaWQtLWdyaWQtY29sdW1ucywgMSkpLFxyXG5cdFx0bWlubWF4KDAsIDFmcilcclxuXHQpO1xyXG5cdGdyaWQtYXV0by1mbG93OiByb3c7XHJcblx0Z3JpZC1hdXRvLXJvd3M6IG1pbm1heCg1MHB4LCBtaW4tY29udGVudCk7XHJcblxyXG5cdGNvbHVtbi1nYXA6IHZhcigtLXVtYi1ibG9jay1ncmlkLS1hcmVhcy1jb2x1bW4tZ2FwLCAwKTtcclxuXHRyb3ctZ2FwOiB2YXIoLS11bWItYmxvY2stZ3JpZC0tYXJlYXMtcm93LWdhcCwgMCk7XHJcbn1cclxuLnVtYi1ibG9jay1ncmlkX19hcmVhIHtcclxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XHJcblx0aGVpZ2h0OiAxMDAlO1xyXG5cdGRpc3BsYXk6IGZsZXg7XHJcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuXHQvKiBGb3Igc21hbGwgZGV2aWNlcyB3ZSBzY2FsZSBjb2x1bW5TcGFuIGJ5IHRocmVlLCB0byBtYWtlIGV2ZXJ5dGhpbmcgYmlnZ2VyIHRoYW4gMS8zIHRha2UgZnVsbCB3aWR0aDogKi9cclxuXHRncmlkLWNvbHVtbi1lbmQ6IHNwYW5cclxuXHRcdG1pbihjYWxjKHZhcigtLXVtYi1ibG9jay1ncmlkLS1hcmVhLWNvbHVtbi1zcGFuLCAxKSAqIDMpLCB2YXIoLS11bWItYmxvY2stZ3JpZC0tYXJlYS1ncmlkLWNvbHVtbnMpKTtcclxuXHRncmlkLXJvdzogc3BhbiB2YXIoLS11bWItYmxvY2stZ3JpZC0tYXJlYS1yb3ctc3BhbiwgMSk7XHJcbn1cclxuXHJcbkBtZWRpYSAobWluLXdpZHRoOiAxMDI0cHgpIHtcclxuXHQudW1iLWJsb2NrLWdyaWRfX2xheW91dC1pdGVtIHtcclxuXHRcdGdyaWQtY29sdW1uLWVuZDogc3BhbiBtaW4odmFyKC0tdW1iLWJsb2NrLWdyaWQtLWl0ZW0tY29sdW1uLXNwYW4sIDEpLCB2YXIoLS11bWItYmxvY2stZ3JpZC0tZ3JpZC1jb2x1bW5zKSk7XHJcblx0fVxyXG5cdC51bWItYmxvY2stZ3JpZF9fYXJlYSB7XHJcblx0XHRncmlkLWNvbHVtbi1lbmQ6IHNwYW4gbWluKHZhcigtLXVtYi1ibG9jay1ncmlkLS1hcmVhLWNvbHVtbi1zcGFuLCAxKSwgdmFyKC0tdW1iLWJsb2NrLWdyaWQtLWFyZWEtZ3JpZC1jb2x1bW5zKSk7XHJcblx0fVxyXG59XHJcbiJdfQ== */

/* CUSTOM OVERRIDES */

/* The following styles are added to the block grid layout to ensure that it responds correctly on mobile. */

.umb-block-grid__layout-container {
    position: relative;
    display: grid;
    grid-template-columns: repeat(
        var(--umb-block-grid--grid-columns, 1),
        minmax(0, 1fr)
    );
    grid-gap: 0px;
    grid-auto-flow: row;
    grid-auto-rows: minmax(50px, -webkit-min-content);
    grid-auto-rows: minmax(50px, min-content);
}

.umb-block-grid__layout-item {
    position: relative;
    /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
    grid-column-end: span
        min(
            calc(var(--umb-block-grid--item-column-span, 1) * 3),
            var(--umb-block-grid--grid-columns)
        );
    grid-row: span var(--umb-block-grid--item-row-span, 1);
}

.umb-block-grid__layout-item[data-force-left] {
    grid-column-start: 1;
}

.umb-block-grid__layout-item[data-force-right] {
    grid-column-start: calc(
        1 + var(--umb-block-grid--grid-columns) -
            var(--umb-block-grid--item-column-span)
    );
}

.umb-block-grid__area-container,
.umb-block-grid__block--view::part(area-container) {
    position: relative;
    display: grid;
    grid-template-columns: repeat(
        var(
            --umb-block-grid--area-grid-columns,
            var(--umb-block-grid--grid-columns, 1)
        ),
        minmax(0, 1fr)
    );
    grid-gap: 0px;
    grid-auto-flow: row;
    grid-auto-rows: minmax(50px, -webkit-min-content);
    grid-auto-rows: minmax(50px, min-content);
    width: 100%;
}

.umb-block-grid__area {
    position: relative;
    /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
    grid-column-end: span
        min(
            calc(var(--umb-block-grid--item-column-span, 1) * 3),
            var(--umb-block-grid--grid-columns)
        );
    grid-row: span var(--umb-block-grid--area-row-span, 1);
}

@media (min-width: 1024px) {
    .umb-block-grid__layout-item {
        grid-column-end: span var(--umb-block-grid--item-column-span, 1);
    }
    .umb-block-grid__area {
        grid-column-end: span var(--umb-block-grid--area-column-span, 1);
    }
}

@media (max-width: 600px) {
    .umb-block-grid__area-container {
        --umb-block-grid--area-grid-columns: 1 !important;
    }
}

/* ----------------------------- */

/* Custom styles for the block grid layout which are applied by properties specified in WYSIWYG editor */
.grid-wrapper {
    padding: var(--lg-padding);
    min-height: calc(100vh - 150px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 1024px) {
    .grid-wrapper {
        min-height: 0;
    }
}

.grid-wrapper .umb-block-grid__layout-container {
    gap: var(--lg-grid-gap);
}

.grid-wrapper .umb-block-grid__area-container {
    gap: var(--lg-grid-gap);
}

@media (max-width: 900px) {
    .grid-wrapper {
        padding: var(--md-padding);
    }
    .grid-wrapper .umb-block-grid__layout-container {
        gap: var(--md-grid-gap);
    }
    .grid-wrapper .umb-block-grid__area-container {
        gap: var(--md-grid-gap);
    }
}
@media (max-width: 600px) {
    .grid-wrapper {
        padding: var(--sm-padding);
    }
    .grid-wrapper .umb-block-grid__layout-container {
        gap: var(--sm-grid-gap);
    }
    .grid-wrapper .umb-block-grid__area-container {
        gap: var(--sm-grid-gap);
    }
}

/* ----------------------------- */

.umb-block-grid__area {
    justify-content: center;
}