/*
 * Elementor wraps every widget in containers of its own. The Plan-T 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.
 */

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

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

.plant-elementor [class*="elementor-widget-plant-"] {
  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. */
.plant-elementor .elementor-section-boxed > .elementor-container,
.plant-elementor .e-con,
.plant-elementor .e-con-inner {
  max-width: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
}

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

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