/* 20251016134915 - 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: #0a8de9;
}

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

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

.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: #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 */
/* MENU */
p.link-inline.product-page-trustmark {
		display: none;
}
#top .nav-toggle { 
    background: #ff6602;
}
#content { padding-top:0; }
#powrIframeLoader { height: 0; }

.menu-up:not(.not-top) .nav-main { margin-top: 20px; }
.nav-main.desktop-only>ul {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    margin: 0 0 20px 0;
}
.has-cols-a .nav-main>ul>li:first-child { margin-right: 10%; }
.nav-main.desktop-only>ul>li { margin-right: 0; }
.nav-main>ul:after,
nav.nav-main.desktop-only .bg,
nav.nav-main.desktop-only:after { display:none ; }
.nav-main > ul > li:first-child > a {
    box-shadow: inset 0 0 0 2px #898989;
    -webkit-box-shadow: inset 0 0 0 2px #898989;
    -moz-box-shadow: inset 0 0 0 2px #898989;
}

/* Cta menu */
.nav-main.desktop-only>ul>li:last-child a,
.nav-main.desktop-only>ul>li:nth-last-child(2) a {
    box-shadow: inset 0 0 0 2px #ea5e2b;
    -webkit-box-shadow: inset 0 0 0 2px #ea5e2b;
    -moz-box-shadow: inset 0 0 0 2px #ea5e2b;
}
.nav-main.desktop-only>ul>li:last-child a { background-color: #ea5e2b; color: white; }
.nav-main.desktop-only>ul>li:nth-last-child(2) a { color: #ea5e2b; }
.nav-main.desktop-only>ul>li:last-child a:hover { background-color: transparent !important; color: #ea5e2b; }
.nav-main.desktop-only>ul>li:nth-last-child(2) a:hover { background-color: #ea5e2b !important; color: white; }

.hbspt-form { float: left; width: 100%; }
.popup-a.offerteformulier .hbspt-form { float: none; }

/* USP header */
.list-usp { padding: 15px 0 10px 0; margin-bottom: 0; }
.list-usp li:nth-child(4):before,
.list-usp div.item.custom li:before { content: "\e90f"; color: #ea5e2b; }

.list-usp li {
    margin: 0 0 5px;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    /*color: #2b9698;*/
}
.list-usp li:before {
    display: inline-block;
    vertical-align: middle;
    color: #2b9698;
    position: unset;
    font-size: 14px;
    margin-right: 10px;
}
.list-usp li a { /*color: #2b9698;*/ }

/* Meneer Kozijn stylesheet - Kleine CSS aanpassingen */

.wsa-demobar {
visibility: hidden;
}

.meneerkozijn-locaties h2 {
	color: orangered;
	padding-top: 15px;
	font-weight: 600;
}

/*.list-checks.b li:last-child, .list-collection .label, .list-checks li:last-child {
    display: none;
}*/

.article-a figure {
	display: none;
}

.article-a .griz figure.module-welcome__background {
    display: block !important;
}

.article-a p img {
    width: 400px;
}

.-rating img {
	border-radius: 30px;
}

.products-container, .blog-container { border-top: 15px solid #309799; padding-top: 20px;}
.categories-container, .brands-container.desktop-only { border-top: 15px solid #FF6602; padding-top: 20px; } 

footer.overlay-c h2 {
    display: none;
}

/* Verzend locaties */

.gui-checkout-shipment .gui-block-option {
    width: 48%;
    box-sizing: border-box;
    display: inline-block;
	}
.gui-checkout-shipment .gui-block-option:first-child {
		display: block;
    width: initial;
	}
.gui-block-option:nth-child(3), .gui-block-option:nth-child(5) {
		float: right;
	}

/* Tekst kleur op side paginas */

.meneerkozijn-voorwaarden p, .meneerkozijn-overons p, .meneerkozijn-partner p, .meneerkozijn-partner li, .kunststofdeur-content p, 
.kozijnvervangen-content p, .kozijnvervangen-content li, .schuifpuien-content p, .kozijnenpage-content p, .kozijnenpage-content li {
	color: #999999;
}

/* Kunststof deur pagina */

.kunststofdeur-content h2, .kozijnvervangen-content h2 {
	font-weight: 700;
}

.kunststofdeur-content ul, .kozijnvervangen-content ul {
	list-style: disc;
}

.kunststofdeur-content img { 
  margin-bottom: 24px; 
	width: 40%
}

/* Voegt een beetje padding toe aan de kozijn vervang en venster pagina */

.kozijnvervangen-content, .mk-venster-pagina {
	padding: 30px 0;
}

/* Venster pagina */
.mk-venster-pagina table, .mk-venster-pagina tr, .mk-venster-pagina td {
  border: 1px dashed;
}

/* Schuifpuien pagina */

.schuifpuien-content table, .kozijnenpage-content table {
	color: #eb5d2f
}

.schuifpuien-content table strong, .kozijnenpage-content table strong {
	color: #309799;
}
.schuifpuien-content img {
	width: 60%
}

/* Kozijnen pagina */

.kozijnenpage-content img {
	margin-bottom: 24px;
}

.kozijnenpage-content:last-child {
	border-top: 1px solid #309799;
	border-bottom: 1px solid #309799;
	padding: 30px 0;
}
.profiel-blok ol {
  width: 50%;
  display: inline-block;
  padding-right: 25px;
}

.profiel-blok p {
	width: 50%;
  display: inline-block;
}
.profiel-blok img {
	vertical-align: bottom;
  margin-bottom: 0;
}

/* Contact pagina */
.meneerkozijn-locaties { 
  	display: inline-block;
    width: 50%;
    box-sizing: border-box;
    vertical-align: top;
}

/* Partner Programma */
.meneerkozijn-keurmerk {
	margin: 24px 0;
}

/* Kozijnen vervangen pagina */
.stap-vervanging {
  	display: inline-block;
    width: 80%;
    box-sizing: border-box;
}

.kozijnvervangen-content img {
		width: 20%;
    vertical-align: initial;
}

/* Shopping Cart buttons */

.list-submit {
    width: 250px;
    display: inline-block;
}

#open-shipping-calculator {
    margin-bottom: 0;
    display: inline-block;
    float: right;
}


/* usps in de footer, verwijder dit als je wilt dat de usps allignen naar rechts */
#footer .usp-container {
	padding: 30px 0;
}

#footer .list-usp {
  padding: 0 20px;
}

@media screen and (min-width: 1400px) {
	#footer .usp-container {
      width: 1380px;
  }
}

/* Media query voor mobiel */
@media screen and (max-width: 600px) {

  .stap-vervanging, .kozijnvervangen-content img, .schuifpuien-content img, .kunststofdeur-content img {
  width: 100%;
  }
  .profiel-blok ol { width: 100%;	padding-right: 0;	}
  .profiel-blok p { text-align: center; width: 100%; display: block; }
}

@media screen and (max-width: 760px) {
  .gui-checkout-shipment .gui-block-option {
    width: initial;
    box-sizing: initial;
    display: block;
  }

	.gui-block-option:nth-child(3), .gui-block-option:nth-child(5) {
		float: initial;
	}
  
  .gui-buttons .gui-right { margin-left: 0; }
}

@media screen and (max-width: 1000px) {
  #open-shipping-calculator {
      margin-bottom: 40px;
      display: block;
      float: initial;
  }
}

/* COOKIE ALLOW */

.wsa-cookielaw {
    color: #333333;
    background: #ffffff;
    border-top: none;
    box-shadow: 0 -4px 4px rgb(0 0 0 / 8%);
}
.wsa-cookielaw-button.wsa-cookielaw-button-green {
    background: #2b9698;
    color: #fff !important;
}
.wsa-cookielaw-button.wsa-cookielaw-button-red {
    background: #333;
    color: #fff !important;
}

/* ------------------------------ ------------------------------GRIZZLY NEW MARKETING STYLE ------------------------------ ------------------------------ */
.kozijnvervangen-content article.module-welcome.text-right {
    margin-bottom: 0;
}
.griz-content ul.list-checks.semi.b.m25.overlay-c {
    list-style-type: none;
}
.griz-content {
    display: grid;
    grid-template-columns: 60% auto;
    grid-gap: 3%;
    align-items: center;
}
.griz-content-reverse {
    display: grid;
    grid-template-columns: auto 60%;
    grid-gap: 3%;
    align-items: center;
    padding: 5% 0;
}
.griz-content img,
.griz-content-reverse img {
    width: 100%;
  	padding: 10%;
}
.griz-tekst {
	padding: 3% 0;
}
.griz-tekst h2,
.griz-tekst h3 {
    margin-top: 24px;
}

@media only screen and (max-width: 1024px) {
    .griz-content {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .griz-content-reverse {
        display: flex;
        flex-direction: column-reverse;
        gap: 20px;
    }
    .griz-content img,
  	.griz-content-reverse img {
      	padding: 5%;
  	}
}

@media only screen and (max-width: 62.5em) {
  .kozijnvervangen-content .griz-content .module-featured.b.desktop-only.banner-4 {
      display: block !important;
  }
    .griz-content img,
  	.griz-content-reverse img {
      	padding: 0;
  	}
}
/* ------------------------------ ------------------------------ GRIZZLY NEW MARKETING STYLE ------------------------------ ------------------------------ */

/* RESPONSIVE */

@media only screen and (max-width: 1400px) /* Voor laptops */ {

    .has-cols-a .nav-main>ul>li:first-child { margin-right: 5%; }

}

@media only screen and (max-width: 1280px) /* Voor laptops */ {

    .has-cols-a .nav-main>ul>li:first-child { margin-right: 0; }
    .nav-main>ul>li:first-child { min-width: 200px; }
    .nav-main>ul>li>ul { width: 200px; }

}

@media only screen and (max-width: 1024px) /* Voor tablets liggend */ {

		nav.menu-slide>ul>li:nth-last-child(2) a {
    margin: 15px 28px;
    border-bottom: 0;
    border-radius: 5px;
    background-color: #ea5e2b;
    color: #fff;
		}
    .menu-slide ul li:last-child a {
    border-top: 1px solid #e0e0e0;
		}

}

@media only screen and (max-width: 768px) /* Voor tablets staand */ {

  

}

@media only screen and (max-width: 677px) /* Voor mobiel liggend */ {

	

}

@media only screen and (max-width: 480px) /* Voor mobiel staand */ {

	

}

@media only screen and (max-width: 320px) /* Voor mobiel klein */ {

	

}

/* 'Color Swatches' CSS - test

		.color-img {
		display: block;
		position: relative;
		height:350px;
		}
		.color-img img {
		width: auto;
		height: 100% !important;
		position: absolute;
		opacity: 0;
		transition: all 0.3s ease;
		max-width: initial !important
		}
		.color-img img.active {
		opacity: 1;
		}
		/* Product Configuration
		.product-color div {
		font-size: 14px;
		font-weight: 400;
		color: #86939E;
		}
		/* Product Color
		.color-choose input[type="radio"] {
		display: none;
		}
		.color-choose input[type="radio"] + label div {
		display: inline-block;
    width: 140px;
    padding: 10px;
    margin: 2px;
    color: #fff;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
		}
		.color-choose input[type="radio"]#ciemnym + label div {
		background-image: url("https://cdn.webshopapp.com/shops/273687/files/328607201/ciemny-db-sosna.jpg");
		}
		.color-choose input[type="radio"]#ciemnyp + label div {
		background-image: url("https://cdn.webshopapp.com/shops/273687/files/328607199/ciemny-db-a.jpg");
		}
		.color-choose input[type="radio"]#teakp + label div {
		background-image: url("https://cdn.webshopapp.com/shops/273687/files/328610238/teak-a.jpg");
		z-index: 10;
		}
		.color-choose input[type="radio"]#teakm + label div {
		background-image: url("https://cdn.webshopapp.com/shops/273687/files/328610238/teak-a.jpg");
		z-index: 10;
		}
		.color-choose input[type="radio"]#orzechp + label div {
		background-image: url("https://cdn.webshopapp.com/shops/273687/files/328610218/orzech-sosna.jpg");
		z-index: 10;
		}
		.color-choose input[type="radio"]#orzechm + label div {
		background-image: url("https://cdn.webshopapp.com/shops/273687/files/328610212/orzech-a.jpg");
		z-index: 10;
		}
		.color-choose input[type="radio"]#machosp + label div {
		background-image: url("https://cdn.webshopapp.com/shops/273687/files/328607229/machos-sosna.jpg");
		z-index: 10;
		}
		.color-choose input[type="radio"]#machosm + label div {
		background-image: url("https://cdn.webshopapp.com/shops/273687/files/328607224/machos-a.jpg");
		z-index: 10;
		}
		.color-choose input[type="radio"]#jasnyp + label div {
		background-image: url("https://cdn.webshopapp.com/shops/273687/files/328607214/jasny-db-sosna.jpg");
		z-index: 10;
		}
		.color-choose input[type="radio"]#jasnym + label div {
		background-image: url("https://cdn.webshopapp.com/shops/273687/files/328607212/jasny-db-a.jpg");
		z-index: 10;
		}
		.color-choose input[type="radio"]#polisanderp + label div {
		background-image: url("https://cdn.webshopapp.com/shops/273687/files/328610233/polisander-sosna.jpg");
		z-index: 10;
		}
		.color-choose input[type="radio"]#polisanderm + label div {
		background-image: url("https://cdn.webshopapp.com/shops/273687/files/328610227/polisander-a.jpg");
		z-index: 10;
		}
		.color-choose input[type="radio"]:checked + label div {
		background-image: url(check-icn-a.svg);
		background-repeat: no-repeat;
		background-position: center;
		}
*/

/* CSS code bewerkt door Ronnie  - zandbak en tijdelijke code */
/* sticky box on page for content */
div.tnc {
	display: flex;
  overflow: auto;
/*  height: 12000px;*/
}

/* Hide scrollbar for Chrome, Safari and Opera */
div.tnc::-webkit-scrollbar {
	display: none;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

div.igno {
	flex: none;
	width: 80%;
  height: auto;
}

div.sticky {
	position: -webkit-sticky; /*safari*/
  position: sticky;
  top: 0;
  align-self: flex-start;
	height: auto;
  margin-left: 12px;
  padding-left: 3px;
  border-left: 1px solid grey;
}


/*Responsive USP block*/
.usp-container {
    padding-right: 0;
}
  .usp-container>*:first-child {
  max-width: 1380px;
}
@media screen and (min-width: 1401px) {
  .usp-container>*:first-child {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
}
@media screen and (max-width: 1400px) {
  .usp-container>*:first-child {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
}
@media screen and (max-width: 1200px){
  .usp-container>*:first-child {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
}

div.blog-container {
 /* display: none;*/
  overflow: visible;
}

article.module-welcome.text-right::after {
  content: "Klik hier om direct naar ons maatwerk contactformulier te gaan" url("/maatwerk?utm_source=home&utm_medium=textlink");
  background: yellow;
  position: center;
  border: none;
}

div.module-contact p::after {
       border-bottom: 1px solid #000;
       }

ul.list-collection .limit .mobile-grid .is-collection .not-horizontal .not-boxed {
  display: none;
}
  
li.list-contact {
margin-bottom: 12px;
}

/* Hide footer text light speed */
#footer p {
  visibility: hidden;
}

.kunststofprofiel {
	float: right;
}

/* Allign text and video */
.categorypageright {
  float: right;
}
.categorypageleft {
  float: left;
  height: 188px;
}

/* 'Vraag offerte aan' button */
.popup-a.offerteformulier:not(.shown) { z-index: -1; }
.list-collection button.open-offerteformulier { padding: 12.5px 12px; }
#nav>form .list-cart .price.op-aanvraag { font-size: 1em; }
/* */

/* fix header logo mobile */
@media only screen and (max-width: 25em) {
  #logo a {max-width:130px;}
}


/* Custom maatwerk pagina */
.cols-a.maatwerk { padding-left: 0; }
.cols-a.maatwerk > article { float: none; margin: 0 auto; max-width: 900px; }
.cols-a.maatwerk > article .wrap { align-items: center; display: flex; margin-bottom: -37px; }
.cols-a.maatwerk > article .wrap > img { margin-left: auto; max-height: 350px; max-width: 50% !important; object-fit: contain; }
.cols-a.maatwerk > article .wrap .text { padding-left: 20px; width: 50%; }
.cols-a.maatwerk > article .wrap .text h1 { color: #898989; font-size: 35px; }
.cols-a.maatwerk > article .form { border-radius: 5px; box-shadow: 0 5px 20px rgb(0 0 0 / 10%); padding: 100px; }
.cols-a.maatwerk > article .hbspt-form { float: none; }
@media only screen and (max-width: 62.5em) {
  .cols-a.maatwerk > article .wrap { margin-bottom: -27px; }
	.cols-a.maatwerk > article .wrap > img { max-width: 40% !important; }
}
@media only screen and (max-width: 47.5em) {
  .cols-a.maatwerk > article .wrap { margin-bottom: 0; }
  .cols-a.maatwerk > article .wrap > img { display: none; }
  .cols-a.maatwerk > article .wrap .text { padding-left: 0; }
  .cols-a.maatwerk > article .wrap .text h1 { font-size: 24px; }
  .cols-a.maatwerk > article .form { padding: 20px; }
}

/* Pre-footer */
#footer { z-index: 2; }
#pre-footer { align-items: center; color: #fff; display: flex; justify-content: space-between; margin-top: 180px; }
#pre-footer:before { background: #39b4a5; content: ""; display: block; position: absolute; left: -100vw; top: 0; bottom: 0; z-index: -1; width: 200vw; }
#pre-footer > img { margin-top: -158px; max-height: 400px; object-fit: contain; }
#pre-footer p { margin-bottom: 5px; visibility: visible; }
#pre-footer > div { width: 22%; }
#pre-footer > div > a { color: #fff; font-size: 30px; font-weight: 800; }
#pre-footer > .review-slider .review b { display: block; margin-bottom: 10px; }
#pre-footer > .review-slider .review > span i { font-size: 12px; margin-right: 5px; }
#pre-footer > .review-slider .review > span i.half { overflow: hidden; position: relative; }
#pre-footer > .review-slider .review > span i.half::after { background: #39b4a5; content: ''; height: 100%; opacity: 0.5; position: absolute; right: -1px; top: 0; width: 55%; }
#pre-footer + nav { margin-top: 80px; }
@media only screen and (max-width: 75em) {
  #pre-footer > div > a { font-size: 26px; }
}
@media only screen and (max-width: 62.5em) {
	#pre-footer { flex-wrap: wrap; padding-bottom: 40px; }
  #pre-footer > div { width: 50%; }
}
@media only screen and (max-width: 47.5em) {
  #pre-footer > div { margin-top: 30px; width: 100%; }
  #pre-footer > div > a { font-size: 18px; }
  .usp-container { display: block !important; }
}

.module-contact {
display: none !important; 
}

/* DMWS search 20 jan */
@media only screen and (min-width: 47.5em) {
  .custom-mobile-search { display: none; }
}
.custom-mobile-search {
  padding: 10px 20px;
  background: white;
}
.custom-mobile-search > form p {
	margin: 0;
  padding: 0;
}
.custom-mobile-search > form input {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0 45px 0 15px;
  border-radius: 4px!important;
  border-color: #F0F0F0;
  color: #757575;
  appearance: auto!important;	
}
.custom-mobile-search > form button {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: #39b4a5;
  height: 40px!important;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  border: none;
}
@media only screen and (max-width: 47.5em) {
  .menu-up #content.dmws-extra-spacing {
    padding-top: calc(90px + 50px);
	}
}

/* end DMWS search 20 jan */