/* 
* Default Padding can be opted out by using class .no-pad at the section level. Doing so will default to Elementor defaults.
*/

/* If no padding is chosen, default to 3em on top and bottom of section.
   :where() keeps this at zero specificity, so padding set on the section in Elementor always wins. */
:where(.elementor-top-section:not(.no-pad):not(.elementor-column-gap-default)) {
    padding-top: 3em;
    padding-bottom: 3em;
}

/* If no column gap is chosen at the section level, default to 1em column padding.
   Covers both Elementor markups (optimized DOM, and the older one with an extra row wrapper).
   Columns with their own padding get desktop/tablet/mobile-padded from the plugin and are skipped. */
@media (min-width: 1025px) {
    :where(.elementor-column-gap-default > .elementor-column:not(.no-pad):not(.desktop-padded) > .elementor-widget-wrap.elementor-element-populated),
    :where(.elementor-column-gap-default > * > .elementor-column:not(.no-pad):not(.desktop-padded) > .elementor-element-populated > .elementor-widget-wrap) {
        padding: 1em;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    :where(.elementor-column-gap-default > .elementor-column:not(.no-pad):not(.tablet-padded) > .elementor-widget-wrap.elementor-element-populated),
    :where(.elementor-column-gap-default > * > .elementor-column:not(.no-pad):not(.tablet-padded) > .elementor-element-populated > .elementor-widget-wrap) {
        padding: 1em;
    }
}

@media (max-width: 767px) {
    :where(.elementor-column-gap-default > .elementor-column:not(.no-pad):not(.mobile-padded) > .elementor-widget-wrap.elementor-element-populated),
    :where(.elementor-column-gap-default > * > .elementor-column:not(.no-pad):not(.mobile-padded) > .elementor-element-populated > .elementor-widget-wrap) {
        padding: 1em;
    }
}

/* End of Default Padding */


/* If no margin is chosen for inner sections, default to 1em on bottom */
.elementor-inner-section:not(:last-child) {
    margin-bottom: 1em;
}