@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Medula+One&display=swap');

/*
    Done and Dusted Theme (made by Qual; requested by Contest Team)
    [2023 Wikidot Theme]
*/

h1, h2, h3, h4, h5, h6 {
    color: #fff;
}

#top-bar ul li a, #side-bar div.menu-item a {
    font-weight: 500!important;
}

strong {
    color: #ccc;
}

body {
    background-color: var(--body-background);
    background-image: url(https://rpcauthority.wdfiles.com/local--files/component%3Adone-and-dusted-contest-theme/Dusted_Grime_Filter.png), url(https://rpcauthority.wdfiles.com/local--files/component%3Adone-and-dusted-contest-theme/Dusted_Grid_Background.png);
    background-repeat: repeat y, repeat;
    background-size: 100%, 20%;
 
    letter-spacing: 1px;
 
    text-rendering: optimizeLegibility;
}


/* Link Variables: */
 
#page-content a, #page-content a.newpage, #page-content a:hover, .page-watch-options a, #main-content .page-tags a, #action-area a {
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
    padding: 1px 2px;
}
 
.page-options-bottom a:hover {
    padding: 0 8px !important;
}

/* Page Content Link Variables: */

 
#page-content .yui-navset a {
    transition: none;
    padding: 0;
}
 
#page-content .yui-content a {
    padding: 1px 2px;
}
 

/* (Variables to make other pts. of the highlight hover show up) */

#main-content a:hover, .collapsible-block a:hover, .footnotes-footer a:hover, #toc a:hover {
    color: #fff;
    transition: 0.3s;
    padding: 1px 2px;
    background: rgb(184 184 0 / 50%);
    border: none;
}

@media (max-width: 425px) {
    #header {
        background-position: center;
        background-size: 74%;
    }
}

#side-bar div.menu-item a {
    padding-left: 0.5em;
}

.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    color: #878787;
}

::selection {
    background-color: rgb(123 125 46 / 70%);
    color: antiquewhite;
    text-shadow: 0px 2px 4px rgb(0 0 0 / 50%);
    box-shadow: 0px 0px 10px rgb(145 148 57 / 80%);
}

#page-title, #side-bar .heading, h1, h2, h3, h4, h5, h6 {
    text-shadow: 0px 2px 4px rgb(0 0 0 / 50%);
}

highlight td {
    background-color: var(--primary-background);
}

/* General Variables Section: */

#side-bar div.menu-item a, #side-bar div.menu-item a:hover {
    text-decoration: none;
    width: 208px;
}

#page-content {
}

#main-content, #side-bar {
    background-image: url()!important;
    background-size: 96%;
}


/* Header Section: */

#header {
    background-position-y: top;
}

#header h1 a::before {
    margin-left: 25px;
    text-decoration: none;
    text-shadow: 2px 2px 0 #000;
    letter-spacing: 0.9px;
}

#header h2::before {
    margin-left: 25px;
    text-shadow: 1px 2px 0 #000;
    font-size: 100%;
}




 

.rateContainer {
    font-size: normal;
    word-spacing: normal;
    letter-spacing: normal;
}


div.page-rate-widget {
    text-align: center;
    word-spacing: normal;
}


/* User Name*/

 
#login-status {
    font-size: 90%;
    z-index: 30;
 
    color: #b3b3b3;
    font-weight: bold;
    box-shadow: 0.5px 1px 3px #000;
    text-shadow: 1px 1px 2px #000;
 
    background: rgba(0,0,0,0.5);
    padding: 3px 5px;
    padding-left: 4px;
    border-radius: 6px;
}
 
/* "My Account" Text (normal and Hover) */
 
#search-top-box-form input[type=submit], #top-bar .search-button a {
    color: #555555;
}


#login-status {
    color: lightgrey;
    background: rgb(0 0 0 / 40%) !important;
}

#login-status a {
    color: var(--link-color);
}
 
#login-status a:hover {
    color: var(--link-hover-color);
}
 
#printuser {
    color: #ccb68f;
    background-color:transparent;
}


#login-status ul a {
    background: var(--news-block-body-panel-background-even);
    color: var(--link-color);
    border: none;
    text-shadow: none;
}
 
#login-status ul a:hover {
    background: var(--nav-hover-background);
    color: var(--link-hover-color);
}
 
#account-options #account-options, a#account-topbutton {
    color: #ccb68f;
}
 
.open-themes-container {
    display: none;
}
 

#license-area {
    background: #272727;
    color: #878787 !important;
}

#footer {
    background: var(--content-bar-background);
    color: var(--text-color);
}

#footer a {
    color: #fff;
    background: transparent;
}


/* Edit Box Section: Makes sure editing looks okay */

#action-area h1 {
    margin: 1em;
}

.pager .current {
    background: var(--primary-background);
    color: var(--text-color);
    border: var(--basic-border);
}
 
table.edit-page-bottomtable {
    margin: 10px 10px;
}

input#edit-page-title {
    width: 100%;
}

#h-perpage, .optionstd a, .new-post .btn, #history-form-1 .btn-sm, .well .btn-sm, .change-textarea-size a, .buttons .btn-small, .action-area .btn-default, .action-area .btn-primary, .col-lg-10 .form-control, .form-actions .btn-danger, .buttons .btn-default, .target a, .buttons .btn-danger, #edit-cancel-button, #edit-save-button, .button-close-message, .button-close-window, .button-cancel, .button-insert-code, #wd-ed-codewizard-type, #wd-ed-imagewizard-position, #wd-ed-imagewizard-uri, #wd-ed-imagewizard-byuri .button, #wd-ed-imagewizard-flickr, #wd-ed-imagewizard-byflickr .button, .query-area .button, .button-close, .button-rename, .button-no\,-cancel, .button-yes\,-delete, #file-upload-form .btn-primary, .button-move, #action-area .buttons .btn-primary, #edit-page-form .buttons .btn-info, #view-diff-div .button, .button-yes\,-revert, .modal-footer .btn-danger, .modal-footer .btn-default, .modal-footer .btn-primary, #mba-apply, .yui-content .button, .btn-warning, #edit-meta-newtag-form div .btn, .new-page-box .button, #page-templates, #recent-posts-category, .forum-recent-posts-box form .btn, .owindow .button-bar .btn {
    border: var(--button-border)!important;
    background: var(--button-background)!important;
    color: #e5e5e5;
}


