/*
Theme Name: Beton Ciré Interieur
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor x Slize
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1723225055
Updated: 2024-08-09 17:37:35

*/

@media only screen and (max-width: 1214px) and (min-width: 1025px) {
.content, .onderhoud, .contactpag, .kleurstaal, .intro, .eigenontwerp, .productcontent, .reiniger, .cartsec {
	padding-left: 40px !important;
	padding-right: 40px !important;
}}

@media only screen and (max-width: 1214px) {
.webshop, .klachten {
	padding-left: 40px !important;
	padding-right: 40px !important;
}}

.pswp__caption {
	display: none !important;
}

.pswp__bg {
	background: rgba(0,0,0,0.8) !important;
}

.pswp__img {
	padding: 10% !important;
	object-fit: cover;
}

.grecaptcha-badge { visibility: hidden; }

.kruimel, .kruimel p {
	color: #6F6145 !important;
}

.reset_variations, .txt a, .link a, .link {
	font-weight: 600 !important;
}

.leesmeer {
    font-style: italic;
    font-size: 13px;
    position: relative;
    top: -6px;
    background: rgba(0,0,0,0.15);
    padding: 2px 12px;
    border-radius: 2px;
    border: none !important;
}

.leesmeer:hover {
    border: none !important;
}

.wc-block-checkout input, .form input, .form select, .form textarea {
	background: none !important;
}

@media only screen and (min-width: 768px) {
.elementor-location-archive, .page-template-default, .elementor-2565, .site-main {
	min-height: calc(100vh - 660px) !important;
}}




/* Extra CSS cookie banner */

.cky-footer-wrapper img,
.cky-btn-revisit-wrapper .cky-revisit-bottom-left,
.cky-btn-revisit-wrapper, 
.cky-revisit-bottom-left,
.cky-btn-revisit-wrapper.cky-revisit-bottom-left,
.cky-btn-revisit { 
	opacity: 0 !important;
	transform: scale(0) !important
	display: none !important;
	width: 0px !important;
	height: 0px !important;
}

.cky-consent-bar {
	background: rgba(0,0,0,0.9) !important;
}

.cky-title {
	font-weight: 400 !important;
	color: #a09682 !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	font-family: "Albert Sans", Sans-serif !important;
}

.cky-policy {
	font-weight: 400 !important;
	transition: all 0.1s ease !important;
	color: #a09682 !important;
	border-bottom: 0.5px solid rgba(255,255,255,1) !important;
		text-decoration: none !important;
	cursor: pointer !important;
}

.cky-policy:hover {
	color: #fff !important;
	border-bottom:  1px solid rgba(255,255,255,0.25) !important;
}

.cky-notice-des {
	max-width: 780px !important;
}

.cky-notice-des a,
.cky-notice-des span {
	font-size: 12px !important;
}

.cky-btn {
	text-transform: uppercase !important;
	transition: all 0.05s ease !important;
	letter-spacing: 1px !important;
	cursor: pointer !important;
	font-size: 12px !important;
	border: 1px solid !important;
}

.cky-btn.cky-btn-accept {
	background: #a09682 !important;
	border-color: #a09682 !important;
	cursor: pointer !important;
	color: #fff !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	transition: all 0.05s ease !important;
	font-weight: 700 !important;
}

.cky-btn.cky-btn-accept:hover {
	background: #70695b !important;
	border-color: #70695b !important;
	color: #fff !important;
}

.cky-footer-wrapper .cky-btn {
	font-size: 12px !important;
}

.cky-footer-wrapper div {
	font-size: 0px !important;
	background: #121212 !important;
}

@media only screen and (min-width: 576px) {
.cky-btn {
	margin-right: 20px !important;
}}

/* Einde extra CSS cookie banner */ 






/* Extra CSS Betaalpagina */

.content .kruimel {
    font-size: .85em !important;
}

.afrekenform .e-checkout__column.e-checkout__column-start .select2 {
    background: none !important;
}

.afrekenform .required {
    color: #A09682 !important;
}


.afrekenform .select2-selection.select2-selection--single,
.afrekenform .e-checkout__column.e-checkout__column-start select,
.afrekenform .payment_box.payment_method_bacs,
.afrekenform .e-checkout__column.e-checkout__column-start textarea,
.afrekenform .e-checkout__column.e-checkout__column-start input {
	background: rgba(255,255,255,0.4) !important;
}

.afrekenform .payment_box {
	padding: 0px !important;
	margin: 0px !important;
	background: none !important;
}
.afrekenform .payment_box p {
    color: #3c3c3c !important;
    font-size: 0px !important;
}

.afrekenform .payment_box fieldset {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
	padding: 0px !important;
	font-size: 10px !important;
	margin-top: 0px !important;
}

.afrekenform #shipping_address_2, .afrekenform #billing_address_2 {
    display: none;
}

@media only screen and (min-width: 600px) {
.afrekenform .select2-selection.select2-selection--single {
	min-height: 50px;
	margin-top: -6px !important;
}

#shipping_country_field label, #billing_country_field label {
	position: relative;
	top: -7px !important;
}

.afrekenform #billing_email_field,
.afrekenform #billing_country_field, .afrekenform #shipping_country_field,
.afrekenform #billing_city_field, .afrekenform #shipping_city_field {
    width: calc(50% - 13px) !important;
    display: inline-block !important;
}

.afrekenform #billing_phone_field,
.afrekenform #billing_company_field, .afrekenform #shipping_company_field,
.afrekenform #billing_postcode_field, .afrekenform #shipping_postcode_field {
    width: calc(50% - 12px) !important;
    margin-right: 25px !important;
    display: inline-block !important;
}}

.afrekenform .shipping_address,
.afrekenform .e-checkout__order_review {
    margin-bottom: 40px !important;
}

.afrekenform .payment_method_buckaroo_creditcard {
    margin-top: 15px !important;
}
.afrekenform .woocommerce-terms-and-conditions-checkbox-text {
    font-size: 12px;
}

.afrekenform .woocommerce-form__label-for-checkbox.checkbox span {
  color: #A09682 !important;
}

.afrekenform .woocommerce-checkout-payment {
	font-family: Open Sans, Roboto, Sans Serif
}

.afrekenform .payment_box.payment_method_bacs {
	font-size: 13px !important;
	font-style: italic;
	letter-spacing: 0.5px;
	color: #000 !important;
}

.afrekenform #order_review
.order-total td,
.afrekenform #order_review .cart-subtotal td,
.afrekenform #order_review .woocommerce-shipping-methods,
.afrekenform #order_review .product-total {
	text-align: right;
}


.afrekenform #order_review .product-quantity {
	font-size: 80%;
}

@media only screen and (min-width: 1025px) {
.content .e-checkout__container {
    display: grid !important;
    grid-column-gap: 50px !important;
    grid-template-columns: 60% auto;
}}

@media (max-width: 1024px) {
.elementor-widget-woocommerce-cart .e-cart__container {
    grid-template-columns: repeat(1, 1fr);
}}


.afrekenform #order_review thead th {
	padding-bottom: 10px !important;
	border-bottom: 1px solid #a09682 !important;
}

.afrekenform tbody::before {
	content: '.' !important;
	font-size: 1px !important;
	line-height: 30em;
	opacity: 0 !important;
}

.afrekenform tbody::after {
	content: '.' !important;
	font-size: 1px !important;
	line-height: 0em;
	opacity: 0 !important;
}

.afrekenform #order_review .cart_item td {
	line-height: 2em !important;
	border-bottom: 7px solid #fefcf8 !important;
}

/.afrekenform #order_review .cart_item {
	background: #F5F1E8 !important;
}

.afrekenform #order_review .cart_item {
    background: rgba(245,241,232,0.4) !important;
}

.afrekenform #order_review tbody .product-name {
	padding-left: 10px !important;
}

.afrekenform #order_review tbody .product-total {
	padding-right: 10px !important;
}

.afrekenform .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox.checkbox span,
.afrekenform .woocommerce-privacy-policy-text {
	color: #3c3c3c !important;
}

.afrekenform .woocommerce-privacy-policy-text a,
.afrekenform .checkbox a {
	color: #6F6145;
    border-bottom: 1px solid rgba(160, 150, 130, 0.25) !important;
	cursor: pointer;
}

.afrekenform .woocommerce-terms-and-conditions-wrapper {
	margin-top: 40px;
	border-top: 1px solid #A09682;
}

.afrekenform .woocommerce-privacy-policy-text p {
	padding: 10px 0px 10px 0px !important;
	margin: 0px 0px 20px 0px !important;
	border-bottom: 1px solid #A09682;
}

.afrekenform .woocommerce-privacy-policy-text p {
	font-size: 11px !important;
	line-height: 1.55em;
	font-style: italic;
}

.afrekenform .woocommerce-privacy-policy-text a:hover,
.checkbox a:hover {
	color: #A09682 !important;
    border-bottom: 1px solid rgba(160, 150, 130, 0) !important;
}

.afrekenform
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span,
.afrekenform .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox a {
	font-size: 11px !important;
	line-height: 1;
}

.afrekenform .checkbox input {
	position: relative;
	top: 2px;
}

.afrekenform .button.alt {
	margin-top: 15px;
	margin-bottom: 0px !important;
}

.afrekenform .e-checkout__order_review {
	background: #fefcf8 !important;
	border: 0px solid !important;
}

.afrekenform .woocommerce-Price-currencySymbol {
	margin-right: 3px;
}

.afrekenform .order-total bdi,
.afrekenform .order-total th {
	font-weight: 700 !important;
	color: #A09682 !important;
}

.afrekenform .woocommerce-Price-amount.amount bdi {
	font-weight: 500;
	color: #000 !important;
}

@media only screen and (max-width: 1024px) and (min-width: 500px) {
.afrekenform .e-checkout__order_review  {
	margin: 0px 40px !important
}}
	
@media only screen and (max-width: 1024px) {
.afrekenform .e-checkout__column.e-checkout__column-start,
.afrekenform .e-checkout__order_review-2 {
	padding-left: 40px !important;
	padding-right: 40px !important;
}
	
.afrekenform .e-checkout__order_review {
	padding: 40px !important
}
	
.afrekenform .woocommerce-additional-fields {
	margin-bottom: 20px !important;
}	

.afrekenform .form-row.place-order,
.afrekenform #payment {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}}

@media only screen and (max-width: 767px) {
.afrekenform {
	margin-top: 20px;
	padding-top: 30px;
	border-top: 1px solid #A09682;
}}

@media only screen and (max-width: 767px) and (min-width: 350px) {
.afrekenform #order_comments {
	min-height: 70px;
}}


@media only screen and (max-width: 349px) {
.afrekenform #order_comments {
	min-height: 90px;
}}

.afrekenform .woocommerce-shipping-may-be-available-html.e-checkout-message.e-cart-content {
	text-transform: lowercase !important;
	text-align: right !important;
	float: right !important;
	color: #000 !important;
	font-size: 11px !important;
	letter-spacing: 0px !important;
	line-height: 1.2em !important;
}


.afrekenform .cart_item .product-name ,
.afrekenform tfoot .shipping th,
.afrekenform tfoot .cart-subtotal th {
	min-width: 65% !important;
	width: 65% !important;
	max-width: 65% !important;
}

.afrekenform .cart_item .product-total,
.afrekenform tfoot .shipping td,
.afrekenform tfoot .cart-subtotal td {
	min-width: 35% !important;
	width: 35% !important;
	max-width: 35% !important;
}

.afrekenform tfoot #shipping_method label {
	font-size: 0px !important;
}

.afrekenform tfoot #shipping_method label .amount {
	font-size: 12px 
}

