﻿.sidebar {
  background-color: #f3f3f3;
  display: none;
}
body.type-category .sidebar {
  display: block;
}
.sidebar .banner {
  margin: 0px -20px 0px -20px;
}
.in-index .sidebar {
  margin-top: 20px;
}
.sidebar-inner {
  padding-top: 0px;
}
.sidebar-inner>div.box-categories {
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: 0px;
}

.box-categories h4 {
  display: none;
  color: #68ae22;
  border-top: 0px solid black;
  margin: -2px -20px 0px -20px !important;
  padding: 14px 20px 14px 20px;
  font-size: 140%;
}
.box-bg-variant .categories a {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 10px;
    padding-left: 20px;
    background: #68ae22;
    margin-bottom: 2px;
    color: white;
    font-weight: 700;
    font-size: 130%;
}
.box-bg-variant .categories ul a {
    padding-top: 7px;
    padding-bottom: 6px;
    padding-right: 10px;
    padding-left: 40px;
    background: #f2f2f2;
    margin-bottom: 2px;
    color: black;
    font-weight: 400;
    font-size: 110%;
}
.box-bg-variant .categories ul > li > ul > li > a {
    padding-left: 60px;
}
.box-bg-variant .categories ul > li > ul > li > ul > li > a {
    padding-left: 80px;
}
.box-bg-variant .categories ul > li > ul > li > ul > li > ul > li > a {
    padding-left: 100px;
}
#categories .expandable > a > span::before, #categories .expandable>.topic>a>span::before, #categories .expandable.external>.topic>a>span::before, #categories .expandable.external > a > span::before {
  content: '\276D';
  font-family: sans-serif;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#categories .expandable > a > span, #categories .expandable>.topic>a>span {
  top: 14px;
  left: auto;
  right: 15px;
}
#categories ul .expandable .cat-trigger {
    left: auto;
    top: 8px;
}
#categories ul ul .expandable .cat-trigger {
    left: auto;
}
#categories .expandable > a > span, #categories .expandable>.topic>a>span {
  font-size: 24px;
}
#categories .expandable > a > span, #categories .expandable>.topic.active>a>span,
#categories .expandable > a > span, #categories .expandable>.topic.child-active>a>span {
  left: auto;
  right: 15px;
}
#categories .expandable.active.expanded>a>span {
    color: #68ae22;
}
#categories .expandable.expanded > a > span::before, #categories .expandable.expanded>.topic>a>span::before {
  content: '\276D';
  font-family: sans-serif;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.categories .topic.active>a, .categories .topic.child-active>a {
  color: #fff;
  background-color: black;
}
.categories .topic.active>a:hover, .categories .topic.child-active>a:hover {
  background: black;
  color: white;
}
.box-bg-variant .categories a:hover {
    background: #373737;
    color: white;
}

.categories ul li.expanded>a {
  font-weight: 400;
  color: black;
}
.categories ul li.active>a {
  font-weight: 700;
  color: black;
}

#categories .expandable > a:hover > span, #categories .expandable>.topic>a:hover>span {
  color: white;
}
#categories .expandable>.topic>a>span {
    color: white;
}
#categories ul ul ul .expandable .cat-trigger {
    left: auto;
}

.sidebar-inner>div.filters-wrapper {
  background: #d9d9d9;
  margin: 0px -20px 0px -20px !important;
  padding: 20px !important;
}
.sidebar-inner>div.filters-wrapper .filter-sections {
  background-color: transparent;
}
.sidebar-inner>div.filters-wrapper input[type="checkbox"]+label::before, .sidebar-inner>div.filters-wrapper input[type="radio"]+label::before {
  border-color: white;
}
.sidebar-inner>div.filters-wrapper .filter-total-count {
  color: black;
}

.sidebar-inner>div.box.client-center-box a {
    color: black;
}
.sidebar-inner>div.box.client-center-box a.btn {
    color: white;
}
.sidebar-inner>div.box.client-center-box li.active a {
    font-weight: 700;
}


@media screen and (max-width: 767px) {
  .sidebar-inner>div.box.client-center-box {
      margin-top: 30px;
  }
}