/* Forumix 3.3.19 V4.0
 * Philosophy: preserve prosilver/phpBB 3.3.19 geometry completely.
 * Only colors, backgrounds, header artwork and state icons are changed.
 */
@import url("../../prosilver/theme/stylesheet.css");

:root {
 --forumix-row-a:#FFFFB7;
 --forumix-row-b:#FFFFDD;
 --forumix-border:#DACA8C;
 --forumix-olive:#8E8F62;
 --forumix-panel:#E4E0B7;
 --forumix-category:#E5EEA3;
}
body {
 background:#E5E5E5 url("./images/forumix_bg.gif") repeat;
 color:#000;
 font-family:Verdana,Arial,Helvetica,sans-serif;
}
/* No width/max-width/min-width/grid/flex rules in V4. */
.wrap {
 background:var(--forumix-border);
 border-color:#fff;
 box-shadow:none;
}
.headerbar {
 background:#efffae url("./images/forumix_header.jpg") center top / cover no-repeat;
 border-radius:0;
}
.site_logo, #site-description h1, #site-description p { visibility:hidden; }
.navbar {
 background:var(--forumix-olive);
 border-radius:0;
 color:#fff;
}
.navbar a, .navbar a:link, .navbar a:visited { color:#FFFFB3; }
.navbar a:hover { color:#fff; }

/* Colors only: native prosilver sizes/columns remain untouched. */
.forabg, .forumbg { background:var(--forumix-border); border-radius:0; }
.forabg ul.topiclist li.header,
.forumbg ul.topiclist li.header { background:var(--forumix-category); color:var(--forumix-olive); }
ul.topiclist li.header dt, ul.topiclist li.header dd,
ul.topiclist li.header a { color:var(--forumix-olive); }
ul.topiclist > li.row { background-color:var(--forumix-row-a); border-color:var(--forumix-border); }
ul.topiclist > li.row:nth-child(odd) { background-color:var(--forumix-row-b); }
ul.topiclist > li.row:hover { background-color:#FFFEC7; }
li.row dd { border-color:var(--forumix-border); }

.bg1, .panel { background-color:var(--forumix-row-b); }
.bg2 { background-color:var(--forumix-row-a); }
.bg3 { background-color:var(--forumix-panel); }
.post { border-color:var(--forumix-border); }
.postprofile { border-color:var(--forumix-border); }
a, a:link, a:visited, a.forumtitle, a.topictitle { color:var(--forumix-olive); }
a:hover, a.forumtitle:hover, a.topictitle:hover { color:#009966; }
h2, h3 { color:var(--forumix-olive); }
.inputbox { background:#FFFFDD; border-color:var(--forumix-olive); color:#000; }
.button, .button1, .button2 {
 background:#F6F3C5;
 border-color:var(--forumix-olive);
 color:#555536;
}

/* Icons only: keep native phpBB element geometry. */
.forum_read, .forum_read_subforum, .forum_link { background-image:url("./images/cat_folder_big.gif"); }
.forum_unread, .forum_unread_subforum { background-image:url("./images/cat_folder_new_big.gif"); }
.forum_read_locked, .forum_unread_locked { background-image:url("./images/cat_folder_locked_big.gif"); }
.topic_read, .topic_read_mine { background-image:url("./images/folder_big.gif"); }
.topic_unread, .topic_unread_mine, .topic_unread_hot, .topic_unread_hot_mine { background-image:url("./images/folder_new_big.gif"); }
.topic_read_locked, .topic_unread_locked { background-image:url("./images/folder_locked_big.gif"); }

/* Forumix 3.3.19 V4.1 - header correction only; native prosilver column geometry unchanged. */
.headerbar {
  height: 183px;
  padding: 0;
  background-color: #efffae;
  background-image: url("./images/forumix_header.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 183px;
}
.headerbar .inner { height: 183px; }
#site-description { height: 183px; margin: 0; }
/* The uploaded artwork already contains the visual title/logo. */
.site_logo, #site-description h1, #site-description p { display: none !important; }

@media (max-width: 920px) {
  .headerbar {
    height: auto;
    aspect-ratio: 900 / 183;
    background-size: contain;
    background-position: center top;
  }
  .headerbar .inner, #site-description { height: 100%; }
}

/* Forumix 3.3.19 V4.2 - readable dropdown/menu text only. */
.dropdown-contents a,
.dropdown-contents a:link,
.dropdown-contents a:visited {
  color: #8E8F62 !important;
}
.dropdown-contents a:hover,
.dropdown-contents a:focus {
  color: #009966 !important;
}
.dropdown-contents li,
.dropdown-contents span,
.dropdown-contents label {
  color: #333322;
}

/* Forumix 3.3.19 V4.3 - original Forumix topic icons.
 * IMPORTANT: no width/column/row geometry changes. */
.topic_read, .topic_read_mine { background-image: url("./images/folder.gif") !important; }
.topic_unread, .topic_unread_mine { background-image: url("./images/folder_new.gif") !important; }
.topic_read_hot, .topic_read_hot_mine { background-image: url("./images/folder_hot.gif") !important; }
.topic_unread_hot, .topic_unread_hot_mine { background-image: url("./images/folder_new_hot.gif") !important; }
.topic_read_locked, .topic_read_locked_mine { background-image: url("./images/folder_lock.gif") !important; }
.topic_unread_locked, .topic_unread_locked_mine { background-image: url("./images/folder_lock_new.gif") !important; }
.sticky_read, .sticky_read_mine { background-image: url("./images/folder_sticky.gif") !important; }
.sticky_unread, .sticky_unread_mine { background-image: url("./images/folder_sticky_new.gif") !important; }
.announce_read, .announce_read_mine,
.global_read, .global_read_mine { background-image: url("./images/folder_announce.gif") !important; }
.announce_unread, .announce_unread_mine,
.global_unread, .global_unread_mine { background-image: url("./images/folder_announce_new.gif") !important; }

/* Forumix 3.3.19 V4.4 - complete original Forumix forum-state graphics.
 * Widths, columns, row heights and responsive geometry remain untouched. */
.forum_read,
.forum_read_subforum {
  background-image: url("./images/cat_folder_big.gif") !important;
}
.forum_unread,
.forum_unread_subforum {
  background-image: url("./images/cat_folder_new_big.gif") !important;
}
.forum_read_locked,
.forum_unread_locked {
  background-image: url("./images/cat_folder_locked_big.gif") !important;
}
.forum_link {
  background-image: url("./images/link_folder.gif") !important;
}

/* Forumix 3.3.19 V4.5 - complete compound topic-state mapping for viewforum.php.
 * Only icon images are changed. Native phpBB 3.3.19 dimensions and geometry remain untouched. */
.topic_read_locked,
.topic_read_locked_mine {
  background-image: url("./images/folder_lock.gif") !important;
}
.topic_unread_locked,
.topic_unread_locked_mine {
  background-image: url("./images/folder_lock_new.gif") !important;
}
.sticky_read_locked,
.sticky_read_locked_mine {
  background-image: url("./images/folder_sticky.gif") !important;
}
.sticky_unread_locked,
.sticky_unread_locked_mine {
  background-image: url("./images/folder_sticky_new.gif") !important;
}
.announce_read_locked,
.announce_read_locked_mine,
.global_read_locked,
.global_read_locked_mine {
  background-image: url("./images/folder_announce.gif") !important;
}
.announce_unread_locked,
.announce_unread_locked_mine,
.global_unread_locked,
.global_unread_locked_mine {
  background-image: url("./images/folder_announce_new.gif") !important;
}
