/******* Do not edit this file *******
Code Snippets Manager
Saved: Apr 29 2025 | 08:52:36 */
/* For browsers that support clamp and container queries */
@supports (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
    --h6: clamp(0.96rem, 0.16cqi + 0.93rem, 1.06rem);
    --h5: clamp(1.2rem, 0.34cqi + 1.13rem, 1.41rem);
    --h4: clamp(1.5rem, 0.63cqi + 1.38rem, 1.88rem);
    --h3: clamp(1.88rem, 1.04cqi + 1.67rem, 2.5rem);
    --h2: clamp(2.34rem, 1.65cqi + 2.01rem, 3.33rem);
    --h1: clamp(2.93rem, 2.52cqi + 2.43rem, 4.44rem);
    --htitle: clamp(3.66rem, 3.76cqi + 2.91rem, 5.92rem);
  }
}
/* For browsers that don't support clamp or container queries */
@supports not (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
    --h6: 0.96rem;
    --h5: 1.2rem;
    --h4: 1.5rem;
    --h3: 1.88rem;
    --h2: 2.34rem;
    --h1: 2.93rem;
    --htitle: 3.66rem;
  }
  @media screen and (min-width: 1280px) {
    :root {
      --h6: 1.06rem;
      --h5: 1.41rem;
      --h4: 1.88rem;
      --h3: 2.5rem;
      --h2: 3.33rem;
      --h1: 4.44rem;
      --htitle: 5.92rem;
    }
  }
}
/* For browsers that support clamp and container queries */
@supports (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
    --text-xs: clamp(0.79rem, -0.01cqi + 0.79rem, 0.78rem);
    --text-s: clamp(0.89rem, 0.08cqi + 0.87rem, 0.94rem);
    --text-m: clamp(1rem, 0.21cqi + 0.96rem, 1.13rem);
    --text-l: clamp(1.13rem, 0.37cqi + 1.05rem, 1.35rem);
    --text-xl: clamp(1.27rem, 0.59cqi + 1.15rem, 1.62rem);
  }
}
/* For browsers that don't support clamp or container queries */
@supports not (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
    --text-xs: 0.79rem;
    --text-s: 0.89rem;
    --text-m: 1rem;
    --text-l: 1.13rem;
    --text-xl: 1.27rem;
  }
  @media screen and (min-width: 1280px) {
    :root {
      --text-xs: 0.78rem;
      --text-s: 0.94rem;
      --text-m: 1.13rem;
      --text-l: 1.35rem;
      --text-xl: 1.62rem;
    }
  }
}
:root {
  --space-4xs: clamp(0.33rem, calc(-0.03vw + 0.33rem), 0.31rem);
  --space-3xs: clamp(0.41rem, calc(0.04vw + 0.4rem), 0.44rem);
  --space-2xs: clamp(0.51rem, calc(0.16vw + 0.48rem), 0.62rem);
  --space-xs: clamp(0.64rem, calc(0.35vw + 0.57rem), 0.88rem);
  --space-s: clamp(0.8rem, calc(0.65vw + 0.67rem), 1.24rem);
  --space-m: clamp(1rem, calc(1.11vw + 0.78rem), 1.75rem);
  --space-l: clamp(1.25rem, calc(1.81vw + 0.89rem), 2.47rem);
  --space-xl: clamp(1.56rem, calc(2.87vw + 0.99rem), 3.5rem);
  --space-2xl: clamp(1.95rem, calc(4.44vw + 1.07rem), 4.95rem);
  --space-3xl: clamp(2.44rem, calc(6.75vw + 1.09rem), 7rem);
  --space-4xl: clamp(3.05rem, calc(10.13vw + 1.02rem), 9.89rem);
  --header-space: var(--space-s);
  --btn-space: var(--space-xs) var(--space-s);
  --card-space: var(--space-s);
  --footer-space: var(--space-s) var(--space-m);
  --text-3xs: clamp(0.62rem, -0.14vi + 0.65rem, 0.54rem);
  --text-2xs: clamp(0.7rem, -0.09vi + 0.72rem, 0.65rem);
  --text-xs: clamp(0.79rem, calc(-0.23vw + 0.84rem), 0.63rem);
  --text-s: clamp(0.89rem, calc(-0.07vw + 0.9rem), 0.84rem);
  --text-m: clamp(1rem, calc(0.19vw + 0.96rem), 1.13rem);
  --text-l: clamp(1.13rem, calc(0.55vw + 1.01rem), 1.5rem);
  --text-xl: clamp(1.27rem, calc(1.09vw + 1.05rem), 2rem);
  --text-2xl: clamp(1.42rem, calc(1.84vw + 1.06rem), 2.66rem);
  --text-3xl: clamp(1.6rem, calc(2.89vw + 1.02rem), 3.55rem);
  --text-4xl: clamp(1.8rem, calc(4.34vw + 0.93rem), 4.74rem);
  --hero-title-size: var(--text-4xl);
  --post-title-size: var(--text-2xl);
  --nav-link-size: var(--text-s);
  --radius-xs: clamp(0.25rem, calc(0vw + 0.25rem), 0.25rem);
  --radius-s: clamp(0.38rem, calc(-0.19vw + 0.54rem), 0.5rem);
  --radius-m: clamp(0.63rem, calc(-0.19vw + 0.79rem), 0.75rem);
  --radius-l: clamp(1rem, calc(-0.37vw + 1.32rem), 1.25rem);
  --radius-xl: clamp(1.63rem, calc(-0.56vw + 2.11rem), 2rem);
  --radius-full: 999rem;
  --shadow-xs: 0 1px 2px var(--shadow-primary);
  --shadow-s: 0 1.5px 3px var(--shadow-primary);
  --shadow-m: 0 2px 6px var(--shadow-primary);
  --shadow-l: 0 3px 12px var(--shadow-primary);
  --shadow-xl: 0 6px 48px var(--shadow-primary);
}
.text-xl {
  font-size: var(--text-xl);
  line-height: 1.4;
}
.text-l {
  font-size: var(--text-l);
  line-height: 1.5;
}
body, .text-m {
  font-size: var(--text-m);
  line-height: 1.5;
}
.text-s {
  font-size: var(--text-s);
  line-height: 1.6;
}
.text-xs {
  font-size: var(--text-xs);
  line-height: 1.7;
}
/* HEADING SIZE UTILITY CLASSES */
/*  REMOVE any font sizes or line heights set for all heading levels in Bricks Theme Style typography settings. */
.htitle {
  font-size: var(--htitle);
  line-height: 1.05;
  margin-bottom: var(--space-m);
  margin-top: var(--space-xl);
}
h1, .h1 {
  font-size: var(--h1);
  line-height: 1.1;
  margin-bottom: var(--space-m);
  margin-top: var(--space-xl);
}
h2, .h2 {
  font-size: var(--h2);
  line-height: 1.2;
  margin-bottom: var(--space-m);
  margin-top: var(--space-xl);
}
h3, .h3 {
  font-size: var(--h3);
  line-height: 1.3;
  margin-bottom: var(--space-m);
  margin-top: var(--space-xl);
}
h4, .h4 {
  font-size: var(--h4);
  line-height: 1.4;
  margin-bottom: var(--space-m);
  margin-top: var(--space-xl);
}
h5, .h5 {
  font-size: var(--h5);
  line-height: 1.5;
  margin-bottom: var(--space-m);
  margin-top: var(--space-xl);
}
h6, .h6 {
  font-size: var(--h6);
  line-height: 1.6;
  margin-bottom: var(--space-m);
  margin-top: var(--space-xl);
}
/*
h1:first-of-type, .entry-content h1:first-of-type, h2:first-of-type, .entry-content h2:first-of-type, h3:first-of-type, .entry-content h3:first-of-type, h4:first-of-type, .entry-content h4:first-of-type, h5:first-of-type, .entry-content h5:first-of-type, h6:first-of-type, .entry-content h6:first-of-type, .htitle:first-of-type {
margin-top: 0;       
}*/
.hentry {
  margin-bottom: 0;
}
.hno-space {
  margin-bottom: 0;
  margin-top: 0;
}
.no-space-top {
  margin-top: 0;
}
.thin-space-top {
  margin-top: 0.25em;
}
.medium-space-top {
  margin-top: 0.5em;
}
.em-space-top {
  margin-top: 1em;
}
.no-space-bottom {
  margin-bottom: 0;
}
.thin-space-bottom {
  margin-bottom: 0.25em;
}
.medium-space-bottom {
  margin-bottom: 0.5em;
}
.em-space-bottom {
  margin-bottom: 1em;
}
.line-height-xs {
  line-height: 1;
}
.line-height-s {
  line-height: 1.2;
}
.line-height-m {
  line-height: 1.3;
}
.line-height-l {
  line-height: 1.4;
}
.line-height-xl {
  line-height: 1.5;
}
.italic {
  font-style: italic;
}
.bold {
  font-weight: bold;
}
.lowercase {
  text-transform: lowercase;
}
.uppercase {
  text-transform: uppercase;
}
.underline {
  text-decoration: underline;
}
.font-100 {
  font-weight: 100;
}
.font-200 {
  font-weight: 200;
}
.font-300 {
  font-weight: 300;
}
.font-400 {
  font-weight: 400;
}
.font-500 {
  font-weight: 500;
}
.font-600 {
  font-weight: 600;
}
.font-700 {
  font-weight: 700;
}
.font-800 {
  font-weight: 800;
}
.font-900 {
  font-weight: 900;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}