:root {

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

--isi-height-default:210px;
--isi-height-collapsed:60px;
--isi-bg:#ffffff;
--isi-shadow:0 -6px 20px rgba(0,0,0,0.12);
--isi-bar-min-height:212px;
	
/* ===== 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%;

/* ===== myRARE Colors ===== */

  --reg-blue: #065BAA;
  --reg-dark-blue: #21228A;
  --reg-light-blue: #43B4E4;
  --reg-yellow: #FFC159;
  --reg-body: rgba(0, 0, 0, 0.80);
  --reg-gradient: linear-gradient(180deg, #0F4DBC 0%, #43B4E4 100%);
  --reg-grey2: #505050;
  --reg-grey3: #4A4D50;
 

/* ===== EVKEEZA Colors ===== */

  --evkeeza-blue: #21228A;
  --evkeeza-blue2: #21368A;
  --evkeeza-pink: #DD6493;
  --evkeeza-above-blue: #009DE2;
  --evkeeza-light-pink: #FEF1F6;


/* ===== PASATRU Colors ===== */

  --pasatru-pink: #981B74;
  --pasatru-light-pink: #FEF4FD;
  --pasatru-dark-pink: #7B0453;


/* ===== VEOPOZ Colors ===== */

  --veopoz-blue: #004076;
  --veopoz-green: #5AC573;
  --veopoz-light-blue: #F0F5FB;
  --veopoz-light-yellow: #FCFBEF;


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

    --color-primary: #21228A;
    --color-blue:#065BAA;
    --color-white: #ffffff;
    --color-black: #000;
    --color-light: #F3F4F6;
    --color-dark: #222;
    --color-dark-grey: #202020;
    --color-light-grey:#e9e7e7;
    --color-orange: #F07B05;
    --body-color: #000000D9;
    --body: #d4d4d4;
    --menu-color: #162e4b;
    --subnav-bg: #EFEFEF;
    --color-grey: #58585A;
    

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

    --font-base: 'Roboto', sans-serif;
    --font-condensed: 'Roboto', sans-serif;
    --font-headers: 'Roboto', sans-serif;
    --font-slab: 'Roboto Slab', serif;
    --font-shadows: 'Shadows Into Light', cursive;
    --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;

/* ===== Margin ===== */ 

    --margin-5: 5px;
    --margin-10: 10px;
    --margin-15: 15px;
    --margin-20: 20px;
    --margin-25: 25px;
    --margin-30: 30px;
    --margin-35: 35px;
    --margin-40: 40px;
    --margin-50: 50px;
    --margin-55: 55px;
    --margin-60: 60px;
    --margin-70: 70px;
    --margin-75: 75px;
    --margin-80: 80px;
    --margin-90: 90px;
    --margin-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:225px;--isi-height-collapsed:68px;--isi-bar-min-height:212px;
        --isi-height-initial:225px;
	}
}