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

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

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

.trx_effects_image_effects_planes_loaded [id^="trx_effects_image_effects_canvas_"] {
	opacity: 1;
}

.trx_effects_image_effects_holder {
	position: relative;
}

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

@media (min-width: 1280px) {
	body:not(.elementor-editor-active):not(.no-curtains) [class*="trx_effects_image_effects_on_"] img {
		visibility: hidden;
	}
	body:not(.elementor-editor-active):not(.no-curtains) [class*="trx_effects_image_effects_on_"] img ~ img,
	body:not(.elementor-editor-active):not(.no-curtains) [class*="trx_effects_image_effects_on_"] .trx_effects_image_effect_original_image,
	body:not(.elementor-editor-active):not(.no-curtains) [class*="trx_effects_image_effects_on_"] .trx_effects_secondary_image,
	body:not(.elementor-editor-active):not(.no-curtains) [class*="trx_effects_image_effects_on_"] .post_thumb,
	body:not(.elementor-editor-active):not(.no-curtains) [class*="trx_effects_image_effects_on_"] .mask {
		display: none;
	}
	body:not(.elementor-editor-active):not(.no-curtains) [class*="trx_effects_image_effects_on_"] .icons {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
}
@media (max-width: 1279px) {
	body [id^="trx_effects_image_effects_canvas_"] {
		display: none !important;
	}
	body [class*="trx_effects_image_effects_on_"] img ~ img,
	body [class*="trx_effects_image_effects_on_"] .trx_effects_image_effects_ripple_displacement,
	body [class*="trx_effects_image_effects_on_"] .trx_effects_image_effects_swap_image,
	body [class*="trx_effects_image_effects_on_"] .trx_effects_image_effects_swap_displacement {
		display: none !important;
	}
}