/*
	Ravaio Theme Stylesheet Made by Gramziu
*/
*,
*:before,
*:after {
  border: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  font-size: 10px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 10px;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
}
input,
textarea,
button,
select {
  font-family: inherit;
}
h1 {
  font-size: 36px;
  font-weight: 300;
}
h2 {
  font-size: 24px;
  font-weight: 300;
}
select {
  border-radius: 0;
  border-style: solid;
  border-width: 0 0 1px;
  height: 36px;
  -webkit-appearance: none;
}
input {
  border-radius: 0;
  -webkit-appearance: none;
}
label {
  cursor: pointer;
}
fieldset {
  min-width: 0;
}
a {
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  outline: none;
}
a,
a:hover,
a:visited {
  text-decoration: none;
}
p {
  line-height: 1.6154;
}
p b {
  font-weight: 600;
}
pre {
  overflow: auto;
}
pre,
code {
  font-family: monospace;
}
abbr {
  border-style: dotted;
  border-width: 0 0 1px;
  text-decoration: none;
}
button {
  cursor: pointer;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  line-height: 1.6154;
  max-width: 100%;
  resize: vertical !important;
}
/*
	Structure styles
	Positioning overall page
*/
.chunk {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 18px;
}
.chunk:after {
  clear: both;
  content: "";
  display: block;
}
.hidden {
  display: none;
}
/*
	Global head styles
	Displayed on every page
*/
#wrap-inner {
  position: relative;
}
#wrap-header,
#wrap-header-index {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4 !important;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#wrap-header:after,
#wrap-header-index:after {
  clear: both;
  content: "";
  display: block;
}
.is-sticky #wrap-header,
.is-sticky #wrap-header-index {
  left: auto;
  right: auto;
}
#wrap-header-sticky-wrapper,
#wrap-header-index-sticky-wrapper {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.site-header {
  font-size: 1.3em;
  height: 56px;
  line-height: 56px;
  min-height: 56px;
  position: relative;
}
.site-header span {
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#logo {
  display: block;
  float: left;
  line-height: 0;
  margin: 10px 24px 10px 0;
}
#logo.logo_text {
  font-size: 18px;
  font-weight: 300;
  line-height: 36px;
}
.site_logo {
  background-image: url("images/logo.svg");
  background-size: 100%;
  display: inline-block;
  height: 36px;
  width: 26px;
}
#breadcrumbs {
  height: 56px;
  width: auto;
}
#breadcrumbs li {
  display: inline-block;
}
#breadcrumbs i + span {
  margin-left: 9px;
}
.crumb-solid {
  display: inline-block !important;
}
#breadcrumbs-mid {
  font-size: 1.2em;
  line-height: 12px;
  margin-bottom: 18px;
  width: 100%;
}
#breadcrumbs-mid li {
  display: block;
  float: left;
}
#breadcrumbs-mid i + span {
  margin-left: 9px;
}
#breadcrumbs,
#breadcrumbs-mid {
  list-style: none;
  overflow: hidden;
  white-space: nowrap;
}
#breadcrumbs li:before,
#breadcrumbs-mid li:before {
  content: "/";
  display: block;
  float: left;
  padding: 0 12px;
  pointer-events: none;
}
#breadcrumbs li:first-child:before,
#breadcrumbs-mid li:first-child:before {
  display: none;
}
.site-nav {
  float: right;
  list-style: none;
  margin-left: 18px;
}
.site-nav > li + li {
  margin-left: 24px;
}
.site-nav > li > a {
  position: relative;
}
.site-nav li > a,
.site-nav li > span {
  display: block;
}
.site-nav li > a > i + span,
.site-nav li > span > i + span {
  margin-left: 9px;
}
.site-nav li > span {
  cursor: pointer;
}
.site-nav i {
  font-size: 1.0769em;
}
.site-nav .count {
  border-radius: 2px;
  font-size: 0.8461em;
  font-weight: 600;
  left: -6px;
  line-height: 12px;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: -3px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.site-nav > li,
.site-nav-item {
  display: block;
  float: left;
  line-height: 30px;
  margin-bottom: 13px;
  margin-top: 13px;
  position: relative;
}
.cur-user {
  margin-left: 20px !important;
  margin-right: -8px;
}
#header-avatar img {
  border-radius: 15px;
  border-style: solid;
  border-width: 2px;
  display: block;
  height: 30px;
  width: 30px;
  object-fit: cover;
  overflow: hidden;
  transition: border-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), border-width 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#header-avatar > span {
  border-radius: 15px;
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#header-avatar:active img {
  border-width: 1px;
}
#header-mini-menu {
  border-radius: 15px;
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  width: 30px;
}
#header-mini-menu:active,
#header-mini-menu:focus {
  outline: none;
}
/*
	Global foot styles
	Displayed on every page
*/
#wrap-footer {
  font-size: 1.2em;
  padding: 18px 0 36px;
  position: relative;
  transition: opacity 0.3s cubic-bezier(0.6, 0, 0.1, 1);
}
#wrap-footer ul {
  list-style: none;
  width: 100%;
}
#wrap-footer ul:after {
  clear: both;
  content: "";
  display: block;
}
#wrap-footer li {
  float: left;
}
#wrap-footer li.rside {
  float: right;
}
#wrap-footer li + li {
  margin-left: 24px;
}
.site-footer {
  line-height: 1.6154;
}
.site-footer i + span {
  margin-left: 9px;
}
.footer-text,
#debug-output {
  margin-top: 9px;
}
/*
	Main containers
*/
.re-sm,
.re-md,
.re-lg {
  display: none !important;
}
.left,
.lside {
  float: left;
}
.right,
.rside {
  float: right;
}
.clear {
  display: block;
  clear: both;
}
.box-normal {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  padding: 18px 18px 0;
  position: relative;
  margin-bottom: 18px;
  word-wrap: break-word;
}
.box-normal h6 {
  font-size: 1.3em;
  font-weight: 600;
  margin-bottom: 18px;
}
.box-normal p,
.box-normal pre {
  font-size: 1.3rem;
  margin-bottom: 18px;
}
.box-normal ul,
.box-normal ol {
  font-size: 1.3em;
  line-height: 1.6154;
  list-style: none;
}
.box-normal ul h3,
.box-normal ol h3 {
  font-size: 1.3846em;
  font-weight: 400;
  margin-bottom: 18px;
}
.box-normal ul ul,
.box-normal ol ul,
.box-normal ul ol,
.box-normal ol ol {
  font-size: 1em;
}
.box-normal ul {
  list-style: none;
}
.box-normal ol ol {
  margin-left: 30px;
}
.box-normal ol ol > li {
  list-style-type: decimal;
  padding-left: 6px;
}
.box-normal li {
  margin-bottom: 18px;
  position: relative;
}
.box-normal li:last-child {
  margin-bottom: 0;
}
.box-normal button {
  margin-bottom: 18px;
}
.box-normal .chosen-container ul {
  font-size: 1em;
}
.box-normal .strong-head {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 9px;
  padding-bottom: 12px;
}
.info-box {
  font-size: 16px;
  font-weight: 600;
  border-radius: 2px;
  padding: 36px;
  text-align: center;
}
#information {
  font-size: 1.3em;
  padding: 18px;
  text-align: center;
  width: 100%;
}
#information + #wrap-inner #wrap-header,
#information + #wrap-inner #wrap-header-index,
#information + #wrap-inner #site-desc-full,
#information + #wrap-inner #site-desc-small {
  border-radius: 0;
}
#rules {
  margin-bottom: 18px;
}
#site-desc-full {
  height: 448px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
