/* 
Theme Name: WEFORM Theme
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 */

:root {
	--heading-1: clamp(2.5rem, 1.75rem + 3vw, 4rem);
	--heading-2: clamp(1.75rem, 0.75rem + 4vw, 3.75rem);
	--heading-3: clamp(1.625rem, 1.1875rem + 1.75vw, 2.5rem);
	--heading-4: clamp(1.375rem, 1.1875rem + 0.75vw, 1.75rem);
	--heading-5: clamp(1.25rem, 1.0938rem + 0.625vw, 1.5625rem);
	--heading-6: clamp(1rem, 0.875rem + 0.5vw, 1.25rem);
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 40px;
}

html, body {
	overflow-x: clip;
	font-size: 18px;
}

/****************/
/*  TYPOGRAPHY  */
/****************/

.elementor-widget-text-editor > :last-child,
.elementor-widget-text-editor .elementor-widget-container > :last-child {
	margin-bottom: 0;
}
.elementor-widget-text-editor ol,
.elementor-widget-text-editor ul {
	margin-bottom: 1rem;
    padding-inline-start: 1.625em;
}
.elementor-widget-image a {
	width: 100%;
}
.elementor-widget-icon a,
.elementor-widget-icon .elementor-icon {
	display: block;
}

.elementor-button {
	backdrop-filter: blur(2px);
}
.elementor-button-icon svg {
	fill: currentColor;
}

.elementor-heading-title,
.balance {
	text-wrap: balance;
}

h1 { font-size: var(--heading-1); }
h2 { font-size: var(--heading-2); }
h3 { font-size: var(--heading-3); }
h4 { font-size: var(--heading-4); }
h5 { font-size: var(--heading-5); }
h6 { font-size: var(--heading-6); }



/*************/
/*  MARQUEE  */
/*************/

.marquee {
	opacity: 0;
	transition: opacity .5s ease !important;
}
.marquee:has(.js-marquee-wrapper) {
	opacity: 1;
}
.js-marquee-wrapper {
	display: flex;
}
.js-marquee {
	display: flex;
	align-items: baseline;
	gap: 2rem;
	flex: 0 0 auto;
	white-space: nowrap;
}