/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1761570327
Updated: 2025-10-27 13:05:27

*/

:root {
	--gutter: 1.25rem;
}

body:not([class*=elementor-page-]) .site-main > div {
	padding-block: 2rem;
}

@media (min-width: 1100px) {
	:root {
		--gutter: 2.5rem;
	}
	
	body:not([class*=elementor-page-]) .site-main > div {
		padding-block: 3rem;
	}
}

@media (min-width: 1280px) {
	:root {
		--gutter: 5rem;
	}
	
	body:not([class*=elementor-page-]) .site-main > div {
		padding-block: 4rem;
	}
}

@media (min-width: 1600px) {
	:root {
		--gutter: 10rem;
	}
}

@media (min-width: 1920px) {
	:root {
		--gutter: calc(50vw - 50rem);
	}
}

body:not([class*=elementor-page-]) .site-main,
.page-header .entry-title {
	max-width: 100% !important;
	padding-inline: 0 !important;
	margin: 0 !important;
}

.page-header {
	background-color: var(--e-global-color-17e2783);
}

body:not([class*=elementor-page-]) .page-content a {
	color: var(--e-global-color-primary);
	text-decoration: none;
}

body:not([class*=elementor-page-]) .page-content a:hover {
	text-decoration: underline;
}

body:not([class*=elementor-page-]) h1 {
	font-family: var(--e-global-typography-f0a4b8b-font-family), Sans-serif;
    font-size: var(--e-global-typography-f0a4b8b-font-size);
    font-weight: var(--e-global-typography-f0a4b8b-font-weight);
    line-height: var(--e-global-typography-f0a4b8b-line-height);
    letter-spacing: var(--e-global-typography-f0a4b8b-letter-spacing);
}

body:not([class*=elementor-page-]) h2 {
	font-family: var(--e-global-typography-cf303ab-font-family), Sans-serif;
    font-size: var(--e-global-typography-cf303ab-font-size);
    font-weight: var(--e-global-typography-cf303ab-font-weight);
    line-height: var(--e-global-typography-cf303ab-line-height);
    letter-spacing: var(--e-global-typography-cf303ab-letter-spacing);
}

body:not([class*=elementor-page-]) h3 {
	font-family: var(--e-global-typography-fabb651-font-family), Sans-serif;
    font-size: var(--e-global-typography-fabb651-font-size);
    font-weight: var(--e-global-typography-fabb651-font-weight);
    line-height: var(--e-global-typography-fabb651-line-height);
    letter-spacing: var(--e-global-typography-fabb651-letter-spacing);
}

main#content > .page-content > div > div:not(.gutter-none),
[data-elementor-type="archive"] > div:not(.gutter-none),
[data-elementor-type="single-post"] > div:not(.gutter-none),
body > header > div:not(.gutter-none), 
body > footer > div:not(.gutter-none),
body:not([class*=elementor-page-]) .site-main > div { 
    padding-inline: var(--gutter) !important; 
}

.gutter-l {
	padding-left: var(--gutter) !important;
}

.gutter-r {
	padding-right: var(--gutter) !important;
}