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

.row > .elementor-section {
    --alpha-gap: inherit;
}
.elementor-section .row {
    margin: calc(-1 * var(--alpha-gap));
}

// Gap Normal
.elementor-section.elementor-section-boxed > .elementor-column-gap-normal {
    max-width: calc( var(--alpha-container-width) + 20px - 4 * var(--alpha-gap) );
}
.elementor-section.elementor-section-boxed > .container-fluid.elementor-column-gap-normal {
    max-width: calc( var(--alpha-container-fluid-width) + 20px - 4 * var(--alpha-gap) );
}
.elementor-column-gap-normal>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap,
.elementor-column-gap-normal>.elementor-column>.elementor-element-populated {
    padding: 10px;
}
.elementor-section>.elementor-column-gap-normal {
    margin-left: calc( -1 * 10px );
    margin-right: calc( -1 * 10px );
    width: calc(100% + 10px * 2);
    & > .accordion,
    & > .tab {
        margin-left: 10px;
        margin-right: 10px;
    }
}

// Gap Wider
.elementor-section.elementor-section-boxed > .elementor-column-gap-wider {
    max-width: calc( var(--alpha-container-width) + 50px - 4 * var(--alpha-gap) );
}
.elementor-section.elementor-section-boxed > .container-fluid.elementor-column-gap-wider {
    max-width: calc( var(--alpha-container-fluid-width) + 50px - 4 * var(--alpha-gap) );
}
.elementor-column-gap-wider>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap,
.elementor-column-gap-wider>.elementor-column>.elementor-element-populated {
    padding: 25px;
}
.elementor-section>.elementor-column-gap-wider {
    margin-left: -25px;
    margin-right: -25px;
    width: calc(100% + 50px);
    & > .accordion,
    & > .tab {
        margin-left: 25px;
        margin-right: 25px;
    }
}

.container,
.container-fluid {
    .elementor-section.elementor-section-boxed > .elementor-column-gap-normal {
        width: calc( 100% + 20px );
    }
    .elementor-section.elementor-section-boxed > .elementor-column-gap-wider {
        width: calc( 100% + 50px );
    }
}

// Responsive
@media (max-width: 479px) {
    .elementor-top-section.elementor-section-boxed > .elementor-column-gap-normal,
    .elementor-section-full_width .elementor-section-boxed > .elementor-column-gap-normal {
        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% + 20px );
    }
}


.elementor .testimonial img, .slider-wrapper .elementor .testimonial img {
    border-radius: inherit;
}

.elementor-column.sticky-sidebar-wrapper .pin-wrapper {
    width: 100%;
}

.elementor-shape .elementor-shape-fill {
    fill: initial;
}

.alpha-sticky-column {
    align-items: flex-start;

    >.elementor-column-wrap,
    >.elementor-widget-wrap {
        position: sticky;
    }
}

// Video
.elementor-widget-video .elementor-widget-container {
    overflow: unset;
}
.elementor-widget-video > .elementor-widget-container {
    overflow: hidden;
}

.elementor-widget-video .elementor-custom-embed-image-overlay:not(.btn) {
    cursor: auto;
}

// Logo
.elementor-widget-udesign_header_site_logo a {
    display: inline-block;
}

// Author box
.elementor-element.elementor-widget-udesign_single_author_box .elementor-widget-container .post-author-detail .author-avatar {
    margin-#{$right}: 3rem;
}

// Breadcrumb
.elementor-widget .breadcrumb {
    padding: 0;
}

