/* 
Theme Name: PCUN Child Theme
Description: Customized theme for PCUN's website
Author: Lara Media Services
Author URI: https://laramedia.com/
Template: hello-elementor
Version: 3.4.9-0.0.01
Text Domain: pcun-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/*    Add your custom styles here    */



/* Global styles  */
:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray-dark: #374151;
  --color-gray: #6b7280;
  --color-text-gray-light: #9ca3af;
  --color-bg-gray-light: #f3f4f6;
  --color-border-gray-light: #e5e7eb;
  --color-primary-l-4: #FFD7CC;
  --color-primary-l-3: #FBAE98;
  --color-primary-l-2: #F18165;
  --color-primary-l-1: #E25336;
  --color-primary: #D10606;
  --color-primary-d-1: #A4160A;
  --color-primary-d-2: #7A180B;
  --color-primary-d-3: #531709;
  --color-primary-d-4: #2E1105;
  --color-secondary-l-4: #E3E7DF;
  --color-secondary-l-3: #CAD1C1;
  --color-secondary-l-2: #AEBAA1;
  --color-secondary-l-1: #95A484;
  --color-secondary: #7D8F69;
  --color-secondary-d-1: #626F52;
  --color-secondary-d-2: #4B5440;
  --color-secondary-d-3: #333A2C;
  --color-secondary-d-4: #1C1F19;
  --color-tertiary-l-4: #FCF1DE;
  --color-tertiary-l-3: #F8E3BE;
  --color-tertiary-l-2: #F3D39B;
  --color-tertiary-l-1: #EDC67E;
  --color-tertiary: #E5B85B;
  --color-tertiary-d-1: #B18E48;
  --color-tertiary-d-2: #846B39;
  --color-tertiary-d-3: #574828;
  --color-tertiary-d-4: #2F2719;
  --color-quaternary-l-4: #F7E2DE;
  --color-quaternary-l-3: #EEC3BA;
  --color-quaternary-l-2: #E2A597;
  --color-quaternary-l-1: #D68B7A;
  --color-quaternary: #C86C5A;
  --color-quaternary-d-1: #9D5648;
  --color-quaternary-d-2: #724036;
  --color-quaternary-d-3: #4E2E27;
  --color-quaternary-d-4: #2A1B18;
  --color-neutral-l-4: #f3f4f6;
  --color-neutral-l-3: #e5e7eb;
  --color-neutral-l-2: #d1d5db;
  --color-neutral-l-1: #9ca3af;
  --color-neutral: #6b7280;
  --color-neutral-d-1: #4b5563;
  --color-neutral-d-2: #374151;
  --color-neutral-d-3: #1f2937;
  --color-neutral-d-4: #111827;
  --color-neutral-d-5: #030712;
  --color-success-l-4: #ebfaea;
  --color-success-l-3: #d5f4d4;
  --color-success-l-2: #afe7ae;
  --color-success-l-1: #79d979;
  --color-success: #3DC13C;
  --color-success-d-1: #2faa31;
  --color-success-d-2: #228e25;
  --color-success-d-3: #17731a;
  --color-success-d-4: #0f5811;
  --color-success-d-5: #083b09;
  --color-warning-l-5: #ffffff;
  --color-warning-l-4: #fff7e1;
  --color-warning-l-3: #feeebe;
  --color-warning-l-2: #fde08d;
  --color-warning-l-1: #f9cf4f;
  --color-warning: #F4BB1B;
  --color-warning-d-1: #d69c12;
  --color-warning-d-2: #b37d0c;
  --color-warning-d-3: #8f6008;
  --color-warning-d-4: #6f4905;
  --color-warning-d-5: #4b3103;
  --color-error-l-4: #ffe8e8;
  --color-error-l-3: #ffc7c7;
  --color-error-l-2: #ff9b9b;
  --color-error-l-1: #f96a6a;
  --color-error: #F13737;
  --color-error-d-1: #d22c2c;
  --color-error-d-2: #b02121;
  --color-error-d-3: #8e1818;
  --color-error-d-4: #671010;
  --color-error-d-5: #450909;
  --space-auto: auto;
  --space-0: 0px;
  --space-px: 1px;
  --space-1: clamp(0.25rem, calc(0.21rem + 0.09vw), 0.31rem);
  --space-2: clamp(0.5rem, calc(0.43rem + 0.18vw), 0.63rem);
  --space-3: clamp(0.75rem, calc(0.64rem + 0.27vw), 0.94rem);
  --space-4: clamp(1rem, calc(0.85rem + 0.37vw), 1.25rem);
  --space-6: clamp(1.5rem, calc(1.28rem + 0.56vw), 1.88rem);
  --space-8: clamp(2rem, calc(1.71rem + 0.74vw), 2.5rem);
  --space-12: clamp(3rem, calc(2.56rem + 1.1vw), 3.75rem);
/* Design System default */
  --space-80-24: clamp(1.5rem, calc(-0.163rem + 7vw), 5rem); /* 80px → 24px */
  --space-120-80: clamp(5rem, calc(3.813rem + 5vw), 7.5rem); /* 120px → 80px */
  --space-200-140: clamp(8.75rem, calc(6.969rem + 7.5vw), 12.5rem); /* 200px → 140px */
  --space-neg-px: -1px;
  --space-neg-1: calc(-1 * clamp(0.25rem, calc(0.21rem + 0.09vw), 0.31rem));
  --space-neg-2: calc(-1 * clamp(0.5rem, calc(0.43rem + 0.18vw), 0.63rem));
  --space-neg-3: calc(-1 * clamp(0.75rem, calc(0.64rem + 0.27vw), 0.94rem));
  --space-neg-4: calc(-1 * clamp(1rem, calc(0.85rem + 0.37vw), 1.25rem));
  --space-neg-6: calc(-1 * clamp(1.5rem, calc(1.28rem + 0.56vw), 1.88rem));
  --space-neg-8: calc(-1 * clamp(2rem, calc(1.71rem + 0.74vw), 2.5rem));
  --space-neg-12: calc(-1 * clamp(3rem, calc(2.56rem + 1.1vw), 3.75rem));
/* Global Gap Variables - Editable */
	--gap-xxs: clamp(0.25rem, 1vw, 0.5rem);   /* 4px → 8px */
	--gap-xs:  clamp(0.5rem, 1.5vw, 0.75rem); /* 8px → 12px */
	--gap-s:   clamp(0.75rem, 2vw, 1rem);     /* 12px → 16px */
    --gap-m:   1.5rem;                       /* same as the default gaps fixed at 24px */
    --gap-l:   clamp(1.25rem, 3vw, 2.5rem);   /* 20px → 40px */
    --gap-xl:  clamp(1.25rem, 5vw, 3.75rem);  /* 20px → 60px */
    --gap-xxl: clamp(1.25rem, 10vw, 7.5rem);  /* 20px → 120px */
  --gap-10: clamp(2.5rem, calc(2.14rem + 0.93vw), 3.13rem);
  --gap-14: clamp(3.5rem, calc(2.99rem + 1.29vw), 4.38rem);
  --gap-16: clamp(4rem, calc(3.42rem + 1.48vw), 5rem);
  --gap-18: clamp(4.5rem, calc(3.84rem + 1.67vw), 5.63rem);
  --gap-20: clamp(5rem, calc(4.27rem + 1.85vw), 6.25rem);
  --gap-22: clamp(5.5rem, calc(4.7rem + 2.04vw), 6.88rem);
  --gap-24: clamp(6rem, calc(5.13rem + 2.22vw), 7.5rem);--font-family-roboto: "Roboto Font Family v3.016";
  --font-family-fira-sans-italic: "Fira Sans Italic v4.106";
  --font-family-league-spartan: "League Spartan v2.220";
  --font-family-sans: Roboto;
  --font-family-mono: Menlo;
  --font-size-2xs: clamp(0.58rem, calc(0.49rem + 0.09vw), 0.64rem);
  --font-size-xs: clamp(0.69rem, calc(0.59rem + 0.16vw), 0.8rem);
  --font-size-sm: clamp(0.83rem, calc(0.71rem + 0.25vw), 1rem);
  --font-size-base: clamp(1rem, calc(0.85rem + 0.37vw), 1.25rem);
  --font-size-lg: clamp(1.2rem, calc(1.02rem + 0.53vw), 1.56rem);
  --font-size-xl: clamp(1.44rem, calc(1.22rem + 0.75vw), 1.95rem);
  --font-size-2xl: clamp(1.73rem, calc(1.47rem + 1.05vw), 2.44rem);
  --font-size-3xl: clamp(2.07rem, calc(1.76rem + 1.45vw), 3.05rem);
  --font-size-4xl: clamp(2.49rem, calc(2.12rem + 1.97vw), 3.82rem);
  --font-size-5xl: clamp(2.99rem, calc(2.54rem + 2.63vw), 4.77rem);
  --font-size-6xl: clamp(3.59rem, calc(3.08rem + 3.47vw), 5.96rem);
  --font-size-7xl: clamp(4.31rem, calc(3.74rem + 4.58vw), 7.45rem);
  --font-size-8xl: clamp(5.17rem, calc(4.51rem + 6.05vw), 9.31rem);
  --font-size-9xl: clamp(6.2rem, calc(5.45rem + 7.98vw), 11.64rem);
  --leading-tight: 20px;
  --leading-snug: 22px;
  --leading-normal: 24px;
  --leading-relaxed: 26px;
  --leading-loose: 32px;
  --tracking-tightest: -0.1em;
  --tracking-extra-tight: -0.075em;
  --tracking-tighter: -0.05em;
  --tracking-tight: -0.025em;
  --tracking-normal: 0em;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
  --tracking-extra-wide: 0.15em;
  --tracking-ultra-wide: 0.2em;
  --w-full: 100%;
  --w-auto: auto;
  --w-px: 1px;
  --w-1-2: 50%;
  --w-1-3: 33.333%;
  --w-2-3: 66.666%;
  --w-1-4: 25%;
  --w-3-4: 75%;
  --w-screen: 100vw;
  --w-3xs: 16rem;
  --w-2xs: 18rem;
  --w-xs: 20rem;
  --w-sm: 24rem;
  --w-md: 28rem;
  --w-lg: 32rem;
  --w-xl: 36rem;
  --w-2xl: 42rem;
  --w-3xl: 48rem;
  --w-4xl: 56rem;
  --w-5xl: 64rem;
  --w-6xl: 72rem;
  --w-7xl: 80rem;
  --min-w-full: 100%;
  --min-w-auto: auto;
  --min-w-px: 1px;
  --min-w-1-2: 50%;
  --min-w-1-3: 33.333%;
  --min-w-2-3: 66.666%;
  --min-w-1-4: 25%;
  --min-w-3-4: 75%;
  --min-w-screen: 100vw;
  --min-w-3xs: 16rem;
  --min-w-2xs: 18rem;
  --min-w-xs: 20rem;
  --min-w-sm: 24rem;
  --min-w-md: 28rem;
  --min-w-lg: 32rem;
  --min-w-xl: 36rem;
  --min-w-2xl: 42rem;
  --min-w-3xl: 48rem;
  --min-w-4xl: 56rem;
  --min-w-5xl: 64rem;
  --min-w-6xl: 72rem;
  --min-w-7xl: 80rem;
  --max-w-full: 100%;
  --max-w-auto: none;
  --max-w-px: 1px;
  --max-w-1-2: 50%;
  --max-w-1-3: 33.333%;
  --max-w-2-3: 66.666%;
  --max-w-1-4: 25%;
  --max-w-3-4: 75%;
  --max-w-screen: 100vw;
  --max-w-3xs: 16rem;
  --max-w-2xs: 18rem;
  --max-w-xs: 20rem;
  --max-w-sm: 24rem;
  --max-w-md: 28rem;
  --max-w-lg: 32rem;
  --max-w-xl: 36rem;
  --max-w-2xl: 42rem;
  --max-w-3xl: 48rem;
  --max-w-4xl: 56rem;
  --max-w-5xl: 64rem;
  --max-w-6xl: 72rem;
  --max-w-7xl: 80rem;
  --max-w-full: 100%;
  --h-full: 100%;
  --h-auto: auto;
  --h-screen: 100vh;
  --h-px: 1px;
  --h-3xs: 16rem;
  --h-2xs: 18rem;
  --h-xs: 20rem;
  --h-sm: 24rem;
  --h-md: 28rem;
  --h-lg: 32rem;
  --h-xl: 36rem;
  --h-2xl: 42rem;
  --h-3xl: 48rem;
  --h-4xl: 56rem;
  --h-5xl: 64rem;
  --h-6xl: 72rem;
  --h-7xl: 80rem;
  --h-1-2: 50%;
  --h-1-3: 33.333%;
  --h-2-3: 66.666%;
  --h-1-4: 25%;
  --h-3-4: 75%;
  --min-h-screen: 100vh;
  --min-h-full: 100%;
  --min-h-auto: auto;
  --min-h-px: 1px;
  --min-h-3xs: 16rem;
  --min-h-2xs: 18rem;
  --min-h-xs: 20rem;
  --min-h-sm: 24rem;
  --min-h-md: 28rem;
  --min-h-lg: 32rem;
  --min-h-xl: 36rem;
  --min-h-2xl: 42rem;
  --min-h-3xl: 48rem;
  --min-h-4xl: 56rem;
  --min-h-5xl: 64rem;
  --min-h-6xl: 72rem;
  --min-h-7xl: 80rem;
  --min-h-1-2: 50%;
  --min-h-1-3: 33.333%;
  --min-h-2-3: 66.666%;
  --min-h-1-4: 25%;
  --min-h-3-4: 75%;
  --max-h-full: 100%;
  --max-h-auto: none;
  --max-h-screen: 100vh;
  --max-h-px: 1px;
  --max-h-3xs: 16rem;
  --max-h-2xs: 18rem;
  --max-h-xs: 20rem;
  --max-h-sm: 24rem;
  --max-h-md: 28rem;
  --max-h-lg: 32rem;
  --max-h-xl: 36rem;
  --max-h-2xl: 42rem;
  --max-h-3xl: 48rem;
  --max-h-4xl: 56rem;
  --max-h-5xl: 64rem;
  --max-h-6xl: 72rem;
  --max-h-7xl: 80rem;
  --max-h-1-2: 50%;
  --max-h-1-3: 33.333%;
  --max-h-2-3: 66.666%;
  --max-h-1-4: 25%;
  --max-h-3-4: 75%;
  --basis-auto: auto;
  --basis-full: 100%;
  --basis-0: 0px;
  --basis-px: 1px;
  --basis-1-2: 50%;
  --basis-1-3: 33.333%;
  --basis-2-3: 66.666%;
  --basis-1-4: 25%;
  --basis-3-4: 75%;
  --border-0: 0px;
  --border-1: clamp(0.0625rem, calc(0.053rem + 0.023vw), 0.078rem);
  --border-2: clamp(0.125rem, calc(0.107rem + 0.046vw), 0.156rem);
  --border-4: clamp(0.25rem, calc(0.21rem + 0.09vw), 0.31rem);
  --border-8: clamp(0.5rem, calc(0.43rem + 0.18vw), 0.63rem);
  --border-10: clamp(0.625rem, calc(0.53rem + 0.22vw), 0.78rem);
  --border-15: clamp(0.94rem, calc(0.8rem + 0.33vw), 1.17rem);
  --border-20: clamp(1.25rem, calc(1.07rem + 0.44vw), 1.56rem);
  --rounded-none: 0px;
  --rounded-sm: 4px;
  --rounded: 6px;
  --rounded-lg: 8px;
  --rounded-xl: 12px;
  --rounded-2xl: 16px;
  --rounded-full: 9999px;
  --border-radius-sm: clamp(0.25rem, calc(0.21rem + 0.09vw), 0.31rem);
  --border-radius-md: clamp(0.5rem, calc(0.43rem + 0.18vw), 0.63rem);
  --border-radius-lg: clamp(0.75rem, calc(0.64rem + 0.27vw), 0.94rem);
  --shadow-sm-x: 0px;
  --shadow-sm-y: 1px;
  --shadow-sm-blur: 2px;
  --shadow-sm-spread: 0px;
  --shadow-sm-color: rgba(17, 24, 39, 0.18);
  --shadow-md-x: 0px;
  --shadow-md-y: 6px;
  --shadow-md-blur: 12px;
  --shadow-md-spread: -2px;
  --shadow-md-color: rgba(17, 24, 39, 0.22);
  --shadow-lg-x: 0px;
  --shadow-lg-y: 12px;
  --shadow-lg-blur: 24px;
  --shadow-lg-spread: -6px;
  --shadow-lg-color: rgba(17, 24, 39, 0.24);
  --shadow-xl-x: 0px;
  --shadow-xl-y: 20px;
  --shadow-xl-blur: 38px;
  --shadow-xl-spread: -10px;
  --shadow-xl-color: rgba(17, 24, 39, 0.26);
  --shadow-panel-x: 0px;
  --shadow-panel-y: 28px;
  --shadow-panel-blur: 56px;
  --shadow-panel-spread: -14px;
  --shadow-panel-color: rgba(17, 24, 39, 0.28);
  --shadow-primary-color: rgba(7, 64, 249, 0.26);
  --shadow-secondary-color: rgba(170, 235, 253, 0.46);
  --shadow-neutral-color: rgba(107, 114, 128, 0.28);
  --shadow-success-color: rgba(61, 193, 60, 0.26);
  --shadow-warning-color: rgba(244, 187, 27, 0.3);
  --shadow-error-color: rgba(241, 55, 55, 0.26);
  --inset-shadow-sm-x: 0px;
  --inset-shadow-sm-y: 1px;
  --inset-shadow-sm-blur: 2px;
  --inset-shadow-sm-spread: 0px;
  --inset-shadow-sm-color: rgba(17, 24, 39, 0.16);
  --inset-shadow-md-x: 0px;
  --inset-shadow-md-y: 2px;
  --inset-shadow-md-blur: 6px;
  --inset-shadow-md-spread: 0px;
  --inset-shadow-md-color: rgba(17, 24, 39, 0.18);
  --inset-shadow-lg-x: 0px;
  --inset-shadow-lg-y: 4px;
  --inset-shadow-lg-blur: 10px;
  --inset-shadow-lg-spread: 1px;
  --inset-shadow-lg-color: rgba(17, 24, 39, 0.2);
  --inset-shadow-xl-x: 0px;
  --inset-shadow-xl-y: 8px;
  --inset-shadow-xl-blur: 18px;
  --inset-shadow-xl-spread: 2px;
  --inset-shadow-xl-color: rgba(17, 24, 39, 0.22);
  --inset-shadow-primary-color: rgba(7, 64, 249, 0.22);
  --inset-shadow-secondary-color: rgba(170, 235, 253, 0.38);
  --inset-shadow-neutral-color: rgba(107, 114, 128, 0.24);
  --inset-shadow-success-color: rgba(61, 193, 60, 0.22);
  --inset-shadow-warning-color: rgba(244, 187, 27, 0.26);
  --inset-shadow-error-color: rgba(241, 55, 55, 0.22);
  --filter-blur-sm: 4px;
  --filter-blur: 8px;
  --filter-blur-md: 12px;
  --filter-blur-lg: 16px;
  --filter-blur-xl: 24px;
  --filter-intensity-0: 0%;
  --filter-intensity-50: 50%;
  --filter-intensity-75: 75%;
  --filter-intensity-90: 90%;
  --filter-intensity-100: 100%;
  --filter-intensity-110: 110%;
  --filter-intensity-125: 125%;
  --filter-intensity-150: 150%;
  --filter-intensity-200: 200%;
  --filter-hue-15: 15deg;
  --filter-hue-30: 30deg;
  --filter-hue-60: 60deg;
  --filter-hue-90: 90deg;
  --filter-hue-180: 180deg;
}

