.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================================
 Hairfax Fluid Responsive Design System
 Powered by CSS clamp() variables
 ========================================================================== */

:root {
 /* Fluid Typography Scale (375px -> 1280px Viewport) */
 --fluid-h1: clamp(2.375rem, 1.5rem + 3.73vw, 4.25rem);
 --fluid-h2: clamp(1.875rem, 1.25rem + 2.67vw, 3.25rem);
 --fluid-h3: clamp(1.375rem, 1.1rem + 1.17vw, 2rem);
 --fluid-h4: clamp(1.1875rem, 1rem + 0.8vw, 1.625rem);

 --fluid-body-lead: clamp(0.95rem, 0.88rem + 0.3vw, 1.0625rem);
 --fluid-body: clamp(0.9375rem, 0.875rem + 0.27vw, 1rem);
 --fluid-body-sm: clamp(0.85rem, 0.8rem + 0.21vw, 0.9375rem);
 --fluid-caption: clamp(0.6875rem, 0.65rem + 0.16vw, 0.75rem);

 /* Fluid Spacing & Padding Scale */
 --fluid-pad-section-y: clamp(40px, 5.5vw, 88px);
 --fluid-pad-section-x: clamp(16px, 3.5vw, 30px);
 --fluid-pad-card: clamp(20px, 3vw, 34px);
 --fluid-pad-box: clamp(16px, 2.5vw, 26px);

 /* Fluid Gaps */
 --fluid-gap-lg: clamp(24px, 4vw, 44px);
 --fluid-gap-md: clamp(20px, 2.5vw, 32px);
 --fluid-gap-sm: clamp(12px, 1.5vw, 20px);
}

/* Typography Overrides */
h1, .elementor-heading-title.elementor-size-xl {
 font-size: var(--fluid-h1);
}
h2, .elementor-heading-title.elementor-size-lg {
 font-size: var(--fluid-h2);
}
h3, .elementor-heading-title.elementor-size-md {
 font-size: var(--fluid-h3);
}
h4, .elementor-heading-title.elementor-size-sm {
 font-size: var(--fluid-h4);
}

/* Specific Page Overrides for H1 Hero and H2/H3/H4 Sections on Home Page (Page 17) */
.elementor-17 .elementor-element-0000000d .elementor-heading-title,
.elementor-17 .elementor-element-0000000e .elementor-heading-title {
 font-size: var(--fluid-h1) !important;
}

.elementor-17 .elementor-element-0000002a .elementor-heading-title,
.elementor-17 .elementor-element-0000004c .elementor-heading-title,
.elementor-17 .elementor-element-0000006c .elementor-heading-title,
.elementor-17 .elementor-element-00000084 .elementor-heading-title {
 font-size: var(--fluid-h2) !important;
}

.elementor-17 .elementor-element-00000010 .elementor-text-editor {
 font-size: var(--fluid-body-lead) !important;
}

/* Core Container Fluid Padding Overrides */
.elementor[data-elementor-type="wp-page"] > .e-con.e-parent,
.elementor[data-elementor-type="wp-post"] > .e-con.e-parent {
 --padding-top: var(--fluid-pad-section-y) !important;
 --padding-bottom: var(--fluid-pad-section-y) !important;
 --padding-left: var(--fluid-pad-section-x) !important;
 --padding-right: var(--fluid-pad-section-x) !important;
}/* End custom CSS */