/*-----------------------------------------------------------------------------
 * Auto-Generated Color System CSS - modernmonuments.com
 * Generated: 2026-10-06 17:29:39
 * Generated by Sagentic Dashboard Color System
 *---------------------------------------------------------------------------*/

/* Color Variables
 *---------------------------------------------------------------------------*/
:root {
	/* Primary - Black */
	--black: #030303;
	--black-hover: #000000;
	--black-dark: #000000;
	--black-dark-hover: #000000;
	--black-light: #292929;
	--black-light-hover: #4f4f4f;

	/* Secondary - Eerie-Black */
	--eerie-black: #202020;
	--eerie-black-hover: #000000;
	--eerie-black-dark: #000000;
	--eerie-black-dark-hover: #000000;
	--eerie-black-light: #464646;
	--eerie-black-light-hover: #6c6c6c;

	/* Tertiary - Tundora */
	--tundora: #404040;
	--tundora-hover: #191919;
	--tundora-dark: #000000;
	--tundora-dark-hover: #000000;
	--tundora-light: #666666;
	--tundora-light-hover: #8c8c8c;

	/* Quaternary - Granite-Gray */
	--granite-gray: #606060;
	--granite-gray-hover: #393939;
	--granite-gray-dark: #202020;
	--granite-gray-dark-hover: #060606;
	--granite-gray-light: #868686;
	--granite-gray-light-hover: #acacac;

	/* Quinary - Gray */
	--gray: #808080;
	--gray-hover: #595959;
	--gray-dark: #404040;
	--gray-dark-hover: #262626;
	--gray-light: #a6a6a6;
	--gray-light-hover: #cccccc;

	/* Senary - Mercury */
	--mercury: #e9e9e9;
	--mercury-hover: #c2c2c2;
	--mercury-dark: #a9a9a9;
	--mercury-dark-hover: #8f8f8f;
	--mercury-light: #ffffff;
	--mercury-light-hover: #ffffff;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Granite-Gray */
html .btn-granite-gray {
	background-color: var(--granite-gray);
	border-color: var(--granite-gray);
	color: #fff;
}

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

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

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

/* Granite-Gray Dark */
html .btn-granite-gray-dark {
	background-color: var(--granite-gray-dark);
	border-color: var(--granite-gray-dark);
	color: #fff;
}

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

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

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

/* Granite-Gray Light */
html .btn-granite-gray-light {
	background-color: var(--granite-gray-light);
	border-color: var(--granite-gray-light);
	color: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Mercury */
html .btn-mercury {
	background-color: var(--mercury);
	border-color: var(--mercury);
	color: #000;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Granite-Gray Text Colors */
html .heading-granite-gray,
html .lnk-granite-gray,
html .text-color-granite-gray,
html .text-granite-gray {
	color: var(--granite-gray) !important;
}

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

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

/* Granite-Gray Dark Text Colors */
html .heading-granite-gray-dark,
html .lnk-granite-gray-dark,
html .text-color-granite-gray-dark,
html .text-granite-gray-dark {
	color: var(--granite-gray-dark) !important;
}

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

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

/* Granite-Gray Light Text Colors */
html .heading-granite-gray-light,
html .lnk-granite-gray-light,
html .text-color-granite-gray-light,
html .text-granite-gray-light {
	color: var(--granite-gray-light) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Granite-Gray Background Colors */
html .bg-granite-gray,
html .background-color-granite-gray {
	background-color: var(--granite-gray) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Granite-Gray Badges */
.badge-granite-gray {
	background: var(--granite-gray-hover);
	color: #fff;
}

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

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

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

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

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

/* Mercury Badges */
.badge-mercury {
	background: var(--mercury-hover);
	color: #000;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-----------------------------------------------------------------------------
 * Call To Action
 *---------------------------------------------------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Granite-Gray Call To Action */
.call-to-action.call-to-action-granite-gray {
	background: var(--granite-gray);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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