/* Makes Elementor's wrappers invisible so the design CSS sees its own tree.
   Elementor's CSS is loaded in @layer elementor, so these unlayered rules beat it;
   design.css loads after this file and wins where it sets something. */
@layer elementor;
.elementor{display:contents}
.e-con{display:block;position:static;width:auto;height:auto;min-height:auto;min-width:auto;max-width:none;padding:0;margin:0;gap:normal;border:0;border-radius:0;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-items:normal;align-content:normal;justify-content:normal;align-self:auto;order:0;overflow:visible;text-align:inherit;transition:none;isolation:auto;z-index:auto}
/* Elementor's overlay pseudo-elements: reset everything it sets to the CSS initial value, so a design ::before/::after renders as authored. */
.e-con::before,.e-con::after{content:none;display:inline;position:static;top:auto;left:auto;width:auto;height:auto;border-width:medium;border-style:none;border-color:currentcolor;border-radius:0;mix-blend-mode:normal;opacity:1;transition:none}
.e-con>.e-con-inner{display:contents}
.e-con.ok-shell{display:contents}
/* On the live page widget wrappers disappear; in the Elementor editor they stay boxes so they can be selected. */
body:not(.elementor-editor-active) .elementor-widget,body:not(.elementor-editor-active) .elementor-widget-container,body:not(.elementor-editor-active) .elementor-text-editor{display:contents}