/* **********************************************************
	JUPITER X CHILD THEME
	- Add / Update Client Colors & Fonts Below
	- See Other CSS sheets to edit existing code
	- Add any new code to appropriate sheet
 * ******************************************************** */

/* ******************************
 * CUSTOM FONTS
 * *************************** */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@font-face {
  font-family: 'Iquost';
  src: url('https://ticebusinesssolutions.com/wp-content/uploads/2026/03/Iquost-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bronson Black';
  src: url('https://ticebusinesssolutions.com/wp-content/uploads/2026/03/BRONSON-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


/* *****************************
	COLORS & FONTS
 * *****************************
CLIENT COLORS
Brand White        #ebebeb  --color-brand-white
Burnt Orange #ba5b3d  --color-crail
Light Cyan   #bfdbde  --color-ziggurat
Teal         #6fa4ad  --color-gulf-stream
Cadet Blue   #3a4b4c  --color-limed-spruce
Black        #000000  --e-global-color-9932f5e

ELEMENTOR GLOBAL COLORS
Primary   Cadet Blue       #3a4b4c  --color-limed-spruce
Secondary Burnt Orange     #ba5b3d  --color-crail
Text      Neutral Darkest  #0a0b0b  --color-neutral-darkest
Accent    Teal             #6fa4ad  --color-gulf-stream

Brand White        #ebebeb
Light Cyan   #bfdbde


White #fff
Lightest Gray #eee
Lighter Gray #ddd
Light Gray #aaa
Gray #888
Dark Gray #6a6a6a
Darker Gray #444
Darkest Gray #222
Black #000

VARIABLES
	--e-global-color-primary: #3A4B4C;
    --e-global-color-secondary: #BA5B3D;
    --e-global-color-text: #0A0B0B;
    --e-global-color-accent: #6FA4AD;
    --e-global-color-1b3576f: #EBEBEB;
    --e-global-color-54be43c: #BFDBDE;
    --e-global-color-c37cbc3: #FFFFFF;
    --e-global-color-f19b530: #EEEEEE;
    --e-global-color-06b2356: #DDDDDD;
    --e-global-color-78fc7b4: #AAAAAA;
    --e-global-color-b7192ec: #888888;
    --e-global-color-d7e4202: #6A6A6A;
    --e-global-color-1849d1a: #444444;
    --e-global-color-a198975: #222222;
    --e-global-color-9932f5e: #000000;
    color: var(--e-global-color-text);

FONTS 
Iquost & Raleway

 * *************************** */


/* ******************************
 * DESIGN TOKENS — COLOR PALETTE
 * *************************** */
:root {

/* NEUTRAL */
--color-brand-white: #ebebeb;
--color-white: #ffffff;
--color-neutral-lightest: #f2f2f2;
--color-neutral-lighter: #dadada;
--color-neutral-light: #b5b5b5;
--color-neutral: #848585;
--color-neutral-dark: #535454;
--color-neutral-darker: #222323;
--color-neutral-darkest: #0a0b0b;

/* GULF STREAM */
--color-gulf-stream-lightest: #f0f5f6;
--color-gulf-stream-lighter: #e2ecee;
--color-gulf-stream-light: #9abfc5;
--color-gulf-stream: #6fa4ad;
--color-gulf-stream-dark: #58838a;
--color-gulf-stream-darker: #2c4145;
--color-gulf-stream-darkest: #213133;

/* ZIGGURAT */
--color-ziggurat-lightest: #f8fbfb;
--color-ziggurat-lighter: #f2f7f8;
--color-ziggurat-light: #d2e5e7;
--color-ziggurat: #bfdbde;
--color-ziggurat-dark: #98afb1;
--color-ziggurat-darker: #4c5758;
--color-ziggurat-darkest: #394142;

/* LIMED SPRUCE */
--color-limed-spruce-lightest: #ebeded;
--color-limed-spruce-lighter: #d7dbdb;
--color-limed-spruce-light: #758181;
--color-limed-spruce: #3a4b4c;
--color-limed-spruce-dark: #2e3c3c;
--color-limed-spruce-darker: #171e1e;
--color-limed-spruce-darkest: #111616;

/* CRAIL */
--color-crail-lightest: #f8eeeb;
--color-crail-lighter: #f1ded8;
--color-crail-light: #ce8c77;
--color-crail: #ba5b3d;
--color-crail-dark: #944830;
--color-crail-darker: #4a2418;
--color-crail-darkest: #371b12;

/* OPACITY WHITE */
--color-opacity-white-0: rgba(255, 255, 255, 0);
--color-opacity-white-5: rgba(255, 255, 255, 0.05);
--color-opacity-white-10: rgba(255, 255, 255, 0.10);
--color-opacity-white-15: rgba(255, 255, 255, 0.15);
--color-opacity-white-20: rgba(255, 255, 255, 0.20);
--color-opacity-white-30: rgba(255, 255, 255, 0.30);
--color-opacity-white-40: rgba(255, 255, 255, 0.40);
--color-opacity-white-50: rgba(255, 255, 255, 0.50);
--color-opacity-white-60: rgba(255, 255, 255, 0.60);

/* OPACITY NEUTRAL DARKEST */
--color-opacity-neutral-5: rgba(10, 11, 11, 0.05);
--color-opacity-neutral-10: rgba(10, 11, 11, 0.10);
--color-opacity-neutral-15: rgba(10, 11, 11, 0.15);
--color-opacity-neutral-20: rgba(10, 11, 11, 0.20);
--color-opacity-neutral-30: rgba(10, 11, 11, 0.30);
--color-opacity-neutral-40: rgba(10, 11, 11, 0.40);
--color-opacity-neutral-50: rgba(10, 11, 11, 0.50);
--color-opacity-neutral-60: rgba(10, 11, 11, 0.60);

/* SEMANTIC UI */
--color-text-light: var(--color-white);               /* light text for dark backgrounds */
--color-secondary: var(--color-ziggurat-dark);       /* link and button color */
--color-secondary-light: var(--color-crail-light);  /* hover state */

}

/* ******************************
 * FONT SIZE VARS
 * *************************** */
:root {
--wst-body-text-lg: clamp(18px, calc(0.125vw + 17.6px + max(0px, (100vw - 1920px) * 0.0047)), 23px);
--wst-body-text-md: clamp(16px, calc(0.125vw + 15.6px + max(0px, (100vw - 1920px) * 0.0047)), 21px);
--wst-body-text: clamp(15px, calc(0.063vw + 14.8px + max(0px, (100vw - 1920px) * 0.0031)), 18px);
--wst-body-text-sm: clamp(13px, calc(0.063vw + 12.8px + max(0px, (100vw - 1920px) * 0.0031)), 16px);
--wst-body-text-xs: clamp(12px, calc(0vw + 12px + max(0px, (100vw - 1920px) * 0.0031)), 14px);
--wst-h1: clamp(40px, calc(1vw + 36.8px + max(0px, (100vw - 1920px) * 0.0125)), 64px);
--wst-h2: clamp(36px, calc(0.75vw + 33.6px + max(0px, (100vw - 1920px) * 0.0109)), 55px);
--wst-h3: clamp(32px, calc(0.5vw + 30.4px + max(0px, (100vw - 1920px) * 0.0094)), 46px);
--wst-h4: clamp(24px, calc(0.5vw + 22.4px + max(0px, (100vw - 1920px) * 0.0078)), 37px);
--wst-h5: clamp(20px, calc(0.25vw + 19.2px + max(0px, (100vw - 1920px) * 0.0063)), 28px);
--wst-h6: clamp(18px, calc(0.125vw + 17.6px + max(0px, (100vw - 1920px) * 0.0047)), 23px);
--wst-h1-home: clamp(40px, calc(1vw + 36.8px + max(0px, (100vw - 1920px) * 0.0125)), 64px);
--wst-h2-small: var(--wst-h3);
--wst-h2-kicker: clamp(20px, calc(0.25vw + 19.2px + max(0px, (100vw - 1920px) * 0.0063)), 28px);
--wst-h2-small-kicker: clamp(20px, calc(0.25vw + 19.2px + max(0px, (100vw - 1920px) * 0.0063)), 28px);
--wst-kicker: clamp(20px, calc(0.25vw + 19.2px + max(0px, (100vw - 1920px) * 0.0063)), 28px);
--wst-header-menu: clamp(15px, calc(0.063vw + 14.8px + max(0px, (100vw - 1920px) * 0.0031)), 18px);
--wst-header-mobile-menu: clamp(18px, calc(0.125vw + 17.6px + max(0px, (100vw - 1920px) * 0.0047)), 23px);
--wst-header-phone: clamp(15px, calc(0.063vw + 14.8px + max(0px, (100vw - 1920px) * 0.0031)), 18px);
--wst-footer-headings: clamp(18px, calc(0.125vw + 17.6px + max(0px, (100vw - 1920px) * 0.0047)), 23px);
--wst-footer-links: clamp(15px, calc(0.063vw + 14.8px + max(0px, (100vw - 1920px) * 0.0031)), 18px);
--wst-footer-location-links: clamp(15px, calc(0.063vw + 14.8px + max(0px, (100vw - 1920px) * 0.0031)), 18px);
--wst-footer-form-title: clamp(15px, calc(0.063vw + 14.8px + max(0px, (100vw - 1920px) * 0.0031)), 18px);
--wst-btn: clamp(15px, calc(0.063vw + 14.8px + max(0px, (100vw - 1920px) * 0.0031)), 18px);
--wst-card-title: clamp(24px, calc(0.5vw + 22.4px + max(0px, (100vw - 1920px) * 0.0078)), 37px);
--wst-card-text: clamp(15px, calc(0.063vw + 14.8px + max(0px, (100vw - 1920px) * 0.0031)), 18px);
--wst-blog-title-featured: clamp(36px, calc(0.75vw + 33.6px + max(0px, (100vw - 1920px) * 0.0109)), 55px);
--wst-hero-subtext: clamp(16px, calc(0.125vw + 15.6px + max(0px, (100vw - 1920px) * 0.0047)), 21px);
--wst-stat-number: clamp(48px, calc(2vw + 41.6px + max(0px, (100vw - 1920px) * 0.0188)), 92px);
--wst-stat-label: clamp(18px, calc(0.125vw + 17.6px + max(0px, (100vw - 1920px) * 0.0047)), 23px);
--wst-faq-question: clamp(16px, calc(0.125vw + 15.6px + max(0px, (100vw - 1920px) * 0.0047)), 21px);
}

/* ******************************
 * SPACING VARIABLES
 * *************************** */
:root {
--space-0: 0;
--space-0-5: 0.5rem;	
--space-1: 1rem;
--space-1-5: 1.5rem;
--space-xs: 2rem;
--space-sm: 3rem;
--space-md: 5rem;
--space-lg: 7rem;
--space-xl: 10rem;
}
@media (max-width: 1024px) {
  :root {
    --space-xl: 9rem;
  }
}
@media (max-width: 767px) {
  :root {
    --space-md: 4rem;
    --space-lg: 6rem;
    --space-xl: 8rem;
  }
}


/* ******************************
 * BORER RADIUS VARs
 * *************************** */
:root {
--radius-xs: 4px;
--radius-sm: 6px;
--radius-md: 8px;
--radius-lg: 15px;
--radius-xl: 30px;
}
@media (max-width: 1024px) {
  :root {
	--radius-lg: 10px;
	--radius-xl: 20px;
  }
}
@media (max-width: 767px) {
  :root {
	--radius-lg: 8px;
	--radius-xl: 10px;
  }
}