/*  phpBB 3.3.15 Style: JWC Dark Military
    Child style based on prosilver. Upload to /styles/jwc_dark_military/
*/

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

:root {
  --jwc-bg: #070908;
  --jwc-panel: #101611;
  --jwc-panel-2: #171f18;
  --jwc-border: #33402d;
  --jwc-green: #76a85b;
  --jwc-green-bright: #a8d873;
  --jwc-text: #d7dfcf;
  --jwc-muted: #9daa91;
  --jwc-red: #8f2f2f;
  --jwc-gold: #b7964a;
}

html, body {
  background: var(--jwc-bg) url("./images/jwc_bg.svg") center top / cover fixed no-repeat !important;
  color: var(--jwc-text);
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.wrap {
  max-width: 1220px;
  background: rgba(8, 12, 9, 0.88);
  border: 1px solid rgba(118, 168, 91, 0.32);
  box-shadow: 0 0 30px rgba(0,0,0,.85), inset 0 0 0 1px rgba(255,255,255,.03);
  border-radius: 8px;
  padding: 10px 16px;
}

#page-header .headerbar {
  background: linear-gradient(135deg, rgba(14,24,15,.98), rgba(26,36,25,.96)), url("./images/jwc_header.svg") center / cover no-repeat !important;
  border: 1px solid rgba(118,168,91,.45);
  border-radius: 10px;
  min-height: 170px;
  box-shadow: inset 0 0 70px rgba(0,0,0,.55), 0 0 18px rgba(118,168,91,.12);
}

.site_logo {
  background-image: url("./images/site_logo.svg") !important;
  width: 330px !important;
  height: 120px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.site-description h1, .site-description p {
  color: #edf7e6 !important;
  text-shadow: 0 2px 4px #000;
  letter-spacing: 1px;
}

.site-description h1::after {
  content: "  // JEDNOSTKA WILCZE CIENIE";
  color: var(--jwc-green-bright);
  font-size: 12px;
  display: block;
  margin-top: 4px;
}

.navbar, .forabg, .forumbg, .panel, .post, .bg1, .bg2, .bg3, .ucprowbg, .fieldsbg {
  background: linear-gradient(180deg, rgba(23,31,24,.96), rgba(12,17,13,.97)) !important;
  border: 1px solid rgba(118,168,91,.27);
  border-radius: 8px;
  color: var(--jwc-text);
}

.forabg, .forumbg {
  box-shadow: 0 8px 18px rgba(0,0,0,.35);
}

li.header, .header dt, .header dd {
  color: #f0ffe8 !important;
  background: linear-gradient(90deg, #1b2a18, #344127, #1b2a18) !important;
  border-bottom: 1px solid rgba(168,216,115,.35);
  text-transform: uppercase;
  letter-spacing: .6px;
}

ul.forums, ul.topics {
  background: rgba(8,12,9,.4) !important;
}

li.row {
  border-top-color: rgba(118,168,91,.18) !important;
  border-bottom-color: rgba(0,0,0,.7) !important;
}

li.row:hover {
  background: rgba(118,168,91,.08) !important;
}

a, a:link, a:visited, .tabs .tab > a {
  color: var(--jwc-green-bright) !important;
}

a:hover, a:active {
  color: #ffffff !important;
  text-shadow: 0 0 8px rgba(168,216,115,.65);
}

h2, h3, .content h2, .panel h2 {
  color: #edf7e6 !important;
  border-bottom-color: rgba(118,168,91,.3) !important;
}

.button, .button1, .button2, input.button1, input.button2, a.button1, a.button2, .dropdown-select {
  background: linear-gradient(180deg, #2b3b25, #111a12) !important;
  border: 1px solid rgba(168,216,115,.55) !important;
  color: #edf7e6 !important;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 2px 6px rgba(0,0,0,.35);
}

.button:hover, .button1:hover, .button2:hover, input.button1:hover, input.button2:hover {
  background: linear-gradient(180deg, #3e572f, #172317) !important;
  border-color: var(--jwc-green-bright) !important;
}

input.inputbox, textarea.inputbox, select, .inputbox {
  background: #080d09 !important;
  border: 1px solid rgba(118,168,91,.42) !important;
  color: var(--jwc-text) !important;
  border-radius: 5px;
}

input.inputbox:focus, textarea.inputbox:focus {
  border-color: var(--jwc-green-bright) !important;
  box-shadow: 0 0 8px rgba(118,168,91,.35);
}

.postprofile, .postbody, .content, dl.details dt, dl.details dd, p, li, dd, dt {
  color: var(--jwc-text) !important;
}

.postprofile {
  border-color: rgba(118,168,91,.22) !important;
}

.signature {
  border-top-color: rgba(118,168,91,.25) !important;
  color: var(--jwc-muted) !important;
}

blockquote {
  background: rgba(0,0,0,.35) !important;
  border-color: rgba(118,168,91,.35) !important;
  color: var(--jwc-text) !important;
}

.codebox {
  background: #060806 !important;
  border-color: rgba(183,150,74,.4) !important;
}

.codebox code {
  color: #cfe8c1 !important;
}

.notice, .rules {
  background: rgba(143,47,47,.15) !important;
  border-color: rgba(143,47,47,.55) !important;
  color: #ffe0e0 !important;
}

.stat-block, .online-list, .permissions, #message-box textarea {
  background: rgba(10,15,11,.72) !important;
}

.copyright, .copyright a {
  color: var(--jwc-muted) !important;
}

/* Forum status icons */
.global_read, .global_read_mine, .global_read_locked, .global_read_locked_mine,
.announce_read, .announce_read_mine, .announce_read_locked, .announce_read_locked_mine,
.forum_read, .forum_read_locked, .forum_read_subforum,
.sticky_read, .sticky_read_mine, .sticky_read_locked, .sticky_read_locked_mine,
.topic_read, .topic_read_mine, .topic_read_hot, .topic_read_hot_mine, .topic_read_locked, .topic_read_locked_mine {
  filter: sepia(1) hue-rotate(45deg) saturate(.8) brightness(.85);
}

.global_unread, .global_unread_mine, .global_unread_locked, .global_unread_locked_mine,
.announce_unread, .announce_unread_mine, .announce_unread_locked, .announce_unread_locked_mine,
.forum_unread, .forum_unread_locked, .forum_unread_subforum,
.sticky_unread, .sticky_unread_mine, .sticky_unread_locked, .sticky_unread_locked_mine,
.topic_unread, .topic_unread_mine, .topic_unread_hot, .topic_unread_hot_mine, .topic_unread_locked, .topic_unread_locked_mine {
  filter: sepia(1) hue-rotate(35deg) saturate(1.8) brightness(1.2) drop-shadow(0 0 4px rgba(168,216,115,.8));
}

/* Mobile */
@media (max-width: 700px) {
  .wrap { padding: 6px; border-radius: 0; }
  #page-header .headerbar { min-height: 135px; }
  .site_logo { width: 230px !important; height: 85px !important; }
  .site-description h1::after { font-size: 10px; }
}
/* HARD CENTER FIX */
#logo {
    float: none !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
}

#logo img {
    display: inline-block !important;
    margin: 0 auto !important;
}