/* BASE */
:root {
    /* --large-desktop-flex-basis: var(--token-device-desktop-base-max-width-2rd, var(--token-device-tablet-base-max-width-2rd, var(---token-device-mobile-base-max-width-2rd)));  */
    /* --large-desktop-flex-direction: row;
    --large-desktop-flex-wrap: wrap;
    --large-desktop-justify-content: flex-start;
    --large-desktop-align-items: stretch;
    --large-desktop-align-content: stretch;
    --large-desktop-align-self: auto;
    --desktop-flex-gap: initial; */


}

.l2-flexbox-settings,
.l2-grid-layout,
.l2-grid-sublayout {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}

.l2-grid-sublayout,
.l2-grid-layout {

    flex-direction: row;
    flex-basis: 100%;
}
/* .l2-grid-layout-container {
    all: var(--all, initial);
} */
.l2-startrampe-container:not(.l2-overlay-container), 
.l2-startrampe-container > div:not(.l2-overlay-container), 
.l2-flexible-layout-widget:not(.l2-overlay-container), 
.l2-flexible-layout-widget > div:not(.l2-overlay-container), 
.l2-flexible-layout-widget > div > div:not(.l2-overlay-container), 
.l2-layout-container > div:not(.l2-overlay-container), 
.l2-layout-container > div > div:not(.l2-overlay-container), 
.l2-grid-layout > div:not(.l2-overlay-container), 
.l2-grid-layout > div > div:not(.l2-overlay-container), 
.l2-flexbox-settings > div:not(.l2-overlay-container), 
.l2-flexbox-settings > div > div:not(.l2-overlay-container), 
.l2-grid-sublayout > div:not(.l2-overlay-container), 
.l2-grid-sublayout > div > div:not(.l2-overlay-container) 
 {
    display: contents !important;
}

.l2-grid-layout {
    flex-basis: var(--large-desktop-flex-basis);
}

.l2-flexbox-settings {
    flex-basis: var(--large-desktop-flex-basis);
    position: relative;
}

.elementor-widget-container {
    max-width: 100%;
}
/* FLEXBOX CONTAINERS */

