/*-----------------------------------------------------------------------------
 * Auto-Generated Color System CSS - sagentic.soccer
 * Generated: 2026-08-14 13:37:43
 * Generated by Sagentic Dashboard Color System
 *---------------------------------------------------------------------------*/

/* Color Variables
 *---------------------------------------------------------------------------*/
:root {
	/* Primary - Rhino */
	--rhino: #284557;
	--rhino-hover: #0f1b22;
	--rhino-dark: #000000;
	--rhino-dark-hover: #000000;
	--rhino-light: #406e8b;
	--rhino-light-hover: #6195b6;

	/* Secondary - Calypso */
	--calypso: #376589;
	--calypso-hover: #213c52;
	--calypso-dark: #12212e;
	--calypso-dark-hover: #030709;
	--calypso-light: #528cb9;
	--calypso-light-hover: #89b0cf;

	/* Tertiary - Yellow-Green */
	--yellow-green: #c0ea86;
	--yellow-green-hover: #9ede44;
	--yellow-green-dark: #85cc23;
	--yellow-green-dark-hover: #69a11c;
	--yellow-green-light: #e1f5c7;
	--yellow-green-light-hover: #ffffff;

	/* Quaternary - Chelsea-Cucumber */
	--chelsea-cucumber: #81a949;
	--chelsea-cucumber-hover: #587331;
	--chelsea-cucumber-dark: #3d4f22;
	--chelsea-cucumber-dark-hover: #212c13;
	--chelsea-cucumber-light: #a5c579;
	--chelsea-cucumber-light-hover: #c9dcae;

	/* Quinary - Verdun-Green */
	--verdun-green: #2a4200;
	--verdun-green-hover: #000000;
	--verdun-green-dark: #000000;
	--verdun-green-dark-hover: #000000;
	--verdun-green-light: #5a8e00;
	--verdun-green-light-hover: #8bdb00;

	/* Link Colors */
	--hyperlinks: #0066ff;
	--hover: #0052cc;
}

/*-----------------------------------------------------------------------------
 * Links
 *---------------------------------------------------------------------------*/
a {
	color: var(--hyperlinks);
}

a:hover,
a:focus {
	color: var(--hover);
}

a:active {
	color: var(--hyperlinks);
}

/*-----------------------------------------------------------------------------
 * Buttons
 *---------------------------------------------------------------------------*/

/* Default Button Structure */
[class*="btn-"] {
	display: inline-block;
	padding: 0.5rem 1rem;
	border-radius: 0.25rem;
	transition: all 0.2s ease-in-out;
}

/* Rhino */
html .btn-rhino {
	background-color: var(--rhino);
	border-color: var(--rhino);
	color: #fff;
}

html .btn-rhino:hover,
html .btn-rhino.hover {
	background-color: var(--rhino-hover);
	border-color: var(--rhino-hover);
	color: #fff;
}

html .btn-rhino:focus,
html .btn-rhino.focus {
	box-shadow: 0 0 0 3px rgba(40, 69, 87, 0.5);
	background-color: var(--rhino);
	border-color: var(--rhino);
}

html .btn-rhino.disabled,
html .btn-rhino:disabled {
	background-color: var(--rhino);
	border-color: var(--rhino);
	opacity: 0.65;
}

/* Rhino Dark */
html .btn-rhino-dark {
	background-color: var(--rhino-dark);
	border-color: var(--rhino-dark);
	color: #fff;
}

html .btn-rhino-dark:hover,
html .btn-rhino-dark.hover {
	background-color: var(--rhino-dark-hover);
	border-color: var(--rhino-dark-hover);
	color: #fff;
}

html .btn-rhino-dark:focus,
html .btn-rhino-dark.focus {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.5);
	background-color: var(--rhino-dark);
	border-color: var(--rhino-dark);
}

html .btn-rhino-dark.disabled,
html .btn-rhino-dark:disabled {
	background-color: var(--rhino-dark);
	border-color: var(--rhino-dark);
	opacity: 0.65;
}

/* Rhino Light */
html .btn-rhino-light {
	background-color: var(--rhino-light);
	border-color: var(--rhino-light);
	color: #fff;
}

html .btn-rhino-light:hover,
html .btn-rhino-light.hover {
	background-color: var(--rhino-light-hover);
	border-color: var(--rhino-light-hover);
	color: #fff;
}

html .btn-rhino-light:focus,
html .btn-rhino-light.focus {
	box-shadow: 0 0 0 3px rgba(64, 110, 139, 0.5);
	background-color: var(--rhino-light);
	border-color: var(--rhino-light);
}

html .btn-rhino-light.disabled,
html .btn-rhino-light:disabled {
	background-color: var(--rhino-light);
	border-color: var(--rhino-light);
	opacity: 0.65;
}

/* Calypso */
html .btn-calypso {
	background-color: var(--calypso);
	border-color: var(--calypso);
	color: #fff;
}

html .btn-calypso:hover,
html .btn-calypso.hover {
	background-color: var(--calypso-hover);
	border-color: var(--calypso-hover);
	color: #fff;
}

html .btn-calypso:focus,
html .btn-calypso.focus {
	box-shadow: 0 0 0 3px rgba(55, 101, 137, 0.5);
	background-color: var(--calypso);
	border-color: var(--calypso);
}

html .btn-calypso.disabled,
html .btn-calypso:disabled {
	background-color: var(--calypso);
	border-color: var(--calypso);
	opacity: 0.65;
}

/* Calypso Dark */
html .btn-calypso-dark {
	background-color: var(--calypso-dark);
	border-color: var(--calypso-dark);
	color: #fff;
}

