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

.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: #666666;
}

.gui a {
  color: #000000;
}

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

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

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

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

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

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

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

.gui-block-option {
  border-color: #d8d8d8;
  background-color: #f2f2f2;
}

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

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

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

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

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

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

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

.gui-table thead tr th {
  border-color: #8c8c8c;
  background-color: #f2f2f2;
}

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

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

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

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

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

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

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

.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 */
/* New CSS Theme Invision - Joost Vermeulen - 21/01/2019 - */
.404-page {
	margin-top:25px;
}
.product {
    max-height: 489px;
}
#logo img {
    vertical-align: bottom;
}
.404-page {
	margin-top:25px;
}
.#logo img {
    vertical-align: bottom;
}
.checkbox input[type="checkbox"] {
	margin-left:0px;
}
.x {
	position:inherit;
}
li.kleur{
  display: inline-block;
  padding-right: 7px;
}
.filter-values label:before {
	display: inline-block;
}
label.oranje:before{
  background-color: orange;
  content:"";	
}
label.blauw:before{
  background-color: blue;
  content:"";	
}
label.groen:before{
  background-color: green;
  content:"";	
}
label.lichtblauw:before{
  background-color: lightblue;
  content:"";	
}
label.rood:before{
  background-color: red;
  content:"";	
}
label.multi:before{
  background: linear-gradient(to bottom, red,orange,yellow,green,lightblue,indigo,violet);
  content:"";
}
label.zwart:before{
  background-color: black;
  content:"";	
}
label.wit:before{
  background-color: white;
  content:"";	
}
label.wit-beige:before{
  background-color: beige;
	content:"";	
}
label.zilver:before{
  background-color: silver;
  content:"";	  
}
label.lichtgrijs:before{
  background-color: #ccc;
  content:"";	
}
label.grijs:before{
  background-color: #999;
  content:"";	
}
label.paars:before{
  background-color: purple;
  content:"";	
}
label.roze:before{
  background-color: pink;
  content:"";
}
label.bruin:before{
  background-color: #9d4e16;
  content:"";
  display: inline-block;	
}
label.koper:before{
  background:#b87333;
  content:"";
  display: inline-block;	
}
.ui.checkbox.color-filter input[type=checkbox] {
	opacity:0;
}
.color-filter {
    margin-left: -22px;
}
/*label.nikkel:before{
	background:#BDBAAE;
  content:"";	
}*/
label.goud:before{
	background:gold;
	content:"";
}
label.zwart.wit:before{
	background: linear-gradient(to bottom, black,white);
  content:"";	
}
label.blauw-turquoise:before{
	background: linear-gradient(to bottom, blue,turquoise);
  content:"";	
}
label.goud-koper-geel:before{
	background: linear-gradient(to bottom, gold,#b87333,yellow);
  content:"";	
}
label.transparant:before {
	content:"";
}
.ui.checkbox .box:before, .ui.checkbox label:before {
	width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #ddd;
  text-align: center;
  margin-right:5px;
}
.ui.checkbox input:checked~.box:before, .ui.checkbox input:checked~label:before {
    border-color: #ff5400;
}

.ui.checkbox .box:hover::before, .ui.checkbox label:hover::before {
  border-color: #ff5400;
}

.ui.checkbox input:checked~.box:after, .ui.checkbox input:checked~label:after {
	content: '';
}

.ui.checkbox .box:after, .ui.checkbox label:after {
	top: 4px;
  left: 4px;
}

.ui.checkbox .box, .ui.checkbox label {
	font-size: 16px;
  cursor: pointer;
}


/*Sander Breggeman Lightspeed 21-01-2019 Winkelwagen sticky bij product en winkelwagen icoontje categorie overzicht kleur*/
.quick-order a.quick-cart{
	background: #ff4c0b !important;
}
.addtocart-sticky a.quick-cart{
	background: #ff4c0b !important;
}
#navbar a{
	text-transform: inherit !important;
}

body a{
	text-transform: inherit !important;
}
/*Sander Breggeman Lightspeed END*/

#home-wrapper .home-blog .article .article-info .article-title:hover {
  text-decoration: underline;
}

.fixed-content #alert-bar {
  background: #8A6D23;
  padding: 15px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 45px;
  text-align: center;
  margin-top: -10px;
}

.gui-blog-article img {
  max-width: 100%;
}

#collection .custom-pager > ul {
  display: flex;
}

