/* ---------- Luxf Text Parallax ---------- */
.luxf-text-parallax {
	position: relative;
	max-width: 100%;
	text-align: center;
}

.luxf-text-parallax--left {
	text-align: left;
}

.luxf-text-parallax--right {
	text-align: right;
}

.luxf-text-parallax__text {
	display: inline-block;
	max-width: 100%;
	margin: 0;
	padding: 0;
	font-size: var(--luxf-tp-size, 120px);
	font-weight: var(--luxf-tp-weight, 800);
	line-height: var(--luxf-tp-line-height, 1);
	letter-spacing: var(--luxf-tp-letter-spacing, normal);
	text-transform: var(--luxf-tp-transform, none);
	color: var(--luxf-tp-color, currentColor);
	white-space: pre-line;
	overflow-wrap: break-word;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* Text stays readable in the fallback colour until the image has loaded. */
.luxf-text-parallax.is-image-ready .luxf-text-parallax__text {
	background-image: var(--luxf-tp-image);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

/* Builder only: image source for live preview. */
.luxf-text-parallax__source {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}