/* 
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
*/

/* 
Fluid Spacing
[padding] = p
[margin] = m
[top-bottom] = y
[left-right] = x
*/

.fl-p-xl-y {padding: calc(40px + (80 - 40) * ((100vw - 300px) / (1920 - 300))) 0 !important;}
.fl-p-lg-y {padding: calc(30px + (60 - 30) * ((100vw - 300px) / (1920 - 300))) 0 !important;}
.fl-p-md-y {padding: calc(25px + (50 - 25) * ((100vw - 300px) / (1920 - 300))) 0 !important;}
.fl-p-sm-y {padding: calc(20px + (40 - 20) * ((100vw - 300px) / (1920 - 300))) 0 !important;}
.fl-p-xs-y {padding: calc(10px + (20 - 10) * ((100vw - 300px) / (1920 - 300))) 0 !important;}

.fl-m-xl-y {margin: calc(40px + (80 - 40) * ((100vw - 300px) / (1920 - 320))) 0 !important;}
.fl-m-lg-y {margin: calc(30px + (60 - 30) * ((100vw - 300px) / (1920 - 320))) 0 !important;}
.fl-m-md-y {margin: calc(25px + (50 - 25) * ((100vw - 300px) / (1920 - 320))) 0 !important;}
.fl-m-sm-y {margin: calc(20px + (40 - 20) * ((100vw - 300px) / (1920 - 320))) 0 !important;}
.fl-m-xs-y {margin: calc(10px + (20 - 10) * ((100vw - 300px) / (1920 - 320))) 0 !important;}

.fl-p-inner-xl .elementor-widget-wrap {padding: calc(40px + (80 - 40) * ((100vw - 300px) / (1920 - 300))) !important;}
.fl-p-inner-lg .elementor-widget-wrap {padding: calc(30px + (60 - 30) * ((100vw - 300px) / (1920 - 300))) !important;}
.fl-p-inner-md .elementor-widget-wrap {padding: calc(25px + (50 - 25) * ((100vw - 300px) / (1920 - 300))) !important;}
.fl-p-inner-sm .elementor-widget-wrap {padding: calc(20px + (40 - 20) * ((100vw - 300px) / (1920 - 300))) !important;}
.fl-p-inner-xs .elementor-widget-wrap {padding: calc(10px + (20 - 10) * ((100vw - 300px) / (1920 - 300))) !important;}