// Half Container
.col-half-section {
    width: 100%;
    min-height: 1px;
    position: relative;
    max-width: calc(var(--alpha-container-width) / 2 - var(--alpha-gap) * 2);
}
.elementor-column-gap-default > .elementor-column > .col-half-section,
.elementor-column-gap-default > .elementor-row > .elementor-column > .col-half-section {
    max-width: calc(var(--alpha-container-width) / 2 - var(--alpha-gap) * 2 + 15px);
}
.elementor-column-gap-narrow > .elementor-column > .col-half-section,
.elementor-column-gap-narrow > .elementor-row > .elementor-column > .col-half-section {
    max-width: calc(var(--alpha-container-width) / 2 - var(--alpha-gap) * 2 + 5px);
}
.elementor-column-gap-normal > .elementor-column > .col-half-section,
.elementor-column-gap-normal > .elementor-row > .elementor-column > .col-half-section {
    max-width: calc(var(--alpha-container-width) / 2 - var(--alpha-gap) * 2 + 10px);
}
.elementor-column-gap-wide > .elementor-column > .col-half-section,
.elementor-column-gap-wide > .elementor-row > .elementor-column > .col-half-section {
    max-width: calc(var(--alpha-container-width) / 2 - var(--alpha-gap) * 2 + 20px);
}
.elementor-column-gap-wider > .elementor-column > .col-half-section,
.elementor-column-gap-wider > .elementor-row > .elementor-column > .col-half-section {
    max-width: calc(var(--alpha-container-width) / 2 - var(--alpha-gap) * 2 + 25px);
}
.col-half-section-right {
    justify-self: if-ltr(flex-start, flex-end);
    margin-left: auto
}
@include mq(lg, 'max') {
    .elementor-container > .elementor-column > .col-half-section.col-half-section-desktop,
    .elementor-container > .elementor-row > .elementor-column > .col-half-section.col-half-section-desktop {
        max-width: none;
        margin-left: auto;
        margin-right: auto;
    }
    .elementor-section-full_width > .elementor-column-gap-default > .elementor-column > .col-half-section.col-half-section-desktop,
    .elementor-section-full_width > .elementor-column-gap-default > .elementor-row > .elementor-column > .col-half-section.col-half-section-desktop {
		width: calc(100% - var(--alpha-gap) * 2);
    }
    .elementor-section-full_width > .elementor-column-gap-narrow > .elementor-column > .col-half-section.col-half-section-desktop,
    .elementor-section-full_width > .elementor-column-gap-narrow > .elementor-row > .elementor-column > .col-half-section.col-half-section-desktop {
		width: calc(100% - var(--alpha-gap) * 4 + 10px);
    }
    .elementor-section-full_width > .elementor-column-gap-normal > .elementor-column > .col-half-section.col-half-section-desktop,
    .elementor-section-full_width > .elementor-column-gap-normal > .elementor-row > .elementor-column > .col-half-section.col-half-section-desktop {
		width: calc(100% - var(--alpha-gap) * 4 + 20px);
    }
    .elementor-section-full_width > .elementor-column-gap-wide > .elementor-column > .col-half-section.col-half-section-desktop,
    .elementor-section-full_width > .elementor-column-gap-wide > .elementor-row > .elementor-column > .col-half-section.col-half-section-desktop {
		width: calc( 100% - var(--alpha-gap) * 4 + 40px );
    }
    .elementor-section-full_width > .elementor-column-gap-wider > .elementor-column > .col-half-section.col-half-section-desktop,
    .elementor-section-full_width > .elementor-column-gap-wider > .elementor-row > .elementor-column > .col-half-section.col-half-section-desktop {
		width: calc( 100% - var(--alpha-gap) * 4 + 50px );
    }
}
@include mq(md, 'max') {
    .elementor-container > .elementor-column > .col-half-section.col-half-section-tablet,
    .elementor-container > .elementor-row > .elementor-column > .col-half-section.col-half-section-tablet {
        max-width: none;
        margin-left: auto;
        margin-right: auto;
    }
    .elementor-section-full_width > .elementor-column-gap-default > .elementor-column > .col-half-section.col-half-section-tablet,
    .elementor-section-full_width > .elementor-column-gap-default > .elementor-row > .elementor-column > .col-half-section.col-half-section-tablet {
		width: calc(100% - var(--alpha-gap) * 2);
    }
    .elementor-section-full_width > .elementor-column-gap-narrow > .elementor-column > .col-half-section.col-half-section-tablet,
    .elementor-section-full_width > .elementor-column-gap-narrow > .elementor-row > .elementor-column > .col-half-section.col-half-section-tablet {
		width: calc(100% - var(--alpha-gap) * 4 + 10px);
    }
    .elementor-section-full_width > .elementor-column-gap-normal > .elementor-column > .col-half-section.col-half-section-tablet,
    .elementor-section-full_width > .elementor-column-gap-normal > .elementor-row > .elementor-column > .col-half-section.col-half-section-tablet {
		width: calc(100% - var(--alpha-gap) * 4 + 20px);
    }
    .elementor-section-full_width > .elementor-column-gap-wide > .elementor-column > .col-half-section.col-half-section-tablet,
    .elementor-section-full_width > .elementor-column-gap-wide > .elementor-row > .elementor-column > .col-half-section.col-half-section-tablet {
		width: calc( 100% - var(--alpha-gap) * 4 + 40px );
    }
    .elementor-section-full_width > .elementor-column-gap-wider > .elementor-column > .col-half-section.col-half-section-tablet,
    .elementor-section-full_width > .elementor-column-gap-wider > .elementor-row > .elementor-column > .col-half-section.col-half-section-tablet {
		width: calc( 100% - var(--alpha-gap) * 4 + 50px );
    }
}
@include mq(sm, 'max') {
    .elementor-container > .elementor-column > .col-half-section.col-half-section-mobile,
    .elementor-container > .elementor-row > .elementor-column > .col-half-section.col-half-section-mobile {
        max-width: none;
        margin-left: auto;
        margin-right: auto;
    }
    .elementor-section-full_width > .elementor-column-gap-default > .elementor-column > .col-half-section.col-half-section-mobile,
    .elementor-section-full_width > .elementor-column-gap-default > .elementor-row > .elementor-column > .col-half-section.col-half-section-mobile {
		width: calc(100% - var(--alpha-gap) * 2);
    }
    .elementor-section-full_width > .elementor-column-gap-narrow > .elementor-column > .col-half-section.col-half-section-mobile,
    .elementor-section-full_width > .elementor-column-gap-narrow > .elementor-row > .elementor-column > .col-half-section.col-half-section-mobile {
		width: calc(100% - var(--alpha-gap) * 4 + 10px);
    }
    .elementor-section-full_width > .elementor-column-gap-normal > .elementor-column > .col-half-section.col-half-section-mobile,
    .elementor-section-full_width > .elementor-column-gap-normal > .elementor-row > .elementor-column > .col-half-section.col-half-section-mobile {
		width: calc(100% - var(--alpha-gap) * 4 + 20px);
    }
    .elementor-section-full_width > .elementor-column-gap-wide > .elementor-column > .col-half-section.col-half-section-mobile,
    .elementor-section-full_width > .elementor-column-gap-wide > .elementor-row > .elementor-column > .col-half-section.col-half-section-mobile {
		width: calc( 100% - var(--alpha-gap) * 4 + 40px );
    }
    .elementor-section-full_width > .elementor-column-gap-wider > .elementor-column > .col-half-section.col-half-section-mobile,
    .elementor-section-full_width > .elementor-column-gap-wider > .elementor-row > .elementor-column > .col-half-section.col-half-section-mobile {
		width: calc( 100% - var(--alpha-gap) * 4 + 50px );
    }
}
@media (max-width: 479px) {
    .elementor-column-gap-no > .elementor-column > .col-half-section.col-half-section,
    .elementor-column-gap-no > .elementor-row > .elementor-column > .col-half-section.col-half-section {
        width: calc( 100% - 30px );
    }
    .elementor-section-full_width > .elementor-column-gap-default > .elementor-column > .col-half-section.col-half-section,
    .elementor-section-full_width > .elementor-column-gap-default > .elementor-row > .elementor-column > .col-half-section.col-half-section {
        width: calc( 100% + 2 * var(--alpha-gap) - 30px );
    }
    .elementor-section-full_width > .elementor-column-gap-narrow > .elementor-column > .col-half-section.col-half-section,
    .elementor-section-full_width > .elementor-column-gap-narrow > .elementor-row > .elementor-column > .col-half-section.col-half-section {
        width: calc( 100% - 20px );
    }
    .elementor-section-full_width > .elementor-column-gap-normal > .elementor-column > .col-half-section.col-half-section,
    .elementor-section-full_width > .elementor-column-gap-normal > .elementor-row > .elementor-column > .col-half-section.col-half-section {
        width: calc( 100% - 10px );
    }
    .elementor-section-full_width > .elementor-column-gap-wide > .elementor-column > .col-half-section.col-half-section,
    .elementor-section-full_width > .elementor-column-gap-wide > .elementor-row > .elementor-column > .col-half-section.col-half-section {
        width: calc( 100% + 10px );
    }
    .elementor-section-full_width > .elementor-column-gap-wider > .elementor-column > .col-half-section.col-half-section,
    .elementor-section-full_width > .elementor-column-gap-wider > .elementor-row > .elementor-column > .col-half-section.col-half-section {
        width: calc( 100% + 20px );
    }
}