/* RODA Elementor bridge.
   Converted elements carry two marker classes (Advanced > CSS Classes):
     rm-x  on containers  -> behave like the plain <section>/<div> they replace; layout comes from styles.css classes
     rm-w  on widgets     -> wrapper disappears on the front end so the <h2>/<p>/<a>/<img> sit exactly as in the static HTML
   Remove the marker to hand an element fully back to Elementor's own layout controls. New elements you add are untouched.
   Everything here lives in cascade layer "rm-bridge": above Elementor's stock CSS (layer elementor-base), below the
   site's exact styles.css (unlayered) and below panel styling (unlayered). */
@layer rm-bridge {
  .e-con.rm-x {
    --display: block !important;
    --width: auto; --min-height: auto; --content-width: none;
    --flex-direction: row; --flex-wrap: nowrap; --justify-content: normal; --align-items: normal; --align-content: normal;
    --gap: normal; --row-gap: normal; --column-gap: normal; --flex-basis: auto; --flex-grow: 0; --flex-shrink: 1;
    --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px;
    --margin-top: 0px; --margin-right: 0px; --margin-bottom: 0px; --margin-left: 0px;
    --container-default-padding-top: 0px; --container-default-padding-right: 0px; --container-default-padding-bottom: 0px; --container-default-padding-left: 0px;
    --position: static; --text-align: inherit; --overflow: visible; --z-index: auto; --border-radius: 0; --border-style: none;
    --height: auto; --flex-grow: 0; --flex-shrink: 1; --flex-basis: auto;
    /* margin/padding/width/text-align/position stay variable-driven, so Layout/Advanced panel edits still work.
       Where styles.css styles the same property on that class, styles.css wins (use Pro Custom CSS to override). */
    transition: revert; min-width: revert; max-width: revert;
  }
  :is(.elementor-section-wrap, [data-elementor-id]) > .e-con.rm-x { max-width: revert; }
  .e-con.rm-x::before, .e-con.rm-x::after { transition: revert; }
  .elementor, .elementor-section-wrap { all: revert; }
  body:not(.elementor-editor-active) .elementor-widget.rm-w,
  body:not(.elementor-editor-active) .elementor-widget.rm-w > .elementor-widget-container,
  body:not(.elementor-editor-active) .elementor-widget.rm-w .elementor-button-wrapper,
  body:not(.elementor-editor-active) .elementor-widget.rm-w .elementor-shortcode { all: revert; display: contents; }
  .rm-w .elementor-heading-title { padding: revert; margin: revert; line-height: revert; font-size: revert; font-weight: revert; color: revert; }
  .rm-w .elementor-button, .rm-w .elementor-button-content-wrapper, .rm-w .elementor-button-text { all: revert; }
  .rm-w .elementor-button:hover, .rm-w .elementor-button:focus, .rm-w .elementor-button:visited { color: revert; }
  .rm-w.elementor-widget-image img { display: revert; vertical-align: revert; }
  .rm-w.elementor-widget-image a { display: revert; }
  .rm-w figure { margin: revert; }
  /* Elementor sets .elementor video/iframe/embed {width:100%;max-width:100%;margin:0;border:none} - not on the static site */
  .rm-w :is(embed, iframe, object, video) { border: revert; line-height: revert; margin: revert; max-width: revert; width: revert; }
  .screen-reader-text, .skip-link { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
/* Theme Builder location wrappers must not add a box: the template's own <header>/<footer class="ft"> is the real element. */
.elementor-location-header, .elementor-location-footer, .elementor-location-single, .elementor-location-archive { display: contents; }
/* Live selectors with ">" that must see through the (display:contents) widget wrapper. */
.band > .elementor-widget.rm-w > * { position: relative; }
.revs .wrap > .elementor-widget.rm-w > .stars svg { width: 26px; height: 26px; }