

.accordion {
	margin-bottom: 0;
}



.more-filters .accordion-title {
	font-family: 'Roboto', sans-serif !important;
	font-size: 16px;
	font-weight: 700 !important;
	padding-top:12px;
	padding-bottom:12px;
}
.more-filters is-active .accordion-title {
	color: #f49929;
}

.more-filters .accordion .accordion-content {
	padding-bottom: 1rem;
}

/* Filters */

.filter-column {


}
.filter-column-wide {
	float: left;
	width: 100%;
}
.more-filters .accordion {
	margin-left: 0;
}
.more-filters .accordion .content {
	padding-bottom: 1em;
}


.checkbox-wrap {
	display: block;
	padding: 0px;
	line-height: 1.5;
}
.checkbox-wrap label{
	margin:0;
	font-weight: 400;
	color: #31414c;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 4px 0;

}
.checkbox-wrap label:hover {
	color: #f49929;
}

/* Base for label styling */
.checkbox-wrap [type="checkbox"] {
  position: absolute;
  left: -9999px;
  outline: 0;
}
.checkbox-wrap [type="checkbox"] + label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  margin-left: 0.0rem;
  font-size: 13px;
}
.filter-column-wide .checkbox-wrap [type="checkbox"] + label {
	font-size: 13px;	
}
.checkbox-wrap [type="checkbox"]:checked + label {
	font-weight: 700 !important;
	
}

/* checkbox aspect */
.checkbox-wrap [type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left:0px; top: 2px;
  width: 18px; height: 18px;
  border: 1px solid rgba(201, 204, 204, 0.5) !important;
  background: #fff;
  border-radius: 0px;
  outline: 0;
  box-shadow: inset 0 0px 0px rgba(0,0,0,.3);
  transition: box-shadow .2s, border-color .2s, background-color .2s;
}

/* checked mark aspect */
.checkbox-wrap [type="checkbox"] + label:after {
  font-family: FontAwesome;
  content: '\f00c';
  position: absolute;
  top: 5px; left: 3px;
  font-size: 11px;
  color: #f49929;
  transition: opacity .2s, transform .2s, color .2s;
}


/* checked mark aspect changes */
.checkbox-wrap [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.checkbox-wrap [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
  
}
/* disabled checkbox */
.checkbox-wrap [type="checkbox"]:disabled + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #74b73e;
}
.checkbox-wrap [type="checkbox"]:disabled:checked + label:after {
  color: #31414c;

}
.checkbox-wrap [type="checkbox"]:disabled + label {
  color: #ababab;
}

/* hover style just for information */
.checkbox-wrap [type="checkbox"] label:before:hover {
	display: block;
  border-color: rgba(175, 184, 186, 1) !important;
}


/* --- Colours --- */

#colour [class*="block-grid-"] > li {
	padding-bottom: 0;
}

#colour .checkbox-wrap [type="checkbox"] + label:before {
	border: 0px solid #000;
	width: 24px; height: 24px;
}
/* hover style just for information */
.checkbox-wrap label:hover:before {
  border: 0;
}
#colour .checkbox-wrap [type="checkbox"] + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
}

label[for="kleur-antraciet"]:before {
	background: #666666 !important;
}
label[for="kleur-aqua-blauw"]:before {
	background: #03A4BA !important;
}

label[for="kleur-beige"]:before {
	background: #AA8D75 !important;
}
label[for="kleur-blauw"]:before {
	background: #3F5476 !important;
}
label[for="kleur-bordeaux"]:before {
	background: #9c1e1e !important;
}
label[for="kleur-bruin"]:before {
	background: #6a4a30 !important;
}
label[for="kleur-cognac"]:before {
	background: #CA811B !important;
}
label[for="kleur-fuchsia"]:before {
	background: #D90770 !important;
}
label[for="kleur-geel"]:before {
	background: #F2F02C !important;
}
label[for="kleur-grijs"]:before {
	background: #8e8e8e !important;
}
label[for="kleur-grijs-blauw"]:before {
	background: #6b7b99 !important;
}
label[for="kleur-groen"]:before {
	background: #00A32E !important;
}
label[for="kleur-khaki"]:before {
	background: #AA8D75 !important;
}
label[for="kleur-kit"]:before {
	background: #d5c8bd !important;
}
/* multi-color */
label[for="kleur-multi-color"]:before {
	background: url("../images/multicolor.svg") !important;
}
label[for="kleur-navy"]:before {
	background: #1D2736 !important;
}
label[for="kleur-oranje"]:before {
	background: #E16504 !important;
}
label[for="kleur-paar"]:before, label[for="kleur-paars"]:before {
	background: #5A032E !important;
}
label[for="kleur-rood"]:before {
	background: #f01414 !important;
}
label[for="kleur-roze"]:before {
	background: #DF4A95 !important;
}
label[for="kleur-turquoise"]:before {
	background: #0fdcd6 !important;
}
label[for="kleur-violet"]:before {
	background: #A60656 !important;
}
label[for="kleur-wit"]:before {
	background: #f8f8f8 !important;
}
label[for="kleur-zwart"]:before {
	background: #0b0b0b !important;
}

#colour .checkbox-wrap label{
	color: #31414c;
	font-size: 13px;
	padding-top: 2px;
}

#colour .checkbox-wrap [type="checkbox"] + label:after {
	top: 4px; left: 7px;
	font-size: 13px;
	color: #fff !important;
}