.afrekenform .shipping td,
.afrekenform .shipping th {
	padding-top: 10px !important;
	padding-bottom: 15px !important;
}

.afrekenform .cart-subtotal td, 
.afrekenform .cart-subtotal th {
	border-top: 1px solid #a09682 !important;
	padding-top: 20px !important;
}

.afrekenform .shipping td, 
.afrekenform .shipping th {
    border-bottom: 1px solid #a09682 !important;
}

.afrekenform .order-total td,
.afrekenform .order-total th {
	padding-top: 20px !important;
}

/* Einde extra CSS Betaalpagina */




/* Extra CSS betaal succes */

@media only screen and (max-width: 1024px) {
.woocommerce-order-received .woocommerce {
	padding-left: 40px;
	padding-right: 40px;
}}

.woocommerce-order-received .shop_table a {
	color: #6F6145;
    border-bottom: 1px solid rgba(160, 150, 130, 0.25) !important;
	cursor: pointer;
}

.woocommerce-order-received .shop_table a:hover {
	color: #A09682 !important;
    border-bottom: 1px solid rgba(160, 150, 130, 0) !important;
}

.woocommerce-order-received 
.woocommerce-order-overview {
	font-family: Open Sans, Roboto, Sans-Serif;
	margin-top: 40px !important;
}

.woocommerce-order-received ul li {
	color: #3c3c3c !important;
}

.woocommerce-order-received .shop_table th,
.woocommerce-order-received .shop_table td {
	color: #3c3c3c !important;
	font-weight: 400 !important;
}

.woocommerce-order-received
.woocommerce-order-overview__total.total .amount bdi {
	font-weight: 700 !important;
	color: #3c3c3c !important;
}

.woocommerce-order-received
.woocommerce-customer-details {
	margin-bottom: 0px !important;
}
.woocommerce-order-received .order_details li {
	line-height: 2em !important;
	font-size: 10px !important;
}	

.woocommerce-thankyou-order-received::before {
content: '👏✨';
}

@media only screen and (min-width: 768px) {
.woocommerce-order-received
	.woocommerce-thankyou-order-received::before {
	font-size: 45px;
	position: relative;
	top: 5px;
	margin-right: 10px;
}	
	
.woocommerce-order-received
.woocommerce-thankyou-order-received {
	font-size: 30px;
	padding: 40px 0px !important;
	margin-top: 30px !important;
	margin-bottom: 40px !important;
	border-top: 1px solid #A09682;
	border-bottom: 1px solid #A09682;
}}

@media only screen and (max-width: 767px) {
.woocommerce-order-received 
.woocommerce-order-overview {
	border-top: 1px solid #A09682 !important;
	padding-top: 40px !important;
}

.woocommerce-order-received .order_details li {
		margin-bottom: 10px !important;
}	
	
.woocommerce-order-received
.woocommerce-thankyou-order-received::before {
	position: absolute;
	width: 200px;
	top: 50px;
	left: calc(50% - 100px);
	font-size: 70px;
}	
.woocommerce-order-received
.woocommerce-thankyou-order-received {
	font-size: 25px;
	max-width: 290px;
	margin: auto;
	padding-top: 80px;
}
	
.woocommerce-order-received 
	.woocommerce-column.woocommerce-column--2 {
	margin-top: 20px;		
}}

@media only screen and (max-width: 550px) {
.woocommerce-order-received .woocommerce-order-details tbody::before,
.woocommerce-order-received .woocommerce-order-details tbody::after	
{
	display: none;
}	

.woocommerce-order-received
.woocommerce-table__line-item.order_item td {
	padding-top: 10px !important;
}
	
.woocommerce-order-received
.woocommerce-order-details tfoot th {
	padding-top: 17px !important;
}	
	
.woocommerce-order-received .woocommerce-order-details tfoot th,
.woocommerce-order-received .woocommerce-order-details tfoot td {
	width: 100% !important;
	display: block ;
}	
	
.woocommerce-order-received
.woocommerce-order-overview.woocommerce-thankyou-order-details,
.woocommerce-order-received
.woocommerce-bacs-bank-details {
	display: grid !important;
}	
	
.woocommerce-order-received
.woocommerce-order-overview.woocommerce-thankyou-order-details li,
.woocommerce-order-received
	.bacs_details .bank_name,
.woocommerce-order-received
	.bacs_details .iban {
		border: none;
		min-width: 100% !important;
}}

.woocommerce-order-received
.woocommerce-thankyou-order-received {
	color: #A09682;
	text-align: center;
	line-height: 1.25em;
}

.wc-bacs-bank-details-heading,
.woocommerce-order-details__title,
.woocommerce-column__title {
	font-size: 20px !important;
	margin-top: 0px !important;
	padding-top: 0px !important;
}

.woocommerce-order-received .order_details {
	padding-left: 0px;
}

.woocommerce-order-received
.woocommerce-bacs-bank-details ul {
	padding-left: 0px !important;
}

.woocommerce-order-received
.woocommerce-columns--addresses address {
	height: auto !important;
	border: 1px solid #A09682 !important;
	box-shadow: none !important;
	border-radius: 0px !important;
	padding: 20px !important;
	color: #3c3c3c !important;
}

.woocommerce-order-received
.woocommerce-customer-details--phone {
	margin-bottom: 0px !important;
}

/* Einde extra CSS betaal succes */









/* Extra CSS contactpagina */


.contactpag .form .elementor-button {
	transition: all 0.1s ease !important;
}

@media only screen and (min-width: 951px) {
.contactpag .form {
    margin-top: 60px;
}
    
.contactpag .col1 {
    width: 550px !important;
}

.contactpag .col2 {
    width: calc(100% - 550px) !important
}}

@media only screen and (min-width: 951px) {
.contactpag .col1 {
    padding-right: 50px !important;
}}

@media only screen and (max-width: 950px) {
.contactpag .col1 {
    padding-right: 0px !important;
    width: 100% !important;
}

.contactpag .col2 {
    width: 100% !important;
    padding-top: 20px;
}}

@media only screen and (max-width: 950px) and (min-width: 768px) {
.contactpag .col1 .txt {
    width: 45% !important;    
}

.contactpag .col1 .afb {
    position: absolute;
    top: 0px;
    right: 0px;
    max-width: calc(55% - 30px) !important;
    max-height: calc(100% - 20px) !important;
    object-fit: cover;
    overflow: hidden;
}
    
.contactpag .col1 .afb img {
    margin-top: -20%;
}}

@media only screen and (max-width: 767px) {
.contactpag .afb {
    display: none;
}}

/* Einde extra CSS contactpagina */






/* Extra CSS eigen ontwerp */


.eigenontwerp .form .elementor-button {
	transition: all 0.1s ease !important;
}

.eigenontwerp .elementor-field-type-select label {
	position: absolute;
	color: #A09682 !important;
}

.eigenontwerp 
.elementor-field.elementor-select-wrapper.remove-before  {
	max-width: calc(100% - 75px) !important;
	margin-left: 75px;
	color: #A09682 !important;
}
.eigenontwerp .col2 {
	border-radius: 2px;
}

.eigenontwerp .col2 .form {
	background: rgba(255,255,255,0.4) !important;
	padding: 40px !important;
}

.eigenontwerp .elementor-field-label {
    font-size: 11px;
}


@media only screen and (min-width: 1025px) {
.eigenontwerp .col1 {
    width: calc(100% - 620px);   
    padding-right: 45px !important;
}

.eigenontwerp .col2 {
    width: 620px !important;   
}}


@media only screen and (max-width: 1024px) {
.eigenontwerp .col1 {
    width: 100% !important;
}

.eigenontwerp .col2 {
    width: 100% !important;
    margin-top: 40px;
}}

@media only screen and (max-width: 500px) {
.eigenontwerp {
    padding: 0px !important;
}

.eigenontwerp .col1 {
    padding: 0px 40px !important;
}
	
.eigenontwerp .col2 {
	margin-bottom: -40px !important
}}

/* Einde extra CSS eigen ontwerp */


/* Extra CSS wandplanken */

.wandplanken h1 {
    margin-top: 0px;
}

.wandplanken .form .elementor-button {
	transition: all 0.1s ease !important;
}

.wandplanken .elementor-field-type-select label {
	position: absolute;
	color: #A09682 !important;
}

.wandplanken .elementor-field.elementor-select-wrapper.remove-before  {
	max-width: calc(100% - 50px) !important;
	margin-left: 50px;
	color: #A09682 !important;
}
.wandplanken .col2 {
	border-radius: 2px;
}

.wandplanken .col2 .form {
	background: rgba(255,255,255,0.4) !important;
	padding: 40px !important;
}

.wandplanken .elementor-field-label {
    font-size: 11px;
}

@media only screen and (min-width: 1025px) {
.wandplanken .col1 {
    width: calc(100% - 620px);   
    padding-right: 45px !important;
}

.wandplanken .col2 {
    width: 620px !important;   
}}


@media only screen and (max-width: 1024px) {
.wandplanken .col1 {
    width: 100% !important;
}

.wandplanken .col2 {
    width: 100% !important;
    margin-top: 40px;
}}

@media only screen and (max-width: 500px) {
.wandplanken {
    padding: 0px !important;
}

.wandplanken .col1 {
    padding: 0px 40px !important;
}}

/* Einde extra CSS wandplanken */



/* Extra CSS gratis staalaanvraag pagina */

@media only screen and (max-width: 767px) {
.kleurstaal .txtblok, .highlight2 .box  {
    padding: 0px 40px;
}}

@media only screen and (max-width: 1024px) and (min-width: 799px) {
.kleurstaal .stalen {
    padding: 0px 40px !important;
}}

.kleurstaal h1, .kleurstaal .kop {
    margin-top: 0px !important;
}

.kleurstaal .highlight2 .box .content {
    padding: 20px 40px;
    background: #d5cfc2;
    border-radius: 2px;
}

@media only screen and (min-width: 1025px) {
.kleurstaal .highlight2 .box {
    margin-top: 30px;
}
    
.kleurstaal .highlight2 .mark { 
    left: -20px;
    top: 59px;
}}

@media only screen and (max-width: 1024px)  {
.kleurstaal .highlight2 .box {
    margin-top: 20px;
}
    
.kleurstaal .highlight2 .mark { 
    left: 20px;
    top: 52px;
}}

.kleurstaal .highlight2 .mark {
    position: absolute;
    padding: 5px 14px;
    color: #d5cfc2;
    border: 4px solid #d5cfc2;
    background: #F5F1E8;
    border-radius: 100px;
    font-weight: 700;
    font-size: 25px;
}

@media only screen and (min-width: 1200px) {
.kleurstaal .stalen ul {
    grid-template-columns: repeat(5, 1fr) !important;
}}

@media only screen and (max-width: 1199px) and (min-width: 950px) {
.kleurstaal .stalen ul {
    grid-template-columns: repeat(4, 1fr) !important;
}}

@media only screen and (max-width: 949px) and (min-width: 800px) {
.kleurstaal .stalen ul{
    grid-template-columns: repeat(3, 1fr) !important;
}}

@media only screen and (max-width: 799px) and (min-width: 500px) {
.kleurstaal .stalen ul {
	grid-template-columns: repeat(15, 1fr) !important;
    padding: 0px 40px 40px 40px !important;
    overflow-x: scroll;
    margin-top: -10px !important;
    margin-bottom: -30px !important;
}

.kleurstaal .stalen	.product {
    width: calc(45vw - 70px) !important;
}}

@media only screen and (max-width: 798px) {
.kleurstaal .woocommerce-message  {
	margin-left: 40px;
	margin-right: 40px;
}}