html .btn-calypso-dark:hover,
html .btn-calypso-dark.hover {
	background-color: var(--calypso-dark-hover);
	border-color: var(--calypso-dark-hover);
	color: #fff;
}

html .btn-calypso-dark:focus,
html .btn-calypso-dark.focus {
	box-shadow: 0 0 0 3px rgba(18, 33, 46, 0.5);
	background-color: var(--calypso-dark);
	border-color: var(--calypso-dark);
}

html .btn-calypso-dark.disabled,
html .btn-calypso-dark:disabled {
	background-color: var(--calypso-dark);
	border-color: var(--calypso-dark);
	opacity: 0.65;
}

/* Calypso Light */
html .btn-calypso-light {
	background-color: var(--calypso-light);
	border-color: var(--calypso-light);
	color: #fff;
}

html .btn-calypso-light:hover,
html .btn-calypso-light.hover {
	background-color: var(--calypso-light-hover);
	border-color: var(--calypso-light-hover);
	color: #fff;
}

html .btn-calypso-light:focus,
html .btn-calypso-light.focus {
	box-shadow: 0 0 0 3px rgba(82, 140, 185, 0.5);
	background-color: var(--calypso-light);
	border-color: var(--calypso-light);
}

html .btn-calypso-light.disabled,
html .btn-calypso-light:disabled {
	background-color: var(--calypso-light);
	border-color: var(--calypso-light);
	opacity: 0.65;
}

/* Yellow-Green */
html .btn-yellow-green {
	background-color: var(--yellow-green);
	border-color: var(--yellow-green);
	color: #000;
}

html .btn-yellow-green:hover,
html .btn-yellow-green.hover {
	background-color: var(--yellow-green-hover);
	border-color: var(--yellow-green-hover);
	color: #000;
}

html .btn-yellow-green:focus,
html .btn-yellow-green.focus {
	box-shadow: 0 0 0 3px rgba(192, 234, 134, 0.5);
	background-color: var(--yellow-green);
	border-color: var(--yellow-green);
}

html .btn-yellow-green.disabled,
html .btn-yellow-green:disabled {
	background-color: var(--yellow-green);
	border-color: var(--yellow-green);
	opacity: 0.65;
}

/* Yellow-Green Dark */
html .btn-yellow-green-dark {
	background-color: var(--yellow-green-dark);
	border-color: var(--yellow-green-dark);
	color: #fff;
}

html .btn-yellow-green-dark:hover,
html .btn-yellow-green-dark.hover {
	background-color: var(--yellow-green-dark-hover);
	border-color: var(--yellow-green-dark-hover);
	color: #fff;
}

html .btn-yellow-green-dark:focus,
html .btn-yellow-green-dark.focus {
	box-shadow: 0 0 0 3px rgba(133, 204, 35, 0.5);
	background-color: var(--yellow-green-dark);
	border-color: var(--yellow-green-dark);
}

html .btn-yellow-green-dark.disabled,
html .btn-yellow-green-dark:disabled {
	background-color: var(--yellow-green-dark);
	border-color: var(--yellow-green-dark);
	opacity: 0.65;
}

/* Yellow-Green Light */
html .btn-yellow-green-light {
	background-color: var(--yellow-green-light);
	border-color: var(--yellow-green-light);
	color: #000;
}

html .btn-yellow-green-light:hover,
html .btn-yellow-green-light.hover {
	background-color: var(--yellow-green-light-hover);
	border-color: var(--yellow-green-light-hover);
	color: #000;
}

html .btn-yellow-green-light:focus,
html .btn-yellow-green-light.focus {
	box-shadow: 0 0 0 3px rgba(225, 245, 199, 0.5);
	background-color: var(--yellow-green-light);
	border-color: var(--yellow-green-light);
}

html .btn-yellow-green-light.disabled,
html .btn-yellow-green-light:disabled {
	background-color: var(--yellow-green-light);
	border-color: var(--yellow-green-light);
	opacity: 0.65;
}

/* Chelsea-Cucumber */
html .btn-chelsea-cucumber {
	background-color: var(--chelsea-cucumber);
	border-color: var(--chelsea-cucumber);
	color: #fff;
}

html .btn-chelsea-cucumber:hover,
html .btn-chelsea-cucumber.hover {
	background-color: var(--chelsea-cucumber-hover);
	border-color: var(--chelsea-cucumber-hover);
	color: #fff;
}

html .btn-chelsea-cucumber:focus,
html .btn-chelsea-cucumber.focus {
	box-shadow: 0 0 0 3px rgba(129, 169, 73, 0.5);
	background-color: var(--chelsea-cucumber);
	border-color: var(--chelsea-cucumber);
}

html .btn-chelsea-cucumber.disabled,
html .btn-chelsea-cucumber:disabled {
	background-color: var(--chelsea-cucumber);
	border-color: var(--chelsea-cucumber);
	opacity: 0.65;
}

/* Chelsea-Cucumber Dark */
html .btn-chelsea-cucumber-dark {
	background-color: var(--chelsea-cucumber-dark);
	border-color: var(--chelsea-cucumber-dark);
	color: #fff;
}

html .btn-chelsea-cucumber-dark:hover,
html .btn-chelsea-cucumber-dark.hover {
	background-color: var(--chelsea-cucumber-dark-hover);
	border-color: var(--chelsea-cucumber-dark-hover);
	color: #fff;
}

html .btn-chelsea-cucumber-dark:focus,
html .btn-chelsea-cucumber-dark.focus {
	box-shadow: 0 0 0 3px rgba(61, 79, 34, 0.5);
	background-color: var(--chelsea-cucumber-dark);
	border-color: var(--chelsea-cucumber-dark);
}

