/*
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.0.1.1708151344
Updated: 2024-02-17 06:29:04

*/

:root {
	--gray-off-white: #FAFEFE;
	--gray-silver: #DCDCDC;
	--gray-light: #ACACAC;
	--gray-medium: #6C6C6C;
	--gray-dark: #424242;
	--gray-midnight: #020112;
	--teal-brand: #43C4D3;
	--teal-dark: #24888F;
	--teal-pale: #D3ECEC;
	--yellow-main: #F1541D;
	--yellow-light: #FC9202;
	--yellow-burnt: #6C2A12;
	--green-main: #02BB74;
	--green-light: #11FCA2;
	--green-deep: #0E3437;
	--green-emerald: #0E2A2B;
	--green-dark: #0D1F1F;
}

.heading-xxl h1, .heading-xxl h2, .heading-xxl h3, .heading-xxl h4, .heading-xxl h5, .heading-xxl h6 {
	font-size: clamp(2.5rem, 0.3rem + 7.34vw, 5rem);
	font-weight: 300;
	letter-spacing: -3px;
	line-height: clamp(3rem, 1.24rem + 5.87vw, 5rem);
}

@media screen and (max-width: 768px) {
	.heading-xxl h1, .heading-xxl h2, .heading-xxl h3, .heading-xxl h4, .heading-xxl h5, .heading-xxl h6 {
		letter-spacing: -1px;
	}
}

.heading-xl h1, .heading-xl h2, .heading-xl h3, .heading-xl h4, .heading-xl h5, .heading-xl h6 {
	font-size: clamp(2rem, 0.46rem + 5.14vw, 3.75rem);
	font-weight: 300;
	letter-spacing: -1.5px;
	line-height: clamp(2.5rem, 0.57rem + 6.42vw, 4.69rem);
}

@media screen and (max-width: 768px) {
	.heading-xl h1, .heading-xl h2, .heading-xl h3, .heading-xl h4, .heading-xl h5, .heading-xl h6 {
		letter-spacing: -0.5px;
	}
}

.heading-l h1, .heading-l h2, .heading-l h3, .heading-l h4, .heading-l h5, .heading-l h6 {
	font-size: clamp(1.75rem, 1.09rem + 2.2vw, 2.5rem);
	font-weight: 300;
	letter-spacing: -1px;
	line-height: clamp(2.25rem, 1.59rem + 2.2vw, 3rem);
}

@media screen and (max-width: 768px) {
	.heading-l h1, .heading-l h2, .heading-l h3, .heading-l h4, .heading-l h5, .heading-l h6 {
		letter-spacing: -0.4px;
	}
}

.heading-m h1, .heading-m h2, .heading-m h3, .heading-m h4, .heading-m h5, .heading-m h6 {
	font-size: clamp(1.5rem, 1.06rem + 1.47vw, 2rem);
	font-weight: 300;
	letter-spacing: -0.5px;
	line-height: clamp(2rem, 1.56rem + 1.47vw, 2.5rem);
}

.elementor-widget-theme-post-content h2 {
	font-size: clamp(1.5rem, 1.06rem + 1.47vw, 2rem);
	font-weight: 700;
	letter-spacing: -0.5px;
	line-height: clamp(2rem, 1.56rem + 1.47vw, 2.5rem);
	margin-top: 0;
	margin-bottom: 12px;
}

@media screen and (max-width: 768px) {
	.heading-m h1, .heading-m h2, .heading-m h3, .heading-m h4, .heading-m h5, .heading-m h6, .elementor-widget-theme-post-content h2 {
		letter-spacing: -0.4px;
	}
}

.heading-sm h1, .heading-sm h2, .heading-sm h3, .heading-sm h4, .heading-sm h5, .heading-sm h6  {
	font-size: clamp(1.38rem, 1.26rem + 0.37vw, 1.5rem);
	font-weight: 300;
	letter-spacing: -0.4px;
	line-height: clamp(1.88rem, 1.71rem + 0.55vw, 2.06rem);
}

.elementor-widget-theme-post-content h3 {
	font-size: clamp(1.38rem, 1.26rem + 0.37vw, 1.5rem);
	font-weight: 700;
	letter-spacing: -0.4px;
	line-height: clamp(1.88rem, 1.71rem + 0.55vw, 2.06rem);
	margin-top: 32px;
	margin-bottom: 12px;
}

@media screen and (max-width: 768px) {
	.heading-sm h1, .heading-sm h2, .heading-sm h3, .heading-sm h4, .heading-sm h5, .heading-sm h6, .elementor-widget-theme-post-content h3 {
		letter-spacing: -0.3px;
	}
}

.heading-xs h1, .heading-xs h2, .heading-xs h3, .heading-xs h4, .heading-xs h5, .heading-xs h6 {
	font-size: 1.25rem;
	font-weight: 700;
}

.heading-xxs h1, .heading-xxs h2, .heading-xxs h3, .heading-xxs h4, .heading-xxs h5, .heading-xxs h6 {
	font-size: 1.125rem;
	font-weight: 300;
}

p, .elementor-widget-text-editor, .paragraph {
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.688rem;
}

p.paragraph-sm, .paragraph-sm {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.6rem;
}

p.paragraph-xs, .paragraph-xs {
	font-size: 0.875;
	font-weight: 400;
	line-height: 1.488rem;
}

.elementor-widget-button.primary .elementor-button, .hs-form .hs-button.primary {
	background: linear-gradient(196deg, var(--yellow-light, #FC9202) -2.19%, var(--yellow-main, #F1541D) 71.51%), #F1541D;
	border-radius: 32px;
	color: var(--gray-off-white);
	font-size: 18px;
	font-weight: 600;
	line-height: 134%;
	overflow: hidden;
	padding: 12px 32px;
	position: relative;
}

.elementor-widget-button.primary .elementor-button-content-wrapper {
	position: relative;
	z-index: 2;
}
.elementor-widget-button.primary .elementor-button:after {
	background: #F1541D;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.3s cubic-bezier(0,0,0.58,1);
	z-index: 1;
}

.elementor-widget-button.primary .elementor-button:hover:after {
	opacity: 1;
}

.elementor-widget-button.secondary-dark .elementor-button {
	background: rgba(211, 236, 236, 0) !important;
	border: 2px solid var(--yellow-light);
	border-radius: 32px;
	color: var(--yellow-light);
	font-size: 18px;
	font-weight: 600;
	line-height: 134%;
	padding: 10px 32px;
	transition: background 0.3s cubic-bezier(0,0,0.58,1)
}

.elementor-widget-button.secondary-dark .elementor-button:hover {
	background: rgba(211, 236, 236, 0.20) !important;
}

.elementor-widget-button.secondary-light .elementor-button {
	background: rgba(211, 236, 236, 0) !important;
	border: 2px solid var(--gray-midnight);
	border-radius: 32px;
	color: var(--gray-midnight);
	font-size: 18px;
	font-weight: 600;
	line-height: 134%;
	padding: 10px 32px;
	transition: background 0.3s cubic-bezier(0,0,0.58,1)
}

.elementor-widget-button.secondary-light .elementor-button:hover {
	background: rgba(211, 236, 236, 0.50) !important;
	border: 2px solid var(--teal-dark);
}

.elementor-widget-theme-post-content ul {
	margin-bottom: 12px;
}