/*
Dr. Pierson's RPC Authority Supreme Theme, v2. 
[2019 Theme]
*/

@import url('rpcsandbox.wikidot.com/local--files/component:authority-theme/CODE%20Light.otf')

 @import url('https://fonts.googleapis.com/css2?family=Oxygen&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');

 @import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');

 @import url('https://fonts.googleapis.com/css2?family=Barlow&display=swap');

#main-content {
    border-left: none;
}

#page-title {
    color: #296CC6;
    font-weight: bold; 
    border-bottom: 1px solid #555;
} 

a { 
    color: #296CC6;
}

a:hover {
    color: #265177;
    text-decoration: none; 
}

a.newpage {
    color: #515C6A;
}

/* Background */

div#container-wrap {
    background: url(http://rpcsandbox.wdfiles.com/local--files/component%3Aauthority-theme/AuthorityBackground3.png) top left no-repeat !important; 
    background-size: 100% 402px !important;

}

/* Logo */

#header {
    background-image: url(http://rpcsandbox.wdfiles.com/local--files/component%3Aauthority-theme/RPCAuthorityL2.png);
    background-repeat: no-repeat;
    background-size: auto calc(9.5rem - 2.125rem);
    background-position: 15px 12px;
}

/* Header */
 
#header > h1 > a > span {
    display: block;
    opacity: 0;
}

/* Sidebar */

#side-bar hr {
    display: none;
} 

#side-bar .heading {
  font-size: 16px;
  padding: 0.8em 1em 0 -0;
  position: relative;
  border-top: 1px solid #555;
  margin: 1em calc(-1em + 2px) 0.5em 0;
  font-weight: bold;
  color: #296CC6;
}
 
#side-bar .menu-item>img {
  display: none;
}
 
#side-bar .menu-item>a {
  transition: all 0.2s ease-in-out;
}

#side-bar div.menu-item a:hover {
  background-color: rgba(0, 0, 0, 0) !important;
  color: #445B70;
  text-decoration: none;
}

#header h2 span {
    display: none; 
    opacity: 0; 
}

/* Headings */ 

h1 { 
    font-weight: bold; 
    color: #296CC6;
}

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

/* Account */
 
#login-status {
    color: #E5E5E5;
}
 
#login-status a {
    color: #C0C0C0;
}

#login-status a:hover {
    color: #7A7A7A;
    transition: all 0.2s ease-in-out;
    text-decoration: none; 
}

#login-status ul a {
    background: #3F3F3F;
    color: #E2E2E2;
    border-opacity: 2%;
    shadow-box: 0px 1px 6px rgba(0,0,0,.25);
    border-left: solid 1px rgba(64,64,64,.1);
    transition: all 0.2s ease-in-out;
    border-right: solid 1px rgba(64,64,64,.1);
}

#login-status ul a:hover {
    background: #BCBCBC;
    color: #444444;
    transition: all 0.2s ease-in-out;
    border-top: 1px solid rgba(64,64,64,.1);
    border-bottom: 1px solid rgba(64,64,64,.1);
}

/* Tables */

table.wiki-content-table {
    box-shadow: none;
}

table.wiki-content-table th {
    border: 1px solid #333;
    background-color: var(--table-header-background);
    padding: 0.3em 0.7em;
    font-size: 1em; 
 }

table.wiki-content-table td {
    background-color: var(-secondary-background);
    border: 1px solid #333;
    padding: 0.3em 0.7em;
    font-size: 1em;
}

/* Topbar */

top-bar a {
    color: white;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
}

#top-bar ul li ul {
    border: transparent !important; 
}

#top-bar ul li a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1px;
    max-height: 21px;
    color: #E5E5E5;
    border: transparent;
}

#top-bar ul li.sfhover a {
    border: transparent;
    background-color: #296CC6;
}

#top-bar ul li:hover a {
    border: transparent;
    background: var(--topbar-dropdown-background);
} 

#top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
    border-width: 0;
    width: 150px;
    height: 21px;
    max-height: 21px;
    padding-top: 0;
    padding-bottom: 0;
}

#top-bar ul li:hover a:hover {
    background-color: #296CC6;
} 

#top-bar ul li.sfhover a:hover { /* Perfect Sample */ 
    transition: all 0.2s ease-in-out;
    color: white; 
    background-color: #296CC6;
}

#top-bar ul li ul a, #top-bar a:hover {
    color: white;
}

.interwiki_title {
    color: black;
}
 
.interwiki_entry a {
    color: black;
}

/* SEARCH BAR */

#search-top-box-input {
    color: #c0c0c0;
    background: #1D324D;
    border: 1px solid #052248;
    height: 20px;
}

#search-top-box-input:hover, #search-top-box-input:focus {
    border: 1px solid #102844;
    background: #172f4d;
    transition: 0.6s ease-in;
}

