/*
 * Elementor wraps every widget in containers of its own. The RMOESR sections
 * lay out from the section element outwards and several of them are full
 * bleed, so the wrappers are told to get out of the way rather than being
 * styled around.
 */

.rmoesr-elementor .elementor-widget-container > section,
.rmoesr-elementor .elementor-widget-container > nav,
.rmoesr-elementor .elementor-widget-container > div[class^="divider"] {
  margin: 0;
}

/* Except the call to action, which the design runs into the footer by the
   height of the footer's wave so the wave cuts the pink band rather than the
   white of the page. The value is the one in the design's stylesheet. */
.rmoesr-elementor .elementor-widget-container > section.rm-cta {
  margin-bottom: -17px;
}

/* A widget whose name starts with rmoesr- is one of ours. */
.rmoesr-elementor [class*="elementor-widget-rmoesr-"] > .elementor-widget-container {
  padding: 0;
  margin: 0;
}

.rmoesr-elementor [class*="elementor-widget-rmoesr-"] {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

/* Elementor's containers add their own gutters and max widths, which would
   crop the full bleed heroes. */
.rmoesr-elementor .elementor-section-boxed > .elementor-container,
.rmoesr-elementor .e-con,
.rmoesr-elementor .e-con-inner {
  max-width: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
}

.rmoesr-elementor .elementor-section.elementor-section-boxed,
.rmoesr-elementor .elementor-widget-wrap {
  padding: 0;
}

/* The design draws its own vertical rhythm between sections. */
.rmoesr-elementor .elementor-element > .elementor-widget-container > section + section {
  margin-top: 0;
}