/************************
A NOTE ABOUT THIS CSS:
This file controls theme color variables and utility classes.
To modify theme assets, see style.css
*************************/

/****************************
SETTING THEME VARIABLES - THEME COLORS
*****************************/
:root {
	--bodybg: #eee;
	--dark: #191919;
	--light: #ffffff;
	--gray: #89857A;
	--primary: #333;
	--secondary: #8A6F0F;
	--tertiary: #E8C440;
	--bs-danger-rgb: 125,54,54;
	--bs-warning-rgb: 125,102,54;
	--bs-success-rgb: 54,125,92;
	--bs-info-rgb: 93,151,162;

	--primary-tint-01: color-mix(in srgb, var(--primary), white 35%);
	--primary-tint-02: color-mix(in srgb, var(--primary), white 65%);
	--primary-tint-03: color-mix(in srgb, var(--primary), white 80%);
	--primary-shade-01: color-mix(in srgb, var(--primary), black 35%);
	--primary-shade-02: color-mix(in srgb, var(--primary), black 65%);

	--secondary-tint-01: color-mix(in srgb, var(--secondary), white 35%);
	--secondary-tint-02: color-mix(in srgb, var(--secondary), white 65%);
	--secondary-tint-03: color-mix(in srgb, var(--secondary), white 80%);
	--secondary-shade-01: color-mix(in srgb, var(--secondary), black 35%);
	--secondary-shade-02: color-mix(in srgb, var(--secondary), black 65%);

	--tertiary-tint-01: color-mix(in srgb, var(--tertiary), white 35%);
	--tertiary-tint-02: color-mix(in srgb, var(--tertiary), white 65%);
	--tertiary-tint-03: color-mix(in srgb, var(--tertiary), white 80%);
	--tertiary-shade-01: color-mix(in srgb, var(--tertiary), black 35%);
	--tertiary-shade-02: color-mix(in srgb, var(--tertiary), black 65%);

	--bs-link-color: var(--primary);
	--navlogo: white;
}

.schools {
	--bodybg: #eee;
	--dark: #191919;
	--light: #ffffff;
	--gray: #89857A;
	--primary: #013E53!important;
	--secondary: #8A6F0F!important;
	--tertiary: #E8C440!important;
	--navlogo: white;

	--primary-tint-01: color-mix(in srgb, var(--primary), white 35%);
	--primary-tint-02: color-mix(in srgb, var(--primary), white 65%);
	--primary-tint-03: color-mix(in srgb, var(--primary), white 80%);
	--primary-shade-01: color-mix(in srgb, var(--primary), black 35%);
	--primary-shade-02: color-mix(in srgb, var(--primary), black 65%);

	--secondary-tint-01: color-mix(in srgb, var(--secondary), white 35%);
	--secondary-tint-02: color-mix(in srgb, var(--secondary), white 65%);
	--secondary-tint-03: color-mix(in srgb, var(--secondary), white 80%);
	--secondary-shade-01: color-mix(in srgb, var(--secondary), black 35%);
	--secondary-shade-02: color-mix(in srgb, var(--secondary), black 65%);

	--tertiary-tint-01: color-mix(in srgb, var(--tertiary), white 35%);
	--tertiary-tint-02: color-mix(in srgb, var(--tertiary), white 65%);
	--tertiary-tint-03: color-mix(in srgb, var(--tertiary), white 80%);
	--tertiary-shade-01: color-mix(in srgb, var(--tertiary), black 35%);
	--tertiary-shade-02: color-mix(in srgb, var(--tertiary), black 65%);

	--bs-link-color: var(--primary);
}

