/*
Theme Name: Luber Life Theme
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Sam
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.0.0.1704623014
Updated: 2024-01-07 11:23:34

*/

html {
	font-size:22px;
}
.outline h2, .outline h3 {
	  color: transparent !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--e-global-color-primary);
}
.outline-dark h2, .outline-dark h3 {
	  color: transparent !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--e-global-color-8f2cddc);
}
.arrow-button {
	    padding: 15px 25px;
    font-weight: 700;
    text-decoration: none;
	display:flex;
    border: 1px solid var(--e-global-color-508748f);;
	transition:all ease 0.5s;
	color: var(--e-global-color-508748f) !important;
}
.arrow-button:hover {
	color:white !important;
	background-color: var(--e-global-color-508748f);
}
.arrow-button:hover line, .arrow-button:hover polyline {
    stroke:  white;
}
.arrow-button.white-button {
	border-color:white;
	color:white !important;
}
.arrow-button.white-button:hover {
	background-color:white;
	color:var(--e-global-color-508748f) !important;
}
.arrow-button svg {
    width:80px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 50px;
}

.arrow-button line, .arrow-button polyline {
    stroke: var(--e-global-color-508748f);
}

.arrow-button.white-button line, .arrow-button.white-button polyline {
    stroke: #fff;
}

.arrow-button.white-button:hover line, .arrow-button.white-button:hover polyline {
    stroke:  var(--e-global-color-508748f);
}
.animated-headline-item-char {
	opacity:0;
	transform:translateY(50%) rotateX(180deg) scale(0);	
}
.animated-headline-item {
	white-space:nowrap;
	display:inline-block;
	position:relative;
}
.animated-headline-item-inner {
	display:block;
	overflow:hidden;
	width:0;
	position:relative;
}
.animated-headline-item-bar {
	position:absolute;
	left:-10px;
	bottom:0;
	height:100%;
	width:3px;
}
.animated-headline-item-bar-inner {
	width:100%;
	height:100%;
	visibility:hidden;
	background-color:currentcolor;
}
.animated-headline-item-wrapper {
	overflow:hidden;
	display:block;
}

@media screen and (max-width:767px) {
	html {
		font-size:18px;
	}
	.arrow-button {
		padding:10px 15px;
	}
}