#search-top-box-form input[type="submit"] {
    border: 1px solid #052248;
    color: #fff;
    background: #163660;
    transition: 0.6s ease-in-out;
    border-radius: 2px;
    height: 20px;
}

#search-top-box-form input[type="submit"]:hover, #search-top-box-form input[type="submit"]:focus {
    border: 1px solid #102844;
    color: white;
    background: #172f4d;
    transition: 0.2s ease-in-out;
}

/* Tabs */

.yui-nav {
    border-bottom: 5px solid #296CC6 !important;
    background-color: var(--secondary-background);
}

.yui-navset {
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    background: #1F2125;
}

.yui-navset .yui-nav li {
    padding: 0;
} 

.yui-navset .yui-nav .selected a em {
    padding: 0.39em 0.75em;
}

.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background:#296CC6; /* selected tab background */
    color: white;
}
 
.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
    border: 1.5px solid #1A1919 !important;
    background: var(--secondary-background); 
    border-top-color: transparent !important;
}

.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background:#515C6A url(../images/yuitabs.png) repeat-x left -1300px;
    color: white;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

/* Page Bottom */ 

.page-watch-options {
    margin-bottom: 15px;
}

.page-options-bottom { 
    text-align: center; 
    margin: 5px;
}

#rename-move-button.btn.btn-default, #delete-button.btn.btn-default {
    margin: 5px;
    text-align: center;
}

#rename-move-button, #delete-button {
    width: 250px;
    padding: 5px 40px;
}

#more-options-button, #edit-button {
    padding: 5px 13px;
} 

#discuss-button, #pagerate-button {
    padding: 5px 20px; 
} 

.page-options-bottom a {
    display: inline-block;
    color: white;
    border: 1px solid #052248;
    background: #163660;
    margin: 0 auto;
    padding: 5px 10px;
}

.page-options-bottom a:hover {
    color: white;
    border: 1px solid #102844;
    background: #172f4d;
}

/* Tags */

.page-tags a {
    color: white;
    border: 1px solid #052248;
    background: #163660;
    padding: 2px 8px;
    margin-bottom: 5px;
}

.page-tags a:hover {
    border: 1px solid #102844;
    background: #172f4d;
}

.page-tags span {
    border: none !important;
}

.footnotes-footer, .page-options-bottom, .owindow .title, .math-equation, .bibitem, .thread-container .post .long .options {
    height: auto !important;

}

.footnotes-footer {
    background: var(--secondary-background);
    border: 1px dashed #515151; 
    width: 90%;
    margin: 1em auto;
    padding: .15em 1em;
}

.footnote-footer{
     display: block; 
     position: relative; 
     width: 95%;
     margin: .5rem 1.5rem
}

#header h2 span {
    display: block;
    margin: 0;
    padding: 8px 0;
    line-height: 0px;
    max-height: 0px;
    font-weight: bold;
    color: transparent;
}

#header h2 span::before {
    content: "" transparent;
    color: #E7D9B5;
}

.code { 
    font-family: Encode Sans, sans-serif; 
    background-color: var(--secondary-background);
    border: 1px dashed #999999;
} 

::selection {
    color: white;
    background: #296CC6;
}

:root {
    scrollbar-color: #182129 #2B3440;
    opacity: 20%
    transition: all 0.2s ease-in-out;

   /* Image Caption */ 
   --image-block-caption-background: #222; 

    /* White Theme */ 
    --WT-primary-text-color: #262626 !important;
    --WT-secondary-background: #E0E0E0 !important;

    /* Topbar */ 
    --topbar-dropdown-background: #161C21;
    --topbar-hover-background: #1B2228;

   /* Table */ 
    --content-bar-background: #24272A; 
    --background-3: #1d2022;

   /* Code */ 
    --WT-code-background: #E0E0E0 !important;

   /* Body Background */
    --body-background: #202328;
   /* Color Variables */
    --primary-background: #151719;
    --secondary-background: #151719;
    --table-header-background: #1D1E20;

}

/* Custom Codes */ 

blockquote {
    border: 1px dashed #515151;
    box-shadow: none;
    background: var(--primary-background);
} 

tt {
    font-size: 84%; 
} 

hr {
    background: none; 
    border-bottom: dashed 1px #716e6e !important;
}

.yui-content hr, .info-block hr, blockquote hr {
    background: none !important; 
 } 

.paragraph1 {
    color: var(--text-color);
    display: inline-block; border:
    dashed 1px #515151;
    background: var(--primary-background); 
    float: center;
    margin: 0.3rem 60px;
    width: 80.2%;
    padding: 0 .88em;
} 

.image-block {
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

.image-block {
        border: solid 1.5px #171717;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.image-block .image-caption {
    border-top: 1.5px solid #222;
    -shadow: 1px 1px 1px #6054544d;
    font-family: Oxygen, sans-serif;
    font-size: 0.87em;
}

/* Mobile Comparability */ 

@media screen and (orientation:portrait) {

table.wiki-content-table th, table.wiki-content-table td {
    font-size: 100%; 
} 

#footer .options {
    text-align: none;
    font-size: 50%; 
}

#license-area {
    font-size: 80%;
    fold-weight: bold; 
} 