@media only screen and (max-width: 499px) {
.kleurstaal .stalen ul {
	grid-template-columns: repeat(15, 1fr) !important;
    padding: 0px 40px 40px 40px !important;
    overflow-x: scroll;
    margin-top: -10px !important;
    margin-bottom: -30px !important;
}  

.kleurstaal .stalen	.product {
    width: calc(100vw - 140px) !important;
}}

@media only screen and (min-width: 768px) {
.kleurstaal .highlight2 .kopje,
.kleurstaal .highlight2 .txt {
    line-height: 1.7em;
    margin: 0px;
}}

@media only screen and (max-width: 768px) {
.kleurstaal .highlight2 .kopje {
    line-height: 1.35em !important;
    margin: 0px 0px 10px 0px;
}

.kleurstaal .highlight2 .txt {
    line-height: 1.35em !important;
    margin: 0px;
}}


/* Einde extra CSS gratis staalaanvraag */





/* Extra CSS onderhoudspagina */

@media only screen and (min-width: 768px) {
.onderhoud .inneronderhoudskit .col1 {
    width: calc(100% - 350px) !important;
    padding-right: 50px;
}

.onderhoud .inneronderhoudskit .col2 {
    width: 350px !important;
}}

@media only screen and (max-width: 767px) {
.onderhoud .inneronderhoudskit .col1 {
    margin-top: 40px;
}

.onderhoud .inneronderhoudskit {
    margin-top: 30px;
}
    
.onderhoud .txtond ul {
    padding-left: 14px !important;
}

.onderhoud .txtond li {
    padding-top: 14px !important;
}}

/* Einde extra CSS onderhoudspagina */








/* Extra CSS header */

.header .col3 .elementor-button {
	background: none !important;
}

.search .elementor-search-form__input {
    border-top: 1px solid #aeaeae !important;
    border-bottom: 1px solid #aeaeae !important;
    border-left: 1px solid #aeaeae !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.search .elementor-search-form__submit {
    border: 1px solid #AEAEAE !important;
}

.header .sub-menu li {
	min-width: 230px !important;
}

.header .sub-menu .sub-arrow {
	color: #A09682 !important;
	position: absolute; right: 10px;
	top: 14px;
}

.header .elementor-menu-cart__close-button:after, 
.header .elementor-menu-cart__close-button:before {
    height: 2px ;
}

.header .product-remove {
    border: none !important;
    opacity: 0.35;
    filter: grayscale(1);
    transition: all 0.1s ease;
}

.header .product-remove::before,
.header .product-remove::after {
    background: #a09682 !important;
    transition: all 0.1s ease;
}

.header .product-remove:hover {
    filter: grayscale(0);
    opacity: 1;
}

.header .elementor-menu-cart__close-button {
    position: absolute;
    right: 25px;
    top: 25px;
}

.header .widget_shopping_cart_content::before {
    content: "Winkelwagen";
    margin-bottom: 20px;
    color: #000;
    font-weight: 400;
    font-size: 15px;
}

@media only screen and (min-width: 1370px) {
.header {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	border-bottom-left-radius: 7px !important;
	border-bottom-right-radius: 7px !important;
}}

@media only screen and (max-width: 1214px) and (min-width: 1025px) {
.header {
	padding-left: 40px !important;
	padding-right: 40px !important;
}}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
.header {
	padding-left: 20px !important;
	padding-right: 20px !important;
}}

.header .elementor-button:focus {
	background: none !important;
}

.cart .elementor-menu-cart__main {
	padding: 40px;
	margin-top: 100px;
}

.cart .elementor-menu-cart__product-image.product-thumbnail {
    max-height: 50px !important;
    max-width: 50px !important;
    overflow: hidden;
}
    
.elementor-menu-cart__product {
    display: grid;
    grid-template-columns: 60px auto !important;
}

.cart .woocommerce-mini-cart__empty-message {
    font-size: 80%;
    font-weight: 400;
}


@media only screen and (max-width: 400px) {
.cart .elementor-menu-cart__main {
    width: calc(100% - 40px) !important;
}}

.cart .elementor-menu-cart__footer-buttons {
	position: absolute;
	bottom: 30px;
	width: calc(100% - 80px) !important;
}

.cart .elementor-button--view-cart {
    font-size: 0px;
    background: none !important;
    width: 32px !important;
	position: absolute !important;
	right: 0px !important;
	bottom: 0px !important;
}

.cart .elementor-button--view-cart::after {
	content: "➜" !important;
	font-weight: 400 !important;
    color: #fff !important;
    text-align: center !important;
    border-radius: 100px !important;
    background: #A09682 !important;
    position: absolute !important;
    right: 0px !important;
    bottom: 0px !important;
    cursor: pointer !important;
    width: 42px !important;
    height: 42px !important;
    font-size: 14px !important;
    padding: 7px 0px 0px 2px !important;
}

.cart .elementor-button.elementor-button--checkout.elementor-size-md,
.cart .elementor-button--checkout:active,
.cart .elementor-button--checkout {
    position: absolute;
    left: 0px;
    bottom: 0px;
	background: #3c3c3c !important;
	color: #ffffff !important;
	border: 1px solid #3c3c3c !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    font-size: 12px !important;
    padding: 10px !important;
	border-radius: 3px !important;
	cursor: pointer !important;
	transition: all 0.1s ease;
}

.cart .elementor-button.elementor-button--checkout.elementor-size-md:hover,
.cart .elementor-button--checkout:hover {
	background: #000000 !important;
	border: 1px solid #000000 !important;
}

.header .cart .elementor-menu-cart__subtotal {
	text-transform: uppercase;
	font-weight: 400 !important;
	letter-spacing: 2px;
	position: absolute;
	width: calc(100% - 80px) !important;
	padding: 5px !important;
	font-size: 12px !important;
}

@media only screen and (min-width: 768px) {
.cart .elementor-button--checkout {
    padding: 10px !important;
    font-size: 12px !important;
    width: calc(100% - 80px);
}

.elementor-menu-cart__subtotal {
	bottom: 105px;
}

.cart .widget_shopping_cart_content {
	height: calc(100vh - 281px) !important;
	max-height: calc(100vh - 281px) !important;
	overflow-y: scroll;
}}

@media only screen and (max-width: 767px) {
.cart .elementor-button--checkout {
    padding: 7px !important;
    font-size: 10px !important;
    width: calc(100% - 60px);
}

.elementor-menu-cart__subtotal {
	bottom: 90px;
}
    
.cart .widget_shopping_cart_content {
	height: calc(100vh - 266px) !important;
	max-height: calc(100vh - 266px) !important;
	overflow-y: scroll;
}}

@media only screen and (max-width: 767px) {
.header .menu li a {
	color: #676258 !important;
}

.header .menu ul li ul li {
	background: #faf8f5;
}

.header .menu ul li ul li ul li {
	background: #fcfcfa;
}}

@media only screen and (min-width: 768px) {
.header {
    height: 80px;
}        
    
.header .col1 {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 80px;
    width: 150px !important;
}

.header .col2 {
    position: absolute;
    top: 0px;
    right: 85px;
    height: 80px;
    width: calc(100% - 245px) !important;
}

.header .col2 .menu {
    padding-right: 15px;
    border-right: 1px solid #E2E2E2;
}

.header .col3 {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 80px;
    width: 40px !important;
}
    
.header .col4 {
    top: 0px;
    position: absolute;
    right: 40px;
    height: 80px;
    width: 30px !important;
}
    
#elementor-search-form-5322ddc {
    position: absolute;
    left: calc(50% - 250px) !important;
    top: calc(50% - 40px) !important;
    width: 500px !important;
    margin: auto !important;    
}}




@media only screen and (max-width: 767px) {
.header {
    height: 60px;
}    
    
.header .col1 {
    width: 135px !important;
    height: 30px;
    position: absolute;
    right: 65px;
    top: 15px;
    padding-right: 15px;
    border-right: 1px solid #E2E2E2;
}

.header .col2 {
    width: 20px !important;
    left: 15px;
    top: 15px;
    position: absolute;
}

.header .col3 {
    width: 40px !important;
    position: absolute;
    right: 20px;
    top: 15px;
}
    
.header .col4 {
    top: 15px;
    position: absolute;
    padding-left: 10px;
    border-left: 1px solid #E2E2E2;
    left: 60px;
    height: 30px;
    width: 50px !important;
}

#elementor-search-form-5322ddc {
    position: absolute;
    left: 15%;
    top: 23%;
    width: 70% !important;
}}    

input.elementor-search-form__input::-webkit-search-cancel-button {
    display: none;
}

#elementor-search-form-5322ddc {
    padding: 10px;
    border: 0px !important;
    border-bottom: 1px dashed rgba(255,255,255,0.4) !important;
}

.header .dialog-lightbox-close-button.dialog-close-button {
	position: absolute !important;
	top: 20px !important;
	right: 35px !important;
}

.header .col3 .cart svg {
    position: relative;
    top: 2px;
}


@media only screen and (min-width: 770px) {
.header .cart .variation {
   font-size: 11px;
    line-height: 1.5;
}}

@media only screen and (max-width: 767px) {
.header .cart .variation {
   font-size: 10px !important;
   line-height: 1.4 !important;
}}

.header .cart .variation {
    color: #000000 !important;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 300 !important;
    margin-top: 10px;
    margin-bottom: 20px;
}


/* Einde extra CSS header */









/* Extra CSS footer */

.footer, .footer a {
    font-size: 14px;
    line-height: 1.83em !important;
    color: #fff;
}

