/*
=============================================================================
MOBILE SPACING (767px and below)
=============================================================================
Site-wide spacing system for phones:
  - 20px side gutter   (set per section in Elementor: Padding, mobile view)
  - 60px section padding top and bottom (same place)
  - 20px gap between widgets (below)

Elementor's "Gaps" setting (Site Settings > Layout) is 40px and has no
mobile value, so it's reduced here. The default container padding is set
to 0 for mobile in Site Settings > Layout > Container Padding, so nested
containers don't add extra 10px insets.
*/

@media (max-width: 767px) {
    body[class*="elementor-kit-"] .elementor-element {
        --widgets-spacing: 20px 20px;
        --widgets-spacing-row: 20px;
        --widgets-spacing-column: 20px;
    }
}