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

/* For browsers that support clamp  */
@supports (font-size: clamp(1rem, 1vi, 1rem)) {
  :root {
		--fs-sm: clamp(0.83rem, 0.14vi + 0.8rem, 0.9rem);
		--fs-base: clamp(1rem, 0.26vi + 0.94rem, 1.13rem);
		--fs-md: clamp(1.2rem, 0.42vi + 1.1rem, 1.41rem);
		--fs-lg: clamp(1.44rem, 0.65vi + 1.29rem, 1.76rem);
		--fs-xl: clamp(1.73rem, 0.96vi + 1.51rem, 2.2rem);
		--fs-xxl: clamp(2.07rem, 1.38vi + 1.76rem, 2.75rem);
		--fs-xxxl: clamp(2.49rem, 1.94vi + 2.05rem, 3.43rem);
  }
}
/* For browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vi, 1rem)) {
  :root {
		--fs-sm: 0.83rem;
		--fs-base: 1rem;
		--fs-md: 1.2rem;
		--fs-lg: 1.44rem;
		--fs-xl: 1.73rem;
		--fs-xxl: 2.07rem;
		--fs-xxxl: 2.49rem;
  }
  @media screen and (min-width: 1140px) {
    :root {
			--fs-sm: 0.9rem;
			--fs-base: 1.13rem;
			--fs-md: 1.41rem;
			--fs-lg: 1.76rem;
			--fs-xl: 2.2rem;
			--fs-xxl: 2.75rem;
			--fs-xxxl: 3.43rem;
    }
  }
}

body {
	font-size: var(--fs-base);
	font-family: var(--e-global-typography-text-font-family);
	font-weight: var(--e-global-typography-text-font-weight):
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--e-global-typography-primary-font-family);
	font-weight: var(--e-global-typography-primary-font-weight);
}

h1 {
	font-size: var(--fs-xxxl)
}
h2 {
	font-size: var(--fs-xxl)
}
h3 {
	font-size: var(--fs-xl)
}
h4 {
	font-size: var(--fs-lg)
}
h5 {
	font-size: var(--fs-md)
}
h6 {
	font-size: var(--fs-base)
}

.single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4, .single-post .entry-content h5, .single-post .entry-content h6 {
	margin-top: 1.5em;
	margin-bottom: .5em;
}

.single-post .entry-content h2 {
	font-size: var(--fs-xl)
}

.single-post .entry-content h3 {
	font-size: var(--fs-l)
}

.single-post .entry-content h4 {
	font-size: var(--fs-md)
}

.single-post .entry-content h5 {
	font-size: var(--fs-md)
	font-weight: normal;
}

.single-post .entry-content h6 {
	font-size: var(--fs-base)
}



/* PADDING SEZIONI */

.ele-section-inline {
	padding-inline: clamp(1rem, 0.833rem + 0.741vw, 1.5rem) !important;
}

.ele-section-xs {
	padding-block: clamp(1rem, 0.833rem + 0.741vw, 1.5rem);
	padding-inline: clamp(1rem, 0.833rem + 0.741vw, 1.5rem) !important;
}

.ele-section-s {
	padding-block: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
	padding-inline: clamp(1rem, 0.833rem + 0.741vw, 1.5rem) !important;
}

.ele-section-m {
	padding-block: clamp(1.5rem, 1.167rem + 1.481vw, 2.5rem);
	padding-inline: clamp(1rem, 0.833rem + 0.741vw, 1.5rem) !important;
}

.ele-section-d {
	padding-block: clamp(3rem, 2.333rem + 2.963vw, 5rem);
	padding-inline: clamp(1rem, 0.833rem + 0.741vw, 1.5rem) !important;
}

.ele-section-l {
	padding-block: clamp(4.5rem, 3.5rem + 4.444vw, 7.5rem);
	padding-inline: clamp(1rem, 0.833rem + 0.741vw, 1.5rem) !important;
}

.ele-section-xl {
	padding-block: clamp(6rem, 4.667rem + 5.926vw, 10rem);
	padding-inline: clamp(1rem, 0.833rem + 0.741vw, 1.5rem) !important;
}