@media screen and (min-width: 1200px) {
.l2-flexbox-settings {
    flex-direction: var(--large-desktop-flex-direction, row);
    flex-wrap: var(--large-desktop-flex-wrap, nowrap);
    justify-content: var(--large-desktop-justify-content, flex-start);
    align-items: var(--large-desktop-align-items, stretch);
    align-content: var(--large-desktop-align-content, stretch);
    align-self: var(--large-desktop-align-self, auto);
    flex-grow: var(--large-desktop-flex-grow, 1);
    flex-shrink: var(--large-desktop-flex-shrink ,1);
    flex-basis: var(--large-desktop-flex-basis, 1%);
    column-gap: var(--large-desktop-column-gap, 0);
    row-gap: var(--large-desktop-row-gap, 0);
}
.l2-limited-flexbox {
    justify-content: var(--large-desktop-justify-content, flex-start);
    align-items: var(--large-desktop-align-items, stretch);
    align-content: var(--large-desktop-align-content, stretch);
    align-self: var(--large-desktop-align-self, auto);
    column-gap: var(--large-desktop-column-gap, 0);
    row-gap: var(--large-desktop-row-gap, 0);
}
}
/*
@media screen and (max-width: 1439px) {
    .l2-flexbox-settings {
        flex-direction: var(--desktop-flex-direction, var(--large-desktop-flex-direction, row)) !important;
        flex-wrap: var(--desktop-flex-wrap, var(--large-desktop-flex-wrap, nowrap)) !important;
        justify-content: var(--desktop-justify-content, var(--large-desktop-justify-content, flex-start)) !important;
        align-items: var(--desktop-align-items, var(--large-desktop-align-items, stretch)) !important;
        align-content: var(--desktop-align-content, var(--large-desktop-align-content, stretch)) !important;
        align-self: var(--desktop-align-self, var(--large-desktop-align-self, auto)) !important;
        gap: var(--desktop-flex-gap, var(--large-desktop-flex-gap, 0)) !important;
        flex-basis: var(--desktop-flex-basis, var(--large-desktop-flex-basis, 1%));
    }        
}
*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .l2-flexbox-settings {
        flex-direction: var(--desktop-flex-direction, var(--large-desktop-flex-direction, row)) !important;
        flex-wrap: var(--desktop-flex-wrap, var(--large-desktop-flex-wrap, nowrap)) !important;
        justify-content: var(--desktop-justify-content, var(--large-desktop-justify-content, flex-start)) !important;
        align-items: var(--desktop-align-items, var(--large-desktop-align-items, stretch)) !important;
        align-content: var(--desktop-align-content, var(--large-desktop-align-content, stretch)) !important;
        align-self: var(--desktop-align-self, var(--large-desktop-align-self, auto)) !important;
        flex-grow: var(--desktop-flex-grow, var(--large-desktop-flex-grow, 1)) !important;
        flex-shrink: var(--desktop-flex-shrink, var(--large-desktop-flex-shrink, 1)) !important;
        flex-basis: var(--desktop-flex-basis, var(--large-desktop-flex-basis, 50%)) !important;
        column-gap: var(--desktop-column-gap, var(--large-desktop-column-gap, 0)) !important;
        row-gap: var(--desktop-row-gap, var(--large-desktop-row-gap, 0)) !important;  
    }        
    .l2-limited-flexbox {
        justify-content: var(--desktop-justify-content, var(--large-desktop-justify-content, flex-start)) !important;
        align-items: var(--desktop-align-items, var(--large-desktop-align-items, stretch)) !important;
        align-content: var(--desktop-align-content, var(--large-desktop-align-content, stretch)) !important;
        align-self: var(--desktop-align-self, var(--large-desktop-align-self, auto)) !important;
        column-gap: var(--desktop-column-gap, var(--large-desktop-column-gap, 0)) !important;
        row-gap: var(--desktop-row-gap, var(--large-desktop-row-gap, 0)) !important;
    }  
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .l2-flexbox-settings {
        flex-direction: var(--tablet-flex-direction, var(--desktop-flex-direction, var(--large-desktop-flex-direction, row))) !important;
        flex-wrap: var(--tablet-flex-wrap, var(--desktop-flex-wrap, var(--large-desktop-flex-wrap, nowrap))) !important;
        justify-content: var(--tablet-justify-content, var(--desktop-justify-content, var(--large-desktop-justify-content, flex-start))) !important;
        align-items: var(--tablet-align-items, var(--desktop-align-items, var(--large-desktop-align-items, stretch))) !important;
        align-content: var(--tablet-align-content, var(--desktop-align-content, var(--large-desktop-align-content, stretch))) !important;
        align-self: var(--tablet-align-self, var(--desktop-align-self, var(--large-desktop-align-self, auto))) !important;
        flex-grow: var(--tablet-flex-grow, var(--desktop-flex-grow, var(--large-desktop-flex-grow, 1))) !important;
        flex-shrink: var(--tablet-flex-shrink, var(--desktop-flex-shrink, var(--large-desktop-flex-shrink, 1))) !important;
        flex-basis: var(--tablet-flex-basis, var(--desktop-flex-basis, var(--large-desktop-flex-basis, 50%))) !important;
        column-gap: var(--tablet-column-gap, var(--desktop-column-gap, var(--large-desktop-column-gap, 0))) !important;
        row-gap: var(--tablet-row-gap, var(--desktop-row-gap, var(--large-desktop-row-gap, 0))) !important;
    }
    .l2-limited-flexbox {
        justify-content: var(--tablet-justify-content, var(--desktop-justify-content, var(--large-desktop-justify-content, flex-start))) !important;
        align-items: var(--tablet-align-items, var(--desktop-align-items, var(--large-desktop-align-items, stretch))) !important;
        align-content: var(--tablet-align-content, var(--desktop-align-content, var(--large-desktop-align-content, stretch))) !important;
        align-self: var(--tablet-align-self, var(--desktop-align-self, var(--large-desktop-align-self, auto))) !important;
        column-gap: var(--tablet-column-gap, var(--desktop-column-gap, var(--large-desktop-column-gap, 0))) !important;
        row-gap: var(--tablet-row-gap, var(--desktop-row-gap, var(--large-desktop-row-gap, 0))) !important;
    }
}




@media screen and (max-width: 767px) {
    .l2-flexbox-settings {
        flex-direction: var(--mobile-flex-direction, var(--tablet-flex-direction, var(--desktop-flex-direction, var(--large-desktop-flex-direction, row)))) !important;
        flex-wrap: var(--mobile-flex-wrap, var(--tablet-flex-wrap, var(--desktop-flex-wrap, var(--large-desktop-flex-wrap, nowrap)))) !important;
        justify-content: var(--mobile-justify-content, var(--tablet-justify-content, var(--desktop-justify-content, var(--large-desktop-justify-content, flex-start)))) !important;
        align-items: var(--mobile-align-items, var(--tablet-align-items, var(--desktop-align-items, var(--large-desktop-align-items, stretch)))) !important;
        align-content: var(--mobile-align-content, var(--tablet-align-content, var(--desktop-align-content, var(--large-desktop-align-content, stretch)))) !important;
        align-self: var(--mobile-align-self, var(--tablet-align-self, var(--desktop-align-self, var(--large-desktop-align-self, auto)))) !important;
        flex-grow: var(--mobile-flex-grow, var(--tablet-flex-grow, var(--desktop-flex-grow, var(--large-desktop-flex-grow, 1)))) !important;
        flex-shrink: var(--mobile-flex-shrink, var(--tablet-flex-shrink, var(--desktop-flex-shrink, var(--large-desktop-flex-shrink, 1)))) !important;
        flex-basis: var(--mobile-flex-basis, var(--tablet-flex-basis, var(--desktop-flex-basis, var(--large-desktop-flex-basis, 100%)))) !important;
        column-gap: var(--mobile-column-gap, var(--tablet-column-gap, var(--desktop-column-gap, var(--large-desktop-column-gap, 0)))) !important;
        row-gap: var(--mobile-row-gap, var(--tablet-row-gap, var(--desktop-row-gap, var(--large-desktop-row-gap, 0)))) !important;
}
.l2-limited-flexbox {
    justify-content: var(--mobile-justify-content, var(--tablet-justify-content, var(--desktop-justify-content, var(--large-desktop-justify-content, flex-start)))) !important;
    align-items: var(--mobile-align-items, var(--tablet-align-items, var(--desktop-align-items, var(--large-desktop-align-items, stretch)))) !important;
    align-content: var(--mobile-align-content, var(--tablet-align-content, var(--desktop-align-content, var(--large-desktop-align-content, stretch)))) !important;
    align-self: var(--mobile-align-self, var(--tablet-align-self, var(--desktop-align-self, var(--large-desktop-align-self, auto)))) !important;
    column-gap: var(--mobile-column-gap, var(--tablet-column-gap, var(--desktop-column-gap, var(--large-desktop-column-gap, 0)))) !important;
    row-gap: var(--mobile-row-gap, var(--tablet-row-gap, var(--desktop-row-gap, var(--large-desktop-row-gap, 0)))) !important;
}
}


/* @media screen and (max-width: 768px) {
.l2-layout-container.l2-flexbox-settings {
    flex-direction: column !important;
}

} */