// ------------------------------------------------------------------------------------------
// Media queries breakpoints
// ------------------------------------------------------------------------------------------
$break-tablet-lg:            1200px !default;
$break-tablet-sm:            1023px !default;
$break-mobile:               767px !default;

// ------------------------------------------------------------------------------------------
// Colors
// ------------------------------------------------------------------------------------------
$color-grey:                 #f7f7f7 !default;
$color-border:               #efefef !default;
$color-transparent-grey:     rgba(170,170,170,0.3) !default;
$color-transparent-grey-2:   rgba(170,170,251,0.1) !default;

// ------------------------------------------------------------------------------------------
// Icon Sizes
// ------------------------------------------------------------------------------------------
$icon_larger_sizes: (
	'extra-small': 32px,
	'small': 48px,
	'medium': 72px,
	'large': 96px,
	'extra-large': 120px,
);

$icon_smaller_sizes: (
	'extra-small': 16px,
	'small': 24px,
	'medium': 36px,
	'large': 48px,
	'extra-large': 60px,
);

@keyframes eutf_pulse_animation {
	0%{ opacity: 0; transform: scale(0.00) }
	1%{ opacity: 0.8 }
	15%{ opacity: 0.4 }
	70%{ transform: scale(1);  opacity: 0 }
}


$spacing: 0 1 5 10 15 20 25 30 35 40 45 50 55 60 65 70 75 80 85 90 95 100;