#site-desc-full h1 {
  clear: both;
  display: block;
  font-size: 4.8em;
  font-weight: 600;
  line-height: 1.3;
  position: relative;
  z-index: 1;
}
#site-desc-full h2 {
  display: block;
  font-size: 2.4em;
  font-weight: 300;
  line-height: 1.3;
  position: relative;
  z-index: 1;
}
#site-desc-full > .chunk {
  position: relative;
  height: 100%;
}
#site-desc-full #page-description {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
}
#site-desc-small {
  overflow: hidden;
  padding: 92px 0 36px;
  position: relative;
  text-align: left;
}
#site-desc-small h1 {
  display: none;
}
#site-desc-small h2 {
  display: block;
  font-size: 2.4em;
  font-weight: 300;
  line-height: 1.5;
  position: relative;
  z-index: 1;
}
#site-desc-hidden {
  display: none;
}
#sub-header {
  padding: 92px 0 36px;
  position: relative;
}
#sub-header .chunk {
  position: relative;
}
#sub-header h2 {
  display: inline-block;
  line-height: 1.5;
  max-width: 100%;
  overflow-wrap: break-word;
  position: relative;
  z-index: 1;
}
#sub-header p {
  font-size: 1.3em;
  position: relative;
  z-index: 1;
}
#sub-header.sub-header-small {
  padding: 36px 0 12px;
}
#site-desc-full img,
#site-desc-small img,
#sub-header img {
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: top;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
#sub-header:after {
  clear: both;
  content: "";
  display: block;
}
.sub-header-title {
  float: left;
  max-width: 100%;
}
.sub-header-buttons {
  text-align: right;
  width: 100%;
}
.sub-header-buttons > div {
  display: inline-block;
  float: left;
  margin: 0 0 0 9px;
  position: relative;
  vertical-align: middle;
}
.sub-header-buttons .dropdown-box,
.sub-header-buttons .chosen-container {
  left: 0;
  right: auto;
  text-align: left;
}
.sub-header-buttons .chosen-container {
  font-size: 11px;
}
#main-search-box-md {
  line-height: 1;
  margin-bottom: 6px;
  padding: 0;
  white-space: nowrap;
}
#main-search-box-md div {
  margin: 0 44px 0 0;
}
#main-search-box-md input {
  display: block;
  height: 44px;
  outline: none;
  padding: 0 18px;
  vertical-align: middle;
  width: 100%;
}
#main-search-box-md button {
  cursor: pointer;
  display: block;
  float: right;
  height: 44px;
  line-height: 44px;
  width: 44px;
  vertical-align: middle;
}
#main-search-box-md button i {
  margin: 0;
}
.sidebar,
.main-sidebar {
  float: right;
  position: relative;
  width: 250px;
}
.main-sidebar {
  z-index: 0;
}
.content-main,
.page-content,
.forumlist-main {
  position: relative;
  z-index: 1;
}
.content-main:not(:only-child),
.page-content:not(:only-child),
.forumlist-main:not(:only-child) {
  margin-right: 268px;
}
.content-main-inner,
.page-content-inner,
.forumlist-main-inner {
  float: left;
  width: 100%;
}
.sidebar {
  z-index: 1;
}
.sidebar-block {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  break-inside: avoid;
  list-style: none;
  margin-bottom: 18px;
  padding: 6px 0;
  vertical-align: middle;
}
.sidebar-head {
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1;
  padding: 15px 18px 0;
}
.sidebar-head i {
  float: left;
  margin-right: 9px;
  margin-top: 1px;
}
.sidebar-body {
  font-size: 1.3em;
  line-height: 1.6154;
  list-style: none;
  padding: 15px 18px;
}
#mcp {
  clear: both;
}
.dropdown-search {
  border-radius: 2px;
  display: none;
  line-height: 1;
  list-style: none;
  padding: 6px 0;
  position: absolute;
  right: 0;
  top: 40px;
  white-space: nowrap;
  z-index: 3;
}
.dropdown-search div {
  margin: 0 36px 0 0;
  min-width: 214px;
}
.dropdown-search input {
  display: block;
  font-size: 1.3rem;
  height: 36px;
  outline: none;
  padding: 0 18px;
  vertical-align: middle;
  width: 100%;
}
.dropdown-search button {
  display: block;
  float: right;
  height: 36px;
  line-height: 36px;
  width: 18px;
  vertical-align: middle;
}
.open > .dropdown-search {
  display: block;
}
.login-main .log-reg {
  margin: 18px 0;
}
.login-main p {
  font-size: 1.3em;
  margin-bottom: 18px;
}
.login-main p a + a {
  margin-left: 18px;
}
.login-main .button {
  height: 40px;
  line-height: 22px;
}
.message-main > p {
  font-size: 1.3em;
  margin-bottom: 18px;
}
.action-bar-top {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin: -6px 0 24px;
}
.action-bar-top > div {
  margin-bottom: 12px;
}
.action-bar-bottom {
  border-top-style: solid;
  border-top-width: 1px;
  margin: 0 0 18px 0;
}
.action-bar-bottom > div,
.action-bar-bottom > a {
  margin-top: 12px;
}
.action-bar-top-nb {
  margin: -6px 0 0;
}
.action-bar-top-nb > div {
  margin-bottom: 12px;
}
.action-bar-bottom-nb > div,
.action-bar-bottom-nb > a {
  margin-bottom: 18px;
}
.action-bar-top,
.action-bar-bottom,
.action-bar-top-nb,
.action-bar-bottom-nb {
  text-align: right;
}
.action-bar-top > div,
.action-bar-bottom > div,
.action-bar-top-nb > div,
.action-bar-bottom-nb > div,
.action-bar-top > a,
.action-bar-bottom > a,
.action-bar-top-nb > a,
.action-bar-bottom-nb > a {
  display: inline-block;
  margin-left: 9px;
  position: relative;
}
.action-bar-top .pagination,
.action-bar-bottom .pagination,
.action-bar-top-nb .pagination,
.action-bar-bottom-nb .pagination {
  margin-left: 0;
}
.action-bar-top:after,
.action-bar-bottom:after,
.action-bar-top-nb:after,
.action-bar-bottom-nb:after {
  clear: both;
  content: "";
  display: block;
}
.pagination {
  display: inline-block;
  float: left;
  font-size: 1.2em;
  line-height: 36px;
}
.pagination .mark {
  margin-right: 18px;
}
.pagination .mark i {
  font-size: 13px;
  margin-right: 12px;
}
.pagination .page-jump {
  display: inline-block;
  margin: 0 18px;
  position: relative;
}
.pagination > ul {
  display: inline-block;
  list-style: none;
  margin-right: 15px;
}
.pagination li {
  display: inline-block;
}
.pagination li a,
.pagination li span {
  border-radius: 100%;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.pagination .ellipsis span {
  cursor: default;
  width: auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pagination .next,
.pagination .previous {
  font-size: 10px;
}
.pagination .next a,
.pagination .previous a {
  height: 36px;
  line-height: 36px;
  width: 18px;
}
.pagination .active {
  cursor: default;
  font-weight: 700;
}
.pagination li + li {
  margin-left: 4.5px;
}
.page-jump .dropdown-box {
  font-size: 10px;
  left: 0;
  padding-left: 18px;
  padding-right: 18px;
  right: auto;
}
.page-jump input {
  height: 36px;
  min-width: 80px;
}
.page-jump input.button {
  clear: both;
  display: block;
  margin-top: 6px;
  width: 100%;
}
.pagination-small {
  display: inline-block;
  font-size: 0.8462em;
  height: 17px;
  line-height: 17px;
  list-style: none;
  margin-top: 2px;
  vertical-align: top;
}
.pagination-small li {
  display: inline-block;
}
.pagination-small li + li {
  margin: 0 0 0 6px;
}
.pagination-small a,
.pagination-small span {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  line-height: 15px;
  padding: 0 4.5px;
}
.pagination-small .ellipsis span {
  border: none;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.member-search {
  border-radius: 2px;
  display: block;
  margin: 0 0 18px;
  text-align: center;
  width: 100%;
}
.member-search a {
  display: inline-block;
  line-height: 36px;
  padding: 0 12px;
}
#jumpbox {
  float: right;
  margin: 0 0 18px;
  position: relative;
}
.jumpbox-return {
  float: left;
  font-size: 1.2em;
  line-height: 36px;
  margin: 0 0 18px;
}
.jumpbox-return i {
  margin-right: 9px;
}
.search-box {
  float: right;
  position: relative;
  z-index: 1;
}
.search-box input {
  border-style: solid;
  border-width: 0 0 1px;
  font-size: 1.3em;
  height: 36px;
  padding: 0 6px;
  transition: border-color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  width: 176px;
}
.search-box input::-moz-placeholder {
  opacity: 1;
}
.search-box button {
  cursor: pointer;
  font-size: 1.4em;
  height: 36px;
  text-align: center;
  width: 18px;
}
#forums-wrap {
  margin: 0 0 18px;
}
#forums-wrap ol {
  list-style: none;
}
.fora-bg {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  list-style: none;
}
.fora-bg h3 {
  border-radius: 2px 2px 0 0;
  display: block;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.6154;
  padding: 10px 18px 12px;
}
.fora-bg h4 {
  display: inline-block;
  font-size: 1em;
  font-weight: 600;
  margin-right: 6px;
  max-width: 100%;
  word-wrap: break-word;
}
.fora-bg li {
  position: relative;
  overflow: hidden;
}
.fora-bg li:last-child {
  border-radius: 0 0 2px 2px;
}
.fora-bg > ol > li:after {
  clear: both;
  content: "";
  display: block;
  height: 1px;
  margin: 0 18px 0 70px;
  width: auto;
}
.fora-bg > ol > li:last-child:after {
  display: none;
}
.fora-bg dfn {
  font-style: normal;
}
.fora-bg + .fora-bg {
  margin-top: 18px;
}
.fora-icon,
.fora-description-inner,
.fora-redirect,
.fora-stats,
.fora-recent {
  float: left;
}
.fora-icon {
  width: 72px;
}
.cp-list-icon {
  width: 72px;
}
.fora-icon,
.topic-icon,
.cp-list-icon {
  bottom: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.fora-icon div,
.topic-icon div,
.cp-list-icon div {
  border-radius: 2px;
  height: 0;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), height 0.18s cubic-bezier(0.6, 0, 0.1, 1), width 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  width: 0;
}
.fora-icon img,
.topic-icon img,
.cp-list-icon img {
  max-height: 32px;
  max-width: 32px;
}
.fora-icon a,
.topic-icon a,
.cp-list-icon a {
  border-radius: 2px;
  height: 36px;
  width: 36px;
}
.fora-icon div,
.topic-icon div,
.cp-list-icon div,
.fora-icon i,
.topic-icon i,
.cp-list-icon i,
.fora-icon img,
.topic-icon img,
.cp-list-icon img {
  pointer-events: none;
}
.fora-icon a,
.topic-icon a,
.cp-list-icon a,
.fora-icon div,
.topic-icon div,
.cp-list-icon div,
.fora-icon i,
.topic-icon i,
.cp-list-icon i,
.fora-icon img,
.topic-icon img,
.cp-list-icon img {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  font-size: 1.4em;
  position: absolute;
}
.fora-bg li:hover .fora-icon div,
.forum-bg li:hover .topic-icon div,
.cp-list li:hover .cp-list-icon div {
  height: 36px;
  width: 36px;
}
.unread > div,
.forum_unread > div,
.forum_unread_locked > div,
.forum_unread_subforum > div {
  height: 36px;
  width: 18px;
}
.feed-icon {
  float: right;
  font-size: 14px;
  margin-left: 6px;
  opacity: 0;
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1), opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.fora-bg li:hover .feed-icon {
  opacity: 1;
}
.fora-description {
  margin: 0 370px 0 54px;
}
.fora-description-inner {
  font-size: 1.3em;
  line-height: 1.6154;
  padding: 13px 18px;
  width: 100%;
}
.fora-description-inner p {
  line-height: 1.6154;
}
.fora-description-inner strong {
  font-weight: 400;
}
.fora-redirect {
  font-size: 1.3em;
  line-height: 1.6154;
  padding: 23px 0;
  text-align: right;
  width: 120px;
}
.fora-stats {
  font-size: 1.3em;
  line-height: 1.6154;
  padding: 23px 0;
  text-align: right;
  width: 120px;
}
.fora-stats-sm {
  font-size: 0.8461em;
  margin-bottom: 6px;
  white-space: nowrap;
}
.fora-recent {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 17px 18px;
  width: 250px;
}
.lastsubject {
  font-weight: 600;
}
.subforums-list {
  line-height: 1.6154;
  padding-left: 18px;
  position: relative;
}
.subforums-list:after {
  content: "└";
  cursor: default;
  display: block;
  left: 0;
  line-height: 1;
  pointer-events: none;
  position: absolute;
  top: 3px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.subforums-list li {
  display: block;
  float: left;
  overflow: initial;
}
.subforums-list li i {
  font-size: 11px;
  margin-right: 6px;
}
.subforums-list li + li {
  margin-left: 12px;
}
.subforum.unread i {
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.fora-unapproved-icon {
  font-size: 11px;
  margin-right: 6px;
}
#topics-wrap {
  margin: 0 0 18px;
}
#topics-wrap ol {
  list-style: none;
}
.forum-bg {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  list-style: none;
}
.forum-bg h3 {
  border-radius: 2px 2px 0 0;
  display: block;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.6154;
  padding: 10px 18px 12px;
}
.forum-bg h4 {
  display: inline-block;
  font-size: 1em;
  font-weight: 600;
  margin-right: 6px;
  max-width: 100%;
  word-wrap: break-word;
}
.forum-bg h4 img {
  margin-right: 6px;
  vertical-align: -1px;
}
.forum-bg li {
  position: relative;
  overflow: hidden;
}
.forum-bg li:last-child {
  border-radius: 0 0 2px 2px;
}
.forum-bg ol > li + li {
  border-style: solid;
  border-width: 1px 0 0;
}
.forum-bg dfn {
  font-style: normal;
}
.forum-bg .deleted {
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.forum-bg .deleted > div {
  opacity: 0.42;
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.forum-bg .deleted:hover > div {
  opacity: 1;
}
.forum-bg + .forum-bg {
  margin-top: 18px;
}
.topic-icon,
.topic-description-inner,
.topic-stats,
.topic-recent {
  float: left;
}
.topic-icon {
  width: 72px;
}
.topic-unapproved-icon,
.topic-deleted-icon,
.topic-reported-icon {
  float: right;
  font-size: 13px;
  margin-left: 12px;
}
.topic_unread > div,
.topic_unread_mine > div,
.topic_unread_locked > div,
.topic_unread_locked_mine > div,
.topic_unread_hot > div,
.topic_unread_hot_mine > div,
.sticky_unread > div,
.sticky_unread_locked > div,
.sticky_unread_locked_mine > div,
.sticky_unread_mine > div,
.announce_unread > div,
.announce_unread_locked > div,
.announce_unread_locked_mine > div,
.announce_unread_mine > div,
.global_unread > div,
.global_unread_locked > div,
.global_unread_locked_mine > div,
.global_unread_mine > div {
  height: 36px;
  width: 36px;
}
.topic-description {
  margin: 0 370px 0 54px;
}
.topic-description-inner {
  font-size: 1.3em;
  line-height: 1.6154;
  padding: 13px 18px;
  width: 100%;
}
.topic-description-inner .fa-lock {
  float: left;
  margin-right: 6px;
  margin-top: 4px;
}
.topic-description-inner p {
  line-height: 1.6154;
}
.topic-description-inner p i {
  float: left;
  margin-right: 6px;
  margin-top: 5px;
}
.topic-stats {
  font-size: 1.3em;
  line-height: 1.6154;
  padding: 13px 0;
  text-align: right;
  width: 120px;
}
.topic-stats-sm {
  font-size: 1em;
  margin-bottom: 6px;
}
.topic-recent {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 16px 18px;
  width: 250px;
}
.notice {
  font-size: 1.2em;
  margin-top: 18px;
  opacity: 0.3;
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.notice strong {
  font-weight: 600;
}
.post {
  margin: 0 0 18px;
  position: relative;
}
.post:hover .notice {
  opacity: 1;
}
.post:after {
  clear: both;
  content: "";
  display: block;
}
.posts-unread {
  border-radius: 2px;
  display: block;
  font-size: 12px;
  margin-bottom: 29px;
  text-align: center;
}
.posts-unread:after {
  content: "";
  display: block;
  height: 1px;
  margin-top: -12px;
  width: 100%;
}
.posts-unread span {
  border-radius: 2px;
  display: inline-block;
  padding: 3px 18px;
}
.post-unread {
  border-radius: 5px;
  float: left;
  height: 10px;
  margin: 5px 6px 0 0;
  width: 10px;
}
.post-ignore aside,
.post-ignore article {
  display: none;
}
.postbody {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  float: none;
  margin-left: 98px;
  padding: 18px;
}
.postbody h3 {
  float: left;
  font-size: 1.4em !important;
  font-weight: 400;
  margin-bottom: 9px !important;
  max-width: 100%;
  overflow-wrap: break-word;
}
.postbody h3 img {
  margin-right: 6px;
  vertical-align: -1px;
}
.postbody .ignore {
  font-size: 1.1rem;
}
.postbody .ignore .display_post {
  float: right;
  margin-left: 18px;
}
.post-deleted-notice,
.post-unapproved-notice {
  display: inline-block;
}
.post-deleted-notice input,
.post-unapproved-notice input {
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 1.2em;
  font-weight: 600;
  margin: 0 0 0 18px;
  padding: 3px 9px;
}
.post-deleted-notice input + input,
.post-unapproved-notice input + input {
  margin: 0 0 0 4.5px;
}
.post-unapproved-notice p {
  font-size: 1.2em;
  font-weight: 600;
  margin: 0 0 0 18px;
}
.post-reported-notice {
  border-radius: 2px;
  display: inline-block;
  font-size: 1.2em;
  font-weight: 600;
  margin: 0 0 0 18px;
  padding: 3px 9px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.attach-image {
  display: inline-block;
  max-width: 100%;
}
.attach-image dd {
  padding: 3px 0 0;
}
.inline-attachment {
  margin: 9px 0;
}
.inline-attachment .g-image + .file-name .inline-attachment,
.inline-attachment .g-image + .file-comment .inline-attachment {
  margin-top: 6px;
}
.file {
  border-radius: 2px;
  border-style: dashed;
  border-width: 1px;
  display: inline-block;
  max-width: 100%;
  padding: 6px 18px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.file-name,
.file-comment {
  display: block;
}
.file-name {
  font-weight: 600;
  overflow-wrap: break-word;
}
.file-size {
  float: right;
  font-family: "Lucida Console";
  font-size: 1.1rem;
  margin-top: 3px;
  margin-left: 18px;
}
.attachbox {
  font-size: 1.3em;
  line-height: 1.6154;
  margin: 18px 0 0;
  padding: 0;
}
.attachbox-head {
  border-style: solid;
  border-width: 0 0 1px;
  display: block;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0;
  padding-bottom: 6px;
}
.attachbox-head i {
  margin-right: 6px;
}
.attachbox-items {
  display: grid;
  grid-auto-rows: repeat(4, auto);
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  margin: 0 -9px;
  word-break: break-word;
}
.attachbox-item {
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
  max-width: 100%;
  padding: 18px 9px 0;
}
.attachbox-item > * {
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
}
.attachbox-item > * :first-child {
  align-self: center;
  justify-self: center;
}
.attachbox-item .thumbnail,
.attachbox-item .attach-image,
.attachbox-item .file {
  gap: 6px;
}
.attachbox-item .file-name {
  grid-row-start: 2;
}
.attachbox-item .file-comment {
  grid-row-start: 3;
}
.attachbox-item .file-stats {
  grid-row-start: 4;
}
.file-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -9px;
}
.attach-row {
  flex: 1 0 25%;
  padding: 0 9px;
}
.attach-row-tpl {
  display: none;
}
.file-progress {
  border-radius: 0 0 2px 2px;
  height: 6px;
  left: 18px;
  overflow: hidden;
  position: absolute;
  right: 18px;
  top: 0px;
}
.file-progress-bar {
  display: block;
  height: 100%;
  width: 0;
}
.file-status {
  float: left;
  margin-top: 3px;
  position: relative;
  width: 18px;
}
.file-status i {
  font-size: 1.1rem;
  left: 0;
  position: absolute;
  top: 1px;
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.file-uploaded .file-i-uploaded {
  opacity: 1;
}
.file-uploaded .file-i-uploading {
  opacity: 0;
}
.file-i-uploaded {
  opacity: 0;
}
.file-i-uploading {
  opacity: 1;
}
.attach-preview {
  border-radius: 2px;
  margin: -9px -9px 9px;
  height: 60px;
  overflow: hidden;
  position: relative;
}
.attach-preview img {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-width: 100%;
  position: absolute;
}
.attach-name {
  font-size: 1.3rem;
  font-weight: 600;
}
.attach-filesize {
  float: right;
  font-family: "Lucida Console";
  font-size: 1.1rem;
  margin-top: 4px;
}
.attach-comment {
  display: block;
  margin: 9px 0;
}
.attach-comment .input {
  width: 100%;
}
.attach-controls .file-inline-bbcode {
  float: right;
}
.g-image {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: -6px;
  z-index: 3;
}
a.g-image {
  cursor: pointer;
}
.post-image {
  border-radius: 2px;
  display: block;
  max-width: 100%;
}
.postlink {
  border-style: solid;
  border-width: 0 0 1px;
  font-weight: 600;
  text-decoration: none;
}
.postprofile {
  float: left;
  font-size: 1.2em;
  padding: 18px 0 0;
  position: relative;
  text-align: center;
  width: 80px;
  word-wrap: break-word;
}
.postprofile .avatar-none {
  cursor: pointer;
}
.poster-online {
  border-radius: 9px;
  border-style: solid;
  border-width: 2px;
  display: block;
  font-size: 0;
  height: 12px;
  right: 4px;
  overflow: hidden;
  position: absolute;
  top: 4px;
  width: 12px;
}
.pm .postprofile {
  width: 35px;
}
.pm .postbody {
  margin-left: 53px;
}
.pm-self .postprofile {
  float: right;
  width: 35px;
}
.pm-self .postbody {
  margin-left: 0;
  margin-right: 53px;
}
.standard-profile {
  line-height: 1.6;
  list-style: none;
  margin-top: 9px;
  overflow-wrap: anywhere;
  padding: 0;
  text-align: left;
}
.standard-profile span {
  font-weight: 600;
}
.standard-profile .profile-info {
  font-size: 1em !important;
}
.standard-profile .profile-info dt {
  margin: 0 3px 0 0;
}
.dropdown-profile {
  border-radius: 2px;
  display: none;
  left: 98px;
  line-height: 1.8;
  list-style: none;
  margin-left: -9px;
  min-width: 210px;
  padding: 18px;
  position: absolute;
  top: 18px;
  text-align: left;
  z-index: 4;
}
.dropdown-profile span {
  font-weight: 600;
}
.pm .dropdown-profile {
  left: 44px;
}
.open > .dropdown-profile {
  display: block;
}
.profile-info {
  font-size: 1.3rem;
}
.profile-info dt {
  display: block;
  float: left;
  font-weight: 600;
  margin: 0 9px 0 0;
}
.profile-info dd {
  display: block;
}
.profile-info dd:after {
  clear: both;
  content: "";
  display: block;
}
.dropdown-profile .profile-contact {
  border-radius: 0 0 2px 2px;
  border-style: solid;
  border-width: 1px 0 0;
  margin: 18px -18px -18px -18px;
  padding: 18px;
}
.profile-contact ul {
  list-style: none;
}
.profile-contact li {
  clear: both;
  display: list-item;
}
.profile-face {
  text-align: center;
  width: 100%;
}
.profile-face .avatar-none {
  height: 120px;
  line-height: 118px;
  width: 120px;
}
.profile-face .avatar-none::first-letter {
  font-size: 48px;
}
.profile-face:last-child {
  margin-bottom: 18px;
}
.profile-avatar img {
  max-width: 100%;
  height: auto;
}
.member-online {
  font-size: 1.3em;
  font-weight: 600;
}
.profile-username {
  font-size: 24px;
  font-weight: 300;
  margin-top: 18px;
}
.profile-rank-title {
  font-size: 1.3em;
  font-weight: 600;
}
.profile-rank-img {
  margin-top: 9px;
}
.post-number {
  float: right;
  font-size: 1.2em;
  line-height: 1.6;
  margin-bottom: 9px;
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.post-number i {
  line-height: inherit;
  margin-right: 6px;
}
.post-number i,
.post-number span {
  float: left;
}
.post-author-r {
  font-size: 1.2em;
  margin-bottom: 9px;
  margin-top: -9px;
}
.post-pm-users {
  clear: both;
  display: inline-block;
  font-size: 1.2em;
  margin-bottom: 12px;
  width: 100%;
}
.post-pm-users span {
  font-weight: 600;
}
.post-signature {
  border-style: solid;
  border-width: 1px 0 0;
  font-size: 1.2em;
  line-height: 1.6;
  margin: 18px 0 0;
  padding: 9px 0 0;
  word-wrap: break-word;
}
.post-actions {
  border-radius: 0 0 2px 2px;
  border-style: solid;
  border-width: 1px 0 0;
  display: block;
  font-size: 1.2em;
  list-style: none;
  margin: 18px -18px -18px -18px;
  overflow: hidden;
  padding: 12px 18px;
}
.post-actions li {
  float: left;
  margin: 6px 18px 6px 0;
}
.post-actions li:last-child {
  margin-right: 0;
}
.post-actions li.right {
  float: right;
}
.post-actions a {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
}
.post-actions i {
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.post-actions i + span {
  margin-left: 6px;
}
.post-actions .arrow-left,
.post-actions .arrow-right {
  margin-bottom: 0;
}
.post-date {
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.avatar-container {
  display: inline-block;
  line-height: 0;
  margin: 0 0 6px;
  position: relative;
}
.avatar > img {
  border-radius: 100%;
  display: block;
  height: 66px;
  object-fit: cover;
  width: 66px;
}
span.avatar,
a.avatar {
  display: inline-block;
}
.preview-signature {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  font-size: 1.2em;
  line-height: 1.6;
  margin-bottom: 18px;
  padding: 18px;
  word-wrap: break-word;
}
#cp-main .preview-signature {
  margin: 0 0 18px 0;
}
.member-signature {
  margin-top: 18px;
}
.avatar-none {
  border-radius: 100%;
  display: inline-block;
  font-size: 0;
  height: 66px;
  line-height: 64px;
  text-align: center;
  text-indent: 2px;
  width: 66px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pm .avatar > img {
  max-height: 35px;
  max-width: 35px;
}
.pm .avatar-none {
  height: 35px;
  line-height: 33px;
  text-indent: 1px;
  width: 35px;
}
.pm .avatar-none::first-letter {
  font-size: 12px;
}
.pm-self .avatar > img {
  max-height: 35px;
  max-width: 35px;
}
.pm-self .avatar-none {
  height: 35px;
  line-height: 35px;
  width: 35px;
}
.pm-self .avatar-none::first-letter {
  font-size: 12px;
}
.avatar-none::first-letter {
  font-size: 24px;
  font-weight: 300;
}
.static {
  position: static !important;
}
.w-drop:after {
  content: "\f078";
  font-family: "Font Awesome 6 Free";
  font-size: 10px;
  font-weight: 900;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 3px;
  top: 0;
  transition: left 0.18s cubic-bezier(0.6, 0, 0.1, 1), opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1), right 0.18s cubic-bezier(0.6, 0, 0.1, 1), top 0.18s cubic-bezier(0.6, 0, 0.1, 1), transform 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.w-drop:hover:after {
  opacity: 1;
  right: -12px;
}
.open > .w-drop:after {
  opacity: 1;
  top: 24px;
  transform: rotate(180deg);
  right: 50%;
  margin-right: -4px;
}
.dropdown-arrow {
  margin-left: 9px;
}
.dropdown-mega {
  border-radius: 2px;
  display: none;
  font-size: 13px;
  left: 18px;
  line-height: 1;
  list-style: none;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 18px 0;
  position: absolute;
  right: 18px;
  text-align: left;
  top: 53px;
  white-space: normal;
  z-index: 3;
  -webkit-backface-visibility: hidden;
  -webkit-background-clip: padding-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
}
.dropdown-mega .button,
.dropdown-mega .button-flat,
.dropdown-mega .button-round {
  font-size: 1em;
  margin-bottom: 18px;
}
.dropdown-mega h6 {
  font-size: 1.2308em;
  font-weight: 400;
  margin-bottom: 18px;
}
.dropdown-mega img {
  margin-bottom: 18px;
  max-width: 100%;
}
.dropdown-mega p {
  margin-bottom: 18px;
}
.dropdown-mega li {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}
.dropdown-mega a {
  display: inline-block;
  line-height: 1.6154;
  margin: 0 0 12px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.dropdown-mega a i {
  margin-right: 9px;
}
.dropdown-mega .separator {
  border-top-style: solid;
  border-top-width: 1px;
  margin: 6px 18px;
  width: auto;
}
.dropdown-box {
  border-radius: 2px;
  display: none;
  font-size: 13px;
  line-height: 1;
  list-style: none;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 6px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 40px;
  white-space: nowrap;
  z-index: 3;
  -webkit-backface-visibility: hidden;
  -webkit-background-clip: padding-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
}
.dropdown-box li {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}
.dropdown-box a {
  display: block;
  line-height: 1;
  margin: 0;
  padding: 15px 36px 15px 18px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.dropdown-box i {
  margin-right: 9px;
}
.dropdown-box .separator {
  border-top-style: solid;
  border-top-width: 1px;
  margin: 6px 18px;
  width: auto;
}
.dropdown-box > li > .dropdown-box {
  border-radius: 0 0 2px 2px;
  
  left: 0;
  margin: 0;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
}
.dropdown-box > li .w-drop {
  position: relative;
}
.dropdown-box > li .w-drop:after {
  opacity: 1;
  right: 18px;
  top: 15px;
}
.dropdown-box > li .open {
  border-radius: 2px 2px 0 0;
}
.dropdown-box > li .open:after {
  transform: rotate(-180deg);
}
.dropdown-box-big {
  border-radius: 2px;
  display: none;
  line-height: 1;
  list-style: none;
  min-width: 300px;
  padding: 6px 0;
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 3;
  -webkit-backface-visibility: hidden;
  -webkit-background-clip: padding-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
}
.dropdown-header {
  clear: both;
  overflow: hidden;
  padding: 18px;
}
.dropdown-header h5 {
  float: left;
  font-size: 1.3rem;
  font-weight: 400;
}
.dropdown-header a {
  float: right;
  margin-left: 18px;
}
.dropdown-body {
  font-size: 1.3rem;
  max-height: 400px;
  padding: 6px 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.dropdown-body li {
  clear: both;
  display: block;
  position: relative;
  width: 100%;
}
.dropdown-body li + li {
  border-top-style: solid;
  border-top-width: 1px;
}
.dropdown-body li:hover > .notification-mark {
  opacity: 1;
}
.dropdown-body .no_notifications {
  font-size: 1.3em;
  padding: 18px;
}
.dropdown-body a,
.dropdown-body .notification-nl {
  padding: 9px 18px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.dropdown-body .notification-title {
  font-size: 1.3rem;
  font-weight: 600;
}
.dropdown-body .notification-mark {
  border-radius: 2px;
  display: block;
  height: 18px;
  left: 15px;
  line-height: 18px;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 12px;
  width: 18px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1), opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.dropdown-body .notification-mark i {
  font-size: 10px;
}
.dropdown-body .chosen-container {
  clear: both;
  display: block;
  text-align: left;
  vertical-align: top;
  width: 100% !important;
}
.dropdown-body .chosen-container a {
  border: none;
  padding: 0 18px;
}
.dropdown-body .chosen-single:after {
  right: 18px;
}
.dropdown-body .chosen-results {
  max-height: 0;
  transition: max-height 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.dropdown-body .chosen-results li {
  border: none;
}
.dropdown-body .chosen-search {
  display: none;
}
.dropdown-body .chosen-drop {
  display: block;
  padding: 0;
  position: relative;
  top: 0;
}
.dropdown-body .chosen-with-drop .chosen-results {
  max-height: 240px;
}
.dropdown-body select {
  clear: both;
  display: block;
  height: 36px;
  padding-left: 18px;
  width: 100%;
}
.dropdown-footer a,
.dropdown-footer input {
  clear: both;
  cursor: pointer;
  display: block;
  font-size: 1.3rem;
  line-height: 1;
  padding: 18px;
  text-align: center;
  width: 100%;
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1), background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.dropdown-up > .dropdown-box {
  bottom: 30px;
  top: auto;
}
select.dropdown-up + .chosen-container .chosen-drop {
  bottom: 36px;
  top: auto;
}
.open > .dropdown-mega,
.open > .dropdown-box,
.open > .dropdown-box-big {
  display: block;
}
.live-search.dropdown-box {
  left: 0;
  right: auto;
  top: 30px;
}
.live-search .search-result {
  cursor: pointer;
  display: block;
  line-height: 1;
  margin: 0;
  padding: 15px 36px 15px 18px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.live-search-container {
  position: relative;
}
.input {
  border-style: solid;
  border-width: 0 0 1px;
  font-size: 1.3rem;
  height: 30px;
  max-width: 100%;
  padding: 0;
  transition: border-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.input:focus {
  outline: none;
}
span.radio {
  border-radius: 8px;
  border-style: solid;
  border-width: 2px;
  clear: both;
  content: "";
  display: block;
  float: left;
  height: 12px;
  margin-right: 9px;
  margin-top: 10px;
  width: 16px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), border-color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
input.radio {
  display: none;
}
span.radio-full {
  border-radius: 2px;
  clear: both;
  content: "";
  display: block;
  float: left;
  height: 36px;
  line-height: 36px;
  padding: 0 18px;
  text-align: center;
  min-width: 18px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
span.radio-full img {
  margin: 0 -18px;
  vertical-align: middle;
}
input.radio-full {
  display: none;
}
span.check {
  border-radius: 2px;
  border-style: solid;
  border-width: 2px;
  clear: both;
  content: "";
  display: inline-block;
  height: 12px;
  position: relative;
  vertical-align: -2px;
  width: 16px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), border-color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
span.check:after {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  content: "\f00c";
  display: block;
  font-family: "Font Awesome 6 Free";
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  opacity: 0;
  position: absolute;
  text-align: center;
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
span.check + span {
  margin-left: 9px;
}
input.check {
  display: none;
}
input.check:checked + span.check:after {
  opacity: 1;
}
.button {
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 1.3em;
  padding: 9px 18px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button i {
  font-size: 1.0769em;
}
.button i + span {
  margin-left: 12px;
}
.button + .button {
  margin-left: 18px;
}
.button + .button-flat {
  margin-left: 6px;
}
.button + .button-round {
  margin-left: 6px;
}
.button-flat {
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 1.3em;
  height: 30px;
  line-height: 30px;
  padding: 0 9px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button-flat i {
  font-size: 1.0769em;
}
.button-flat i + span {
  margin-left: 12px;
}
.button-flat + .button {
  margin-left: 6px;
}
.button-flat + .button-flat {
  margin-left: 6px;
}
.button-flat + .button-round {
  margin-left: 6px;
}
.button-round {
  border-radius: 18px;
  cursor: pointer;
  display: inline-block;
  font-size: 1.3em;
  height: 36px;
  line-height: 36px;
  text-align: center;
  width: 18px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button-round + .button {
  margin-left: 6px;
}
.button-round + .button-flat {
  margin-left: 6px;
}
.button-round + .button-round {
  margin-left: 6px;
}
.button-multiple {
  display: inline-block;
}
.button-multiple a {
  cursor: pointer;
  display: inline-block;
  font-size: 1.3em;
  height: 36px;
  line-height: 36px;
  padding: 0 18px;
  position: relative;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button-multiple a:hover {
  z-index: 2;
}
.button-multiple a:first-child {
  border-radius: 2px 0 0 2px;
}
.button-multiple a:last-child {
  border-radius: 0 2px 2px 0;
}
.chosen-container + .button {
  margin-left: 12px;
}
.chosen-container + .button-flat,
.chosen-container + .button-round {
  margin-left: 9px;
}
.forum-selection {
  float: right;
}
.actions {
  display: block;
  margin-bottom: 18px;
  text-align: right;
  width: 100%;
}
.actions .button-multiple {
  float: left;
}
.actions .chosen-container {
  font-size: 1.3em;
  text-align: left;
}
.actions-submit {
  display: block;
  margin-bottom: 18px;
  width: 100%;
}
.actions-submit .button + .button {
  margin-left: 18px;
}
.nav-prev-next {
  display: block;
  font-size: 1.3em;
}
.nav-prev-next a {
  line-height: 36px;
  margin-bottom: 18px;
}
.nav-prev-next i + span {
  margin-left: 6px;
}
.nav-prev-next span + i {
  margin-left: 6px;
}
.dest-folder {
  clear: both;
  display: block;
  margin-bottom: 18px;
}
.dest-folder .button-flat {
  font-size: 1em;
  margin-left: 9px;
}
.dest-folder .chosen-single {
  margin-bottom: 0;
  margin-left: 9px;
}
.stat-block ul {
  font-size: 1.3em;
  line-height: 1.6154;
  list-style: none;
  margin-bottom: 18px;
}
#footer-custom {
  clear: both;
  display: block;
  overflow: hidden;
  width: 100%;
}
#footer-custom .online-list {
  width: 50%;
}
#footer-custom > div {
  float: left;
  padding: 0 9px;
}
#footer-custom > div:first-child {
  padding: 0 9px 0 0;
}
#footer-custom > div:last-child {
  padding: 0 0 0 9px;
}
.footer-block {
  width: 25%;
}
.side-stats span {
  display: block;
  width: 100%;
}
.side-stats strong {
  float: right;
}
.online-list {
  display: block;
}
.statistics,
.member-statistics {
  border-style: solid;
  border-width: 1px 0 0;
  margin-top: 18px;
  padding-top: 36px;
  text-align: center;
  width: 100%;
}
.statistics strong,
.member-statistics strong {
  clear: both;
  display: inline-block;
  font-size: 1.2308em;
  font-weight: 600;
  width: 100%;
}
.statistics span,
.member-statistics span {
  display: inline-block;
}
.statistics span {
  width: 25%;
}
.member-statistics span {
  width: 50%;
}
.birthdays {
  margin-top: 18px;
}
.birthdays:before {
  clear: both;
  content: "\f1fd";
  cursor: default;
  display: block;
  float: left;
  font-family: "Font Awesome 6 Free";
  font-size: 60px;
  font-weight: 900;
  margin-right: 18px;
}
.birthdays strong {
  font-weight: 600;
}
.permissions {
  float: right;
  width: 464px;
}
.permissions strong {
  font-weight: 600;
}
.permissions + .online-list {
  margin-right: 482px;
}
/* Recent posts */
.rc-posts-out {
  border-radius: 2px;
  font-size: 0.9091em;
  overflow: hidden;
  padding: 10px 18px;
  text-align: left;
}
.rc-posts {
  margin-top: 18px;
}
.rc-title {
  font-size: 1.3rem;
  font-weight: 600;
}
.rc-content {
  font-size: 1.3rem;
  font-weight: 400;
}
.rc-title,
.rc-content {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rc-title a,
.rc-content a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rc-details {
  border-width: 1px 0 0;
  border-style: solid;
  font-size: 1.2rem;
  margin-top: 6px;
  padding-top: 6px;
}
.rc-avatar,
.rc-avatar-none {
  float: left;
  margin-bottom: 5px;
  margin-right: 18px;
  margin-top: 5px;
}
.rc-avatar img {
  border-radius: 30px;
  display: block;
  height: 30px;
  object-fit: cover;
  width: 30px;
}
.avatar-none.rc-avatar-none {
  height: 30px;
  line-height: 28px;
  text-indent: 1px;
  width: 30px;
}
.avatar-none.rc-avatar-none::first-letter {
  font-size: 13px;
}
.rc-hr {
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 36px 9px;
}
.mark-read-container {
  display: block;
  margin: 0 0 18px;
  text-align: center;
  width: 100%;
}
.mark-read {
  display: inline-block;
  font-size: 1.2em;
}
.quickreply {
  margin-bottom: 18px;
  position: relative;
}
.quickreply .avatar-none {
  cursor: default;
  position: absolute;
  right: 0;
  top: 18px;
}
.quickreply-box {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  margin-right: 98px;
  padding: 18px;
  position: relative;
}
.quickreply-box textarea {
  font-size: 1.3em;
  height: auto;
  line-height: 1.6154;
  min-height: 80px;
  width: 100%;
}
.quickreply-buttons {
  border-radius: 0 0 2px 2px;
  border-style: solid;
  border-width: 1px 0 0;
  display: block;
  font-size: 1.2em;
  list-style: none;
  margin: 18px -18px -18px -18px;
  padding: 18px;
}
.quickreply-buttons li {
  display: inline-block;
}
.quickreply-buttons i + span {
  margin-left: 12px;
}
.quickreply-buttons li + li {
  margin-left: 18px;
}
.quickreply-buttons button {
  font-size: 1.3rem;
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.quickreply-avatar {
  cursor: default;
  pointer-events: none;
  position: absolute;
  right: 7px;
  top: 18px;
}
.quickreply-avatar > img {
  border-radius: 100%;
  height: 66px;
  object-fit: cover;
  width: 66px;
}
/*
	In post containers
*/
blockquote {
  border-radius: 0 2px 2px 0;
  border-style: solid;
  border-width: 0 0 0 3px;
  display: block;
  margin: 18px 0;
  padding: 18px;
  position: relative;
}
blockquote > i {
  left: 21px;
  position: absolute;
  top: 24px;
  transform: translateX(-50%);
}
blockquote > div {
  margin-left: 24px;
}
blockquote cite {
  border-style: solid;
  border-width: 0 0 1px;
  display: block;
  font-style: normal;
  margin-bottom: 18px;
  padding-bottom: 6px;
}
blockquote cite .right {
  margin-left: 18px;
}
blockquote cite:after {
  clear: both;
  content: "";
  display: block;
}
blockquote blockquote {
  margin-top: 18px;
}
.codebox {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  display: block;
  margin: 18px 0;
  overflow: hidden;
  padding: 18px;
}
.codebox p {
  border-style: solid;
  border-width: 0 0 1px;
  display: block;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0;
  padding-bottom: 6px;
}
.codebox p i {
  margin-right: 6px;
}
.codebox pre {
  margin: 0 -18px -18px;
}
.codebox code {
  display: block;
  max-height: 500px;
  max-width: 100%;
  overflow: auto;
  padding: 18px;
  resize: vertical;
  scrollbar-width: thin;
}
.codebox code[style*="height"] {
  max-height: initial;
}
.postbody h3 ~ .post-content {
  border-style: solid;
  border-width: 1px 0 0;
  padding-top: 18px;
}
.post-content {
  clear: both;
  display: inline-block;
  font-size: 1.3em;
  line-height: 1.6154;
  min-height: 60px;
  width: 100%;
  word-wrap: break-word;
}
.post-content ul,
.post-content ol {
  margin: 18px 0 18px 36px;
}
.post-content iframe {
  max-width: 100%;
}
.posthilit {
  border-radius: 2px;
  padding: 0 3px;
}
.details {
  display: block;
  line-height: 1.6154;
  width: 100%;
}
.details dt {
  font-size: 1.3rem;
}
.details dd {
  font-size: 1.3rem;
  margin-bottom: 18px;
  word-wrap: break-word;
}
.details .button-flat {
  font-size: 1em;
}
#faqlinks {
  display: flex;
  flex-wrap: wrap;
  padding: 0 9px;
}
#faqlinks .faq {
  padding: 0 9px;
  width: 33.3333%;
}
#faqlinks .faq dt {
  font-size: 2.4em;
  margin-bottom: 18px;
}
#faqlinks .faq dd {
  font-size: 1.3em;
}
#faqlinks .faq dd:before {
  content: "\f111";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-size: 0.3rem;
  font-weight: 900;
  margin-top: -2px;
  margin-right: 9px;
  vertical-align: middle;
}
.faq {
  display: block;
  line-height: 1.6154;
  margin-bottom: 18px;
  width: 100%;
}
.faq dt {
  font-size: 1.5em;
  font-weight: 400;
  margin-bottom: 9px;
}
.faq dd {
  font-size: 1.5em;
  max-width: 700px;
}
.background-deep .faq-title,
.background-normal .faq-title {
  font-size: 1.5em;
  font-weight: 700;
}
.form {
  display: block;
  line-height: 1.6154;
  margin-bottom: 24px;
  width: 100%;
}
.form dt {
  display: inline-block;
  font-size: 1.3rem;
}
.form dt span {
  font-size: 1em;
  line-height: 1;
}
.form dt p {
  font-size: 1em;
  line-height: 1.6154;
  margin: 0;
}
.form dd {
  font-size: 1.3em;
  margin-bottom: 6px;
}
.form dd input {
  font-size: 1em;
}
.form dd label {
  display: inline-block;
  line-height: 36px;
  margin-right: 18px;
}
.form .input,
.form .chosen-container {
  min-width: 232px;
}
.fields {
  display: block;
  line-height: 1.6154;
  margin-bottom: 12px;
  width: 100%;
}
.fields div {
  font-size: 1.3em;
  margin-bottom: 6px;
}
.fields div input {
  font-size: 1em;
}
.fields div label {
  display: inline-block;
  margin-right: 18px;
}
#bday_day_chosen,
#bday_month_chosen {
  min-width: 49px;
}
#bday_year_chosen {
  min-width: 98px;
}
.sub-panels {
  list-style: none;
  width: 100%;
}
.sub-panels li {
  display: inline-block;
  font-size: 1.4em;
  line-height: 1;
  margin-bottom: 24px;
  margin-right: 36px;
  position: relative;
}
.sub-panels .activetab a {
  font-weight: 600;
}
.sub-panels i {
  float: left;
  margin-right: 6px;
  margin-top: 1px;
}
.file-total-progress {
  border-radius: 3px;
  bottom: -9px;
  height: 3px;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 100%;
}
.file-total-progress-bar {
  display: block;
  height: 100%;
  width: 0;
}
.tab-panel p {
  font-size: 1.3em;
  margin-bottom: 9px;
}
#attach-panel-multi {
  margin-bottom: 18px;
}
.captcha-image {
  margin: 9px 0 !important;
}
.captcha-image img {
  display: block;
  max-width: 100%;
}
#message-box #confirm_code {
  font-size: 13px;
}
#avatar_options > div > p {
  font-size: 1.3em;
  margin-bottom: 18px;
}
#gallery {
  padding: 18px 0;
}
#gallery span.radio-full {
  clear: none;
  display: inline-block;
  float: none;
  height: auto;
  line-height: auto;
  min-width: auto;
  padding: 18px;
}
#gallery span.radio-full img {
  margin: 0;
}
/*
	Poll container
*/
.poll-panel {
  width: 100%;
}
.poll-title {
  font-size: 1.4em;
  font-weight: 400;
  margin-bottom: 9px;
  overflow-wrap: break-word;
}
.poll-info {
  font-size: 1.3em;
  margin: 0 0 18px;
}
.poll-option {
  clear: both;
  display: block;
  font-size: 1.3em;
  line-height: 12px;
  margin-bottom: 18px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.poll-option-title {
  display: block;
  overflow-wrap: break-word;
}
.poll-option-title > label {
  display: inline-block;
  line-height: 1;
  max-width: 100%;
  overflow: hidden;
}
.poll-option-title span.radio {
  margin-top: 0;
}
.poll-option-resultbar {
  border-radius: 2px;
  float: left;
  margin-right: 18px;
  max-width: 700px;
  width: 100%;
}
.poll-option-resultbar div {
  border-radius: 2px;
  display: block;
  height: 30px;
  text-align: center;
}
.poll-option-result {
  float: left;
  line-height: 30px;
}
.poll-option-result .poll-option-result-text {
  font-weight: 600;
}
.poll-total-votes {
  clear: both;
  display: block;
  font-size: 1.3em;
  font-weight: 600;
  margin-bottom: 18px;
  margin-top: 18px;
  width: 100%;
}
.poll-actions {
  margin-bottom: 18px;
}
.poll-vote-submitted {
  font-size: 1.3em;
}
/*
	Predefined content containers
*/
.background-main {
  padding: 24px 0 6px;
}
#main-index {
  padding: 36px 0 18px;
}
.background-main:after,
.background-deep:after,
.background-normal:after {
  clear: both;
  content: "";
  display: block;
}
.background-deep,
.background-normal {
  padding: 36px 0 18px;
}
.background-deep h3,
.background-normal h3 {
  font-size: 1.6rem;
  font-weight: 400;
  margin: 0 0 18px;
}
.background-deep p,
.background-normal p {
  font-size: 1.3rem;
  margin: 0 0 18px;
}
.important-box {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  font-size: 1.3em;
  margin-bottom: 18px;
  padding: 17px;
}
.important-box ol,
.important-box ul {
  margin-left: 18px;
}
.important-box-link {
  margin-bottom: 18px;
  position: relative;
}
.important-box-link a {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 1.3em;
  height: 36px;
  line-height: 36px;
  padding: 0 17px 0 71px;
  width: 100%;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), border-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.important-box-link span {
  font-size: 1.4em;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: -50%;
  width: 72px;
}
.modal-open .modal {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal {
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  margin: 0 -20px;
  overflow: hidden;
  outline: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99;
}
.modal-dialog {
  margin: 30px auto;
  max-width: 540px;
  position: relative;
}
.modal-header {
  padding-bottom: 36px;
}
.modal-header h4,
.modal-header span {
  font-size: 30px;
  font-weight: 300;
  text-align: center;
}
.modal-content {
  border-radius: 2px;
  margin: 0 38px;
  outline: none;
  padding: 36px;
  position: relative;
}
.modal-body {
  font-size: 1.3em;
  text-align: left;
}
.modal-body label {
  display: block;
  width: 100%;
}
.modal-body input {
  font-size: 1.2308em;
  height: 42px;
  margin-bottom: 18px;
  width: 100%;
}
.modal-footer {
  padding-top: 27px;
  text-align: center;
}
.modal-footer .button {
  height: 48px;
  width: 100%;
}
.modal-footer a {
  display: block;
  font-size: 1.3em;
  margin-top: 18px;
}
.w-register-link {
  margin-bottom: -12px;
}
.modal-backdrop {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transform: translate3d(0, 0, 0) !important;
  z-index: 98;
}
.fade {
  opacity: 0;
  top: 0;
  transform: translate3d(0, -500px, 0);
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1), transform 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.fade.in {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.modal-close,
.modal-bb-close {
  display: block;
  font-size: 15px;
  height: 36px;
  line-height: 36px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 18px;
}
.error {
  font-size: 1.3em;
  font-weight: 600;
  margin-bottom: 18px;
}
.notification-unread {
  border-radius: 2px;
  display: inline-block;
  float: left;
  height: 12px;
  margin-right: 6px;
  margin-top: 6px;
  width: 12px;
}
#agreement p {
  font-size: 1.3em;
}
/*
	Styles for phpBB alert and confirm modal
*/
#darkenwrapper {
  bottom: 0;
  left: 0;
  margin: 0 -20px;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 98;
}
.modal-bb {
  display: none;
  margin: 0 auto;
  max-width: 540px;
  padding: 30px 0;
  position: relative;
  transform: translateY(50%);
  z-index: 99;
}
.modal-bb-content {
  border-radius: 2px;
  margin: 0 38px;
  outline: none;
  padding: 36px;
  position: relative;
}
.modal-bb-body h3,
.modal-bb-body h4,
.modal-bb-body .alert_title {
  display: inline-block;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 36px;
  text-align: center;
  width: 100%;
}
.modal-bb-body p {
  font-size: 16px;
  text-align: left;
}
.modal-bb-body form p {
  font-size: 1em;
}
.modal-bb-body form .button,
.modal-bb-body form .button-flat {
  font-size: 13px;
}
.modal-bb-body .submit-buttons {
  margin-top: 36px;
}
/*
	Posting tools
*/
#message-sidebar {
  float: right;
  font-size: 1.2em;
  margin-bottom: 18px;
  margin-top: 18px;
  width: 80px;
}
#message {
  height: auto;
}
#message-box {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 18px;
  margin-right: 98px;
  padding: 18px;
}
#message-box .input {
  width: 100%;
}
#message-box input.input {
  font-size: 1.4em;
  font-weight: 400;
  margin-bottom: 18px;
}
#message-wrap {
  position: relative;
}
#message-wrap:after {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  content: "\f093";
  display: block;
  font-family: "Font Awesome 6 Free";
  font-size: 48px;
  font-weight: 900;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#message-wrap:before {
  border-radius: 2px 2px 0 0;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#message-wrap.drag-n-drop:after,
