/*-----------------------------------------------------------------------------
 * Auto-Generated Color System CSS - catawbahumane.org
 * Generated: 2026-07-06 17:43:32
 * Generated by Sagentic Dashboard Color System
 *---------------------------------------------------------------------------*/

/* Color Variables
 *---------------------------------------------------------------------------*/
:root {
	/* Primary - Rhino */
	--rhino: #344264;
	--rhino-hover: #192031;
	--rhino-light: #4e6396;
	--rhino-light-hover: #788bb8;

	/* Secondary - Fern */
	--fern: #65bc7b;
	--fern-hover: #409455;
	--fern-light: #9ad3a8;
	--fern-light-hover: #cfead6;

	/* Tertiary - Hot-Toddy */
	--hot-toddy: #c0830b;
	--hot-toddy-hover: #775106;
	--hot-toddy-light: #f2ad24;
	--hot-toddy-light-hover: #f6c86d;

	/* Quaternary - Ebony-Clay */
	--ebony-clay: #212934;
	--ebony-clay-hover: #030405;
	--ebony-clay-light: #3e4d62;
	--ebony-clay-light-hover: #5c7291;

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

	/* Dark Cerulean */
	--dark-cerulean: #004170;
	--dark-cerulean-hover: #001524;
	--dark-cerulean-light: #006ebd;
	--dark-cerulean-light-hover: #0a99ff;

	/* Navy Blue */
	--navy-blue: #006ebd;
	--navy-blue-hover: #004170;
	--navy-blue-light: #0a99ff;
	--navy-blue-light-hover: #57b9ff;
}

/*-----------------------------------------------------------------------------
 * 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(52, 66, 100, 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 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(78, 99, 150, 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;
}

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

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

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

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

/* Fern Light */
html .btn-fern-light {
	background-color: var(--fern-light);
	border-color: var(--fern-light);
	color: #000;
}

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

html .btn-fern-light:focus,
html .btn-fern-light.focus {
	box-shadow: 0 0 0 3px rgba(154, 211, 168, 0.5);
	background-color: var(--fern-light);
	border-color: var(--fern-light);
}

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

/* Hot-Toddy */
html .btn-hot-toddy {
	background-color: var(--hot-toddy);
	border-color: var(--hot-toddy);
	color: #fff;
}

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

html .btn-hot-toddy:focus,
html .btn-hot-toddy.focus {
	box-shadow: 0 0 0 3px rgba(192, 131, 11, 0.5);
	background-color: var(--hot-toddy);
	border-color: var(--hot-toddy);
}

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

/* Hot-Toddy Light */
html .btn-hot-toddy-light {
	background-color: var(--hot-toddy-light);
	border-color: var(--hot-toddy-light);
	color: #fff;
}

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

html .btn-hot-toddy-light:focus,
html .btn-hot-toddy-light.focus {
	box-shadow: 0 0 0 3px rgba(242, 173, 36, 0.5);
	background-color: var(--hot-toddy-light);
	border-color: var(--hot-toddy-light);
}

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

/* Ebony-Clay */
html .btn-ebony-clay {
	background-color: var(--ebony-clay);
	border-color: var(--ebony-clay);
	color: #fff;
}

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

html .btn-ebony-clay:focus,
html .btn-ebony-clay.focus {
	box-shadow: 0 0 0 3px rgba(33, 41, 52, 0.5);
	background-color: var(--ebony-clay);
	border-color: var(--ebony-clay);
}

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

/* Ebony-Clay Light */
html .btn-ebony-clay-light {
	background-color: var(--ebony-clay-light);
	border-color: var(--ebony-clay-light);
	color: #fff;
}

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

html .btn-ebony-clay-light:focus,
html .btn-ebony-clay-light.focus {
	box-shadow: 0 0 0 3px rgba(62, 77, 98, 0.5);
	background-color: var(--ebony-clay-light);
	border-color: var(--ebony-clay-light);
}

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

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

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

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

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

/* Dark Cerulean Light */
html .btn-dark-cerulean-light {
	background-color: var(--dark-cerulean-light);
	border-color: var(--dark-cerulean-light);
	color: #fff;
}

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

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

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

/* Navy Blue */
html .btn-navy-blue {
	background-color: var(--navy-blue);
	border-color: var(--navy-blue);
	color: #fff;
}

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

html .btn-navy-blue:focus,
html .btn-navy-blue.focus {
	box-shadow: 0 0 0 3px rgba(0, 110, 189, 0.5);
	background-color: var(--navy-blue);
	border-color: var(--navy-blue);
}

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

/* Navy Blue Light */
html .btn-navy-blue-light {
	background-color: var(--navy-blue-light);
	border-color: var(--navy-blue-light);
	color: #fff;
}

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

html .btn-navy-blue-light:focus,
html .btn-navy-blue-light.focus {
	box-shadow: 0 0 0 3px rgba(10, 153, 255, 0.5);
	background-color: var(--navy-blue-light);
	border-color: var(--navy-blue-light);
}

html .btn-navy-blue-light.disabled,
html .btn-navy-blue-light:disabled {
	background-color: var(--navy-blue-light);
	border-color: var(--navy-blue-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 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);
}

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

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

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

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

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

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

