/*
    HARPOCRATES Theme
    [2020 Wikidot Theme]
    By LuxInteger
    Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan
*/

/* Header */

#header {
    background: url(/local--files/theme:harpocrates-theme/harpocrates.png) no-repeat left 50% !important;
    background-size: 120px 120px !important;
}

#header h1 a {
    content: "HARPOCRATES";
    color: transparent;
    font-family: serif !important; 
    font-size: auto;
    font-weight: bold;
    text-decoration: none;
    text-shadow: none;
 
}
 
#header h1 a::before {
    content: "HARPOCRATES";
    color: red;
}

#header h2 span {
    color: transparent;
    text-shadow: none;
}
 
#header h2 span::before {
    content: "SECURITY · CONTAINMENT · PROTECTION  · JUSTICE";
    color: red;
    font-family: serif;
    font-size: auto;
}

div#container-wrap {
    background: url(none);
}

#header {
    background-image: none;
}

/* Body */

body {
    background: black;
    color: white;
    font-family: serif;
    image-rendering: pixelated;
    word-break: unset;
    background-attachment: fixed;
    text-rendering: optimizeSpeed;
}

h1, #page-title {
    color: red;
}

#page-title {
   border-color: red;
   text-align: center;
}

/* Links */

a:link {
    color: red;
}

a.newpage {
    color: darkred;
}

a:visited {
    color: firebrick;
}

a:hover {
    color: red;
    border: dotted 1px red;
    text-decoration: none;
}

a:active {
    color: black;
    background-color: red;
    border: dotted 1px red;
    text-decoration: none;
}

/* Rating Module */
.page-rate-widget-box .rate-points {
  background-color: black !important;
  border: solid 1px red;
  border-radius: 0px 0 0 0px;
  text-transform: uppercase;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
  background-color: red;
  border-top: solid 1px red;
  border-bottom: solid 1px red;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
  background: transparent;
  color: black;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
  background: white;
  color: black;
}
.page-rate-widget-box .cancel {
  background: transparent;
  background-color: black;
  border: solid 1px red;
  border-radius: 0 0px 0px 0 !important;
}
.page-rate-widget-box .cancel a {
  color: white;
  border-radius: 0 0px 0px 0 !important;
}
.page-rate-widget-box .cancel a:hover {
  background: red;
  color: black;
}

/* Search Bar */
#search-top-box-input, #search-top-box-input:hover, #search-top-box-input:focus {
  background-color: black;
  border: solid 1px red;
  border-radius: 0 0px 0px 0 !important;
  color: white;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 1px white;
    color: black;
    background-color: red;
    box-shadow: none;
}
#search-top-box-form input[type=submit] {
    background: red;
    border: solid 1px red;
    border-radius: 0 0px 0px 0 !important;
    color: black;
} 
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    background: red;
    border-radius: 0 0px 0px 0 !important;
    color: white;
}

/* Image Block */
.scp-image-block {
    border: dotted 1px white;
}
 
.scp-image-block .scp-image-caption {
    background-color: black;
    border-top: none;
}

/* Top Bar */
 
#top-bar ul li ul {
    border: solid 1px #3d2b1f;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: 1px solid black;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: red;
    color: black;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: black;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: red;
    color: white;
}

/* Block Quote */

 blockquote,
 div.blockquote{
     background-color: black;
     border: 1px dotted white;
}

/* Highlights; created by Rounderhouse for "EXTDOC-5495" */

.hover {
    background-color: transparent;
    border: 2px dotted red;
    padding: 0 1px;
}
.hover:hover {
   
}

.hover span {    display: none;}
.hover:hover span {
    position: absolute;
    display: inline;
    margin: 0px 0px;
    height: auto;
    width: auto;
    background: black;
    border: 1px dotted white;
    color: white;
    padding: 1em;
}
.hover:hover span span {
    position: relative;
    margin: auto;
    height: auto;
    width: auto;
    border: none;
    padding: 0;
}

