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

/* 
 *
 *
 * Roots
 * -------------------------------------------------------------------------- */
:root {
    --h-space: clamp(20px, 5%, 60px) !important;
    --v-space: min(15%, 120px) !important;
    --half-space: min(7%, 60px) !important;

    --h1: clamp(3rem, 2.7273rem + 1.0909vi, 3.6rem);
    --h2: clamp(2.25rem, 2.0455rem + 0.8182vi, 2.7rem);
    --h3: clamp(1.875rem, 1.7045rem + 0.6818vi, 2.25rem);
    --h4: clamp(1.5rem, 1.3636rem + 0.5455vi, 1.8rem);
    --h5: clamp(1.25rem, 1.1364rem + 0.4545vi, 1.5rem);
    --h6: clamp(1.125rem, 1.0227rem + 0.4091vi, 1.35rem);
}


/* 
 *
 *
 * Default
 * -------------------------------------------------------------------------- */
div[data-elementor-type="wp-page"] > div.e-con, div[data-elementor-type="header"] > div.e-con, div[data-elementor-type="footer"] > div.e-con,
section.elementor-top-section {
    padding-left: var(--h-space);
    padding-right: var(--h-space);
}

div[data-elementor-type="wp-page"] > div.e-con.nopadding,
section.elementor-top-section.nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.space-top {
    padding-top: var(--v-space) !important;
}

.half-space-top {
    padding-top: var(--half-space) !important;
}

.space-bottom {
    padding-bottom: var(--v-space) !important;
}

.half-space-bottom {
    padding-bottom: var(--half-space) !important;
}

.nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body h1, .h1 :is(h1, h2, h3, h4, h5, h6, div, p, span) {
    font-size: var(--h1) !important;
    line-height: 1.2 !important;
    min-height: 0vw;
}
  
body h2, .h2 :is(h1, h2, h3, h4, h5, h6, div, p, span) {
    font-size: var(--h2) !important;
    line-height: 1.2 !important;
    min-height: 0vw;
}
  
body h3, .h3 :is(h1, h2, h3, h4, h5, h6, div, p, span) {
    font-size: var(--h3) !important;
    line-height: 1.2 !important;
    min-height: 0vw;
}
  
body h4, .h4 :is(h1, h2, h3, h4, h5, h6, div, p, span) {
    font-size: var(--h4) !important;
    line-height: 1.2 !important;
    min-height: 0vw;
}
  
body h5, .h5 :is(h1, h2, h3, h4, h5, h6, div, p, span) {
    font-size: var(--h5) !important;
    line-height: 1.3 !important;
    min-height: 0vw;
}
  
body h6, .h6 :is(h1, h2, h3, h4, h5, h6, div, p, span) {
    font-size: var(--h6) !important;
    line-height: 1.4 !important;
    min-height: 0vw;
}