.hovertip .content {
    padding: 0.2em 0.5em;
    border: var(--basic-border);
}

:root {


    --body-background: #1f1f1f;
    --text-color: #c0c0c0;

    --primary-text-color: #cccccc;
    --blockquote-background: rgb(22 22 22 / 60%);
    --horizontal-rule-secondary-background: #818181;

    --code-background: var(--primary-background);

    --nav-hover-background: var(--primary-text-color);
    --primary-background: #222222;
    --content-bar-background: #2e2e2e;

    --content-panel-background: #212121;
    --text-box-form-background: #2c2c2c;
    --modal-body-background: #2c2c2c;
    --modal-header-background: var(--content-bar-background);
    --news-block-body-panel-background-even: #1e1d1d;

    --header-text-visibility: hidden;
    --header-custom-text: '';
    --header-tagline-custom-text: '';
    --header-icon: url(https://rpcauthority.wdfiles.com/local--files/component%3Adone-and-dusted-contest-theme/Done_and_Dusted_Logo.png);
    --header-background: url(https://rpcauthority.wdfiles.com/local--files/component%3Adone-and-dusted-contest-theme/Done_and_Dusted_Header.png);
    --header-tagline-color: none;
    --header-tagline-top: 8px;
    --header-icon-size: auto calc(11.5rem - 2.125rem);

    --link-color: #dde1b0;
    --link-hover-color: rgb(255 255 255);
    --new-page-color: rgb(215 215 215);

    --button-border: none;
    --button-hover-border: none;

    --button-background: #6d6d6d;
    --button-hover-background: var(--nav-hover-background);

    --search-button-background: rgb(204 182 143 / 75%);

    --search-button-hover-background: #2e2e2e;
    --search-input-color: rgb(204 182 143 / 40%);
    --search-input-text: #292929;

    --topbar-text-color: var(--text-color);
    --topbar-hover-color: var(--sidebar-hover-color);
    --topbar-dropdown-background: #292929;
    --topbar-hover-background: var(--nav-hover-background);
    --topbar-divider: 1px solid #232323;
    --topbar-dropdown-border-color: #232323;
 
    --sidebar-crit-corner-color: var(--link-hover-color);
    --star-rating-hue: 200deg;
 
    --text-box-form-border: 1px solid var(--text-color);
    --template-block-background: var(--primary-background);

    --tabview-background: var(--primary-background);
    --tabview-bar-border: 2px solid #232323;
    --tabview-button-selected-background: #555;
    --tabview-button-selected-color: var(--link-color);
 
    --tabview-side-tabs-background: var(--primary-background);
    --tabview-side-button-hover-background: var(--tabview-button-hover-background);
    --tabview-side-button-selected-background: var(--tabview-button-selected-background);
    --tabview-side-button-divider: 1px solid var(--primary-background);

    --tabview-side-scrollbar-background: var(--BT-scrollbar-background);
    --tabview-side-scrollbar-thumb-background: #555555;
    --tabview-side-scrollbar-thumb-hover-background: rgb(104 104 104);
 

    --sidenote-open-background: var(--BT-scrollbar-thumb-background);
 
    --BT-scrollbar-background: #2e2e2e;
    --BT-scrollbar-thumb-background: #555555;
    --BT-scrollbar-thumb-hover-background: rgb(104 104 104);

    --BT-resizer-background: #191919;

    --account-options-border: 1px solid var(--nav-hover-background);
    --star-rating-reading-background: var(--new-page-color);


    --basic-border: 1px solid var(--basic-border-color);
    --basic-border-color: #818181;

    --sidenote-figure-open-color: #e5e5e5;

    --search-button-border: 2px solid rgb(41 41 41 / 40%);
    --search-button-hover-border: 2px solid rgb(91 91 91 / 50%);
    --search-input-border: 2px solid rgb(41 41 41 / 40%);
    --search-input-hover-border: 2px solid rgb(91 91 91 / 50%);
    --content-box-shadow: 0px 0px 14px rgba(0,0,0,.1), 4px 3px 7px rgb(0 0 0 / 50%);
}

#search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus, #top-bar .search-button a:hover {
    background: rgb(204 182 143 / 75%);
    color: #555555;
}

#search-top-box-input:hover, #search-top-box-input:focus {
    background-color: rgb(204 182 143 / 75%);
    color: #000;
}

#search-top-box input.empty {
    color: #2e2e2e;
}

search-top-box-form input[type=submit] {
    color: rgb(41 41 41 / 75%);
}

@media (max-width: 768px) {
    #main-content {
        background-position: 1rem 2.5em;
        padding: 1em!important;
    }

    #content-wrap {
        min-height: 1400px!important;
    }

    #side-bar:target .close-menu {
        background: none 1px 1px repeat!important;
        z-index: -1;
    }

    #header {
        background-position: 0 0.5em;
        background-size: 25em;
    }
}

@media (max-width: 425px) {
    #header {
        background-position: center;
        background-size: 74%;
    }
}


/* Page rate widget wrapping fix; added by DoubleDenial */

div.page-rate-widget {
    letter-spacing: 0;
}