/* 20231023155837 - 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 */
#offer-popup {
	display: none; 
  max-width: 600px;
}

#offer-popup h2.title {
  margin-bottom: 30px;
}

.sm-standard-label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}

.sm-standard-input {
  border: 1px solid #eee;
  height: 40px;
  outline: none;
  appearance: none;
  padding: 0 20px;
}

select.error,
.sm-standard-input.error {
	border-color: red !important;
}

textarea.sm-standard-input {
	height: auto;
  min-height: 100px;
  min-width: 100%;
  max-width: 100%;
  padding: 15px 0;
}

#offer-form .inputs-wrap {
	display: flex;
  flex-wrap: wrap;
  margin: -15px;
}

#offer-form .inputs-wrap .input-wrap {
	padding: 0 15px;
  width: 50%;
  display: flex;
  flex-direction: column;
  margin: 0;
  margin-bottom: 15px;
}
#offer-form .inputs-wrap .input-wrap input {
  width: 100%;
  max-width: unset;
  text-align: left;
}

#offer-form .inputs-wrap .input-wrap.full-width {
	width: 100%;
}

#offer-form .subtitle {
  font-size: 1.4em;
  font-weight: bold;
}

#offer-form .form-message {
  padding: 20px;
  background: #000;
  color: #fff;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}

#offer-form .form-message.success {
	background: green;
}

#offer-form .form-message.error {
  background: #fff;
  border: 1px solid red;
}

#offer-form .submit-offer {
  text-transform: uppercase;
  letter-spacing: .1em;
  font-weight: 600;
  font-size: 14px;
  width: 100%;
  text-align: center;
  background-color: #568259;
  color: white;
  padding: 8px 25px;
}

@media (max-width: 767px) {
	#offer-form .inputs-wrap .input-wrap {
  	width: 100%; 
  }
  
  #offer-popup {
  	padding: 30px 20px;
  }
}

@import url('https://fonts.googleapis.com/css?family=modak&display=swap');

/*logo header in midden*/ 
.logo-image-mobile { 
  display: block; 
  margin-left: 50%;
  margin-right: 50%; 
}

/*trustbox*/
.top-bar {
    font-size: 0px !important;
}

/*.trustpilot-widget {
  display: none !important; 
} */

/*pop-up notificatiebalk evenveel margin boven als onder gegeven*/
.messages.text-center { 
  margin-bottom: 10px; 
}

/*tekst in hero images, blokken onderaan homepage en betaalmethoden niet meer clickable*/
.col-md-6.col-xs-12, .payments, .cart-payments { 
  pointer-events: none;
} 
.button.button-solid.inline, .button.inline { 
  pointer-events: auto; 
  cursor: pointer; 
}

/*tekst in hero images leesbaarder gemaakt*/
.hero-content.hero-content-center p { 
  font-size: 18px !important; 
} 

/*animatie uit afbeeldingen achter contactimage homepage weggehaald*/
.featured-block-image.image-overlay-none.lazy.lazy-handled.lazy-loaded { 
  -o-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-webkit-transform: none !important;
	transform: none !important;
}

/*centreren footer*/
.footer-elements-wrapper {
  justify-content: center;
}

/*USP's op productpagina's*/
.selling-points.module.selling-points-left { 
  width: 65%;
  margin-left: auto;
  margin-right: auto;
} 

@media only screen and (max-width: 1200px) { 
  .selling-points.module.selling-points-left {
      width: 100%;
  }
}

/*betaalmethoden boven copyright statement geplaatst in footer*/
.footer-bottom { 
  display: flex; 
  flex-direction: column-reverse; 
  justify-content: center;
  padding-top: 0px; 
} 
.copyright, .footer-bottom .payments { 
  text-align: center;
} 
.copyright {
  margin-top: 20px; 
} 

/*text telefoon en email in footer unclickable gemaakt*/
.footer-phone .hint-text, .footer-email .hint-text { 
  pointer-events: inherit; 
  cursor: text;
}

.col-md-4 .featured-block {
    padding-bottom: 150%;
} 
  

/*sitemap gecentreerd*/
.gui-col2-right-col1.gui-div-sitemap-sitemap { 
  padding-left: 250px;
} 
@media only screen and (max-width: 1200px) { 
  .gui-col2-right-col1.gui-div-sitemap-sitemap { 
    padding-left: 0px 
  } 
}

/*merk en product in winkelwagentje uitgelijnd*/
.cart-table-title .brand { 
  padding-left: 0px
}

/*knoppen 'winkelwagen bijwerken' en 'bestelling' in winkelwagentje uitgelijnd*/
.cart-table.m-b-20 { 
  margin-bottom: 14px !important;
}

/*Korting en 'bereken verzendkosten' weggehaald uit winkelwagentje*/
 .hidden-xs.cart-table-price .price-discount, #gui-form-shipment, .methods-title.title-font { 
  display: none; 
}

/*witruimte onder contactfoto op productpagina weggehaald, rechtgezet op homepage door 'laatste blogartikelen' top margin te geven*/
.featured-block.content-light, .cta-section.full-width-section { 
  margin-bottom: 0px; 
} 
.section-title.section-title-center.clearfix { 
  margin-top: 80px;
}

