@import "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Lora:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&display=swap";
@import "/vendor/bootstrap/css/bootstrap.min.css";
@import "/vendor/fontawesome-free/css/all.min.css";
@import "/vendor/animate/animate.compat.css";
@import "/vendor/simple-line-icons/css/simple-line-icons.min.css";
@import "/vendor/owl.carousel/assets/owl.carousel.min.css";
@import "/vendor/owl.carousel/assets/owl.theme.default.min.css";
@import "/vendor/magnific-popup/magnific-popup.min.css";
@import "/css/theme.css";
@import "/css/theme-elements.css";
@import "/css/theme-blog.css";
@import "/css/theme-shop.css";
@import "/css/demos/demo-law-firm-2.css";
@import "/css/skins/skin-law-firm-2.css";
@import "/css/custom.css";

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

.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__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-auto-flow: row;
    grid-auto-rows: minmax(50px, -webkit-min-content);
    grid-auto-rows: minmax(50px, min-content);
    -moz-column-gap: var(--umb-block-grid--areas-column-gap, 0);
    column-gap: var(--umb-block-grid--areas-column-gap, 0);
    row-gap: var(--umb-block-grid--areas-row-gap, 0);
}

.umb-block-grid__block--view {
    justify-content: center;
}

.umb-block-grid__area {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* 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--area-column-span, 1) * 3), var(--umb-block-grid--area-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 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));
    }
}

/* Variables */
.my-rich-text-block {
    --rtb-margin:;
    --rtb-padding:;
    --rtb-background-color:;
    --rtb-color:;
    --rtb-font-size:;
    --rtb-font-weight:;
    --rtb-line-height:;
    --rtb-text-align:;
}

.my-image-block {
    --ib-margin:;
    --ib-padding:;
    --ib-width:;
    --ib-height:;
    --ib-vertical-aligment:;
    --ib-horizontal-aligment:;
}

.my-text-block {
    --tb-margin: ;
    --tb-padding: ;
    --tb-color: ;
    --tb-background-color: ;
    --tb-font-size: ;
    --tb-font-weight: ;
    --tb-line-height: ;
    --tb-text-align: ;
}




.my-rich-text-block {
    margin: var(--rtb-margin) !important;
    padding: var(--rtb-padding) !important;
    background-color: var(--rtb-background-color) !important;
}

.my-rich-text-block p {
    color: var(--rtb-color) !important;
    font-size: var(--rtb-font-size) !important;
    font-weight: var(--rtb-font-weight) !important;
    line-height: var(--rtb-line-height) !important;
    text-align: var(--rtb-text-align) !important;
}

.my-image-block {
    display: flex;
    margin: var(--ib-margin);
    padding: var(--ib-padding);
    justify-content: var(--ib-horizontal-aligment);
    align-items: var(--ib-vertical-aligment);
}

.my-image-block img {
    width: var(--ib-width, 100%);
    height: var(--ib-height);
}

.my-text-block p {
    margin: var(--tb-margin) !important;
    padding: var(--tb-padding) !important;
    background-color: var(--tb-background-color) !important;
}

.my-text-block p{
    color: var(--tb-color) !important;
    font-size: var(--tb-font-size) !important;
    font-weight: var(--tb-font-weight) !important;
    line-height: var(--tb-line-height) !important;
    text-align: var(--tb-text-align) !important;
}

.test-icon {
    display: flex;
    margin: var(--my-margin) !important;
    padding: var(--my-padding) !important;
    justify-content: var(--my-horizontal-alignment) !important;
    align-items: var(--my-vertical-alignment) !important;
    background-color: var(--my-background-color) !important;
}

.test-icon i {
    font-size: var(--my-size) !important;
    color: var(--my-color) !important;
}