/* secondary color; used for links, svg-icons … */
/* --- COMMON ------------------------------------------------------------------------------------------------------- */
 html body {
  color: #262626;
}


a,
#search-results a {
   color: var(--primary-color);
}

#search-results a:hover {
   color: var(--primary-color-active);
}

.btn-primary,
.rwui_button {
  background: var(--primary-color)!important;
}
.btn-primary:hover,
.rwui_button:hover {
  background: var(--primary-color-active)!important;
}
a, span, li, nav, ul {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*a, a:visited, a:link, .wiki-content a, .wiki-content a:link, .wiki-content a:visited,
.aui-navgroup-horizontal .aui-nav>.aui-nav-selected a, .aui-navgroup-horizontal .aui-nav>.aui-nav-selected a:link, .aui-navgroup-horizontal .aui-nav>.aui-nav-selected a:visited, .aui-navgroup-horizontal .aui-nav>.aui-nav-selected a.active, 
.contentf-clickable  {
    color: var(--primary);
}
a:hover, a:focus, a:active, .wiki-content a:focus, .wiki-content a:hover, .wiki-content a:active,
.contentf-clickable:hover, .contentf-clickable:focus {
	color: #4f4265
}*/


/* Misc Batch Overrides */
small {
  color: inherit;
}


/* Tabs (override Batch)*/
.aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a, .aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a:link, .aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a:visited, .aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a:focus, .aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a:hover, .aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a:active {
  color: var(--primary);
}
.aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a::after {
  background: var(--primary)
  
}
.aui-tabs>.tabs-menu .menu-item a:focus, .aui-tabs>.tabs-menu .menu-item a:hover {
    color: #4f4265;
}


.wiki-content a, .wiki-content a:link, .wiki-content a:visited, .wiki-content a:focus, .wiki-content a:hover, .wiki-content a:active {
  color:var(--primary);
}

.wiki-content a.btn-primary {
  color:#fff;
}
.wiki-content .alert-primary .alert-link {
    color: #002752!important;
}
.wiki-content .alert-secondary .alert-link {
    color: #202326!important;
}
.wiki-content .alert-success .alert-link {
    color: #0b2e13!important;
}
.wiki-content .alert-danger .alert-link {
    color: #491217!important;
}
.wiki-content .alert-warning .alert-link {
    color: #533f03!important;
}
.wiki-content .alert-info .alert-link {
    color: #062c33!important;
}
.wiki-content .alert-light .alert-link {
    color: #686868!important;
}
.wiki-content .alert-dark .alert-link {
    color: #040505!important;
}


/* --- HEADER ------------------------------------------------------------------------------------------------------- */
#ht-headerbar {
  background-color: var(--purple-deep);
}
/*#ht-headerbar a {
  color: rgba(127, 81, 162,.8);
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}
#ht-headerbar a:hover, #ht-headerbar a:focus {
  color: var(--primary);
}*/
@media screen and (max-width: 1024px) {
  #ht-headerbar {
    border-bottom: 1px solid #cccccc;
  }
}
#ht-headerbar .ht-headerbar-right .ht-header-icon svg path {
  fill: rgba(127, 81, 162, .8);
}
#ht-headerbar .ht-headerbar-right .ht-header-icon:hover svg path, #ht-headerbar .ht-headerbar-right .ht-header-icon.active svg path {
  fill: var(--primary);
}

#ht-headerbar #ht-search .ht-search-input a.ht-search-clear {
  color: #cccccc;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}
#ht-headerbar #ht-search .ht-search-input a.ht-search-clear:hover {
  color: #bfbfbf;
}