html .btn-chelsea-cucumber-dark.disabled,
html .btn-chelsea-cucumber-dark:disabled {
	background-color: var(--chelsea-cucumber-dark);
	border-color: var(--chelsea-cucumber-dark);
	opacity: 0.65;
}

/* Chelsea-Cucumber Light */
html .btn-chelsea-cucumber-light {
	background-color: var(--chelsea-cucumber-light);
	border-color: var(--chelsea-cucumber-light);
	color: #fff;
}

html .btn-chelsea-cucumber-light:hover,
html .btn-chelsea-cucumber-light.hover {
	background-color: var(--chelsea-cucumber-light-hover);
	border-color: var(--chelsea-cucumber-light-hover);
	color: #fff;
}

html .btn-chelsea-cucumber-light:focus,
html .btn-chelsea-cucumber-light.focus {
	box-shadow: 0 0 0 3px rgba(165, 197, 121, 0.5);
	background-color: var(--chelsea-cucumber-light);
	border-color: var(--chelsea-cucumber-light);
}

html .btn-chelsea-cucumber-light.disabled,
html .btn-chelsea-cucumber-light:disabled {
	background-color: var(--chelsea-cucumber-light);
	border-color: var(--chelsea-cucumber-light);
	opacity: 0.65;
}

/* Verdun-Green */
html .btn-verdun-green {
	background-color: var(--verdun-green);
	border-color: var(--verdun-green);
	color: #fff;
}

html .btn-verdun-green:hover,
html .btn-verdun-green.hover {
	background-color: var(--verdun-green-hover);
	border-color: var(--verdun-green-hover);
	color: #fff;
}

html .btn-verdun-green:focus,
html .btn-verdun-green.focus {
	box-shadow: 0 0 0 3px rgba(42, 66, 0, 0.5);
	background-color: var(--verdun-green);
	border-color: var(--verdun-green);
}

html .btn-verdun-green.disabled,
html .btn-verdun-green:disabled {
	background-color: var(--verdun-green);
	border-color: var(--verdun-green);
	opacity: 0.65;
}

/* Verdun-Green Dark */
html .btn-verdun-green-dark {
	background-color: var(--verdun-green-dark);
	border-color: var(--verdun-green-dark);
	color: #fff;
}

html .btn-verdun-green-dark:hover,
html .btn-verdun-green-dark.hover {
	background-color: var(--verdun-green-dark-hover);
	border-color: var(--verdun-green-dark-hover);
	color: #fff;
}

html .btn-verdun-green-dark:focus,
html .btn-verdun-green-dark.focus {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.5);
	background-color: var(--verdun-green-dark);
	border-color: var(--verdun-green-dark);
}

html .btn-verdun-green-dark.disabled,
html .btn-verdun-green-dark:disabled {
	background-color: var(--verdun-green-dark);
	border-color: var(--verdun-green-dark);
	opacity: 0.65;
}

/* Verdun-Green Light */
html .btn-verdun-green-light {
	background-color: var(--verdun-green-light);
	border-color: var(--verdun-green-light);
	color: #fff;
}

html .btn-verdun-green-light:hover,
html .btn-verdun-green-light.hover {
	background-color: var(--verdun-green-light-hover);
	border-color: var(--verdun-green-light-hover);
	color: #fff;
}

html .btn-verdun-green-light:focus,
html .btn-verdun-green-light.focus {
	box-shadow: 0 0 0 3px rgba(90, 142, 0, 0.5);
	background-color: var(--verdun-green-light);
	border-color: var(--verdun-green-light);
}

html .btn-verdun-green-light.disabled,
html .btn-verdun-green-light:disabled {
	background-color: var(--verdun-green-light);
	border-color: var(--verdun-green-light);
	opacity: 0.65;
}

/*-----------------------------------------------------------------------------
 * Text Colors
 *---------------------------------------------------------------------------*/

/* Rhino Text Colors */
html .heading-rhino,
html .lnk-rhino,
html .text-color-rhino,
html .text-rhino {
	color: var(--rhino) !important;
}

html .text-color-hover-rhino:hover,
html .text-hover-rhino:hover {
	color: var(--rhino) !important;
}

html .heading.heading-rhino h1,
html .heading.heading-rhino h2,
html .heading.heading-rhino h3,
html .heading.heading-rhino h4,
html .heading.heading-rhino h5,
html .heading.heading-rhino h6 {
	border-color: var(--rhino);
}

/* Rhino Dark Text Colors */
html .heading-rhino-dark,
html .lnk-rhino-dark,
html .text-color-rhino-dark,
html .text-rhino-dark {
	color: var(--rhino-dark) !important;
}

html .text-color-hover-rhino-dark:hover,
html .text-hover-rhino-dark:hover {
	color: var(--rhino-dark) !important;
}

html .heading.heading-rhino-dark h1,
html .heading.heading-rhino-dark h2,
html .heading.heading-rhino-dark h3,
html .heading.heading-rhino-dark h4,
html .heading.heading-rhino-dark h5,
html .heading.heading-rhino-dark h6 {
	border-color: var(--rhino-dark);
}

/* Rhino Light Text Colors */
html .heading-rhino-light,
html .lnk-rhino-light,
html .text-color-rhino-light,
html .text-rhino-light {
	color: var(--rhino-light) !important;
}

html .text-color-hover-rhino-light:hover,
html .text-hover-rhino-light:hover {
	color: var(--rhino-light) !important;
}

