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

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

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #702276;
}

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

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

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

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

/* custom */
/* Trustpilot widget */
#___ratingbadge_0 { display:none!important; }

.modal { z-index: 10500000000; }
.gui-input-phone-number .gui-form-details-phone-number-code {
    width: 30px!important;
}
.news-header h5 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 20px;
}
.category.banner.col-md-6.color.order-1.order-md-2 {
    max-height: 670px;
}
.product-content .content-box table{
  height:auto!important;
}
/* START René LightspeedHQ - Jan. 2020 */
img.fullwidth {
  width: 100%;
  height: auto;
}
/* END - René, LightspeedHQ  */

#navigation .hallmark { position: absolute; top: -4.5em; right: 10em; }
.main-item .navigation > ul { height:unset; }
#navigation .mainnav .main-item > a[title="Sale"] { color:#BE0126; }
.mainnav .main-item > a > span { font-size:14px; }
.main-item .navigation > ul > li > a span { font-size:14px; }  
#navigation .mainnav { text-align:center; }
#navigation .mainnav .main-item { text-align:left; }
/* #product-image .owl-carousel .owl-item img { max-height:550px;width:auto; } */
@media(max-width:1200px) {
	#product-image .owl-carousel .owl-item img { max-height:550px;width:100%; }
}
@media(max-width:767px) {
  .textpage img { width:100%;height:auto; }
  .textpage iframe { width:100%; }
  .content-box table td{
	width: 100%!important;
    word-break: inherit!important;
}
  
  #homepageMobile #categories.mobileCategories, #header #topnav, div#mobileNav {display: none;}
	body .__fbcw__sticky__sticky-widget { z-index: 9998!important;}
}
@media (max-width: 576px) {
  .productpage .product-content .content-box table td {word-break: break-all;}
}


#contacts ul li { display:flex; }
#contacts ul li span { padding:0!important; }
@media (max-width: 767px) {
	#footer #footer-bottom .footer-content .footer-block .block-box .title-box i { color: black; }
}
.header .compare-item { display:none; }

#headlines #banners .banner .banner-content .banner-content-text .btn { display:none; }

li.topbar {
    float: right;
    margin-right: 2%;
  list-style-type: none;
}
a.topbar {
color: white;
}

li.topbar-mobile {
    float: right;
  list-style-type: none;
      padding: 0px 8px;
}
a.topbar-mobile {
color: white;
}

/*Joram, Lightspeed, 28-12-2020:, [resize checkmark] BEGIN*/
img.emoji {
    width: 25px;
}
/*Joram. Binsbergen, Lightspeed, 28-12-2020:, [resize checkmark] END*/

.product-stock-delivery .voorraad-leverbaar {
    color: #666666;
}
.product-stock-delivery .fa.fa-check-circle {
		color: #28A745;
}

/* Trienekens 30 april 2024, Styles for the 'topbar' class links */
.topbar a {
    color: #5a5a5a; /* Sets the color of the text */
    font-weight: bold; /* Makes the text bold */
    text-decoration: none; /* Optional: removes underline from links */
}

/* Trienekens 30 april 2024, Styles for the 'topbar' class links on hover */
.topbar a:hover {
    color: #702276; /* Changes the text color on hover */
}

/* Trienekens 1 mei 2024, Categorie labels over photos */
#categories .category .categoryContent .btn-primary {
    background-color: #702276; /* Updated background color */
}

/* Trienekens 1 mei 2024, Hover effect for category labels over photos */
#categories .category .categoryContent .btn-primary:hover {
    background-color: #82ba23; /* Background color on hover */
}

/* Trienekens 1 mei 2024, Text color for blog and brand buttons */
#blogs .btn.btn-link, 
#brands .btn-link {
    color: #702276; /* Updated text color */
    text-decoration: underline;
}

/* Trienekens 1 mei 2024, Hover effect for blog and brand buttons */
#blogs .btn.btn-link:hover, 
#brands .btn-link:hover {
    color: #82ba23; /* Hover text color */
    text-decoration: none; /* Optional: removes underline on hover for a cleaner look */
}

