/* 20260204182039 - 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: #666666;
}

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

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

.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: #ffffff;
  color: #ffffff;
  background-color: #54afe9;
}

.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: #438cba;
  border-color: #cccccc;
}

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

/* custom */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

body {
  font-size: 15px;
  font-family: 'Bricolage Grotesque', sans-serif;
}


p {
    line-height: 1.5em;
}

.product-block-holder.boxed-border{
  border: 0px;
}

.banners-home .banner-content{
  text-align: left;
  padding: 45px;
}

.button{
  color: #000000;
  padding-left: 40px;
  padding-right: 40px;
}

.button-txt{
  color: #0072B9;
}

.highlight-bg{
  background: #EC6208;
}

.button-cta {
  background: #EC6208;
}

.blog-block.full-width .summary{
  border: 0px;
  padding: 0px;
  padding-top: 15px;
}

.product-block-price{
  color: #0072b9;
}

.headerscrolled #header-content {
  height: 80px!important;
  padding-left: 0px!important;
}

.header-left, .header-right {
  flex: 1!important;
  max-width: 300px;
}

.header-center {
  text-align: center;
}

.header-center .logo {
  height: 40px;
}

#header-holder {
border-bottom: 1px solid #dddddd;
}

.usps-header .swiper-slide {
    text-align: left;
    justify-content: start;
}

.quick-order {
	float: left;
}

.product-block-holder img, .product-list-holder img {
  position: relative;
  z-index: 1;
  padding: 5%;
}

.product-block-holder .product-block-image a::after {
  background: #4E4E4E;
  opacity: 0.05;
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 0px;;
  width: 100%;
  height: 100%;
}

#mobilesearch {
    margin-left: 40px;
}

.header-center .logo {
    height: 35px;
}

.quick-order .button {
  color: #fff;
  background: #ec6208;
  margin-left: 0px;
}

.button:hover {
  color: #000;
   filter: brightness(95%);
}

.quick-order .button:hover {
  background: #ec6208!important;
  color: #fff!important;
  filter: brightness(95%);
}

.product-block .brand, .product-list-mini .brand {
  letter-spacing: 0px!important;
  font-size: 14px!important;
  opacity: 1!important;
  text-transform: none!important;
  height: 1.4rem;
  overflow: hidden;
}

.product-block .product-label, .product-label {
  z-index: 5;
}

.product-block-holder .product-block-stock {
	z-index: 1;
  font-size: 11px;
  bottom: 25px;
}

.product-block-stock>div {
  padding: 5px 10px;
}

.b2b-block {
  background: #F0F0F0;
  border-radius: 10px; 
  padding: 50px;
}

.b2b-block .info i {
	padding-right: 10px;
}


.b2b-block .contact i {
	margin-right: 10px;
}

.b2b-block .quick-to li {
  margin: 5px 0px;
}

.b2b-block .quick-to li a {
  text-decoration: underline;
}

.b2b-block .quick-to li a i {
  margin-left: 10px;
}

.blog-block .img-holder a {
  position: relative;
}

.blog-block .img-holder .blog-label {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 5px 25px;
  background: #FEED00;
  text-transform: capitalize;
  font-size: 16px;
  transform: translateY(50%);
  color: #000;
}

.blog-block .img-holder a:hover .blog-label {
    color: #000;
}

.blog-block.full-width .summary {
  padding-top: 30px;
}

.button-txt {
  text-transform: none!important;
  letter-spacing: 0px!important;
}


.product-block-holder .product-block .text-wrap {
  position: relative;
}

.product-block-holder .product-block .text-wrap .text-label {
background: #FEED00;
    border-radius: 0px!important;
    text-transform: capitalize!important;
    top: -15px;
    transform: translateY(-50%);
    left: 0px;
    z-index: 3;
    color: #000;
}

.productpage-right .text-label{
		background: #FEED00;
    border-radius: 0px!important;
    text-transform: capitalize!important;
    top: 0px;
    left: 0px;
    z-index: 3;
    color: #000;
  	position: relative;
  	width: fit-content;
  margin-bottom: 15px;
}

.wishlist-button {
  	margin-top: 5px;	
}

.wishlist-button i {
  margin-right: 5px;	
}

.wishlist-button i::before {
    font-weight: 700!important;
}

.wishlist-button span {
  text-decoration: underline
}

.stock .in-stock, .product-block-stock .in-stock, i.check, .in-stock {
  color: #0072b9;
}

.productpage .offer-holder {
  position: relative;
  padding: 0px; 
  Background: none;
}

.productpage .product-image {
      margin: 50px;
}

.legacy-content tr {
    height: 100%!important;
    width: 100%!important;
  	padding-bottom: 40px;
    display: flex;
    flex-direction: column;
}

.legacy-content tr td {
		height: 100%!important;
    width: 100%!important;
    display: block;
}

