/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 27 2025 | 09:22:18 */
/* Utilities variables */

/* fallbacks for headings, text, width, space variables  */
:root {
  --section-gutter: 1.25rem;
  --gutter: 1.25rem;
	
  --text-xs: 1.26rem;
  --text-s: 1.42rem;
  --text-m: 1.8rem;
  --text-l: 2.025rem;
  --text-xl: 2.28rem;
  --text-xxl: 2.565rem;
	
  --h6: 1.26rem;
  --h5: 1.42rem;
  --h4: 1.8rem;
  --h3: 2.025rem;
  --h2: 2.28rem;
  --h1: 2.565rem;
	
  --space-xs: 1.896rem;
  --space-s: 2.133rem;
  --space-m: 2.4rem;
  --space-l: 2.7rem;
  --space-xl: 3.038rem;
  --space-xxl: 3.42rem;
	
  --section-space-xs: 3.84rem;
  --section-space-s: 4.8rem;
  --section-space-m: 6rem;
  --section-space-l: 7.5rem;
  --section-space-xl: 9.375rem;
  --section-space-xxl: 11.719rem;
	
  --width-xs: calc(var(--content-max-width) * 0.1);
  --width-s: calc(var(--content-max-width) * 0.2);
  --width-m: calc(var(--content-max-width) * 0.4);
  --width-l: calc(var(--content-max-width) * 0.6);
  --width-xl: calc(var(--content-max-width) * 0.8);
  --width-xxl: calc(var(--content-max-width) * 0.9);
  --width-content: calc(var(--content-max-width) * 1);
	
  --width-content-half: calc((var(--content-max-width) * 0.5) - (var(--grid-gap) / 2));
	
  --text-m-line-height: calc(10px + 2ex);
  --base-text-lh: calc(10px + 2ex);
  --text-line-height: calc(10px + 2ex);	
	
  --heading-line-height: calc(4px + 2ex);
  --base-heading-lh: calc(4px + 2ex);
  --h4-line-height: calc(4px + 2ex);
  
  --text-text-wrap: pretty;
  --heading-text-wrap: pretty;

}

/* gaps utility variables */
:root {
  --content-gap-s: calc(var(--content-gap) / 2);
  --content-gap: var(--space-m);
  --container-gap: var(--space-xl);
  --grid-gap: var(--space-m);
}
/* border radius utility variables */
:root {
  --radius: 5px;
  --radius-50: 50%;
  --radius-circle: 50vw;
  --radius-none: 0;
  --radius-xs: 2.2222222222px;
  --radius-s: 3.3333333333px;
  --radius-m: 5px;
  --radius-l: 7.5px;
  --radius-xl: 11.25px;
	--radius-xxl: 16.875px;
}