/* Trienekens 1 mei 2024, Style for breadcrumbs */
.breadcrumbs {
    color: #5a5a5a; /* Basic text color */
    text-decoration: none; /* Removes text underline */
    font-weight: normal; /* Sets font weight to default */
}

.breadcrumbs a {
    color: #5a5a5a; /* Link color */
    text-decoration: none; /* Removes underline from links */
    font-weight: normal; /* Ensures links are also default weight */
}

.breadcrumbs a:hover {
    color: #1a1a1a; /* Link color on hover */
    text-decoration: none; /* Ensures no underline on hover */
}

/* Adjustments for the last breadcrumb */
.breadcrumbs .crumb:last-child {
    color: #702276; /* Keeps the specified color for the last crumb */
    text-decoration: none; /* Removes the underline */
}

/* Trienekens 1 mei 2024, Style for special offer prices */
.price.price-offer {
    color: #702276; /* Purple color for offer prices */
}

/* Trienekens 1 mei 2024, Style for links within text page sections */
.textpage a {
    color: #702276; /* Updated purple color */
    font-weight: bold; /* Keeps the font weight bold */
}

/* Trienekens 1 mei 2024, top bar small fix */
#topnav .container-fluid ul {
  margin-bottom: 0;
}
li.topbar {
  padding-top: 7px;
}

/* Trienekens 13 juni 2024, product image fix*/
img.img-responsive.product-image-img {
max-height: 550px;
object-fit: contain;
}

@media (max-width: 767.98px) {
 img.img-responsive.product-image-img {
  width: 60%;
 }
}

/* Stefan InStijl 3-4-2025 dropdown language fix */
#header #search #formSearch input, #header #search #formSearch .search-inner-bar > i {z-index:auto!important;}

/* Change CookieBanner */
.cookiefirst-root {
	line-height: 1.6 !important;
}

@media (min-width: 768px) {
	.cookiefirst-root {
		--banner-font-size: 14px !important;	
	}
}

/* Cookiebanner first notice */
dialog.cookiefirst-root div.cf1e63 div.cf3E9g.cf2Ic7 {
	border-radius: 5px !important;
}

@media (min-width: 768px) {
    dialog.cookiefirst-root div.cf1e63 {
        max-width: 470px;
    }
}

/* Cookiebanner logo */
dialog.cookiefirst-root div.cf1e63 div.cf3E9g.cf2Ic7 div.cfAdwL.cf7ddU img.cf1yQ9 {
	height: 2rem !important;
}

/* Cookiebanner heading */
dialog.cookiefirst-root div.cf1e63 div.cf3E9g.cf2Ic7 div.cfZo2x.cfaR15.cf8Oal {
	margin-top: .5rem !important;
	padding-top: 1.25rem;
	border-top: 1px solid #EFEFEF;
}

/* Cookiebanner text */
dialog.cookiefirst-root div.cfEa3L p {
	font-size: 14px !important;
	line-height: 1.5;
	text-wrap: wrap;
	word-break: break-word;
	word-wrap: break-word;
}

/* Cookiebanner button container */
dialog.cookiefirst-root div.cf2L3T.cffR0U div.cf1QhF.cfAdwL.cf1IKf {
	display: none;
}

dialog.cookiefirst-root div.cf2L3T.cffR0U div.cf3Tgk.cf2pAE.cfAdwL.cf1IKf {
	margin-top: 8px !important;
	border-top: 1px solid #EFEFEF;
	padding-top: 24px;
}

@media (min-width: 576px) {
    dialog.cookiefirst-root div.cf1e63 div.cf3E9g.cf2Ic7 div.cf1lHZ.cf2MAH.cf1Iot {
        flex: unset !important;
        max-width: unset !important;
		width: unset !important;
    }
}

/* Cookiebanner buttons */
dialog.cookiefirst-root div.cf1e63 div.cf3E9g.cf2Ic7 div.cf1lHZ.cf2MAH.cf1Iot button {
	padding: 12px 24px !important;
	border-radius: 0px !important;
}

dialog.cookiefirst-root div.cf1e63 div.cf3E9g.cf2Ic7 div.cf1lHZ.cf2MAH.cf1Iot:has(button[data-cookiefirst-action="accept"]) {
	flex: 0 0 100% !important;
	max-width: 100% !important;
}

