/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */


/* BUTTON RIPPLE EFFECT */

.ripple .elementor-button{
	transition: all 0.3s ease;
	position: relative;
}

.ripple .elementor-button::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background: rgba(255, 255, 255, 0.1);
	transform: translate(-50%, -50%);
	transition: width 0.6s, height 0.6s;
	z-index: 0;
}

.ripple.black .elementor-button::before {
	background: rgb(193 5 15 / 50%);
}
.ripple.black.opacity-100 .elementor-button::before {
	background: rgb(193 5 15 / 100%);
}

.ripple .elementor-button:hover::before {
	width: 100%;
	height: 100%;
	border-radius: 0;
}

.ripple .elementor-button .elementor-button-text {
	z-index: 1;
}