/* **********************************************************
	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
 * ******************************************************** */


/* *****************************
	COLORS & FONTS
 * *****************************
CLIENT COLORS
Off White #F1F1F1
Lt Teal #D4F0F0
Teal #A1CCCF
Dark Gray Teal #444E5A
Dark Teal #0D5055 - use this as Button Hover

ELEMENTOR GLOBAL COLORS
Primary Dark Teal #444E5A
Secondary Teal #A1CCCF
Text #444E5A
Accent Lt Teal #D4F0F0

Dark Teal #0D5055

Off White #F1F1F1
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: #444E5A;
    --e-global-color-secondary: #A1CCCF;
    --e-global-color-text: #444E5A;
    --e-global-color-accent: #D4F0F0;
    --e-global-color-dcbd072: #0D5055;
    --e-global-color-c37cbc3: #F1F1F1;
    --e-global-color-f19b530: #E1E1E1;
    --e-global-color-06b2356: #D1D1D1;
    --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;
    background-color: var( --e-global-color-c37cbc3 );
    color: var( --e-global-color-text );
    font-family: "utile-display", Sans-serif;
    font-size: clamp(16px, calc(1.15rem + 0.5vw - 6px), 20px);
    line-height: 1.5em;
    letter-spacing: 1px;

FONTS 
Body: Utile
Headings: Brandon Grotesque
Fancy Headings: Unna
Script - in Hero: La Belle Aurore

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