/* 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;
  -webkit-transition: opacity 0.5s ease-in;
  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 ~ 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;
}

@media (min-width: 1280px) {
  /* Image effects */
  body:not(.elementor-editor-active):not(.no-curtains) [class*=trx_addons_image_effects_on_].trx_addons_image_effects_holder > img,
  body:not(.elementor-editor-active):not(.no-curtains) [class*=trx_addons_image_effects_on_] .trx_addons_image_effects_holder > 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;
  }
}