/* TYPOGRAPHY - Size */
.text-2xs { font-size: var(--font-size-2xs); }
.text-xs { font-size: var(--font-size-xs); }
.text-sm { font-size: var(--font-size-sm); }
.text-base { font-size: var(--font-size-base); }
.text-lg { font-size: var(--font-size-lg); }
.text-xl { font-size: var(--font-size-xl); }
.text-2xl { font-size: var(--font-size-2xl); }
.text-3xl { font-size: var(--font-size-3xl); }
.text-4xl { font-size: var(--font-size-4xl); }
.text-5xl { font-size: var(--font-size-5xl); }
.text-6xl { font-size: var(--font-size-6xl); }
.text-7xl { font-size: var(--font-size-7xl); }
.text-8xl { font-size: var(--font-size-8xl); }
.text-9xl { font-size: var(--font-size-9xl); }

/* TYPOGRAPHY - Font Weight */
.font-thin { font-weight: 100; }
.font-extralight { font-weight: 200; }
.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }
.font-black { font-weight: 900; }

/* TYPOGRAPHY - Line Height */
.leading-tight { line-height: var(--leading-tight); }
.leading-snug { line-height: var(--leading-snug); }
.leading-normal { line-height: var(--leading-normal); }
.leading-relaxed { line-height: var(--leading-relaxed); }
.leading-loose { line-height: var(--leading-loose); }

/* TYPOGRAPHY - Text Alignment */
.text-start { text-align: start; }
.text-center { text-align: center; }
.text-end { text-align: end; }

/* TYPOGRAPHY - Text Transform */
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }

/* TYPOGRAPHY - Text Decoration */
.underline { text-decoration: underline; }
.no-underline { text-decoration: none; }

/* TYPOGRAPHY - Font Style */
.italic { font-style: italic; }

/* TYPOGRAPHY - Letter Spacing */
.tracking-tightest { letter-spacing: var(--tracking-tightest); }
.tracking-extra-tight { letter-spacing: var(--tracking-extra-tight); }
.tracking-tighter { letter-spacing: var(--tracking-tighter); }
.tracking-tight { letter-spacing: var(--tracking-tight); }
.tracking-normal { letter-spacing: var(--tracking-normal); }
.tracking-wide { letter-spacing: var(--tracking-wide); }
.tracking-wider { letter-spacing: var(--tracking-wider); }
.tracking-widest { letter-spacing: var(--tracking-widest); }
.tracking-extra-wide { letter-spacing: var(--tracking-extra-wide); }
.tracking-ultra-wide { letter-spacing: var(--tracking-ultra-wide); }

