/* .l2-layout-container {
    max-width: var(--l2-layout-viewport);
    margin-left: auto;
    margin-right: auto;
} */
/* :root {
    --l2-layout-viewport-boxed: var(--primitive-desktop-container-container-width-wide-default, var(--primitive-tablet-container-container-width-wide-default, var(--primitive-mobile-container-container-width-wide-default)));
    --l2-layout-viewport-superwide: var(--primitive-desktop-container-container-width-superwide, var(--primitive-tablet-container-container-width-superwide, var(--primitive-mobile-container-container-width-superwide)));
    --l2-layout-viewport-medium: var(--primitive-desktop-container-container-width-medium, var(--primitive-tablet-container-container-width-medium, var(--primitive-mobile-container-container-width-medium)));
    --l2-layout-viewport-small: var(--primitive-desktop-container-container-width-small, var(--primitive-tablet-container-container-width-small, var(--primitive-mobile-container-container-width-small)));
    --l2-layout-viewport-extra-small: var(--primitive-desktop-container-container-width-extra-small, var(--primitive-tablet-container-container-width-extra-small, var(--primitive-mobile-container-container-width-extra-small)));
    --l2-layout-viewport-extra-extra-small: var(--primitive-desktop-container-container-width-extra-extra-small, var(--primitive-tablet-container-container-width-extra-extra-small, var(--primitive-mobile-container-container-width-extra-extra-small)));
    
    --l2-layout-padding-left:  var(--primitive-desktop-spacing-08-32, var(--primitive-desktop-spacing-08-32, var(--primitive-desktop-spacing-04-16)));
    --l2-layout-padding-right:  var(--primitive-desktop-spacing-08-32, var(--primitive-desktop-spacing-08-32, var(--primitive-desktop-spacing-04-16)));
    } */

    /* Desktop - for screens above 991px */
:root {
    --l2-layout-viewport-boxed: calc(var(--primitive-desktop-container-container-width-wide-default) + calc(var(--primitive-desktop-spacing-08-32) *2));
    --l2-layout-viewport-superwide: calc(var(--primitive-desktop-container-container-width-superwide) + calc(var(--primitive-desktop-spacing-08-32) *2));
    --l2-layout-viewport-medium: calc(var(--primitive-desktop-container-container-width-medium) + calc(var(--primitive-desktop-spacing-08-32) *2));
    --l2-layout-viewport-small: calc(var(--primitive-desktop-container-container-width-small) + calc(var(--primitive-desktop-spacing-08-32) *2));
    --l2-layout-viewport-extra-small: calc(var(--primitive-desktop-container-container-width-extra-small) + calc(var(--primitive-desktop-spacing-08-32) *2));
    --l2-layout-viewport-extra-extra-small: calc(var(--primitive-desktop-container-container-width-extra-extra-small) + calc(var(--primitive-desktop-spacing-08-32) *2));

    --l2-layout-padding-left: var(--primitive-desktop-spacing-08-32);
    --l2-layout-padding-right: var(--primitive-desktop-spacing-08-32);
}

/* Desktop - for screens above 991px
:root {
    --l2-layout-viewport-boxed: var(--primitive-desktop-container-container-width-wide-default);
    --l2-layout-viewport-superwide: var(--primitive-desktop-container-container-width-superwide);
    --l2-layout-viewport-medium: var(--primitive-desktop-container-container-width-medium);
    --l2-layout-viewport-small: var(--primitive-desktop-container-container-width-small);
    --l2-layout-viewport-extra-small: var(--primitive-desktop-container-container-width-extra-small);
    --l2-layout-viewport-extra-extra-small: var(--primitive-desktop-container-container-width-extra-extra-small);

    --l2-layout-padding-left: var(--primitive-desktop-spacing-08-32);
    --l2-layout-padding-right: var(--primitive-desktop-spacing-08-32);
} */

/* Tablet - for screens between 769px and 991px */
@media (max-width: 991px) and (min-width: 769px) {
    :root {
        --l2-layout-viewport-boxed: calc(var(--primitive-desktop-container-container-width-wide-default) + calc(var(--primitive-desktop-spacing-06-24) *2));
        --l2-layout-viewport-superwide: calc(var(--primitive-desktop-container-container-width-superwide) + calc(var(--primitive-desktop-spacing-06-24) *2));
        --l2-layout-viewport-medium: calc(var(--primitive-desktop-container-container-width-medium) + calc(var(--primitive-desktop-spacing-06-24) *2));
        --l2-layout-viewport-small: calc(var(--primitive-desktop-container-container-width-small) + calc(var(--primitive-desktop-spacing-06-24) *2));
        --l2-layout-viewport-extra-small: calc(var(--primitive-desktop-container-container-width-extra-small) + calc(var(--primitive-desktop-spacing-06-24) *2));
        --l2-layout-viewport-extra-extra-small: calc(var(--primitive-desktop-container-container-width-extra-extra-small) + calc(var(--primitive-desktop-spacing-06-24) *2));

        --l2-layout-padding-left: var(--primitive-desktop-spacing-06-24, 0);
        --l2-layout-padding-right: var(--primitive-desktop-spacing-06-24, 0);
    }
}

/* Mobile - for screens 768px and below */
@media (max-width: 768px) {
    :root {
        --l2-layout-viewport-boxed: calc(var(--primitive-desktop-container-container-width-wide-default) + calc(var(--primitive-desktop-spacing-04-16) *2));
        --l2-layout-viewport-superwide: calc(var(--primitive-desktop-container-container-width-superwide) + calc(var(--primitive-desktop-spacing-04-16) *2));
        --l2-layout-viewport-medium: calc(var(--primitive-desktop-container-container-width-medium) + calc(var(--primitive-desktop-spacing-04-16) *2));
        --l2-layout-viewport-small: calc(var(--primitive-desktop-container-container-width-small) + calc(var(--primitive-desktop-spacing-04-16) *2));
        --l2-layout-viewport-extra-small: calc(var(--primitive-desktop-container-container-width-extra-small) + calc(var(--primitive-desktop-spacing-04-16) *2));
        --l2-layout-viewport-extra-extra-small: calc(var(--primitive-desktop-container-container-width-extra-extra-small) + calc(var(--primitive-desktop-spacing-04-16) *2));

        --l2-layout-padding-left: var(--mobile-l2-layout-padding-left, var(--primitive-desktop-spacing-04-16, 0));
        --l2-layout-padding-right: var(--mobile-l2-layout-padding-right, var(--primitive-desktop-spacing-04-16, 0));
    }
}



    /* The Frigging layout Container does need a Wrapper or the overlay and Video BG do what they want.. */
    .l2-section-container {
        display: flex;
        width: 100%;
        height: auto;
        position: relative;
    }

.l2-layout-container {
    max-width: var(--l2-layout-viewport);
    width: 100%;
    height: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top:0;
    margin-bottom: 0;
    padding-top:0;
    padding-bottom: 0;
    padding-left: var(--l2-layout-padding-left, 0);
    padding-right: var(--l2-layout-padding-right, 0);
    column-gap: var(--large-desktop-column-gap, 0);
    row-gap: var(--large-desktop-row-gap, 0);
}
.l2-content-layout>.elementor-widget-container {
    width: 100% !important;
}