/*logo in lijn met rest van menu*/
.logo.logo-sm { 
  padding-bottom: 7px;
}

/*onderdeel van MisterDesign onder Coloredwalls in footer*/
.footer-contact-details p.onderdeel { 
  opacity: .6;
  margin-top: -25px;
  margin-bottom: 15px;
} 
.footer-contact-details p { 
  margin-bottom: 0px;
}

@media only screen and (max-width: 1200px) { 
  .col-xs-6.col-md-15 {
    margin-bottom: 10px !important;
  }
}

  .brand-title {
    display: none;
  } 

/*sidebar navigatie 
.collection-sidebar-wrapper { 
  top: 0 !important;
    position: sticky !important;
} */

.navigation-uppercase .top-bar {
    text-transform: none !important;
} 

/*varianten uitschakelen ivm staal*/
.product-custom-variants-options {
    display: none;
}

/*onderstaand voor Bestel direct mee*/

.mpu_products {
    font-family: "Source Sans Pro", Helvetica, sans-serif !important;
}

.addCart {
    text-transform: uppercase !important;
    letter-spacing: .1em !important;
    font-weight: 600 !important;
 		font-family: "Source Sans Pro", Helvetica, sans-serif !important;
    font-size: 14px !important;
}

/*onderstaand voor FAQ*/

.onderstreept:hover {
    font-weight:bold;
}

/*categorietekst onder producten mobiele weergave
@media only screen and (max-width: 768px) {
  .container.container-lg { 
    display: flex;
    flex-direction: column-reverse;
  } 
  .container.container-lg.product-category-behang, .container.container-lg.product-category-benodigdheden { 
    flex-direction: column; 
  } 
*/

/*menu categorieën*/
a[title="Behang collecties"],
a[title="Behang collecties"] ~ ul{ 
  display: none !important;
} 

/*behang adviespagina*/ 
#textpage.text-page.text-page-advies-behangen .content p, #textpage.text-page.text-page-advies-behangen .content ol, #textpage.text-page.text-page-advies-behangen .content ul, #textpage.text-page.text-page-advies-aantal-rollen-behang .content p, #textpage.text-page.text-page-advies-aantal-rollen-behang .content ol, #textpage.text-page.text-page-advies-aantal-rollen-behang .content ul { 
  margin-bottom: 0px !important; 
}

/*adres niet zichtbaar in footer; wel in Rich Snippets*/
.footer-address { 
  display: none;
}

/*Merklogo niet zichbaar op mobiel*/
@media only screen and (max-width: 768px) {
.collection-image-wrapper.collection-image-wrapper-small.collection-image-wrapper-logo { 
    display: none; 
  } 
}


/*homepage tekst header grootte*/
.home-intro-text h1 {
    font-size: 32px;
  margin-bottom: 30px;
  padding-top: 5px;
}
@media only screen and (max-width: 768px) {
  .home-intro-text h1 { 
    font-size: 24px; 
  } 
}

.home-intro-text p, .blog-entry-content.text-formatting td {
  font-family: "Barlow", Helvetica, sans-serif !important;
}

/*Adviespagina tabel responsive*/
@media only screen and (max-width: 768px) {
  .blog-entry-content.text-formatting td { 
    font-size: 15px; 
  } 
  .blog-entry-content.text-formatting table { 
    margin-left: -5px;
  }
  .blog-entry-content.text-formatting tr td { 
    padding-left: 0px; 
    padding-right: 0px;
  }
  .blog-post-wrapper .col-md-10 {
    padding: 5px;
}
}
  
  .module-behang {
  	padding: 25px;
    background: #f7f7f7;
    margin-bottom: 30px;
  }
  .module-behang .title {
  	font-weight:bold;
    margin-bottom:5px;
    font-size:110%;
  }
.module-behang .inputs {
	display:flex;
  margin:-10px;
}

.module-behang .inputs .input {
	padding:10px;
}

.module-behang .inputs input {
	width:120px;
  height:45px;
  padding-right:45px;
}

.module-behang .inputs label {
	font-weight:bold;
  margin-bottom:5px;
	font-size:14px;
  display:block;
}

.module-behang .input-w {
	position:relative;
}

.module-behang .input-w .cm {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  margin-top: -1px;
}

.module-behang .inputs-w {
	margin-top:15px;
}

.module-behang .btn-wrap {
	margin-top:20px;
}
.module-behang .result {
  padding: 20px;
  background: #fff;
  margin-top: 25px;
}

.module-behang .result span {
	font-weight:bold;
  color:#034764;
}

.blog-entry-image img { 
  max-width: 75%; 
}

.product-content .text-block {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.product-content .text-block .image-wrap {
  min-width: 100px;
	max-width: 100px;
  margin-right: 20px;
}

.product-content .text-block .image-wrap img {
	width: 100%;
}

/*contactblok verhoogd*/
.featured-block.content-light {
  height: 650px !important; 
} 

@media only screen and (max-width: 768px) {
  .featured-block.content-light {
  height: 250px !important; 
	} 
}

.product-description-footer, .pagination a, .filter-item a {
    text-decoration: none !important;
}

.grecaptcha-badge {
	display: none;
}