/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
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.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.5.1.1789494832
Updated: 2026-09-15 17:53:52

*/

.link-underline::after {
    content: "";
        
    width: 100%;
    height: 1px;
        
    opacity: 0;
        
    background-color: var(--Color_Black);
        
    position: absolute;
        
    left: 0;
    top: 100%;
        
    transition: 0.2s;
    -webkit-transition: 0.2s;
}
    
.link-underline:hover::after {
    opacity: 1;
        
    top: calc(100% + var(--Space_XXS));
}

.link-underline-inverted::after {
    content: "";
        
    width: 100%;
    height: 1px;
        
    opacity: 0;
        
    background-color: var(--Color_White);
        
    position: absolute;
        
    left: 0;
    top: 100%;
        
    transition: 0.2s;
    -webkit-transition: 0.2s;
}
    
.link-underline-inverted:hover::after {
    opacity: 1;
        
    top: calc(100% + var(--Space_XXS));
}

.btn:hover .btn-icon-primary {
	opacity: 0;
}

.btn:hover .btn-icon-alt {
	opacity: 1;
}

.btn-filled:hover .btn-label {
	color: var(--Color_Text);
}

.btn-filled-inverted:hover .btn-label-inverted {
	color: var(--Color_Text_Inverted);
}

.btn-outlined-inverted:hover .btn-label {
	color: var(--Color_Text)
}

form[data-element_type="e-form"].form-state-success [data-element_type="e-form-success-message"], form[data-element_type="e-form"].form-state-error [data-element_type="e-form-error-message"] {
	outline: none;
	
	display: flex !important;
	align-items: center;
	justify-content: center;
}