/* Hot-Toddy Text Colors */
html .heading-hot-toddy,
html .lnk-hot-toddy,
html .text-color-hot-toddy,
html .text-hot-toddy {
	color: var(--hot-toddy) !important;
}

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

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

/* Hot-Toddy Light Text Colors */
html .heading-hot-toddy-light,
html .lnk-hot-toddy-light,
html .text-color-hot-toddy-light,
html .text-hot-toddy-light {
	color: var(--hot-toddy-light) !important;
}

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

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

/* Ebony-Clay Text Colors */
html .heading-ebony-clay,
html .lnk-ebony-clay,
html .text-color-ebony-clay,
html .text-ebony-clay {
	color: var(--ebony-clay) !important;
}

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

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

/* Ebony-Clay Light Text Colors */
html .heading-ebony-clay-light,
html .lnk-ebony-clay-light,
html .text-color-ebony-clay-light,
html .text-ebony-clay-light {
	color: var(--ebony-clay-light) !important;
}

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

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

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

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

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

/* Dark Cerulean Light Text Colors */
html .heading-dark-cerulean-light,
html .lnk-dark-cerulean-light,
html .text-color-dark-cerulean-light,
html .text-dark-cerulean-light {
	color: var(--dark-cerulean-light) !important;
}

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

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

/* Navy Blue Text Colors */
html .heading-navy-blue,
html .lnk-navy-blue,
html .text-color-navy-blue,
html .text-navy-blue {
	color: var(--navy-blue) !important;
}

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

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

/* Navy Blue Light Text Colors */
html .heading-navy-blue-light,
html .lnk-navy-blue-light,
html .text-color-navy-blue-light,
html .text-navy-blue-light {
	color: var(--navy-blue-light) !important;
}

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

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

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

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

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

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

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

/* Hot-Toddy Background Colors */
html .bg-hot-toddy,
html .background-color-hot-toddy {
	background-color: var(--hot-toddy) !important;
}

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

/* Ebony-Clay Background Colors */
html .bg-ebony-clay,
html .background-color-ebony-clay {
	background-color: var(--ebony-clay) !important;
}

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

/* Dark Cerulean Background Colors */
html .bg-dark-cerulean,
html .background-color-dark-cerulean {
	background-color: var(--dark-cerulean) !important;
}

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

/* Navy Blue Background Colors */
html .bg-navy-blue,
html .background-color-navy-blue {
	background-color: var(--navy-blue) !important;
}

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

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

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

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

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

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

/* Hot-Toddy Badges */
.badge-hot-toddy {
	background: var(--hot-toddy-hover);
	color: #fff;
}

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

/* Ebony-Clay Badges */
.badge-ebony-clay {
	background: var(--ebony-clay-hover);
	color: #fff;
}

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

/* Dark Cerulean Badges */
.badge-dark-cerulean {
	background: var(--dark-cerulean-hover);
	color: #fff;
}

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

/* Navy Blue Badges */
.badge-navy-blue {
	background: var(--navy-blue-hover);
	color: #fff;
}

.badge-navy-blue-light {
	background: var(--navy-blue-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(52, 66, 100, 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 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(78, 99, 150, 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;
}

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

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

html .btn-outline-fern:focus,
html .btn-outline-fern.focus {
	box-shadow: 0 0 0 3px rgba(101, 188, 123, 0.5);
}

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

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

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

html .btn-outline-fern-light:focus,
html .btn-outline-fern-light.focus {
	box-shadow: 0 0 0 3px rgba(154, 211, 168, 0.5);
}

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

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

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

html .btn-outline-hot-toddy:focus,
html .btn-outline-hot-toddy.focus {
	box-shadow: 0 0 0 3px rgba(192, 131, 11, 0.5);
}

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

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

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

html .btn-outline-hot-toddy-light:focus,
html .btn-outline-hot-toddy-light.focus {
	box-shadow: 0 0 0 3px rgba(242, 173, 36, 0.5);
}

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

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

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

html .btn-outline-ebony-clay:focus,
html .btn-outline-ebony-clay.focus {
	box-shadow: 0 0 0 3px rgba(33, 41, 52, 0.5);
}

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

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

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

html .btn-outline-ebony-clay-light:focus,
html .btn-outline-ebony-clay-light.focus {
	box-shadow: 0 0 0 3px rgba(62, 77, 98, 0.5);
}

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

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

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

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

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

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

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

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

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

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

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

html .btn-outline-navy-blue:focus,
html .btn-outline-navy-blue.focus {
	box-shadow: 0 0 0 3px rgba(0, 110, 189, 0.5);
}

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

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

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

html .btn-outline-navy-blue-light:focus,
html .btn-outline-navy-blue-light.focus {
	box-shadow: 0 0 0 3px rgba(10, 153, 255, 0.5);
}

html .btn-outline-navy-blue-light.disabled,
html .btn-outline-navy-blue-light:disabled {
	color: var(--navy-blue-light);
	background-color: transparent;
	border-color: var(--navy-blue-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-light {
	color: #fff;
	background-color: var(--rhino-light);
	border-color: var(--rhino-light);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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