/* DISPLAY */
.block { display: block; }
.inline-block { display: inline-block; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.hidden { display: none; }

/* OVERFLOW */
.overflow-hidden { overflow: hidden; }
.overflow-auto { overflow: auto; }
.overflow-visible { overflow: visible; }

/* OBJECT FIT */
.object-cover { object-fit: cover; }
.object-contain { object-fit: contain; }
.object-fill { object-fit: fill; }
.object-none { object-fit: none; }
.object-scale-down { object-fit: scale-down; }

/* ASPECT RATIO */
.aspect-square { aspect-ratio: 1 / 1; }
.aspect-video { aspect-ratio: 16 / 9; }
.aspect-auto { aspect-ratio: auto; }

/* MARGIN LEFT */
.margin-left-0 { margin-left: var(--space-0); }
.margin-left-auto { margin-left: var(--space-auto); }

/* MARGIN RIGHT */
.margin-right-0 { margin-right: var(--space-0); }
.margin-right-auto { margin-right: var(--space-auto); }

/* MARGIN AXIS AUTO */
.margin-horizontal-0 { margin-left: var(--space-0); margin-right: var(--space-0); }
.margin-vertical-0 { margin-top: var(--space-0); margin-bottom: var(--space-0); }
.margin-horizontal-auto { margin-left: var(--space-auto); margin-right: var(--space-auto); }
.margin-vertical-auto { margin-top: var(--space-auto); margin-bottom: var(--space-auto); }

/* MARGIN HORIZONTAL */
.margin-horizontal-1 { margin-left: var(--space-1); margin-right: var(--space-1); }
.margin-horizontal-2 { margin-left: var(--space-2); margin-right: var(--space-2); }
.margin-horizontal-3 { margin-left: var(--space-3); margin-right: var(--space-3); }
.margin-horizontal-4 { margin-left: var(--space-4); margin-right: var(--space-4); }
.margin-horizontal-6 { margin-left: var(--space-6); margin-right: var(--space-6); }
.margin-horizontal-8 { margin-left: var(--space-8); margin-right: var(--space-8); }
.margin-horizontal-12 { margin-left: var(--space-12); margin-right: var(--space-12); }
.margin-horizontal-px { margin-left: var(--space-px); margin-right: var(--space-px); }

/* MARGIN VERTICAL */
.margin-vertical-1 { margin-top: var(--space-1); margin-bottom: var(--space-1); }
.margin-vertical-2 { margin-top: var(--space-2); margin-bottom: var(--space-2); }
.margin-vertical-3 { margin-top: var(--space-3); margin-bottom: var(--space-3); }
.margin-vertical-4 { margin-top: var(--space-4); margin-bottom: var(--space-4); }
.margin-vertical-6 { margin-top: var(--space-6); margin-bottom: var(--space-6); }
.margin-vertical-8 { margin-top: var(--space-8); margin-bottom: var(--space-8); }
.margin-vertical-12 { margin-top: var(--space-12); margin-bottom: var(--space-12); }
.margin-vertical-px { margin-top: var(--space-px); margin-bottom: var(--space-px); }

/* MARGIN LEFT */
.margin-left-1 { margin-left: var(--space-1); }
.margin-left-2 { margin-left: var(--space-2); }
.margin-left-3 { margin-left: var(--space-3); }
.margin-left-4 { margin-left: var(--space-4); }
.margin-left-6 { margin-left: var(--space-6); }
.margin-left-8 { margin-left: var(--space-8); }
.margin-left-12 { margin-left: var(--space-12); }
.margin-left-px { margin-left: var(--space-px); }

/* MARGIN RIGHT */
.margin-right-1 { margin-right: var(--space-1); }
.margin-right-2 { margin-right: var(--space-2); }
.margin-right-3 { margin-right: var(--space-3); }
.margin-right-4 { margin-right: var(--space-4); }
.margin-right-6 { margin-right: var(--space-6); }
.margin-right-8 { margin-right: var(--space-8); }
.margin-right-12 { margin-right: var(--space-12); }
.margin-right-px { margin-right: var(--space-px); }

/* MARGIN */
.margin-0 { margin: var(--space-0); }
.margin-1 { margin: var(--space-1); }
.margin-2 { margin: var(--space-2); }
.margin-3 { margin: var(--space-3); }
.margin-4 { margin: var(--space-4); }
.margin-6 { margin: var(--space-6); }
.margin-8 { margin: var(--space-8); }
.margin-12 { margin: var(--space-12); }
.margin-px { margin: var(--space-px); }
.margin-auto { margin: var(--space-auto); }

/* MARGIN TOP */
.margin-top-0 { margin-top: var(--space-0); }
.margin-top-auto { margin-top: var(--space-auto); }
.margin-top-1 { margin-top: var(--space-1); }
.margin-top-2 { margin-top: var(--space-2); }
.margin-top-3 { margin-top: var(--space-3); }
.margin-top-4 { margin-top: var(--space-4); }
.margin-top-6 { margin-top: var(--space-6); }
.margin-top-8 { margin-top: var(--space-8); }
.margin-top-12 { margin-top: var(--space-12); }
.margin-top-px { margin-top: var(--space-px); }

/* MARGIN BOTTOM */
.margin-bottom-0 { margin-bottom: var(--space-0); }
.margin-bottom-auto { margin-bottom: var(--space-auto); }
.margin-bottom-1 { margin-bottom: var(--space-1); }
.margin-bottom-2 { margin-bottom: var(--space-2); }
.margin-bottom-3 { margin-bottom: var(--space-3); }
.margin-bottom-4 { margin-bottom: var(--space-4); }
.margin-bottom-6 { margin-bottom: var(--space-6); }
.margin-bottom-8 { margin-bottom: var(--space-8); }
.margin-bottom-12 { margin-bottom: var(--space-12); }
.margin-bottom-px { margin-bottom: var(--space-px); }

/* PADDING */
.padding-0 { padding: var(--space-0); }
.padding-1 { padding: var(--space-1); }
.padding-2 { padding: var(--space-2); }
.padding-3 { padding: var(--space-3); }
.padding-4 { padding: var(--space-4); }
.padding-6 { padding: var(--space-6); }
.padding-8 { padding: var(--space-8); }
.padding-12 { padding: var(--space-12); }
.padding-px { padding: var(--space-px); }

/* PADDING TOP */
.padding-top-0 { padding-top: var(--space-0); }
.padding-top-1 { padding-top: var(--space-1); }
.padding-top-2 { padding-top: var(--space-2); }
.padding-top-3 { padding-top: var(--space-3); }
.padding-top-4 { padding-top: var(--space-4); }
.padding-top-6 { padding-top: var(--space-6); }
.padding-top-8 { padding-top: var(--space-8); }
.padding-top-12 { padding-top: var(--space-12); }
.padding-top-px { padding-top: var(--space-px); }

/* PADDING BOTTOM */
.padding-bottom-0 { padding-bottom: var(--space-0); }
.padding-bottom-1 { padding-bottom: var(--space-1); }
.padding-bottom-2 { padding-bottom: var(--space-2); }
.padding-bottom-3 { padding-bottom: var(--space-3); }
.padding-bottom-4 { padding-bottom: var(--space-4); }
.padding-bottom-6 { padding-bottom: var(--space-6); }
.padding-bottom-8 { padding-bottom: var(--space-8); }
.padding-bottom-12 { padding-bottom: var(--space-12); }
.padding-bottom-px { padding-bottom: var(--space-px); }

/* PADDING HORIZONTAL */
.padding-h-80-24 { padding-left: var(---space-80-24); padding-right: var(--space-80-24); }
.padding-horizontal-0 { padding-left: var(--space-0); padding-right: var(--space-0); }
.padding-horizontal-1 { padding-left: var(--space-1); padding-right: var(--space-1); }
.padding-horizontal-2 { padding-left: var(--space-2); padding-right: var(--space-2); }
.padding-horizontal-3 { padding-left: var(--space-3); padding-right: var(--space-3); }
.padding-horizontal-4 { padding-left: var(--space-4); padding-right: var(--space-4); }
.padding-horizontal-6 { padding-left: var(--space-6); padding-right: var(--space-6); }
.padding-horizontal-8 { padding-left: var(--space-8); padding-right: var(--space-8); }
.padding-horizontal-12 { padding-left: var(--space-12); padding-right: var(--space-12); }
.padding-horizontal-px { padding-left: var(--space-px); padding-right: var(--space-px); }

/* PADDING VERTICAL */
.padding-v-120-80 { padding-top: var(--space-120-80); padding-bottom: var(--space-120-80); }
.padding-v-200-140 { padding-top: var(--space-200-140); padding-bottom: var(--space-200-140); }
.padding-vertical-0 { padding-top: var(--space-0); padding-bottom: var(--space-0); }
.padding-vertical-1 { padding-top: var(--space-1); padding-bottom: var(--space-1); }
.padding-vertical-2 { padding-top: var(--space-2); padding-bottom: var(--space-2); }
.padding-vertical-3 { padding-top: var(--space-3); padding-bottom: var(--space-3); }
.padding-vertical-4 { padding-top: var(--space-4); padding-bottom: var(--space-4); }
.padding-vertical-6 { padding-top: var(--space-6); padding-bottom: var(--space-6); }
.padding-vertical-8 { padding-top: var(--space-8); padding-bottom: var(--space-8); }
.padding-vertical-12 { padding-top: var(--space-12); padding-bottom: var(--space-12); }
.padding-vertical-px { padding-top: var(--space-px); padding-bottom: var(--space-px); }

/* WIDTH */
.width-full { width: var(--w-full); }
.width-auto { width: var(--w-auto); }
.width-px { width: var(--w-px); }
.width-1-2 { width: var(--w-1-2); }
.width-1-3 { width: var(--w-1-3); }
.width-2-3 { width: var(--w-2-3); }
.width-1-4 { width: var(--w-1-4); }
.width-3-4 { width: var(--w-3-4); }
.width-screen { width: var(--w-screen); }
.width-3xs { width: var(--w-3xs); }
.width-2xs { width: var(--w-2xs); }
.width-xs { width: var(--w-xs); }
.width-sm { width: var(--w-sm); }
.width-md { width: var(--w-md); }
.width-lg { width: var(--w-lg); }
.width-xl { width: var(--w-xl); }
.width-2xl { width: var(--w-2xl); }
.width-3xl { width: var(--w-3xl); }
.width-4xl { width: var(--w-4xl); }
.width-5xl { width: var(--w-5xl); }
.width-6xl { width: var(--w-6xl); }
.width-7xl { width: var(--w-7xl); }

/* MIN WIDTH */
.minimum-width-full { min-width: var(--min-w-full); }
.minimum-width-auto { min-width: var(--min-w-auto); }
.minimum-width-px { min-width: var(--min-w-px); }
.minimum-width-1-2 { min-width: var(--min-w-1-2); }
.minimum-width-1-3 { min-width: var(--min-w-1-3); }
.minimum-width-2-3 { min-width: var(--min-w-2-3); }
.minimum-width-1-4 { min-width: var(--min-w-1-4); }
.minimum-width-3-4 { min-width: var(--min-w-3-4); }
.minimum-width-screen { min-width: var(--min-w-screen); }
.minimum-width-3xs { min-width: var(--min-w-3xs); }
.minimum-width-2xs { min-width: var(--min-w-2xs); }
.minimum-width-xs { min-width: var(--min-w-xs); }
.minimum-width-sm { min-width: var(--min-w-sm); }
.minimum-width-md { min-width: var(--min-w-md); }
.minimum-width-lg { min-width: var(--min-w-lg); }
.minimum-width-xl { min-width: var(--min-w-xl); }
.minimum-width-2xl { min-width: var(--min-w-2xl); }
.minimum-width-3xl { min-width: var(--min-w-3xl); }
.minimum-width-4xl { min-width: var(--min-w-4xl); }
.minimum-width-5xl { min-width: var(--min-w-5xl); }
.minimum-width-6xl { min-width: var(--min-w-6xl); }
.minimum-width-7xl { min-width: var(--min-w-7xl); }

/* MAX WIDTH */
.maximum-width-auto { max-width: var(--max-w-auto); }
.maximum-width-px { max-width: var(--max-w-px); }
.maximum-width-1-2 { max-width: var(--max-w-1-2); }
.maximum-width-1-3 { max-width: var(--max-w-1-3); }
.maximum-width-2-3 { max-width: var(--max-w-2-3); }
.maximum-width-1-4 { max-width: var(--max-w-1-4); }
.maximum-width-3-4 { max-width: var(--max-w-3-4); }
.maximum-width-screen { max-width: var(--max-w-screen); }
.maximum-width-3xs { max-width: var(--max-w-3xs); }
.maximum-width-2xs { max-width: var(--max-w-2xs); }
.maximum-width-xs { max-width: var(--max-w-xs); }
.maximum-width-sm { max-width: var(--max-w-sm); }
.maximum-width-md { max-width: var(--max-w-md); }
.maximum-width-lg { max-width: var(--max-w-lg); }
.maximum-width-xl { max-width: var(--max-w-xl); }
.maximum-width-2xl { max-width: var(--max-w-2xl); }
.maximum-width-3xl { max-width: var(--max-w-3xl); }
.maximum-width-4xl { max-width: var(--max-w-4xl); }
.maximum-width-5xl { max-width: var(--max-w-5xl); }
.maximum-width-6xl { max-width: var(--max-w-6xl); }
.maximum-width-7xl { max-width: var(--max-w-7xl); }
.maximum-width-full { max-width: var(--max-w-full); }

/* HEIGHT */
.height-full { height: var(--h-full); }
.height-auto { height: var(--h-auto); }
.height-screen { height: var(--h-screen); }
.height-px { height: var(--h-px); }
.height-3xs { height: var(--h-3xs); }
.height-2xs { height: var(--h-2xs); }
.height-xs { height: var(--h-xs); }
.height-sm { height: var(--h-sm); }
.height-md { height: var(--h-md); }
.height-lg { height: var(--h-lg); }
.height-xl { height: var(--h-xl); }
.height-2xl { height: var(--h-2xl); }
.height-3xl { height: var(--h-3xl); }
.height-4xl { height: var(--h-4xl); }
.height-5xl { height: var(--h-5xl); }
.height-6xl { height: var(--h-6xl); }
.height-7xl { height: var(--h-7xl); }
.height-1-2 { height: var(--h-1-2); }
.height-1-3 { height: var(--h-1-3); }
.height-2-3 { height: var(--h-2-3); }
.height-1-4 { height: var(--h-1-4); }
.height-3-4 { height: var(--h-3-4); }

/* MIN HEIGHT */
.minimum-height-auto { min-height: var(--min-h-auto); }
.minimum-height-screen { min-height: var(--min-h-screen); }
.minimum-height-full { min-height: var(--min-h-full); }
.minimum-height-px { min-height: var(--min-h-px); }
.minimum-height-3xs { min-height: var(--min-h-3xs); }
.minimum-height-2xs { min-height: var(--min-h-2xs); }
.minimum-height-xs { min-height: var(--min-h-xs); }
.minimum-height-sm { min-height: var(--min-h-sm); }
.minimum-height-md { min-height: var(--min-h-md); }
.minimum-height-lg { min-height: var(--min-h-lg); }
.minimum-height-xl { min-height: var(--min-h-xl); }
.minimum-height-2xl { min-height: var(--min-h-2xl); }
.minimum-height-3xl { min-height: var(--min-h-3xl); }
.minimum-height-4xl { min-height: var(--min-h-4xl); }
.minimum-height-5xl { min-height: var(--min-h-5xl); }
.minimum-height-6xl { min-height: var(--min-h-6xl); }
.minimum-height-7xl { min-height: var(--min-h-7xl); }
.minimum-height-1-2 { min-height: var(--min-h-1-2); }
.minimum-height-1-3 { min-height: var(--min-h-1-3); }
.minimum-height-2-3 { min-height: var(--min-h-2-3); }
.minimum-height-1-4 { min-height: var(--min-h-1-4); }
.minimum-height-3-4 { min-height: var(--min-h-3-4); }

/* MAX HEIGHT */
.maximum-height-full { max-height: var(--max-h-full); }
.maximum-height-auto { max-height: var(--max-h-auto); }
.maximum-height-screen { max-height: var(--max-h-screen); }
.maximum-height-px { max-height: var(--max-h-px); }
.maximum-height-3xs { max-height: var(--max-h-3xs); }
.maximum-height-2xs { max-height: var(--max-h-2xs); }
.maximum-height-xs { max-height: var(--max-h-xs); }
.maximum-height-sm { max-height: var(--max-h-sm); }
.maximum-height-md { max-height: var(--max-h-md); }
.maximum-height-lg { max-height: var(--max-h-lg); }
.maximum-height-xl { max-height: var(--max-h-xl); }
.maximum-height-2xl { max-height: var(--max-h-2xl); }
.maximum-height-3xl { max-height: var(--max-h-3xl); }
.maximum-height-4xl { max-height: var(--max-h-4xl); }
.maximum-height-5xl { max-height: var(--max-h-5xl); }
.maximum-height-6xl { max-height: var(--max-h-6xl); }
.maximum-height-7xl { max-height: var(--max-h-7xl); }
.maximum-height-1-2 { max-height: var(--max-h-1-2); }
.maximum-height-1-3 { max-height: var(--max-h-1-3); }
.maximum-height-2-3 { max-height: var(--max-h-2-3); }
.maximum-height-1-4 { max-height: var(--max-h-1-4); }
.maximum-height-3-4 { max-height: var(--max-h-3-4); }

/* TEXT COLORS */
.text-white { color: var(--color-white); }
.text-black { color: var(--color-black); }
.text-gray-dark { color: var(--color-gray-dark); }
.text-gray { color: var(--color-gray); }
.text-gray-light { color: var(--color-text-gray-light); }
.text-primary-l-5 { color: var(--color-primary-l-5); }
.text-primary-l-4 { color: var(--color-primary-l-4); }
.text-primary-l-3 { color: var(--color-primary-l-3); }
.text-primary-l-2 { color: var(--color-primary-l-2); }
.text-primary-l-1 { color: var(--color-primary-l-1); }
.text-primary { color: var(--color-primary); }
.text-primary-d-1 { color: var(--color-primary-d-1); }
.text-primary-d-2 { color: var(--color-primary-d-2); }
.text-primary-d-3 { color: var(--color-primary-d-3); }
.text-primary-d-4 { color: var(--color-primary-d-4); }
.text-primary-d-5 { color: var(--color-primary-d-5); }
.text-secondary-l-5 { color: var(--color-secondary-l-5); }
.text-secondary-l-4 { color: var(--color-secondary-l-4); }
.text-secondary-l-3 { color: var(--color-secondary-l-3); }
.text-secondary-l-2 { color: var(--color-secondary-l-2); }
.text-secondary-l-1 { color: var(--color-secondary-l-1); }
.text-secondary { color: var(--color-secondary); }
.text-secondary-d-1 { color: var(--color-secondary-d-1); }
.text-secondary-d-2 { color: var(--color-secondary-d-2); }
.text-secondary-d-3 { color: var(--color-secondary-d-3); }
.text-secondary-d-4 { color: var(--color-secondary-d-4); }
.text-secondary-d-5 { color: var(--color-secondary-d-5); }
.text-neutral-l-5 { color: var(--color-neutral-l-5); }
.text-neutral-l-4 { color: var(--color-neutral-l-4); }
.text-neutral-l-3 { color: var(--color-neutral-l-3); }
.text-neutral-l-2 { color: var(--color-neutral-l-2); }
.text-neutral-l-1 { color: var(--color-neutral-l-1); }
.text-neutral { color: var(--color-neutral); }
.text-neutral-d-1 { color: var(--color-neutral-d-1); }
.text-neutral-d-2 { color: var(--color-neutral-d-2); }
.text-neutral-d-3 { color: var(--color-neutral-d-3); }
.text-neutral-d-4 { color: var(--color-neutral-d-4); }
.text-neutral-d-5 { color: var(--color-neutral-d-5); }
.text-success-l-5 { color: var(--color-success-l-5); }
.text-success-l-4 { color: var(--color-success-l-4); }
.text-success-l-3 { color: var(--color-success-l-3); }
.text-success-l-2 { color: var(--color-success-l-2); }
.text-success-l-1 { color: var(--color-success-l-1); }
.text-success { color: var(--color-success); }
.text-success-d-1 { color: var(--color-success-d-1); }
.text-success-d-2 { color: var(--color-success-d-2); }
.text-success-d-3 { color: var(--color-success-d-3); }
.text-success-d-4 { color: var(--color-success-d-4); }
.text-success-d-5 { color: var(--color-success-d-5); }
.text-warning-l-5 { color: var(--color-warning-l-5); }
.text-warning-l-4 { color: var(--color-warning-l-4); }
.text-warning-l-3 { color: var(--color-warning-l-3); }
.text-warning-l-2 { color: var(--color-warning-l-2); }
.text-warning-l-1 { color: var(--color-warning-l-1); }
.text-warning { color: var(--color-warning); }
.text-warning-d-1 { color: var(--color-warning-d-1); }
.text-warning-d-2 { color: var(--color-warning-d-2); }
.text-warning-d-3 { color: var(--color-warning-d-3); }
.text-warning-d-4 { color: var(--color-warning-d-4); }
.text-warning-d-5 { color: var(--color-warning-d-5); }
.text-error-l-5 { color: var(--color-error-l-5); }
.text-error-l-4 { color: var(--color-error-l-4); }
.text-error-l-3 { color: var(--color-error-l-3); }
.text-error-l-2 { color: var(--color-error-l-2); }
.text-error-l-1 { color: var(--color-error-l-1); }
.text-error { color: var(--color-error); }
.text-error-d-1 { color: var(--color-error-d-1); }
.text-error-d-2 { color: var(--color-error-d-2); }
.text-error-d-3 { color: var(--color-error-d-3); }
.text-error-d-4 { color: var(--color-error-d-4); }
.text-error-d-5 { color: var(--color-error-d-5); }

/* BACKGROUND COLORS */
.background-white { background-color: var(--color-white); }
.background-black { background-color: var(--color-black); }
.background-gray-dark { background-color: var(--color-gray-dark); }
.background-gray { background-color: var(--color-gray); }
.background-gray-light { background-color: var(--color-bg-gray-light); }
.background-primary-l-5 { background-color: var(--color-primary-l-5); }
.background-primary-l-4 { background-color: var(--color-primary-l-4); }
.background-primary-l-3 { background-color: var(--color-primary-l-3); }
.background-primary-l-2 { background-color: var(--color-primary-l-2); }
.background-primary-l-1 { background-color: var(--color-primary-l-1); }
.background-primary { background-color: var(--color-primary); }
.background-primary-d-1 { background-color: var(--color-primary-d-1); }
.background-primary-d-2 { background-color: var(--color-primary-d-2); }
.background-primary-d-3 { background-color: var(--color-primary-d-3); }
.background-primary-d-4 { background-color: var(--color-primary-d-4); }
.background-primary-d-5 { background-color: var(--color-primary-d-5); }
.background-secondary-l-5 { background-color: var(--color-secondary-l-5); }
.background-secondary-l-4 { background-color: var(--color-secondary-l-4); }
.background-secondary-l-3 { background-color: var(--color-secondary-l-3); }
.background-secondary-l-2 { background-color: var(--color-secondary-l-2); }
.background-secondary-l-1 { background-color: var(--color-secondary-l-1); }
.background-secondary { background-color: var(--color-secondary); }
.background-secondary-d-1 { background-color: var(--color-secondary-d-1); }
.background-secondary-d-2 { background-color: var(--color-secondary-d-2); }
.background-secondary-d-3 { background-color: var(--color-secondary-d-3); }
.background-secondary-d-4 { background-color: var(--color-secondary-d-4); }
.background-secondary-d-5 { background-color: var(--color-secondary-d-5); }
.background-tertiary-l-5 { background-color: var(--color-tertiary-l-5); }
.background-tertiary-l-4 { background-color: var(--color-tertiary-l-4); }
.background-tertiary-l-3 { background-color: var(--color-tertiary-l-3); }
.background-tertiary-l-2 { background-color: var(--color-tertiary-l-2); }
.background-tertiary-l-1 { background-color: var(--color-tertiary-l-1); }
.background-tertiary { background-color: var(--color-tertiary); }
.background-tertiary-d-1 { background-color: var(--color-tertiary-d-1); }
.background-tertiary-d-2 { background-color: var(--color-tertiary-d-2); }
.background-tertiary-d-3 { background-color: var(--color-tertiary-d-3); }
.background-tertiary-d-4 { background-color: var(--color-tertiary-d-4); }
.background-tertiary-d-5 { background-color: var(--color-tertiary-d-5); }
.background-neutral-l-5 { background-color: var(--color-neutral-l-5); }
.background-neutral-l-4 { background-color: var(--color-neutral-l-4); }
.background-neutral-l-3 { background-color: var(--color-neutral-l-3); }
.background-neutral-l-2 { background-color: var(--color-neutral-l-2); }
.background-neutral-l-1 { background-color: var(--color-neutral-l-1); }
.background-neutral { background-color: var(--color-neutral); }
.background-neutral-d-1 { background-color: var(--color-neutral-d-1); }
.background-neutral-d-2 { background-color: var(--color-neutral-d-2); }
.background-neutral-d-3 { background-color: var(--color-neutral-d-3); }
.background-neutral-d-4 { background-color: var(--color-neutral-d-4); }
.background-neutral-d-5 { background-color: var(--color-neutral-d-5); }
.background-success-l-5 { background-color: var(--color-success-l-5); }
.background-success-l-4 { background-color: var(--color-success-l-4); }
.background-success-l-3 { background-color: var(--color-success-l-3); }
.background-success-l-2 { background-color: var(--color-success-l-2); }
.background-success-l-1 { background-color: var(--color-success-l-1); }
.background-success { background-color: var(--color-success); }
.background-success-d-1 { background-color: var(--color-success-d-1); }
.background-success-d-2 { background-color: var(--color-success-d-2); }
.background-success-d-3 { background-color: var(--color-success-d-3); }
.background-success-d-4 { background-color: var(--color-success-d-4); }
.background-success-d-5 { background-color: var(--color-success-d-5); }
.background-warning-l-5 { background-color: var(--color-warning-l-5); }
.background-warning-l-4 { background-color: var(--color-warning-l-4); }
.background-warning-l-3 { background-color: var(--color-warning-l-3); }
.background-warning-l-2 { background-color: var(--color-warning-l-2); }
.background-warning-l-1 { background-color: var(--color-warning-l-1); }
.background-warning { background-color: var(--color-warning); }
.background-warning-d-1 { background-color: var(--color-warning-d-1); }
.background-warning-d-2 { background-color: var(--color-warning-d-2); }
.background-warning-d-3 { background-color: var(--color-warning-d-3); }
.background-warning-d-4 { background-color: var(--color-warning-d-4); }
.background-warning-d-5 { background-color: var(--color-warning-d-5); }
.background-error-l-5 { background-color: var(--color-error-l-5); }
.background-error-l-4 { background-color: var(--color-error-l-4); }
.background-error-l-3 { background-color: var(--color-error-l-3); }
.background-error-l-2 { background-color: var(--color-error-l-2); }
.background-error-l-1 { background-color: var(--color-error-l-1); }
.background-error { background-color: var(--color-error); }
.background-error-d-1 { background-color: var(--color-error-d-1); }
.background-error-d-2 { background-color: var(--color-error-d-2); }
.background-error-d-3 { background-color: var(--color-error-d-3); }
.background-error-d-4 { background-color: var(--color-error-d-4); }
.background-error-d-5 { background-color: var(--color-error-d-5); }

/* BORDER COLORS */
.border-white { border-color: var(--color-white); }
.border-black { border-color: var(--color-black); }
.border-gray { border-color: var(--color-gray); }
.border-gray-light { border-color: var(--color-border-gray-light); }
.border-primary-l-5 { border-color: var(--color-primary-l-5); }
.border-primary-l-4 { border-color: var(--color-primary-l-4); }
.border-primary-l-3 { border-color: var(--color-primary-l-3); }
.border-primary-l-2 { border-color: var(--color-primary-l-2); }
.border-primary-l-1 { border-color: var(--color-primary-l-1); }
.border-primary { border-color: var(--color-primary); }
.border-primary-d-1 { border-color: var(--color-primary-d-1); }
.border-primary-d-2 { border-color: var(--color-primary-d-2); }
.border-primary-d-3 { border-color: var(--color-primary-d-3); }
.border-primary-d-4 { border-color: var(--color-primary-d-4); }
.border-primary-d-5 { border-color: var(--color-primary-d-5); }
.border-secondary-l-5 { border-color: var(--color-secondary-l-5); }
.border-secondary-l-4 { border-color: var(--color-secondary-l-4); }
.border-secondary-l-3 { border-color: var(--color-secondary-l-3); }
.border-secondary-l-2 { border-color: var(--color-secondary-l-2); }
.border-secondary-l-1 { border-color: var(--color-secondary-l-1); }
.border-secondary { border-color: var(--color-secondary); }
.border-secondary-d-1 { border-color: var(--color-secondary-d-1); }
.border-secondary-d-2 { border-color: var(--color-secondary-d-2); }
.border-secondary-d-3 { border-color: var(--color-secondary-d-3); }
.border-secondary-d-4 { border-color: var(--color-secondary-d-4); }
.border-secondary-d-5 { border-color: var(--color-secondary-d-5); }
.border-neutral-l-5 { border-color: var(--color-neutral-l-5); }
.border-neutral-l-4 { border-color: var(--color-neutral-l-4); }
.border-neutral-l-3 { border-color: var(--color-neutral-l-3); }
.border-neutral-l-2 { border-color: var(--color-neutral-l-2); }
.border-neutral-l-1 { border-color: var(--color-neutral-l-1); }
.border-neutral { border-color: var(--color-neutral); }
.border-neutral-d-1 { border-color: var(--color-neutral-d-1); }
.border-neutral-d-2 { border-color: var(--color-neutral-d-2); }
.border-neutral-d-3 { border-color: var(--color-neutral-d-3); }
.border-neutral-d-4 { border-color: var(--color-neutral-d-4); }
.border-neutral-d-5 { border-color: var(--color-neutral-d-5); }
.border-success-l-5 { border-color: var(--color-success-l-5); }
.border-success-l-4 { border-color: var(--color-success-l-4); }
.border-success-l-3 { border-color: var(--color-success-l-3); }
.border-success-l-2 { border-color: var(--color-success-l-2); }
.border-success-l-1 { border-color: var(--color-success-l-1); }
.border-success { border-color: var(--color-success); }
.border-success-d-1 { border-color: var(--color-success-d-1); }
.border-success-d-2 { border-color: var(--color-success-d-2); }
.border-success-d-3 { border-color: var(--color-success-d-3); }
.border-success-d-4 { border-color: var(--color-success-d-4); }
.border-success-d-5 { border-color: var(--color-success-d-5); }
.border-warning-l-5 { border-color: var(--color-warning-l-5); }
.border-warning-l-4 { border-color: var(--color-warning-l-4); }
.border-warning-l-3 { border-color: var(--color-warning-l-3); }
.border-warning-l-2 { border-color: var(--color-warning-l-2); }
.border-warning-l-1 { border-color: var(--color-warning-l-1); }
.border-warning { border-color: var(--color-warning); }
.border-warning-d-1 { border-color: var(--color-warning-d-1); }
.border-warning-d-2 { border-color: var(--color-warning-d-2); }
.border-warning-d-3 { border-color: var(--color-warning-d-3); }
.border-warning-d-4 { border-color: var(--color-warning-d-4); }
.border-warning-d-5 { border-color: var(--color-warning-d-5); }
.border-error-l-5 { border-color: var(--color-error-l-5); }
.border-error-l-4 { border-color: var(--color-error-l-4); }
.border-error-l-3 { border-color: var(--color-error-l-3); }
.border-error-l-2 { border-color: var(--color-error-l-2); }
.border-error-l-1 { border-color: var(--color-error-l-1); }
.border-error { border-color: var(--color-error); }
.border-error-d-1 { border-color: var(--color-error-d-1); }
.border-error-d-2 { border-color: var(--color-error-d-2); }
.border-error-d-3 { border-color: var(--color-error-d-3); }
.border-error-d-4 { border-color: var(--color-error-d-4); }
.border-error-d-5 { border-color: var(--color-error-d-5); }

/* BORDER WIDTH */
.border-0 { border-width: var(--border-0); }
.border-1 { border-width: var(--border-1); }
.border-2 { border-width: var(--border-2); }
.border-4 { border-width: var(--border-4); }
.border-8 { border-width: var(--border-8); }
.border-10 { border-width: var(--border-10); }
.border-15 { border-width: var(--border-15); }
.border-20 { border-width: var(--border-20); }
.border-top-1 { border-top-width: var(--border-1); }
.border-top-2 { border-top-width: var(--border-2); }
.border-top-4 { border-top-width: var(--border-4); }
.border-top-8 { border-top-width: var(--border-8); }
.border-right-1 { border-right-width: var(--border-1); }
.border-right-2 { border-right-width: var(--border-2); }
.border-right-4 { border-right-width: var(--border-4); }
.border-right-8 { border-right-width: var(--border-8); }
.border-bottom-1 { border-bottom-width: var(--border-1); }
.border-bottom-2 { border-bottom-width: var(--border-2); }
.border-bottom-4 { border-bottom-width: var(--border-4); }
.border-bottom-8 { border-bottom-width: var(--border-8); }
.border-left-1 { border-left-width: var(--border-1); }
.border-left-2 { border-left-width: var(--border-2); }
.border-left-4 { border-left-width: var(--border-4); }
.border-left-8 { border-left-width: var(--border-8); }
.border-horizontal-1 { border-left-width: var(--border-1); border-right-width: var(--border-1); }
.border-horizontal-2 { border-left-width: var(--border-2); border-right-width: var(--border-2); }
.border-horizontal-4 { border-left-width: var(--border-4); border-right-width: var(--border-4); }
.border-horizontal-8 { border-left-width: var(--border-8); border-right-width: var(--border-8); }
.border-vertical-1 { border-top-width: var(--border-1); border-bottom-width: var(--border-1); }
.border-vertical-2 { border-top-width: var(--border-2); border-bottom-width: var(--border-2); }
.border-vertical-4 { border-top-width: var(--border-4); border-bottom-width: var(--border-4); }
.border-vertical-8 { border-top-width: var(--border-8); border-bottom-width: var(--border-8); }

/* BORDER STYLE */
.border-solid { border-style: solid; }
.border-dashed { border-style: dashed; }
.border-none { border-style: none; }

/* BORDER RADIUS */
.rounded-none { border-radius: var(--rounded-none); }
.rounded-sm { border-radius: var(--rounded-sm); }
.rounded { border-radius: var(--rounded); }
.rounded-lg { border-radius: var(--rounded-lg); }
.rounded-xl { border-radius: var(--rounded-xl); }
.rounded-2xl { border-radius: var(--rounded-2xl); }
.rounded-full { border-radius: var(--rounded-full); }
.rounded-top-sm { border-top-left-radius: var(--rounded-sm); border-top-right-radius: var(--rounded-sm); }
.rounded-top { border-top-left-radius: var(--rounded); border-top-right-radius: var(--rounded); }
.rounded-top-lg { border-top-left-radius: var(--rounded-lg); border-top-right-radius: var(--rounded-lg); }
.rounded-top-xl { border-top-left-radius: var(--rounded-xl); border-top-right-radius: var(--rounded-xl); }
.rounded-right-sm { border-top-right-radius: var(--rounded-sm); border-bottom-right-radius: var(--rounded-sm); }
.rounded-right { border-top-right-radius: var(--rounded); border-bottom-right-radius: var(--rounded); }
.rounded-right-lg { border-top-right-radius: var(--rounded-lg); border-bottom-right-radius: var(--rounded-lg); }
.rounded-right-xl { border-top-right-radius: var(--rounded-xl); border-bottom-right-radius: var(--rounded-xl); }
.rounded-bottom-sm { border-bottom-right-radius: var(--rounded-sm); border-bottom-left-radius: var(--rounded-sm); }
.rounded-bottom { border-bottom-right-radius: var(--rounded); border-bottom-left-radius: var(--rounded); }
.rounded-bottom-lg { border-bottom-right-radius: var(--rounded-lg); border-bottom-left-radius: var(--rounded-lg); }
.rounded-bottom-xl { border-bottom-right-radius: var(--rounded-xl); border-bottom-left-radius: var(--rounded-xl); }
.rounded-left-sm { border-top-left-radius: var(--rounded-sm); border-bottom-left-radius: var(--rounded-sm); }
.rounded-left { border-top-left-radius: var(--rounded); border-bottom-left-radius: var(--rounded); }
.rounded-left-lg { border-top-left-radius: var(--rounded-lg); border-bottom-left-radius: var(--rounded-lg); }
.rounded-left-xl { border-top-left-radius: var(--rounded-xl); border-bottom-left-radius: var(--rounded-xl); }
.rounded-top-left-sm { border-top-left-radius: var(--rounded-sm); }
.rounded-top-left { border-top-left-radius: var(--rounded); }
.rounded-top-left-lg { border-top-left-radius: var(--rounded-lg); }
.rounded-top-left-xl { border-top-left-radius: var(--rounded-xl); }
.rounded-top-right-sm { border-top-right-radius: var(--rounded-sm); }
.rounded-top-right { border-top-right-radius: var(--rounded); }
.rounded-top-right-lg { border-top-right-radius: var(--rounded-lg); }
.rounded-top-right-xl { border-top-right-radius: var(--rounded-xl); }
.rounded-bottom-right-sm { border-bottom-right-radius: var(--rounded-sm); }
.rounded-bottom-right { border-bottom-right-radius: var(--rounded); }
.rounded-bottom-right-lg { border-bottom-right-radius: var(--rounded-lg); }
.rounded-bottom-right-xl { border-bottom-right-radius: var(--rounded-xl); }
.rounded-bottom-left-sm { border-bottom-left-radius: var(--rounded-sm); }
.rounded-bottom-left { border-bottom-left-radius: var(--rounded); }
.rounded-bottom-left-lg { border-bottom-left-radius: var(--rounded-lg); }
.rounded-bottom-left-xl { border-bottom-left-radius: var(--rounded-xl); }

/* EFFECTS - BOX SHADOW */
.shadow-sm { box-shadow: var(--shadow-sm-x) var(--shadow-sm-y) var(--shadow-sm-blur) var(--shadow-sm-spread) var(--shadow-sm-color); }
.shadow-md { box-shadow: var(--shadow-md-x) var(--shadow-md-y) var(--shadow-md-blur) var(--shadow-md-spread) var(--shadow-md-color); }
.shadow-lg { box-shadow: var(--shadow-lg-x) var(--shadow-lg-y) var(--shadow-lg-blur) var(--shadow-lg-spread) var(--shadow-lg-color); }
.shadow-xl { box-shadow: var(--shadow-xl-x) var(--shadow-xl-y) var(--shadow-xl-blur) var(--shadow-xl-spread) var(--shadow-xl-color); }
.shadow-panel { box-shadow: var(--shadow-panel-x) var(--shadow-panel-y) var(--shadow-panel-blur) var(--shadow-panel-spread) var(--shadow-panel-color); }
.shadow-primary { box-shadow: var(--shadow-md-x) var(--shadow-md-y) var(--shadow-md-blur) var(--shadow-md-spread) var(--shadow-primary-color); }
.shadow-secondary { box-shadow: var(--shadow-md-x) var(--shadow-md-y) var(--shadow-md-blur) var(--shadow-md-spread) var(--shadow-secondary-color); }
.shadow-neutral { box-shadow: var(--shadow-md-x) var(--shadow-md-y) var(--shadow-md-blur) var(--shadow-md-spread) var(--shadow-neutral-color); }
.shadow-success { box-shadow: var(--shadow-md-x) var(--shadow-md-y) var(--shadow-md-blur) var(--shadow-md-spread) var(--shadow-success-color); }
.shadow-warning { box-shadow: var(--shadow-md-x) var(--shadow-md-y) var(--shadow-md-blur) var(--shadow-md-spread) var(--shadow-warning-color); }
.shadow-error { box-shadow: var(--shadow-md-x) var(--shadow-md-y) var(--shadow-md-blur) var(--shadow-md-spread) var(--shadow-error-color); }
.inset-shadow-sm { box-shadow: inset var(--inset-shadow-sm-x) var(--inset-shadow-sm-y) var(--inset-shadow-sm-blur) var(--inset-shadow-sm-spread) var(--inset-shadow-sm-color); }
.inset-shadow-md { box-shadow: inset var(--inset-shadow-md-x) var(--inset-shadow-md-y) var(--inset-shadow-md-blur) var(--inset-shadow-md-spread) var(--inset-shadow-md-color); }
.inset-shadow-lg { box-shadow: inset var(--inset-shadow-lg-x) var(--inset-shadow-lg-y) var(--inset-shadow-lg-blur) var(--inset-shadow-lg-spread) var(--inset-shadow-lg-color); }
.inset-shadow-xl { box-shadow: inset var(--inset-shadow-xl-x) var(--inset-shadow-xl-y) var(--inset-shadow-xl-blur) var(--inset-shadow-xl-spread) var(--inset-shadow-xl-color); }
.inset-shadow-primary { box-shadow: inset var(--inset-shadow-md-x) var(--inset-shadow-md-y) var(--inset-shadow-md-blur) var(--inset-shadow-md-spread) var(--inset-shadow-primary-color); }
.inset-shadow-secondary { box-shadow: inset var(--inset-shadow-md-x) var(--inset-shadow-md-y) var(--inset-shadow-md-blur) var(--inset-shadow-md-spread) var(--inset-shadow-secondary-color); }
.inset-shadow-neutral { box-shadow: inset var(--inset-shadow-md-x) var(--inset-shadow-md-y) var(--inset-shadow-md-blur) var(--inset-shadow-md-spread) var(--inset-shadow-neutral-color); }
.inset-shadow-success { box-shadow: inset var(--inset-shadow-md-x) var(--inset-shadow-md-y) var(--inset-shadow-md-blur) var(--inset-shadow-md-spread) var(--inset-shadow-success-color); }
.inset-shadow-warning { box-shadow: inset var(--inset-shadow-md-x) var(--inset-shadow-md-y) var(--inset-shadow-md-blur) var(--inset-shadow-md-spread) var(--inset-shadow-warning-color); }
.inset-shadow-error { box-shadow: inset var(--inset-shadow-md-x) var(--inset-shadow-md-y) var(--inset-shadow-md-blur) var(--inset-shadow-md-spread) var(--inset-shadow-error-color); }

/* EFFECTS - FILTER */
.filter-none { filter: none; }
.blur-sm { filter: blur(var(--filter-blur-sm)); }
.blur { filter: blur(var(--filter-blur)); }
.blur-md { filter: blur(var(--filter-blur-md)); }
.blur-lg { filter: blur(var(--filter-blur-lg)); }
.blur-xl { filter: blur(var(--filter-blur-xl)); }
.brightness-75 { filter: brightness(var(--filter-intensity-75)); }
.brightness-90 { filter: brightness(var(--filter-intensity-90)); }
.brightness-100 { filter: brightness(var(--filter-intensity-100)); }
.brightness-110 { filter: brightness(var(--filter-intensity-110)); }
.brightness-125 { filter: brightness(var(--filter-intensity-125)); }
.contrast-75 { filter: contrast(var(--filter-intensity-75)); }
.contrast-90 { filter: contrast(var(--filter-intensity-90)); }
.contrast-100 { filter: contrast(var(--filter-intensity-100)); }
.contrast-110 { filter: contrast(var(--filter-intensity-110)); }
.contrast-125 { filter: contrast(var(--filter-intensity-125)); }
.saturate-0 { filter: saturate(var(--filter-intensity-0)); }
.saturate-50 { filter: saturate(var(--filter-intensity-50)); }
.saturate-100 { filter: saturate(var(--filter-intensity-100)); }
.saturate-150 { filter: saturate(var(--filter-intensity-150)); }
.saturate-200 { filter: saturate(var(--filter-intensity-200)); }
.hue-rotate-15 { filter: hue-rotate(var(--filter-hue-15)); }
.hue-rotate-30 { filter: hue-rotate(var(--filter-hue-30)); }
.hue-rotate-60 { filter: hue-rotate(var(--filter-hue-60)); }
.hue-rotate-90 { filter: hue-rotate(var(--filter-hue-90)); }
.hue-rotate-180 { filter: hue-rotate(var(--filter-hue-180)); }
.grayscale { filter: grayscale(var(--filter-intensity-100)); }
.grayscale-50 { filter: grayscale(var(--filter-intensity-50)); }
.invert { filter: invert(var(--filter-intensity-100)); }
.invert-50 { filter: invert(var(--filter-intensity-50)); }
.sepia { filter: sepia(var(--filter-intensity-100)); }
.sepia-50 { filter: sepia(var(--filter-intensity-50)); }
/* OPACITY */
.opacity-0 { opacity: 0; }
.opacity-5 { opacity: 0.05; }
.opacity-10 { opacity: 0.1; }
.opacity-15 { opacity: 0.15; }
.opacity-20 { opacity: 0.2; }
.opacity-25 { opacity: 0.25; }
.opacity-30 { opacity: 0.3; }
.opacity-35 { opacity: 0.35; }
.opacity-40 { opacity: 0.4; }
.opacity-45 { opacity: 0.45; }
.opacity-50 { opacity: 0.5; }
.opacity-55 { opacity: 0.55; }
.opacity-60 { opacity: 0.6; }
.opacity-65 { opacity: 0.65; }
.opacity-70 { opacity: 0.7; }
.opacity-75 { opacity: 0.75; }
.opacity-80 { opacity: 0.8; }
.opacity-85 { opacity: 0.85; }
.opacity-90 { opacity: 0.9; }
.opacity-95 { opacity: 0.95; }
.opacity-100 { opacity: 1; }

/* POSITION */
.static { position: static; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.sticky { position: sticky; }

/* Z-INDEX */
.z-index-0 { position: relative; z-index: 0; }
.z-index-10 { position: relative; z-index: 10; }
.z-index-20 { position: relative; z-index: 20; }
.z-index-30 { position: relative; z-index: 30; }
.z-index-40 { position: relative; z-index: 40; }
.z-index-50 { position: relative; z-index: 50; }
.z-index-60 { position: relative; z-index: 60; }
.z-index-70 { position: relative; z-index: 70; }
.z-index-80 { position: relative; z-index: 80; }
.z-index-90 { position: relative; z-index: 90; }
.z-index-100 { position: relative; z-index: 100; }

/* FLEXBOX - Direction */
.flex-row { flex-direction: row; }
.flex-column { flex-direction: column; }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-column-reverse { flex-direction: column-reverse; }

/* FLEXBOX - Wrap */
.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }

/* FLEXBOX - Justify */
.justify-start { justify-content: flex-start; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
.justify-evenly { justify-content: space-evenly; }

/* FLEXBOX - Align */
.items-start { align-items: start; }
.items-center { align-items: center; }
.items-end { align-items: end; }
.items-stretch { align-items: stretch; }

/* FLEXBOX - Align Self */
.self-center { align-self: center; }
.self-start { align-self: start; }
.self-end { align-self: end; }

/* FLEXBOX - Align Content */
.content-start { align-content: start; }
.content-center { align-content: center; }
.content-end { align-content: end; }
.content-between { align-content: space-between; }
.content-around { align-content: space-around; }
.content-evenly { align-content: space-evenly; }

/* FLEXBOX - Order */
.order-first { order: -99999; }
.order-last { order: 99999; }

/* FLEXBOX - Grow/Shrink */
.flex-grow { flex-grow: 1; }
.flex-shrink { flex-shrink: 1; }

/* FLEXBOX - Basis */
.basis-auto { flex-basis: var(--basis-auto); }
.basis-full { flex-basis: var(--basis-full); }
.basis-0 { flex-basis: var(--basis-0); }
.basis-px { flex-basis: var(--basis-px); }
.basis-1-2 { flex-basis: var(--basis-1-2); }
.basis-1-3 { flex-basis: var(--basis-1-3); }
.basis-2-3 { flex-basis: var(--basis-2-3); }
.basis-1-4 { flex-basis: var(--basis-1-4); }
.basis-3-4 { flex-basis: var(--basis-3-4); }

/* FLEXBOX - Gap */
.gap-xxs { gap: var(--gap-xxs); }
.gap-xxs .e-con-inner { gap: var(--gap-xxs); }
.gap-xs { gap: var(--gap-xs); }
.gap-xs .e-con-inner { gap: var(--gap-xs); }
.gap-s { gap: var(--gap-s); }
.gap-s .e-con-inner { gap: var(--gap-s); }
.gap-m { gap: var(--gap-m); }
.gap-m .e-con-inner { gap: var(--gap-m); }
.gap-l { gap: var(--gap-l); }
.gap-l .e-con-inner { gap: var(--gap-l); }
.gap-xl { gap: var(--gap-xl); }
.gap-xl .e-con-inner { gap: var(--gap-xl); }
.gap-xxl { gap: var(--gap-xxl); }
.gap-xxl .e-con-inner { gap: var(--gap-xxl); }
.gap-1 { gap: var(--space-1); }
.gap-2 { gap: var(--space-2); }
.gap-3 { gap: var(--space-3); }
.gap-4 { gap: var(--space-4); }
.gap-6 { gap: var(--space-6); }
.gap-8 { gap: var(--space-8); }
.gap-10 { gap: var(--gap-10); }
.gap-12 { gap: var(--space-12); }
.gap-14 { gap: var(--gap-14); }
.gap-16 { gap: var(--gap-16); }
.gap-18 { gap: var(--gap-18); }
.gap-20 { gap: var(--gap-20); }
.gap-22 { gap: var(--gap-22); }
.gap-24 { gap: var(--gap-24); }
.gap-px { gap: var(--space-px); }

/* FLEXBOX - Column Gap */
.column-gap-1 { column-gap: var(--space-1); }
.column-gap-2 { column-gap: var(--space-2); }
.column-gap-3 { column-gap: var(--space-3); }
.column-gap-4 { column-gap: var(--space-4); }
.column-gap-6 { column-gap: var(--space-6); }
.column-gap-8 { column-gap: var(--space-8); }
.column-gap-10 { column-gap: var(--gap-10); }
.column-gap-12 { column-gap: var(--space-12); }
.column-gap-14 { column-gap: var(--gap-14); }
.column-gap-16 { column-gap: var(--gap-16); }
.column-gap-18 { column-gap: var(--gap-18); }
.column-gap-20 { column-gap: var(--gap-20); }
.column-gap-22 { column-gap: var(--gap-22); }
.column-gap-24 { column-gap: var(--gap-24); }
.column-gap-px { column-gap: var(--space-px); }

/* FLEXBOX - Row Gap */
.row-gap-1 { row-gap: var(--space-1); }
.row-gap-2 { row-gap: var(--space-2); }
.row-gap-3 { row-gap: var(--space-3); }
.row-gap-4 { row-gap: var(--space-4); }
.row-gap-6 { row-gap: var(--space-6); }
.row-gap-8 { row-gap: var(--space-8); }
.row-gap-10 { row-gap: var(--gap-10); }
.row-gap-12 { row-gap: var(--space-12); }
.row-gap-14 { row-gap: var(--gap-14); }
.row-gap-16 { row-gap: var(--gap-16); }
.row-gap-18 { row-gap: var(--gap-18); }
.row-gap-20 { row-gap: var(--gap-20); }
.row-gap-22 { row-gap: var(--gap-22); }
.row-gap-24 { row-gap: var(--gap-24); }
.row-gap-px { row-gap: var(--space-px); }

/* NEGATIVE MARGIN */
.-margin-1 { margin: var(--space-neg-1); }
.-margin-2 { margin: var(--space-neg-2); }
.-margin-3 { margin: var(--space-neg-3); }
.-margin-4 { margin: var(--space-neg-4); }
.-margin-6 { margin: var(--space-neg-6); }
.-margin-8 { margin: var(--space-neg-8); }
.-margin-12 { margin: var(--space-neg-12); }
.-margin-px { margin: var(--space-neg-px); }

/* NEGATIVE MARGIN HORIZONTAL */
.-margin-horizontal-1 { margin-left: var(--space-neg-1); margin-right: var(--space-neg-1); }
.-margin-horizontal-2 { margin-left: var(--space-neg-2); margin-right: var(--space-neg-2); }
.-margin-horizontal-3 { margin-left: var(--space-neg-3); margin-right: var(--space-neg-3); }
.-margin-horizontal-4 { margin-left: var(--space-neg-4); margin-right: var(--space-neg-4); }
.-margin-horizontal-6 { margin-left: var(--space-neg-6); margin-right: var(--space-neg-6); }
.-margin-horizontal-8 { margin-left: var(--space-neg-8); margin-right: var(--space-neg-8); }
.-margin-horizontal-12 { margin-left: var(--space-neg-12); margin-right: var(--space-neg-12); }
.-margin-horizontal-px { margin-left: var(--space-neg-px); margin-right: var(--space-neg-px); }

/* NEGATIVE MARGIN VERTICAL */
.-margin-vertical-1 { margin-top: var(--space-neg-1); margin-bottom: var(--space-neg-1); }
.-margin-vertical-2 { margin-top: var(--space-neg-2); margin-bottom: var(--space-neg-2); }
.-margin-vertical-3 { margin-top: var(--space-neg-3); margin-bottom: var(--space-neg-3); }
.-margin-vertical-4 { margin-top: var(--space-neg-4); margin-bottom: var(--space-neg-4); }
.-margin-vertical-6 { margin-top: var(--space-neg-6); margin-bottom: var(--space-neg-6); }
.-margin-vertical-8 { margin-top: var(--space-neg-8); margin-bottom: var(--space-neg-8); }
.-margin-vertical-12 { margin-top: var(--space-neg-12); margin-bottom: var(--space-neg-12); }
.-margin-vertical-px { margin-top: var(--space-neg-px); margin-bottom: var(--space-neg-px); }

/* NEGATIVE MARGIN TOP */
.-margin-top-1 { margin-top: var(--space-neg-1); }
.-margin-top-2 { margin-top: var(--space-neg-2); }
.-margin-top-3 { margin-top: var(--space-neg-3); }
.-margin-top-4 { margin-top: var(--space-neg-4); }
.-margin-top-6 { margin-top: var(--space-neg-6); }
.-margin-top-8 { margin-top: var(--space-neg-8); }
.-margin-top-12 { margin-top: var(--space-neg-12); }
.-margin-top-px { margin-top: var(--space-neg-px); }

/* NEGATIVE MARGIN BOTTOM */
.-margin-bottom-1 { margin-bottom: var(--space-neg-1); }
.-margin-bottom-2 { margin-bottom: var(--space-neg-2); }
.-margin-bottom-3 { margin-bottom: var(--space-neg-3); }
.-margin-bottom-4 { margin-bottom: var(--space-neg-4); }
.-margin-bottom-6 { margin-bottom: var(--space-neg-6); }
.-margin-bottom-8 { margin-bottom: var(--space-neg-8); }
.-margin-bottom-12 { margin-bottom: var(--space-neg-12); }
.-margin-bottom-px { margin-bottom: var(--space-neg-px); }

/* NEGATIVE MARGIN LEFT */
.-margin-left-1 { margin-left: var(--space-neg-1); }
.-margin-left-2 { margin-left: var(--space-neg-2); }
.-margin-left-3 { margin-left: var(--space-neg-3); }
.-margin-left-4 { margin-left: var(--space-neg-4); }
.-margin-left-6 { margin-left: var(--space-neg-6); }
.-margin-left-8 { margin-left: var(--space-neg-8); }
.-margin-left-12 { margin-left: var(--space-neg-12); }
.-margin-left-px { margin-left: var(--space-neg-px); }

/* NEGATIVE MARGIN RIGHT */
.-margin-right-1 { margin-right: var(--space-neg-1); }
.-margin-right-2 { margin-right: var(--space-neg-2); }
.-margin-right-3 { margin-right: var(--space-neg-3); }
.-margin-right-4 { margin-right: var(--space-neg-4); }
.-margin-right-6 { margin-right: var(--space-neg-6); }
.-margin-right-8 { margin-right: var(--space-neg-8); }
.-margin-right-12 { margin-right: var(--space-neg-12); }
.-margin-right-px { margin-right: var(--space-neg-px); }

/* COMPONENT PRESETS */
.button-primary,
.button-secondary,
.button-neutral,
.button-success,
.button-warning,
.button-error {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: var(--rounded-xl);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
}
.button-xs {
  border-radius: var(--rounded-xl);
  padding: 0.5rem 1rem;
  font-size: 0.78rem;
}
.button-sm {
  border-radius: var(--rounded-xl);
  padding: 0.6rem 1.2rem;
  font-size: 0.8125rem;
}
.button-md {
  border-radius: var(--rounded-xl);
  padding: 0.75rem 1.5rem;
  font-size: 0.875rem;
}
.button-lg {
  border-radius: var(--rounded-xl);
  padding: 0.9rem 1.65rem;
  font-size: 0.95rem;
}
.button-xl {
  border-radius: var(--rounded-xl);
  padding: 1rem 1.85rem;
  font-size: 1.05rem;
}
.button-primary {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.button-secondary {
  background-color: var(--color-secondary);
  color: #111827;
}
.button-neutral {
  background-color: var(--color-neutral);
  color: var(--color-white);
}
.button-success {
  background-color: var(--color-success);
  color: var(--color-white);
}
.button-warning {
  background-color: var(--color-warning);
  color: #111827;
}
.button-error {
  background-color: var(--color-error);
  color: var(--color-white);
}

.card {
  background-color: var(--color-white);
  border-radius: var(--rounded-lg);
  padding: var(--space-6);
}

.cont { /* the keyword "container" is reserved for Elementor */
  max-width: var(--max-w-2xl);
  margin-left: var(--space-auto);
  margin-right: var(--space-auto);
  padding-left: var(--space-4);
  padding-right: var(--space-4);
}

/* ========================================
   RESPONSIVE STRUCTURAL UTILITIES
   Desktop-first breakpoints for Elementor parity
   ======================================== */

@media (min-width: 2400px) {
  /* WIDESCREEN AND ABOVE (--on-xxl) */
  .hidden--on-xxl { display: none; }
  .block--on-xxl { display: block; }
  .inline-block--on-xxl { display: inline-block; }
  .flex--on-xxl { display: flex; }
  .inline-flex--on-xxl { display: inline-flex; }
  .overflow-hidden--on-xxl { overflow: hidden; }
  .overflow-auto--on-xxl { overflow: auto; }
  .overflow-visible--on-xxl { overflow: visible; }
  .object-cover--on-xxl { object-fit: cover; }
  .object-contain--on-xxl { object-fit: contain; }
  .object-fill--on-xxl { object-fit: fill; }
  .object-none--on-xxl { object-fit: none; }
  .object-scale-down--on-xxl { object-fit: scale-down; }
  .aspect-square--on-xxl { aspect-ratio: 1 / 1; }
  .aspect-video--on-xxl { aspect-ratio: 16 / 9; }
  .aspect-auto--on-xxl { aspect-ratio: auto; }
  .relative--on-xxl { position: relative; }
  .absolute--on-xxl { position: absolute; }
  .fixed--on-xxl { position: fixed; }
  .sticky--on-xxl { position: sticky; }
  .static--on-xxl { position: static; }
  .z-index-0--on-xxl { position: relative; z-index: 0; }
  .z-index-10--on-xxl { position: relative; z-index: 10; }
  .z-index-20--on-xxl { position: relative; z-index: 20; }
  .z-index-30--on-xxl { position: relative; z-index: 30; }
  .z-index-40--on-xxl { position: relative; z-index: 40; }
  .z-index-50--on-xxl { position: relative; z-index: 50; }
  .z-index-60--on-xxl { position: relative; z-index: 60; }
  .z-index-70--on-xxl { position: relative; z-index: 70; }
  .z-index-80--on-xxl { position: relative; z-index: 80; }
  .z-index-90--on-xxl { position: relative; z-index: 90; }
  .z-index-100--on-xxl { position: relative; z-index: 100; }
  .flex-row--on-xxl { flex-direction: row; }
  .flex-column--on-xxl { flex-direction: column; }
  .flex-row-reverse--on-xxl { flex-direction: row-reverse; }
  .flex-column-reverse--on-xxl { flex-direction: column-reverse; }
  .flex-wrap--on-xxl { flex-wrap: wrap; }
  .flex-nowrap--on-xxl { flex-wrap: nowrap; }
  .flex-wrap-reverse--on-xxl { flex-wrap: wrap-reverse; }
  .justify-start--on-xxl { justify-content: flex-start; }
  .justify-center--on-xxl { justify-content: center; }
  .justify-end--on-xxl { justify-content: flex-end; }
  .justify-between--on-xxl { justify-content: space-between; }
  .justify-around--on-xxl { justify-content: space-around; }
  .justify-evenly--on-xxl { justify-content: space-evenly; }
  .items-start--on-xxl { align-items: start; }
  .items-center--on-xxl { align-items: center; }
  .items-end--on-xxl { align-items: end; }
  .items-stretch--on-xxl { align-items: stretch; }
  .self-center--on-xxl { align-self: center; }
  .self-start--on-xxl { align-self: start; }
  .self-end--on-xxl { align-self: end; }
  .content-start--on-xxl { align-content: start; }
  .content-center--on-xxl { align-content: center; }
  .content-end--on-xxl { align-content: end; }
  .content-between--on-xxl { align-content: space-between; }
  .content-around--on-xxl { align-content: space-around; }
  .content-evenly--on-xxl { align-content: space-evenly; }
  .order-first--on-xxl { order: -99999; }
  .order-last--on-xxl { order: 99999; }
  .basis-auto--on-xxl { flex-basis: var(--basis-auto); }
  .basis-full--on-xxl { flex-basis: var(--basis-full); }
  .basis-0--on-xxl { flex-basis: var(--basis-0); }
  .basis-px--on-xxl { flex-basis: var(--basis-px); }
  .basis-1-2--on-xxl { flex-basis: var(--basis-1-2); }
  .basis-1-3--on-xxl { flex-basis: var(--basis-1-3); }
  .basis-2-3--on-xxl { flex-basis: var(--basis-2-3); }
  .basis-1-4--on-xxl { flex-basis: var(--basis-1-4); }
  .basis-3-4--on-xxl { flex-basis: var(--basis-3-4); }
}

@media (max-width: 1366px) {
  /* LAPTOP AND BELOW (--on-xl) */
  .hidden--on-xl { display: none; }
  .block--on-xl { display: block; }
  .inline-block--on-xl { display: inline-block; }
  .flex--on-xl { display: flex; }
  .inline-flex--on-xl { display: inline-flex; }
  .overflow-hidden--on-xl { overflow: hidden; }
  .overflow-auto--on-xl { overflow: auto; }
  .overflow-visible--on-xl { overflow: visible; }
  .object-cover--on-xl { object-fit: cover; }
  .object-contain--on-xl { object-fit: contain; }
  .object-fill--on-xl { object-fit: fill; }
  .object-none--on-xl { object-fit: none; }
  .object-scale-down--on-xl { object-fit: scale-down; }
  .aspect-square--on-xl { aspect-ratio: 1 / 1; }
  .aspect-video--on-xl { aspect-ratio: 16 / 9; }
  .aspect-auto--on-xl { aspect-ratio: auto; }
  .relative--on-xl { position: relative; }
  .absolute--on-xl { position: absolute; }
  .fixed--on-xl { position: fixed; }
  .sticky--on-xl { position: sticky; }
  .static--on-xl { position: static; }
  .z-index-0--on-xl { position: relative; z-index: 0; }
  .z-index-10--on-xl { position: relative; z-index: 10; }
  .z-index-20--on-xl { position: relative; z-index: 20; }
  .z-index-30--on-xl { position: relative; z-index: 30; }
  .z-index-40--on-xl { position: relative; z-index: 40; }
  .z-index-50--on-xl { position: relative; z-index: 50; }
  .z-index-60--on-xl { position: relative; z-index: 60; }
  .z-index-70--on-xl { position: relative; z-index: 70; }
  .z-index-80--on-xl { position: relative; z-index: 80; }
  .z-index-90--on-xl { position: relative; z-index: 90; }
  .z-index-100--on-xl { position: relative; z-index: 100; }
  .flex-row--on-xl { flex-direction: row; }
  .flex-column--on-xl { flex-direction: column; }
  .flex-row-reverse--on-xl { flex-direction: row-reverse; }
  .flex-column-reverse--on-xl { flex-direction: column-reverse; }
  .flex-wrap--on-xl { flex-wrap: wrap; }
  .flex-nowrap--on-xl { flex-wrap: nowrap; }
  .flex-wrap-reverse--on-xl { flex-wrap: wrap-reverse; }
  .justify-start--on-xl { justify-content: flex-start; }
  .justify-center--on-xl { justify-content: center; }
  .justify-end--on-xl { justify-content: flex-end; }
  .justify-between--on-xl { justify-content: space-between; }
  .justify-around--on-xl { justify-content: space-around; }
  .justify-evenly--on-xl { justify-content: space-evenly; }
  .items-start--on-xl { align-items: start; }
  .items-center--on-xl { align-items: center; }
  .items-end--on-xl { align-items: end; }
  .items-stretch--on-xl { align-items: stretch; }
  .self-center--on-xl { align-self: center; }
  .self-start--on-xl { align-self: start; }
  .self-end--on-xl { align-self: end; }
  .content-start--on-xl { align-content: start; }
  .content-center--on-xl { align-content: center; }
  .content-end--on-xl { align-content: end; }
  .content-between--on-xl { align-content: space-between; }
  .content-around--on-xl { align-content: space-around; }
  .content-evenly--on-xl { align-content: space-evenly; }
  .order-first--on-xl { order: -99999; }
  .order-last--on-xl { order: 99999; }
  .basis-auto--on-xl { flex-basis: var(--basis-auto); }
  .basis-full--on-xl { flex-basis: var(--basis-full); }
  .basis-0--on-xl { flex-basis: var(--basis-0); }
  .basis-px--on-xl { flex-basis: var(--basis-px); }
  .basis-1-2--on-xl { flex-basis: var(--basis-1-2); }
  .basis-1-3--on-xl { flex-basis: var(--basis-1-3); }
  .basis-2-3--on-xl { flex-basis: var(--basis-2-3); }
  .basis-1-4--on-xl { flex-basis: var(--basis-1-4); }
  .basis-3-4--on-xl { flex-basis: var(--basis-3-4); }
}

@media (max-width: 1200px) {
  /* TABLET LANDSCAPE AND BELOW (--on-l) */
  .hidden--on-l { display: none; }
  .block--on-l { display: block; }
  .inline-block--on-l { display: inline-block; }
  .flex--on-l { display: flex; }
  .inline-flex--on-l { display: inline-flex; }
  .overflow-hidden--on-l { overflow: hidden; }
  .overflow-auto--on-l { overflow: auto; }
  .overflow-visible--on-l { overflow: visible; }
  .object-cover--on-l { object-fit: cover; }
  .object-contain--on-l { object-fit: contain; }
  .object-fill--on-l { object-fit: fill; }
  .object-none--on-l { object-fit: none; }
  .object-scale-down--on-l { object-fit: scale-down; }
  .aspect-square--on-l { aspect-ratio: 1 / 1; }
  .aspect-video--on-l { aspect-ratio: 16 / 9; }
  .aspect-auto--on-l { aspect-ratio: auto; }
  .relative--on-l { position: relative; }
  .absolute--on-l { position: absolute; }
  .fixed--on-l { position: fixed; }
  .sticky--on-l { position: sticky; }
  .static--on-l { position: static; }
  .z-index-0--on-l { position: relative; z-index: 0; }
  .z-index-10--on-l { position: relative; z-index: 10; }
  .z-index-20--on-l { position: relative; z-index: 20; }
  .z-index-30--on-l { position: relative; z-index: 30; }
  .z-index-40--on-l { position: relative; z-index: 40; }
  .z-index-50--on-l { position: relative; z-index: 50; }
  .z-index-60--on-l { position: relative; z-index: 60; }
  .z-index-70--on-l { position: relative; z-index: 70; }
  .z-index-80--on-l { position: relative; z-index: 80; }
  .z-index-90--on-l { position: relative; z-index: 90; }
  .z-index-100--on-l { position: relative; z-index: 100; }
  .flex-row--on-l { flex-direction: row; }
  .flex-column--on-l { flex-direction: column; }
  .flex-row-reverse--on-l { flex-direction: row-reverse; }
  .flex-column-reverse--on-l { flex-direction: column-reverse; }
  .flex-wrap--on-l { flex-wrap: wrap; }
  .flex-nowrap--on-l { flex-wrap: nowrap; }
  .flex-wrap-reverse--on-l { flex-wrap: wrap-reverse; }
  .justify-start--on-l { justify-content: flex-start; }
  .justify-center--on-l { justify-content: center; }
  .justify-end--on-l { justify-content: flex-end; }
  .justify-between--on-l { justify-content: space-between; }
  .justify-around--on-l { justify-content: space-around; }
  .justify-evenly--on-l { justify-content: space-evenly; }
  .items-start--on-l { align-items: start; }
  .items-center--on-l { align-items: center; }
  .items-end--on-l { align-items: end; }
  .items-stretch--on-l { align-items: stretch; }
  .self-center--on-l { align-self: center; }
  .self-start--on-l { align-self: start; }
  .self-end--on-l { align-self: end; }
  .content-start--on-l { align-content: start; }
  .content-center--on-l { align-content: center; }
  .content-end--on-l { align-content: end; }
  .content-between--on-l { align-content: space-between; }
  .content-around--on-l { align-content: space-around; }
  .content-evenly--on-l { align-content: space-evenly; }
  .order-first--on-l { order: -99999; }
  .order-last--on-l { order: 99999; }
  .basis-auto--on-l { flex-basis: var(--basis-auto); }
  .basis-full--on-l { flex-basis: var(--basis-full); }
  .basis-0--on-l { flex-basis: var(--basis-0); }
  .basis-px--on-l { flex-basis: var(--basis-px); }
  .basis-1-2--on-l { flex-basis: var(--basis-1-2); }
  .basis-1-3--on-l { flex-basis: var(--basis-1-3); }
  .basis-2-3--on-l { flex-basis: var(--basis-2-3); }
  .basis-1-4--on-l { flex-basis: var(--basis-1-4); }
  .basis-3-4--on-l { flex-basis: var(--basis-3-4); }
}

@media (max-width: 1024px) {
  /* TABLET AND BELOW (--on-m) */
  .hidden--on-m { display: none; }
  .block--on-m { display: block; }
  .inline-block--on-m { display: inline-block; }
  .flex--on-m { display: flex; }
  .inline-flex--on-m { display: inline-flex; }
  .overflow-hidden--on-m { overflow: hidden; }
  .overflow-auto--on-m { overflow: auto; }
  .overflow-visible--on-m { overflow: visible; }
  .object-cover--on-m { object-fit: cover; }
  .object-contain--on-m { object-fit: contain; }
  .object-fill--on-m { object-fit: fill; }
  .object-none--on-m { object-fit: none; }
  .object-scale-down--on-m { object-fit: scale-down; }
  .aspect-square--on-m { aspect-ratio: 1 / 1; }
  .aspect-video--on-m { aspect-ratio: 16 / 9; }
  .aspect-auto--on-m { aspect-ratio: auto; }
  .relative--on-m { position: relative; }
  .absolute--on-m { position: absolute; }
  .fixed--on-m { position: fixed; }
  .sticky--on-m { position: sticky; }
  .static--on-m { position: static; }
  .z-index-0--on-m { position: relative; z-index: 0; }
  .z-index-10--on-m { position: relative; z-index: 10; }
  .z-index-20--on-m { position: relative; z-index: 20; }
  .z-index-30--on-m { position: relative; z-index: 30; }
  .z-index-40--on-m { position: relative; z-index: 40; }
  .z-index-50--on-m { position: relative; z-index: 50; }
  .z-index-60--on-m { position: relative; z-index: 60; }
  .z-index-70--on-m { position: relative; z-index: 70; }
  .z-index-80--on-m { position: relative; z-index: 80; }
  .z-index-90--on-m { position: relative; z-index: 90; }
  .z-index-100--on-m { position: relative; z-index: 100; }
  .flex-row--on-m { flex-direction: row; }
  .flex-column--on-m { flex-direction: column; }
  .flex-row-reverse--on-m { flex-direction: row-reverse; }
  .flex-column-reverse--on-m { flex-direction: column-reverse; }
  .flex-wrap--on-m { flex-wrap: wrap; }
  .flex-nowrap--on-m { flex-wrap: nowrap; }
  .flex-wrap-reverse--on-m { flex-wrap: wrap-reverse; }
  .justify-start--on-m { justify-content: flex-start; }
  .justify-center--on-m { justify-content: center; }
  .justify-end--on-m { justify-content: flex-end; }
  .justify-between--on-m { justify-content: space-between; }
  .justify-around--on-m { justify-content: space-around; }
  .justify-evenly--on-m { justify-content: space-evenly; }
  .items-start--on-m { align-items: start; }
  .items-center--on-m { align-items: center; }
  .items-end--on-m { align-items: end; }
  .items-stretch--on-m { align-items: stretch; }
  .self-center--on-m { align-self: center; }
  .self-start--on-m { align-self: start; }
  .self-end--on-m { align-self: end; }
  .content-start--on-m { align-content: start; }
  .content-center--on-m { align-content: center; }
  .content-end--on-m { align-content: end; }
  .content-between--on-m { align-content: space-between; }
  .content-around--on-m { align-content: space-around; }
  .content-evenly--on-m { align-content: space-evenly; }
  .order-first--on-m { order: -99999; }
  .order-last--on-m { order: 99999; }
  .basis-auto--on-m { flex-basis: var(--basis-auto); }
  .basis-full--on-m { flex-basis: var(--basis-full); }
  .basis-0--on-m { flex-basis: var(--basis-0); }
  .basis-px--on-m { flex-basis: var(--basis-px); }
  .basis-1-2--on-m { flex-basis: var(--basis-1-2); }
  .basis-1-3--on-m { flex-basis: var(--basis-1-3); }
  .basis-2-3--on-m { flex-basis: var(--basis-2-3); }
  .basis-1-4--on-m { flex-basis: var(--basis-1-4); }
  .basis-3-4--on-m { flex-basis: var(--basis-3-4); }
}

@media (max-width: 880px) {
  /* MOBILE LANDSCAPE AND BELOW (--on-s) */
  .hidden--on-s { display: none; }
  .block--on-s { display: block; }
  .inline-block--on-s { display: inline-block; }
  .flex--on-s { display: flex; }
  .inline-flex--on-s { display: inline-flex; }
  .overflow-hidden--on-s { overflow: hidden; }
  .overflow-auto--on-s { overflow: auto; }
  .overflow-visible--on-s { overflow: visible; }
  .object-cover--on-s { object-fit: cover; }
  .object-contain--on-s { object-fit: contain; }
  .object-fill--on-s { object-fit: fill; }
  .object-none--on-s { object-fit: none; }
  .object-scale-down--on-s { object-fit: scale-down; }
  .aspect-square--on-s { aspect-ratio: 1 / 1; }
  .aspect-video--on-s { aspect-ratio: 16 / 9; }
  .aspect-auto--on-s { aspect-ratio: auto; }
  .relative--on-s { position: relative; }
  .absolute--on-s { position: absolute; }
  .fixed--on-s { position: fixed; }
  .sticky--on-s { position: sticky; }
  .static--on-s { position: static; }
  .z-index-0--on-s { position: relative; z-index: 0; }
  .z-index-10--on-s { position: relative; z-index: 10; }
  .z-index-20--on-s { position: relative; z-index: 20; }
  .z-index-30--on-s { position: relative; z-index: 30; }
  .z-index-40--on-s { position: relative; z-index: 40; }
  .z-index-50--on-s { position: relative; z-index: 50; }
  .z-index-60--on-s { position: relative; z-index: 60; }
  .z-index-70--on-s { position: relative; z-index: 70; }
  .z-index-80--on-s { position: relative; z-index: 80; }
  .z-index-90--on-s { position: relative; z-index: 90; }
  .z-index-100--on-s { position: relative; z-index: 100; }
  .flex-row--on-s { flex-direction: row; }
  .flex-column--on-s { flex-direction: column; }
  .flex-row-reverse--on-s { flex-direction: row-reverse; }
  .flex-column-reverse--on-s { flex-direction: column-reverse; }
  .flex-wrap--on-s { flex-wrap: wrap; }
  .flex-nowrap--on-s { flex-wrap: nowrap; }
  .flex-wrap-reverse--on-s { flex-wrap: wrap-reverse; }
  .justify-start--on-s { justify-content: flex-start; }
  .justify-center--on-s { justify-content: center; }
  .justify-end--on-s { justify-content: flex-end; }
  .justify-between--on-s { justify-content: space-between; }
  .justify-around--on-s { justify-content: space-around; }
  .justify-evenly--on-s { justify-content: space-evenly; }
  .items-start--on-s { align-items: start; }
  .items-center--on-s { align-items: center; }
  .items-end--on-s { align-items: end; }
  .items-stretch--on-s { align-items: stretch; }
  .self-center--on-s { align-self: center; }
  .self-start--on-s { align-self: start; }
  .self-end--on-s { align-self: end; }
  .content-start--on-s { align-content: start; }
  .content-center--on-s { align-content: center; }
  .content-end--on-s { align-content: end; }
  .content-between--on-s { align-content: space-between; }
  .content-around--on-s { align-content: space-around; }
  .content-evenly--on-s { align-content: space-evenly; }
  .order-first--on-s { order: -99999; }
  .order-last--on-s { order: 99999; }
  .basis-auto--on-s { flex-basis: var(--basis-auto); }
  .basis-full--on-s { flex-basis: var(--basis-full); }
  .basis-0--on-s { flex-basis: var(--basis-0); }
  .basis-px--on-s { flex-basis: var(--basis-px); }
  .basis-1-2--on-s { flex-basis: var(--basis-1-2); }
  .basis-1-3--on-s { flex-basis: var(--basis-1-3); }
  .basis-2-3--on-s { flex-basis: var(--basis-2-3); }
  .basis-1-4--on-s { flex-basis: var(--basis-1-4); }
  .basis-3-4--on-s { flex-basis: var(--basis-3-4); }
}

@media (max-width: 767px) {
  /* MOBILE ONLY (--on-xs) */
  .hidden--on-xs { display: none; }
  .block--on-xs { display: block; }
  .inline-block--on-xs { display: inline-block; }
  .flex--on-xs { display: flex; }
  .inline-flex--on-xs { display: inline-flex; }
  .overflow-hidden--on-xs { overflow: hidden; }
  .overflow-auto--on-xs { overflow: auto; }
  .overflow-visible--on-xs { overflow: visible; }
  .object-cover--on-xs { object-fit: cover; }
  .object-contain--on-xs { object-fit: contain; }
  .object-fill--on-xs { object-fit: fill; }
  .object-none--on-xs { object-fit: none; }
  .object-scale-down--on-xs { object-fit: scale-down; }
  .aspect-square--on-xs { aspect-ratio: 1 / 1; }
  .aspect-video--on-xs { aspect-ratio: 16 / 9; }
  .aspect-auto--on-xs { aspect-ratio: auto; }
  .relative--on-xs { position: relative; }
  .absolute--on-xs { position: absolute; }
  .fixed--on-xs { position: fixed; }
  .sticky--on-xs { position: sticky; }
  .static--on-xs { position: static; }
  .z-index-0--on-xs { position: relative; z-index: 0; }
  .z-index-10--on-xs { position: relative; z-index: 10; }
  .z-index-20--on-xs { position: relative; z-index: 20; }
  .z-index-30--on-xs { position: relative; z-index: 30; }
  .z-index-40--on-xs { position: relative; z-index: 40; }
  .z-index-50--on-xs { position: relative; z-index: 50; }
  .z-index-60--on-xs { position: relative; z-index: 60; }
  .z-index-70--on-xs { position: relative; z-index: 70; }
  .z-index-80--on-xs { position: relative; z-index: 80; }
  .z-index-90--on-xs { position: relative; z-index: 90; }
  .z-index-100--on-xs { position: relative; z-index: 100; }
  .flex-row--on-xs { flex-direction: row; }
  .flex-column--on-xs { flex-direction: column; }
  .flex-row-reverse--on-xs { flex-direction: row-reverse; }
  .flex-column-reverse--on-xs { flex-direction: column-reverse; }
  .flex-wrap--on-xs { flex-wrap: wrap; }
  .flex-nowrap--on-xs { flex-wrap: nowrap; }
  .flex-wrap-reverse--on-xs { flex-wrap: wrap-reverse; }
  .justify-start--on-xs { justify-content: flex-start; }
  .justify-center--on-xs { justify-content: center; }
  .justify-end--on-xs { justify-content: flex-end; }
  .justify-between--on-xs { justify-content: space-between; }
  .justify-around--on-xs { justify-content: space-around; }
  .justify-evenly--on-xs { justify-content: space-evenly; }
  .items-start--on-xs { align-items: start; }
  .items-center--on-xs { align-items: center; }
  .items-end--on-xs { align-items: end; }
  .items-stretch--on-xs { align-items: stretch; }
  .self-center--on-xs { align-self: center; }
  .self-start--on-xs { align-self: start; }
  .self-end--on-xs { align-self: end; }
  .content-start--on-xs { align-content: start; }
  .content-center--on-xs { align-content: center; }
  .content-end--on-xs { align-content: end; }
  .content-between--on-xs { align-content: space-between; }
  .content-around--on-xs { align-content: space-around; }
  .content-evenly--on-xs { align-content: space-evenly; }
  .order-first--on-xs { order: -99999; }
  .order-last--on-xs { order: 99999; }
  .basis-auto--on-xs { flex-basis: var(--basis-auto); }
  .basis-full--on-xs { flex-basis: var(--basis-full); }
  .basis-0--on-xs { flex-basis: var(--basis-0); }
  .basis-px--on-xs { flex-basis: var(--basis-px); }
  .basis-1-2--on-xs { flex-basis: var(--basis-1-2); }
  .basis-1-3--on-xs { flex-basis: var(--basis-1-3); }
  .basis-2-3--on-xs { flex-basis: var(--basis-2-3); }
  .basis-1-4--on-xs { flex-basis: var(--basis-1-4); }
  .basis-3-4--on-xs { flex-basis: var(--basis-3-4); }
}

/* PCUN Design system customization classes */

/* Section sizes */
.section-XXL {
	padding-left: var(--space-80-24);
	padding-right: var(--space-80-24);
	padding-top: var(--space-200-140);
	padding-bottom: var(--space-200-140);
}

/* Logo & Icons sizes */
.elementor .icon-logo-8xl, .icon-logo-8xl {
    width: var(--font-size-8xl);
    height: auto;
}
.elementor .icon-logo-6xl, .icon-logo-6xl {
    width: var(--font-size-6xl);
    height: auto;
}
.elementor .icon-logo-4xl, .icon-logo-4xl {
    width: var(--font-size-4xl);
    height: auto;
}
.elementor .icon-sm, .icon-sm {
    width: var(--font-size-sm);
    height: auto;
}













/* link colors   
a {
	background-color: transparent;
	text-decoration: none;
	color: var(--pcun-color-OHAorange); }
	a:hover, a:active {
	  color: inherit; }
	a:not([href]):not([tabindex]) {
	  color: inherit;
	  text-decoration: none; }
	a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
	  color: inherit;
	  text-decoration: none; }
	a:not([href]):not([tabindex]):focus {
	  outline: 0; 
}*/
 /* link colors 
a.pcun-link-white:link, a.pcun-link-white:hover, a.pcun-link-white:visited { 
	color: white;
	text-decoration: underline;
	text-underline-offset: .2em;
}
a.pcun-link-black:link, a.pcun-link-black:hover, a.pcun-link-black:visited { 
	color: black; 
	text-decoration: underline;  
	text-underline-offset: .2em;
}
a.pcun-link-OHAblue:link, a.pcun-link-OHAblue:hover, a.pcun-link-OHAblue:visited { 
	color: var(--pcun-color-OHAblue); 
	text-decoration: underline;  
	text-underline-offset: .1em;
}
a.pcun-link-OHAorange:link, a.pcun-link-OHAorange:hover, a.pcun-link-OHAorange:visited { 
	color: var(--pcun-color-OHAorange); 
	text-decoration: underline;  
	text-underline-offset: .2em;
}
a.pcun-link-POFpurple:link, a.pcun-link-POFpurple:hover, a.pcun-link-POFpurple:visited { 
	color: var(--pcun-color-POFpurple); 
	text-decoration: underline;  
	text-underline-offset: .2em;
}*/
/* Brown link 
a.pcun-link-OHAbrown:link, a.pcun-link-OHAbrown:hover, a.pcun-link-OHAbrown:visited, a.pcun-extlink-OHAbrown:link, a.pcun-extlink-OHAbrown:hover, a.pcun-extlink-OHAbrown:visited { 
	color: var(--pcun-color-OHAbrown); 
	text-decoration: underline;  
	text-underline-offset: .2em;
}*/

/* External link icon --not using mask-- */
/* Obsolete as of 2024_04_24 ----> From: https://foxscribbler.com/7-examples-of-pseudo-elements/#Change_the_font_family_from_Font-Awesome_to_Elementor_icons */ 
/* From Kevin Powell's video 
*, *::before, *::after {box-sizing:border-box !important; }
*/

/* using Font Awesome 5 Free */
/* Ref:  https://gist.github.com/julian-stark/08af8559a691b0b8b39bf7c509bcf1a7?permalink_comment_id=3107701 */


a.extlink::after, a.pcun-extlink-OHAbrown::after, a.pcun-POF-partner-link::after, a.pcun-HOP-partner-link::after, .elementor-element-9161111 > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(1) > a:nth-child(1) > span:nth-child(2) a span span::after, .elementor-element-9161111 > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(1) > a:nth-child(1) > span:nth-child(2)::after, .pcun-staff-section .pcun-staff-wrapper .pcun-staff-block a::after, a.pcun-video-link::after, footer a.pcun-link-white::after, #pcun-HOP-intro-text a.pcun-link-white::after  {
    content: "\f35d";
    font-family: 'Font Awesome\ 5 Free';
    font-size: 70%;
/* Obsolete as of 2024_04_24 ----> using elementor's eIcons */
/*	content:'\e802';
	font-family: 'eicons';*/
	display: inline-block;
	font-weight:900;
	padding-left: .4rem;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: -.05rem;
}


/* footer fixed to the bottom */
/*.elementor-location-footer {
	width: 100%;
	position: absolute;
	bottom: 0;
}*/


/* footer external link */
section#pcun-footer-legal-section div#pcun-footer-legal-wrapper div.pcun-footer-legal-text p, footer p a.pcun-link-white {
	margin: 0 !important;
}

/* footer year for PHP shortcode in functions.php */
p.pcun-footer-dynamic-year {
	/*display: inline-block;*/
	color: #fff;
	margin: 0 !important;
	text-align: right;
}



/*
a#pcun-hero-CTA, a#pcun-podcast-CTA {
	color: #fff !important;
	text-decoration: solid !important;
	text-underline-offset: 1em;
}
*/


/* Popup menu  overflow scroll fix */
/*#elementor-popup-modal-28 .dialog-message, #elementor-popup-modal-2360 .dialog-message,*/ 
/*
.pcun-popup-menu-main-wrapper.elementor-popup-modal .dialog-message {
	overflow: hidden;
}
*/

/*
.dialog-lightbox-container div.elementor-section-wrap nav ul li.menu-item a:hover, #pcun-popup-menu-container #pcun-popup-menu-rigth-column #pcun-popup-menu-nav nav ul li.menu-item a:hover {
	text-decoration: underline !important;
}
*/

/* Line Height fix after WP 6.5.2 and elementor 3.21.3 and elementor-pro 3.21.1 */
/*
#pcun-popup-menu-nav ul.elementor-nav-menu > li.menu-item a {
	line-height: 120% !important;
}
*/


/*  Niyaz Poyilan loader begins */
/*
.elementor-editor-active #loader-wrapper {
	display: none;
	}
	*/
	/* Preloader from this codepen : https://codepen.io/niyazpoyilan/pen/PGQKZK , adapted for easy use in Elementor */

	/*
	#loader-wrapper {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #fff;
	z-index:9999;
	}
	
	
	#loader-wrapper .loader-section {
	position:fixed;
	bottom:-600px;
	width:100%;
	height:600px;
	z-index:1000;
	background-color:#0070bf;
	}
	
	#loader-wrapper .loader-section{
	left:0
	}
	*/

	/* Loaded Styles */
	
	/*
	.loaded #loader {
	opacity: 0;
	transition: all 0.2s ease-out;
	}
	
	.loaded #loader-wrapper {
	visibility: hidden;
	transform:translateY(-200%);
	transition: all 0.5s ease-out 1s;
	}
	*/
/* Niyaz Poyilan loader ends */	


/* Header color bar */
/* on top when first loading the homepage */ 
/*
body.home header header#pcun-header {
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
	-moz-border-image: var(--pcun-colorband-border) 30 round;
	-webkit-border-image: var(--pcun-colorband-border) 30 round;
	-o-border-image: var(--pcun-colorband-border) 30 round;
	border-image: var(--pcun-colorband-border) 30 round;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	background-repeat: no-repeat;
}

body.home header header#pcun-header.sticky-header.elementor-sticky--active.elementor-sticky--effects {
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
	-moz-border-image: var(--pcun-colorband-border) 30 round;
	-webkit-border-image: var(--pcun-colorband-border) 30 round;
	-o-border-image: var(--pcun-colorband-border) 30 round;
	border-image: var(--pcun-colorband-border) 30 round;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1 !important;
	background-repeat: no-repeat;
}
*/


/* color bars on bottom for all pages that are not .home */ 
/*
body:not(.home) header header#pcun-header {
	border-top: none !important;
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
	-moz-border-image: var(--pcun-colorband-border) 30 round;
	-webkit-border-image: var(--pcun-colorband-border) 30 round;
	-o-border-image: var(--pcun-colorband-border) 30 round;
	border-image: var(--pcun-colorband-border) 30 round;
	border-right: 0;
	border-left: 0;
	border-bottom: 1;
	background-repeat: no-repeat;
}
*/

/* for tablets and mobile */
/* mobile and tablet max 1023px wide */
/*
@media (min-width: 1px) and (max-width: 1023px) {
	body header header#pcun-header.sticky-header {
		border-width: 2px;
		border-style: solid;
		border-color: #fff;
		-moz-border-image: var(--pcun-colorband-border) 30 round;
		-webkit-border-image: var(--pcun-colorband-border) 30 round;
		-o-border-image: var(--pcun-colorband-border) 30 round;
		border-image: var(--pcun-colorband-border) 30 round;
		border-top: 0;
		border-right: 0;
		border-left: 0;
		border-bottom: 1 !important;
		background-repeat: no-repeat;
	}
}
*/


/* Google translate widget  ---------------------------------*/
/*
div#pcun-google-translate {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
}

#\:0\.targetLanguage::before {
	content: "Translate this page: ";
	display: flex;
}
*/



/* Homepage ---------------------------------*/
/* Hero section */
/* desktop */
/*
@media (min-width: 1024px) and (max-width: 8000px) {
	#pcun-hero-wrapper, html body div#page div div section#pcun-homepage-hero div div.pcun-hero-column div section#pcun-hero-wrapper {
		background-color: #F8F8F8 !important;
	}
}
*/

/* tablet */
/*
@media (min-width: 470px) and (max-width: 1023px) {
	section#pcun-homepage-hero div div.pcun-hero-column div div section#pcun-hero-wrapper {
		background-color: #fff !important;
	}
}
*/
/* mobile */
/*
@media screen and (max-width: 469px) { 
	section#pcun-homepage-hero div div.pcun-hero-column div div section#pcun-hero-wrapper {
		background-color: #fff !important;
	} 
}
*/

/* Impact stories */
/* PowerPack Advanced posts - 3 column widget */ 
/* new */
/*
#pcun-impact-stories-section #pcun-impact-stories-wrapper #pcun-impact-stories-adv-posts-pp div.pp-post {
	border-width: .12em;		
 }
*/

/* School navigators YouTube video */
/*
#pcun-color-box-video-wrapper #pcun-color-box-video-column #pcun-color-box-video-inner-section {
	border-width: .12em;
}
*/
/* pcun-impact-stories-section fix horizontal scroll on mobile */
/*
@media screen and (max-width:360px){
	.pcun-impact-stories-section, .pcun-impact-stories-adv-posts-pp, #pcun-POF-video-gallery-pp {
	width: 340px;
	}
}
*/


/* COVID response content block */
/* color: var(--pcun-color-POFpurple);*/
/*
section#pcun-full-width-covid-response div#pcun-copy-wrapper-covid-response .pcun-covid-icon-list ul li a span.pp-icon-list-text {
	text-decoration: underline;
	text-underline-offset: .2em;
	color: #000;
}

section#pcun-full-width-covid-response div#pcun-copy-wrapper-covid-response .pcun-covid-icon-list ul li a span.pp-icon-wrapper span.pp-icon-list-icon.pp-icon i, section#pcun-full-width-covid-response div#pcun-copy-wrapper-covid-response .pcun-covid-icon-list ul li a span.pp-icon-wrapper span.pp-icon-list-icon.pp-icon i::before {
	text-decoration:none !important;
	color: var(--pcun-color-POFpurple);
}
*/


/* animations */
/*
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.animated {
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
}
*/


/* Our Team section ----------------------------*/
/* Staff images mask */
/*
.pcun-staff-section .pcun-staff-wrapper .pcun-staff-block .pp-tm-image img  {
	border-radius: 50% !important;
}
*/

/* link style and icon*/
/*
.pcun-staff-section .pcun-staff-wrapper .pcun-staff-block a, section.pcun-staff-section div.pcun-staff-block div p a, #pcun-POF-partner-list-section #pcun-POF-partner-list-wrapper #pcun-POF-partner-table a, a.pcun-POF-partner-link, a.pcun-video-link, section.pcun-left-rings-intro-section div div.pcun-left-intro-text-container div div#pcun-our-team-intro-text div p a {
	color: var(--pcun-color-OHAbrown) !important;
	text-decoration: underline;
}
*/

/* desktop */
/*
@media (min-width: 1024px) and (max-width: 8000px) {
*/
    /* .pcun-staff-block --- */
	/*
	.pcun-staff-section .pcun-staff-wrapper div.pcun-staff-block {
        width: 31% !important;
    }
}
*/


/* tablet */
/*
@media (min-width: 470px) and (max-width: 1023px) {
    /* .pcun-staff-block --- */
	/*
	div.page-content div div section.pcun-staff-section div.pcun-staff-wrapper .pcun-staff-block, #pcun-POF-partner-list-section #pcun-POF-partner-list-wrapper .pcun-POF-partner-block, 
	*/
	/* new */ 
	/*
	.pcun-staff-section .pcun-staff-wrapper div.pcun-staff-block {
        width: 50% !important;
    }
}
*/

/* mobile */
/*
@media screen and (max-width: 469px) {
*/
    /* .pcun-staff-block --- */
	/*
	div.page-content div div section.pcun-staff-section div.pcun-staff-wrapper .pcun-staff-block, #pcun-POF-partner-list-section #pcun-POF-partner-list-wrapper .pcun-POF-partner-block, */
	/* new */
	/*
	.pcun-staff-section .pcun-staff-wrapper div.pcun-staff-block {
        width: 100% !important;
    }
}
*/


/* Protecting Oregon Farmworkers section ----------------------------*/
/* POF partners table section */
/*
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
*/
    /* Force table to not be like tables anymore */
	/*
    table, thead, tbody, th, td, tr, tfoot { 
        display: block; 
    }
	*/

	/* Hide table headers (but not display: none;, for accessibility) */
    /*
	thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
	
    tr { 
        padding-bottom: 1em;
        border-bottom: 1px solid #000;
    }
	*/

	/*
    td { 
	*/
        /* Behave  like a "row" */
		/*
        border: none;
		*/
        /*border-bottom: 3px solid #eee; */
		/*
        position: relative;
        padding-left: 50%; 
		word-break: normal !important;
		-ms-word-break: normal !important;
		hyphens: auto;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
    }
	*/

	/*
    td:before { 
	*/
        /* Now like a table header */
		/*
        position: absolute;
		*/
        /* Top/left values mimic padding */
		/*
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }

  .table-container table td::before {
    content: attr(data-heading);
    font-weight: bold;
  }
}
*/

/* sub menu link style */
/*
#pcun-POF-sticky-sub-menu div ul li a:link span.pp-icon-list-text, #pcun-POF-sticky-sub-menu div ul li a:hover span.pp-icon-list-text, #pcun-POF-sticky-sub-menu div ul li a:visited span.pp-icon-list-text, 
*/
/*#pcun-POF-logo-nav-section #pcun-POF-logo-nav-wrapper #pcun-POF-icon-list-nav div ul li a:link span.pp-icon-list-text, #pcun-POF-logo-nav-section #pcun-POF-logo-nav-wrapper #pcun-POF-icon-list-nav div ul li a:hover span.pp-icon-list-text, #pcun-POF-logo-nav-section #pcun-POF-logo-nav-wrapper #pcun-POF-icon-list-nav div ul li a:visited span.pp-icon-list-text,*/ 
/*
#pcun-HOP-sticky-sub-menu #pcun-HOP-sticky-sub-menu-wrapper #pcun-HOP-icon-list-nav div ul li a:link span.pp-icon-list-text, #pcun-HOP-sticky-sub-menu #pcun-HOP-sticky-sub-menu-wrapper #pcun-HOP-icon-list-nav div ul li a:hover span.pp-icon-list-text, #pcun-HOP-sticky-sub-menu #pcun-HOP-sticky-sub-menu-wrapper #pcun-HOP-icon-list-nav ul li a:visited span.pp-icon-list-text { 
	text-decoration:underline;
	text-underline-offset: .15em;
}

#pcun-color-rings-SVG, #pcun-POF-intro-copy-section {
    overflow-x:hidden;
}
*/

/** OLD ** Healthier Oregon section ----------------------------*/
/*
section .pcun-full-width-color-section div div.pcun-full-width-color-sub-container div section .pcun-blueBKG-paragraph div.elementor-widget-container p a, .pcun-blueBKG-paragraph p a {
	color: #ffffff !important;
	text-decoration:none !important;
	font-weight: 700 !important;
}
section .pcun-full-width-color-section div div.pcun-full-width-color-sub-container div section .pcun-blueBKG-paragraph div.elementor-widget-container p a:hover, .pcun-blueBKG-paragraph a:hover {
	color: #ffffff !important;
	text-decoration:underline !important;
	font-weight: 700 !important;
}
*/


/*  Community Partners section -----------------------------------*/
/*
#pcun-right-rings-boxed-svg {
    overflow-x: hidden !important;
}
*/
/* desktop */
/*
@media (min-width: 1024px) and (max-width: 8000px) {

}
*/
/* tablet */
/*
@media (min-width: 470px) and (max-width: 1023px) {

}
*/
/* mobile */
/*
@media screen and (max-width: 469px) {

}
*/


/*  Healthier Oregon / Oregon Mas Saludable section -----------------------------------*/
/* link style and icon*/
/*
#pcun-HOP-partner-list-section #pcun-HOP-partner-list-wrapper #pcun-HOP-partner-table a, a.pcun-HOP-partner-link {
	color: var(--pcun-color-OHAblue) !important;
	text-decoration: underline;
}
.pcun-HOP-eligibility-span-lighter {
	text-align: center; 
	font-size: var( --e-global-typography-481cdfc-font-size); 
	font-family: var( --e-global-typography-481cdfc-font-family ), Sans-serif; 
	font-weight: var( --e-global-typography-481cdfc-font-weight ); 
	line-height: var( --e-global-typography-481cdfc-line-height ); 
	letter-spacing: var( --e-global-typography-481cdfc-letter-spacing ); 
	word-spacing: var( --e-global-typography-481cdfc-word-spacing );
}

.pcun-HOP-eligibility-span-bolder {
	text-align: center; 
	font-family: var( --e-global-typography-bfc8588-font-family ), Sans-serif; 
	font-size: var( --e-global-typography-bfc8588-font-size ); 
	font-weight: var( --e-global-typography-bfc8588-font-weight ); 
	font-style: var( --e-global-typography-bfc8588-font-style ); 
	text-decoration: var( --e-global-typography-bfc8588-text-decoration ); 
	line-height: var( --e-global-typography-bfc8588-line-height ); 
	letter-spacing: var( --e-global-typography-bfc8588-letter-spacing ); 
	word-spacing: var( --e-global-typography-bfc8588-word-spacing );
}
*/

/* sticky sub menu w media queries */
/* desktop */
/*
@media (min-width: 1024px) and (max-width: 10000px) {
	#pcun-HOP-sticky-sub-menu, #pcun-POF-sticky-sub-menu { 
		position: sticky !important; 
		position: -webkit-sticky; 
		*/
		/*top: 100px;*/
		/*
	}
}
*/

/* tablet */
/*
@media (min-width: 470px) and (max-width: 1023px) {
	#pcun-HOP-sticky-sub-menu, #pcun-POF-sticky-sub-menu { 
		position: sticky !important; 
		position: -webkit-sticky; 
		*/
		/*top: 100px;*/
		/*
	}
}
*/
/*
/* mobile */
/*
@media screen and (max-width: 469px) {
	@media (min-width: 470px) and (max-width: 1023px) {
		#pcun-HOP-sticky-sub-menu, #pcun-POF-sticky-sub-menu { 
			display: none;			
		}
	}
}
*/