/*
 * Fallback for Non-FSE themes, which will add blocks margin bottom.
 * We removed these styles in the v3 - https://github.com/nk-crew/ghostkit/commit/d4544839eee8656315823e1f4dd535f9574cacd4
 *
 * Use :where selector to add possibility to easily overwrite these styles. https://css-tricks.com/almanac/selectors/w/where/
 */

:where(:root) {
    --gkt-blocks-margin-bottom: 28px;
}

:where( .ghostkit-progress, .ghostkit-button-wrapper, .ghostkit-icon-box, .ghostkit-image-compare, .ghostkit-tabs, .ghostkit-accordion, .ghostkit-countdown, .ghostkit-counter-box, .ghostkit-alert, .ghostkit-carousel, .ghostkit-video, .ghostkit-testimonial, .ghostkit-gist, .ghostkit-google-maps, .ghostkit-changelog, .ghostkit-pricing-table, .ghostkit-widgetized-area, .ghostkit-instagram, .ghostkit-twitter, .ghostkit-toc, .ghostkit-form, .ghostkit-form-field, .ghostkit-form-submit-button) {
    margin-bottom: var(--gkt-blocks-margin-bottom);
}