/* Ferdy home: Elementor and WordPress styles out of the design's way.
   Everything foreign sits in @layer wp; this file reverts it to browser defaults with zero
   specificity, so the design CSS (loaded after this file) is the only thing that styles the page.
   SVG internals and elements that can carry presentational attributes are skipped, and so is
   Elementor's own editing UI inside the editor preview. */
:where(html,body){all:revert}
:where([data-elementor-type] :not(svg,svg *,video,iframe,canvas,embed,object,table,tr,td,th,col,colgroup,
  .elementor-element-overlay,.elementor-element-overlay *,[class^="elementor-editor"],[class^="elementor-editor"] *,
  [class*=" elementor-editor"],[class*=" elementor-editor"] *,.elementor-add-section,.elementor-add-section *,
  .elementor-empty-view,.elementor-empty-view *,.elementor-widget-empty,.elementor-widget-empty *)),
:where([data-elementor-type] :not(.elementor-element-overlay *,.elementor-add-section *))::before,
:where([data-elementor-type] :not(.elementor-element-overlay *,.elementor-add-section *))::after{all:revert}
:where([data-elementor-type]){all:revert;display:contents}
:where(.e-con>.e-con-inner){display:contents}
:where(.elementor-element.elementor-widget){display:contents}
:where(.elementor-widget>.elementor-widget-container){display:contents}
/* the hidden attribute is a presentational hint in Chromium, so restore it after the revert */
:where([data-elementor-type] [hidden]:not([hidden="until-found" i])){display:none}
/* Inside the Elementor editor only: give widgets a box so they can be hovered and selected. */
:where(body.elementor-editor-active .elementor-element.elementor-widget){display:block}
:where(body.elementor-editor-active .elementor-element){position:relative}
/* shortcode widget wrapper (server-rendered lists on the main pages) */
:where(.elementor-shortcode){display:contents}