:root {

	/** Colors **/
	--white: #ffffff;
	--black: #000000;
	--blue: #001025;
	--red: #bc002f;
	--red-alt: #d0454c;
	--gold: #cda780;
	--gold-alt: #e5ccbd;
	--grey: #efefef;
	--grey-alt: #e1e1e1;
	
	--blue-transparent: #001025d9;
	--red-transparent: #bc002fd9;
	--gold-transparent: #cda780d9;
	
	--blue-transparent-light: #00102568;
	--red-transparent-light: #bc002f68;
	--gold-transparent-light: #cda78068;
	
	/** Refresh 3.5 Updates **/
	--white: #FAF5F2;
	--black: #081726;
	--red: #CC0028;
	--red-alt: #f0bbbf;
	--blue: #081726;
	--gold: #d1B582;
	--blue-transparent: #081726d9;
	--red-transparent: #CC0028d9;
	--gold-transparent: #d1B582d9;
	--blue-transparent-light: #08172668;
	--red-transparent-light: #FF4a4a68;
	--gold-transparent-light: #d1B58268;
	--rebel-red: #FF4A4A;
	--rebel-red-transparent: #FF4A4Ad9;
	--rebel-red-transparent-light: #FF4A4A68;
	--pink: #F0B8BF;
	--button-border-radius: 25px;
	
	/** 4.0 **/
	
	/** Refresh 4.0 Colors **/
	--red: #ff4a4a;
	--red-1: #ffcfcf;
	--red-2: #ffb7b7;
	--red-3: #ff9292;
	--red-4: #ff6e6e;
	--red-5: #ff4a4a;
	--red-6: #da3d3d;
	--red-7: #b63131;
	--red-8: #8f2828;
	--red-9: #6d1f1f;
	--white: #ffffff;
	/** Overwrite **/
	--pink: #ffffff;
	--cream: #faf5f2;
	--cream-1: #ffffff;
	--cream-2: #faf5f2;
	--cream-3: #f4eae7;
	--cream-4: #ebe0dc;
	--cream-5: #dfd3cf;
	--cream-6: #d4c5c0;
	--cream-7: #c4b4ad;
	--cream-8: #baaaa4;
	--cream-9: #a89a94;
	--blue: #081726;
	--blue-1: #e6e7e8;
	--blue-2: #cdcfd2;
	--blue-3: #a7abb0;
	--blue-4: #81878e;
	--blue-5: #5b636c;
	--blue-6: #364049;
	--blue-7: #1c2833;
	--blue-8: #081726;
	--blue-9: #03101c;
	--blue-transparent: #081726d9;
	--red-transparent: #ff4a4ad9;
	--blue-transparent-light: #08172668;
	--red-transparent-light: #ff4a4a68;
	
	--grey: #e7e7e8;
	--grey-alt: #cdcfd2;

	/** Refresh 4.0 Font Family **/
	--font-family-indivisible: "Indivisible", Arial, sans-serif;
	--font-family-ivypresto: "ivypresto-headline", Garamond, serif;
	
	/** Refresh 4.0 Font Sizes **/
	--font-size-h1: 3rem;
	--font-size-h2: 2.25rem;
	--font-size-h3: 2rem;
	--font-size-h4: 1.75rem;
	--font-size-h5: 1.5rem;
	--font-size-h6: 1.25rem;	
	--font-size-xl: 1.5rem;
	--font-size-large: 1.25rem;
	--font-size-default: 1rem;
	--font-size-regular: 1rem;
	--font-size-medium: .875rem;
	--font-size-small: .75rem;
	--font-size-legal: .75rem;

	/** Font Weights **/
	--font-weight-light: 300;
	--font-weight-default: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 600;

	/** Shadows **/
	--shadow-default: 0 2px 4px #1A1A1A40;
	--shadow-2: 0 2px 4px #1A1A1A40;
	--shadow-3: 0 4px 8px #1A1A1A32;
	--shadow-4: 0 4px 16px #1A1A1A24;
	--shadow-5: 0 4px 24px #1A1A1A16;
	--shadow-a: 0 2px 1px #1A1A1A40;
    --shadow-2-reverse: 0 -2px 4px #1A1A1A40;
	--shadow-3-reverse: 0 -4px 8px #1A1A1A32;
	--shadow-4-reverse: 0 -4px 16px #1A1A1A24;
	--shadow-5-reverse: 0 -4px 24px #1A1A1A16;
	--shadow-a-reverse: 0 -2px 1px #1A1A1A40;
	
	/** Default Settings **/
	--font-body: 1rem;
	--line-height-large: 1.5;
	--line-height-medium: 1.25;
	--line-height-small: 1;
	--line-height-default: 1;
	--letter-spacing-default: 0px;
	
	--button-border-radius: 25px;
	
	--border-radius-0: 0;
	--border-radius-default: 16px;
	
	--transition-default: .3s;
	
	--hover-opacity-default: 0.7;
	
	--header-height: 57px;
	
	--button-background: var(--blue);
	--button-color: var(--blue);
	--button-background-hover: var(--red);
	--button-color-hover: var(--red);
	--button-background-active: var(--red-8);
	--button-color-active: var(--red-8);
	
	--cta-button-background: linear-gradient(to right, var(--red), var(--red-7));
	--cta-button-color: linear-gradient(to right, var(--red), var(--red-7));
	
	/** Gap for Flex **/
	--gap-default: 24px;
	
	
	/** Padding/Margin Settings **/
	--padding-multiplier: 2;
	--margin-multiplier: 2;
	--padding-0: calc(var(--padding-multiplier) * 0px); /*0*/
	--padding-1: calc(var(--padding-multiplier) * 2px); /*/4*/
	--padding-2: calc(var(--padding-multiplier) * 4px); /*/8*/
	--padding-3: calc(var(--padding-multiplier) * 8px); /*/16*/
	--padding-4: calc(var(--padding-multiplier) * 12px); /*/24*/
	--padding-5: calc(var(--padding-multiplier) * 18px); /*/36*/
	--padding-6: calc(var(--padding-multiplier) * 24px); /*48*/
	--padding-7: calc(var(--padding-multiplier) * 36px); /*72*/
	--padding-8: calc(var(--padding-multiplier) * 48px); /*96*/
	--margin-0: calc(var(--margin-multiplier) * 0px);
	--margin-1: calc(var(--margin-multiplier) * 2px);
	--margin-2: calc(var(--margin-multiplier) * 4px);
	--margin-3: calc(var(--margin-multiplier) * 8px);
	--margin-4: calc(var(--margin-multiplier) * 12px);
	--margin-5: calc(var(--margin-multiplier) * 18px);
	--margin-6: calc(var(--margin-multiplier) * 24px);
	--margin-7: calc(var(--margin-multiplier) * 36px);
	--margin-8: calc(var(--margin-multiplier) * 48px);
	
}
/** Screen Size Font Size Adjustments **/
@media screen and (max-width: 768px) {
	/** Adjustments for Tablet Size **/
  :root {
	/** Refresh 4.0 Font Sizes **/
	--font-size-h1: 2.25rem;
	--font-size-h2: 2rem;
	--font-size-h3: 1.75rem;
	--font-size-h4: 1.5rem;
	--font-size-h5: 1.25rem;
	--font-size-h6: 1.125rem;
	  
	/** Gap for Flex **/
	--gap-default: 16px;
	  
	--border-radius-default: 12px;
	  
	--header-height: 42px;


  }
}