/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* TEXT MARQUEE START */
.mwse-text-marquee-shortcode {
	display: flex;
	white-space: nowrap;
	font-size: 0;
	position: relative;
	overflow: hidden;
}

.mwse-text {
	display: flex;
	align-items: baseline;
	font-size: 90px;
	font-weight: 700;
	color: #000;
}

.mwse-text > span:nth-child(odd) {
	color: #fff;
	--outline-color: #000;
	text-shadow: -1px -1px 0 var(--outline-color), 1px -1px 0 var(--outline-color), -1px 1px 0 var(--outline-color), 1px 1px 0 var(--outline-color);
}

.mwse-text.mineweb--original {
	animation: mwse-move-text-marquee var(--speed) linear infinite;
	will-change: transform;
	backface-visibility: hidden;
}

.mwse-text.mineweb--copy {
	position: absolute;
	top: 0;
	left: 0;
	will-change: transform;
	backface-visibility: hidden;
	transform: translateX(100%);
	animation: mwse-move-text-marquee-copy var(--speed) linear infinite;
}

@keyframes mwse-move-text-marquee {
	0% {
		transform: translateX(0%) translateZ(0);
	}
	100% {
		transform: translateX(-100%) translateZ(0);
	}
}

@keyframes mwse-move-text-marquee-copy {
	0% {
		transform: translateX(100%) translateZ(0);
	}
	100% {
		transform: translateX(0%) translateZ(0);
	}
}

@keyframes mwse-move-text-marquee-reverse {
	0% {
		transform: translateX(0%) translateZ(0);
	}
	100% {
		transform: translateX(100%) translateZ(0);
	}
}

@keyframes mwse-move-text-marquee-reverse-copy {
	0% {
		transform: translateX(-100%) translateZ(0);
	}
	100% {
		transform: translateX(0%) translateZ(0);
	}
}
/* TEXT MARQUEE END */