#message-wrap.drag-n-drop:before {
  opacity: 1;
}
@keyframes uploadspin {
  0% {
    margin-top: 0;
    opacity: 1;
  }
  49.99% {
    margin-top: -18px;
    opacity: 0;
  }
  50.01% {
    margin-top: 18px;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
.drag-n-drop-highlight:after {
  animation: uploadspin 1.3s infinite cubic-bezier(0.6, 0, 0.1, 1);
}
#format-buttons {
  border-radius: 0 0 2px 2px;
  border-style: solid;
  border-width: 1px 0 0;
  display: block;
  font-size: 1.2em;
  list-style: none;
  margin: 18px -18px -18px -18px;
  padding: 6px;
}
#format-buttons input,
#format-buttons button,
#format-buttons .chosen-single,
#format-buttons .smilies-button > span {
  border: none;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  height: 33px;
  line-height: 33px;
  padding: 0 12px;
  vertical-align: middle;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#format-buttons input > i,
#format-buttons button > i,
#format-buttons .chosen-single > i,
#format-buttons .smilies-button > span > i {
  display: block;
}
#format-buttons .chosen-single:after {
  display: none;
}
#format-buttons:after {
  clear: both;
  display: block;
  content: "";
}
#format-buttons .spacer {
  display: inline-block;
  height: 20px;
  margin: 0 6px;
  vertical-align: middle;
  width: 1px;
}
.bbcode-color i {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  margin: 0 -2px;
  padding: 0 1px 1px;
}
.bbcode-size {
  display: inline-block;
  position: relative;
}
.bbcode-size button i {
  font-size: 0.8em;
  float: left;
}
.bbcode-size button i + i {
  font-size: 1.2em;
  text-indent: -3px;
}
.bbcode-size .dropdown-box {
  left: 0;
  right: auto;
  top: 33px;
}
.bbcode-size [data-bbcode-size="50"] {
  font-size: 50%;
}
.bbcode-size [data-bbcode-size="85"] {
  font-size: 85%;
}
.bbcode-size [data-bbcode-size="100"] {
  font-size: 100%;
}
.bbcode-size [data-bbcode-size="150"] {
  font-size: 150%;
}
.bbcode-size [data-bbcode-size="200"] {
  font-size: 200%;
}
.smilies-button {
  float: right;
  position: relative;
}
.smilies-button i {
  line-height: 33px;
}
.smilies-button > span {
  font-size: 16px !important;
  margin-left: 6px;
  margin-right: 0 !important;
}
.smilies-box {
  border-radius: 2px;
  bottom: 35px;
  display: none;
  min-width: 250px;
  padding: 12px;
  position: absolute;
  right: 0;
  text-align: center;
}
.smilies-box a {
  display: inline-block;
  padding: 6px;
}
.smilies-box img {
  display: block;
}
.smilies-box .smilies-more {
  clear: both;
  margin-bottom: 6px;
  margin-top: 9px;
  padding: 0;
}
.open > .smilies-box {
  display: block;
}
.message-icon {
  margin-bottom: 12px;
}
.message-icon dd {
  display: inline-block;
  font-size: 1.2em;
}
.message-icon label {
  display: inline-block;
  margin-bottom: 6px;
  margin-right: 6px;
  vertical-align: middle;
}
.smilies {
  vertical-align: text-bottom;
}
.emoji {
  cursor: text;
  height: 1.8rem;
  width: auto;
}
a .emoji {
  cursor: pointer;
}
/*
	User Control Panel and Moderator Control Panel styles
*/
#side-toggle {
  border-radius: 0 18px 18px 0;
  cursor: pointer;
  float: left;
  font-size: 1.4em;
  height: 36px;
  line-height: 36px;
  margin-right: 18px;
  padding-left: 10px;
  position: relative;
  vertical-align: 3px;
  width: 18px;
}
#side-toggle i {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1), transform 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#side-toggle .fa-ellipsis-h {
  opacity: 1;
  top: 12px;
}
#side-toggle .fa-times {
  opacity: 0;
  top: 11px;
  transform: translate(-30px, 0);
}
#side-toggle.side-toggle .fa-ellipsis-h {
  opacity: 0;
  transform: translate(-30px, 0);
}
#side-toggle.side-toggle .fa-times {
  opacity: 1;
  transform: translate(0, 0);
}
.cp-sidebar-visible #cp-sidebar {
  margin-left: 0;
}
.cp-sidebar-visible #cp-main {
  margin-left: 250px;
  margin-right: -250px;
}
.cp-sidebar-visible > .chunk {
  overflow-x: hidden;
}
#cp-sidebar {
  float: left;
  font-size: 1.3em;
  position: relative;
  width: 232px;
  transition: margin 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#cp-menu > ul {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  list-style: none;
  padding: 6px 0;
  margin-bottom: 18px;
}
#cp-menu > ul ul {
  list-style: none;
  margin-bottom: 6px;
  overflow: hidden;
}
#cp-menu > ul ul a {
  padding: 15px 18px 15px 36px !important;
}
#cp-menu > ul ul a:after {
  content: "-";
  left: 18px;
  position: absolute;
  top: 14px;
  z-index: 2;
}
#cp-menu a {
  display: block;
  line-height: 1;
  padding: 15px 18px;
  position: relative;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#cp-menu .activetab > a {
  font-weight: 700;
}
#cp-menu .tab > a:after {
  content: "\f107";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  right: 18px;
  position: absolute;
  top: 14px;
  transition: transform 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  z-index: 2;
}
#cp-menu .tab > a.tab-expanded:after {
  transform: rotate(-180deg);
}
.tab > ul {
  max-height: 500px;
  transition: margin 0.18s cubic-bezier(0.6, 0, 0.1, 1), max-height 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.tab-content-hidden {
  margin: 0 !important;
  max-height: 0 !important;
}
.cp-sidebar-block {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  list-style: none;
  padding: 6px 0;
  margin-bottom: 18px;
}
.cp-sidebar-block dt {
  font-size: 1.2308em;
  line-height: 1;
  padding: 15px 18px;
}
.cp-sidebar-block dd {
  line-height: 1;
  padding: 6px 18px;
}
.cp-sidebar-block dd:first-of-type {
  padding-top: 0;
}
.cp-sidebar-block dd:last-of-type {
  padding-bottom: 15px;
}
.cp-sidebar-block dd:only-of-type {
  padding-bottom: 15px;
  padding-top: 15px;
}
.cp-sidebar-block button {
  float: right;
  font-size: 14px;
  line-height: 18px;
}
.pm-legend:before {
  border-radius: 2px;
  clear: both;
  content: "";
  display: inline-block;
  height: 12px;
  margin-right: 3px;
  width: 12px;
  vertical-align: -1px;
}
.cp-rec-list {
  list-style: none;
  margin-bottom: 9px;
}
.cp-rec-list li {
  display: inline-block;
  margin-right: 15px;
}
.cp-rec-list button {
  display: block;
  float: left;
  font-size: 14px;
  line-height: 22px;
  margin-right: 9px;
}
#cp-main {
  margin-left: 250px;
  transition: margin 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#cp-main h3 {
  font-size: 2.4em;
  font-weight: 400;
  margin-bottom: 18px;
}
#cp-main-inner {
  float: left;
  width: 100%;
}
#cp-main-inner > p,
#cp-main-inner form > p {
  font-size: 1.3em;
  margin-bottom: 18px;
}
.cp-list {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  list-style: none;
  margin: 0 0 18px;
}
.cp-list li {
  position: relative;
  overflow: hidden;
}
.cp-list li:last-child {
  border-radius: 0 0 2px 2px;
}
.cp-list > li + li {
  border-style: solid;
  border-width: 1px 0 0;
}
.cp-list dfn {
  font-style: normal;
}
.cp-list + .cp-list {
  margin-top: 18px;
}
.cp-list-icon,
.cp-list-description-inner,
.cp-list-stats,
.cp-list-recent {
  float: left;
}
input.cp-list-mark {
  display: none;
}
label.cp-list-mark {
  border-radius: 2px;
  cursor: pointer;
  display: block;
  font-size: 1em;
  height: 36px;
  left: 0;
  line-height: 36px;
  margin: 0 auto;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  z-index: 2;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
label.cp-list-mark:hover,
input.cp-list-mark:checked + label.cp-list-mark {
  opacity: 1;
}
input.cp-list-mark:disabled + label.cp-list-mark {
  display: none;
}
.pm_unread div {
  height: 36px;
  width: 18px;
}
.pm_message_reported_colour .cp-list-icon div,
.pm_marked_colour .cp-list-icon div,
.pm_replied_colour .cp-list-icon div,
.pm_friend_colour .cp-list-icon div,
.pm_foe_colour .cp-list-icon div {
  height: 36px;
  width: 18px;
}
.cp-list-description {
  margin: 0 370px 0 54px;
}
.cp-list-description h4 {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 400;
  margin-right: 6px;
}
.cp-list-description .pagination-small {
  font-size: 1em;
}
.cp-list-description-inner {
  font-size: 1.3em;
  min-height: 66px;
  padding: 13px 18px;
  width: 100%;
}
.cp-list-notification {
  margin: 0 0 0 54px;
}
.cp-list-notification h4 {
  display: inline-block;
  font-size: 1.4em;
  font-weight: 400;
}
.cp-list-notification h4 strong {
  font-weight: 400;
}
.cp-list-notification-inner {
  font-size: 1em;
  min-height: 66px;
  padding: 13px 18px;
  width: 100%;
}
.notifications_time {
  float: right;
  font-size: 1.2em;
}
.notifications_forum,
.notifications_reason {
  font-size: 1.3em;
}
.notifications_forum em,
.notifications_reason em {
  font-style: normal;
  font-weight: 600;
}
.cp-list-stats {
  font-size: 1.4em;
  line-height: 1.5;
  padding: 21px 0px 21px;
  text-align: right;
  width: 120px;
}
.cp-list-recent {
  font-size: 1.3rem;
  padding: 16px 18px 15px;
  width: 250px;
}
.cp-list-radio {
  bottom: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  width: 72px;
  overflow: hidden;
}
.cp-list-radio label {
  display: block;
  height: 12px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), height 0.18s cubic-bezier(0.6, 0, 0.1, 1), width 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  vertical-align: -50%;
  width: 16px;
}
.cp-list-radio span.radio {
  display: inline-block;
  float: none;
  margin: 0;
}
.cp-list-header {
  display: block;
  font-size: 1.3em;
  overflow: hidden;
  width: 100%;
}
.cp-list-header-description {
  margin: 0 370px 0 54px;
}
.cp-list-header-description > div {
  float: left;
  padding: 13px 18px;
  width: 100%;
}
.cp-list-header-recent {
  float: left;
  padding: 13px 18px;
  width: 250px;
}
.pm-list .cp-list-recent {
  text-align: right;
  width: 370px;
}
.pm-quota {
  margin-top: -18px;
}
.pm-quota-bar {
  border-radius: 2px 2px 0 0;
  float: left;
  height: 5px;
  margin: 0 !important;
  overflow: hidden;
  width: 100%;
}
.pm-quota-bar div {
  border-radius: 2px 2px 0 0;
  height: 6px;
}
ol.def-rules {
  list-style-type: decimal;
  margin-left: 18px;
}
ol.def-rules li {
  border-style: solid;
  border-width: 0 0 1px;
  margin-bottom: 9px;
  padding-bottom: 9px;
}
ol.def-rules li:last-child {
  border-width: 0;
  margin-bottom: 9px;
}
ol.def-rules button {
  margin-bottom: 0;
  margin-top: -4px;
}
.table {
  border-radius: 2px;
  border-spacing: 0;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 18px;
  width: 100%;
}
.table th {
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.5;
  padding: 11px 18px;
  text-align: left;
}
.table th:first-child {
  border-top-left-radius: 2px;
}
.table th:last-child {
  border-top-right-radius: 2px;
}
.table tr + tr {
  border-top-style: solid;
  border-top-width: 1px;
}
.table tr:last-child td:first-child {
  border-bottom-left-radius: 2px;
}
.table tr:last-child td:last-child {
  border-bottom-right-radius: 2px;
}
.table td {
  font-size: 1.3em;
  padding: 13px 18px;
}
.table td .button,
.table td .button-flat {
  font-size: 1em;
}
.table td .button i,
.table td .button-flat i {
  font-size: 1em;
}
.table .table-mark {
  text-align: center;
}
.table .info {
  word-break: break-all;
}
@media (max-width: 700px) {
  .table-responsive th:not(:first-child) {
    display: none;
  }
  .table-responsive td {
    display: block;
    padding: 4.5px 18px;
    text-align: left !important;
    width: auto !important;
  }
  .table-responsive td.empty {
    display: none;
  }
  .table-responsive td:first-child {
    padding-top: 18px;
  }
  .table-responsive td:last-child {
    padding-bottom: 18px;
  }
  .table-responsive td > dfn {
    display: inline-block !important;
  }
}
#team .name {
  text-align: left;
}
#team .info {
  text-align: left;
  width: 30%;
}
#team .info div {
  width: 100%;
  white-space: normal;
  overflow: hidden;
}
#team .rank-img {
  float: right;
  margin-left: 9px;
}
#darkenwrapper {
  display: none;
}
.arrow-left,
.arrow-right {
  display: inline-block;
  font-size: 1.2rem;
  margin-bottom: 18px;
}
/*
	Simple tooltip
*/
[data-tooltip] {
  position: relative;
}
[data-tooltip]:after {
  border-radius: 2px;
  content: attr(data-tooltip);
  display: none;
  font-size: 10px;
  left: 50%;
  line-height: 20px;
  padding: 3px 12px;
  position: absolute;
  text-decoration: none;
  top: -29px;
  transform: translateX(-50%);
  white-space: nowrap;
}
[data-tooltip]:hover:after {
  display: block;
}
/*
	Grid
*/
.chunk-inner {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 9px;
}
.chunk-inner:after {
  clear: both;
  content: "";
  display: block;
}
.chunk-10,
.chunk-125,
.chunk-15,
.chunk-20,
.chunk-25,
.chunk-30,
.chunk-33,
.chunk-35,
.chunk-40,
.chunk-45,
.chunk-50,
.chunk-55,
.chunk-60,
.chunk-65,
.chunk-66,
.chunk-70,
.chunk-75,
.chunk-80,
.chunk-85,
.chunk-90,
.chunk-95,
.chunk-100 {
  float: left;
  padding: 0 9px;
}
.chunk-auto {
  float: left;
  padding: 0 9px;
}
.chunk-10 {
  width: 10%;
}
.chunk-125 {
  width: 12.5%;
}
.chunk-15 {
  width: 15%;
}
.chunk-20 {
  width: 20%;
}
.chunk-25 {
  width: 25%;
}
.chunk-30 {
  width: 30%;
}
.chunk-33 {
  width: 33.3333%;
}
.chunk-35 {
  width: 35%;
}
.chunk-40 {
  width: 40%;
}
.chunk-45 {
  width: 45%;
}
.chunk-50 {
  width: 50%;
}
.chunk-55 {
  width: 55%;
}
.chunk-60 {
  width: 60%;
}
.chunk-65 {
  width: 65%;
}
.chunk-66 {
  width: 66.6666%;
}
.chunk-70 {
  width: 70%;
}
.chunk-75 {
  width: 75%;
}
.chunk-80 {
  width: 80%;
}
.chunk-85 {
  width: 85%;
}
.chunk-90 {
  width: 90%;
}
.chunk-95 {
  width: 95%;
}
.chunk-100 {
  width: 100%;
}
#back-to-top-wrap {
  bottom: 24px;
  position: fixed;
  right: 18px;
  z-index: 1;
}
#back-to-top {
  border-radius: 100%;
  cursor: pointer;
  display: block;
  font-size: 14px;
  height: 36px;
  line-height: 34px;
  overflow: hidden;
  text-align: center;
  transform: translate3d(72px, 0, 0);
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1), box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1), transform 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  width: 18px;
}
#back-to-top.btt-visible {
  transform: translate3d(0, 0, 0);
}
#theme-variants {
  width: 100%;
}
.theme-variant {
  border-radius: 2px;
  display: block;
  font-size: 1em;
  padding: 0 18px 0 36px;
  position: relative;
  width: 100%;
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.theme-variant input {
  display: none;
}
.theme-variant + .theme-variant {
  margin: 9px 0 0;
}
.theme-variant:before {
  border-radius: 2px;
  content: "";
  display: block;
  height: 18px;
  left: 0;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 18px;
}
.sidebar-recent-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidebar-recent-title {
  display: block;
  width: 100%;
}
#sidebar-recent-topics {
  line-height: 1.6154;
  min-height: 297px;
  position: relative;
}
#sidebar-recent-topics:after {
  background-image: url("images/placeholder.svg");
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#sidebar-recent-topics .sidebar-recent-content {
  opacity: 1;
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#sidebar-recent-topics .sidebar-recent-content > div + div {
  margin-top: 9px;
}
#sidebar-recent-topics .loading.sidebar-recent-content {
  opacity: 0;
}
#sidebar-recent-topics.loading:after {
  opacity: 1;
}
#sidebar-recent-topics a {
  font-weight: 600;
  position: relative;
  z-index: 1;
}
/*
	Styling replaced select boxes
*/
.chosen-container {
  display: inline-block;
  font-size: 1.3rem;
  position: relative;
}
.chosen-container-multi {
  display: inline-block;
  position: relative;
}
.chosen-container-multi .chosen-drop {
  top: 100%;
}
.chosen-single {
  border-style: solid;
  border-width: 0 0 1px;
  cursor: pointer;
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0 19px 0 0;
  position: relative;
  transition: border-color 0.1s ease-in-out;
}
.chosen-single span {
  white-space: nowrap;
}
.chosen-single:after {
  content: "\f0dd";
  display: block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  height: 36px;
  line-height: 33px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 10px;
}
.chosen-choices {
  cursor: pointer;
  display: block;
  max-width: 384px;
  min-height: 36px;
  min-width: 232px;
  line-height: 1.5;
  list-style: none;
  padding: 9px 0 0 0;
  position: relative;
}
.chosen-choices span {
  white-space: nowrap;
}
.search-choice {
  border-radius: 2px;
  cursor: default;
  display: block;
  float: left;
  font-size: 1.2rem;
  line-height: 18px;
  margin-bottom: 9px;
  margin-right: 9px;
  padding: 0 19px 0 6px;
  position: relative;
}
.search-choice a {
  cursor: pointer;
}
.search-field {
  clear: both;
  display: block;
  position: relative;
}
.search-field:after {
  content: "\f0dd";
  display: block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  height: 36px;
  line-height: 33px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 10px;
  z-index: 0;
}
.search-field input {
  border-style: solid;
  border-width: 0 0 1px;
  cursor: text;
  display: block;
  height: 36px;
  position: relative;
  width: 100% !important;
  z-index: 1;
  transition: border-color 0.1s ease-in-out;
}
.search-choice-close:after {
  content: "\f00d";
  display: block;
  font-family: "Font Awesome 6 Free";
  font-size: 9px;
  font-weight: 900;
  position: absolute;
  right: 6px;
  top: 0;
}
.chosen-drop {
  border-radius: 2px;
  display: none;
  left: 0;
  line-height: 1;
  list-style: none;
  min-width: 72px;
  padding: 6px 0;
  position: absolute;
  top: 36px;
  white-space: nowrap;
  width: auto;
  z-index: 3;
}
.chosen-drop li {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}
.chosen-drop li.result-selected {
  cursor: default;
  font-weight: 700;
  opacity: 0.3;
}
.chosen-drop li.disabled-result {
  cursor: default;
  opacity: 0.3;
}
.chosen-drop a {
  display: block;
  margin: 0;
  padding: 15px 18px;
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.chosen-container-single-nosearch .chosen-search {
  display: none;
}
.chosen-search {
  width: 100%;
}
.chosen-search input {
  height: 36px;
  padding: 0 18px;
  width: 100%;
}
.group-result {
  cursor: text !important;
}
.chosen-results {
  list-style: none;
  max-height: 240px;
  overflow-y: auto;
  position: relative;
}
.chosen-results li {
  clear: both;
  display: block;
  margin: 0;
  padding: 15px 18px;
  cursor: pointer;
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out, padding 0.1s ease-in-out;
  width: 100%;
}
.chosen-with-drop > .chosen-drop {
  display: block;
}
@media (max-width: 1000px) {
  .content-main:not(:only-child),
  .forumlist-main:not(:only-child),
  .page-content:not(:only-child) {
    margin-left: 0;
    margin-right: 0;
  }
  .main-sidebar,
  .sidebar {
    columns: 250px 4;
    column-gap: 18px;
    width: 100%;
  }
  .sidebar-block {
    width: 100%;
  }
  #wrap-footer .chunk-25 {
    width: 50%;
  }
}
@media (max-width: 900px) {
  #footer-custom .online-list {
    padding: 0;
    width: 100%;
  }
  #footer-custom .footer-block {
    padding-left: 0;
    padding-right: 9px;
    width: 50%;
  }
  #footer-custom .footer-block + .footer-block {
    padding-left: 9px;
    padding-right: 0;
  }
  #footer-custom .stat-block + .stat-block {
    margin-top: 18px;
  }
}
@media (min-width: 801px) and (max-width: 1000px) {
  .cp-list-description {
    margin-right: 0;
  }
  .cp-list-recent {
    margin-left: 54px;
    margin-top: -7px;
    padding-top: 0;
  }
  .pm-list .cp-list-recent {
    text-align: left;
  }
}
@media (max-width: 800px) {
  #cp-sidebar {
    margin-left: -300px;
  }
  #side-toggle {
    margin-left: -18px;
  }
  #cp-main {
    margin-left: 0;
  }
  .re-lg {
    display: inline-block !important;
  }
  .attach-row,
  .attachbox-item {
    flex-basis: 33.3333%;
  }
}
@media (max-width: 700px) {
  body {
    padding: 0 !important;
  }
  #wrap {
    border-radius: 0 !important;
  }
  #wrap-header,
  #wrap-header-index,
  #wrap-footer {
    border-radius: 0 !important;
  }
  .chunk {
    padding: 0 9px 0 9px !important;
  }
  .chunk-inner {
    padding: 0;
  }
  #breadcrumbs li.crumb-solid {
    font-size: 0;
  }
  #breadcrumbs li.crumb-solid:before {
    display: none;
  }
  #breadcrumbs li.crumb-solid a:after {
    content: "\f015";
    display: inline-block;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 14px;
  }
  #breadcrumbs li {
    display: none;
  }
  #main-search-box-md button {
    border-radius: 0 2px 2px 0;
  }
  #main-search-md {
    border-radius: 2px 0 0 2px;
  }
  .site-nav > li,
  .site-nav-item {
    position: static;
  }
  .site-nav > li:after,
  .site-nav-item:after {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.24s cubic-bezier(0.6, 0, 0.1, 1);
  }
  .site-nav > li > .dropdown-body li,
  .site-nav-item > .dropdown-body li {
    position: relative;
  }
  .site-nav > li > .dropdown-search,
  .site-nav-item > .dropdown-search,
  .site-nav > li > .dropdown-box,
  .site-nav-item > .dropdown-box,
  .site-nav > li > .dropdown-box-big,
  .site-nav-item > .dropdown-box-big {
    border-radius: 2px 0 0 0;
    bottom: 0;
    display: block;
    max-height: 100%;
    min-width: 70%;
    opacity: 0;
    padding: 18px;
    pointer-events: none;
    position: fixed;
    top: 56px;
    left: auto;
    right: 0;
    transform: translate3d(100%, 0, 0);
    transition: opacity 0.24s cubic-bezier(0.6, 0, 0.1, 1), transform 0.24s cubic-bezier(0.6, 0, 0.1, 1);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
  }
  .site-nav > li .dropdown-box > li > a,
  .site-nav-item .dropdown-box > li > a {
    border-radius: 2px;
  }
  .site-nav > li.open > .dropdown-search,
  .site-nav-item.open > .dropdown-search,
  .site-nav > li.open > .dropdown-box,
  .site-nav-item.open > .dropdown-box,
  .site-nav > li.open > .dropdown-box-big,
  .site-nav-item.open > .dropdown-box-big {
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
  }
  .site-nav > li.open:after,
  .site-nav-item.open:after {
    opacity: 1;
  }
  .site-header .dropdown-header,
  .site-header .dropdown-footer a,
  .site-header .dropdown-body li {
    border-radius: 2px;
  }
  .site-header .w-drop {
    position: relative;
  }
  #more-menu > li {
    position: relative;
  }
  #more-menu .dropdown-search,
  #more-menu .dropdown-box-big,
  #more-menu .dropdown-mega {
    border-radius: 0 0 2px 2px;
    
    left: 0;
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
  }
  #more-menu .dropdown-search,
  #more-menu .dropdown-box,
  #more-menu .dropdown-box-big {
    padding: 9px 0;
  }
  #more-menu .dropdown-mega {
    padding: 18px;
  }
  #more-menu .w-drop:after {
    opacity: 1;
    right: 18px;
    top: 15px;
  }
  #more-menu .open {
    border-radius: 2px 2px 0 0;
  }
  #more-menu .chunk-10,
  #more-menu .chunk-125,
  #more-menu .chunk-15,
  #more-menu .chunk-20,
  #more-menu .chunk-25,
  #more-menu .chunk-30,
  #more-menu .chunk-33,
  #more-menu .chunk-35,
  #more-menu .chunk-40,
  #more-menu .chunk-45,
  #more-menu .chunk-50,
  #more-menu .chunk-55,
  #more-menu .chunk-60,
  #more-menu .chunk-65,
  #more-menu .chunk-66,
  #more-menu .chunk-70,
  #more-menu .chunk-75,
  #more-menu .chunk-80,
  #more-menu .chunk-85,
  #more-menu .chunk-90,
  #more-menu .chunk-95,
  #more-menu .chunk-100 {
    float: none;
  }
  #page-description {
    font-size: 1.5vw;
  }
  .sub-header-buttons .button span {
    display: none;
  }
  .forum-bg h4 {
    margin-bottom: 6px;
  }
  .feed-icon {
    display: none;
  }
  .fora-description,
  .topic-description {
    margin: 0 138px 0 54px;
  }
  .fora-description-inner,
  .topic-description-inner {
    margin-bottom: 13px;
    padding-bottom: 6px;
  }
  .fora-redirect {
    padding: 15px 0;
    width: 120px;
  }
  .fora-redirect:after {
    clear: both;
    content: "";
    display: block;
    height: 18px;
    width: 100%;
  }
  .fora-stats,
  .topic-stats {
    padding-top: 13px;
    padding-bottom: 6px;
  }
  .fora-recent,
  .topic-recent {
    margin: -13px 0 0 54px;
    padding: 0 18px 18px 18px;
    width: calc(100% - 54px);
  }
  .fora-recent br,
  .topic-recent br {
    display: none;
  }
  .statistics span {
    margin: 0 18px 18px 18px;
    width: auto;
  }
  .permissions {
    float: none;
    width: auto;
  }
  .permissions + .online-list {
    margin: 24px 0 0;
  }
  .online-list {
    margin-left: 0;
    margin-right: 0;
  }
  .postprofile {
    width: 35px;
  }
  .postprofile .username,
  .postprofile .username-coloured {
    display: none;
  }
  .poster-online {
    height: 11px;
    right: -1px;
    top: -1px;
    width: 11px;
  }
  .avatar > img {
    height: 35px;
    width: 35px;
  }
  .avatar-none {
    height: 35px;
    line-height: 35px;
    width: 35px;
  }
  .avatar-none::first-letter {
    font-size: 12px;
  }
  .avatar-container {
    margin-bottom: 9px;
  }
  .postbody {
    margin-left: 53px;
  }
  .postbody h3 {
    display: inline-block;
    float: none;
  }
  .quickreply-avatar {
    right: 0;
  }
  .quickreply-avatar > img {
    height: 35px;
    width: 35px;
  }
  .quickreply-box {
    margin-right: 53px;
  }
  .re-md {
    display: inline-block !important;
  }
  li.re-md,
  .post-author-r.re-md {
    display: block !important;
  }
  .re-md-r {
    display: none !important;
  }
  .chunk-10,
  .chunk-125,
  .chunk-15,
  .chunk-20,
  .chunk-25,
  .chunk-30,
  .chunk-33,
  .chunk-35,
  .chunk-40,
  .chunk-45,
  .chunk-50,
  .chunk-55,
  .chunk-60,
  .chunk-65,
  .chunk-66,
  .chunk-70,
  .chunk-75,
  .chunk-80,
  .chunk-85,
  .chunk-90,
  .chunk-95,
  .chunk-90 {
    width: 100%;
  }
  #wrap-footer .chunk-25 {
    width: 100%;
  }
  #message-sidebar {
    float: none;
    margin-top: 0;
    width: 100%;
  }
  #message-box {
    margin: 0 0 18px;
    width: 100%;
  }
  .cp-list-description {
    margin-right: 0;
  }
  .cp-list-recent {
    margin-left: 54px;
    margin-top: -7px;
    padding-top: 0;
  }
  .pm-list .cp-list-recent {
    text-align: left;
  }
  #team .rank-img {
    clear: both;
    display: block;
    float: none;
    margin: 0;
  }
  #side-toggle {
    margin-left: -9px;
  }
}
@media (max-width: 600px) {
  .postprofile {
    margin: 0 18px;
  }
  .pm .postbody {
    margin-left: 0;
  }
  .pm-self .postbody {
    margin-right: 0;
  }
  .postbody {
    margin-left: 0;
  }
  #topicreview .pm h3 {
    float: right;
  }
  #topicreview .pm .post-number {
    float: left;
  }
  #footer-custom .footer-block {
    padding: 0 !important;
    width: 100% !important;
  }
  #wrap-footer {
    text-align: center;
  }
  #wrap-footer ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    overflow: hidden;
  }
  #wrap-footer li {
    margin: 9px 9px 0 !important;
  }
  #wrap-footer .rside {
    clear: both;
    display: block;
    width: 100%;
  }
  .rc-hr {
    margin: 36px 9px 27px;
  }
  .footer-text .rside {
    margin-top: 9px;
  }
  .attach-row,
  .attachbox-item {
    flex-basis: 50%;
  }
}
@media (max-width: 500px) {
  .chunk {
    padding: 0 6px !important;
  }
  .chunk-10,
  .chunk-125,
  .chunk-15,
  .chunk-20,
  .chunk-25,
  .chunk-30,
  .chunk-33,
  .chunk-35,
  .chunk-40,
  .chunk-45,
  .chunk-50,
  .chunk-55,
  .chunk-60,
  .chunk-65,
  .chunk-66,
  .chunk-70,
  .chunk-75,
  .chunk-80,
  .chunk-85,
  .chunk-90,
  .chunk-95,
  .chunk-100 {
    padding: 0 6px;
  }
  .chunk-auto {
    padding: 0 6px;
  }
  .fora-description,
  .topic-description {
    margin: 0 0 0 54px;
  }
  .subforums-list {
    display: none;
  }
  .fora-stats,
  .fora-redirect,
  .topic-stats {
    display: none;
  }
  .re-sm {
    display: inline-block !important;
  }
  .horizontal-palette td:nth-child(2n),
  .vertical-palette tr:nth-child(2n) {
    display: none;
  }
  #side-toggle {
    margin-left: -6px;
  }
}
@media (max-width: 434px) {
  .captcha-image img {
    width: 100%;
  }
}
@media (max-width: 400px) {
  .attach-row,
  .attachbox-item {
    flex-basis: 100%;
  }
}
@media (max-width: 330px) {
  .fora-icon {
    display: none;
  }
  .fora-description,
  .fora-recent {
    margin-left: 0;
  }
}