.outfitters {
	--bodybg: #FBF8ED;
	--dark: #201D18;
	--light: #ffffff;
	--gray: #89857A;
	--primary: #3B4A38!important;
	--secondary: #6B4226!important;
	--tertiary: #C48A2C!important;
	--navlogo: white;

	--primary-tint-01: color-mix(in srgb, var(--primary), white 35%);
	--primary-tint-02: color-mix(in srgb, var(--primary), white 65%);
	--primary-tint-03: color-mix(in srgb, var(--primary), white 80%);
	--primary-shade-01: color-mix(in srgb, var(--primary), black 35%);
	--primary-shade-02: color-mix(in srgb, var(--primary), black 65%);

	--secondary-tint-01: color-mix(in srgb, var(--secondary), white 35%);
	--secondary-tint-02: color-mix(in srgb, var(--secondary), white 65%);
	--secondary-tint-03: color-mix(in srgb, var(--secondary), white 80%);
	--secondary-shade-01: color-mix(in srgb, var(--secondary), black 35%);
	--secondary-shade-02: color-mix(in srgb, var(--secondary), black 65%);

	--tertiary-tint-01: color-mix(in srgb, var(--tertiary), white 35%);
	--tertiary-tint-02: color-mix(in srgb, var(--tertiary), white 65%);
	--tertiary-tint-03: color-mix(in srgb, var(--tertiary), white 80%);
	--tertiary-shade-01: color-mix(in srgb, var(--tertiary), black 35%);
	--tertiary-shade-02: color-mix(in srgb, var(--tertiary), black 65%);

	--bs-link-color: var(--primary);
}

/***************************
BACKGROUND AND TEXT COLOR STYLES
****************************/
.bg-dark {
	background: var(--dark)!important;
}

.text-dark {
	color: var(--dark)!important;
}

.bg-light {
	background: var(--light)!important;
}

.text-light {
	color: var(--light)!important;
}

.bg-gray {
	background: var(--gray)!important;
}

.text-gray {
	color: var(--gray)!important;
}

.bg-primary, .alert-primary {
	background: var(--primary)!important;
}

.text-primary {
	color: var(--primary)!important;
}

.bg-primary-tint-01 {
	background: var(--primary-tint-01)!important;
}

.text-primary-tint-01 {
	color: var(--primary-tint-01)!important;
}

.bg-primary-tint-02 {
	background: var(--primary-tint-02)!important;
}

.text-primary-tint-02 {
	color: var(--primary-tint-02)!important;
}

.bg-primary-tint-03 {
	background: var(--primary-tint-03)!important;
}

.text-primary-tint-03 {
	color: var(--primary-tint-03)!important;
}

.bg-primary-shade-01 {
	background: var(--primary-shade-01)!important;
}

.text-primary-shade-01 {
	color: var(--primary-shade-01)!important;
}

.bg-primary-shade-02 {
	background: var(--primary-shade-02)!important;
}

.text-primary-shade-02 {
	color: var(--primary-shade-02)!important;
}

.bg-secondary, .alert-secondary {
	background: var(--secondary)!important;
}

.text-secondary {
	color: var(--secondary)!important;
}

.bg-secondary-tint-01 {
	background: var(--secondary-tint-01)!important;
}

.text-secondary-tint-01 {
	color: var(--secondary-tint-01)!important;
}

.bg-secondary-tint-02 {
	background: var(--secondary-tint-02)!important;
}

.text-secondary-tint-02 {
	color: var(--secondary-tint-02)!important;
}

.bg-secondary-tint-03 {
	background: var(--secondary-tint-03)!important;
}

.text-secondary-tint-03 {
	color: var(--secondary-tint-03)!important;
}

.bg-secondary-shade-01 {
	background: var(--secondary-shade-01)!important;
}

.text-secondary-shade-01 {
	color: var(--secondary-shade-01)!important;
}

.bg-secondary-shade-02 {
	background: var(--secondary-shade-02)!important;
}

.text-secondary-shade-02 {
	color: var(--secondary-shade-02)!important;
}

.bg-tertiary {
	background: var(--tertiary)!important;
}

.text-tertiary {
	color: var(--tertiary)!important;
}

.bg-tertiary-tint-01 {
	background: var(--tertiary-tint-01)!important;
}

.text-tertiary-tint-01 {
	color: var(--tertiary-tint-01)!important;
}

.bg-tertiary-tint-02 {
	background: var(--tertiary-tint-02)!important;
}

.text-tertiary-tint-02 {
	color: var(--tertiary-tint-02)!important;
}

.bg-tertiary-tint-03 {
	background: var(--tertiary-tint-03)!important;
}

.text-tertiary-tint-03 {
	color: var(--tertiary-tint-03)!important;
}

.bg-tertiary-shade-01 {
	background: var(--tertiary-shade-01)!important;
}

.text-tertiary-shade-01 {
	color: var(--tertiary-shade-01)!important;
}

.bg-tertiary-shade-02 {
	background: var(--tertiary-shade-02)!important;
}

.text-tertiary-shade-02 {
	color: var(--tertiary-shade-02)!important;
}