/* Section WP Bakery */
.vc_row,
.vc_column_container {
    &.section {
        &.section-with-divider {
            .section-divider {
                position: absolute;
                #{$left}: 0;
                width: 100%;
                top: 50px;
            }
        }

        &.section-with-divider-footer {
            .section-divider {
                position: absolute;
                #{$left}: 0;
                width: 100%;
                bottom: 55px;
            }
        }
    }
}

@media (min-width: 768px) {
    .vc_row-o-equal-height>.container>.align-items-center>.vc_column_container {
        align-self: stretch;
    }
    .vc_row-o-equal-height>.container>.align-items-center>.vc_column_container>.vc_column-inner {
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        justify-content: center;
    }
    .vc_row-o-full-height > .container > .row,
    .vc_row-o-equal-height > .container > .row > .vc_column_container > .vc_column-inner {
        height: 100%;
    }
}
.vc_row-o-columns-middle > .container > .row {
    align-items: center;
}

.vc_column_container.section {
    margin: 0;
    padding: 50px var(--porto-column-spacing, 15px);
}

.vc_row.section > .vc_column_container,
.vc_row.section > .porto-container > .vc_row > .vc_column_container,
.vc_column_container.section {
    .wpb_wrapper {
        > div:last-child {
            margin-bottom: 0;
        }
    }
}

.porto-section.vc_section {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.row.no-padding > .vc_column_container.section {
    padding-left: var(--porto-res-spacing, 15px);
    padding-right: var(--porto-res-spacing, 15px);
    .col-half-section {
        padding-left: 0;
        padding-right: 0
    }
}

.vc_row {
    &.no-padding {
        --bs-gutter-x: 0px;
    }
    &.porto_stretch_css {
        position: relative;
        width: calc( 100vw - var(--porto-scroll-w,0px) - var(--porto-side-header-width, 0px) );
    }
}
.container .vc_row {
    &.porto_stretch_css {
        #{$left}: calc( 50% - 50vw + var(--porto-scroll-w,0px) / 2 + var(--bs-gutter-x) / 2 + var(--porto-side-header-width, 0px) / 2 );

        &:not(.row) {
            #{$left}: calc( 50% - 50vw + var(--porto-scroll-w,0px) / 2 + var(--porto-side-header-width, 0px) / 2 );
        }
    }
    &.stretch_row_css:not(.no-padding) {
        padding-left: calc( ( 100vw - 100% - var(--porto-scroll-w,0px) - var(--bs-gutter-x) - var(--porto-side-header-width, 0px) ) / 2 ) !important;
        padding-right: calc( ( 100vw - 100% - var(--porto-scroll-w,0px) - var(--bs-gutter-x) - var(--porto-side-header-width, 0px) ) / 2 ) !important;
    }
    &.stretch_row_css:not(.no-padding):not(.row) {
        padding-left: calc( ( 100vw - 100% - var(--porto-scroll-w,0px) - var(--porto-side-header-width, 0px) ) / 2 ) !important;
        padding-right: calc( ( 100vw - 100% - var(--porto-scroll-w,0px) - var(--porto-side-header-width, 0px) ) / 2 ) !important;
    }
    &.stretch_row_content_no_spaces_css > .vc_column_container {
        padding-left: 0;
        padding-right: 0;
    }
}
.container {
    .stretch_row_content_css {
        &:not(.porto-inner-container) {
            padding-left: var(--porto-container-spacing);
            padding-right: var(--porto-container-spacing);
        }
        > .porto-wrap-container {
            padding-left: var(--porto-res-spacing);
            padding-right: var(--porto-res-spacing);
        }
    }
}
.container-fluid .vc_row {
    &.stretch_row_content_css,
    &.stretch_row_content_no_spaces_css {
        padding-left: 0;
        padding-right: 0;
    }
    &.stretch_row_content_no_spaces_css > .vc_column_container {
        padding-left: 0;
        padding-right: 0;
    }
}