/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Text Gradients */
[class*="ma_gradient"] {
	-webkit-background-clip:text !important;
	-webkit-text-fill-color:transparent !important;
	background-clip:text !important;
}
.ma_gradient_1 {
	background:linear-gradient(90deg, #f43f5e 0%, #6a5cff 45%, #ec4899 75%, #8b5cf6 100%);
}
.ma_gradient_2 {
	background:linear-gradient(90deg, #AA74EE 0%, #EF58BE 100%);
}
.ma_gradient_3 {
	background:linear-gradient(90deg, #21B2FD 0%, #768BF3 100%);
}

/* Elementor Overwrite CSS */
p:last-child,
ol:last-child,
ul:last-child {
	margin-bottom:0 !important;
}
.elementor-icon-wrapper {
	display:flex;
}

header.elementor-location-header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:999;
	
	&.ma_header_sticky {
		background-color:var(--e-global-color-text) !important;
		.ma_header_top_bar {
			display:none;
		}
	}
}

section.ma_hero {
	position:relative;
	overflow:hidden;
	
	&:before,
	&:after {
		content:"";
		position:absolute;
	}
	&:before {
		background:#6653AC;
		width:300px;
		height:300px;
		top:10%;
		left:10%;
		border-radius:50%;
		opacity:0.25;
		filter:blur(30px);
		@media (max-width:1024px) {
			width:200px;
			height:200px;
			top:10%;
			left:0;
		}
	}
	&:after {
		background:#6653AC;
		width:400px;
		height:400px;
		right:10%;
		bottom:10%;
		border-radius:50%;
		opacity:0.2;
		filter:blur(40px);
		@media (max-width:1024px) {
			width:300px;
			height:300px;
			right:0;
			bottom:5%;
		}
	}
}

@media (max-width:600px) {
	.ma_header_top_bar {
		display:none !important;
	}
}