.footer h6, .footer .hazes, .footer .volgons, .footer .footerkopje {
    letter-spacing: 1px;
    line-height: 1;
    margin-top: -2px;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

@media only screen and (max-width: 1214px) and (min-width: 1025px) {
.footer {
	padding-left: 40px !important;
	padding-right: 40px !important;
}}

@media only screen and (min-width: 1025px) {
.footer .col1, .footer .col2, .footer .col3, .footer .col4, .footer .col5 {
    position: absolute;
}    
    
.footer {
    height: 440px;
}

.footer .col1 {
    width: 230px !important;
    left: 0px;
    top: 0px;
}

.footer .col2 {
    width: 180px !important; 
    left: calc(23% + 30px);
    top: 0px;
}

.footer .col3 {
    width: 270px !important;
    padding-right: 30px;
    right: 26.5%;
    top: 0px;
}

.footer .col4 {
    width: 260px !important;
    padding-right: 30px;
    right: 0%;
    top: 0px;
}
    
.footer .col5 {
    border-top: 1px solid rgba(255,255,255,0.2);
    padding-top: 45px;
    width: 100% !important;
    left: 0px;
    top: 300px;
}

.footer .volgons {
    position: absolute;
    right: 110px;
    top: 0px;
}

.footer .socialicons {
    position: absolute;
    top: -7px;
    right: 0px;
}

.footer .betaalicons {
    position: absolute;
    top: -9px;
    left: 215px;
}

.footer .col5 .blok1 {
    position: absolute;
    left: 0px;
    width: 450px; !important;
    height: 20px;
}

.footer .col5 .blok2 {
    position: absolute;
    right: 0px;
    width: 300px; !important;
    height: 20px;
}}


@media only screen and (max-width: 1024px) and (min-width: 768px) {
.footer .col1 {
    position: absolute;
    width: calc(50% - 15px) !important;
    left: 0px;
    top: 0px;
}

.footer  .col2 {
    position: absolute;
    width: 180px !important;
    left: 37%;
    top: 0px;
}

.footer .col3 {
    position: relative;
    width: calc(30% + 15px) !important;
    margin-left: calc(70% - 15px);
    top: 0px;
}

.footer .col4 {
    position: relative;
    width: calc(30% + 15px) !important;
    margin-left: calc(70% - 15px);
    margin-top: 20px;
    top: 0px;
}
    
.footer .col5 {
    position: absolute;
    width: 230px !important;
    height: auto;
    left: 0px;
    top: 160px;
}

.footer .col5 .blok2 {
    margin-top: 20px;
}}


@media only screen and (max-width: 767px) and (min-width: 575px) {
.footer {
    height: 680px;
}

.footer .eenvoudigbetalen {
    margin-top: 30px;
}

.footer .col1 {
    position: absolute;
    width: calc(50% - 15px) !important;
    left: 0px;
    top: 0px;
}

.footer .col2 {
    position: absolute;
    width: calc(50% - 15px) !important;
    left: 0px;
    top: 160px;
}

.footer .col3 {
    position: relative;
    width: calc(50% - 15px) !important;
    margin-left: calc(50% + 15px);
    top: 0px;
}

.footer .col4 {
    position: relative;
    width: calc(50% - 15px) !important;
    margin-left: calc(50% + 15px);
    margin-top: 25px;
    top: 0px;
}
    
.footer .col5 {
    position: absolute;
    width: calc(50% - 15px) !important;
    left: 0px;
    top: 425px;
}

.footer .col5 .blok2 {
    margin-top: 10px;
}}

@media only screen and (max-width: 574px) {
.footer .col2, .footer .col3, .footer .col4, .eenvoudigbetalen {
    margin-top: 40px;
}
    
.footer .col5 .blok2 {
    margin-top: 20px;
}}







.ma, .creditcard, .visa, .ideal {
    height: 27px !important;
    width: auto !important;
	margin-right: 7px;
}

.socialicons .fb, .socialicons .insta, .socialicons .tiktok {
	opacity: 0.7;
	transition: all 0.1s ease;
	width: auto !important;
	height: 23px;
	margin-right: 7px;
}    

.socialicons .fb:hover, .socialicons .insta:hover, .socialicons .tiktok:hover {
	opacity: 1;
	cursor: pointer !important;
	border-bottom: 0px solid !important;
}


.footer .txt a {
	font-weight: 400 !important;
	transition: all 0.1s ease;
	color: #fff !important;
	opacity: 0.7;
	border-bottom: 1px solid rgba(255,255,255,0)
}

.footer .txt a:hover {
	color: #fff !important;
	cursor: pointer;
	opacity: 1;
	border-bottom: 1px solid rgba(255,255,255,0.25) 
}










.subfooter a {
    color: #A09682;
    transition: all 0.1s ease;
}

.subfooter a:hover {
    color: #000 !important
    border-bottom: 1px solid rgba(160,150,130,0.25);
    cursor: pointer !important;
}

.subfooter, .subfooter p, .subfooter a {
    font-size: 11px;
    line-height: 2em;
}

@media only screen and (min-width: 400px) {
.subfooter .break {
    display: none;
}}

@media only screen and (max-width: 399px) {
.subfooter .streepje2 {
    display: none;
}    
    
.subfooter {
    padding: 30px 0px !important;
}}

.streepje, .streepje2 {
    margin: 0px 10px;
    opacity: 0.15;
}


/* Einde extra CSS footer */










/* Extra CSS winkelwagen pagina */

.page-id-12 .wp-block-heading.has-text-align-center.with-empty-cart-icon.wc-block-cart__empty-cart__title {
	display: block !important;
}

.page-id-12 .wc-block-grid,
.page-id-12 .wp-block-heading,
.page-id-12 .wp-block-separator {
display: none;
}


@media only screen and (min-width: 1025px) {
.cartsec .elementor-widget-woocommerce-cart .e-cart__container {
    display: grid !important;
    flex-wrap !important;
    grid-column-gap: 50px !important;
	grid-template-columns: 62% auto; !important
}}

.cartsec .kruimel {
	font-size: .85em !important;
}

.winkelwagen .cart_totals .order-total td {
	margin-bottom: 10px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	border-top: 1px solid #a09682 !important;
	color: #000000 !important;
	font-weight: 700 !important;
}

.winkelwagen .cart_totals .woocommerce-shipping-totals.shipping td {
	margin-bottom: 10px !important;
	padding-top: 25px !important;
	padding-bottom: 20px !important;
}

.winkelwagen .cart_totals .cart-subtotal td {
	margin-bottom: 10px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	border-bottom: 1px solid #a09682 !important;
}

.winkelwagen .e-shop-table.e-cart-section.e-cart-section--no-coupon {
	padding: 0px !important;
	border: none !important;
}

.cartsec .e-shop-table .product-remove,
.cartsec .e-shop-table .product-thumbnail,
.cartsec .e-shop-table .product-name,
.cartsec .e-shop-table .product-price,
.cartsec .e-shop-table .product-quantity,
.cartsec .e-shop-table .product-subtotal {
	padding-bottom: 20px !important;
	margin-bottom: 20px !important;
}

.winkelwagen .e-cart-totals.e-cart-section {
	padding: 40px !important;
}

.winkelwagen .input-text.qty.text {
    background: #F5F1E8 !important;
}

.winkelwagen .woocommerce-Price-currencySymbol {
    margin-right: 3px;
}

.winkelwagen .product-quantity {
    font-size: 80%;
}

@media only screen and (min-width: 770px) {
.winkelwagen .cart tr td {
	padding: 15px !important;
}
		
.cartsec .winkelwagen .variation {
   font-size: 12px;
    line-height: 1.2;
}
	
.winkelwagen .product-thumbnail {
	min-width: 85px !important;
}
	
.winkelwagen table.cart td.product-price,
.winkelwagen th.product-price {
	padding-right: 45px !important;
}

.winkelwagen .product-subtotal {
	text-align: right !important;
}	
	
.winkelwagen .product-price {
	text-align: right;
}}	
	

@media only screen and (max-width: 769px) {
.winkelwagen .cart_item {
	padding: 20px !important;
}
	
.cartsec .winkelwagen .variation {
   font-size: 10px !important;
   line-height: 1.4 !important;
}
	
.winkelwagen .cart tr td {
	padding: 0px !important;
}	
	
.elementor-widget-woocommerce-cart .woocommerce table.cart td {
	padding-bottom: 0px !important
}

.cartsec .winkelwagen .e-shop-table .product-remove {
	margin-bottom: 10px !important;
}
	
.cartsec .winkelwagen .e-shop-table .product-subtotal {
	margin-bottom: 0px !important;
}}

.cartsec .winkelwagen .variation {
    color: #695E48 !important;
    font-weight: 300 !important;
    margin-top: 10px;
}

.cartsec .winkelwagen .variation {
    color: #695E48 !important;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 300 !important;
    margin-top: 10px;
}

.winkelwagen .cart_item {
	background: rgba(255,255,255,0.4) !important;
}

.winkelwagen th {
	padding-left: 15px !important;
}

.winkelwagen .input-text.qty  {
	padding-left: 10px !important;
	width: 60px;
}

.winkelwagen .woocommerce-notices-wrapper .woocommerce-message,
.winkelwagen .woocommerce-notices-wrapper {
	padding-bottom: 12px !important;
}

/* Einde extra CSS winkelwagen pagina */





/* Extra CSS betaal succes */

@media only screen and (max-width: 1024px) {
.woocommerce-order-received .woocommerce {
	padding-left: 40px;
	padding-right: 40px;
}}

.woocommerce-order-received .shop_table a {
	color: #6F6145;
    border-bottom: 1px solid rgba(160, 150, 130, 0.25) !important;
	cursor: pointer;
}

.woocommerce-order-received .shop_table a:hover {
	color: #A09682 !important;
    border-bottom: 1px solid rgba(160, 150, 130, 0) !important;
}

.woocommerce-order-received 
.woocommerce-order-overview {
	font-family: Open Sans, Roboto, Sans-Serif;
	margin-top: 40px !important;
}

.woocommerce-order-received ul li {
	color: #3c3c3c !important;
}

.woocommerce-order-received .shop_table th,
.woocommerce-order-received .shop_table td {
	color: #3c3c3c !important;
	font-weight: 400 !important;
}

.woocommerce-order-received
.woocommerce-order-overview__total.total .amount bdi {
	font-weight: 700 !important;
	color: #3c3c3c !important;
}

.woocommerce-order-received
.woocommerce-customer-details {
	margin-bottom: 0px !important;
}
.woocommerce-order-received .order_details li {
	line-height: 2em !important;
	font-size: 10px !important;
}	

.woocommerce-thankyou-order-received::before {
content: '👏✨';
}

@media only screen and (min-width: 768px) {
.woocommerce-order-received
	.woocommerce-thankyou-order-received::before {
	font-size: 45px;
	position: relative;
	top: 5px;
	margin-right: 10px;
}	
	
.woocommerce-order-received
.woocommerce-thankyou-order-received {
	font-size: 30px;
	padding: 40px 0px !important;
	margin-top: 30px !important;
	margin-bottom: 40px !important;
	border-top: 1px solid #A09682;
	border-bottom: 1px solid #A09682;
}}

@media only screen and (max-width: 767px) {
.woocommerce-order-received 
.woocommerce-order-overview {
	border-top: 1px solid #A09682 !important;
	padding-top: 40px !important;
}

.woocommerce-order-received .order_details li {
		margin-bottom: 10px !important;
}	
	
.woocommerce-order-received
.woocommerce-thankyou-order-received::before {
	position: absolute;
	width: 200px;
	top: 50px;
	left: calc(50% - 100px);
	font-size: 70px;
}	
.woocommerce-order-received
.woocommerce-thankyou-order-received {
	font-size: 25px;
	max-width: 290px;
	margin: auto;
	padding-top: 80px;
}
	
.woocommerce-order-received 
	.woocommerce-column.woocommerce-column--2 {
	margin-top: 20px;		
}}

@media only screen and (max-width: 550px) {
.woocommerce-order-received .woocommerce-order-details tbody::before,
.woocommerce-order-received .woocommerce-order-details tbody::after	
{
	display: none;
}	

.woocommerce-order-received
.woocommerce-table__line-item.order_item td {
	padding-top: 10px !important;
}
	
.woocommerce-order-received
.woocommerce-order-details tfoot th {
	padding-top: 17px !important;
}	
	
.woocommerce-order-received .woocommerce-order-details tfoot th,
.woocommerce-order-received .woocommerce-order-details tfoot td {
	width: 100% !important;
	display: block ;
}	
	
.woocommerce-order-received
.woocommerce-order-overview.woocommerce-thankyou-order-details,
.woocommerce-order-received
.woocommerce-bacs-bank-details {
	display: grid !important;
}	
	
.woocommerce-order-received
.woocommerce-order-overview.woocommerce-thankyou-order-details li,
.woocommerce-order-received
	.bacs_details .bank_name,
.woocommerce-order-received
	.bacs_details .iban {
		border: none;
		min-width: 100% !important;
}}

.woocommerce-order-received
.woocommerce-thankyou-order-received {
	color: #A09682;
	text-align: center;
	line-height: 1.25em;
}

.wc-bacs-bank-details-heading,
.woocommerce-order-details__title,
.woocommerce-column__title {
	font-size: 20px !important;
	margin-top: 0px !important;
	padding-top: 0px !important;
}

.woocommerce-order-received .order_details {
	padding-left: 0px;
}

.woocommerce-order-received
.woocommerce-bacs-bank-details ul {
	padding-left: 0px !important;
}

.woocommerce-order-received
.woocommerce-columns--addresses address {
	height: auto !important;
	border: 1px solid #A09682 !important;
	box-shadow: none !important;
	border-radius: 0px !important;
	padding: 20px !important;
	color: #3c3c3c !important;
}

.woocommerce-order-received
.woocommerce-customer-details--phone {
	margin-bottom: 0px !important;
}

/* Einde extra CSS betaal succes */


/* Extra CSS homepage */

@media only screen and (min-width: 1200px) {
.headhome {
    height: 500px;
    overflow: hidden;
    padding: 0px 40px !important;
}    
    
.headhome .col1, .headhome .col3 {
    height: 500px;
    overflow: hidden;
    width: calc(30% - 14px) !important;
}

.headhome .col2 {
    margin: 0px 40px;
    width: calc(40% - 14px) !important;
}
    
.headhome .cta {
    text-align: center;
    height: 30px;
    width: 100% !important;
    position: absolute;
    left: 0px;
    bottom: 40px;
}}

@media only screen and (max-width: 1199px) and (min-width: 950px) {
.headhome {
    height: 300px;
    overflow: hidden;
    padding: 0px 40px !important;
}    
    
.headhome .col1, .headhome .col2, .headhome .col3 {
    height: 300px;
    overflow: hidden;
    width: calc(30% - 14px) !important;
}

.headhome .col2 {
    margin: 0px 21px;
    width: calc(40% - 14px) !important;
}
    
.headhome .cta {
    text-align: center;
    height: 30px;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 20px;
}}    


@media only screen and (max-width: 949px) and (min-width: 768px) {
.headhome {
    height: calc(70vh - 30px );
    overflow: hidden;
    padding: 0px 0px !important;
    margin-top: -40px !important;
}    
    
.headhome .col1 {
    height: calc(30vh - 35px);
    overflow: hidden;
    width: calc(50% - 2.5px) !important;
}

.headhome .col3 {
    position: absolute;
    right: 0px;
    top: 0px;
    height: calc(30vh - 35px);
    overflow: hidden;
    width: calc(50% - 2.5px) !important;
}

.headhome .col2 {
    height: calc(40vh);
    overflow: hidden;
    width: calc(100%) !important;
}

.headhome .col1 {
    margin-right: 5px;
    margin-bottom: 5px;
}
    
.headhome .cta {
    text-align: center;
    height: 30px;
    width: 100% !important;
    position: absolute;
    left: 0px;
    top: calc(40vh - 70px)
}}


@media only screen and (max-width: 767px) {
.headhome {
    height: calc(100vh - 60px);
    overflow: hidden;
    padding: 0px 0px !important;
    margin-top: -40px !important;
}    
    
.headhome .col1 {
    height: calc(40vh - 35px);
    overflow: hidden;
    width: calc(50% - 2.5px) !important;
}

.headhome .col3 {
    position: absolute;
    right: 0px;
    top: 0px;
    height: calc(40vh - 35px);
    overflow: hidden;
    width: calc(50% - 2.5px) !important;
}

.headhome .col2 {
    height: calc(60vh);
    overflow: hidden;
    width: calc(100%) !important;
}

.headhome .col1 {
    margin-right: 5px;
    margin-bottom: 5px;
}
    
.headhome .cta {
    text-align: center;
    height: 30px;
    width: 100% !important;
    position: absolute;
    left: 0px;
    top: calc(50vh - 25px)
}}



@media only screen and (min-width: 1500px) {
.headhome .cta .stelsamen,
.headhome .cta .eigenontwerp {
    display: none;
}

.headhome .cta .stelsamen2,
.headhome .cta .eigenontwerp2 {
    text-align: center !important;
    text-transform: uppercase;
	font-size: 12px !important;
	padding: 15px 25px !important;
	background: #F5F1E8!important;
	border: 1px solid #F5F1E8 !important;
	color: #695e48 !important;
	border-radius: 2px !important;
	text-transform: uppercase;
	font-weight: 400 !important;
	letter-spacing: 2px !important;
	transition: all 0.1s ease !important;
}}


@media only screen and (max-width: 1499px) {
.headhome .cta .stelsamen2,
.headhome .cta .eigenontwerp2 {
    display: none;
}

.headhome .cta .stelsamen2, .headhome .cta .eigenontwerp2, 
.headhome .cta .stelsamen, .headhome .cta .eigenontwerp {
    text-align: center !important;
    text-transform: uppercase;
    font-size: 11px;
	background: #F5F1E8!important;
	border: 1px solid #F5F1E8 !important;
	color: #695e48 !important;
	border-radius: 2px !important;
	padding: 10px 14px !important;
	text-transform: uppercase;
	font-weight: 400 !important;
	letter-spacing: 2px !important;
	transition: all 0.1s ease !important;
}}

.headhome .cta .stelsamen2:hover, .headhome .cta .eigenontwerp2:hover, .headhome .cta .stelsamen:hover, .headhome .cta .eigenontwerp:hover {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
    cursor: pointer;
}

.headhome .cta .stelsamen2, .headhome .cta .stelsamen {
    margin-right: 15px;
}

@media only screen and (max-width: 1214px) and (min-width: 1025px) {
.homecontent .txt-col-links {
	padding-left: 40px !important;
}

.homecontent .txt-col-rechts {
	padding-right: 40px !important;
}}

.homecontent .form .elementor-button {
	transition: all 0.1s ease !important;
}

.homecontent .cta-bt a {
	background: none !important;
	border: 1px solid #A09682 !important;
	border-radius: 2px !important;
	color: #695e48 !important;
	text-transform: uppercase;
	font-weight: 400 !important;
	font-size: 12px !important;
	letter-spacing: 2px !important;
	transition: all 0.1s ease !important;
    padding: 17px 24px !important;
}

@media only screen and (min-width: 768px) {
.homecontent #samenstellen {
    width: calc(100% - 70px);
}}