/*
============================================================
Q7 PROFILE INFO — CLEAN REBUILD
============================================================
*/
@media (min-width: 701px) {

    /* Main forum geometry: 140px author column + post body beside it. */
    .postprofile {
        float: left !important;
        width: 140px !important;
        min-width: 140px !important;
        max-width: 140px !important;
        margin: 0 !important;
        padding: 10px 10px 12px !important;
        box-sizing: border-box !important;
        text-align: center !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    .postbody {
        margin-left: 140px !important;
        box-sizing: border-box !important;
    }

    /* One clean vertical profile boundary only. */
    .postprofile {
        border-right: 1px solid rgba(0,0,0,.28) !important;
    }

    /* Never use the post body's left border as a second profile divider. */
    .postbody {
        border-left: 0 !important;
    }

    /* The profile info is a simple vertical stack. */
    .postprofile .q7-game-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        margin: 7px 0 0 !important;
        padding: 0 !important;
        gap: 5px !important;
        box-sizing: border-box !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

    /* Every card is EXACTLY the same size. */
    .postprofile .q7-profile-card {
        display: flex !important;
        flex: 0 0 36px !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        width: 120px !important;
        min-width: 120px !important;
        max-width: 120px !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;

        margin: 0 !important;
        padding: 3px 4px !important;
        box-sizing: border-box !important;

        border: 1px solid rgba(130,140,150,.22) !important;
        border-radius: 5px !important;
        background: rgba(255,255,255,.015) !important;

        overflow: hidden !important;
        position: static !important;
        float: none !important;
        clear: both !important;
    }

    .postprofile .q7-profile-card .q7-game-label {
        display: block !important;
        margin: 0 0 2px !important;
        padding: 0 !important;
        font-size: 8px !important;
        line-height: 1 !important;
        letter-spacing: .15px !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        opacity: .62 !important;
    }

    .postprofile .q7-profile-card .q7-game-value {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 10px !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
    }

    /* Colours requested. */
    .postprofile .q7-game-name .q7-game-value,
    .postprofile .q7-game-level .q7-game-value {
        color: #4f8cff !important;
    }

    .postprofile .q7-posts .q7-game-value {
        color: #f28c18 !important;
    }

    .postprofile .q7-discord .q7-game-value {
        color: #c9a227 !important;
        cursor: default !important;
        text-decoration: none !important;
    }

    /* Posts is a normal card — no missing side/bottom border. */
    .postprofile .q7-posts {
        border: 1px solid rgba(130,140,150,.22) !important;
    }

    /* Remove every old separator/pseudo-element. */
    .postprofile .q7-game-info::before,
    .postprofile .q7-game-info::after,
    .postprofile .q7-profile-card::before,
    .postprofile .q7-profile-card::after {
        display: none !important;
        content: none !important;
        border: 0 !important;
    }

    /* No inline/2-column field layout can override this. */
    .postprofile .q7-profile-card {
        float: none !important;
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
    }

    /* Keep the existing avatar/username/flag centred. */
    .postprofile .avatar-container,
    .postprofile .username,
    .postprofile .username-coloured,
    .postprofile .q7-country-flag {
        text-align: center !important;
    }
}

/* FLAG FIX — keep country flag at a compact fixed size */
@media (min-width: 701px) {
    .postprofile .q7-country-flag {
        width: 32px !important;
        height: 20px !important;
        min-width: 32px !important;
        min-height: 20px !important;
        max-width: 32px !important;
        max-height: 20px !important;
        margin: 7px auto 7px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        line-height: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    .postprofile .q7-country-flag img {
        display: block !important;
        width: 28px !important;
        height: 18px !important;
        min-width: 28px !important;
        min-height: 18px !important;
        max-width: 28px !important;
        max-height: 18px !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
        object-position: center !important;
        box-sizing: border-box !important;
    }
}

/* In-Game Level: green */
.postprofile .q7-game-info .q7-game-level .q7-game-value {
    color: #2fb344 !important;
}

/* Discord click-to-copy */
.postprofile .q7-discord-copy {
    cursor: pointer !important;
    user-select: none !important;
}
.postprofile .q7-discord-copy:hover {
    text-decoration: underline !important;
}
.postprofile .q7-discord-copy.q7-discord-copied {
    text-decoration: underline !important;
}

/* Working Discord copy target */
.postprofile .q7-discord-copy {
    cursor: pointer !important;
    user-select: none !important;
    pointer-events: auto !important;
}

/* Q7 Discord copy target — final */
.postprofile .q7-discord-copy {
    display: inline-block !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}
.postprofile .q7-discord-copy:hover {
    text-decoration: underline !important;
}

/* Q7 Discord copy — clear clickable cursor */
.postprofile .q7-discord-copy {
    cursor: pointer !important;
}
.postprofile .q7-discord-copy:hover {
    cursor: pointer !important;
    text-decoration: underline !important;
}
.postprofile .q7-discord-copy.q7-discord-copied {
    cursor: default !important;
    text-decoration: none !important;
}

/* Visible Discord copy confirmation */
.postprofile .q7-discord-copy.q7-discord-copied {
    cursor: default !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* Only Discord should be selectable/copyable.
   All other profile values behave as display-only. */
.postprofile .q7-profile-card,
.postprofile .q7-profile-card .q7-game-label,
.postprofile .q7-profile-card .q7-game-value {
    -webkit-user-select: none !important;
    user-select: none !important;
}

.postprofile .q7-discord-copy,
.postprofile .q7-discord-copy.q7-discord-copied {
    -webkit-user-select: none !important;
    user-select: none !important;
}

/* FINAL: only Discord is a copy target */
.postprofile .q7-profile-card .q7-game-label,
.postprofile .q7-profile-card .q7-game-value {
    -webkit-user-select: none !important;
    user-select: none !important;
}
.postprofile .q7-discord-copy {
    cursor: pointer !important;
    pointer-events: auto !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}



/* Q7 Steam click-to-copy */
.postprofile .q7-steam-copy { cursor: pointer !important; pointer-events: auto !important; user-select: none !important; -webkit-user-select: none !important; display: inline-block !important; }
.postprofile .q7-steam-copy:hover { text-decoration: underline !important; cursor: pointer !important; }
.postprofile .q7-steam-copy.q7-steam-copied { cursor: default !important; text-decoration: none !important; font-weight: 600 !important; }
.postprofile .q7-steam { border-left: 3px solid #66c0f4 !important; }
.postprofile .q7-steam .q7-game-value { color: #66c0f4 !important; }

/* Q7 MOBILE PROFILE — polished phone layout */
@media (max-width: 700px) {
.post.has-profile{overflow:hidden;border-radius:8px}
.postprofile{float:none!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:14px 14px 12px!important;box-sizing:border-box!important;text-align:left!important;border-right:0!important;border-bottom:1px solid rgba(130,140,150,.20)!important;background:rgba(0,0,0,.012)!important}
.postprofile>div:first-child{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;column-gap:12px!important;align-items:center!important;width:100%!important;box-sizing:border-box!important}
.postprofile .avatar-container{grid-column:1!important;grid-row:1/span 4!important;margin:0!important;width:58px!important;height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.postprofile .avatar>img,.postprofile .avatar-none{width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important;border-radius:50%!important}
.postprofile .avatar-none{line-height:54px!important}
.postprofile .poster-online{width:12px!important;height:12px!important;right:0!important;top:0!important}
.postprofile .username,.postprofile .username-coloured,.postprofile>div:first-child>strong,.postprofile>div:first-child>a{grid-column:2!important;text-align:left!important;margin:0!important;line-height:1.25!important}
.postprofile>div:first-child>strong,.postprofile>div:first-child>a.username,.postprofile>div:first-child>a.username-coloured{font-size:16px!important;font-weight:700!important}
.postprofile .re-md-r{grid-column:2!important;display:block!important;margin-top:2px!important;text-align:left!important;font-size:12px!important;line-height:1.25!important;opacity:.72!important}
.postprofile .q7-country-flag{grid-column:2!important;width:28px!important;height:18px!important;min-width:28px!important;min-height:18px!important;margin:4px 0 0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important}
.postprofile .q7-country-flag img{width:28px!important;height:18px!important;object-fit:contain!important;margin:0!important}
.postprofile .q7-game-info{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important;margin:12px 0 0!important;padding:0!important;box-sizing:border-box!important;border:0!important}
.postprofile .q7-profile-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:none!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;padding:7px 10px!important;box-sizing:border-box!important;border:1px solid rgba(130,140,150,.20)!important;border-radius:7px!important;background:rgba(255,255,255,.55)!important;box-shadow:0 1px 2px rgba(0,0,0,.03)!important;overflow:hidden!important;position:static!important;float:none!important}
.postprofile .q7-profile-card .q7-game-label{display:block!important;margin:0 0 3px!important;padding:0!important;font-size:8px!important;font-weight:600!important;line-height:1!important;letter-spacing:.5px!important;white-space:nowrap!important;opacity:.55!important}
.postprofile .q7-profile-card .q7-game-value{display:block!important;width:100%!important;margin:0!important;padding:0!important;font-size:12px!important;font-weight:600!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.postprofile .q7-game-name{border-left:3px solid #4f8cff!important}.postprofile .q7-game-level{border-left:3px solid #2fb344!important}.postprofile .q7-discord{border-left:3px solid #7289da!important}.postprofile .q7-posts{border-left:3px solid #f28c18!important}
.postprofile .q7-game-name .q7-game-value{color:#4f8cff!important}.postprofile .q7-game-level .q7-game-value{color:#2fb344!important}.postprofile .q7-discord .q7-game-value{color:#c08f17!important}.postprofile .q7-posts .q7-game-value{color:#e27c08!important}
.postbody{margin-left:0!important;padding:14px!important;box-sizing:border-box!important;border-left:0!important}
.postbody h3{margin-top:0!important;max-width:calc(100% - 46px)!important;font-size:16px!important;line-height:1.35!important}.postbody .post-number{font-size:12px!important}
}
@media (max-width:420px){.postprofile{padding-left:11px!important;padding-right:11px!important}.postprofile .q7-profile-card{height:44px!important;min-height:44px!important}.postprofile .q7-profile-card .q7-game-value{font-size:11px!important}.postbody{padding:12px!important}}

/* ============================================================
   Q7 MOBILE PROFILE — FINAL PHONE LAYOUT
   Loaded by stylesheet.min.css on the live theme.
   ============================================================ */
@media (max-width:700px){
  .post.has-profile{overflow:hidden;border-radius:8px}
  .postprofile{float:none!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:14px 14px 12px!important;box-sizing:border-box!important;text-align:left!important;border:0!important;border-bottom:1px solid rgba(130,140,150,.20)!important;background:rgba(0,0,0,.012)!important}
  .postprofile>div:first-child{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;grid-template-rows:auto auto auto auto!important;column-gap:12px!important;align-items:center!important;width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
  .postprofile .clear{display:none!important}
  .postprofile .avatar-container{grid-column:1!important;grid-row:1 / span 3!important;margin:0!important;width:58px!important;height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important}
  .postprofile .avatar>img,.postprofile .avatar-none{width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important;border-radius:50%!important}
  .postprofile .avatar-none{display:flex!important;align-items:center!important;justify-content:center!important;line-height:54px!important}
  .postprofile .poster-online{width:12px!important;height:12px!important;right:0!important;top:0!important}
  .postprofile>div:first-child>strong,.postprofile>div:first-child>a.username,.postprofile>div:first-child>a.username-coloured,.postprofile .username,.postprofile .username-coloured{grid-column:2!important;grid-row:1!important;display:block!important;text-align:left!important;margin:0!important;padding:0!important;font-size:17px!important;line-height:1.2!important;font-weight:600!important;min-width:0!important}
  .postprofile .re-md-r{grid-column:2!important;grid-row:2!important;display:block!important;text-align:left!important;margin:2px 0 0!important;padding:0!important;font-size:13px!important;line-height:1.25!important;opacity:.72!important;min-width:0!important}
  .postprofile .re-md-r br{display:none!important}
  .postprofile .q7-country-flag{grid-column:2!important;grid-row:3!important;width:28px!important;height:18px!important;min-width:28px!important;min-height:18px!important;margin:5px 0 0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;box-sizing:border-box!important}
  .postprofile .q7-country-flag img{display:block!important;width:28px!important;height:18px!important;min-width:28px!important;min-height:18px!important;max-width:28px!important;max-height:18px!important;object-fit:contain!important;margin:0!important;padding:0!important}
  .postprofile .q7-game-info{grid-column:1 / -1!important;grid-row:4!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important;margin:12px 0 0!important;padding:0!important;box-sizing:border-box!important;border:0!important;outline:0!important;box-shadow:none!important}
  .postprofile .q7-profile-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:none!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;padding:7px 10px!important;box-sizing:border-box!important;border:1px solid rgba(130,140,150,.20)!important;border-radius:7px!important;background:rgba(255,255,255,.60)!important;box-shadow:0 1px 2px rgba(0,0,0,.04)!important;overflow:hidden!important;position:static!important;float:none!important;clear:none!important}
  .postprofile .q7-profile-card .q7-game-label{display:block!important;width:100%!important;margin:0 0 3px!important;padding:0!important;font-size:8px!important;font-weight:600!important;line-height:1!important;letter-spacing:.45px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:.55!important}
  .postprofile .q7-profile-card .q7-game-value{display:block!important;width:100%!important;margin:0!important;padding:0!important;font-size:12px!important;font-weight:600!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .postprofile .q7-game-name{border-left:3px solid #4f8cff!important}.postprofile .q7-game-level{border-left:3px solid #2fb344!important}.postprofile .q7-discord{border-left:3px solid #7289da!important}.postprofile .q7-posts{border-left:3px solid #f28c18!important}
  .postprofile .q7-game-name .q7-game-value{color:#4f8cff!important}.postprofile .q7-game-level .q7-game-value{color:#2fb344!important}.postprofile .q7-discord .q7-game-value{color:#c08f17!important}.postprofile .q7-posts .q7-game-value{color:#e27c08!important}
  .postbody{float:none!important;width:100%!important;margin:0!important;padding:14px!important;box-sizing:border-box!important;border:0!important}
  .postbody h3{margin-top:0!important;max-width:calc(100% - 46px)!important;font-size:16px!important;line-height:1.35!important}
  .postbody .post-number{font-size:12px!important}
}
@media (max-width:420px){
  .postprofile{padding-left:11px!important;padding-right:11px!important}
  .postprofile .q7-profile-card{height:46px!important;min-height:46px!important;max-height:46px!important}
  .postprofile .q7-profile-card .q7-game-value{font-size:11px!important}
  .postbody{padding:12px!important}
}


/* Removed forum RSS feed icon */
.feed-icon { display:none !important; }
.fora-icon a,.fora-icon div{width:36px;height:36px}.fora-bg li:hover .fora-icon div,.unread>div,.forum_unread>div,.forum_unread_locked>div,.forum_unread_subforum>div{width:36px;height:36px}


/* Quantum Ravaio viewforum topic icon fix */
.topiclist .row-item .icon,
.topiclist .topicicon,
.topiclist .topic_read,
.topiclist .topic_unread {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    background-size: 36px 36px !important;
}


/* Quantum topic icon sprite correction */
.topiclist .row-item .icon,
.topiclist .topicicon,
.topiclist .topic_read,
.topiclist .topic_unread {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


/* Quantum final topic icon match */
.topic-icon.topic_unread > div,
.topic-icon.topic_unread_mine > div,
.topic-icon.topic_unread_locked > div,
.topic-icon.topic_unread_locked_mine > div,
.topic-icon.topic_unread_hot > div,
.topic-icon.topic_unread_hot_mine > div,
.topic-icon.sticky_unread > div,
.topic-icon.sticky_unread_locked > div,
.topic-icon.sticky_unread_locked_mine > div,
.topic-icon.sticky_unread_mine > div,
.topic-icon.announce_unread > div,
.topic-icon.announce_unread_locked > div,
.topic-icon.announce_unread_locked_mine > div,
.topic-icon.announce_unread_mine > div,
.topic-icon.global_unread > div,
.topic-icon.global_unread_locked > div,
.topic-icon.global_unread_locked_mine > div,
.topic-icon.global_unread_mine > div {
    width: 36px !important;
    height: 36px !important;
}
.postprofile .q7-country-display{margin:5px 0 8px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.postprofile .q7-country-display img{width:29px!important;height:19px!important;min-width:29px!important;min-height:19px!important;max-width:29px!important;max-height:19px!important;display:block!important;object-fit:contain!important;margin:0 auto 2px!important;padding:0!important}.postprofile ./* Ravaio emoji picker - enhanced */.smilies-box{min-width:0!important;width:300px!important;max-width:min(300px,calc(100vw - 30px))!important;box-sizing:border-box!important;padding:14px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;background:#1b1d21!important;box-shadow:0 14px 35px rgba(0,0,0,.45)!important;text-align:left!important;line-height:0!important}.smilies-box>a:not(.smilies-more){display:inline-flex!important;width:43px!important;height:43px!important;margin:2px!important;padding:0!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;background:transparent!important;transition:background .15s ease,transform .15s ease!important;vertical-align:middle!important}.smilies-box>a:not(.smilies-more):hover{background:rgba(255,255,255,.1)!important;transform:scale(1.08)!important}.smilies-box>a:not(.smilies-more) img{display:block!important;width:auto!important;height:auto!important;max-width:30px!important;max-height:30px!important;object-fit:contain!important}.smilies-box .smilies-more{display:block!important;margin:10px 0 0!important;padding:9px 0 0!important;border-top:1px solid rgba(255,255,255,.08)!important;text-align:center!important;line-height:1.3!important}
.smilies-box>a:not(.smilies-more),.smilies-box>a:not(.smilies-more):focus,.smilies-box>a:not(.smilies-more):active{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}.smilies-box>a:not(.smilies-more) img{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;-webkit-mask-image:none!important;mask-image:none!important}
.member-contact-column{position:relative}.member-contact-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:18px}.member-contact-header h3{margin:0}.member-contact-header .member-profile-edit{clear:none;float:none;margin:-1px 0 0 15px;order:2}.member-contact-header .member-profile-edit .button{box-sizing:border-box;min-width:140px;text-align:center}
.postprofile .q7-neutral-username,.postprofile .q7-neutral-username:visited,.postprofile .q7-neutral-username:hover,.postprofile .q7-neutral-username:active{color:#f2f2f2!important}

/* Ravaio + Ajax LiteChat blend */
#stoker-chat.stoker-chat { margin: 0 0 18px 0; border: 1px solid #3b3b3b; border-radius: 2px; background: #2b2b2b; color: #f2f2f2; box-shadow: none; }
#stoker-chat.stoker-chat .inner { padding: 0; background: #2b2b2b; }
#stoker-chat.stoker-chat .topiclist li.header { margin: 0; padding: 15px 18px; min-height: 0; background: #444; border: 0; color: #fafafa; }
#stoker-chat.stoker-chat .topiclist li.header dt { padding: 0; margin: 0; width: 100%; font-size: 1.3em; line-height: 1.2; }
#stoker-chat.stoker-chat .stoker-chat-title, #stoker-chat.stoker-chat .stoker-chat-title a, #stoker-chat.stoker-chat .stoker-chat-title a:visited { color: #fafafa; text-decoration: none; }
#stoker-chat.stoker-chat .stoker-chat-title a:hover { color: #1976D2; }
#stoker-chat.stoker-chat .collapsible { background: #2b2b2b; }
#stoker-chat.stoker-chat .stoker-chat-messages { height: 190px; padding: 8px 18px; background: #2b2b2b; color: #f2f2f2; border-bottom: 1px solid #3b3b3b; scrollbar-color: #555 #2b2b2b; }
#stoker-chat.stoker-chat .stoker-chat-messages::-webkit-scrollbar-track { background: #2b2b2b; }
#stoker-chat.stoker-chat .stoker-chat-messages::-webkit-scrollbar-thumb { background: #555; }
#stoker-chat.stoker-chat .stoker-chat-msg { padding: 6px 0; border-bottom-color: #3b3b3b; }
#stoker-chat.stoker-chat .stoker-chat-time, #stoker-chat.stoker-chat .stoker-chat-edited { color: #9b9b9b; }
#stoker-chat.stoker-chat .stoker-chat-text { color: #e6e6e6; }
#stoker-chat.stoker-chat .stoker-chat-actions .stoker-chat-menu-item { color: #bdbdbd; }
#stoker-chat.stoker-chat .stoker-chat-actions .stoker-chat-menu-item:hover { background: rgba(255,255,255,.08); color: #fff; }
#stoker-chat.stoker-chat .stoker-chat-input { gap: 6px; padding: 10px 12px; background: #242424; border-top: 1px solid #3b3b3b; }
#stoker-chat.stoker-chat .stoker-chat-input-wrap { background: #1f1f1f; border: 1px solid #444; border-radius: 2px; box-shadow: none; }
#stoker-chat.stoker-chat .stoker-chat-input-wrap:focus-within { border-color: #1976D2; box-shadow: none; }
#stoker-chat.stoker-chat .stoker-chat-input input[type=text] { color: #f2f2f2; background: transparent; }
#stoker-chat.stoker-chat .stoker-chat-input input[type=text]::placeholder { color: #888; }
#stoker-chat.stoker-chat .stoker-chat-counter { background: #1f1f1f; border-left-color: #444; color: #888; }
#stoker-chat.stoker-chat .stoker-chat-input button { padding: 6px 14px; background: #1976D2; border: 1px solid #1976D2; border-radius: 2px; color: #fafafa; box-shadow: none; }
#stoker-chat.stoker-chat .stoker-chat-input button:hover, #stoker-chat.stoker-chat .stoker-chat-input button:active { background: #12579b; border-color: #12579b; color: #fff; box-shadow: none; }
#stoker-chat.stoker-chat .stoker-chat-login { background: #242424; border-top-color: #3b3b3b; color: #aeaeae; }
#stoker-chat.stoker-chat .stoker-chat-empty, #stoker-chat.stoker-chat .stoker-chat-loading { color: #888; }
#stoker-chat.stoker-chat .stoker-chat-load-older { border-bottom-color: #3b3b3b; }
#stoker-chat.stoker-chat .stoker-chat-load-older-link { color: #1976D2; }
#stoker-chat.stoker-chat .stoker-chat-emoji-picker { background: #242424; border-color: #444; color: #f2f2f2; }
#stoker-chat.stoker-chat .stoker-chat-emoji-picker .stoker-chat-emoji-choice:hover { background: #333; }
#stoker-chat.stoker-chat .stoker-chat-edit-input { background: #1f1f1f; border-color: #444; color: #f2f2f2; }
#stoker-chat.stoker-chat .stoker-chat-edit-save, #stoker-chat.stoker-chat .stoker-chat-edit-cancel { background: #333; border-color: #555; color: #f2f2f2; }
#stoker-chat.stoker-chat .stoker-chat-edit-save:hover, #stoker-chat.stoker-chat .stoker-chat-edit-cancel:hover { background: #3b3b3b; border-color: #1976D2; color: #fff; }
@media (max-width:700px){#stoker-chat.stoker-chat{margin-bottom:18px}#stoker-chat.stoker-chat .stoker-chat-messages{height:200px;padding-left:12px;padding-right:12px}}

/* Ravaio + Ajax LiteChat final visual blend */
#stoker-chat {
  margin: 0 0 18px 0 !important;
  border: 1px solid #3a3a3a !important;
  background: #2b2b2b !important;
  box-shadow: none !important;
}
#stoker-chat > .inner { padding: 0 !important; }
#stoker-chat .topiclist,
#stoker-chat .topiclist li.header {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#stoker-chat .topiclist li.header {
  min-height: 38px !important;
  background: #444 !important;
  border-bottom: 1px solid #505050 !important;
}
#stoker-chat .stoker-chat-header {
  min-height: 38px !important;
  padding: 0 14px !important;
}
#stoker-chat .stoker-chat-title,
#stoker-chat .stoker-chat-title a,
#stoker-chat .stoker-chat-title a:link,
#stoker-chat .stoker-chat-title a:visited {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
#stoker-chat .stoker-chat-messages {
  height: 170px !important;
  padding: 8px 12px !important;
  background: #2b2b2b !important;
  color: #ddd !important;
  border: 0 !important;
}
#stoker-chat .stoker-chat-msg {
  padding: 6px 0 !important;
  border-bottom: 1px solid #3b3b3b !important;
}
#stoker-chat .stoker-chat-time,
#stoker-chat .stoker-chat-edited { color: #999 !important; }
#stoker-chat .stoker-chat-text { color: #ddd !important; }
#stoker-chat .stoker-chat-actions i { color: #ddd !important; }
#stoker-chat .stoker-chat-menu-item:hover {
  background: #3a3a3a !important;
  color: #fff !important;
}
#stoker-chat .stoker-chat-input {
  padding: 8px 10px !important;
  background: #222 !important;
  border-top: 1px solid #3a3a3a !important;
}
#stoker-chat .stoker-chat-input-wrap {
  background: #1f1f1f !important;
  border: 1px solid #444 !important;
  border-radius: 0 !important;
}
#stoker-chat .stoker-chat-input-wrap:focus-within {
  border-color: #2185d0 !important;
  box-shadow: none !important;
}
#stoker-chat .stoker-chat-input input[type="text"] {
  color: #ddd !important;
  background: transparent !important;
}
#stoker-chat .stoker-chat-counter {
  background: #1f1f1f !important;
  border-left: 1px solid #444 !important;
  color: #888 !important;
}
#stoker-chat .stoker-chat-input button {
  background: #2185d0 !important;
  border: 1px solid #2185d0 !important;
  color: #fff !important;
  border-radius: 0 !important;
}
#stoker-chat .stoker-chat-input button:hover {
  background: #2b94e2 !important;
  border-color: #2b94e2 !important;
}
#stoker-chat .stoker-chat-emoji-picker {
  background: #2b2b2b !important;
  border-color: #444 !important;
}