/* Image effects
--------------------------------------------------------------- */
body > [id^="trx_addons_image_effects_canvas_"] {
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

.trx_addons_image_effects_holder > [id^="trx_addons_image_effects_canvas_"] {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

[id^="trx_addons_image_effects_canvas_"] {
  opacity: 0;
  transition: opacity 0.5s ease-in;
  pointer-events: none; }

.trx_addons_image_effects_planes_loaded [id^="trx_addons_image_effects_canvas_"] {
  opacity: 1; }

.trx_addons_image_effects_holder {
  position: relative; }

body:not(.elementor-editor-active):not(.no-curtains) [class*="trx_addons_image_effects_on_"] img {
  visibility: hidden; }
body:not(.elementor-editor-active):not(.no-curtains) [class*="trx_addons_image_effects_on_"] img ~ img,
body:not(.elementor-editor-active):not(.no-curtains) [class*="trx_addons_image_effects_on_"] .trx_addons_image_effect_original_image,
body:not(.elementor-editor-active):not(.no-curtains) [class*="trx_addons_image_effects_on_"] .trx_addons_secondary_image,
body:not(.elementor-editor-active):not(.no-curtains) [class*="trx_addons_image_effects_on_"] .post_thumb,
body:not(.elementor-editor-active):not(.no-curtains) [class*="trx_addons_image_effects_on_"] .mask {
  display: none; }
body:not(.elementor-editor-active):not(.no-curtains) [class*="trx_addons_image_effects_on_"] .icons {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

/* If no curtains supported or any other errors occured - display original images */
body.no-curtains [id^="trx_addons_image_effects_canvas_"] {
  display: none; }