@media only screen and (min-width: 1000px) {
.homecontent .img-col-links,
.homecontent .img-col-rechts {
    width: 600px;
    min-height: 100% !important;
    background: #A09682;
}

.homecontent .txt-col-links,
.homecontent .txt-col-rechts {
    width: calc(100% - 400px) !important;
}

.homecontent .txt-col-links {
    padding: 100px 80px 100px 0px;
}

.homecontent .txt-col-rechts {
    padding: 100px 0px 100px 80px;
}

.homecontent .img-col-rechts .afb {
    height: 380px !important;
    width: auto !important;
    position: absolute;
    top: calc(50% - 190px);
    left: -120px;
    overflow: hidden;
}

.homecontent .img-col-rechts .afb img {
    height: 380px !important;
    width: auto;
    object-fit: contain;
}}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
.homecontent .img-col-links,
.homecontent .img-col-rechts {
    width: 45% !important;
    height: 100 !important;
    background: #A09682;
}

.homecontent .txt-col-links,
.homecontent .txt-col-rechts {
    padding: 40px !important;
    width: 55% !important;
}

.homecontent .img-col-rechts .afb {
    height: 380px !important;
    width: auto !important;
    position: absolute;
    top: calc(50% - 170px);
    left: -120px;
    overflow: hidden;
}

.homecontent .img-col-rechts .afb img {
    height: 340px !important;
    width: auto;
    object-fit: contain;
}}

@media only screen and (max-width: 767px) {
.homecontent .img-col-links,
.homecontent .img-col-rechts {
    width: calc(100% - 80px) !important;
    margin: auto;
    height: 300px !important;
    background: #A09682;
}

.homecontent .txt-col-links,
.homecontent .txt-col-rechts {
    padding: 40px !important;
    width: 100% !important;
}

#highlightimg {
    width: 100% !important;
    height: 200px !important;
    margin-bottom: 50px;
}

.homecontent .img-col-rechts .afb {
    position: absolute;
    top: calc(50% - 75px)
}

.homecontent .img-col-rechts .afb img {
    height: 250px !important;
    width: auto;
    object-fit: cover;
}}






.advieshome .elementor-upload-field {
	font-size: 12px !important;
	font-style: italic;
}

.advieshome .elementor-field-type-upload input[type="file"]::file-selector-button {
	font-size: 14px !important;
	font-style: normal !important;
	background: none !important;
	border: 1px solid #A09682 !important;
	color: #695E48 !important;
	border-radius: 2px;
	transition: all 0.1s ease;
	padding: 8px 20px;
	margin-right: 10px;
}

.advieshome .elementor-field-type-upload input[type="file"]::file-selector-button:hover {
	background: #000 !important;
	color: #fff !important;
	border: 1px solid #3c3c3c !important;
	cursor: pointer;
}

.advieshome .form .elementor-button {
	transition: all 0.1s ease !important;
}

.advieshome .form input,
.advieshome .form button {
    opacity: 100% !important;
}

.advieshome .img-col-rechts {
    background: #EBE3D3;
}

.advieshome .txt-col-links {
    background: #A09682;
}

.advieshome h2 {
    color: #3c3c3c !important;
}


@media only screen and (min-width: 1025px) {
.advieshome .img-col-links,
.advieshome .img-col-rechts {
    width: 600px;
    min-height: 100% !important;
}

.advieshome .txt-col-links,
.advieshome .txt-col-rechts {
    width: calc(100% - 400px) !important;
}

.advieshome .txt-col-links {
    padding: 80px;
}

.advieshome .txt-col-rechts {
    padding: 100px 0px 100px 80px;
}}


@media only screen and (max-width: 1024px) and (min-width: 900px) {
.advieshome .img-col-links, .advieshome .img-col-rechts,
.advieshome .txt-col-links, .advieshome .txt-col-rechts {
    width: 50% !important;
}

.advieshome .img-col-rechts {
    padding: 80px 40px !important;
}

.advieshome .txt-col-links {
    padding: 40px !important;
}}

@media only screen and (max-width: 899px) and (min-width: 400px) {
.advieshome .img-col-links, .advieshome .img-col-rechts,
.advieshome .txt-col-links, .advieshome .txt-col-rechts {
    width: calc(100% - 80px) !important;
    margin: auto;
}

.advieshome .img-col-rechts {
    padding: 40px !important;
}

.advieshome .txt-col-links {
    padding: 40px !important;
}}

@media only screen and (max-width: 399px) {
.advieshome .img-col-links, .advieshome .img-col-rechts,
.advieshome .txt-col-links, .advieshome .txt-col-rechts {
    width: 100% !important;
    margin: auto;
}

.advieshome .img-col-rechts {
    padding: 40px !important;
}

.advieshome .txt-col-links {
    padding: 40px !important;
}}








.homeintro .kop {
    margin: auto;
    z-index: 2;
}

.homeintro .kop, .homeintro .kop h2 {
    color: #fff !important;
    text-shadow: 0px 0px 15px rgba(160,150,130,0.8)
}

.homeintro .marks {
    z-index: 0;
    Content: url('/wp-content/uploads/2024/07/mark.png');
    position: absolute;
    height: auto;
    opacity: 0.6;
}

.homeintro .kop::after {
    Content: " ";
    position: absolute;
    bottom: -18px;
    height: 1px;
    background: #fff;
    letter-spacing: 5px;
}


.homeintro .box {
    background: rgba(0,0,0,0.2);
}

.homeintro .cta .stelsamen:hover,
.homeintro .cta .eigenontwerp:hover,
.cta-bt a:hover {
	color: #fff !important;
	background: #000 !important;
	border-color: #000 !important;
	cursor: pointer !important;
}   

.homeintro .cta-bt a {
	padding: 20px 25px !important;
}

.homeintro .cta .stelsamen,
.homeintro .cta .eigenontwerp {
	padding: 15px 25px !important;
}

