:root {
	--color-text: #333333;

	--color-primary-main: #0632a0;
	--color-primary-light: #1eb4e6;
	--color-primary-dark: #0632a0;

	--color-secondary-light: #3cc85a;
	--color-secondary-dark: #3cc85a;

	--color-off-white: #f5f5f5;
	--color-off-black: #262626;
	--color-mid-gray: #c6c6c6;
 
	--font-body: 'rigsans', sans-serif;
	--font-heading: 'fieldgothic', sans-serif;
	--font-icon: 'Font Awesome 5 Pro';

	--grad-primary-1: #E4E5E6;
	--grad-primary-2: #D2D2D3;
	--grad-primary-3: #FFFFFF;
	--grad-primary-4: #C7C8CB;

	--grad-light-1: #E0E0E0;
	--grad-light-2: #FFFFFF;
	--grad-light-3: #E5E5E5;
	--grad-light-4: #EFF0F0;

	--transition-timing: ease-in-out;
	--transition-duration: 0.4s;
	--transition-height-open: cubic-bezier(.7, .22, .78, .35);
	--transition-height-close: cubic-bezier(0, .97, 0, .98);

	--header-size: 5rem;

	--gutter-width: 15px;
	--wpb-gutter-width: 15px;

	--vh: 1vh;
}