/*-----------------------------------------------------------------------------
 * Auto-Generated Color System CSS - martindalehvac.com
 * Generated: 2025-12-06 14:53:46
 * Generated by Sagentic Dashboard Color System
 *---------------------------------------------------------------------------*/

/* Color Variables
 *---------------------------------------------------------------------------*/
:root {
	/* Primary - Port-Gore */
	--port-gore: #262162;
	--port-gore-hover: #0f0d28;
	--port-gore-light: #3c349b;
	--port-gore-light-hover: #5e55c6;

	/* Secondary - Crimson */
	--crimson: #EC1B23;
	--crimson-hover: #ac0e14;
	--crimson-light: #f16167;
	--crimson-light-hover: #f7a8ab;

	/* Tertiary - Cerulean */
	--cerulean: #0BACE1;
	--cerulean-hover: #077498;
	--cerulean-light: #42c9f5;
	--cerulean-light-hover: #8bdef9;

	/* Quaternary - Blue-Haze */
	--blue-haze: #C2C6D7;
	--blue-haze-hover: #939ab8;
	--blue-haze-light: #f0f1f5;
	--blue-haze-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;
}

/* Port-Gore */
html .btn-port-gore {
	background-color: var(--port-gore);
	border-color: var(--port-gore);
	color: #FFF;
}

html .btn-port-gore:hover,
html .btn-port-gore.hover {
	background-color: var(--port-gore-hover);
	border-color: var(--port-gore-hover);
	color: #FFF;
}

html .btn-port-gore:focus,
html .btn-port-gore.focus {
	box-shadow: 0 0 0 3px rgba(38, 33, 98, 0.5);
	background-color: var(--port-gore);
	border-color: var(--port-gore);
}

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

/* Port-Gore Light */
html .btn-port-gore-light {
	background-color: var(--port-gore-light);
	border-color: var(--port-gore-light);
	color: #FFF;
}

html .btn-port-gore-light:hover,
html .btn-port-gore-light.hover {
	background-color: var(--port-gore-light-hover);
	border-color: var(--port-gore-light-hover);
	color: #FFF;
}

html .btn-port-gore-light:focus,
html .btn-port-gore-light.focus {
	box-shadow: 0 0 0 3px rgba(60, 52, 155, 0.5);
	background-color: var(--port-gore-light);
	border-color: var(--port-gore-light);
}

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

/* Crimson */
html .btn-crimson {
	background-color: var(--crimson);
	border-color: var(--crimson);
	color: #FFF;
}

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

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

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

/* Crimson Light */
html .btn-crimson-light {
	background-color: var(--crimson-light);
	border-color: var(--crimson-light);
	color: #FFF;
}

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

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

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

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

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

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

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

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

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

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

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

/* Blue-Haze */
html .btn-blue-haze {
	background-color: var(--blue-haze);
	border-color: var(--blue-haze);
	color: #000;
}

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

html .btn-blue-haze:focus,
html .btn-blue-haze.focus {
	box-shadow: 0 0 0 3px rgba(194, 198, 215, 0.5);
	background-color: var(--blue-haze);
	border-color: var(--blue-haze);
}

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

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

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

html .btn-blue-haze-light:focus,
html .btn-blue-haze-light.focus {
	box-shadow: 0 0 0 3px rgba(240, 241, 245, 0.5);
	background-color: var(--blue-haze-light);
	border-color: var(--blue-haze-light);
}

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

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

/* Port-Gore Text Colors */
html .heading-port-gore,
html .lnk-port-gore,
html .text-color-port-gore,
html .text-port-gore {
	color: var(--port-gore) !important;
}

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

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

/* Port-Gore Light Text Colors */
html .heading-port-gore-light,
html .lnk-port-gore-light,
html .text-color-port-gore-light,
html .text-port-gore-light {
	color: var(--port-gore-light) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Port-Gore Background Colors */
html .bg-port-gore,
html .background-color-port-gore {
	background-color: var(--port-gore) !important;
}

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

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

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

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

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

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

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

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

/* Port-Gore Badges */
.badge-port-gore {
	background: var(--port-gore-hover);
	color: #FFF;
}

.badge-port-gore-light {
	background: var(--port-gore-light-hover);
	color: #FFF;
}

/* Crimson Badges */
.badge-crimson {
	background: var(--crimson-hover);
	color: #FFF;
}

.badge-crimson-light {
	background: var(--crimson-light-hover);
	color: #FFF;
}

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

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

/* Blue-Haze Badges */
.badge-blue-haze {
	background: var(--blue-haze-hover);
	color: #000;
}

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

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

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

html .btn-outline-port-gore:hover,
html .btn-outline-port-gore.hover {
	background-color: var(--port-gore);
	border-color: var(--port-gore);
	color: #FFF;
}

html .btn-outline-port-gore:focus,
html .btn-outline-port-gore.focus {
	box-shadow: 0 0 0 3px rgba(38, 33, 98, 0.5);
}

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

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

html .btn-outline-port-gore-light:hover,
html .btn-outline-port-gore-light.hover {
	background-color: var(--port-gore-light);
	border-color: var(--port-gore-light);
	color: #FFF;
}

html .btn-outline-port-gore-light:focus,
html .btn-outline-port-gore-light.focus {
	box-shadow: 0 0 0 3px rgba(60, 52, 155, 0.5);
}

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

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

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

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

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

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

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

html .btn-outline-crimson-light:focus,
html .btn-outline-crimson-light.focus {
	box-shadow: 0 0 0 3px rgba(241, 97, 103, 0.5);
}

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

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

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

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

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

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

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

html .btn-outline-cerulean-light:focus,
html .btn-outline-cerulean-light.focus {
	box-shadow: 0 0 0 3px rgba(66, 201, 245, 0.5);
}

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

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

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

html .btn-outline-blue-haze:focus,
html .btn-outline-blue-haze.focus {
	box-shadow: 0 0 0 3px rgba(194, 198, 215, 0.5);
}

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

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

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

html .btn-outline-blue-haze-light:focus,
html .btn-outline-blue-haze-light.focus {
	box-shadow: 0 0 0 3px rgba(240, 241, 245, 0.5);
}

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

.alert-port-gore .alert-link {
	color: #FFF;
	text-decoration: underline;
}

.alert-port-gore-light {
	color: #FFF;
	background-color: var(--port-gore-light);
	border-color: var(--port-gore-light);
}

.alert-port-gore-light .alert-link {
	color: #FFF;
	text-decoration: underline;
}

.alert-crimson {
	color: #FFF;
	background-color: var(--crimson);
	border-color: var(--crimson);
}

.alert-crimson .alert-link {
	color: #FFF;
	text-decoration: underline;
}

.alert-crimson-light {
	color: #FFF;
	background-color: var(--crimson-light);
	border-color: var(--crimson-light);
}

.alert-crimson-light .alert-link {
	color: #FFF;
	text-decoration: underline;
}

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

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

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

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

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

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

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

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