/**
 * Responsive overrides
 *
 * Breakpoint-specific classes that must win over Avada and WordPress core.
 * This file is enqueued last (priority 9999) and every rule uses
 * !important so it also beats Avada's inline element styles.
 *
 * Breakpoints (matching Avada's tablet and mobile breakpoints):
 *   Desktop  min-width: 1201px
 *   Tablet   641px – 1200px
 *   Mobile   max-width: 640px
 */

/* Desktop */
@media (min-width: 1201px) {
}

/* Tablet */
@media (min-width: 641px) and (max-width: 1200px) {
    /* Post cards element: 18px column spacing */
    .costum-postcard-flow {
        --awb-column-spacing: 18px !important;
    }

    .costum-postcard-flow .fusion-grid {
        margin-left: -9px !important;
        margin-right: -9px !important;
    }

    .costum-postcard-flow .fusion-grid-column {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
}

/* Mobile */
@media (max-width: 640px) {
}