@media (min-width: 576px) {
	dialog.cookiefirst-root div.cf1e63 div.cf3E9g.cf2Ic7 div.cf1lHZ.cf2MAH.cf1Iot button {
		width: fit-content !important;
	}
	
	dialog.cookiefirst-root div.cf1e63 div.cf3E9g.cf2Ic7 div.cf1lHZ.cf2MAH.cf1Iot:has(button[data-cookiefirst-action="accept"]) {
		flex: unset !important;
		max-width: unset !important;
	}
}

/* Cookiebanner button "weigeren" */
dialog.cookiefirst-root div button[data-cookiefirst-action="reject"] span.cf1y60 {
	transition: all .3s ease-in-out !important;
}

dialog.cookiefirst-root div button[data-cookiefirst-action="reject"]:hover span.cf1y60 {
	color: var(--banner-accent-color) !important;
}

dialog.cookiefirst-root div button[data-cookiefirst-action="reject"]:hover span.cf1y60::after {
	content: none !important;
}

/* Cookiebanner button font weights */
dialog.cookiefirst-root div.cf1e63 div.cf3E9g.cf2Ic7 div.cf1lHZ.cf2MAH.cf1Iot button span.cf1y60,
dialog.cfKpv2 div.cfyBmF div.cf1AP_ div.cf3nSz.cf2pAE.cfAdwL.cf1IKf button span {
	font-weight: 500;
}

/* Preference banner */
/* Preference banner position */
dialog.cfKpv2 {
	margin: auto;
}

dialog.cfKpv2 div.cfyBmF {
	border-radius: 5px !important;
}

dialog[aria-labelledby="cookie-preference-panel-title"] div.cf11wW.cf2ypw div.cf1xEo.cfCtuI {
	margin: 0 0 24px 0 !important;
}

dialog[aria-labelledby="cookie-preference-panel-title"] div.cflmka.cf2Ma- div.cf11wW div[data-cookiefirst-corner-style="true"].cf1jsC {
	border-bottom: 1px solid #E5E5E5 !important;
	padding-bottom: 16px;
}

dialog[aria-labelledby="cookie-preference-panel-title"] div.cflmka.cf2Ma- div.cf11wW div[data-cookiefirst-corner-style="true"].cf1jsC::before {
	border: unset;
}

dialog[aria-labelledby="cookie-preference-panel-title"] div.cflmka.cf2Ma- div.cf11wW div[data-cookiefirst-corner-style="true"].cf1jsC .cf26io {
	padding: 0 !important;
}

dialog[aria-labelledby="cookie-preference-panel-title"] div.cflmka.cf2Ma- div.cf11wW div[data-cookiefirst-corner-style="true"].cf1jsC .cf26io div.cfAdwL.cf2iji {
	margin-bottom: 8px;
	gap: 40px;
}

dialog[aria-labelledby="cookie-preference-panel-title"] div.cflmka.cf2Ma- div.cf11wW div[data-cookiefirst-corner-style="true"].cf1jsC .cf26io div.cf3F26 button:hover span.cf8Oal::after {
	border: none !important;
}

dialog[aria-labelledby="cookie-preference-panel-title"] div.cflmka.cf2Ma- div.cf11wW div[data-cookiefirst-corner-style="true"].cf1jsC .cf26io button.cfttQk:hover span::after {
	border: 0 !important;
}

dialog[aria-labelledby="cookie-preference-panel-title"] div.cfmNPq {
	border-top: 1px solid #E5E5E5;
	padding-top: 16px;
}

dialog[aria-labelledby="cookie-preference-panel-title"] div.cf11wW div[data-cookiefirst-corner-style="true"] button[role="checkbox"][aria-checked="true"]::before {
	opacity: 1 !important;
}

dialog[aria-labelledby="cookie-preference-panel-title"] div.cf11wW div[data-cookiefirst-corner-style="true"] button[role="checkbox"][aria-checked="true"] span.cfUHd6 {
	color: #ffffff !important;
	opacity: 1 !important;
}

dialog[aria-labelledby="cookie-preference-panel-title"] div.cf11wW div[data-cookiefirst-corner-style="true"] button[role="checkbox"]::after {
	border: none !important;
}

