/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/* General spacings */
.spacing-xl {
	padding: 150px 50px !important;
}

.spacing-l {
	padding: 100px 50px !important;
}

.spacing-m {
	padding: 50px 50px !important;
}

.spacing-s {
	padding: 25px 50px !important;
}

.spacing-xl > .e-con, .spacing-xl > .e-con-full, .spacing-xl > .e-con-inner, .spacing-l > .e-con, .spacing-l > .e-con-full, .spacing-l > .e-con-inner, .spacing-m > .e-con, .spacing-m > .e-con-full, .spacing-m > .e-con-inner, .spacing-s > .e-con, .spacing-s > .e-con-full, .spacing-s > .e-con-inner {
	padding: 0;
}

@media (max-width: 1024px) {
	.spacing-xl {
		padding: 75px 50px !important;
	}
	
	.spacing-l {
		padding: 50px 50px !important;
	}

	.spacing-m {
		padding: 35px 50px !important;
	}

	.spacing-s {
		padding: 20px 50px !important;
	}	
	
}

@media (max-width:767px) {
	.spacing-xl {
		padding: 50px 20px !important;
	}
	
	.spacing-l {
		padding: 35px 20px !important;
	}	

	.spacing-m {
		padding: 20px 20px !important;
	}
	
	.spacing-s {
		padding: 20px 20px !important;
	}		
	
}

/* Override default Elementor entrance animations */
@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown;
		-webkit-transform:translate3d(0,0,0);
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft;
		-webkit-transform:translate3d(0,0,0);
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight;
		-webkit-transform:translate3d(0,0,0);	
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp;
		-webkit-transform:translate3d(0,0,0);	
}