/* ------------------------------------------------------------------
   Static-export fixes for mexure.com
   Elementor's "stretched section" full-width breakout is done by
   frontend JavaScript that doesn't initialise on this static copy,
   so full-width sections render inside the 1170px content box.
   These rules reproduce that breakout in pure CSS.
   ------------------------------------------------------------------ */

html, body { overflow-x: hidden; max-width: 100%; }

.elementor-section.elementor-section-stretched {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  left: 0 !important;
  right: auto !important;
}

/* keep the readable content column centred inside stretched sections
   (Elementor's default) unless the section is explicitly full-width */
.elementor-section.elementor-section-stretched
  > .elementor-container:not(.elementor-column-gap-no) {
  margin-left: auto;
  margin-right: auto;
}