/* 20240604093613 - 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: #8d8d8d;
}

.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: #ededed;
  background-color: #f9f9f9;
}

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

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

.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 */
.gui-payment-method-service .gui-payment-method-icon { max-width: 52px !important; } /* Fix bug in EN checkout with creditcard img */

@media only screen and (max-width: 47.5em) {
  #logo img.inv {width:100%;height:auto;}
}
@media only screen and (min-width: 1580px) {
  #top { margin-left: -778px; width: calc(1376px + 180px); }
}
@media only screen and (min-width: 62.5em) {
/* 	.center #nav > ul:first-child { justify-content: flex-start; overflow-x: scroll; } */
  #nav > ul:first-child > li { margin-right: 25px; }
  #nav > ul > li > a { white-space: nowrap; }
  
  
  #product_configure_form.scroll { overflow-y: scroll; overflow-x: hidden; padding-right: 10px; scrollbar-width: thin; }
  /* Scrollbar */
  /* width */
  #product_configure_form.scroll::-webkit-scrollbar { width: 5px; }
  /* Track */
  #product_configure_form.scroll::-webkit-scrollbar-track { border-radius: 10px; }
  /* Handle */
  #product_configure_form.scroll::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.2); border-radius: 5px; }
  /* Handle on hover */
  #product_configure_form.scroll::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.4); }
}
@media only screen and (max-width: 87.5em) {
  #nav > ul:first-child > li { font-size: 1.4em; margin-right: 17px; }
}

.module-product > div.scroll { overflow-y: scroll; }
/* width */
.module-product > div.scroll::-webkit-scrollbar { width: 5px; }
/* Track */
.module-product > div.scroll::-webkit-scrollbar-track { border-radius: 10px; }
/* Handle */
.module-product > div.scroll::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.2); border-radius: 5px; }
/* Handle on hover */
.module-product > div.scroll::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.4); }
.form-product .product-configure-custom { margin-bottom: 35px; }
.form-product .product-configure-custom .product-configure-custom-option:not(.hidden) { position: relative; text-align: left; }
.form-product .product-configure-custom .countdowncharacters { bottom: 11px; color: #dadada; font-size: 12px; position: absolute; right: 12px; z-index: 9999; }

/* Custom color select */
#product_configure_form .product-configure-custom-option.customColors select { display: none; }
#product_configure_form .product-configure-custom-option.customColors .custom-colors { display: flex; flex-wrap: wrap; }
#product_configure_form .product-configure-custom-option.customColors .custom-colors > div { align-items: center; cursor: pointer; display: flex; font-size: 15px; margin-bottom: 10px; padding-right: 10px; width: calc(100% / 2); }
#product_configure_form .product-configure-custom-option.customColors .custom-colors > div span { border-radius: 50%; content: ''; display: table; height: 40px; margin-right: 10px; min-width: 40px; position: relative; width: 40px; }
#product_configure_form .product-configure-custom-option.customColors .custom-colors > div span::before { border-radius: 50%; border: 1px solid #fff; content: ""; height: 90%; left: 50%; opacity: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 90%; }
#product_configure_form .product-configure-custom-option.customColors .custom-colors > div span.icon { background-position: center; background-repeat: no-repeat; background-size: contain; }
#product_configure_form .product-configure-custom-option.customColors .custom-colors > div span.icon::before { border-color: #000; }
#product_configure_form .product-configure-custom-option.customColors .custom-colors > div.selected span::before { opacity: 1; }
@media only screen and (max-width: 47.5em) {
  #product_configure_form .product-configure-custom-option.customColors .custom-colors > div span { height: 30px; min-width: 30px; width: 30px; }
}
/* END Custom color select */
@media only screen and (min-width: 1000px) {
.list-collection h3 {font-size:15px;}
}
@media only screen and (max-width: 1000px) {
.form-newsletter h2 {font-size: 28px;}
}
.module-welcome:before {background:#eae0d4;}

#footer p img, #footer .list-social img {
    margin: 0px auto 25px!important;
}

/* 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: #000000 !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: 767px){
.wsa-demobar{
display: none !important;
}
body {
margin-top: 0px!important;
}
}
