/* -------------------------------------------
    Compatibility with Elementor
---------------------------------------------- */

@use "sass:math";

@import '../../../../assets/sass/config';
@import '../../../assets/sass/mixins/mixins';
@import '../../../assets/sass/mixins/direction';

.elementor div.row > .elementor-element {
    width: calc( 100%/var(--alpha-col) );
}
.elementor-row.row > .elementor-column {
    padding-left: 10px;
    padding-right: 10px;
}
.elementor-row.gutter-lg > .elementor-column {
    padding-right: 15px;
    padding-left: 15px;
}
.elementor-row.gutter-sm > .elementor-column {
    padding-right: 5px;
    padding-left: 5px;
}
.elementor-row.gutter-xs > .elementor-column {
    padding-right: 1px;
    padding-left: 1px;
}
.elementor-row.gutter-no > .elementor-column {
    padding-right: 0;
    padding-left: 0;
}

.elementor-section {
    display: flex;
    justify-content: center;

    .elementor-container {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
.elementor-row .elementor-column {
    min-height: 0;
}

.elementor-column > .elementor-element-empty {
    min-width: 100px;
}

.elementor-edit-area-active .elementor-inner-section:first-child {
    margin-top: 0;
}

.container .elementor-top-section:not(.elementor-section-stretched) > .elementor-container,
.container-fluid .elementor-top-section:not(.elementor-section-stretched) > .elementor-container,
.mfp-container .elementor-top-section:not(.elementor-section-stretched) > .elementor-container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.container .elementor-section-boxed:not(.elementor-section-stretched) > .elementor-container {
    width: 100%;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated,
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap {
    padding: var(--alpha-gap);
}

.elementor-section.elementor-section-boxed > .container-fluid {
    padding: 0;
}

.elementor-section.elementor-section-boxed > .elementor-column-gap-no {
    max-width: calc( var(--alpha-container-width) - 4 * var(--alpha-gap) );
}
.elementor-section.elementor-section-boxed > .container-fluid.elementor-column-gap-no {
    max-width: calc( var(--alpha-container-fluid-width) - 4 * var(--alpha-gap));
}

.elementor-section.elementor-section-boxed > .elementor-column-gap-default {
    max-width: calc( var(--alpha-container-width) - 2 * var(--alpha-gap) );
}
.elementor-section.elementor-section-boxed > .container-fluid.elementor-column-gap-default {
    max-width: calc( var(--alpha-container-fluid-width) - 2 * var(--alpha-gap) );
}
.elementor-section > .elementor-column-gap-default {
    margin-left: calc( -1 * var(--alpha-gap) );
    margin-right: calc( -1 * var(--alpha-gap) );
    width: calc(100% + 2 * var(--alpha-gap) );
}

.elementor-section.elementor-section-boxed > .elementor-column-gap-narrow {
    max-width: calc( var(--alpha-container-width) + 10px - 4 * var(--alpha-gap) );
}
.elementor-section.elementor-section-boxed > .container-fluid.elementor-column-gap-narrow {
    max-width: calc( var(--alpha-container-fluid-width) + 10px - 4 * var(--alpha-gap) );
}
.elementor-section > .elementor-column-gap-narrow {
    margin-left: -5px;
    margin-right: -5px;
    width: calc(100% + 10px);
}

.elementor-section.elementor-section-boxed > .elementor-column-gap-extended {
    max-width: calc( var(--alpha-container-width) + 30px - 4 * var(--alpha-gap) );
}
.elementor-section.elementor-section-boxed > .container-fluid.elementor-column-gap-extended {
    max-width: calc( var(--alpha-container-fluid-width) + 30px - 4 * var(--alpha-gap) );
}
.elementor-section > .elementor-column-gap-extended {
    margin-left: calc( -1 * 15px );
    margin-right: calc( -1 * 15px );
    width: calc(100% + 30px);
}

.elementor-section.elementor-section-boxed > .elementor-column-gap-wide {
    max-width: calc( var(--alpha-container-width) + 40px - 4 * var(--alpha-gap) );
}
.elementor-section.elementor-section-boxed > .container-fluid.elementor-column-gap-wide {
    max-width: calc( var(--alpha-container-fluid-width) + 40px - 4 * var(--alpha-gap) );
}
.elementor-section > .elementor-column-gap-wide {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
}

.elementor-section.elementor-section-boxed > .elementor-column-gap-wider {
    max-width: calc( var(--alpha-container-width) + 60px - 4 * var(--alpha-gap) );
}
.elementor-section.elementor-section-boxed > .container-fluid.elementor-column-gap-wider {
    max-width: calc( var(--alpha-container-fluid-width) + 60px - 4 * var(--alpha-gap) );
}
.elementor-section > .elementor-column-gap-wider {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
}

.elementor-button-link .elementor-button-icon {
    text-decoration: none;
}

.elementor-background-overlay {
    background-color: transparent;
    opacity: 0;
}

.elementor-background-video-container .elementor-background-video-hosted {
    width: 100% !important;
    height: 100% !important;
}

// Responsive
@media (max-width: 479px) {
    .elementor-top-section.elementor-section-boxed > .elementor-column-gap-no,
    .elementor-section-full_width .elementor-section-boxed > .elementor-column-gap-no {
        width: calc( 100% - 30px );
    }
    .elementor-top-section.elementor-section-boxed > .elementor-column-gap-default,
    .elementor-section-full_width .elementor-section-boxed > .elementor-column-gap-default {
        width: calc( 100% + 2 * var(--alpha-gap) - 30px );
    }
    .elementor-top-section.elementor-section-boxed > .elementor-column-gap-narrow,
    .elementor-section-full_width .elementor-section-boxed > .elementor-column-gap-narrow {
        width: calc( 100% - 20px );
    }
    .elementor-top-section.elementor-section-boxed > .elementor-column-gap-extended,
    .elementor-section-full_width .elementor-section-boxed > .elementor-column-gap-extended {
        width: 100%;
    }
    .elementor-top-section.elementor-section-boxed > .elementor-column-gap-wide,
    .elementor-section-full_width .elementor-section-boxed > .elementor-column-gap-wide {
        width: calc( 100% + 10px );
    }
    .elementor-top-section.elementor-section-boxed > .elementor-column-gap-wider,
    .elementor-section-full_width .elementor-section-boxed > .elementor-column-gap-wider {
        width: calc( 100% + 30px );
    }
}

.container,
.container-fluid {
    .elementor-section.elementor-section-boxed > .elementor-column-gap-no {
        width: 100%;
    }
    .elementor-section.elementor-section-boxed > .elementor-column-gap-default {
        width: calc( 100% + 2 * var(--alpha-gap) );
    }
    .elementor-section.elementor-section-boxed > .elementor-column-gap-narrow {
        width: calc( 100% + 10px );
    }
    .elementor-section.elementor-section-boxed > .elementor-column-gap-extended {
        width: calc( 100% + 30px );
    }
    .elementor-section.elementor-section-boxed > .elementor-column-gap-wide {
        width: calc( 100% + 40px );
    }
    .elementor-section.elementor-section-boxed > .elementor-column-gap-wider {
        width: calc( 100% + 60px );
    }
}

// Animation
.elementor-invisible {
    opacity: 0;
}
.appear-animation-visible {
    opacity: 1;
}

// Header Builder and footer builder
.elementor-column.elementor-col-flex-1, .elementor-column[data-col="flex-1"],
.elementor-column.elementor-col-flex-auto, .elementor-column[data-col="flex-auto"] {
    align-content: center;
    align-items: center;
}
.elementor-column.elementor-col-flex-1, .elementor-column[data-col="flex-1"] {
    flex: 1;
}
.elementor-column.elementor-col-flex-1:last-child .elementor-widget-wrap, .elementor-column[data-col="flex-1"]:last-child .elementor-widget-wrap {
    justify-content: flex-end;
}
.elementor-column.elementor-col-flex-1:nth-child(2):not(:last-child) .elementor-widget-wrap, .elementor-column[data-col="flex-1"]:nth-child(2):not(:last-child) .elementor-widget-wrap {
    justify-content: center;
}
.custom-header {
    .elementor-column.elementor-col-flex-1, .elementor-column[data-col="flex-1"],
    .elementor-column.elementor-col-flex-auto, .elementor-column[data-col="flex-auto"] {
        width: auto;
    }
}
