/* GENERATED by _build/css.py. Unlayered on purpose: it must outrank Elementor's CSS.

   The design CSS lives in one cascade layer (tts). Elementor's CSS is unlayered, and an
   unlayered rule beats a layered one whatever its specificity, so on its own Elementor would
   restyle every container and widget the design draws. These rules cancel that:

   1. On design elements inside Elementor content (containers marked tts-raw, widgets
      marked tts-leaf, and everything inside them that is not Elementor's own UI),
      `all: revert-layer` throws away every UNLAYERED declaration, Elementor's and
      WordPress's alike, so only the design's layered rules (and inline styles) remain.
      Styles a client sets in the Elementor panel use longer, element-specific selectors and
      still win. `all` leaves custom properties alone, so the names Elementor and the
      design both declare are reverted by name: --border-color (Elementor's container CSS)
      and --container-max-width (Elementor's Site Settings put 1140px on every container;
      the design's is 1240px, and between 1000 and 1199px the content was 100px narrower). Contact Form 7's own pieces (its spinner, hidden fields and messages) keep
      Contact Form 7's styling. Contact Form 7 wraps each field in an inline <span>; inside
      the design's grid labels that span (not the field) becomes the grid item, so the span
      and its field are made blocks, as the field itself is on the approved form.
   2. Widget wrappers take no part in layout (display: contents), so the wrapped element sits
      exactly where the design puts it. site.css carries wrapper-aware variants of the
      parent/child rules for the same reason.
   3. In the editor only: wrappers keep a box (so they can be hovered and dragged), every
      drawer, "Read more" panel and FAQ answer is open (so it can be edited), nothing waits for a scroll
      animation, and a button's label stays put under the pointer (the hover effect slides
      it away, which made it impossible to click into). A widget whose content is positioned out
      of its box (the hero's film button) measures 0px tall, which Elementor reads as "empty" and
      marks with a placeholder icon; the icon is hidden whenever the widget has content.
      Visitors never get these. */
.elementor.elementor.elementor :is(.tts-raw,.tts-leaf),
.elementor.elementor.elementor :is(.tts-raw,.tts-leaf) :not([class*="elementor-"],[class*="wpcf7"],[class*="wpcf7"] *){all:revert-layer;--border-color:revert-layer;--container-max-width:revert-layer}
.elementor.elementor.elementor .elementor-widget.tts-leaf{display:contents}
.wpcf7 .ct-form .wpcf7-form-control-wrap,.wpcf7 .ct-form .wpcf7-form-control-wrap>:is(input,textarea){display:block}
.elementor-editor-active .elementor.elementor.elementor .elementor-widget.tts-leaf{display:block}
.elementor-editor-active .elementor.elementor.elementor :is(.drawer-body,.prose-more){grid-template-rows:1fr!important}
.elementor-editor-active .elementor.elementor.elementor .accordion-section-content{display:block!important}
.elementor-editor-active .elementor.elementor.elementor .wow{visibility:visible!important;animation:none!important;opacity:1!important}
.elementor-editor-active .elementor.elementor.elementor a.btn-main.fx-slide:hover span{transform:none!important;opacity:1!important}
.elementor-editor-active .elementor.elementor.elementor a.btn-main.fx-slide:before{display:none!important}
.elementor-editor-active .elementor.elementor.elementor .tts-leaf>.elementor-widget-empty-icon:not(:only-child){display:none!important}
.elementor-editor-active .elementor-edit-area-active,.elementor-editor-active .elementor-edit-area-active .e-con{--primary-color:#4A7CD2;--secondary-color:#EAA638}