/*-----------------------------------------------------------------------------
 * Auto-Generated Color System CSS - fcfireplaces.com
 * Generated: 2025-12-19 16:59:25
 * Generated by Sagentic Dashboard Color System
 *---------------------------------------------------------------------------*/

/* Color Variables
 *---------------------------------------------------------------------------*/
:root {
	/* Primary - Red-Berry */
	--red-berry: #8c0303;
	--red-berry-hover: #410101;
	--red-berry-light: #d60404;
	--red-berry-light-hover: #fa2d2d;

	/* Secondary - Trinidad */
	--trinidad: #f24405;
	--trinidad-hover: #a72e03;
	--trinidad-light: #fb7748;
	--trinidad-light-hover: #fcaf93;

	/* Tertiary - Tahiti-Gold */
	--tahiti-gold: #f28705;
	--tahiti-gold-hover: #a75d03;
	--tahiti-gold-light: #fbaa48;
	--tahiti-gold-light-hover: #fccd93;

	/* Quaternary - Corn */
	--corn: #f2cb05;
	--corn-hover: #a78c03;
	--corn-light: #fbdd48;
	--corn-light-hover: #fceb93;

	/* Link Colors */
	--hyperlinks: #9cc1d9;
	--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;
}

/* Red-Berry */
html .btn-red-berry {
	background-color: var(--red-berry);
	border-color: var(--red-berry);
	color: #fff;
}

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

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

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

/* Red-Berry Light */
html .btn-red-berry-light {
	background-color: var(--red-berry-light);
	border-color: var(--red-berry-light);
	color: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

/* Tahiti-Gold */
html .btn-tahiti-gold {
	background-color: var(--tahiti-gold);
	border-color: var(--tahiti-gold);
	color: #fff;
}

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

html .btn-tahiti-gold:focus,
html .btn-tahiti-gold.focus {
	box-shadow: 0 0 0 3px rgba(242, 135, 5, 0.5);
	background-color: var(--tahiti-gold);
	border-color: var(--tahiti-gold);
}

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

/* Tahiti-Gold Light */
html .btn-tahiti-gold-light {
	background-color: var(--tahiti-gold-light);
	border-color: var(--tahiti-gold-light);
	color: #fff;
}

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

html .btn-tahiti-gold-light:focus,
html .btn-tahiti-gold-light.focus {
	box-shadow: 0 0 0 3px rgba(251, 170, 72, 0.5);
	background-color: var(--tahiti-gold-light);
	border-color: var(--tahiti-gold-light);
}

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

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

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

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

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

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

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

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

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

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

/* Red-Berry Text Colors */
html .heading-red-berry,
html .lnk-red-berry,
html .text-color-red-berry,
html .text-red-berry {
	color: var(--red-berry) !important;
}

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

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

/* Red-Berry Light Text Colors */
html .heading-red-berry-light,
html .lnk-red-berry-light,
html .text-color-red-berry-light,
html .text-red-berry-light {
	color: var(--red-berry-light) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Red-Berry Background Colors */
html .bg-red-berry,
html .background-color-red-berry {
	background-color: var(--red-berry) !important;
}

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

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

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

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

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

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

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

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

/* Red-Berry Badges */
.badge-red-berry {
	background: var(--red-berry-hover);
	color: #fff;
}

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

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

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

/* Tahiti-Gold Badges */
.badge-tahiti-gold {
	background: var(--tahiti-gold-hover);
	color: #fff;
}

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

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

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

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

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

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

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

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

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

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

html .btn-outline-red-berry-light:focus,
html .btn-outline-red-berry-light.focus {
	box-shadow: 0 0 0 3px rgba(214, 4, 4, 0.5);
}

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

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

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

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

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

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

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

html .btn-outline-trinidad-light:focus,
html .btn-outline-trinidad-light.focus {
	box-shadow: 0 0 0 3px rgba(251, 119, 72, 0.5);
}

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

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

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

html .btn-outline-tahiti-gold:focus,
html .btn-outline-tahiti-gold.focus {
	box-shadow: 0 0 0 3px rgba(242, 135, 5, 0.5);
}

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

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

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

html .btn-outline-tahiti-gold-light:focus,
html .btn-outline-tahiti-gold-light.focus {
	box-shadow: 0 0 0 3px rgba(251, 170, 72, 0.5);
}

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

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

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

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

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

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

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

html .btn-outline-corn-light:focus,
html .btn-outline-corn-light.focus {
	box-shadow: 0 0 0 3px rgba(251, 221, 72, 0.5);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-----------------------------------------------------------------------------
 * Header Top
 *---------------------------------------------------------------------------*/

html .header-top.header-top-black {
	background: #000 !important;
	border-top-color: #000;
}