/**
 * Historical section-* compatibility.
 *
 * New content should use sec-*. Legacy intentionally starts at xxs and does
 * not gain the new xxxs variant.
 */

.elementor .elementor-element.section-xxs { --tsds-section-block-space: var(--gap-xxs); }
.elementor .elementor-element.section-xs { --tsds-section-block-space: var(--gap-xs); }
.elementor .elementor-element.section-s { --tsds-section-block-space: var(--gap-s); }
.elementor .elementor-element.section-m { --tsds-section-block-space: var(--gap-m); }
.elementor .elementor-element.section-l { --tsds-section-block-space: var(--gap-l); }
.elementor .elementor-element.section-xl { --tsds-section-block-space: var(--gap-xl); }
.elementor .elementor-element.section-xxl { --tsds-section-block-space: var(--gap-xxl); }
.elementor .elementor-element.section-xxxl { --tsds-section-block-space: var(--gap-xxxl); }

.elementor .elementor-element.section-xxs,
.elementor .elementor-element.section-xxs > .e-con-inner,
.elementor .elementor-element.section-xxs > .elementor-container,
.elementor .elementor-element.section-xs,
.elementor .elementor-element.section-xs > .e-con-inner,
.elementor .elementor-element.section-xs > .elementor-container,
.elementor .elementor-element.section-s,
.elementor .elementor-element.section-s > .e-con-inner,
.elementor .elementor-element.section-s > .elementor-container,
.elementor .elementor-element.section-m,
.elementor .elementor-element.section-m > .e-con-inner,
.elementor .elementor-element.section-m > .elementor-container,
.elementor .elementor-element.section-l,
.elementor .elementor-element.section-l > .e-con-inner,
.elementor .elementor-element.section-l > .elementor-container,
.elementor .elementor-element.section-xl,
.elementor .elementor-element.section-xl > .e-con-inner,
.elementor .elementor-element.section-xl > .elementor-container,
.elementor .elementor-element.section-xxl,
.elementor .elementor-element.section-xxl > .e-con-inner,
.elementor .elementor-element.section-xxl > .elementor-container,
.elementor .elementor-element.section-xxxl,
.elementor .elementor-element.section-xxxl > .e-con-inner,
.elementor .elementor-element.section-xxxl > .elementor-container {
  padding-block: var(--tsds-section-block-space) !important;
  padding-inline: var(--section-side-space) !important;
}

.elementor .elementor-element.section,
.elementor .elementor-element.section > .e-con-inner,
.elementor .elementor-element.section > .elementor-container {
  padding-inline: var(--section-side-space) !important;
}

.elementor .elementor-element.section-header,
.elementor .elementor-element.section-header > .e-con-inner,
.elementor .elementor-element.section-header > .elementor-container {
  padding-block: var(--gap-xs) !important;
  padding-inline: var(--section-side-space) !important;
}

.elementor .elementor-element.section-hero {
  min-height: 100vh !important;
  justify-content: center !important;
}

.elementor .elementor-element.section-hero > .e-con-inner,
.elementor .elementor-element.section-hero > .elementor-container {
  justify-content: center !important;
}

.elementor .elementor-element.section-offset {
  padding-top: calc(var(--section-header-offset) + var(--gap-xxl)) !important;
}