html .heading.heading-rhino-light h1,
html .heading.heading-rhino-light h2,
html .heading.heading-rhino-light h3,
html .heading.heading-rhino-light h4,
html .heading.heading-rhino-light h5,
html .heading.heading-rhino-light h6 {
	border-color: var(--rhino-light);
}

/* Calypso Text Colors */
html .heading-calypso,
html .lnk-calypso,
html .text-color-calypso,
html .text-calypso {
	color: var(--calypso) !important;
}

html .text-color-hover-calypso:hover,
html .text-hover-calypso:hover {
	color: var(--calypso) !important;
}

html .heading.heading-calypso h1,
html .heading.heading-calypso h2,
html .heading.heading-calypso h3,
html .heading.heading-calypso h4,
html .heading.heading-calypso h5,
html .heading.heading-calypso h6 {
	border-color: var(--calypso);
}

/* Calypso Dark Text Colors */
html .heading-calypso-dark,
html .lnk-calypso-dark,
html .text-color-calypso-dark,
html .text-calypso-dark {
	color: var(--calypso-dark) !important;
}

html .text-color-hover-calypso-dark:hover,
html .text-hover-calypso-dark:hover {
	color: var(--calypso-dark) !important;
}

html .heading.heading-calypso-dark h1,
html .heading.heading-calypso-dark h2,
html .heading.heading-calypso-dark h3,
html .heading.heading-calypso-dark h4,
html .heading.heading-calypso-dark h5,
html .heading.heading-calypso-dark h6 {
	border-color: var(--calypso-dark);
}

/* Calypso Light Text Colors */
html .heading-calypso-light,
html .lnk-calypso-light,
html .text-color-calypso-light,
html .text-calypso-light {
	color: var(--calypso-light) !important;
}

html .text-color-hover-calypso-light:hover,
html .text-hover-calypso-light:hover {
	color: var(--calypso-light) !important;
}

html .heading.heading-calypso-light h1,
html .heading.heading-calypso-light h2,
html .heading.heading-calypso-light h3,
html .heading.heading-calypso-light h4,
html .heading.heading-calypso-light h5,
html .heading.heading-calypso-light h6 {
	border-color: var(--calypso-light);
}

/* Yellow-Green Text Colors */
html .heading-yellow-green,
html .lnk-yellow-green,
html .text-color-yellow-green,
html .text-yellow-green {
	color: var(--yellow-green) !important;
}

html .text-color-hover-yellow-green:hover,
html .text-hover-yellow-green:hover {
	color: var(--yellow-green) !important;
}

html .heading.heading-yellow-green h1,
html .heading.heading-yellow-green h2,
html .heading.heading-yellow-green h3,
html .heading.heading-yellow-green h4,
html .heading.heading-yellow-green h5,
html .heading.heading-yellow-green h6 {
	border-color: var(--yellow-green);
}

/* Yellow-Green Dark Text Colors */
html .heading-yellow-green-dark,
html .lnk-yellow-green-dark,
html .text-color-yellow-green-dark,
html .text-yellow-green-dark {
	color: var(--yellow-green-dark) !important;
}

html .text-color-hover-yellow-green-dark:hover,
html .text-hover-yellow-green-dark:hover {
	color: var(--yellow-green-dark) !important;
}

html .heading.heading-yellow-green-dark h1,
html .heading.heading-yellow-green-dark h2,
html .heading.heading-yellow-green-dark h3,
html .heading.heading-yellow-green-dark h4,
html .heading.heading-yellow-green-dark h5,
html .heading.heading-yellow-green-dark h6 {
	border-color: var(--yellow-green-dark);
}

/* Yellow-Green Light Text Colors */
html .heading-yellow-green-light,
html .lnk-yellow-green-light,
html .text-color-yellow-green-light,
html .text-yellow-green-light {
	color: var(--yellow-green-light) !important;
}

html .text-color-hover-yellow-green-light:hover,
html .text-hover-yellow-green-light:hover {
	color: var(--yellow-green-light) !important;
}

html .heading.heading-yellow-green-light h1,
html .heading.heading-yellow-green-light h2,
html .heading.heading-yellow-green-light h3,
html .heading.heading-yellow-green-light h4,
html .heading.heading-yellow-green-light h5,
html .heading.heading-yellow-green-light h6 {
	border-color: var(--yellow-green-light);
}

/* Chelsea-Cucumber Text Colors */
html .heading-chelsea-cucumber,
html .lnk-chelsea-cucumber,
html .text-color-chelsea-cucumber,
html .text-chelsea-cucumber {
	color: var(--chelsea-cucumber) !important;
}

html .text-color-hover-chelsea-cucumber:hover,
html .text-hover-chelsea-cucumber:hover {
	color: var(--chelsea-cucumber) !important;
}

html .heading.heading-chelsea-cucumber h1,
html .heading.heading-chelsea-cucumber h2,
html .heading.heading-chelsea-cucumber h3,
html .heading.heading-chelsea-cucumber h4,
html .heading.heading-chelsea-cucumber h5,
html .heading.heading-chelsea-cucumber h6 {
	border-color: var(--chelsea-cucumber);
}

/* Chelsea-Cucumber Dark Text Colors */
html .heading-chelsea-cucumber-dark,
html .lnk-chelsea-cucumber-dark,
html .text-color-chelsea-cucumber-dark,
html .text-chelsea-cucumber-dark {
	color: var(--chelsea-cucumber-dark) !important;
}

html .text-color-hover-chelsea-cucumber-dark:hover,
html .text-hover-chelsea-cucumber-dark:hover {
	color: var(--chelsea-cucumber-dark) !important;
}

