/* 20260520152606 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #0a8de9;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0a8de9;
  box-shadow: 0 0 2px #0a8de9;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #000000;
}

/* custom */
#filter_form .sb-filters-outer {
  margin-top: 20px;
}
#filter_form .sb-cats.sb-block {
  position: relative;
}

#filter_form .sb-cats ul {
	list-style: none;
  margin: 0;
  padding: 0;
}

#filter_form .sb-cats ul > li.active > a {
	font-weight: bold;
  color: #9bba67;
}

#filter_form .sb-cats ul > li > ul.subs {
	display: none;
}

#filter_form .sb-cats ul > li.main > a{
	font-weight: 600;
}

#filter_form .sb-cats ul > li.active > ul.subs {
	display: block;
}

#filter_form .sb-cats > ul > li > ul.subs {
	padding-left: 20px;
  margin: 10px 10px 0 10px;
  border-left: 1px solid #D4D4D5;
}

#filter_form .sb-cats > ul > li > ul.subs .subsubs {
  padding-left: 10px;
  margin: 10px 10px 0 10px;
  border-left: 1px solid #D4D4D5;
  font-size: 12px;
  display: none;
}

#filter_form .sb-cats > ul > li > ul.subs li {
  position: relative;
	margin-bottom: 7px;
}

#filter_form .sb-cats > ul > li > ul.subs li:last-child {
	margin-bottom: 0;
}

#filter_form .sb-cats > ul > li > ul.subs li .count {
	color: #919191;
}

#filter_form .sb-filters .filter-items {
	margin: -8px 0;
}

#filter_form .sb-cats ul li .more-cats{
  position: absolute;
  right: 20px;
  top: 0;
  color: #ccc;
  font-size: 1.2em;
  width: 30px;
  text-align: center;
}

#filter_form .sb-cats > ul > li > ul.subs,
#filter_form .sb-cats > ul > li > ul.subs .subsubs.active{
  display: block;
}

#filter_form .sb-cats ul li.active > .more-cats i {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #9bba67;
}

#filter_form .sb-cats ul li .more-cats i {
  color: #ccc;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

@media (max-width: 991px) {
  #filter_form .sb-cats ul li .more-cats{
    right: 0;
  }
  #filter_form .sb-cats > ul > li > ul.subs {
	padding-left: 10px;
  }
}
/* Dit zijn opmerkingen. Deze kun je in je CSS-code laten staan. Ze zijn er om te helpen elk gedeelte uit te leggen. */

/* Dit deel van de CSS-code zorgt ervoor dat de link naar de backoffice en de sluitknop verborgen zijn. */
.wsa-demobar a, .wsa-demobar a.close {
display: none !important;
}

/* Dit deel van de CSS-code zorgt ervoor dat de USP-bar niet meer zichtbaar is als je scrolt zoals bij de originele demobar. */
.wsa-demobar{
position: absolute !important;

/* Dit deel van de CSS-code reguleert de achtergrond- en voorgrondkleur van de USP-bar. Zoek online naar elke kleur in 'hex' en vervang het onderstaande nummer. #000000 is zwart, #ffffff is wit. */
background-color: #CD513D !important;
color: #ffffff !important; }

/* Dit deel van de CSS-code zorgt ervoor dat de USP-bar verborgen is voor mobiele bezoekers. Als een scherm kleiner is dan 767 pixels breed zullen de USP‘s niet goed passen. */
@media screen and (max-width: 200px){
.wsa-demobar{
display: none !important;
}
body {
margin-top: 0px!important;
}
}