// container
.fusion-flex-container {

    //--awb-padding-top: clamp(8vw, 8vw, calc(var(--site_width * 0.08))) !important;
    //--awb-padding-bottom: clamp(8vw, 8vw, calc(var(--site_width * 0.08))) !important;

    // Responive Medium
    @include media-max-width($responsive-medium) {

        --awb-padding-top: 100px !important;
        --awb-padding-right: 30px !important;
        --awb-padding-bottom: 100px !important;
        --awb-padding-left: 30px !important;

        padding: var(--awb-padding-top-medium) var(--awb-padding-right-medium) var(--awb-padding-bottom-medium) var(--awb-padding-left-medium) !important;
    };

    // Responive Small
    @include media-max-width($responsive-small) {

        --awb-padding-top: 70px !important;
        --awb-padding-right: 20px !important;
        --awb-padding-bottom: 70px !important;
        --awb-padding-left: 20px !important;

        --awb-padding-top-medium: 70px !important;
        --awb-padding-right-medium: 20px !important;
        --awb-padding-bottom-medium: 70px !important;
        --awb-padding-left-medium: 20px !important;

        padding: var(--awb-padding-top-small) var(--awb-padding-right-small) var(--awb-padding-bottom-small) var(--awb-padding-left-small) !important;
    };
}

.fusion-post-cards {
    &.fusion-grid-archive:not(.inherit) {

        &.fusion-grid-columns-1 {
            --awb-column-spacing: 0 !important;
        }

        // Responive Medium
        @include media-max-width($responsive-medium) {
            --awb-column-spacing: 30px !important;
            --awb-row-spacing: 30px !important;

            &.fusion-grid-columns-1 {
                --awb-column-spacing: 0 !important;
            }
        }

        // Responive Small
        @include media-max-width($responsive-small) {
            --awb-column-spacing: 30px !important;
            --awb-row-spacing: 30px !important;

            &.fusion-grid-columns-1 {
                --awb-column-spacing: 0 !important;
            }
        } 
    }
}

// column
.fusion-layout-column .fusion-column-wrapper {

    @include media-max-width($responsive-medium) { }

    @include media-max-width($responsive-small) { }
}

.fusion-title {

    &.fusion-title-size-two {
        //--awb-margin-bottom: 0.75em !important;
    }

    &.fusion-title-size-three {
        //--awb-margin-bottom: 0.5em !important;
    }

    &.fusion-title-size-div {
        //--awb-margin-bottom: 0.3em !important;
    }

    @include media-max-width($responsive-medium) { };

    @include media-max-width($responsive-small) { };
}