html .heading.heading-chelsea-cucumber-dark h1,
html .heading.heading-chelsea-cucumber-dark h2,
html .heading.heading-chelsea-cucumber-dark h3,
html .heading.heading-chelsea-cucumber-dark h4,
html .heading.heading-chelsea-cucumber-dark h5,
html .heading.heading-chelsea-cucumber-dark h6 {
	border-color: var(--chelsea-cucumber-dark);
}

/* Chelsea-Cucumber Light Text Colors */
html .heading-chelsea-cucumber-light,
html .lnk-chelsea-cucumber-light,
html .text-color-chelsea-cucumber-light,
html .text-chelsea-cucumber-light {
	color: var(--chelsea-cucumber-light) !important;
}

html .text-color-hover-chelsea-cucumber-light:hover,
html .text-hover-chelsea-cucumber-light:hover {
	color: var(--chelsea-cucumber-light) !important;
}

html .heading.heading-chelsea-cucumber-light h1,
html .heading.heading-chelsea-cucumber-light h2,
html .heading.heading-chelsea-cucumber-light h3,
html .heading.heading-chelsea-cucumber-light h4,
html .heading.heading-chelsea-cucumber-light h5,
html .heading.heading-chelsea-cucumber-light h6 {
	border-color: var(--chelsea-cucumber-light);
}

/* Verdun-Green Text Colors */
html .heading-verdun-green,
html .lnk-verdun-green,
html .text-color-verdun-green,
html .text-verdun-green {
	color: var(--verdun-green) !important;
}

html .text-color-hover-verdun-green:hover,
html .text-hover-verdun-green:hover {
	color: var(--verdun-green) !important;
}

html .heading.heading-verdun-green h1,
html .heading.heading-verdun-green h2,
html .heading.heading-verdun-green h3,
html .heading.heading-verdun-green h4,
html .heading.heading-verdun-green h5,
html .heading.heading-verdun-green h6 {
	border-color: var(--verdun-green);
}

/* Verdun-Green Dark Text Colors */
html .heading-verdun-green-dark,
html .lnk-verdun-green-dark,
html .text-color-verdun-green-dark,
html .text-verdun-green-dark {
	color: var(--verdun-green-dark) !important;
}

html .text-color-hover-verdun-green-dark:hover,
html .text-hover-verdun-green-dark:hover {
	color: var(--verdun-green-dark) !important;
}

html .heading.heading-verdun-green-dark h1,
html .heading.heading-verdun-green-dark h2,
html .heading.heading-verdun-green-dark h3,
html .heading.heading-verdun-green-dark h4,
html .heading.heading-verdun-green-dark h5,
html .heading.heading-verdun-green-dark h6 {
	border-color: var(--verdun-green-dark);
}

/* Verdun-Green Light Text Colors */
html .heading-verdun-green-light,
html .lnk-verdun-green-light,
html .text-color-verdun-green-light,
html .text-verdun-green-light {
	color: var(--verdun-green-light) !important;
}

html .text-color-hover-verdun-green-light:hover,
html .text-hover-verdun-green-light:hover {
	color: var(--verdun-green-light) !important;
}

html .heading.heading-verdun-green-light h1,
html .heading.heading-verdun-green-light h2,
html .heading.heading-verdun-green-light h3,
html .heading.heading-verdun-green-light h4,
html .heading.heading-verdun-green-light h5,
html .heading.heading-verdun-green-light h6 {
	border-color: var(--verdun-green-light);
}

/*-----------------------------------------------------------------------------
 * Background Colors
 *---------------------------------------------------------------------------*/

/* Rhino Background Colors */
html .bg-rhino,
html .background-color-rhino {
	background-color: var(--rhino) !important;
}

html .bg-rhino-dark,
html .background-color-rhino-dark {
	background-color: var(--rhino-dark) !important;
}

html .bg-rhino-light,
html .background-color-rhino-light {
	background-color: var(--rhino-light) !important;
}

/* Calypso Background Colors */
html .bg-calypso,
html .background-color-calypso {
	background-color: var(--calypso) !important;
}

html .bg-calypso-dark,
html .background-color-calypso-dark {
	background-color: var(--calypso-dark) !important;
}

html .bg-calypso-light,
html .background-color-calypso-light {
	background-color: var(--calypso-light) !important;
}

/* Yellow-Green Background Colors */
html .bg-yellow-green,
html .background-color-yellow-green {
	background-color: var(--yellow-green) !important;
}

html .bg-yellow-green-dark,
html .background-color-yellow-green-dark {
	background-color: var(--yellow-green-dark) !important;
}

html .bg-yellow-green-light,
html .background-color-yellow-green-light {
	background-color: var(--yellow-green-light) !important;
}

/* Chelsea-Cucumber Background Colors */
html .bg-chelsea-cucumber,
html .background-color-chelsea-cucumber {
	background-color: var(--chelsea-cucumber) !important;
}

html .bg-chelsea-cucumber-dark,
html .background-color-chelsea-cucumber-dark {
	background-color: var(--chelsea-cucumber-dark) !important;
}

html .bg-chelsea-cucumber-light,
html .background-color-chelsea-cucumber-light {
	background-color: var(--chelsea-cucumber-light) !important;
}

/* Verdun-Green Background Colors */
html .bg-verdun-green,
html .background-color-verdun-green {
	background-color: var(--verdun-green) !important;
}

html .bg-verdun-green-dark,
html .background-color-verdun-green-dark {
	background-color: var(--verdun-green-dark) !important;
}

html .bg-verdun-green-light,
html .background-color-verdun-green-light {
	background-color: var(--verdun-green-light) !important;
}

/*-----------------------------------------------------------------------------
 * Badges
 *---------------------------------------------------------------------------*/