.homeintro .cta .stelsamen,
.homeintro .cta .eigenontwerp {
    margin: 0px 10px !important;
    z-index: 3;
	background: #F5F1E8!important;
	border: 1px solid #F5F1E8 !important;
	color: #695e48 !important;    
	border-radius: 2px !important;
	text-transform: uppercase;
	font-weight: 400 !important;
	font-size: 12px !important;
	letter-spacing: 2px !important;
	transition: all 0.1s ease !important;
    box-shadow: 0px 0px 15px rgba(160,150,130,1)
}

.homeintro .cta {
    position: absolute;
    left: 0px;
    text-align: center;
    width: 100%;
}



@media only screen and (min-width: 700px) {
.homeintro .kop {
    max-width: 800px;
}
    
.homeintro .kop::after {    
    width: 600px;
    left: calc(50% - 300px);
}}

@media only screen and (min-width: 1025px) {
.homeintro .box {
    padding-top: 135px !important;
    padding-bottom: 275px !important;
}}

@media only screen and (max-width: 1024px) and (min-width: 950px) {
.homeintro .box {
    padding-top: 100px !important;
    padding-bottom: 170px !important;
}}


@media only screen and (max-width: 949px) and (min-width: 768px) {
.homeintro {
    margin-bottom: -40px !important;
}
    
.homeintro .box {
    padding-top: 85px !important;
    padding-bottom: 210px !important;
}}

@media only screen and (min-width: 851px) {
.homeintro .marks {
    top: -30px;
    left: calc(50% - 100px);
    width: 200px !important;
}

.homeintro .cta {
    top: 150px;
}}

@media only screen and (max-width: 850px) and (min-width: 700px) {
.homeintro .kop h2 {
    font-size: 28px !important;
}
    
.homeintro .marks {
    top: -30px;
    left: calc(50% - 90px);
    width: 180px !important;
}
    
.homeintro .cta {
    top: 130px;
}}

@media only screen and (max-width: 768px) and (min-width: 768px) {
.homeintro .box {
    padding-top: 85px !important;
    padding-bottom: 185px !important;
}}

@media only screen and (max-width: 699px) and (min-width: 600px) {
.homeintro .kop h2 {
    font-size: 22px !important;
}

.homeintro .kop {
    max-width: 550px;
}
    
.homeintro .kop::after {    
    width: 400px;
    left: calc(50% - 200px);
}
    
.homeintro .marks {
    top: -30px;
    left: calc(50% - 90px);
    width: 180px !important;
}
    
.homeintro .cta {
    top: 110px;
}
    
.homeintro .box {
    padding-top: 85px !important;
    padding-bottom: 170px !important;
}}

@media only screen and (min-width: 600px) {
.homeintro .cta .break {
    display: none !important;
}}

@media only screen and (max-width: 599px) {
.homeintro .kop h2 {
    font-size: 23px !important;
}

.homeintro .kop {
    max-width: 290px;
}

.homeintro .kop::after {    
    width: 150px;
    left: calc(50% - 75px);
}
    
.homeintro .marks {
    top: 45px;
    left: calc(50% - 60px);
    width: 120px !important;
}
    
.homeintro .box {
    padding-top: 80px !important;
    padding-bottom: 240px !important;
}
    
.homeintro .cta {
    top: 160px;
    line-height: 4.5em;
}}

/* Einde extra CSS homepage */







/* Extra CSS 404 pagina */

@media only screen and (min-width: 768px) {
.viernulvier .box {
	margin-bottom: 100px;
}

.viernulvier .kop {
    text-align: center !important;
    font-size: 300px !important;
    position: absolute;
    top: 0%;
    width: 100%;
    font-weight: 100;
    color: #A09682;
}

.viernulvier .txt {
    text-align: center;
    width: 450px;
    margin: 350px auto 0px auto;
}}

@media only screen and (max-width: 767px) {
.viernulvier .box {
	margin-bottom: 40px;
	padding: 0px 40px;
}
.viernulvier .kop {
    text-align: center !important;
    font-size: 130px !important;
    position: absolute;
    top: 0%;
    width: calc(100% - 80px);
    font-weight: 100;
    color: #A09682;
}

.viernulvier .txt {
    text-align: center;
    width: 100%;
    max-width: 450px;
    margin: 170px auto 0px auto;
}}

/* Einde extra CSS 404 pagina */






/* Extra CSS Woocommerce */

.wc-block-checkout__shipping-method-option--selected.is-primary {
	color: #000;
}

.wc-block-components-local-pickup-select

.wc-block-components-radio-control__description-group {
	display: none !important
}

.wc-block-components-address-form__address_2,
input#billing-address_2 {
	display: none !important;
}

table td, table th {
	padding: 0px !important;
}

.productimgs ol {
	display: grid;
	grid-template-columns: repeat(6, 1fr) !important;
	margin-top: 25px !important;
}

.productimgs ol li {
	padding-right: 25px;
}

.productimgs img {
	min-width: 70px;
}

.productcontent h4 {
	margin-top: 40px;
	color: #A09682;
}

.elementor-lightbox-image {
	max-width: 85vw !important;
	margin: auto !important;
}






/* Extra CSS productpagina - selectie vlakken */

.productselect ul {
}

@media only screen and (max-width: 767px) {
.kruimel, .kruimel a, .kruimel span {
font-size: 9px !important;
}}

.woo-selected-variation-item-name {
	display: none !important;
}

.image-variable-item-1x-rond-1x-rechthoekig::before,
.image-variable-item-2x-rechthoekig::before,
.image-variable-item-2x-half-rond::before,
.image-variable-item-2x-rond::before,
.image-variable-item-half-rond::before,
.image-variable-item-2x-rond::before,
.image-variable-item-vierkant::before,
.image-variable-item-afgeronde-hoeken::before,
.image-variable-item-nieuw::before,

.image-variable-item-recht::before,
.image-variable-item-bol::before,
.image-variable-item-facet::before,

.image-variable-item-afgeronde-hoeken::before,
.image-variable-item-nier::before,
.image-variable-item-organisch::before,
.image-variable-item-halve-cirkel::before,
.image-variable-item-kiezel::before,
.image-variable-item-rechthoekig::before,
.image-variable-item-ovaal::before,
.image-variable-item-rond::before,
.image-variable-item-deens-ovaal::before {
	Content: attr(data-wvstooltip) " " attr(data-wvstooltip-out-of-stock) !important;
	visibility: visible !important;
	bottom: 0px !important;
	background: none !important;
	font-size: 10px !important;
	text-align: center !important;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #000 !important;
	box-shadow: none !important;
	opacity: 1;
	margin: 10px 5% !important;
	max-width: 90%;
	height: auto;
}

.image-variable-items-wrapper
.selected::before {
	font-weight: 400;
}




@media only screen and (min-width: 430px) {
.variable-items-wrapper.image-variable-items-wrapper.wvs-style-squared li {
	height: 135px !important;
	min-width: 100% !important;
	padding: 10px 20px 25px 20px !important;
	overflow: hidden;
	border: 0.07em solid #3c3c3c !important;
	margin: 0px !important
}

.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared,	
.variable-items-wrapper.image-variable-items-wrapper.wvs-style-squared  {
	display: grid;
	gap: 20px !important;
}}




@media only screen and (min-width: 800px) {
.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared,
.variable-items-wrapper.image-variable-items-wrapper.wvs-style-squared  {
	grid-template-columns: repeat(3, 1fr) !important;
}}

@media only screen and (max-width: 799px) and (min-width: 650px) {
.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared {
	grid-template-columns: repeat(4, 1fr) !important;
}}

@media only screen and (max-width: 799px) and (min-width: 550px) {
.variable-items-wrapper.image-variable-items-wrapper.wvs-style-squared {
	grid-template-columns: repeat(4, 1fr) !important;
}}

@media only screen and (max-width: 699px) and (min-width: 550px) {
.variable-items-wrapper.image-variable-items-wrapper.wvs-style-squared {
	grid-template-columns: repeat(4, 1fr) !important;
}}

@media only screen and (max-width: 649px) and (min-width: 430px) {
.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared {
	grid-template-columns: repeat(3, 1fr) !important;
}}

@media only screen and (max-width: 549px) and (min-width: 430px) {
.variable-items-wrapper.image-variable-items-wrapper.wvs-style-squared {
	grid-template-columns: repeat(3, 1fr) !important;
}}

@media only screen and (max-width: 429px) {
.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared {
	grid-template-columns: repeat(2, 1fr) !important;
}}



@media only screen and (min-width: 935px) {
.woocommerce .productselect
table [aria-label="Afmeting"] {
	grid-template-columns: repeat(3, 1fr) !important;
}}


@media only screen and (max-width: 934px) and (min-width: 800px) {
.woocommerce .productselect
table [aria-label="Afmeting"] {
	grid-template-columns: repeat(2, 1fr) !important;
}}

@media only screen and (max-width: 799px) and (min-width: 700px) {
.woocommerce .productselect
table [aria-label="Afmeting"] {
	grid-template-columns: repeat(4, 1fr) !important;
}}

@media only screen and (max-width: 699px) and (min-width: 530px) {
.woocommerce .productselect
table [aria-label="Afmeting"] {
	grid-template-columns: repeat(3, 1fr) !important;
}}

@media only screen and (max-width: 529px) and (min-width: 370px) {
.woocommerce .productselect
table [aria-label="Afmeting"] {
	grid-template-columns: repeat(2, 1fr) !important;
}}

@media only screen and (max-width: 369px) {
.woocommerce .productselect
table [aria-label="Afmeting"] {
	grid-template-columns: repeat(1, 1fr) !important;
}}








@media only screen and (max-width: 429px) {
.productcontent {
	max-width: 100% !important;
	overflow: hidden;
	padding: 0px 40px !important;
}
	
.woocommerce .productselect table [aria-label="Randafwerking"] {
	grid-template-columns: repeat(3, 1fr) !important;
	overflow: hidden !important;
	margin-bottom: 0px !important;
}
	
.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared,	
.variable-items-wrapper.image-variable-items-wrapper.wvs-style-squared   {
	display: grid;
	gap: 10px !important;
}
	
table [aria-label="Randafwerking"] .variable-item {
	min-width: 100% !important;
	padding: 5px !important;
	border: 0.07em solid #3c3c3c !important;
	margin: 0px 0px 0px 0px !important;
	min-height: 80px;	
}
	

.variable-items-wrapper.image-variable-items-wrapper.wvs-style-squared .variable-item img {
	max-width: 80px !important;
}
	
table [aria-label="Randafwerking"] img {
	position: relative;
	top: -5px;
}	

.woocommerce .productselect table [aria-label="Vorm poot"] {
	grid-template-columns: repeat(1, 1fr) !important;
	gap: 5px;
	overflow: hidden !important;
	margin-bottom: 0px !important;
}
	

table [aria-label="Vorm poot"] .variable-item {
	min-width: 100% !important;
	width: 100% !important;
	padding: 5px  !important;
	border: 0.07em solid #3c3c3c !important;
	margin: 0px 0px 0px 0px !important;
	min-height: 60px;
	height: 60px;
}
	
table [aria-label="Vorm poot"] .variable-item-image {
	width: 50px !important;
	height: 100% !important;
	position: absolute;
	left: calc(0% + 0px);
	top: 10px;
}

table [aria-label="Vorm poot"] ::before {
	min-width: auto !important;
	width: auto !important;
	max-width: calc(90% - 50px) !important;
	position: absolute !important;
	text-align: left !important;
	left: 65px;
	margin: 0px !important;
	padding: 0px !important;
	height: 100% !important;
	border-radius: 0px !important;
}
	
.woo-variation-swatches.wvs-show-label .variations td, .woo-variation-swatches.wvs-show-label .variations th {
display: grid !important;
}
	

table [aria-label="Randafwerking"], table [aria-label="Vorm poot"] {
grid-template-columns: repeat(1, 1fr) !important;
}

table [aria-label="Randafwerking"], table [aria-label="Vorm poot"]  {
	margin-bottom: -20px !important;
  display: grid !important;
  overflow-x: scroll !important;
}
		
.variable-items-wrapper 
.variable-item.image-variable-item.image-variable-item-vierkant,
	
.variable-items-wrapper 
.variable-item.image-variable-item.image-variable-item-recht {
	margin-right: 20px !important;
}

.productcontent .woocommerce-product-gallery ol {
	margin-top: 20px !important;
	max-width: calc(100vw - 40px) !important;
}}



