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

HTML { height:100%; }
BODY { background-color: #222222; color: #FFFFFF; height:100% }

a:hover{color:04146C; text-decoration:underline; }

a:hover{color:04146C; text-decoration:underline; }
.Warn {font-family: Roboto, Verdana, Arial; font-size:12px; font-weight:bold; color:#FF0000;}
.BigWarn {font-family: Roboto, Verdana, Arial; font-size:14px; font-weight:bold; color:#FF0000;}
.Green {font-family: Roboto, Verdana, Arial; font-size:12px; color:#008000;}
.Red {font-family: Roboto, Verdana, Arial; font-size:12px; color:#FF0000;}
.BoldGreen {font-family: Roboto, Verdana, Arial; font-size:12px; font-weight:bold; color:#008000;}
.BoldRed {font-family: Roboto, Verdana, Arial; font-size:12px; font-weight:bold; color:#FF0000;}
.Fade {font-family: Roboto, Verdana, Arial; font-size:12px; color:#999999; }

/* CUSTOM */
.Sideline {font-family: Roboto, Verdana, Arial; font-size:12px; color: #FFB200; font-weight:bold;}
.Sideline A:link {text-decoration: underline; color: #FFB200;}
.Sideline A:active {text-decoration: underline; color: #FFB200;}
.Sideline A:visited {text-decoration: underline; color: #FFB200;}
.Sideline A:hover {text-decoration: none; color: #FFB200;}

.SidelineBold {font-family: Roboto, Verdana, Arial; font-size:12px; color: #FFB200; font-weight:bold;}
.Sideline A:link {text-decoration: underline; color: #FFB200;}
.Sideline A:active {text-decoration: underline; color: #FFB200;}
.Sideline A:visited {text-decoration: underline; color: #FFB200;}
.Sideline A:hover {text-decoration: none; color: #FFB200;}

.White {font-family: Roboto, Verdana, Arial; font-size:13px; color: #FFFFFF;}
.White A:link {text-decoration: underline; color: #FFFFFF;}
.White A:active {text-decoration: underline; color: #FFFFFF;}
.White A:visited {text-decoration: underline; color: #FFFFFF;}
.White A:hover {text-decoration: none; color: #999999;}

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

/* NAVIGATION */

.NavText {font-family: Roboto, Verdana, Arial; font-size:11px; color:#FFFFFF; font-weight:bold;}
.NavText A {text-decoration: none; color: #0000CC;}
.NavText A:link {text-decoration: none; color: #0000CC;}
.NavText A:visited {text-decoration: none; color: #0000CC;}
.NavText A:hover {text-decoration: underline; color: #FFB200;}

.NavFade {font-family: Roboto, Verdana, Arial; font-size:11px; color:#999999; font-weight:bold;}
.NavFade A {text-decoration: none; color: #0000CC;}
.NavFade A:link {text-decoration: none; color: #0000CC;}
.NavFade A:visited {text-decoration: none; color: #0000CC;}
.NavFade A:hover {text-decoration: underline; color: #FFB200;}

.UserText {font-family: Roboto, Verdana, Arial; font-size:12px; color:#FFFFFF;}
.UserText A {text-decoration: none; color: #0000CC;}
.UserText A:link {text-decoration: none; color: #0000CC;}
.UserText A:visited {text-decoration: none; color: #0000CC;}
.UserText A:hover {text-decoration: underline; color: #FFB200;}

/* VIEWS */

.HallTD {font-family: Verdana; font-size:12px; font-weight:bold; color:#FFFFFF; background-color:#EEEEEE;}
.HallBook {font-family: Verdana; font-size:12px; font-weight:bold; color:#FFFFFF; background-color:#FFB200;}
.HallBook A {font-family: Verdana; font-size:11px; font-weight:bold; color:#FFFFFF; background-color:#FFB200;}
.CurrentPubRow {background-color:#444444;}
.AlternatePubRow {background-color:#FFFFFF;}
.IncidentLog {font-family: Verdana; font-size:14px; font-weight:bold; color:#FFFFFF; background-color:#FFB200;}
.GuestBorder {font-family: Verdana; font-size:13px; color:#FFFFFF; background-color:#FFB200;}
.GuestBG {background-color:#222222;}

/* PUBLIC FONTS */

.Headline {font-family: Roboto, Verdana, Arial; font-size:30px; font-weight:bold; color: #FFB200;}
.Headline A:link {text-decoration: underline; color: #FFB200;}
.Headline A:active {text-decoration: underline; color: #FFB200;}
.Headline A:visited {text-decoration: underline; color: #FFB200;}
.Headline A:hover {text-decoration: none; color: #FFB200;}

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

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

.Regular {font-family: Open Sans, Verdana, Arial; font-size:14px; }
.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: Roboto, Verdana, Arial; font-size:15px; font-weight:bold;}
.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: Roboto, Verdana, Arial; font-size:13px; }
.Small A {text-decoration: underline; color: #FFB200;}
.Small A:link {text-decoration: underline; color: #FFB200;}
.Small A:visited {text-decoration: underline; color: #FFB200;}
.Small A:hover {text-decoration: none; color: #FFB200;}

.SmallBold {font-family: Roboto, Verdana, Arial; font-size:13px; font-weight:bold; }
.SmallBold A {text-decoration: underline; color: #FFB200;}
.SmallBold A:link {text-decoration: underline; color: #FFB200;}
.SmallBold A:visited {text-decoration: underline; color: #FFB200;}
.SmallBold A:hover {text-decoration: none; color: #FFB200;}

.StatsBoxTable {background-color:#FFFFFF; width:93%; border:0px}
.StatsBoxTitle {font-family: Roboto, Verdana, Arial; font-size:15px; font-weight:bold; color: #FFFFFF; background-color:#FFB200}
.StatsBoxCell {font-family: Roboto, Verdana, Arial; font-size:14px; font-weight:bold; color: #FFFFFF; background-color:#222222}

/* FORM STYLES */

.fsField {font-family:Roboto, Verdana, Arial; font-size:15px; color:#000000; font-weight:normal; }
.fsButton {font-family:Roboto, Verdana, Arial; font-size:15px; color:#000000; font-weight:bold; background-color:#FFB200; border-width:1px; border-color:#FFFFFF; }

/* RESPONSIVE PUBLIC LAYOUT (publicHeader.cfm / publicFooter.cfm).
   Everything is scoped to body.pc-public or the pc- classes, so member pages are not affected. */

body.pc-public { margin: 0; padding: 0; min-height: 100vh; display: flex; flex-direction: column; background: #161616 url("../images/bg.jpg"); color: #FFFFFF; }
.pc-banner, .pc-main, .pc-footer, .pc-banner *, .pc-footer * { box-sizing: border-box; }

/* Banner: logo centered on a dark stage, gold heartbeat line behind it */
.pc-banner { position: relative; flex-shrink: 0; overflow: hidden; text-align: center; padding: 22px 16px 18px;
	background: radial-gradient(ellipse at center, #2E2E2E 0%, #151515 55%, #090909 100%); border-bottom: 1px solid #3A3A3A; }
.pc-pulse { position: absolute; left: 0; top: 50%; width: 100%; height: 90px; transform: translateY(-50%); pointer-events: none; }
.pc-pulse path { fill: none; stroke: #FFB200; stroke-width: 2; opacity: .35; vector-effect: non-scaling-stroke; }
.pc-logo-link { position: relative; display: inline-block; }
.pc-logo-link::before { content: ""; position: absolute; top: -10%; bottom: -10%; left: -6%; right: -6%; background: radial-gradient(ellipse at center, #151515 55%, rgba(21,21,21,0) 72%); }
.pc-logo { position: relative; display: block; height: 210px; width: auto; max-width: 100%; }

/* Page content: centered column on a dark panel so text reads over the texture */
.pc-main { flex: 1 0 auto; width: 100%; max-width: 1000px; margin: 24px auto; padding: 0 16px; }
.pc-panel { background: rgba(0,0,0,.62); border: 1px solid #333333; border-radius: 10px; padding: 24px 28px; }
.pc-main h1.Title { font-family: Oswald, Roboto, Arial, sans-serif; font-size: 32px; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; color: #FFFFFF; margin: 0 0 6px; }
.pc-main h1.Title::after { content: ""; display: block; width: 160px; height: 2px; margin: 10px auto 4px; background: #FFB200; }
.pc-main table { max-width: 100%; }
.pc-main .Regular { line-height: 1.6; }

/* Footer */
.pc-footer { flex-shrink: 0; text-align: center; background: #0B0B0B; border-top: 1px solid #3A3A3A; padding: 26px 16px 18px; }
.pc-footer .pc-fs-logo { display: block; margin: 0 auto 12px; width: 260px; max-width: 80%; height: auto; }
.pc-footer .pc-copy { font-family: Roboto, Verdana, Arial; font-size: 13px; color: #CCCCCC; line-height: 1.6; }
.pc-footer .pc-copy b { color: #FFFFFF; }

/* Phones */
@media (max-width: 700px) {
	.pc-banner { padding: 14px 12px 12px; }
	.pc-logo { height: 140px; }
	.pc-pulse { height: 60px; }
	.pc-main { margin: 16px auto; }
	.pc-panel { padding: 18px 14px; border-radius: 8px; }
	.pc-main h1.Title { font-size: 26px; }
	.pc-main .user1, .pc-main .pass1 { width: 100%; }
	.pc-main input[type=submit] { width: 60% !important; }
	.pc-footer .pc-copy span { display: block; }
}