dialog[aria-labelledby="cookie-preference-panel-title"] div.cfmNPq button {
	padding-bottom: 24px !important;
}

/* Preference banner buttons */
dialog.cfKpv2 div.cfyBmF div.cf1AP_ div.cf3nSz.cf2pAE.cfAdwL.cf1IKf button {
	padding: 12px 24px !important;
	border-radius: 0px !important;
}

dialog[aria-labelledby="cookie-preference-panel-title"] div.cf3nSz.cf2pAE.cfAdwL.cf1IKf div.cf1lHZ.cf2MAH button {
	background-color: transparent !important;
	border-color: transparent !important;
	color: var(--banner-text-color) !important;
}

dialog[aria-labelledby="cookie-preference-panel-title"] div.cf3nSz.cf2pAE.cfAdwL.cf1IKf div.cf1lHZ.cf2MAH button:hover {
	color: var(--banner-accent-color) !important;
}

dialog[aria-labelledby="cookie-preference-panel-title"] button[data-cookiefirst-button="link"]:hover span::after {
	border: none !important;
}

@media (max-width: 576px) {
	dialog[aria-labelledby="cookie-preference-panel-title"] div.cf3nSz.cf2pAE.cfAdwL.cf1IKf {
		flex-direction: column !important;
		-ms-flex-direction: column !important;
	}
	
	dialog[aria-labelledby="cookie-preference-panel-title"] div.cf3nSz.cf2pAE.cfAdwL.cf1IKf div.cf1lHZ.cf2MAH {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

/* Preference banner powered by */
dialog[aria-labelledby="cookie-preference-panel-title"] div.cf3CaA.cf3-eh {
	justify-content: center !important;
}

/* Trienekens Topnav */
/* Alleen desktop: hele header op 1 regel houden */
@media (min-width: 1200px) {

    /* 1. Topnav container zelf mag niet wrappen */
    #topnav .container-fluid {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        width: 100%;
    }

    /* 2. De lijst met Contact / Inspiratieblog / Showroom krijgt vaste breedte en geen wrap */
    #topnav .container-fluid > ul {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        white-space: nowrap;
        margin: 0;
        padding: 0;
        list-style: none;
        flex: 0 0 auto; /* mag niet krimpen */
    }

    #topnav .container-fluid > ul li.topbar {
        margin: 0;
        padding: 0;
    }

    #topnav .container-fluid > ul li.topbar + li.topbar {
        margin-left: 1rem;
    }

    #topnav .container-fluid > ul a.topbar {
        display: inline-block;
        line-height: 1.4;
        text-decoration: none;
        white-space: nowrap;
    }

    /* 3. De Bootstrap .row met USP + taal/compare op dezelfde lijn als de ul */
    #topnav .row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        margin-left: 1.5rem; /* ruimte tussen linkjes en USP blok */
        flex: 1 1 auto;      /* dit stuk mag de rest van de breedte gebruiken */
        min-width: 0;        /* belangrijk: laat flexbox shrinken ipv forceren nieuwe regel */
    }

    /* 4. Beide kolommen naast elkaar houden, niet laten stapelen */
    #topnav .col-xl-10,
    #topnav .col-xl-2 {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        white-space: nowrap;
        flex: 0 0 auto; /* niet laten breken naar nieuwe regel */
    }

    /* 5. USP blok zelf mag niet afbreken */
    #topnav .usp .no-carousel {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 1rem;
        white-space: nowrap;
    }

    #topnav .usp .item-usp {
        display: flex;
        align-items: center;
        line-height: 1.4;
        margin: 0;
        padding: 0;
        white-space: nowrap;
    }

    #topnav .usp .item-usp i {
        line-height: 1;
        margin-right: .4rem;
        flex: 0 0 auto;
    }

    /* 6. Rechterkant (compare + taalselector) ook niet laten wrappen onder de USP */
    #topnav #global {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-end;
        gap: 1rem;
        white-space: nowrap;
        flex: 0 0 auto; /* mag niet naar een nieuwe regel */
        min-width: 0;
    }

    #topnav #global .compare,
    #topnav #global .languages {
        flex: 0 0 auto;
        white-space: nowrap;
    }
}