/* fluid headings, texts and spaces variables */ 
@supports (font-size: calc(1vw + 2vw)) {
  :root {
    --text-xs: calc(0.75rem + (-0.1168709751 * ((100vw - 22.5rem) / 62.875)));
    --text-s: calc(0.8125rem + (0.0314609902 * ((100vw - 22.5rem) / 62.875)));
    --text-m: calc(1rem + (0.125 * ((100vw - 22.5rem) / 62.875)));
    --text-l: calc(1.2rem + (0.299625 * ((100vw - 22.5rem) / 62.875)));
    --text-xl: calc(1.44rem + (0.559000125 * ((100vw - 22.5rem) / 62.875)));
    --text-xxl: calc(1.728rem + (0.9366671666 * ((100vw - 22.5rem) / 62.875)));
    --h6: calc(0.75rem + (-0.0465233056 * ((100vw - 22.5rem) / 62.875)));
    --h5: calc(0.8125rem + (0.1252344336 * ((100vw - 22.5rem) / 62.875)));
    --h4: calc(1.125rem + (0.125 * ((100vw - 22.5rem) / 62.875)));
    --h3: calc(1.35rem + (0.31625 * ((100vw - 22.5rem) / 62.875)));
    --h2: calc(1.62rem + (0.60111125 * ((100vw - 22.5rem) / 62.875)));
    --h1: calc(1.944rem + (1.0167412963 * ((100vw - 22.5rem) / 62.875)));
  }
  @media (min-width: 1367px) {
    :root {
      --text-xs: 0.6331290249rem;
      --text-s: 0.8439609902rem;
      --text-m: 1.125rem;
      --text-l: 1.499625rem;
      --text-xl: 1.999000125rem;
      --text-xxl: 2.6646671666rem;
      --h6: 0.7034766944rem;
      --h5: 0.9377344336rem;
      --h4: 1.25rem;
      --h3: 1.66625rem;
      --h2: 2.22111125rem;
      --h1: 2.9607412963rem;
    }
  }
}
@supports (font-size: clamp(1vw, 2vw, 3vw)) {
  :root {
    --text-xs: clamp(0.75rem, calc(-0.1858782904vw + 0.7918226153rem), 0.6331290249rem);
    --text-s: clamp(0.8125rem, calc(0.0500373602vw + 0.8012415939rem), 0.8439609902rem);
    --text-m: clamp(1rem, calc(0.1988071571vw + 0.9552683897rem), 1.125rem);
    --text-l: clamp(1.2rem, calc(0.4765407555vw + 1.09277833rem), 1.499625rem);
    --text-xl: clamp(1.44rem, calc(0.8890658052vw + 1.2399601938rem), 1.999000125rem);
    --text-xxl: clamp(1.728rem, calc(1.489729092vw + 1.3928109543rem), 2.6646671666rem);
    --h6: clamp(0.75rem, calc(-0.073993329vw + 0.766648499rem), 0.7034766944rem);
    --h5: clamp(0.8125rem, calc(0.1991800137vw + 0.7676844969rem), 0.9377344336rem);
    --h4: clamp(1.125rem, calc(0.1988071571vw + 1.0802683897rem), 1.25rem);
    --h3: clamp(1.35rem, calc(0.5029821074vw + 1.2368290258rem), 1.66625rem);
    --h2: clamp(1.62rem, calc(0.9560417495vw + 1.4048906064rem), 2.22111125rem);
    --h1: clamp(1.944rem, calc(1.6170835726vw + 1.5801561962rem), 2.9607412963rem);
  }
}
@supports (padding: calc(1vw + 2vw)) {
  :root {
    --space-xs: calc(0.8441720333rem + (-0.0108386999 * ((100vw - 22.5rem) / 62.875)));
    --space-s: calc(1.1252813203rem + (0.1247186797 * ((100vw - 22.5rem) / 62.875)));
    --space-m: calc(1.5rem + (0.375 * ((100vw - 22.5rem) / 62.875)));
    --space-l: calc(1.9995rem + (0.813 * ((100vw - 22.5rem) / 62.875)));
    --space-xl: calc(2.6653335rem + (1.5534165 * ((100vw - 22.5rem) / 62.875)));
    --space-xxl: calc(3.5528895555rem + (2.7752354445 * ((100vw - 22.5rem) / 62.875)));
    --section-space-xs: calc(1.6883440665rem + (0.8116559335 * ((100vw - 22.5rem) / 62.875)));
    --section-space-s: calc(2.2505626407rem + (1.4994373593 * ((100vw - 22.5rem) / 62.875)));
    --section-space-m: calc(3rem + (2.625 * ((100vw - 22.5rem) / 62.875)));
    --section-space-l: calc(3.999rem + (4.4385 * ((100vw - 22.5rem) / 62.875)));
    --section-space-xl: calc(5.330667rem + (7.325583 * ((100vw - 22.5rem) / 62.875)));
    --section-space-xxl: calc(7.105779111rem + (11.878595889 * ((100vw - 22.5rem) / 62.875)));
    --section-padding-x: calc(1.25rem + (2.5 * ((100vw - 22.5rem) / 62.875)));
    --gutter: calc(1.25rem + (2.5 * ((100vw - 22.5rem) / 62.875)));
  }
  @media (min-width: 1081px) {
    :root {
      --space-xs: 0.8333333333rem;
      --space-s: 1.25rem;
      --space-m: 1.875rem;
      --space-l: 2.8125rem;
      --space-xl: 4.21875rem;
      --space-xxl: 6.328125rem;
      --section-space-xs: 2.5rem;
      --section-space-s: 3.75rem;
      --section-space-m: 5.625rem;
      --section-space-l: 8.4375rem;
      --section-space-xl: 12.65625rem;
      --section-space-xxl: 18.984375rem;
      --section-padding-x: 3.75rem;
      --gutter: 3.75rem;
    }
  }
}
@supports (padding: clamp(1vw, 2vw, 3vw)) {
  :root {
    --space-xs: clamp(0.8441720333rem, calc(-0.0172384889vw + 0.8480506933rem), 0.8333333333rem);
    --space-s: clamp(1.1252813203rem, calc(0.1983597291vw + 1.0806503813rem), 1.25rem);
    --space-m: clamp(1.5rem, calc(0.5964214712vw + 1.365805169rem), 1.875rem);
    --space-l: clamp(1.9995rem, calc(1.2930417495vw + 1.7085656064rem), 2.8125rem);
    --space-xl: clamp(2.6653335rem, calc(2.4706425447vw + 2.1094389274rem), 4.21875rem);
    --space-xxl: clamp(3.5528895555rem, calc(4.4138933511vw + 2.5597635515rem), 6.328125rem);
    --section-space-xs: clamp(1.6883440665rem, calc(1.2909040692vw + 1.3978906509rem), 2.5rem);
    --section-space-s: clamp(2.2505626407rem, calc(2.3847910288vw + 1.7139846592rem), 3.75rem);
    --section-space-m: clamp(3rem, calc(4.1749502982vw + 2.0606361829rem), 5.625rem);
    --section-space-l: clamp(3.999rem, calc(7.0592445328vw + 2.4106699801rem), 8.4375rem);
    --section-space-xl: clamp(5.330667rem, calc(11.6510266402vw + 2.709186006rem), 12.65625rem);
    --section-space-xxl: clamp(7.105779111rem, calc(18.8923990282vw + 2.8549893296rem), 18.984375rem);
    --section-padding-x: clamp(1.25rem, calc(3.9761431412vw + 0.3553677932rem), 3.75rem);
    --gutter: clamp(1.25rem, calc(3.9761431412vw + 0.3553677932rem), 3.75rem);
  }
}
