/* 20251210145257 - 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: #8da56c;
}

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

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

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

/* custom */
/* Gratis verzenden label op product page lager */
.price-a span.shipping {top: -3px;}

/* Kleur aanpassen voor ingelogde gebruikers */
#root #nav > ul > li.logged .strong {color:white;}

/* Submenu Head seperation */
.nav-main>ul>li>ul li ul li:first-child a {border-bottom: 1px solid #ededed;}

/* Coronavirus balk */
.notify-active #notify {font-weight: 800 !important;text-transform:uppercase !important;}
@media screen and (max-width: 413px) {
.notify-active #notify {font-size: 10px !important;}
}

/* Remove left border from tuin toppers etc on homepage */
div.cols-a.d.inv > div > .list-collection > li:first-child, article.products-container > ul > li:first-child, div.product-info > article > ul > li:first-child { border-left: 0; }

/* Better seperation of products by border */
.list-collection li {border-left: 1px solid rgb(235, 235, 235); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(235, 235, 235) !important;}

/* New mouse over effect for products */
@media screen and (min-width: 413px) {
	.list-collection li:before {box-shadow:0px 0px 30px 2px rgba(0, 0, 0, 0.11) !important;}
}
/* Seperation border for related products removed */
.desktop-only .list-collection li {border-left:0px; !important;}

/* Add play icon to media button */
@media screen and (min-width: 760px) {.open-media.fancy-video {position: relative;padding-left: 18px; } a.open-media.fancy-video::before {content: "";background-image: url(https://cdn.webshopapp.com/shops/276700/files/373560030/play-button-oranje.png);position: absolute;top: 0px;left: 0px;background-size: 16px 16px;width: 100%;height: 100%;background-repeat: no-repeat;}}

/* Product specifications */
.list-info li>span:first-child {color:#121212;font-weight:700;}
@media screen and (min-width: 760px) {.list-info li {color: #6c6c7c;padding: 13px 0 13px 330px;}}

/* Product reviews shadow bot */
.mobile .module-reviews ul.scrolled, .webkit .module-reviews ul.scrolled {box-shadow: inset 0px 0px 8px -8px #d0d0d0, inset 0 -8px 8px -8px #dedede;}
.module-reviews {margin: 38px 0; padding: 30px 28px 18px;}
.module-reviews ul {margin: 0px -29px 30px -29px;}
.module-reviews li {margin: 0 29px 19px;}
.module-reviews p.link-btn {margin-bottom: 12px;}

/* Checkout design fixes for clearer view */
.gui-checkout-one-step .gui-block {
  	background-color: #fafafa;
    border: 1px solid #e0e0e0 !important;
    padding: 20px;
    border-radius: 5px;
}
.gui-checkout-one-step .order-summary tr>*:last-child {
  padding-right:0 !important;
}
.gui-checkout-one-step .gui-field td {
  padding-right:0 !important;
}
.gui-checkout-one-step .gui-cart-sum .gui-item .gui-desc {
  width:133px;
}
@media screen and (min-width: 768px) {
  #gui-block-billing-address > div.gui-block-subcontent > div:nth-child(3) > div.gui-col2-equal-col1 {
    width:100% !important;
  }
}

/* Make brand pop out on product page and styling All in current category */
.list-product-rating .mobile-hide a {color:#012F2C;font-weight:600;}
#content > header > ul > li.mobile-hide.categorie-product-inline a {font-weight:600 !important;border-left:1px solid #ddd;padding-left:20px; }
.verticale-lijn {border-left:1px solid #ddd;padding-left:20px;}
#content > header > ul > li.data-product.fake-data-product.desktop-only {border-left:1px solid #ddd;padding-left:20px;}
#content > header > ul > li:nth-child(2) > span.rating-a > a {color:#045346;font-weight:600;}
#content > header > ul > li.mobile-hide.categorie-product-inline > a > span {text-decoration: none;text-transform:lowercase;}
#content > nav.mobile-only > ul > li > a > span {text-transform:lowercase;}

/* Checkout multi step changes for better UX */
@media screen and (min-width: 415px) {
.gui-checkout-details, .gui-checkout-shipment, .gui-checkout-shipping {width: 50%;margin-left:25% !important;} 
}
@media screen and (min-width: 550px) {
  .gui-checkout-payment {width: 50%; margin-left:25% !important;}
}

.gui-checkout-details, .gui-checkout-shipping  {background-color: #fafafa; border: 1px solid #e0e0e0 !important; padding: 20px; border-radius: 5px;}
.gui-checkout-shipment .gui-select, .gui-checkout-shipping .gui-select {background-color: #ffffff !important;}

/* Somehow the title was not showing at the first step */
.gui-checkout-details .gui-block-title {display: block !important;}