@import url("../../prosilver/theme/stylesheet.css");

/* Game accounts are the only public authentication path. */
form.headerspace[action*="mode=login"] { display: none; }

:root {
  --bt-ink: #0d0e0c;
  --bt-panel: #171913;
  --bt-panel-2: #202218;
  --bt-line: #49412d;
  --bt-gold: #c5a15a;
  --bt-gold-bright: #e1c47c;
  --bt-parchment: #d8ccb0;
  --bt-muted: #9b947f;
  --bt-red: #74352e;
}

html, body { background: #090a08; color: var(--bt-parchment); }
body {
  background-image:
    radial-gradient(circle at 50% -15%, rgba(124, 91, 43, .28), transparent 42rem),
    linear-gradient(rgba(8, 9, 7, .92), rgba(8, 9, 7, .98));
  font-family: Georgia, "Times New Roman", serif;
}

#wrap { max-width: 1180px; padding: 0 18px 30px; background: rgba(11, 12, 9, .98); box-shadow: 0 0 35px #000; }
.headerbar {
  min-height: 150px;
  margin: 0 0 12px;
  border: 1px solid #6a5834;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  background:
    linear-gradient(90deg, rgba(5, 7, 5, .95), rgba(21, 25, 17, .7), rgba(5, 7, 5, .95)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.02) 0 2px, transparent 2px 8px),
    #151911;
  box-shadow: inset 0 -3px 0 rgba(197,161,90,.22), 0 8px 24px #000;
}
.site-description h1 { color: var(--bt-gold-bright); font-size: 2.7em; letter-spacing: .08em; text-shadow: 0 2px 2px #000; }
.site-description h1::first-letter { color: #eee2ba; }
.site-description p { color: var(--bt-parchment); font-size: 1.05em; letter-spacing: .04em; }
.logo { display: none; }
.site-description { width: auto; margin: 42px 0 0 28px; }

.navbar, .forabg, .forumbg, .panel, .post, .cp-main .pm { border-radius: 3px; }
.navbar, .panel, .post, .cp-main .pm { background: rgba(25, 27, 20, .97); border: 1px solid var(--bt-line); }
.forabg, .forumbg { background: #151711; border: 1px solid #685737; padding: 0; box-shadow: 0 4px 14px rgba(0,0,0,.45); }
.forabg > .inner > ul.topiclist:first-child, .forumbg > .inner > ul.topiclist:first-child {
  padding: 7px 10px;
  background: linear-gradient(#57462a, #2f281a);
  border-bottom: 1px solid #8a7143;
}
li.header dt, li.header dd { color: #f0dfb1; font-family: Georgia, serif; letter-spacing: .05em; }
ul.topiclist li.row { background: #181a14; border-top-color: #353426; border-bottom-color: #090a08; }
ul.topiclist li.row:nth-child(even) { background: #1e2018; }
ul.topiclist li.row:hover { background: #28291e; }

a, a:link, a:visited, .forumtitle, .topictitle { color: var(--bt-gold); }
a:hover, .forumtitle:hover, .topictitle:hover { color: var(--bt-gold-bright); text-decoration: none; }
.forumtitle, .topictitle { font-family: Georgia, serif; }
.forumtitle { font-size: 1.25em; }
.content, .postbody, .postprofile, label, .panel p, .panel li { color: var(--bt-parchment); }
.row .list-inner, .row dd, .topic-poster, .responsive-show { color: var(--bt-muted); }
.stat-block, .stat-block p, .stat-block h3, .action-bar, .timezone, .copyright { color: var(--bt-muted); }
.stat-block h3 { border-bottom-color: var(--bt-line); }

.post { border-left: 3px solid #5c4a2b; }
.postprofile { border-color: var(--bt-line); }
.postprofile .avatar img { border: 2px solid #7a6338; background: #0c0d0a; padding: 2px; box-shadow: 0 3px 10px #000; }
.signature { border-top-color: #5d5136; color: #aaa38e; font-style: italic; }
.postbody h3, .postbody h3 a { color: var(--bt-gold-bright); font-family: Georgia, serif; }

.button, .button1, .button2, input.button1, input.button2 {
  color: #f3e5bd;
  border-color: #79613a;
  background: linear-gradient(#55442a, #302719);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
.button:hover, .button1:hover, .button2:hover { color: #fff4ce; border-color: #c5a15a; background: #5e492b; }
input.inputbox, textarea.inputbox, select { color: #e1d5b9; background: #0f100d; border-color: #534b35; }
.pagination li a { color: var(--bt-gold); background: #1e2018; border-color: #544a31; }

@media (max-width: 700px) {
  #wrap { padding: 0 7px 20px; }
  .headerbar { min-height: 105px; }
  .site-description h1 { font-size: 2em; }
  .site-description p { font-size: .9em; }
  .post { border-left-width: 2px; }
}