:root {

/* ===== ISI TRAY ===== */

 --isi-height-default: 117px;
 --isi-height-collapsed: 117px;
 --isi-border: 1px solid #d9d9d9;
 --isi-bg: #ffffff;
 --isi-shadow: 0 -6px 20px rgba(0, 0, 0, 0.12);
 --isi-bar-min-height: 117px;
	
/* ===== Sticky Header ===== */

 --smart-header-height: 120px;

/* ===== ACF PRO Padding ===== */

  --wp-core-pt: 30px;
  --wp-core-pb: 30px;
  --wp-core-gap: 30px;
  --wp-core-overlay-opacity: 0;
  --wp-core-bg-size-mobile: cover;
  --wp-core-bg-position-mobile: center center;
  --wp-core-pl: 32px;
  --wp-core-pr: 32px;
  --wp-core-divider-color: #D9E4CD;
  --wp-core-divider-size: 4px;
  --wp-core-divider-mobile-width: 100%;
  --wp-core-gap-mobile: 20px;
  --wp-core-inner-width: 100%;
  --wp-core-inner-width-mobile: 100%;

/* ===== Background Colors ===== */

    --color-primary: #002D48;
    --color-secondary: #E73E58;
    --color-accent: #DDF4FF;
    --color-white: #ffffff;
    --color-black: #000;
    --color-light: #F3F4F6;
    --color-dark: #222;
    --color-dark-grey: #202020;
    --color-orange: #F07B05;
    --body-color: #4D4D4F;
    --body: #d4d4d4;

/* ===== Fonts ===== */

    --font-base: 'Figtree', sans-serif;
    --font-headers: 'Figtree', sans-serif;
    --font-size-base: 18px;
    --font-size-lg: 25px;
    --font-size-md: 19px;
    --font-size-sm: 15px;
    --font-size-xsm: 14px;
    --font-size-xxsm: 11px;

/* ===== Spacing ===== */ 

    --space-0: 0.125rem; /* 2px */
    --space-1: 0.25rem;  /* 4px */
    --space-2: 0.5rem;   /* 8px */
    --space-3: 0.938rem;     /* 15px */
    --space-4: 1.5rem;   /* 24px */
    --space-5: 2rem;     /* 32px */
    --space-6: 3rem;     /* 48px */
    --space-7: 70px;     /* 48px */

/* ===== Padding ===== */ 

    --padding-5: 5px;
    --padding-10: 10px;
    --padding-15: 15px;
    --padding-20: 20px;
    --padding-25: 25px;
    --padding-30: 30px;
    --padding-35: 35px;
    --padding-40: 40px;
    --padding-50: 50px;
    --padding-55: 55px;
    --padding-60: 60px;
    --padding-70: 70px;
    --padding-75: 75px;
    --padding-80: 80px;
    --padding-90: 90px;
    --padding-100: 180px;

/* ===== FX ===== */

    --radius-md: 8px;
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);

/* ===== Layout Width ===== */  

    --bp-sm: 480px;
    --bp-md: 768px;
    --bp-lg: 1024px;
    --bp-xl: 1440px;

    --width-sm: 25%;
    --width-md: 65%;
    --width-lg: 85%;
    --width-default: 100%;

}

@media (max-width: 767px) {
	:root {
		--isi-height-default: 160px;
		--isi-height-collapsed: 160px;
	}
}