/* Extra CSS tbv Stalenset */

.woocommerce .post-4075 .elementor-widget-woocommerce-product-add-to-cart.elementor-widget-woocommerce-product-add-to-cart {
	margin-top: 92px;
}
.woocommerce .post-7426 .productcontent .col2 .in-stock,
.woocommerce .post-7432 .productcontent .col2 .in-stock,
.woocommerce .post-7431 .productcontent .col2 .in-stock,
.woocommerce .post-7430 .productcontent .col2 .in-stock {
	color: #000;
	padding-bottom: 100px;
}

.woocommerce .post-7426 .productcontent .col2 .price, .woocommerce .post-7432 .productcontent .col2 .price,
.woocommerce .post-7431 .productcontent .col2 .price, .woocommerce .post-7430 .productcontent .col2 .price,
.woocommerce .post-4075 .productcontent .col2 .price {
	margin-top: -125px;
	font-weight: 400 !important;
	color: #000 !important;
	font-size: 15px !important;
	text-transform: uppercase;
	letter-spacing: 2px;	
	border-top: 0.05em dashed #A09682;
	border-bottom: 0.05em dashed #a09682;
	padding: 15px 0px;
	width: 100%;
}

/* Einde extra CSS tbv Stalenset */

.productselect
.woocommerce-variation-price .price {
	margin-left: 0px !important;
}

.woocommerce .product .value .reset_variations {
	top: 20px !important;
	position: relative;
	width: 45px;
	line-height: 1.65em;
}

.woocommerce .productcontent .col2 .price::before,
.productselect .woocommerce-variation-price .price::before {
	Content: 'Totaal:';
	Margin-right: 8px;
	font-weight: 700;
}

.productselect .woocommerce-variation-price .price {
	font-weight: 400 !important;
	color: #000 !important;
	font-size: 15px !important;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.productselect .woocommerce-variation-price {
	border-top: 0.05em dashed #A09682;
	border-bottom: 0.05em dashed #a09682;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 36px;
	margin-top: 24px !important;
}

.productselect .woocommerce-Price-currencySymbol {
	margin-right: 4px;
}

.productselect .button.alt {
	opacity: 1 !important;
}

.variable-items-wrapper.image-variable-items-wrapper.wvs-style-squared li:hover {
	background: rgba(207,200,186,0.15) !important;
}

.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item.image-variable-item.selected {
	background: #cfc8ba !important;
}

.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item.image-variable-item img {
	mix-blend-mode: multiply;
}

.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item.image-variable-item.selected img {
	opacity: 0.2;
}

.variable-item.image-variable-item ::before {
	background-image: url('/wp-content/uploads/2024/09/check-noshade.svg') !important;
	background-size: 40% !important;
	z-index: 9;
	text-align: center !important;
}

.variable-items-wrapper.image-variable-items-wrapper.wvs-style-squared img {
	object-fit: contain;
	margin-top: -10px;
}


.button-variable-item-3-cm div::after {
	Content: 'Liever een andere dikte? Maak dan een eigen ontwerp.';
	position: absolute;
	top: 23px;
	left: -12px;
	text-align: left;
	font-weight: 300;
	font-size: 12px;
	font-style: italic;
	opacity: 0.8;
	text-transform: none !important;
	letter-spacing: 0.5px;
	font-smooth: auto;
	mix-blend-mode: multiply;
	color: #000 !important;
}

@media only screen and (min-width: 410px) {
table [aria-label="Dikte blad"]  {
	margin-bottom: 58px !important;
}
	
.button-variable-item-3-cm div::after {
	min-width: 330px !important;
	max-width: 100% !important;
}}

@media only screen and (max-width: 409px) {	
table [aria-label="Dikte blad"]  {
	margin-bottom: 39px !important;
}	
	
.button-variable-item-3-cm div::after {
	line-height: 1.2em;
	min-width: 170px !important;
	max-width: 100% !important;
}}





.button-variable-item-3-cm {
	margin-top: 14px !important;
	margin-bottom: 30px !important;
}

.button-variable-item-3-cm div::before, .button-variable-item-40-cm div::before, .button-variable-item-76-cm div::before {
	Content: 'Standaard' !important;
	font-smooth: auto;
	font-weight: 500 !important;
	background: #A09682;
	color: #fff;
	position: absolute !important;
	line-height: 1;
	text-align: center !important;
}

@media only screen and (min-width: 430px) {
.button-variable-item-3-cm div::before, .button-variable-item-40-cm div::before, .button-variable-item-76-cm div::before {
	font-size: 8px;
	padding: 4px 10px 3px 10px!important;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	width: 90px !important;
	left: calc(50% - 45px) !important;
	top: -30px !important;	
}}

@media only screen and (max-width: 429px) {
.button-variable-item-3-cm div::before, .button-variable-item-40-cm div::before, .button-variable-item-76-cm div::before {
	font-size: 7px;
	padding: 3px 0px 2px 0px!important;
	border-radius: 2px;
	width: 80px !important;
	left: calc(50% - 40px) !important;
	top: -22px !important;	
}}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) {
	background: #cfc8ba !important;
	color: #3c3c3c !important;
	font-weight: 700 !important;
}


.productselect tr, .productselect th, .productselect td {
	background: none !important;
}

.productselect .image-variable-item {
	mix-blend-mode: multiply;
	background: none !important;
	border-radius: 2px !important;
	border: 0.07em solid #3c3c3c !important;
	box-shadow: none !important;
}


.productselect .value {
	margin-bottom: 30px !important;
}

.productselect label {
	font-weight: 400 !important;
	margin-bottom: 20px !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px 
}

.productselect .woo-selected-variation-item-name {
	position: relative;
	top: -8px !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 10px 
}

.productselect .button-variable-item {
	background: none !important;
	border: 0.07em solid #3c3c3c !important;
	border-radius: 2px !important;
	color: #3C3C3C !important;
	padding: 15px 15px !important;
	text-transform: uppercase;
	font-weight: 400 !important;
	font-size: 11px !important;
	letter-spacing: 2px !important;
	transition: all 0.1s ease !important;
	outline: none !important;
	box-shadow: none !important;
	margin: 0px !important;
}

.productselect .button-variable-item:hover {
	cursor: pointer !important; 
	background: rgba(207,200,186,0.25) !important;
}

.productselect .button-variable-item::before,
.productselect .button-variable-item::after {
	display: none;
}

/* Einde extra CSS productpagina - selectie vlakken */






/* Extra CSS productpagina - kleur */


.color-variable-item::after {
	transform: rotate(90deg);
	top: 10px;
	left: 23px;
}

.color-variable-item::before {
	Content: attr(data-wvstooltip) " " attr(data-wvstooltip-out-of-stock) !important;
	visibility: visible !important;
	background: none !important;
	box-shadow: none !important;
	opacity: 1;
	font-size: 10px !important;
	left: 30px;
	top: 0px;
	color: #000 !important;
	background: none !important;
	box-shadow: none !important;
	justify-content: left;
}

.variable-items-wrapper.color-variable-items-wrapper.wvs-style-squared {
	display: grid !important;
		gap: 5px;
}


@media only screen and (min-width: 1000px) {
.variable-items-wrapper.color-variable-items-wrapper.wvs-style-squared {
	grid-template-columns: repeat(4, 1fr) !important;
}}


@media only screen and (max-width: 999px) and (min-width: 800px) {
.variable-items-wrapper.color-variable-items-wrapper.wvs-style-squared {
	grid-template-columns: repeat(3, 1fr) !important;
}}


@media only screen and (max-width: 799px) and (min-width: 700px) {
.variable-items-wrapper.color-variable-items-wrapper.wvs-style-squared {
	grid-template-columns: repeat(5, 1fr) !important;
}}


@media only screen and (max-width: 699px) and (min-width: 600px) {
.variable-items-wrapper.color-variable-items-wrapper.wvs-style-squared {
	grid-template-columns: repeat(4, 1fr) !important;
}}

@media only screen and (max-width: 599px) and (min-width: 430px) {
.variable-items-wrapper.color-variable-items-wrapper.wvs-style-squared {
	grid-template-columns: repeat(3, 1fr) !important;
}}

@media only screen and (max-width: 429px) and (min-width: 320px) {
.variable-items-wrapper.color-variable-items-wrapper.wvs-style-squared {
	grid-template-columns: repeat(2, 1fr) !important;
	width: 100%;
}}


@media only screen and (max-width: 319px) {
.variable-items-wrapper.color-variable-items-wrapper.wvs-style-squared {
	grid-template-columns: repeat(1, 1fr) !important;
	width: 100%;
}}

.variable-item.color-variable-item {
background: none !important;
border: none !important;
	padding: 0px !important;
	box-shadow: none !important;
}

.value.woo-variation-items-wrapper li.variable-item.color-variable-item.color-variable-item.selected  {
	background: none !important;
}

.variable-item.color-variable-item ::before {
	background-image: url('/wp-content/uploads/2024/09/check-noshade.svg') !important;
	background-size: 50% !important;
}

.variable-item-span.variable-item-span-color {
	border-radius: 100px
}

/* Einde extra CSS productpagina - kleur */











@media only screen and (min-width: 768px) {
.webshop .product-category {
	height: 330px;
}}

@media only screen and (max-width: 767px) {
.webshop .product-category {
	height: 250px;
}}

.webshop .product-category {
	overflow: hidden !important;
	padding: 20px !important;
	cursor: pointer !important;
}

.webshop .product-category img {
	height: calc(100% - 28px) !important;
	object-fit: cover;
	overflow: hidden;
}

.webshop .product-category .woocommerce-loop-category__title {
	color: #000 !important;
	text-align: center !important;
	position: absolute;
	bottom: 5px;
	left: 0px;
	height: auto;
	width: 100% !important;
}

.term-53 .product li {
	height: 282px !important;
}

.stalen .product {
	height: 278px !important;
}

.webshop .product,
.homeproducts .product {
	height: 330px;
}

.stalen .product,
.webshop .product,
.homeproducts .product  {
	background: linear-gradient(to top, rgba(255,255,255,0.45), rgba(255,255,255,0.15));
	border-radius: 2px;
	transition: all 0.5s ease;
	padding: 20px !important;
	cursor: pointer !important;
}

.stalen .product:hover,
.homeproducts .product:hover,
.webshop .product:hover {
	background: linear-gradient(to top, rgba(255,255,255,0.8), rgba(255,255,255,0.4));
}





.term-53 .products.elementor-grid .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail, 
.stalen .products.elementor-grid .size-woocommerce_thumbnail {
	height: 152px !important;
	overflow: hidden !important;
}

.stalen .post-4075 img,
.term-53 .post-4075 img {
	overflow: hidden !important;
	height: 152px !important;
	object-fit: cover;
}

.term-85 .product.type-product img {
	height: 213px !important;
	overflow: hidden !important;
	object-fit: cover;	
}

.webshop .attachment-woocommerce_thumbnail,
.homeproducts .attachment-woocommerce_thumbnail {
	height: 213px !important;
	overflow: hidden !important;
}