/* Side Bar */
 
 #side-bar .side-block{
     border: dotted 1px red;
     box-shadow: none;
     background: black;
     color: white;
     border-radius: 0px;
}
 
 #side-bar .heading{
     color: red;
     border-bottom: solid 1px red;
}
 
#side-bar .menu-item > img {
  display: none;
}
 
#side-bar .menu-item > a:hover {
    background-color: transparent;
    color: red;
    border: dotted 1px red;
    text-decoration: none;
}
 
div.open-menu a {
    border-radius: 0px;
    box-shadow: none;
    color: white!important;
    border: none !important;
}

#side-bar a {
    color: red;
}
 
#side-bar a,
#side-bar a:visited {
    color: firebrick;
}
 
#side-bar .collapsible-block-folded{
    background: none;
}
 
#side-bar .collapsible-block-unfolded-link{
    border-bottom: solid 2px red;
}
 
#side-bar .collapsible-block-unfolded-link .collapsible-block-link{
    color: red;
}
 
@media (max-width: 767px) {
    #main-content {
        padding: 0;
        margin: 0 5%;
        border-left: none;
    }
    #page-title {
        margin-top: 0.7em;
    }
    #side-bar {
        background-color: black;
        left: -19em;
    }
    #side-bar:target {
        border: none;
        box-shadow: none;
    }
    #side-bar .close-menu {
        transition: width 0.5s ease-in-out 0.1s,
                    opacity 1s ease-in-out 0s;
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background: black;
        background-position: 19em 50%;
        z-index: -1;
        opacity: 0;
        pointer-events: none;
    }
    #side-bar:target .close-menu {
        width: calc(100% - 19em);
        right: 0;
        left: auto;
        opacity: 1;
        pointer-events: auto;
    }
    #page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr {
        margin: 3em -5.5%;
    }
    #side-bar {
        top: 0;
    }
    #side-bar .heading {
        padding-left: 1em;
        margin-left: -1em;
    }
    #search-top-box {
        top: 107px;
    }
}

/* Effects; originally developed by Dr Vaughn, incorporated into the "RCPA Theme" by moist bread & Vizlox */

div#container-wrap-wrap:before {
  z-index: 4010;
  background: linear-gradient(#444 50%, #000 50%);
  background-size: 100% 4px;
  background-repeat: repeat-y;
  opacity: .14;
  box-shadow : inset 0px 0px 1px 1px rgba(0, 0, 0, .8);
  animation: pulse 5s linear infinite;
}
 
@keyframes pulse {
  0%   {transform: scale(1.001);  opacity: .14; }
  8%   {transform: scale(1.000);  opacity: .13; }
  15%  {transform: scale(1.004);  opacity: .14; }
  30%  {transform: scale(1.002);  opacity: .11; }
  100% {transform: scale(1.000);  opacity: .14; }
}
 
div#container-wrap {
  // ... positioning
  z-index: 4100;
}

div#container::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%),
      linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 20;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}
 
div#container::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(18, 16, 16, 0.1);
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  animation: flicker 0.15s infinite;
}
 
@keyframes flicker {
  0% {
    opacity: 0.27861;
  }
  5% {
    opacity: 0.34769;
  }
  10% {
    opacity: 0.23604;
  }
  15% {
    opacity: 0.90626;
  }
  20% {
    opacity: 0.18128;
  }
  25% {
    opacity: 0.83891;
  }
  30% {
    opacity: 0.65583;
  }
  35% {
    opacity: 0.67807;
  }
  40% {
    opacity: 0.26559;
  }
  45% {
    opacity: 0.84693;
  }
  50% {
    opacity: 0.96019;
  }
  55% {
    opacity: 0.08594;
  }
  60% {
    opacity: 0.20313;
  }
  65% {
    opacity: 0.71988;
  }
  70% {
    opacity: 0.53455;
  }
  75% {
    opacity: 0.37288;
  }
  80% {
    opacity: 0.71428;
  }
  85% {
    opacity: 0.70419;
  }
  90% {
    opacity: 0.7003;
  }
  95% {
    opacity: 0.36108;
  }
  100% {
    opacity: 0.24387;
  }
}
 
sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
}