/* SITE WIDE */

/* Get Google Fonts */
@import url('https://fonts.googleapis.com/css?family=Roboto:Bold,Regular');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:Bold,Regular');
@import url('https://fonts.googleapis.com/css?family=DM+Sans:Bold,Regular');

HTML { height:100%; }
BODY { background-color: #CFCFCF; color: #FCFCFC; height:100%; font-size: 16px; font-family: DM Sans !important; }

a:hover{color:FFCC00; text-decoration:underline; }

a:hover{color:FFCC00; text-decoration:underline; }
.Warn {font-family: DM Sans, Verdana, Arial; font-size:18px; font-weight:bold; color:#FF0000;}
.BigWarn {font-family: DM Sans, Verdana, Arial; font-size:20px; font-weight:bold; color:#FF0000;}
.Green {font-family: DM Sans, Verdana, Arial; font-size:18px; color:#008000;}
.Red {font-family: DM Sans, Verdana, Arial; font-size:18px; color:#FF0000;}
.BoldGreen {font-family: DM Sans, Verdana, Arial; font-size:18px; font-weight:bold; color:#008000;}
.BoldRed {font-family: DM Sans, Verdana, Arial; font-size:18px; font-weight:bold; color:#FF0000;}
.Fade {font-family: DM Sans, Verdana, Arial; font-size:18px; color:#999999; }

/* CUSTOM */
.TopBar {font-family: DM Sans, Arial; font-size:18px; color: #FFFFFF; font-weight:bold;}
.TopBar A:link {text-decoration: underline; color: #FFCC00;}
.TopBar A:active {text-decoration: underline; color: #FFCC00;}
.TopBar A:visited {text-decoration: underline; color: #FFCC00;}
.TopBar A:hover {text-decoration: none; color: #FFCC00;}

.Sideline {font-family: DM Sans, Verdana, Arial; font-size:18px; color: #FFCC00; font-weight:bold;}
.Sideline A:link {text-decoration: underline; color: #FFCC00;}
.Sideline A:active {text-decoration: underline; color: #FFCC00;}
.Sideline A:visited {text-decoration: underline; color: #FFCC00;}
.Sideline A:hover {text-decoration: none; color: #FFCC00;}

.SidelineBold {font-family: DM Sans, Verdana, Arial; font-size:18px; color: #FFCC00; font-weight:bold;}
.SidelineBold A:link {text-decoration: underline; color: #FFCC00;}
.SidelineBold A:active {text-decoration: underline; color: #FFCC00;}
.SidelineBold A:visited {text-decoration: underline; color: #FFCC00;}
.SidelineBold A:hover {text-decoration: none; color: #FFCC00;}

.White {font-family: DM Sans, Verdana, Arial; font-size:18px; color: #FFFFFF;}
.White A:link {text-decoration: underline; color: #FFCC00;}
.White A:active {text-decoration: underline; color: #FFCC00;}
.White A:visited {text-decoration: underline; color: #FFCC00;}
.White A:hover {text-decoration: none; color: #FFCC00;}

.BoldWhite {font-family: DM Sans, Verdana, Arial; font-size:18px; color: #FFFFFF; font-weight:bold;}
.BoldWhite A:link {text-decoration: underline; color: #FFCC00;}
.BoldWhite A:active {text-decoration: underline; color: #FFCC00;}
.BoldWhite A:visited {text-decoration: underline; color: #FFCC00;}
.BoldWhite A:hover {text-decoration: none; color: #FFCC00;}

/* NAVIGATION */

.NavText {font-family: DM Sans, Verdana, Arial; font-size:16px; color:#FCFCFC; font-weight:bold;}
.NavText A {text-decoration: none; color: #FFCC00;}
.NavText A:link {text-decoration: none; color: #FFCC00;}
.NavText A:visited {text-decoration: none; color: #FFCC00;}
.NavText A:hover {text-decoration: underline; color: #FFCC00;}

.NavFade {font-family: DM Sans, Verdana, Arial; font-size:16px; color:#999999; font-weight:bold;}
.NavFade A {text-decoration: none; color: #FFCC00;}
.NavFade A:link {text-decoration: none; color: #FFCC00;}
.NavFade A:visited {text-decoration: none; color: #FFCC00;}
.NavFade A:hover {text-decoration: underline; color: #FFCC00;}

.UserText {font-family: DM Sans, Verdana, Arial; font-size:18px; color:#FCFCFC;}
.UserText A {text-decoration: none; color: #FFCC00;}
.UserText A:link {text-decoration: none; color: #FFCC00;}
.UserText A:visited {text-decoration: none; color: #FFCC00;}
.UserText A:hover {text-decoration: underline; color: #FFCC00;}

/* VIEWS */

.HallTD {font-family: Verdana; font-size:18px; font-weight:bold; color:#FCFCFC; background-color:#EEEEEE;}
.HallBook {font-family: Verdana; font-size:18px; font-weight:bold; color:#FCFCFC; background-color:#FCFCFC;}
.HallBook A {font-family: Verdana; font-size:18px; font-weight:bold; color:#FCFCFC; background-color:#FCFCFC;}
.CurrentPubRow {background-color:#333333;}
.AlternatePubRow {background-color:#555555;}
.IncidentLog {font-family: Verdana; font-size:18px; font-weight:bold; color:#FCFCFC; background-color:#FCFCFC;}
.GuestBorder {font-family: Verdana; font-size:18px; color:#FFFFFF; background-color:#444444;}
.GuestBG {background-color:#CFCFCF;}

/* PUBLIC FONTS */

.Headline {font-family: DM Sans, Verdana, Arial; font-size:24px; font-weight:bold; color: #FFCC00;}
.Headline A:link {text-decoration: underline; color: #FFCC00;}
.Headline A:active {text-decoration: underline; color: #FFCC00;}
.Headline A:visited {text-decoration: underline; color: #FFCC00;}
.Headline A:hover {text-decoration: none; color: #FFCC00;}

.Title {font-family: DM Sans, Verdana, Arial; font-size:21px; font-weight:bold;}
.Title A:link {text-decoration: underline; font-weight:bold; color: #FFCC00;}
.Title A:active {text-decoration: underline; font-weight:bold; color: #FFCC00;}
.Title A:visited {text-decoration: underline; font-weight:bold; color: #FFCC00;}
.Title A:hover {text-decoration: none; font-weight:bold; color: #FFCC00;}

.Heading {font-family: DM Sans, Verdana, Arial; font-size:25px; font-weight:bold; color:#FCFCFC;}
.Heading A:link {text-decoration: underline; color:#FFCC00;}
.Heading A:active {text-decoration: underline; color:#FFCC00;}
.Heading A:visited {text-decoration: underline; color:#FFCC00;}
.Heading A:hover {text-decoration: none; color:#FFCC00;}

.Regular {font-family: Open Sans, Verdana, Arial; font-size:18px; color:#FCFCFC; }
.Regular A {text-decoration: underline; color: #FFCC00;}
.Regular A:link {text-decoration: underline; color: #FFCC00;}
.Regular A:visited {text-decoration: underline; color: #FFCC00;}
.Regular A:hover {text-decoration: none; color: #FFCC00;}

.Bold {font-family: DM Sans, Verdana, Arial; font-size:18px; font-weight:bold; color: #FCFCFC;}
.Bold A:link {text-decoration: underline; color: #FFCC00;}
.Bold A:active {text-decoration: underline; color: #FFCC00;}
.Bold A:visited {text-decoration: underline; color: #FFCC00;}
.Bold A:hover {text-decoration: none; color: #FFCC00;}

.Small {font-family: DM Sans, Verdana, Arial; font-size:16px; color:#FCFCFC; }
.Small A {text-decoration: underline; color: #FFCC00;}
.Small A:link {text-decoration: underline; color: #FFCC00;}
.Small A:visited {text-decoration: underline; color: #FFCC00;}
.Small A:hover {text-decoration: none; color: #FFCC00;}

.SmallBold {font-family: DM Sans, Verdana, Arial; font-size:16px; font-weight:bold; color:#FCFCFC; }
.SmallBold A {text-decoration: underline; color: #FFCC00;}
.SmallBold A:link {text-decoration: underline; color: #FFCC00;}
.SmallBold A:visited {text-decoration: underline; color: #FFCC00;}
.SmallBold A:hover {text-decoration: none; color: #FFCC00;}

.StatsBoxTable {width:93%; border:1px;}
.StatsBoxTitle {font-family: DM Sans, Verdana, Arial; font-size:18px; font-weight:bold; color: #FFCC00; background-color:#990000}
.StatsBoxCell {font-family: DM Sans, Verdana, Arial; font-size:18px; font-weight:bold; color: #FFFFFF; background-color:rgba(0, 0, 0, 0.5);}

/* FORM STYLES */

.fsField {font-family:DM Sans, Verdana, Arial; font-size:18px; color:#000000; font-weight:normal; }
.fsButton {font-family:DM Sans, Verdana, Arial; font-size:18px; color:#FFCC00; font-weight:bold; background-color:#990301; border-width:1px; border-color:#990301; }


/* ============================================================
   2. MENU - left-column menu (column.cfm) and fly-outs (public_menu.cfm),
   styled like mvfd.com: red gradient, white bold text, gold highlight.
   Classes: fvNavOn/fvNavOff (column menu), fvSubOn/fvSubOff (fly-outs).
   ============================================================ */
.fvNav { margin: 0 0 14px; }
.fvNav .mmenucontainer[style*="relative"] { background: linear-gradient(#A00000, #8C0000) !important; border: 0 !important; border-top: 2px solid #B8860B !important; border-bottom: 2px solid #B8860B !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45); }
.fvNav table.milonictable { width: 100% !important; }
.fvNavOff, .fvNavOn, .fvSubOff, .fvSubOn {
	font-family: 'DM Sans', 'Roboto', Arial, sans-serif !important;
	font-weight: 700 !important;
	color: #FFFFFF !important;
	background: transparent !important;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
}
.fvNavOff, .fvNavOn { font-size: 15px !important; text-transform: uppercase; letter-spacing: 0.06em; }
td.fvNavOff, td.fvNavOn { padding: 0 !important; height: 40px !important; border-bottom: 1px solid #6E0000 !important; transition: background-color 0.15s, box-shadow 0.15s; }
td.fvNavOff > a, td.fvNavOn > a { display: block; padding: 0 12px !important; line-height: 40px; }
td.fvNavOn { background: #6E0000 !important; box-shadow: inset 4px 0 0 #FFCC00; }
.fvNavOn { color: #FFCC00 !important; }
/* Fly-outs: menu red, gold line along the bottom, rounded on the open side */
.mmenucontainer:has(.fvSubOff) { background: #900000 !important; border: none !important; border-bottom: 3px solid #FFCC00 !important; border-radius: 0 6px 6px 0; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.55) !important; overflow: hidden; }
.fvSubOff, .fvSubOn { font-size: 16px !important; }
td.fvSubOff, td.fvSubOn { padding: 0 !important; text-align: left !important; border-bottom: 1px solid #6E0000 !important; transition: background-color 0.15s; }
td.fvSubOff > a, td.fvSubOn > a { display: block; padding: 0 20px 0 16px !important; line-height: 38px; }
td.fvSubOn { background: #6E0000 !important; }
.fvSubOn { color: #FFCC00 !important; }

/* ============================================================
   5. FOOTER (publicFooter.cfm) - same red gradient as the menu, gold line on top,
   gold contact links, emblem, quick links (layout copied from mvfd.com).
   ============================================================ */
#container .fsFooter { background: linear-gradient(#A00000, #8C0000) !important; border-top: 2px solid #B8860B !important; color: #FFFFFF; }
#container .fsFooter .BoldWhite, #container #footer { font-weight: 400; line-height: 1.5; }
#container #footer strong { font-weight: 700; }
#container .footer-quick { list-style: none; margin: 0; padding: 0; }
#container .footer-quick li { margin: 0 0 4px; }
#container .footer-quick a, #container .footer-quick a:link, #container .footer-quick a:visited { color: #FFCC00 !important; text-decoration: none !important; }
#container .footer-quick a:hover { text-decoration: underline !important; }
#container .footer-row { display: flex; justify-content: space-between; gap: 24px; max-width: 1400px; margin: 0 auto; padding: 10px 30px; box-sizing: border-box; font-size: 16px; line-height: 1.6; }
#container .footer-col { flex: 0 1 auto; min-width: 0; }
@media screen and (min-width: 801px) and (max-width: 1119px) {
	#container .footer-row { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 40px; max-width: 760px; }
}
#container .footer-head { font-weight: 700; margin-bottom: 14px; min-height: 26px; }
#container .footer-head-emblem { display: flex; align-items: center; gap: 8px; }
#container .footer-head-emblem .footer-emblem { height: 30px; margin: 0; }
#container .footer-head-emblem .footer-tag { margin: 0; }
#container .footer-emblem { display: block; height: 64px; width: auto; margin: 0 0 8px; }
#container #footer .footer-emblem { margin: 16px auto 6px; }
#container .footer-tag { display: block; color: #FFCC00; font-size: 14px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin: 2px 0 8px; }
#container .footer-map { position: relative; }
#container a.footer-map-btn, #container a.footer-map-btn:link, #container a.footer-map-btn:visited { position: absolute; right: 12px; top: 10px; background: #990301; color: #FFCC00 !important; text-decoration: none !important; font: 700 14px 'DM Sans', Arial, sans-serif; padding: 8px 14px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); }
#container a.footer-map-btn:hover { background: #6E0000; }
.footer-copyright { display: block; }
.footer-counter { display: block; font-size: 13px; font-weight: 400; color: #999999; margin-top: 6px; }
.footer-counter b { color: #BBBBBB; }
.footer-counter .fc-part { white-space: nowrap; }
.footer-counter .fc-sep { margin: 0 10px; }
@media screen and (max-width: 800px) {
	.footer-counter .fc-sep { display: none; }
	.footer-counter .fc-part { display: block; }
}
#container .footer-quick-mobile { margin: 12px 16px 0; }
#container .footer-quick-mobile .footer-quick { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 16px; }
#container .footer-quick-mobile .footer-quick li { margin: 0; }
#container .footer-contact a, #container .footer-contact a:link, #container .footer-contact a:visited { color: #FFCC00 !important; text-decoration: none !important; }
#container .footer-contact a:hover { text-decoration: underline !important; }
#container .footer-contact a[href^="tel:"] { white-space: nowrap; }
#container #footer a[href*="FirehouseSolutions"] { color: #FFFFFF !important; text-decoration: underline !important; }
#container .footer-social { margin-top: 12px; margin-left: -5px; }
#container #footer .footer-social { margin: 10px 0 0; }
#container .footer-social a, #container .footer-social a:link, #container .footer-social a:visited { display: inline-flex; padding: 5px; color: #FFFFFF !important; text-decoration: none !important; }
#container .footer-social a:hover { color: #FFCC00 !important; }
#container .footer-social svg { display: block; width: 22px; height: 22px; }