/*-----------------------------------------------------------------------------
 * Auto-Generated Color System CSS - canoncityhomesearch.com
 * Generated: 2026-09-04 17:34:11
 * Generated by Sagentic Dashboard Color System
 *---------------------------------------------------------------------------*/

/* Color Variables
 *---------------------------------------------------------------------------*/
:root {
	/* Primary - Hibiscus */
	--hibiscus: #b63264;
	--hibiscus-hover: #792143;
	--hibiscus-dark: #51162d;
	--hibiscus-dark-hover: #290b17;
	--hibiscus-light: #d3608c;
	--hibiscus-light-hover: #e49cb7;

	/* Secondary - Eastern-Blue */
	--eastern-blue: #21aba9;
	--eastern-blue-hover: #146a69;
	--eastern-blue-dark: #0c403f;
	--eastern-blue-dark-hover: #041515;
	--eastern-blue-light: #3ed9d7;
	--eastern-blue-light-hover: #7ee6e4;

	/* Tertiary - Old-Gold */
	--old-gold: #cdc22b;
	--old-gold-hover: #8d861d;
	--old-gold-dark: #635e14;
	--old-gold-dark-hover: #39360c;
	--old-gold-light: #ded665;
	--old-gold-light-hover: #ece7a4;

	/* Quaternary - Sea-Buckthorn */
	--sea-buckthorn: #f68b2d;
	--sea-buckthorn-hover: #cd6408;
	--sea-buckthorn-dark: #9c4c06;
	--sea-buckthorn-dark-hover: #6b3404;
	--sea-buckthorn-light: #f9b376;
	--sea-buckthorn-light-hover: #fcdcbf;

	/* Quinary - Black */
	--black: #030303;
	--black-hover: #000000;
	--black-dark: #000000;
	--black-dark-hover: #000000;
	--black-light: #292929;
	--black-light-hover: #4f4f4f;

	/* Senary - Coral-Reef */
	--coral-reef: #c3b69d;
	--coral-reef-hover: #a5926d;
	--coral-reef-dark: #8b7855;
	--coral-reef-dark-hover: #6b5d41;
	--coral-reef-light: #e0d9cc;
	--coral-reef-light-hover: #fdfcfb;

	/* 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;
}

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

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

html .btn-hibiscus:focus,
html .btn-hibiscus.focus {
	box-shadow: 0 0 0 3px rgba(182, 50, 100, 0.5);
	background-color: var(--hibiscus);
	border-color: var(--hibiscus);
}

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

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

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

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

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

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

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

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

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

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

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

html .btn-eastern-blue:focus,
html .btn-eastern-blue.focus {
	box-shadow: 0 0 0 3px rgba(33, 171, 169, 0.5);
	background-color: var(--eastern-blue);
	border-color: var(--eastern-blue);
}

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

/* Eastern-Blue Dark */
html .btn-eastern-blue-dark {
	background-color: var(--eastern-blue-dark);
	border-color: var(--eastern-blue-dark);
	color: #fff;
}

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

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

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

/* Eastern-Blue Light */
html .btn-eastern-blue-light {
	background-color: var(--eastern-blue-light);
	border-color: var(--eastern-blue-light);
	color: #000;
}

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

html .btn-eastern-blue-light:focus,
html .btn-eastern-blue-light.focus {
	box-shadow: 0 0 0 3px rgba(62, 217, 215, 0.5);
	background-color: var(--eastern-blue-light);
	border-color: var(--eastern-blue-light);
}

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

/* Old-Gold */
html .btn-old-gold {
	background-color: var(--old-gold);
	border-color: var(--old-gold);
	color: #000;
}

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

html .btn-old-gold:focus,
html .btn-old-gold.focus {
	box-shadow: 0 0 0 3px rgba(205, 194, 43, 0.5);
	background-color: var(--old-gold);
	border-color: var(--old-gold);
}

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

/* Old-Gold Dark */
html .btn-old-gold-dark {
	background-color: var(--old-gold-dark);
	border-color: var(--old-gold-dark);
	color: #fff;
}

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

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

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

/* Old-Gold Light */
html .btn-old-gold-light {
	background-color: var(--old-gold-light);
	border-color: var(--old-gold-light);
	color: #000;
}

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

html .btn-old-gold-light:focus,
html .btn-old-gold-light.focus {
	box-shadow: 0 0 0 3px rgba(222, 214, 101, 0.5);
	background-color: var(--old-gold-light);
	border-color: var(--old-gold-light);
}

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

/* Sea-Buckthorn */
html .btn-sea-buckthorn {
	background-color: var(--sea-buckthorn);
	border-color: var(--sea-buckthorn);
	color: #fff;
}

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

html .btn-sea-buckthorn:focus,
html .btn-sea-buckthorn.focus {
	box-shadow: 0 0 0 3px rgba(246, 139, 45, 0.5);
	background-color: var(--sea-buckthorn);
	border-color: var(--sea-buckthorn);
}

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

/* Sea-Buckthorn Dark */
html .btn-sea-buckthorn-dark {
	background-color: var(--sea-buckthorn-dark);
	border-color: var(--sea-buckthorn-dark);
	color: #fff;
}

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

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

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

/* Sea-Buckthorn Light */
html .btn-sea-buckthorn-light {
	background-color: var(--sea-buckthorn-light);
	border-color: var(--sea-buckthorn-light);
	color: #000;
}

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

html .btn-sea-buckthorn-light:focus,
html .btn-sea-buckthorn-light.focus {
	box-shadow: 0 0 0 3px rgba(249, 179, 118, 0.5);
	background-color: var(--sea-buckthorn-light);
	border-color: var(--sea-buckthorn-light);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Coral-Reef */
html .btn-coral-reef {
	background-color: var(--coral-reef);
	border-color: var(--coral-reef);
	color: #fff;
}

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

html .btn-coral-reef:focus,
html .btn-coral-reef.focus {
	box-shadow: 0 0 0 3px rgba(195, 182, 157, 0.5);
	background-color: var(--coral-reef);
	border-color: var(--coral-reef);
}

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

/* Coral-Reef Dark */
html .btn-coral-reef-dark {
	background-color: var(--coral-reef-dark);
	border-color: var(--coral-reef-dark);
	color: #fff;
}

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

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

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

/* Coral-Reef Light */
html .btn-coral-reef-light {
	background-color: var(--coral-reef-light);
	border-color: var(--coral-reef-light);
	color: #000;
}

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

html .btn-coral-reef-light:focus,
html .btn-coral-reef-light.focus {
	box-shadow: 0 0 0 3px rgba(224, 217, 204, 0.5);
	background-color: var(--coral-reef-light);
	border-color: var(--coral-reef-light);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Eastern-Blue Dark Text Colors */
html .heading-eastern-blue-dark,
html .lnk-eastern-blue-dark,
html .text-color-eastern-blue-dark,
html .text-eastern-blue-dark {
	color: var(--eastern-blue-dark) !important;
}

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

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

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

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

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

/* Old-Gold Text Colors */
html .heading-old-gold,
html .lnk-old-gold,
html .text-color-old-gold,
html .text-old-gold {
	color: var(--old-gold) !important;
}

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

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

/* Old-Gold Dark Text Colors */
html .heading-old-gold-dark,
html .lnk-old-gold-dark,
html .text-color-old-gold-dark,
html .text-old-gold-dark {
	color: var(--old-gold-dark) !important;
}

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

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

/* Old-Gold Light Text Colors */
html .heading-old-gold-light,
html .lnk-old-gold-light,
html .text-color-old-gold-light,
html .text-old-gold-light {
	color: var(--old-gold-light) !important;
}

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

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

/* Sea-Buckthorn Text Colors */
html .heading-sea-buckthorn,
html .lnk-sea-buckthorn,
html .text-color-sea-buckthorn,
html .text-sea-buckthorn {
	color: var(--sea-buckthorn) !important;
}

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

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

/* Sea-Buckthorn Dark Text Colors */
html .heading-sea-buckthorn-dark,
html .lnk-sea-buckthorn-dark,
html .text-color-sea-buckthorn-dark,
html .text-sea-buckthorn-dark {
	color: var(--sea-buckthorn-dark) !important;
}

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

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

/* Sea-Buckthorn Light Text Colors */
html .heading-sea-buckthorn-light,
html .lnk-sea-buckthorn-light,
html .text-color-sea-buckthorn-light,
html .text-sea-buckthorn-light {
	color: var(--sea-buckthorn-light) !important;
}

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

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

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

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

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

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

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

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

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

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

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

/* Coral-Reef Text Colors */
html .heading-coral-reef,
html .lnk-coral-reef,
html .text-color-coral-reef,
html .text-coral-reef {
	color: var(--coral-reef) !important;
}

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

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

/* Coral-Reef Dark Text Colors */
html .heading-coral-reef-dark,
html .lnk-coral-reef-dark,
html .text-color-coral-reef-dark,
html .text-coral-reef-dark {
	color: var(--coral-reef-dark) !important;
}

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

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

/* Coral-Reef Light Text Colors */
html .heading-coral-reef-light,
html .lnk-coral-reef-light,
html .text-color-coral-reef-light,
html .text-coral-reef-light {
	color: var(--coral-reef-light) !important;
}

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

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

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

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

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

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

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

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

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

/* Old-Gold Background Colors */
html .bg-old-gold,
html .background-color-old-gold {
	background-color: var(--old-gold) !important;
}

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

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

/* Sea-Buckthorn Background Colors */
html .bg-sea-buckthorn,
html .background-color-sea-buckthorn {
	background-color: var(--sea-buckthorn) !important;
}

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

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

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

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

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

/* Coral-Reef Background Colors */
html .bg-coral-reef,
html .background-color-coral-reef {
	background-color: var(--coral-reef) !important;
}

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

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

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

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

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

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

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

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

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

/* Old-Gold Badges */
.badge-old-gold {
	background: var(--old-gold-hover);
	color: #000;
}

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

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

/* Sea-Buckthorn Badges */
.badge-sea-buckthorn {
	background: var(--sea-buckthorn-hover);
	color: #fff;
}

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

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

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

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

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

/* Coral-Reef Badges */
.badge-coral-reef {
	background: var(--coral-reef-hover);
	color: #fff;
}

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

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

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

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

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

html .btn-outline-hibiscus:focus,
html .btn-outline-hibiscus.focus {
	box-shadow: 0 0 0 3px rgba(182, 50, 100, 0.5);
}

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

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

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

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

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

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

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

html .btn-outline-hibiscus-light:focus,
html .btn-outline-hibiscus-light.focus {
	box-shadow: 0 0 0 3px rgba(211, 96, 140, 0.5);
}

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

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

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

html .btn-outline-eastern-blue:focus,
html .btn-outline-eastern-blue.focus {
	box-shadow: 0 0 0 3px rgba(33, 171, 169, 0.5);
}

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

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

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

html .btn-outline-eastern-blue-dark:focus,
html .btn-outline-eastern-blue-dark.focus {
	box-shadow: 0 0 0 3px rgba(12, 64, 63, 0.5);
}

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

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

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

html .btn-outline-eastern-blue-light:focus,
html .btn-outline-eastern-blue-light.focus {
	box-shadow: 0 0 0 3px rgba(62, 217, 215, 0.5);
}

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

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

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

html .btn-outline-old-gold:focus,
html .btn-outline-old-gold.focus {
	box-shadow: 0 0 0 3px rgba(205, 194, 43, 0.5);
}

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

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

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

html .btn-outline-old-gold-dark:focus,
html .btn-outline-old-gold-dark.focus {
	box-shadow: 0 0 0 3px rgba(99, 94, 20, 0.5);
}

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

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

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

html .btn-outline-old-gold-light:focus,
html .btn-outline-old-gold-light.focus {
	box-shadow: 0 0 0 3px rgba(222, 214, 101, 0.5);
}

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

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

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

html .btn-outline-sea-buckthorn:focus,
html .btn-outline-sea-buckthorn.focus {
	box-shadow: 0 0 0 3px rgba(246, 139, 45, 0.5);
}

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

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

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

html .btn-outline-sea-buckthorn-dark:focus,
html .btn-outline-sea-buckthorn-dark.focus {
	box-shadow: 0 0 0 3px rgba(156, 76, 6, 0.5);
}

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

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

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

html .btn-outline-sea-buckthorn-light:focus,
html .btn-outline-sea-buckthorn-light.focus {
	box-shadow: 0 0 0 3px rgba(249, 179, 118, 0.5);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html .btn-outline-coral-reef:focus,
html .btn-outline-coral-reef.focus {
	box-shadow: 0 0 0 3px rgba(195, 182, 157, 0.5);
}

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

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

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

html .btn-outline-coral-reef-dark:focus,
html .btn-outline-coral-reef-dark.focus {
	box-shadow: 0 0 0 3px rgba(139, 120, 85, 0.5);
}

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

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

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

html .btn-outline-coral-reef-light:focus,
html .btn-outline-coral-reef-light.focus {
	box-shadow: 0 0 0 3px rgba(224, 217, 204, 0.5);
}

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

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

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

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

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

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

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

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

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

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

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

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

.alert-old-gold {
	color: #000;
	background-color: var(--old-gold);
	border-color: var(--old-gold);
}

.alert-old-gold .alert-link {
	color: #000;
	text-decoration: underline;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.alert-coral-reef-light .alert-link {
	color: #000;
	text-decoration: underline;
}
/*-----------------------------------------------------------------------------
 * Call To Action
 *---------------------------------------------------------------------------*/

/* Hibiscus Call To Action */
.call-to-action.call-to-action-hibiscus {
	background: var(--hibiscus);
}

.call-to-action.call-to-action-hibiscus h1,
.call-to-action.call-to-action-hibiscus h2,
.call-to-action.call-to-action-hibiscus h3,
.call-to-action.call-to-action-hibiscus h4,
.call-to-action.call-to-action-hibiscus h5,
.call-to-action.call-to-action-hibiscus h6,
.call-to-action.call-to-action-hibiscus p {
	color: #fff;
}

.call-to-action.call-to-action-hibiscus-dark {
	background: var(--hibiscus-dark);
}

.call-to-action.call-to-action-hibiscus-dark h1,
.call-to-action.call-to-action-hibiscus-dark h2,
.call-to-action.call-to-action-hibiscus-dark h3,
.call-to-action.call-to-action-hibiscus-dark h4,
.call-to-action.call-to-action-hibiscus-dark h5,
.call-to-action.call-to-action-hibiscus-dark h6,
.call-to-action.call-to-action-hibiscus-dark p {
	color: #fff;
}

.call-to-action.call-to-action-hibiscus-light {
	background: var(--hibiscus-light);
}

.call-to-action.call-to-action-hibiscus-light h1,
.call-to-action.call-to-action-hibiscus-light h2,
.call-to-action.call-to-action-hibiscus-light h3,
.call-to-action.call-to-action-hibiscus-light h4,
.call-to-action.call-to-action-hibiscus-light h5,
.call-to-action.call-to-action-hibiscus-light h6,
.call-to-action.call-to-action-hibiscus-light p {
	color: #fff;
}

/* Eastern-Blue Call To Action */
.call-to-action.call-to-action-eastern-blue {
	background: var(--eastern-blue);
}

.call-to-action.call-to-action-eastern-blue h1,
.call-to-action.call-to-action-eastern-blue h2,
.call-to-action.call-to-action-eastern-blue h3,
.call-to-action.call-to-action-eastern-blue h4,
.call-to-action.call-to-action-eastern-blue h5,
.call-to-action.call-to-action-eastern-blue h6,
.call-to-action.call-to-action-eastern-blue p {
	color: #fff;
}

.call-to-action.call-to-action-eastern-blue-dark {
	background: var(--eastern-blue-dark);
}

.call-to-action.call-to-action-eastern-blue-dark h1,
.call-to-action.call-to-action-eastern-blue-dark h2,
.call-to-action.call-to-action-eastern-blue-dark h3,
.call-to-action.call-to-action-eastern-blue-dark h4,
.call-to-action.call-to-action-eastern-blue-dark h5,
.call-to-action.call-to-action-eastern-blue-dark h6,
.call-to-action.call-to-action-eastern-blue-dark p {
	color: #fff;
}

.call-to-action.call-to-action-eastern-blue-light {
	background: var(--eastern-blue-light);
}

.call-to-action.call-to-action-eastern-blue-light h1,
.call-to-action.call-to-action-eastern-blue-light h2,
.call-to-action.call-to-action-eastern-blue-light h3,
.call-to-action.call-to-action-eastern-blue-light h4,
.call-to-action.call-to-action-eastern-blue-light h5,
.call-to-action.call-to-action-eastern-blue-light h6,
.call-to-action.call-to-action-eastern-blue-light p {
	color: #000;
}

/* Old-Gold Call To Action */
.call-to-action.call-to-action-old-gold {
	background: var(--old-gold);
}

.call-to-action.call-to-action-old-gold h1,
.call-to-action.call-to-action-old-gold h2,
.call-to-action.call-to-action-old-gold h3,
.call-to-action.call-to-action-old-gold h4,
.call-to-action.call-to-action-old-gold h5,
.call-to-action.call-to-action-old-gold h6,
.call-to-action.call-to-action-old-gold p {
	color: #000;
}

.call-to-action.call-to-action-old-gold-dark {
	background: var(--old-gold-dark);
}

.call-to-action.call-to-action-old-gold-dark h1,
.call-to-action.call-to-action-old-gold-dark h2,
.call-to-action.call-to-action-old-gold-dark h3,
.call-to-action.call-to-action-old-gold-dark h4,
.call-to-action.call-to-action-old-gold-dark h5,
.call-to-action.call-to-action-old-gold-dark h6,
.call-to-action.call-to-action-old-gold-dark p {
	color: #fff;
}

.call-to-action.call-to-action-old-gold-light {
	background: var(--old-gold-light);
}

.call-to-action.call-to-action-old-gold-light h1,
.call-to-action.call-to-action-old-gold-light h2,
.call-to-action.call-to-action-old-gold-light h3,
.call-to-action.call-to-action-old-gold-light h4,
.call-to-action.call-to-action-old-gold-light h5,
.call-to-action.call-to-action-old-gold-light h6,
.call-to-action.call-to-action-old-gold-light p {
	color: #000;
}

/* Sea-Buckthorn Call To Action */
.call-to-action.call-to-action-sea-buckthorn {
	background: var(--sea-buckthorn);
}

.call-to-action.call-to-action-sea-buckthorn h1,
.call-to-action.call-to-action-sea-buckthorn h2,
.call-to-action.call-to-action-sea-buckthorn h3,
.call-to-action.call-to-action-sea-buckthorn h4,
.call-to-action.call-to-action-sea-buckthorn h5,
.call-to-action.call-to-action-sea-buckthorn h6,
.call-to-action.call-to-action-sea-buckthorn p {
	color: #fff;
}

.call-to-action.call-to-action-sea-buckthorn-dark {
	background: var(--sea-buckthorn-dark);
}

.call-to-action.call-to-action-sea-buckthorn-dark h1,
.call-to-action.call-to-action-sea-buckthorn-dark h2,
.call-to-action.call-to-action-sea-buckthorn-dark h3,
.call-to-action.call-to-action-sea-buckthorn-dark h4,
.call-to-action.call-to-action-sea-buckthorn-dark h5,
.call-to-action.call-to-action-sea-buckthorn-dark h6,
.call-to-action.call-to-action-sea-buckthorn-dark p {
	color: #fff;
}

.call-to-action.call-to-action-sea-buckthorn-light {
	background: var(--sea-buckthorn-light);
}

.call-to-action.call-to-action-sea-buckthorn-light h1,
.call-to-action.call-to-action-sea-buckthorn-light h2,
.call-to-action.call-to-action-sea-buckthorn-light h3,
.call-to-action.call-to-action-sea-buckthorn-light h4,
.call-to-action.call-to-action-sea-buckthorn-light h5,
.call-to-action.call-to-action-sea-buckthorn-light h6,
.call-to-action.call-to-action-sea-buckthorn-light p {
	color: #000;
}

/* Black Call To Action */
.call-to-action.call-to-action-black {
	background: var(--black);
}

.call-to-action.call-to-action-black h1,
.call-to-action.call-to-action-black h2,
.call-to-action.call-to-action-black h3,
.call-to-action.call-to-action-black h4,
.call-to-action.call-to-action-black h5,
.call-to-action.call-to-action-black h6,
.call-to-action.call-to-action-black p {
	color: #fff;
}

.call-to-action.call-to-action-black-dark {
	background: var(--black-dark);
}

.call-to-action.call-to-action-black-dark h1,
.call-to-action.call-to-action-black-dark h2,
.call-to-action.call-to-action-black-dark h3,
.call-to-action.call-to-action-black-dark h4,
.call-to-action.call-to-action-black-dark h5,
.call-to-action.call-to-action-black-dark h6,
.call-to-action.call-to-action-black-dark p {
	color: #fff;
}

.call-to-action.call-to-action-black-light {
	background: var(--black-light);
}

.call-to-action.call-to-action-black-light h1,
.call-to-action.call-to-action-black-light h2,
.call-to-action.call-to-action-black-light h3,
.call-to-action.call-to-action-black-light h4,
.call-to-action.call-to-action-black-light h5,
.call-to-action.call-to-action-black-light h6,
.call-to-action.call-to-action-black-light p {
	color: #fff;
}

/* Coral-Reef Call To Action */
.call-to-action.call-to-action-coral-reef {
	background: var(--coral-reef);
}

.call-to-action.call-to-action-coral-reef h1,
.call-to-action.call-to-action-coral-reef h2,
.call-to-action.call-to-action-coral-reef h3,
.call-to-action.call-to-action-coral-reef h4,
.call-to-action.call-to-action-coral-reef h5,
.call-to-action.call-to-action-coral-reef h6,
.call-to-action.call-to-action-coral-reef p {
	color: #fff;
}

.call-to-action.call-to-action-coral-reef-dark {
	background: var(--coral-reef-dark);
}

.call-to-action.call-to-action-coral-reef-dark h1,
.call-to-action.call-to-action-coral-reef-dark h2,
.call-to-action.call-to-action-coral-reef-dark h3,
.call-to-action.call-to-action-coral-reef-dark h4,
.call-to-action.call-to-action-coral-reef-dark h5,
.call-to-action.call-to-action-coral-reef-dark h6,
.call-to-action.call-to-action-coral-reef-dark p {
	color: #fff;
}

.call-to-action.call-to-action-coral-reef-light {
	background: var(--coral-reef-light);
}

.call-to-action.call-to-action-coral-reef-light h1,
.call-to-action.call-to-action-coral-reef-light h2,
.call-to-action.call-to-action-coral-reef-light h3,
.call-to-action.call-to-action-coral-reef-light h4,
.call-to-action.call-to-action-coral-reef-light h5,
.call-to-action.call-to-action-coral-reef-light h6,
.call-to-action.call-to-action-coral-reef-light p {
	color: #000;
}