.product-image-holder {
  position: relative;
  z-index: 1;
  padding: 5%;
}

.productpage .product-info .legacy-content table > tbody > tr td:nth-child(1) > p {
  font-weight: bold;
  font-size: 16px;
}

.gui-checkout-steps .gui-block-option {
    border-color: #f0f0f0;
    background-color: #f0f0f0!important;
}

.gui a.gui-button-large.gui-button-action, .gui a.gui-button-small.gui-button-action {
  padding: 7px 45px;
}

.newsletter .submit {
	color: #000!important;
}

@media (max-width: 991px) {
	.b2b-block {
    padding: 25px;
    margin: 25px;
  }
  .b2b-block .col-md-6 {
    padding: 25px 15px;
  }
body {
  padding-top: 120px;
}
  .filter-toggle.mobile {
    z-index: 10;
  }
}

@media (min-width: 991px) {
  .banners-home .banners-home-block.amount-2 {
    width: calc(50% - 10px)!important;
  }
  .boxed .banners-home-block.amount-2:nth-child(2) {
    margin-right: 0px;
    margin-left: 0px;
  }
  .banners-home-block.small {
  	height: 400px;
  }
body {
  padding-top: 170px;
}
  .b2b-block .quick-to {
  columns: 2 auto;
}
  .product-image-holder::after {
  background: #4E4E4E;
  opacity: 0.05;
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 0px;;
  width: 100%;
  height: 100%;
}
  .legacy-content table {
    width: 100%!important;
    height: auto;
  }
}

.newsletter input[type=email] {
    width: 77.5%;
}

.button.ebook {
  color: #fff;
  transition: 0.3s
  font-size: 16px;
  font-weight: 700;
  width: 100%;
  text-align: center;
}

.productpage-usps i {
  top: 0;
  margin-top: 0px;
}

.main-navigation {
  border-bottom: 0;
  box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}
/* === Navigatie kleur: blauw -> oranje === */
.main-navigation a,
.main-navigation a span {
  color: #EC6208 !important;
}

/* Hover & actieve pagina */
.main-navigation a:hover,
.main-navigation .active > a,
.main-navigation .is-active > a,
.main-navigation a:hover span {
  color: EC6#208 !important;
}
/* Remove line above nav */
#header-holder{
  border-bottom: 0 !important;
}

.main-navigation{
  box-shadow: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* Fix hover color typo */
.main-navigation a:hover,
.main-navigation .active > a,
.main-navigation .is-active > a,
.main-navigation a:hover span {
  color: #EC6208 !important;
}
html, body {
  font-family: "Bricolage Grotesque", sans-serif !important;
}

/* Vaak nodig: headings / navigatie / knoppen */
h1, h2, h3, h4, h5, h6,
.main-navigation, .main-navigation a,
button, input, textarea, select,
.button, .button * {
  font-family: "Bricolage Grotesque", sans-serif !important;
}

/* Fix: cart icon missing in orange add-to-cart buttons */
.product-block-holder .button::before,
.product-block-holder .button i,
.product-list-holder .button::before,
.product-list-holder .button i {
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "FontAwesome", "IcoMoon" !important;
  font-weight: 900 !important; /* FA solid needs this */
}
.page-title,
.collection-title,
.category-title,
h1 {
  margin-bottom: 14px;
}
.newsletter,
.section-newsletter {
  background-color: #e6e6e6;
}
/* BIS logo groter maken */
.header-center .logo {
  height: 44px !important; /* probeer 60-90px */
}

.header-center .logo img {
  max-height: 44px !important;
  width: auto !important;
}

/* Alleen lijn boven navigatie weg */
#navbar.borders {
  border-top: 0 !important;
}
h1, h2, h3, h4, h5, h6,
.main-navigation, .main-navigation a,
button, input, textarea, select,
.button, .button * {
  font-family: "Bricolage Grotesque", sans-serif !important;
}
.header-center .logo {
  margin-top: 18px;
}
/* Footer logo kleiner + netjes */
.footer img,
#footer img {
  max-width: 130px !important;  /* probeer 120–220px */
  height: auto !important;
}
.footer .payment-icons-holder {
  display: none !important;
}
@media (max-width: 991px) {

  /* Auteur/brand verbergen op alle product grids */
  .product-block-holder .brand,
  .product-list-mini .brand {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
  }

  /* Extra ruimte boven titel weghalen */
  .product-block-holder .text-wrap {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* Titel direct tegen bovenkant zetten */
  .product-block-holder h4.with-brand,
  .product-block-holder .title {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Mobiel: logo NIET omlaag duwen */
  .header-center .logo {
    margin-top: 0 !important;
    transform: none !important;
  }
}

/* Desktop: menu groter */
@media (min-width: 992px) {
  #navbar nav > ul > li > a {
    font-size: 17px !important;
    line-height: 50px !important;
  }
}