.page-watch-options {
visibility: hidden; 
} 

#page-info {
visibility: hidden;
} 

html, body {
    width: auto !important; 
    overflow-x: hidden !important
} 

.mobile-top-bar {
    display: flex;
    position: absolute;
    background-color: #161C21;
    max-height: 30px;
    padding-bottom: 1px;
    margin: 20px 0px;
    height: 30px;
    width: 100%;
    left: -2.5em;
    padding: 0px 40px;
}

#side-bar {
    display: block;
    position: fixed;
    top: 0;
    left: -25em;
    width: 17em;
    height: 100%;
    background: #161C21;
    overflow-y: scroll;
    z-index: 10;
    padding: 1em 1em 0 1em;
    -webkit-transition: left 0.5s ease-in-out 0.1s;
    -moz-transition: left 0.5s ease-in-out 0.1s;
    -ms-transition: left 0.5s ease-in-out 0.1s;
    -o-transition: left 0.5s ease-in-out 0.1s;
    transition: left 0.5s ease-in-out 0.1s;
}

#side-bar .heading {
    width: 80%;
} 

#side-bar .heading {
  font-size: 15px;
  border-top: 1px solid #296CC6;
  color: #555;
}

#side-bar div.menu-item a {
    left: 20px;
    position: relative; 
}
 
#side-bar::after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
 
}
 
#side-bar:target {
    display: block;
    left: 0;
    width: 17em;
    margin: 0;
    border: none;
    z-index: 10;
    box-shadow: 1px 1px 8px 6px rgba(0, 0, 0, 0.2);
}
 
#side-bar:target + #main-content {
    left: 0;
}
 
#side-bar:target .close-menu {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(25,30,4,0) 1px 1px repeat;
    z-index: -1;
    left: 243px;
}

.hovertop {
    background-color: #fea; 
    border: 1px solid #6b0000; 
    display: inline; 
    padding: 5px; 
    display: none; 
    position: absolute;
    font-size: 85%;
    max-width: 540px;
    text-align: left;
    z-index: 100; /* a large number to ensure it's on top */
}

.open-menu a { /* Grid Box */
    position: absolute;
    top: 0;
    left: 330px;
    padding: 0;
    z-index: 15;
    font-family: 'Nanum Gothic', san-serif;
    font-size: 30px;
    font-weight: 700;
    width: 30px;
    height: 30px;
    line-height: 0.9em;
    text-align: center;
    border: none;
    background: none !important;
    border-radius: none;
    color: #C0C0C0 !important;
    transition: all 0s ease 0s;
}
 
.open-menu a:hover {
    text-decoration: none! important;
    color: #296CC6;
    border: none;
    transition: all 0.6s ease 0.2s;
}
 
#main-content {
    max-width: 90%;
    margin: 0 5%;
    padding: 0;
}

div#container-wrap {
    background: url(http://rpcsandbox.wdfiles.com/local--files/component%3Aauthority-theme/AuthorityBackground3.png) top left no-repeat !important;
    background-size: auto;
    background-size: 100% 332px !important;
} 

#header {
    background-size: auto calc(6.5rem - 2.125rem);
    height: 7.5rem;
}

.paragraph1 {
    width: 290px;
    border: dashed 1px #4f4f4f;
    font-size: 95%;
    margin: 0px 10px 10px;
}

#search-top-box-form input[type="submit"] {
    height: 23px;
    left: 5px;
    top: 0;
} 

}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

#top-bar { 
    font-size: 12px;
}

#header { /* Logo */ 
    background-size: auto calc(6.5rem - 2.125rem);
    background-position: left 0rem top 2.5em;
} 

table.wiki-content-table th, table.wiki-content-table td {
    font-size: 100%; 
} 

#search-top-box-form input[type="submit"] {
    height: 28px;
    left: 5px;
    top: 0;
    width: 60px;
} 

.footnotes-footer .title {
    font-size: 15px;
} 

.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
    font-size: 12px;
}

.yui-navset .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a {
    font-size: 12px;
}

.paragraph1 {
    width: 95%;
    border: dashed 1px #4f4f4f;
    font-size: 100%;
    margin: 0px 10px 10px;
}

/* Page Bottom Options */

#print-button, #more-options-button {
    padding: 5px 32px !important; 
}

#edit-sections-button, #edit-meta-button {
    padding: 5px 22px !important; 
} 

#watchers-button, #view-source-button {
    padding: 5px 3px !important; 
} 

#page-block-button {
    padding: 5px 126px !important; 
} 

#rename-move-button, #delete-button{ 
    padding: 5px 53.5px !important; 
    width: none; 
} 


}