/* Rhino Badges */
.badge-rhino {
	background: var(--rhino-hover);
	color: #fff;
}

.badge-rhino-dark {
	background: var(--rhino-dark-hover);
	color: #fff;
}

.badge-rhino-light {
	background: var(--rhino-light-hover);
	color: #fff;
}

/* Calypso Badges */
.badge-calypso {
	background: var(--calypso-hover);
	color: #fff;
}

.badge-calypso-dark {
	background: var(--calypso-dark-hover);
	color: #fff;
}

.badge-calypso-light {
	background: var(--calypso-light-hover);
	color: #fff;
}

/* Yellow-Green Badges */
.badge-yellow-green {
	background: var(--yellow-green-hover);
	color: #000;
}

.badge-yellow-green-dark {
	background: var(--yellow-green-dark-hover);
	color: #fff;
}

.badge-yellow-green-light {
	background: var(--yellow-green-light-hover);
	color: #000;
}

/* Chelsea-Cucumber Badges */
.badge-chelsea-cucumber {
	background: var(--chelsea-cucumber-hover);
	color: #fff;
}

.badge-chelsea-cucumber-dark {
	background: var(--chelsea-cucumber-dark-hover);
	color: #fff;
}

.badge-chelsea-cucumber-light {
	background: var(--chelsea-cucumber-light-hover);
	color: #fff;
}

/* Verdun-Green Badges */
.badge-verdun-green {
	background: var(--verdun-green-hover);
	color: #fff;
}

.badge-verdun-green-dark {
	background: var(--verdun-green-dark-hover);
	color: #fff;
}

.badge-verdun-green-light {
	background: var(--verdun-green-light-hover);
	color: #fff;
}

/*-----------------------------------------------------------------------------
 * Outline Buttons
 *---------------------------------------------------------------------------*/

