/* 
 Theme Name:   RockStone Design
 Theme URI:    
 Description:  
 Author:       Stefan Stojanovic
 Author URI:   
 Template:     hello-elementor
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

/* ELEMENTOR ADDITIONAL ANIMATIONS START */
.fadeInTopFixed {
	-webkit-animation-name: fadeInTopFixed;
	animation-name: fadeInTopFixed;
}

@keyframes fadeInTopFixed {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.clipInTop {
	-webkit-animation-name: clipInTop;
	animation-name: clipInTop;
}

@keyframes clipInTop {
	from {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
		clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
	}
	to {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}

.clipInBottom {
	-webkit-animation-name: clipInBottom;
	animation-name: clipInBottom;
}

@keyframes clipInBottom {
	from {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
		clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
	}
	to {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}

.clipInLeft {
	-webkit-animation-name: clipInLeft;
	animation-name: clipInLeft;
}

@keyframes clipInLeft {
	from {
		-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
		clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	}
	to {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}

.clipInRight {
	-webkit-animation-name: clipInRight;
	animation-name: clipInRight;
}

@keyframes clipInRight {
	from {
		-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
		clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	}
	to {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}
/* ELEMENTOR ADDITIONAL ANIMATIONS END */

/* Animations - START */

.animated .elementor-heading-title > .gradient-appear {
	background-position: 0%;
}

.animated {
	animation-duration: 1s;
}

.elementor-heading-title > .gradient-appear {
    background-image: -webkit-linear-gradient(0deg, var(--e-global-color-primary) 50%, var(--e-global-color-accent) 50%);
    background-size: 200%;
    background-position: 100%;
    transition: 1s
        background-position;
    transition-delay: .5s;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@keyframes gradientMove {
  from {
    background-position: 100%;
  }
  to {
    background-position: 0%;
  }
}

.elementor-heading-title > .gradient-appear.animated {
  animation: gradientMove 1s ease-in-out forwards;
  animation-delay: 1s;
}


/* Animations- END */