.gui a.gui-button-large, .gui a.gui-button-small, .gui a.gui-button-large.gui-button-action[title="Bestellen"], .gui-checkout .gui-form a.gui-button-action[title="Kopen"] {
  border-color: #fff;
  color: #fff;
  background: #0cbd43;
}

.home-blog .blog-header {
  margin-bottom: 15px;
  font-size: 25px;
  font-weight: bold;
  height: 35px;
  overflow: hidden;
} 

#header .main-menu ul li ul.blog-dropdown {
	left: auto;
  right: 0;
  margin-right: 0;
}

#collection .filter-values label.zwart.wit:before {
  background: linear-gradient(to bottom, black 0%, black 33%, white 66%, white 100%);
  top: 0px;
  border: 2px solid #bbb;
}

#productpage .product-usps .usp{
  min-height: 150px;
}

#page-404{
  margin-bottom: 75px;
}

#page-404 ul{
  padding-left: 20px;
}

#page-404 a{
  color: #0cbd43;
}

#home-wrapper .headline .headline-content{
  display: inline-block;
  width: unset;
}

.collection-head{
  position: relative;
}

.collection-head .align{
  min-height: unset;
}

.collection-head .image{
  min-height: 360px;
  height: 100%;
}

.collection-head .collection-overlay{
   position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0);
  padding: 20px;
  text-align: center;
  z-index: 1;
}

.collection-head .title{
   color: #fff;
  text-shadow: 2px 2px #0000008c;
}

a.more-info{
  color: #0cbd43;
  cursor: pointer;
}

.gui-blog-social-facebook{
  display: inline-block;
}
.gui-blog-social-facebook iframe{
  width: 100%!important;
}

#cart-page-popup{
  display: none;
  max-width: 650px;
  padding: 0;
  cursor: default;
}

#cart-page-popup .inner{
  display: table;
  width: 100%;
}

#cart-page-popup .fancybox-close-small{
  position: absolute;
  height: 32px;
  width: 32px;
  right: 0;
  top: 0;
  text-align: center;
  line-height: 32px;
  font-size: 18px;
  background-color: #ec1e24;
  color: #fff;
  padding: unset;
}

#cart-page-popup .align-middle{
  display: table-cell;
  vertical-align: middle;
}

#cart-page-popup .image{
  width: 100%;
}

#cart-page-popup .image img{
  max-width: 100%;
  position: relative;
}

#cart-page-popup .content{
  width: 60%;
}

#cart-page-popup .content .title{
  font-family: 'AvenirLTStd-Black', sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 32px;
  line-height: 36px;
  padding: 0 40px;
}

#cart-page-popup .content p{
  font-size: 16px;
  margin: 0;
}

#cart-page-popup .add-outer {
	display: table;
  width: 100%;
  padding: 0 40px;
}

#cart-page-popup .add-outer span {
	display: table-cell;
  vertical-align: middle;
}

#cart-page-popup .add-outer span a.btn {
	padding: 0px 25px;
  background: #22b62c;
  color: #fff;
}

#cart-page-popup .add-outer span.add-cart {
	width: 50px;
}

#cart-page-popup .add-outer span.text {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

#cart-page-popup .add-outer span.text p {
  font-size: 30px;
  font-family: 'AvenirLTStd-Black', sans-serif;
  margin-bottom: -3px;
}

@media (max-width: 1199px) {
 .custom-pager ul li.number, .custom-pager ul li:nth-child(2) {
   margin: 0;
  }
}

@media (max-width: 767px){
  #cart-page-popup .align-middle{
  	display: block;
    width: 100%;
  	vertical-align: unset;
	}
  
  #cart-page-popup .image img {
    position: relative;
}
  
  #cart-page-popup .add-outer span.text p {
  	font-size: 20px;
  }
  
  #cart-page-popup .image{
    margin: 40px 0;
  }
  
  #cart-page-popup .content .title {
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0px;
    margin-bottom: 0px;
    padding: 0px 25px;
  }
  
  #cart-page-popup .add-outer {
    padding: 0 25px;
  }
  
  #cart-page-popup .inner {
  	padding: 25px 0px;
  }
  .collection-head .collection-overlay{
    position: unset;
    width: 100%;
    height: 100%;
    background-color: unset;
    padding: 0;
    text-align: center;
    z-index: unset;
  }
  .collection-head .title{
    color: #000;
    text-shadow: unset;
  }
}

.gui-blog .gui-block-article-image img{
  max-width: 100%;
}