/* --- SIDEBAR ------------------------------------------------------------------------------------------------------ */
#ht-sidebar {
/*  background-color: whitesmoke;*/
  background-color: #fff;
}
#ht-sidebar .ht-sidebar-header a {
  /* color: #205081; removed for accessibility*/
}
#ht-sidebar .ht-sidebar-header h2 a {
  /*color: #205081; removed for accessibility*/
}
#ht-sidebar .ht-scroll-versions-widget {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
#ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select label {
  color: #262626;
}
#ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select a.ht-select-button {
  color: #262626;
}
#ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select a.ht-select-button .ht-select-button-icon {
  fill: #262626;
}
#ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select a.ht-select-button:hover {
  background-color: #205081;
  color: white;
}
#ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select a.ht-select-button:hover label {
  color: white;
}
#ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select a.ht-select-button:hover .ht-select-button-icon {
  fill: white;
}
@media screen and (max-width: 1024px) {
  #ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select a.ht-select-button:hover {
    color: white;
  }
  #ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select a.ht-select-button:hover label {
    color: white;
  }
}
#ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select a.ht-select-button.active {
  background-color: #205081;
  color: white;
}
#ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select a.ht-select-button.active label, #ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select a.ht-select-button.active span {
  color: white;
}
#ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select a.ht-select-button.active .ht-select-button-icon {
  fill: white;
}
@media screen and (max-width: 1024px) {
  #ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select a.ht-select-button.active {
    color: white;
  }
  #ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select a.ht-select-button.active label {
    color: white;
  }
}
#ht-sidebar .ht-pages-nav ul li .sp-aui-icon-small {
  color: #f2f2f2;
}
#ht-sidebar .ht-pages-nav ul li .sp-aui-icon-small:hover {
  color: #f2f2f2;
}
@media screen and (max-width: 1024px) {
  #ht-sidebar .ht-pages-nav ul li .ht-pages-nav-toggle {
    border: 1px solid #cccccc;
  }
  #ht-sidebar .ht-pages-nav ul li .ht-pages-nav-toggle svg g {
    fill: #cccccc;
  }
}
#ht-sidebar .ht-pages-nav ul a {
  color: #4f4265;
}
#ht-sidebar .ht-pages-nav ul a.current {
/*  color: #262626;*/
}

#ht-sidebar .ht-dropdown, #ht-headerbar .ht-dropdown {
  background-color: white;
  border: 1px solid #cccccc;
}
@media screen and (max-width: 640px) {
  #ht-sidebar .ht-dropdown, #ht-headerbar .ht-dropdown {
    border-bottom: 1px solid #cccccc;
  }
}
#ht-sidebar .ht-dropdown li a, #ht-headerbar .ht-dropdown li a {
  background-color: white;
}
#ht-sidebar .ht-dropdown li a.hover, #ht-headerbar .ht-dropdown li a.hover {
  color: white;
  background-color: var(--primary);
}

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

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

nav.sidebar a.tile.active {
/*    background: #f0f0f0;*/
}

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

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

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

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

/*------Interactions------------------------------------------------------------------------------------------------------*/

.contentf-button {
	background: #efeff4;
    color: var(--primary);
}
.aui-button.aui-button-primary, .aui-button.aui-button-primary:visited,
.contentf-button.aui-button-primary {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}
.contentf-button.aui-button-subtle {
    color: #212529;
    background-color: #f8f9fa;
}


/*.btn:hover, .btn:focus,
.wiki-content .btn:hover, .wiki-content .btn:focus,*/
a.rwui_button:hover, a.rwui_button:focus,
.aui-button.aui-button-primary:hover, .aui-button.aui-button-primary:focus {
  background:#6a4488;
  
  color:#fff;
  text-decoration: none;
}

/* active tab highlight */
.aui-navgroup-horizontal .aui-nav>.aui-nav-selected a::after {
   background-color: var(--primary);
  
}


/* Lozenges */

.lozenge-stacked > div.lozenge-wrap {
  flex-direction:column;
}

div.lozenge-wrap {
  align-items: stretch;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  display:flex;
  height:unset;
  position:relative;
  overflow:hidden;
}
div.lozenge-wrap.clickable {
  cursor: default;
}

div.lozenge-left {
  background:none;
  border-radius: unset;
  display: flex;
    flex-direction: column;
    justify-content: center;
  width:unset;
  height:unset;
}
div.lozenge-left.green {
  background:#DFE4A6;
}
div.lozenge-left.purple {
  background:var(--primary);
}
div.lozenge-left.silver {
  background:#efeff4;  
}
div.lozenge-left, div.lozenge-right {
  background:none;
  border:none;
  max-height:unset;
  right: unset;
}
.lozenge-wrap {
  margin-bottom: 1rem;
}
div.lozenge-left .aui-iconfont-devtools-arrow-right {
  position:unset;
}

div.lozenge-left .aui-iconfont-devtools-arrow-right::before {
    color: #d8d8d8;
    text-shadow: unset;
    margin-top: unset;	
    right: 1rem;
    text-align: right;
    top: 1rem;
}
div.lozenge-right {
  padding: 1.25rem;
}

div.lozenge-wrap div.lozenge-left img {
  max-height: unset;
  min-width: 2rem;
}

.lozenge-heading {
    font-size: 1.25rem;
}