.term-53 .products.elementor-grid .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail, 
.stalen .size-woocommerce_thumbnail,
.homeproducts .attachment-woocommerce_thumbnail,
.webshop .attachment-woocommerce_thumbnail {
	left: 0px;
	top: 0px;
	overflow: hidden !important;
	position: absolute;
  object-fit: cover !important;
}

.term-53 .products.elementor-grid .size-woocommerce_thumbnail,
.stalen .woocommerce-loop-product__link img  {
	object-position: top !important;
}

.post-7426 .woocommerce-loop-product__link img, .post-7432 .woocommerce-loop-product__link img,
.post-7431 .woocommerce-loop-product__link img, .post-7430 .woocommerce-loop-product__link img,
.post-4075 .woocommerce-loop-product__link img  {
	object-position: center !important;
}


.homeproducts .woocommerce-LoopProduct-link.woocommerce-loop-product__link,
.webshop .woocommerce-LoopProduct-link.woocommerce-loop-product__link  {
	height: 100% !important;
	overflow: hidden !important;
}

.homeproducts .size-woocommerce_thumbnail img,
.stalen .size-woocommerce_thumbnail img,
.webshop .size-woocommerce_thumbnail img {
	min-height: 100% !important;
	width: auto;
	object-position: top;
	object-fit: cover !important;
}

.term-53 .woocommerce-loop-product__title::before, 
.stalen .woocommerce-loop-product__title::before {
	content: 'Kleurstaal';
	width: 100% !important;
	text-align: center;
	font-size: 10px;
	position: absolute;
	left: 0px;
	top: -15px;
	font-weight: 400;
	font-smooth: auto;
}

.post-4075 .woocommerce-loop-product__title::before {
	content: 'Complete' !important;
} 

.term-53 .product .woocommerce-loop-product__title {
	top: 182px !important;
}

.stalen .product .woocommerce-loop-product__title {
	top: 174px !important;
}

.homeproducts .product .woocommerce-loop-product__title,
.webshop .product .woocommerce-loop-product__title {
	top: 230px;
}

.stalen .product .woocommerce-loop-product__title,
.homeproducts .product .woocommerce-loop-product__title,
.webshop .product .woocommerce-loop-product__title {
	position: absolute;
	width: 100% !important;
	left: 0px;
	line-height: 1.45em !important;
	color: #000 !important;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13px !important;
	font-weight: 500 !important;
}

.webshop .woocommerce-loop-product__title {
	margin: 0px !important;
	padding: 0px !important;
}

@media only screen and (min-width: 980px) {
.homeproducts ul,
.archive ul  {
    grid-template-columns: repeat(3, 1fr) !important;
}}

@media only screen and (min-width: 1200px) {
.archive.tax-product_cat.term-kleurstalen ul {
    grid-template-columns: repeat(5, 1fr) !important;
	}}

@media only screen and (max-width: 1199px) and (min-width: 980px) {
.archive.tax-product_cat.term-kleurstalen ul {
    grid-template-columns: repeat(4, 1fr) !important;
}}

@media only screen and (max-width: 979px) and (min-width: 650px) {
.homeproducts ul,
.archive ul{
    grid-template-columns: repeat(2, 1fr) !important;
}}

@media only screen and (max-width: 649px) {
.homeproducts ul,
.archive ul {
    grid-template-columns: repeat(1, 1fr) !important;
}}








.productcontent .elementor-widget-woocommerce-product-add-to-cart,
.woocommerce div.product div.images {
	margin-bottom: 0px !important;
}

[type=button], [type=submit], button  {
	border: none;
	outline: none !important;
	box-shadow: none !important;
}

.productcontent .reset_variations:hover,
.productcontent .reset_variations {
	background: none ;
	padding: 0px;
	outline: none !important;
	border-radius: 0px;
	cursor: pointer !important;
}

.productselect .quantity 
.input-text.qty.text {
	padding: 9px 6px 9px 9px !important;
	font-size: 12px !important;
	width: 60px !important;
}

.productselect .quantity input {
	background: none !important;
	border-radius: 2px !important;
	border: 1px solid #3C3C3C !important;
	height: auto !important;
}

.productselect .single_add_to_cart_button,
.productselect .variations_button .button.alt {
padding: 12px 40px !important;
margin-left: 10px !important;
margin-bottom: 0px !important;
background: none !important;
border: 1px solid #3C3C3C !important;
border-radius: 2px !important;
color: #3C3C3C !important;
text-transform: uppercase !important;
font-weight: 400 !important;
letter-spacing: 2px !important;
transition: all 0.1s ease !important;
cursor: pointer !important;
}

.productselect .single_add_to_cart_button:hover,
.productselect .variations_button .button.alt:hover {
	background: #000 !important;
	color: #fff !important;
}

.woocommerce .type-product .button,
.term-53 .type-product .button,
.elementor-1730 .type-product .button {
	font-size: 0px !important;
}

.term-53 .type-product .button::before,
.elementor-1730 .type-product .button::before {
	content: 'voeg toe' !important;
	font-size: 12px !important;
	margin: 0px !important;
	padding: 0px !important;
	text-align: center;
	min-width: 100% !important;
	height: 100% !important;
	display: block !important;
}

.term-53  .woocommerce .type-product  .button::after,
.elementor-1730 .woocommerce .type-product  .button::after {
	display: none !important;
}

.single.single-product .type-product .button::before {
	content: 'in mandje' !important;
}

.woocommerce .type-product .button::before {
	content: 'stel samen';
	font-size: 12px !important;
	margin: 0px !important;
	padding: 0px !important;
	text-align: center;
	min-width: 100% !important;
	height: 100% !important;
	display: block !important;
}

.woocommerce .type-product .add_to_cart_button {
	padding: 12px 20px !important;
	background: none !important;
	border: 1px solid #3C3C3C !important;
	border-radius: 2px !important;
	color: #3C3C3C !important;
	text-transform: uppercase;
	font-weight: 400 !important;
	letter-spacing: 2px !important;
	transition: all 0.1s ease !important;
}

.term-53 .add_to_cart_button,
.stalen .add_to_cart_button {
	width: 140px !important;
	left: calc(50% - 70px) !important;
	bottom: 20px;
	position: absolute !important;
	height: auto;
}

.webshop .add_to_cart_button,
.homeproducts .add_to_cart_button {
	width: 160px !important;
	left: calc(50% - 80px) !important;
	bottom: 20px;
	position: absolute !important;
	height: auto;
}

.homeproducts .add_to_cart_button:hover,
.woocommerce .add_to_cart_button:hover {
	color: #fff !important;
	background: #000 !important;
	cursor: pointer !important;
}

.woocommerce li.product .price {
	opacity: 0;
	position: absolute;
	transition: all 0.3s ease;
	transition-delay: 1px;
}


.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-Message {
	background: none;
	border-radius: 2px;
	border: 1px solid #A09682;
	font-size: 14px;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px !important;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before, .woocommerce-Message::before
{
	color: #a09682;
}


.winkelwagen .wc-backward, .woocommerce-info a, .woocommerce-message a, .woocommerce-Message a {
	font-weight: 600 !important;
	transition: all 0.1s ease !important;
	color: #000 !important;
	border-bottom: 1px solid rgba(160,150,130,0.25) !important;
	background: none !important;
	cursor: pointer !important;
	border-radius: 0px !important;
	Line-height: 1.65em !important;
	font-size: 15px !important;
	padding: 0px !important;
	margin: auto !important;
}


.winkelwagen .wc-backward, .woocommerce-info  .button.wc-backward, .woocommerce-message .button.wc-forward,  .woocommerce-Message .button.wc-forward {
	font-size: 14px !important;
}

.woocommerce-message a:first-letter, .woocommerce-Message a:first-letter {
	Text-transform: capitalize;
}

.winkelwagen .wc-backward:hover, .woocommerce-info a:hover, .woocommerce-message a:hover,  .woocommerce-Message a:hover {
	color: #6F6145 !important;
	border-bottom: 1px solid rgba(160,150,130,0) !important;
}

@media only screen and (max-width: 767px) {
.woocommerce-message, .woocommerce-Message {
padding-bottom: 70px;
} 
	
.woocommerce-message a, .woocommerce-Message a {
	position: absolute !important;
	bottom: 25px !important;
	left: 55px !important;
}}

.woocommerce-shipping-calculator a, .shipping-calculator-button, .reset_variations, .kruimel a, .txt a, .link a, .link {
	transition: all 0.1s ease !important;
	color: #6F6145 !important;
	border-bottom: 1px solid rgba(160,150,130,0.25) !important;
	cursor: pointer !important;
}

.woocommerce-shipping-calculator a:hover, .shipping-calculator-button:hover, .reset_variations:hover, .kruimel a:hover, .txt a:hover, .link:hover, .link:hover {
	color: #A09682 !important;
	border-bottom: 1px solid rgba(160,150,130,0) !important;
}

/* Einde extra CSS Woocommerce */







/* Extra CSS zoekresultaten */

.content .zoekresultaten article {
	background: linear-gradient(to top, rgba(255,255,255,0.45), rgba(255,255,255,0.15));
	border-radius: 2px;
	transition: all 0.5s ease;
	padding: 20px !important;
	cursor: pointer !important;
}

.content .zoekresultaten article:hover {
	background: linear-gradient(to top, rgba(255,255,255,0.8), rgba(255,255,255,0.4));
}


@media only screen and (max-width: 800px) and (min-width: 500px) {
.zoekresultaten .elementor-grid {
    grid-template-columns: repeat(2, 1fr) !important;
}}

.zoekresultaten .page-numbers.current {
    background: rgba(255,255,255,0.7);
    padding: 5px 9px 5px 10px;
}

.zoekresultaten article .elementor-post__thumbnail {
	background: none !important;
}

.zoekresultaten .elementor-posts-container .elementor-post__thumbnail img {
	min-height: 100% !important;
	min-width: 100% !important;
	object-position: top;
	object-fit: cover !important;
}

.zoekresultaten article img {
	height: 152px !important;
	overflow: hidden !important;
}	

/* Einde extra CSS zoekresultaten */





/* Extra CSS product pagina template */
.post-7426 .productprijs .price, .post-7432 .productprijs .price,
.post-7431 .productprijs .price, .post-7430 .productprijs .price,
.page-id-4075 .productprijs .price,
.post-4075 .productprijs .price {
	display: block !important;
	color: #A09682 !important;
	font-weight: 400;
}

.productprijs .woocommerce-Price-currencySymbol {
	margin-right: 4px;
}

.productprijs .price {
	display: none;
}

.productcontent .txt {
	padding-top: 33px;
	border-top: 1px solid rgba(0,0,0,0.08)
}


.productcontent h1, .productcontent h2, .productcontent h3, .productcontent h4, .productcontent h5, .productcontent h6 {
    margin-top: -2px !important;
}  

@media only screen and (min-width: 1214px) {
.productcontent .col1 {
    width: calc(100% - 475px) !important;
    padding-right: 6%;
}

.productcontent .col2 {
    width: 475px !important;
}}

@media only screen and (max-width: 1213px) and (min-width: 800px) {
.productcontent .col1 {
    width: 47% !important;
    padding-right: 40px;
}

.productcontent .col2 {
    width: 53% !important;
}}


@media only screen and (max-width: 799px) {
.productcontent .col1 {
    width: 100% !important;
}

.productcontent .col2 {
    margin-top: 40px;
	border-top: 1px solid rgba(0,0,0,0.08);
    padding-top: 40px;
    width: 100% !important;
}}

/* Einde extra CSS product pagina template */