@charset "UTF-8";
/* secondary color; used for links, svg-icons … */
/* --- COMMON ------------------------------------------------------------------------------------------------------- */
body {
  color: #262626;
}

a {
  color: #205081;
}

a, span, li, nav, ul {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
 
/* --- HEADER ------------------------------------------------------------------------------------------------------- */
#header
{
  background-color: #fff;
}  
#joker-headerbar {
  background-color: rgba(255, 255, 255, 0.9);
}
#joker-headerbar a {
  color: #205081;
  transition: color 0.25s ease-in-out;
}
#joker-headerbar a:hover {
  color: #1b436d;
}
@media screen and (max-width: 1024px) {
  #joker-headerbar {
    border-bottom: 1px solid #CCCCCC; 
    background-color: rgba(255, 255, 255, 0.95);
  } 
}  
#joker-headerbar .joker-headerbar-right .joker-header-icon svg path {
  fill: #205081;
}
#joker-headerbar .joker-headerbar-right .joker-header-icon:hover svg path, #joker-headerbar .joker-headerbar-right .joker-header-icon.active svg path {
  fill: #205081;
}

#joker-headerbar #joker-search .joker-search-input a.joker-search-clear {
  color: #CCCCCC;
  transition: color 0.25s ease-in-out;
  border: none;
}
#joker-headerbar #joker-search .joker-search-input a.joker-search-clear:hover {
  color: #bfbfbf;
  border: none;
}  

/* --- SIDEBAR ------------------------------------------------------------------------------------------------------ */
.joker-sidebar, .joker-sidebar-container {
  background-color: #F5F5F5;
}
.joker-sidebar .joker-sidebar-header a {
  color: #205081;
}
.joker-sidebar .joker-sidebar-header h2 a {
  color: #205081;
}
.joker-sidebar .joker-scroll-versions-widget {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.joker-sidebar .joker-scroll-versions-widget .joker-scroll-versions-select label {
  color: #262626;
}
.joker-sidebar .joker-scroll-versions-widget .joker-scroll-versions-select a.joker-select-button {
  color: #262626;
}
.joker-sidebar .joker-scroll-versions-widget .joker-scroll-versions-select a.joker-select-button .joker-select-button-icon {
  fill: #262626;
}
.joker-sidebar .joker-scroll-versions-widget .joker-scroll-versions-select a.joker-select-button:hover {
  background-color: #205081;
  color: white;
}
.joker-sidebar .joker-scroll-versions-widget .joker-scroll-versions-select a.joker-select-button:hover label {
  color: white;
}
.joker-sidebar .joker-scroll-versions-widget .joker-scroll-versions-select a.joker-select-button:hover .joker-select-button-icon {
  fill: white;
}
@media screen and (max-width: 1024px) {
  .joker-sidebar .joker-scroll-versions-widget .joker-scroll-versions-select a.joker-select-button:hover {
    color: white;
  }
  .joker-sidebar .joker-scroll-versions-widget .joker-scroll-versions-select a.joker-select-button:hover label {
    color: white;
  }
}
.joker-sidebar .joker-scroll-versions-widget .joker-scroll-versions-select a.joker-select-button.active {
  background-color: #205081;
  color: white;
}
.joker-sidebar .joker-scroll-versions-widget .joker-scroll-versions-select a.joker-select-button.active label, .joker-sidebar .joker-scroll-versions-widget .joker-scroll-versions-select a.joker-select-button.active span {
  color: white;
}
.joker-sidebar .joker-scroll-versions-widget .joker-scroll-versions-select a.joker-select-button.active .joker-select-button-icon {
  fill: white;
}
@media screen and (max-width: 1024px) {
  .joker-sidebar .joker-scroll-versions-widget .joker-scroll-versions-select a.joker-select-button.active {
    color: white;
  }
  .joker-sidebar .joker-scroll-versions-widget .joker-scroll-versions-select a.joker-select-button.active label {
    color: white;
  }
}
.joker-sidebar .joker-scroll-versions-widget .joker-scroll-versions-select span.versions-select-item-restriction {
  color: #5E6C84;
}
.joker-sidebar .joker-scroll-versions-widget .joker-scroll-versions-select span.versions-select-item-restriction.hover {
  background-color: #205081;
  color: white;
}
.joker-sidebar .joker-pages-nav ul li .sp-aui-icon-small {
  color: #707070;
}
.joker-sidebar .joker-pages-nav ul li .sp-aui-icon-small:hover {
  color: #205081;
}
@media screen and (max-width: 1024px) {
  .joker-sidebar .joker-pages-nav ul li .joker-pages-nav-toggle {
    border: 1px solid #205081;
  }
  .joker-sidebar .joker-pages-nav ul li .joker-pages-nav-toggle svg g {
    fill: #205081;
  }
}
.joker-sidebar .joker-pages-nav ul a {
  color: #205081;
}
.joker-sidebar .joker-pages-nav ul a.current {
  color: #262626;
}

.joker-sidebar .joker-dropdown, #joker-headerbar .joker-dropdown {
  background-color: white;
  border: 1px solid #CCCCCC;
}
@media screen and (max-width: 640px) {
  .joker-sidebar .joker-dropdown, #joker-headerbar .joker-dropdown {
    border-bottom: 1px solid #CCCCCC;
  }
}
.joker-sidebar .joker-dropdown li a, #joker-headerbar .joker-dropdown li a {
  background-color: white;
}
.joker-sidebar .joker-dropdown li a.hover, #joker-headerbar .joker-dropdown li a.hover {
  color: white;
  background-color: #205081;
}
.joker-sidebar .joker-dropdown li a.hover span.versions-select-item-restriction, #joker-headerbar .joker-dropdown li a.hover span.versions-select-item-restriction {
  color: white;
  background-color: #205081;
}

#joker-headerbar .joker-dropdown li.search-key:nth-child(n+2) {
  border-top: 1px solid #CCCCCC;
}

#joker-headerbar #joker-search.open .joker-search-input {
  background-color: white;
}

.#joker-search-dropdown .joker-search-dropdown {
  position: absolute;
  background-color: #fff
}

/* --- WRAP-CONTAINER ----------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
  #joker-wrap-container {
    background-color: white;
  }
}
#joker-wrap-container .joker-sidebar-dragbar .joker-sidebar-drag-handle span {
  background-color: #CCCCCC;
}
#joker-wrap-container .joker-sidebar-dragbar:hover .joker-sidebar-drag-handle span {
  background-color: #205081;
}
#joker-wrap-container #joker-post-nav svg path {
  fill: #205081;
}
#joker-wrap-container #joker-footer small {
  color: #CCCCCC;
}
#joker-wrap-container #joker-footer small a {
  color: #CCCCCC;
}

.joker-error-page-scream {
  color: #205081;
}

::-moz-selection {
  /* Code for Firefox */
  color: white;
  background: #205081;
}

::selection {
  color: white;
  background: #205081;
}