/* Rhino Outline */
html .btn-outline-rhino {
	color: var(--rhino);
	border-color: var(--rhino);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-rhino:hover,
html .btn-outline-rhino.hover {
	background-color: var(--rhino);
	border-color: var(--rhino);
	color: #fff;
}

html .btn-outline-rhino:focus,
html .btn-outline-rhino.focus {
	box-shadow: 0 0 0 3px rgba(40, 69, 87, 0.5);
}

html .btn-outline-rhino.disabled,
html .btn-outline-rhino:disabled {
	color: var(--rhino);
	background-color: transparent;
	border-color: var(--rhino);
	opacity: 0.65;
}

/* Rhino Dark Outline */
html .btn-outline-rhino-dark {
	color: var(--rhino-dark);
	border-color: var(--rhino-dark);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-rhino-dark:hover,
html .btn-outline-rhino-dark.hover {
	background-color: var(--rhino-dark);
	border-color: var(--rhino-dark);
	color: #fff;
}

html .btn-outline-rhino-dark:focus,
html .btn-outline-rhino-dark.focus {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.5);
}

html .btn-outline-rhino-dark.disabled,
html .btn-outline-rhino-dark:disabled {
	color: var(--rhino-dark);
	background-color: transparent;
	border-color: var(--rhino-dark);
	opacity: 0.65;
}

/* Rhino Light Outline */
html .btn-outline-rhino-light {
	color: var(--rhino-light);
	border-color: var(--rhino-light);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-rhino-light:hover,
html .btn-outline-rhino-light.hover {
	background-color: var(--rhino-light);
	border-color: var(--rhino-light);
	color: #fff;
}

html .btn-outline-rhino-light:focus,
html .btn-outline-rhino-light.focus {
	box-shadow: 0 0 0 3px rgba(64, 110, 139, 0.5);
}

html .btn-outline-rhino-light.disabled,
html .btn-outline-rhino-light:disabled {
	color: var(--rhino-light);
	background-color: transparent;
	border-color: var(--rhino-light);
	opacity: 0.65;
}

/* Calypso Outline */
html .btn-outline-calypso {
	color: var(--calypso);
	border-color: var(--calypso);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-calypso:hover,
html .btn-outline-calypso.hover {
	background-color: var(--calypso);
	border-color: var(--calypso);
	color: #fff;
}

html .btn-outline-calypso:focus,
html .btn-outline-calypso.focus {
	box-shadow: 0 0 0 3px rgba(55, 101, 137, 0.5);
}

html .btn-outline-calypso.disabled,
html .btn-outline-calypso:disabled {
	color: var(--calypso);
	background-color: transparent;
	border-color: var(--calypso);
	opacity: 0.65;
}

/* Calypso Dark Outline */
html .btn-outline-calypso-dark {
	color: var(--calypso-dark);
	border-color: var(--calypso-dark);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-calypso-dark:hover,
html .btn-outline-calypso-dark.hover {
	background-color: var(--calypso-dark);
	border-color: var(--calypso-dark);
	color: #fff;
}

html .btn-outline-calypso-dark:focus,
html .btn-outline-calypso-dark.focus {
	box-shadow: 0 0 0 3px rgba(18, 33, 46, 0.5);
}

html .btn-outline-calypso-dark.disabled,
html .btn-outline-calypso-dark:disabled {
	color: var(--calypso-dark);
	background-color: transparent;
	border-color: var(--calypso-dark);
	opacity: 0.65;
}

/* Calypso Light Outline */
html .btn-outline-calypso-light {
	color: var(--calypso-light);
	border-color: var(--calypso-light);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-calypso-light:hover,
html .btn-outline-calypso-light.hover {
	background-color: var(--calypso-light);
	border-color: var(--calypso-light);
	color: #fff;
}

html .btn-outline-calypso-light:focus,
html .btn-outline-calypso-light.focus {
	box-shadow: 0 0 0 3px rgba(82, 140, 185, 0.5);
}

html .btn-outline-calypso-light.disabled,
html .btn-outline-calypso-light:disabled {
	color: var(--calypso-light);
	background-color: transparent;
	border-color: var(--calypso-light);
	opacity: 0.65;
}

/* Yellow-Green Outline */
html .btn-outline-yellow-green {
	color: var(--yellow-green);
	border-color: var(--yellow-green);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-yellow-green:hover,
html .btn-outline-yellow-green.hover {
	background-color: var(--yellow-green);
	border-color: var(--yellow-green);
	color: #000;
}

html .btn-outline-yellow-green:focus,
html .btn-outline-yellow-green.focus {
	box-shadow: 0 0 0 3px rgba(192, 234, 134, 0.5);
}

html .btn-outline-yellow-green.disabled,
html .btn-outline-yellow-green:disabled {
	color: var(--yellow-green);
	background-color: transparent;
	border-color: var(--yellow-green);
	opacity: 0.65;
}

/* Yellow-Green Dark Outline */
html .btn-outline-yellow-green-dark {
	color: var(--yellow-green-dark);
	border-color: var(--yellow-green-dark);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-yellow-green-dark:hover,
html .btn-outline-yellow-green-dark.hover {
	background-color: var(--yellow-green-dark);
	border-color: var(--yellow-green-dark);
	color: #fff;
}

html .btn-outline-yellow-green-dark:focus,
html .btn-outline-yellow-green-dark.focus {
	box-shadow: 0 0 0 3px rgba(133, 204, 35, 0.5);
}

html .btn-outline-yellow-green-dark.disabled,
html .btn-outline-yellow-green-dark:disabled {
	color: var(--yellow-green-dark);
	background-color: transparent;
	border-color: var(--yellow-green-dark);
	opacity: 0.65;
}

/* Yellow-Green Light Outline */
html .btn-outline-yellow-green-light {
	color: var(--yellow-green-light);
	border-color: var(--yellow-green-light);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-yellow-green-light:hover,
html .btn-outline-yellow-green-light.hover {
	background-color: var(--yellow-green-light);
	border-color: var(--yellow-green-light);
	color: #000;
}

html .btn-outline-yellow-green-light:focus,
html .btn-outline-yellow-green-light.focus {
	box-shadow: 0 0 0 3px rgba(225, 245, 199, 0.5);
}

html .btn-outline-yellow-green-light.disabled,
html .btn-outline-yellow-green-light:disabled {
	color: var(--yellow-green-light);
	background-color: transparent;
	border-color: var(--yellow-green-light);
	opacity: 0.65;
}

/* Chelsea-Cucumber Outline */
html .btn-outline-chelsea-cucumber {
	color: var(--chelsea-cucumber);
	border-color: var(--chelsea-cucumber);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-chelsea-cucumber:hover,
html .btn-outline-chelsea-cucumber.hover {
	background-color: var(--chelsea-cucumber);
	border-color: var(--chelsea-cucumber);
	color: #fff;
}

html .btn-outline-chelsea-cucumber:focus,
html .btn-outline-chelsea-cucumber.focus {
	box-shadow: 0 0 0 3px rgba(129, 169, 73, 0.5);
}

html .btn-outline-chelsea-cucumber.disabled,
html .btn-outline-chelsea-cucumber:disabled {
	color: var(--chelsea-cucumber);
	background-color: transparent;
	border-color: var(--chelsea-cucumber);
	opacity: 0.65;
}

/* Chelsea-Cucumber Dark Outline */
html .btn-outline-chelsea-cucumber-dark {
	color: var(--chelsea-cucumber-dark);
	border-color: var(--chelsea-cucumber-dark);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-chelsea-cucumber-dark:hover,
html .btn-outline-chelsea-cucumber-dark.hover {
	background-color: var(--chelsea-cucumber-dark);
	border-color: var(--chelsea-cucumber-dark);
	color: #fff;
}

html .btn-outline-chelsea-cucumber-dark:focus,
html .btn-outline-chelsea-cucumber-dark.focus {
	box-shadow: 0 0 0 3px rgba(61, 79, 34, 0.5);
}

html .btn-outline-chelsea-cucumber-dark.disabled,
html .btn-outline-chelsea-cucumber-dark:disabled {
	color: var(--chelsea-cucumber-dark);
	background-color: transparent;
	border-color: var(--chelsea-cucumber-dark);
	opacity: 0.65;
}

/* Chelsea-Cucumber Light Outline */
html .btn-outline-chelsea-cucumber-light {
	color: var(--chelsea-cucumber-light);
	border-color: var(--chelsea-cucumber-light);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-chelsea-cucumber-light:hover,
html .btn-outline-chelsea-cucumber-light.hover {
	background-color: var(--chelsea-cucumber-light);
	border-color: var(--chelsea-cucumber-light);
	color: #fff;
}

html .btn-outline-chelsea-cucumber-light:focus,
html .btn-outline-chelsea-cucumber-light.focus {
	box-shadow: 0 0 0 3px rgba(165, 197, 121, 0.5);
}

html .btn-outline-chelsea-cucumber-light.disabled,
html .btn-outline-chelsea-cucumber-light:disabled {
	color: var(--chelsea-cucumber-light);
	background-color: transparent;
	border-color: var(--chelsea-cucumber-light);
	opacity: 0.65;
}

/* Verdun-Green Outline */
html .btn-outline-verdun-green {
	color: var(--verdun-green);
	border-color: var(--verdun-green);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-verdun-green:hover,
html .btn-outline-verdun-green.hover {
	background-color: var(--verdun-green);
	border-color: var(--verdun-green);
	color: #fff;
}

html .btn-outline-verdun-green:focus,
html .btn-outline-verdun-green.focus {
	box-shadow: 0 0 0 3px rgba(42, 66, 0, 0.5);
}

html .btn-outline-verdun-green.disabled,
html .btn-outline-verdun-green:disabled {
	color: var(--verdun-green);
	background-color: transparent;
	border-color: var(--verdun-green);
	opacity: 0.65;
}

/* Verdun-Green Dark Outline */
html .btn-outline-verdun-green-dark {
	color: var(--verdun-green-dark);
	border-color: var(--verdun-green-dark);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-verdun-green-dark:hover,
html .btn-outline-verdun-green-dark.hover {
	background-color: var(--verdun-green-dark);
	border-color: var(--verdun-green-dark);
	color: #fff;
}

html .btn-outline-verdun-green-dark:focus,
html .btn-outline-verdun-green-dark.focus {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.5);
}

html .btn-outline-verdun-green-dark.disabled,
html .btn-outline-verdun-green-dark:disabled {
	color: var(--verdun-green-dark);
	background-color: transparent;
	border-color: var(--verdun-green-dark);
	opacity: 0.65;
}

/* Verdun-Green Light Outline */
html .btn-outline-verdun-green-light {
	color: var(--verdun-green-light);
	border-color: var(--verdun-green-light);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-verdun-green-light:hover,
html .btn-outline-verdun-green-light.hover {
	background-color: var(--verdun-green-light);
	border-color: var(--verdun-green-light);
	color: #fff;
}

html .btn-outline-verdun-green-light:focus,
html .btn-outline-verdun-green-light.focus {
	box-shadow: 0 0 0 3px rgba(90, 142, 0, 0.5);
}

html .btn-outline-verdun-green-light.disabled,
html .btn-outline-verdun-green-light:disabled {
	color: var(--verdun-green-light);
	background-color: transparent;
	border-color: var(--verdun-green-light);
	opacity: 0.65;
}

/*-----------------------------------------------------------------------------
 * Button Size Variations
 *---------------------------------------------------------------------------*/

html [class*="btn-outline-"].btn-xs {
	padding: 2.4px 8px;
	padding: 0.15rem 0.5rem;
}

html [class*="btn-outline-"].btn-sm {
	padding: 4px 10.4px;
	padding: 0.25rem 0.65rem;
}

html [class*="btn-outline-"].btn-lg {
	padding: 7.2px 16px;
	padding: 0.45rem 1rem;
}

html [class*="btn-outline-"].btn-xl {
	padding: 12px 32px;
	padding: 0.75rem 2rem;
}

html [class*="btn-outline-"].btn-outline-thin {
	border-width: 1px;
}

/*-----------------------------------------------------------------------------
 * Alerts
 *---------------------------------------------------------------------------*/

.alert-rhino {
	color: #fff;
	background-color: var(--rhino);
	border-color: var(--rhino);
}

.alert-rhino .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-rhino-dark {
	color: #fff;
	background-color: var(--rhino-dark);
	border-color: var(--rhino-dark);
}

.alert-rhino-dark .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-rhino-light {
	color: #fff;
	background-color: var(--rhino-light);
	border-color: var(--rhino-light);
}

.alert-rhino-light .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-calypso {
	color: #fff;
	background-color: var(--calypso);
	border-color: var(--calypso);
}

.alert-calypso .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-calypso-dark {
	color: #fff;
	background-color: var(--calypso-dark);
	border-color: var(--calypso-dark);
}

.alert-calypso-dark .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-calypso-light {
	color: #fff;
	background-color: var(--calypso-light);
	border-color: var(--calypso-light);
}

.alert-calypso-light .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-yellow-green {
	color: #000;
	background-color: var(--yellow-green);
	border-color: var(--yellow-green);
}

.alert-yellow-green .alert-link {
	color: #000;
	text-decoration: underline;
}

.alert-yellow-green-dark {
	color: #fff;
	background-color: var(--yellow-green-dark);
	border-color: var(--yellow-green-dark);
}

.alert-yellow-green-dark .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-yellow-green-light {
	color: #000;
	background-color: var(--yellow-green-light);
	border-color: var(--yellow-green-light);
}

.alert-yellow-green-light .alert-link {
	color: #000;
	text-decoration: underline;
}

.alert-chelsea-cucumber {
	color: #fff;
	background-color: var(--chelsea-cucumber);
	border-color: var(--chelsea-cucumber);
}

.alert-chelsea-cucumber .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-chelsea-cucumber-dark {
	color: #fff;
	background-color: var(--chelsea-cucumber-dark);
	border-color: var(--chelsea-cucumber-dark);
}

.alert-chelsea-cucumber-dark .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-chelsea-cucumber-light {
	color: #fff;
	background-color: var(--chelsea-cucumber-light);
	border-color: var(--chelsea-cucumber-light);
}

.alert-chelsea-cucumber-light .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-verdun-green {
	color: #fff;
	background-color: var(--verdun-green);
	border-color: var(--verdun-green);
}

.alert-verdun-green .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-verdun-green-dark {
	color: #fff;
	background-color: var(--verdun-green-dark);
	border-color: var(--verdun-green-dark);
}

.alert-verdun-green-dark .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-verdun-green-light {
	color: #fff;
	background-color: var(--verdun-green-light);
	border-color: var(--verdun-green-light);
}

.alert-verdun-green-light .alert-link {
	color: #fff;
	text-decoration: underline;
}