/* Colours and backgrounds for common.css
-------------------------------------------------------------- */

/* General Page */
html.darkmode {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .site-logo,
.dark-mode .site-logo {
    content: url(images/raiderstation-dark.svg);
}
html.darkmode body {
    color: #FFFFFF !important; /* Black to White */
    background: url(images/rshelmetd.jpg) no-repeat center center fixed !important;
    background-color: #000000 !important; /* White to Black */
    background-size: cover !important;
}
@media only screen and (max-width: 768px) {
  html.darkmode body {
        background: url(images/rshelmetdmobile.jpg) no-repeat center center fixed !important;
        background-size: cover !important;
    }
    html.darkmode body:after {
        background: url(images/rshelmetdmobile.jpg) center center !important;
        background-size: cover !important;
    }
}

/* Links */
html.darkmode a:link,
html.darkmode a:visited {
    color: #FFFFFF !important; /* Black to White */
    text-decoration: none !important;
}
html.darkmode a:hover {
    color: #999 !important; /* Gray #666 to #999 */
    text-decoration: underline !important;
}
html.darkmode a:active {
    color: #FFFFFF !important; /* Black to White */
}

/* Headings */
html.darkmode h1 {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode h2 {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode h3 {
    border-bottom-color: #333 !important; /* #CCCCCC to #333 */
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode h4,
html.darkmode h5,
html.darkmode h6 {
    color: #FFFFFF !important; /* Black to White */
}

/* Horizontal Rule */
html.darkmode hr {
    border-color: #000000 !important; /* White to Black */
    border-top-color: #333 !important; /* #CCCCCC to #333 */
}
html.darkmode hr.dashed {
    border-top-style: dashed !important;
}

/* Layout Containers */
html.darkmode .wrap {
    background-color: #000000 !important; /* White to Black */
    border: none !important;
}
html.darkmode .headerbar {
    border-top: 2px solid #FFFFFF !important; /* Black to White */
    border-bottom: 2px solid #FFFFFF !important; /* Black to White */
}
html.darkmode .navbar {
    background: rgba(30, 30, 30, 0.7)!important;
}
html.darkmode .navbar a:link,
html.darkmode .navbar a:visited {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .navbar a:hover {
    color: #999 !important; /* Gray #666 to #999 */
}
html.darkmode .forumbg,
html.darkmode .forabg {
    background: #000000 !important; /* White to Black */
}
html.darkmode .panel {
    background-color: #2A2C2D !important; /* #E5E7E8 to #2A2C2D */
    color: #FFFFFF !important; /* Black to White */
}

/* Site Logo and Description */
html.darkmode .site_logo {
    background-image: url("./images/site_logo.svg") !important;
}
html.darkmode .site-description .site_logo {
    background: none !important;
    background-image: none !important;
}
html.darkmode .site-description h1 {
    color: #000000 !important; /* White to Black */
}
html.darkmode .site-description p {
    color: #333 !important; /* #CCC to #333 */
}

/* Navigation Lists */
html.darkmode ul.linklist > li a {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode ul.linklist > li a:hover {
    color: #999 !important; /* Gray #666 to #999 */
}
html.darkmode .rightside a:link,
html.darkmode .rightside a:visited {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .rightside a:hover {
    color: #999 !important; /* Gray #666 to #999 */
}
html.darkmode ul.navlinks {
    border-top-color: #000000 !important; /* White to Black */
}

/* Rules and Notices */
html.darkmode .rules {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .rules a:link,
html.darkmode .rules a:visited {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .rules a:hover {
    color: #999 !important; /* Gray #666 to #999 */
}

/* Copyright */
html.darkmode .copyright {
    color: #AAA !important; /* #555 to #AAA */
}
html.darkmode .copyright a:link,
html.darkmode .copyright a:visited {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .copyright a:hover {
    color: #999 !important; /* Gray #666 to #999 */
}

/* Error Messages */
html.darkmode .error {
    color: #999 !important; /* Gray #666 to #999 */
}

/* Reported Posts */
html.darkmode .reported {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
}
html.darkmode li.reported:hover {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
}

/* Background Variations */
html.darkmode table.zebra-list tr:nth-child(even) td,
html.darkmode ul.zebra-list li:nth-child(even) {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
}
html.darkmode .bg3 {
    background-color: #2A2C2D !important; /* #E5E7E8 to #2A2C2D */
}
html.darkmode .ucprowbg {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
}
html.darkmode .fieldsbg {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
}

/* Table Styles */
html.darkmode table.table1 thead th {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode table.table1 tbody tr {
    border-color: #403E30 !important; /* #BFC1CF to #403E30 */
}
html.darkmode table.table1 tbody tr:hover,
html.darkmode table.table1 tbody tr.hover {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode table.table1 td {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode table.table1 tbody td {
    border-top-color: #050505 !important; /* #FAFAFA to #050505 */
}
html.darkmode table.table1 tbody th {
    border-bottom-color: #FFFFFF !important; /* Black to White */
    color: #FFFFFF !important; /* Black to White */
    background-color: #000000 !important; /* White to Black */
}
html.darkmode table.info tbody th {
    color: #FFFFFF !important; /* Black to White */
}

/* Miscellaneous Layout */
html.darkmode dl.details dt {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode dl.details dd {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .sep {
    color: #999 !important; /* Gray #666 to #999 */
}
html.darkmode .clear {
    background: transparent !important;
}

/* Icon Styles */
html.darkmode .alert_close .icon:before {
    background-color: #000000 !important; /* White to Black */
}

/* Dropdown and Jumpbox */
html.darkmode .dropdown {
    border: 1px solid transparent !important;
}
html.darkmode .dropdown .dropdown-contents {
    background: #000000 !important; /* White to Black */
    border-color: #464646 !important; /* #B9B9B9 to #464646 */
    box-shadow: 1px 3px 5px rgba(255, 255, 255, 0.2) !important; /* Black to White */
}
html.darkmode .dropdown-up .dropdown-contents {
    box-shadow: 1px 0 5px rgba(255, 255, 255, 0.2) !important; /* Black to White */
}
html.darkmode .dropdown .pointer {
    border-color: #464646 transparent !important; /* #B9B9B9 to #464646 */
}
html.darkmode .dropdown .pointer-inner {
    border-color: #000000 transparent !important; /* White to Black */
}
html.darkmode .dropdown li {
    border-top: 1px dotted transparent !important;
}
html.darkmode .dropdown li li {
    border-top: 1px dotted transparent !important;
}
html.darkmode .dropdown li.separator {
    border-top: 1px solid transparent !important;
}
html.darkmode .jumpbox .dropdown li {
    border-top-color: #333 !important; /* #CCCCCC to #333 */
}
html.darkmode .jumpbox-cat-link {
    background-color: #FFFFFF !important; /* Black to White */
    border-top-color: #FFFFFF !important; /* Black to White */
    color: #000000 !important; /* White to Black */
}
html.darkmode .jumpbox-cat-link:hover {
    background-color: #999 !important; /* Gray #666 to #999 */
    border-top-color: #999 !important; /* Gray #666 to #999 */
    color: #000000 !important; /* White to Black */
}
html.darkmode .jumpbox-forum-link {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
}
html.darkmode .jumpbox-forum-link:hover {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
}
html.darkmode .jumpbox .dropdown .pointer-inner {
    border-color: #53575A transparent !important; /* #CED1D3 to #53575A */
}
html.darkmode .jumpbox-sub-link {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
}
html.darkmode .jumpbox-sub-link:hover {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
}

/* Notifications */
html.darkmode #notifications a.dropdown-trigger {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode #notifications a.dropdown-trigger:hover {
    color: #999 !important; /* Gray #666 to #999 */
}
html.darkmode #notifications .badge {
    background-color: #999 !important; /* Gray #666 to #999 */
    color: #000000 !important; /* White to Black */
}
html.darkmode #notifications .dropdown-contents {
    background-color: #000000 !important; /* White to Black */
    border: 1px solid #464646 !important; /* #B9B9B9 to #464646 */
    box-shadow: 1px 3px 5px rgba(255, 255, 255, 0.2) !important; /* Black to White */
}
html.darkmode #notifications .dropdown-contents li {
    border-bottom: 1px solid #2A2A2A !important; /* #D5D5D5 to #2A2A2A */
}
html.darkmode #notifications .dropdown-contents li:hover {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
}
html.darkmode #notifications .notification-time {
    color: #999 !important; /* Gray #666 to #999 */
}
html.darkmode .notification_list p.notification-time {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode li.notification-reported strong,
html.darkmode li.notification-disapproved strong {
    color: #999 !important; /* Gray #666 to #999 */
}

/* jQuery Popups */
html.darkmode .phpbb_alert {
    background-color: #000000 !important; /* White to Black */
    border-color: #666666 !important; /* #999999 to #666666 */
}
html.darkmode .darken {
    background-color: #FFFFFF !important; /* Black to White */
    opacity: 0.5 !important;
}
html.darkmode .loading_indicator {
    background-color: #FFFFFF !important; /* Black to White */
    background-image: url("./images/loading.gif") !important;
    opacity: 0.8 !important;
}
html.darkmode .dropdown-extended ul li {
    border-top-color: #464646 !important; /* #B9B9B9 to #464646 */
}
html.darkmode .dropdown-extended ul li:hover {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .dropdown-extended .header {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
    background-image: none !important;
    border-color: #464646 !important; /* #B9B9B9 to #464646 */
    color: #FFFFFF !important; /* Black to White */
    text-shadow: 1px 1px 1px black !important; /* White to Black */
}
html.darkmode .dropdown-extended .footer {
    border-color: #464646 !important; /* #B9B9B9 to #464646 */
    border-top-style: solid !important;
    border-top-width: 1px !important;
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .dropdown-extended .pointer-inner {
    border-color: #53575A transparent !important; /* #CED1D3 to #53575A */
}

/* Colours and backgrounds for links.css
-------------------------------------------------------------- */

/* Links on Headers */
html.darkmode .forumbg .header,
html.darkmode .forabg .header,
html.darkmode th,
html.darkmode .header dt {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .forumbg .header a,
html.darkmode .forabg .header a,
html.darkmode th a,
html.darkmode .header dt a {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .forumbg .header a:hover,
html.darkmode .forabg .header a:hover,
html.darkmode th a:hover {
    color: #A5ACAF !important; /* Unchanged */
}

/* Notification Mark Read */
html.darkmode .dropdown-extended a.mark_read {
    background-color: #000000 !important; /* White to Black */
}

/* Navigation Arrows */
html.darkmode .top i {
    color: #999 !important; /* Gray #666 to #999 */
}
html.darkmode .arrow-left:hover,
html.darkmode .arrow-right:hover {
    color: #999 !important; /* Gray #666 to #999 */
}

/* Colours and backgrounds for content.css
-------------------------------------------------------------- */

/* Forum List */
html.darkmode ul.topiclist li {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .rtl ul.topiclist dd {
    border-right-color: #000000 !important; /* White to Black */
    border-left-color: transparent !important;
}
html.darkmode li.row {
    border-top-color: #000000 !important; /* White to Black */
    border-bottom-color: rgba(255, 255, 255, 0.1) !important; /* Black to White */
}
html.darkmode li.row strong {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode li.row:hover {
    background-color: #121212 !important; 
}

html.darkmode .rtl li.row:hover dd {
    border-right-color: #333 !important; /* #CCCCCC to #333 */
    border-left-color: transparent !important;
}

/* Post Body */
html.darkmode .post {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; /* Black to White */
}
html.darkmode .postbody {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .postlink {
    border-bottom-color: #999 !important; /* Gray #666 to #999 */
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .postlink:visited {
    border-bottom-color: #999 !important; /* Gray #666 to #999 */
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .postlink:hover {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
    color: #999 !important; /* Gray #666 to #999 */
}
html.darkmode .signature a,
html.darkmode .signature a:hover {
    background-color: transparent !important;
}
html.darkmode .postprofile {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .pm .postprofile {
    border-color: #53575A !important; /* #CED1D3 to #53575A */
}
html.darkmode .postprofile strong {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode dd.profile-warnings {
    color: #999 !important; /* Gray #666 to #999 */
}

/* Content Containers */
html.darkmode .content {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .content h2,
html.darkmode .panel h2 {
    color: #FFFFFF !important; /* Black to White */
    border-bottom-color: #333 !important; /* #CCCCCC to #333 */
}
html.darkmode dl.faq dt {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .posthilit {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .signature {
    border-top-color: #333 !important; /* #CCCCCC to #333 */
}
html.darkmode .notice {
    border-top-color: #333 !important; /* #CCCCCC to #333 */
}

/* BB Code Styles */
html.darkmode blockquote {
    background-color: #2A2C2D !important; /* #E5E7E8 to #2A2C2D */
    border-color: #2A2C2D !important; /* #E5E7E8 to #2A2C2D */
}
html.darkmode blockquote blockquote {
    background-color: #2A2C2D !important; /* #E5E7E8 to #2A2C2D */
}
html.darkmode blockquote blockquote blockquote {
    background-color: #2A2C2D !important; /* #E5E7E8 to #2A2C2D */
}
html.darkmode .codebox {
    background-color: #000000 !important; /* White to Black */
    border-color: #362D27 !important; /* #C9D2D8 to #362D27 */
}
html.darkmode .codebox p {
    border-bottom-color: #333 !important; /* #CCCCCC to #333 */
}
html.darkmode .codebox code {
    color: #FFFFFF !important; /* Black to White */
}

/* Attachments */
html.darkmode .attachbox {
    background-color: #000000 !important; /* White to Black */
    border-color: #362D27 !important; /* #C9D2D8 to #362D27 */
}
html.darkmode .pm-message .attachbox {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
}
html.darkmode .attachbox dd {
    border-top-color: #362D27 !important; /* #C9D2D8 to #362D27 */
}
html.darkmode .attachbox p {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .attachbox p.stats {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .attach-image img {
    border-color: #666666 !important; /* #999999 to #666666 */
}
html.darkmode dl.file dd {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode dl.thumbnail img {
    border-color: #666666 !important; /* #999999 to #666666 */
    background-color: #000000 !important; /* White to Black */
}
html.darkmode dl.thumbnail dd {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode dl.thumbnail dt a:hover {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
}
html.darkmode dl.thumbnail dt a:hover img {
    border-color: #999 !important; /* Gray #666 to #999 */
}

/* Post Poll Styles */
html.darkmode fieldset.polls dl {
    border-top-color: #53575A !important; /* #CED1D3 to #53575A */
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode fieldset.polls dl.voted {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode fieldset.polls dd div {
    color: #000000 !important; /* White to Black */
}
html.darkmode .rtl .pollbar1,
html.darkmode .rtl .pollbar2,
html.darkmode .rtl .pollbar3,
html.darkmode .rtl .pollbar4,
html.darkmode .rtl .pollbar5 {
    border-right-color: transparent !important;
}
html.darkmode .pollbar1,
html.darkmode .pollbar2,
html.darkmode .pollbar3,
html.darkmode .pollbar4,
html.darkmode .pollbar5 {
    background-color: #999 !important; /* Gray #666 to #999 */
    border-bottom-color: #FFFFFF !important; /* Black to White */
    border-right-color: #FFFFFF !important; /* Black to White */
}
html.darkmode .rtl .pollbar1,
html.darkmode .rtl .pollbar2,
html.darkmode .rtl .pollbar3,
html.darkmode .rtl .pollbar4,
html.darkmode .rtl .pollbar5 {
    border-left-color: #FFFFFF !important; /* Black to White */
}

/* Colours and backgrounds for buttons.css
-------------------------------------------------------------- */

/* Buttons */
html.darkmode .button {
    border-color: #A5ACAF !important; /* Unchanged */
    background-color: #A5ACAF !important; /* Unchanged */
    background-image: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    color: #000000!important; /* Black to White */
}
html.darkmode .button:hover,
html.darkmode .button:focus {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
    background-image: none !important;
    text-shadow: none !important;
}
html.darkmode .button-secondary:focus,
html.darkmode .button-secondary:hover,
html.darkmode .button:focus .icon,
html.darkmode .button:hover .icon {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .button-search:hover,
html.darkmode .button-search-end:hover {
    border-color: #383C40 !important; /* #C7C3BF to #383C40 */
}
html.darkmode .caret {
    border-color: #252525 !important; /* #DADADA to #252525 */
}
html.darkmode .contact-icons a {
    border-color: #A5ACAF !important; /* Unchanged */
}
html.darkmode .contact-icons a:hover {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
}
html.darkmode .button,
html.darkmode .button1,
html.darkmode .button2,
html.darkmode .icon-button,
html.darkmode input.button1,
html.darkmode input.button2,
html.darkmode input.button3,
html.darkmode .button-secondary {
    background-color: #A5ACAF !important; /* Unchanged */
    border-radius: 0 !important;
}
html.darkmode .button:hover,
html.darkmode .button1:hover,
html.darkmode .button2:hover,
html.darkmode .icon-button:hover,
html.darkmode input.button1:hover,
html.darkmode input.button2:hover,
html.darkmode input.button3:hover,
html.darkmode .button-secondary:hover {
    background-color: #FFFFFF !important; /* Black to White */
    color: #000000 !important; /* White to Black */
    border-radius: 0 !important;
}
html.darkmode input[type="submit"],
html.darkmode input[type="button"],
html.darkmode .post-buttons .button {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
    color: #000 !important; 
    border-radius: 0 !important;
}
html.darkmode input[type="submit"]:hover,
html.darkmode input[type="button"]:hover,
html.darkmode .post-buttons .button:hover {
    color: #000000 !important; /* White to Black */
    border-radius: 0 !important;
}
html.darkmode a.button:hover,
html.darkmode a.button1:hover,
html.darkmode a.button2:hover,
html.darkmode a.icon-button:hover,
html.darkmode a:link.button:hover,
html.darkmode a:visited.button:hover,
html.darkmode a:link.button1:hover,
html.darkmode a:visited.button1:hover,
html.darkmode a:link.button2:hover,
html.darkmode a:visited.button2:hover,
html.darkmode a.button-secondary:hover {
    color: #000000 !important; /* White to Black */
}
html.darkmode .button:hover .icon,
html.darkmode .button-secondary:hover .icon {
    color: #000000 !important; /* White to Black */
}
html.darkmode a.button1,
html.darkmode input.button1,
html.darkmode input.button3,
html.darkmode a.button2,
html.darkmode input.button2 {
    background-color: #A5ACAF !important; /* Unchanged */
    background-image: none !important;
}
html.darkmode input.button3 {
    background-image: none !important;
}
html.darkmode a.button1,
html.darkmode a.button2 {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode a.button1:hover,
html.darkmode input.button1:hover,
html.darkmode a.button2:hover,
html.darkmode input.button2:hover,
html.darkmode input.button3:hover {
    color: #000000 !important; /* White to Black */
    background-color: #FFFFFF !important; /* Black to White */
    background-image: none !important;
}
html.darkmode input.button1:focus,
html.darkmode input.button2:focus,
html.darkmode input.button3:focus {
    color: #000000 !important; /* White to Black */
}
html.darkmode input.disabled {
    color: #999 !important; /* Gray #666 to #999 */
}

/* Pagination */
html.darkmode .pagination li a {
    background: #A5ACAF !important; /* Unchanged */
    filter: none !important;
    border-color: #A5ACAF !important; /* Unchanged */
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    color: #000000 !important; /* Black to White */
}
html.darkmode .pagination li.ellipsis span {
    background: transparent !important;
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .pagination li.active span {
    background: #FFFFFF !important; /* Black to White */
    border-color: #FFFFFF !important; /* Black to White */
    color: #000000 !important; /* White to Black */
}
html.darkmode .pagination li a:hover,
html.darkmode .pagination li a:hover .icon,
html.darkmode .pagination .dropdown-visible a.dropdown-trigger,
html.darkmode .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
    background: #999 !important; /* Gray #666 to #999 */
    border-color: #999 !important; /* Gray #666 to #999 */
    filter: none !important;
    color: #000000 !important; /* White to Black */
    text-shadow: none !important;
}

/* Search Box */
html.darkmode .search-box .inputbox,
html.darkmode .search-box .inputbox:hover,
html.darkmode .search-box .inputbox:focus {
    border-color: #383C40 !important; /* #C7C3BF to #383C40 */
}
html.darkmode .search-results li:hover,
html.darkmode .search-results li.active {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
}

/* Contact Icons */

html.darkmode .pm-icon { background-position: 0 0 !important; }
html.darkmode .email-icon { background-position: -21px 0 !important; }
html.darkmode .jabber-icon { background-position: -80px 0 !important; }
html.darkmode .phpbb_icq-icon { background-position: -61px 0 !important; }
html.darkmode .phpbb_wlm-icon { background-position: -182px 0 !important; }
html.darkmode .phpbb_aol-icon { background-position: -244px 0 !important; }
html.darkmode .phpbb_website-icon { background-position: -40px 0 !important; }
html.darkmode .phpbb_youtube-icon { background-position: -98px 0 !important; }
html.darkmode .phpbb_facebook-icon { background-position: -119px 0 !important; }
html.darkmode .phpbb_skype-icon { background-position: -161px 0 !important; }
html.darkmode .phpbb_twitter-icon { background-position: -203px 0 !important; }
html.darkmode .phpbb_yahoo-icon { background-position: -224px 0 !important; }

/* Forum and Topic Icons */
html.darkmode .global_read,
html.darkmode .announce_read { background-image: url("./images/announce_read.svg") !important; }
html.darkmode .global_read_mine,
html.darkmode .announce_read_mine { background-image: url("./images/announce_read_mine.svg") !important; }
html.darkmode .global_read_locked,
html.darkmode .announce_read_locked { background-image: url("./images/announce_read_locked.svg") !important; }
html.darkmode .global_read_locked_mine,
html.darkmode .announce_read_locked_mine { background-image: url("./images/announce_read_locked_mine.svg") !important; }
html.darkmode .global_unread,
html.darkmode .announce_unread { background-image: url("./images/announce_unread.svg") !important; }
html.darkmode .global_unread_mine,
html.darkmode .announce_unread_mine { background-image: url("./images/announce_unread_mine.svg") !important; }
html.darkmode .global_unread_locked,
html.darkmode .announce_unread_locked { background-image: url("./images/announce_unread_locked.svg") !important; }
html.darkmode .global_unread_locked_mine,
html.darkmode .announce_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.svg") !important; }
html.darkmode .forum_link,
html.darkmode .forum_read,
html.darkmode .forum_read_locked,
html.darkmode .forum_read_subforum,
html.darkmode .forum_unread,
html.darkmode .forum_unread_locked,
html.darkmode .forum_unread_subforum {
    background-image: none !important;
    background-position: 0 0 !important;
    padding-left: 0px !important;
}
html.darkmode .sticky_read { background-image: url("./images/sticky_read.svg") !important; }
html.darkmode .sticky_read_mine { background-image: url("./images/sticky_read_mine.svg") !important; }
html.darkmode .sticky_read_locked { background-image: url("./images/sticky_read_locked.svg") !important; }
html.darkmode .sticky_read_locked_mine { background-image: url("./images/sticky_read_locked_mine.svg") !important; }
html.darkmode .sticky_unread { background-image: url("./images/sticky_unread.svg") !important; }
html.darkmode .sticky_unread_mine { background-image: url("./images/sticky_unread_mine.svg") !important; }
html.darkmode .sticky_unread_locked { background-image: url("./images/sticky_unread_locked.svg") !important; }
html.darkmode .sticky_unread_locked_mine { background-image: url("./images/sticky_unread_locked_mine.svg") !important; }
html.darkmode .topic_moved { background-image: url("./images/topic_moved.svg") !important; }
html.darkmode .pm_read,
html.darkmode .topic_read { background-image: url("./images/topic_read.svg") !important; }
html.darkmode .topic_read_mine { background-image: url("./images/topic_read_mine.svg") !important; }
html.darkmode .topic_read_hot { background-image: url("./images/topic_read_hot.svg") !important; }
html.darkmode .topic_read_hot_mine { background-image: url("./images/topic_read_hot_mine.svg") !important; }
html.darkmode .topic_read_locked { background-image: url("./images/topic_read_locked.svg") !important; }
html.darkmode .topic_read_locked_mine { background-image: url("./images/topic_read_locked_mine.svg") !important; }
html.darkmode .pm_unread,
html.darkmode .topic_unread { background-image: url("./images/topic_unread.svg") !important; }
html.darkmode .topic_unread_mine { background-image: url("./images/topic_unread_mine.svg") !important; }
html.darkmode .topic_unread_hot { background-image: url("./images/topic_unread_hot.svg") !important; }
html.darkmode .topic_unread_hot_mine { background-image: url("./images/topic_unread_hot_mine.svg") !important; }
html.darkmode .topic_unread_locked { background-image: url("./images/topic_unread_locked.svg") !important; }
html.darkmode .topic_unread_locked_mine { background-image: url("./images/topic_unread_locked_mine.svg") !important; }

/* Colours and backgrounds for cp.css
-------------------------------------------------------------- */

/* Main CP Box */
html.darkmode .panel-container h3,
html.darkmode .panel-container hr,
html.darkmode .cp-menu hr {
    border-color: #000000 !important; /* #A4B3BF to #000000 */
}
html.darkmode .panel-container .panel li.row {
    border-bottom-color: #000000 !important; /* #B5C1CB to #000000 */
    border-top-color: #060606 !important; /* #F9F9F9 to #060606 */
}
html.darkmode ul.cplist {
    border-top-color: #000000 !important; /* #B5C1CB to #000000 */
}
html.darkmode .panel-container .panel li.header dd,
html.darkmode .panel-container .panel li.header dt {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .panel-container table.table1 thead th {
    color: #FFFFFF !important; /* Black to White */
    border-bottom-color: #FFFFFF !important; /* Black to White */
}
html.darkmode .cp-main .pm-message {
    border-color: #53575A !important; /* #CED1D3 to #53575A */
    background-color: #000000 !important; /* White to Black */
}
html.darkmode .panel-container h2 {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .panel-container .panel {
    background-color: #2A2C2D !important; /* #E5E7E8 to #2A2C2D */
}
html.darkmode .cp-main .pm {
    background-color: #000000 !important; /* White to Black */
}

/* CP Tabbed Menu */
html.darkmode .tabs .tab > a {
    background: #53575A !important; /* #CED1D3 to #53575A */
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .tabs .tab > a:hover {
    background: #53575A !important; /* #CED1D3 to #53575A */
    color: #999 !important; /* Gray #666 to #999 */
}
html.darkmode .tabs .activetab > a,
html.darkmode .tabs .activetab > a:hover {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
    background-image: none !important;
    border-color: #53575A !important; /* #CED1D3 to #53575A */
    box-shadow: none !important;
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .tabs .activetab > a:hover {
    color: #999 !important; /* Gray #666 to #999 */
}

/* Mini Tabbed Menu (MCP) */
html.darkmode .minitabs .tab > a {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
}
html.darkmode .minitabs .activetab > a,
html.darkmode .minitabs .activetab > a:hover {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
    color: #FFFFFF !important; /* Black to White */
}

/* Responsive Tabs */
html.darkmode .responsive-tab .responsive-tab-link:before {
    border-color: #FFFFFF !important; /* Black to White */
}
html.darkmode .responsive-tab .responsive-tab-link:hover:before {
    border-color: #999 !important; /* Gray #666 to #999 */
}

/* UCP Navigation Menu */
html.darkmode .navigation a {
    color: #FFFFFF !important; /* Black to White */
    background: none !important;
}
html.darkmode .rtl .navigation a {
    background: none !important;
}
html.darkmode .navigation a:hover {
    background: #53575A !important; /* #CED1D3 to #53575A */
    color: #999 !important; /* Gray #666 to #999 */
    filter: none !important;
}
html.darkmode .navigation .active-subsection a {
    background: #53575A !important; /* #CED1D3 to #53575A */
    color: #FFFFFF !important; /* Black to White */
    filter: none !important;
}
html.darkmode .navigation .active-subsection a:hover {
    color: #999 !important; /* Gray #666 to #999 */
}
 @media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
  html.darkmode  #navigation a,
    .rtl #navigation a {
        background: #53575A !important; /* #CED1D3 to #53575A */
    }
}

/* Friends List */
html.darkmode .cp-mini {
    background-color: #2A2C2D !important; /* #E5E7E8 to #2A2C2D */
}
html.darkmode dl.mini dt {
    color: #FFFFFF !important; /* Black to White */
}

/* PM Styles */
html.darkmode .current {
    color: #FFFFFF !important; /* Black to White */
}

/* Avatar Gallery */
html.darkmode .gallery label {
    background: #000000 !important; /* White to Black */
    border-color: #333 !important; /* #CCC to #333 */
}
html.darkmode .gallery label:hover {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
}

/* Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General Form Styles */
html.darkmode select {
    border-color: #999 !important; /* Gray #666 to #999 */
    background-color: #050505 !important; /* #FAFAFA to #050505 */
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode label {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode option.disabled-option {
    color: #999 !important; /* graytext to #999 */
}
html.darkmode dd label {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode fieldset.fields1 {
    background-color: transparent !important;
}
html.darkmode fieldset dl:hover dt label {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode fieldset.fields2 dl:hover dt label {
    color: inherit !important;
}

/* Quick Login */
html.darkmode fieldset.quick-login input.inputbox {
    background-color: #53575A !important; /* #CED1D3 to #53575A */
}

/* Posting Page */
html.darkmode .message-box textarea {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .message-box textarea.drag-n-drop {
    outline-color: rgba(153, 153, 153, 0.5) !important; /* #666 to #999 */
}
html.darkmode .message-box textarea.drag-n-drop-highlight {
    outline-color: rgba(153, 153, 153, 0.5) !important; /* #666 to #999 */
}

/* Input Fields */
html.darkmode .inputbox {
    background-color: #000000 !important; /* White to Black */
    border-color: #53575A !important; /* #CED1D3 to #53575A */
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .inputbox:-moz-placeholder {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .inputbox::-webkit-input-placeholder {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .inputbox:hover {
    border-color: #999 !important; /* Gray #666 to #999 */
}
html.darkmode .inputbox:focus {
    border-color: #999 !important; /* Gray #666 to #999 */
}
html.darkmode .inputbox:focus:-moz-placeholder {
    color: transparent !important;
}
html.darkmode .inputbox:focus::-webkit-input-placeholder {
    color: transparent !important;
}

/* Colours for responsive.css
-------------------------------------------------------------- */

/* Post Buttons */
html.darkmode ul.post-buttons {
    background: none !important;
}
html.darkmode ul.post-buttons li a::before {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode ul.post-buttons li a img {
    filter: grayscale(100%) brightness(0) !important;
}
html.darkmode ul.post-buttons li a.button {
    background: none !important;
}
html.darkmode ul.post-buttons .button .icon::before {
    background: none !important;
}
html.darkmode ul.post-buttons .button:hover .icon::before {
    color: #FFF !important; /* Unchanged */
}


/* Topic Titles */
html.darkmode dl.row-item.topic_read a.topictitle {
    color: #757A7C !important; /* Unchanged */
}
html.darkmode dl.row-item.topic_unread a.topictitle {
    color: #FFFFFF !important; /* Black to White */
}
/* PM Titles */
html.darkmode dl.row-item.pm_read a.topictitle {
    color: #757A7C !important; /* Matches topic_read color for read PMs */
}
html.darkmode dl.row-item.pm_unread a.topictitle {
    color: #FFFFFF !important; /* Matches topic_unread color for unread PMs */
}
/* Viewtopic Action Bar */
html.darkmode body.section-viewtopic .action-bar.bar-top {
    border-bottom: 3px solid #FFFFFF !important; /* Black to White */
    padding-bottom: 4px !important;
}

/* Viewforum Header */
html.darkmode .forumbg .header {
    border-bottom: 3px solid #FFFFFF !important; /* Black to White */
}

/* Banner and Menu */
html.darkmode .banner {
    background: rgba(30, 30, 30, 0.7) !important; /* White to Black */
}
html.darkmode .menu-item a {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .menu-item a:hover {
    color: #999 !important; /* Gray #666 to #999 */
}
html.darkmode .menu-item.active a {
    color: #FFFFFF !important; /* Black to White */
}
 @media only screen and (max-width: 768px) {
   html.darkmode .menu-toggle {
        background: #FFFFFF !important; /* Black to White */
    }
    html.darkmode .toggle-line {
        background: #000000 !important; /* White to Black */
    }
}

/* Popup Styles */
html.darkmode .avatar-popup .popup-box {
    background: #000000 !important; /* White to Black */
    border: 1px solid #333 !important; /* #CCC to #333 */
    box-shadow: 0 2px 5px rgba(255, 255, 255, 0.2) !important; /* Black to White */
}
html.darkmode .avatar-popup .close-popup {
    color: #FFFFFF !important; /* Black to White */
}

html.darkmode .avatar-plus-icon {
    background: #000000 !important; /* White to Black */
    transition: transform 0.2s ease !important;
}

/* Post Profile Usernames */
html.darkmode .post.has-profile .postprofile dt a.username,
html.darkmode .post.has-profile .postprofile dt a.username-coloured,
html.darkmode .post.has-profile .postprofile dt strong,
html.darkmode .post.has-profile .postprofile dt span.username {
    color: inherit !important;
}
html.darkmode li.row.reported-topic {
    background-color: #FF9999 !important; /* Unchanged */
    color: #000000 !important; /* Black to White */
}
html.darkmode li.row.reported-topic a,
html.darkmode li.row.reported-topic span,
html.darkmode li.row.reported-topic time {
    color: #000000 !important; /* Black to White */
}
html.darkmode li.row.unapproved-topic {
    background-color: #99FF99 !important; /* Unchanged */
    color: #000000 !important; /* Black to White */
}
html.darkmode li.row.unapproved-topic a,
html.darkmode li.row.unapproved-topic span,
html.darkmode li.row.unapproved-topic time {
    color: #000000 !important; /* Black to White */
}

/* In T_THEME_PATH/colours.css */
html.darkmode #rt-footer-surround.footer-container {
    border-top: 6px solid #FFFFFF !important; /* Black to White */
    background-color: rgba(0, 0, 0, 0.7) !important; /* White to Black */
	border-bottom: 3px solid #fff;
}

/* colours.css */

/* Sidebar container */
html.darkmode .sidebar {
    background: #000000 !important; /* White to Black */
}

/* Block styling */
html.darkmode .sidebar .rt-block {
    background: #111 !important; 
}

/* Module title */
html.darkmode .sidebar .module-title {
    background: none !important;
    border-bottom: 3px solid #FFFFFF !important; /* Black to White */
}

/* Module title text */
html.darkmode .sidebar .module-title .title {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .sidebar .module-title .title-icon::before {
    color: #FFFFFF !important; /* Black to White */
}

/* Module content */
html.darkmode .sidebar .module-content {
    color: #FFFFFF !important; /* Black to White */
}

/* Search Box */
html.darkmode .sidebar #search-box .inputbox {
    border: 1px solid #A5ACAF !important; /* Unchanged */
    border-right: none !important;
    background: #000000 !important; /* White to Black */
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .sidebar #search-box .inputbox:focus {
    border-color: #FFFFFF !important; /* Black to White */
}
html.darkmode .sidebar #search-box .button-search {
    background: #A5ACAF !important; /* Unchanged */
    border: 1px solid #A5ACAF !important; /* Unchanged */
    border-left: none !important;
}
html.darkmode .sidebar #search-box .button-search:hover {
    background: #FFFFFF !important; /* Black to White */
    color: #53575A !important; /* #CED1D3 to #53575A */
}

/* Menu Lists */
html.darkmode .sidebar .menu.l1 li a {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .sidebar .menu.l1 li a:hover,
html.darkmode .sidebar .menu.l1 li.active a {
    background: #53575A !important; /* #CED1D3 to #53575A */
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .sidebar .menu.l1 li a::before {
    color: #A5ACAF !important; /* Unchanged */
}

/* Twitter Feed */
html.darkmode .sidebar #twitterlight .twitter-timeline {
    border: 1px solid #53575A !important; /* #CED1D3 to #53575A */
    background: #000000 !important; /* White to Black */
}

/* Discord Widget */
html.darkmode .sidebar #discord-widget iframe {
    border: 1px solid #53575A !important; /* #CED1D3 to #53575A */
    background: #000000 !important; /* White to Black */
}

/* Responsive adjustments */
html.darkmode @media (max-width: 768px) {
    .sidebar {
        border-left: none !important;
        border-top: 2px solid #53575A !important; /* #CED1D3 to #53575A */
    }
    .sidebar #search-box .inputbox {
        border: 1px solid #A5ACAF !important; /* Unchanged */
        border-right: none !important;
        background: #000000 !important; /* White to Black */
        color: #FFFFFF !important; /* Black to White */
    }
    .sidebar #search-box .button-search {
        border: 1px solid #A5ACAF !important; /* Unchanged */
        border-left: none !important;
        background: #A5ACAF !important; /* Unchanged */
        color: #FFFFFF !important; /* Black to White */
    }
}

html.darkmode .post-buttons > li {
    background-color: #A5ACAF !important; /* Unchanged */
}

html.darkmode .popup-box {
    background: #000000 !important; /* White to Black */
    border: 1px solid #333 !important; /* #CCC to #333 */
    padding: 15px !important;
    box-shadow: 0 2px 5px rgba(255, 255, 255, 0.2) !important; /* Black to White */
    overflow: auto !important;
    max-height: 90vh !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* Style for the plus icon when user is offline */
html.darkmode .avatar-plus-icon.offline {
    color: #FFFFFF !important; /* Solid white for dark background */
    display: inline-block !important; /* Ensure visibility */
}


html.darkmode .first-post-highlight {
    background: #161514 !important; 
    border-left-color: #A5ACAF !important; /* Unchanged */
    color: #DDD !important; /* #222 to #DDD */
    box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1) !important; /* Black to White */
}
html.darkmode .first-post-highlight .content {
    color: #FFFFFF !important; /* Black to White */
}
html.darkmode .first-post-highlight::before {
    background-color: #A5ACAF !important; /* Unchanged */
}
html.darkmode #topic_first_post_show {
    accent-color: #A5ACAF !important; /* Unchanged */
}
html.darkmode .first-post-highlight .postprofile .avatar-container .avatar-plus-icon {
    background: #161514 !important; 
}
html.darkmode label[for="topic_first_post_show"] {
    color: #CCC !important; /* #333 to #CCC */
}
html.darkmode a.forumtitle.read {
    color: #757A7C !important; 
}
@media only screen and (max-width: 985px) {
    html.darkmode .forabg .row-item {
        display: flex;
        align-items: center;
        width: 100%;
        padding-left: 60px !important;
        box-sizing: border-box;
    }
    /* Override padding for mChat’s .row-item */
    html.darkmode .forabg.mchat-wrapper .row-item {
        padding-left: 0 !important;
    }
}

/* Button styles for dark mode */
html.darkmode a.button span,
html.darkmode a.button i {
    color: #000000 !important; /* Black in dark mode */
}
html.darkmode a.button:hover span,
html.darkmode a.button:hover i {
    color: #000000 !important; /* Stay black on hover in dark mode */
}
    html.darkmode .social-button {
        color: #FFFFFF !important;
    }
    html.darkmode .social-button i,
    html.darkmode .social-button .social-icon {
        color: #FFFFFF !important;
    }
	html.darkmode .xbutton {
        background-color: #A5ACAF !important;
    }
    html.darkmode .xbutton:hover {
        background-color: #333333 !important;
    }
    html.darkmode .discord-button {
        background-color: #5865F2 !important;
    }
    html.darkmode .discord-button:hover {
        background-color: #7289DA !important;
    }
	
/* Ensure the styles apply in dark mode */
html.darkmode .avatar-popup .popup-actions a[data-action="mention"],
html.darkmode .avatar-popup .popup-actions a[data-action="poster-mention"],
html.darkmode .avatar-popup .popup-actions a[data-action="follow"],
html.darkmode .avatar-popup .popup-actions a.cbb-btn[href*="/app.php/member/"],
html.darkmode .avatar-popup .popup-actions a.cbb-btn.fwbutton.follow {
    color: #000000 !important;
    background: #A5ACAF !important;
    border: 1px solid #666 !important;
}