/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 17 2025 | 10:53:08 */
:root {
	--blauw:		#0070b0;
	--lichtBlauw:	#cbe9f8;
	--blauwsoft:	rgb(63 129 167);
	
	--groen:		#68b03d;
	--oranje:		#D77409;
	
	--wit:			#ffffff;
	--zwart:		#000000;
	
	--grijs: 		#5a5a5a;
	--grijssoft:	#5a5a5ab8;
	--lichtgrijs:   #f7f7f7;
	--grijsborder:  #eeeeee;
}

.webr-blauw {
	color: var(--blauw);
}

strong, b {
	color: var(--zwart);
}

html,
body {
	scroll-behavior: smooth;
}

.grecaptcha-badge {
	visibility: hidden !important;
}

/* klantenservice */
.klantenservice-row .vc_column-inner {
	background-color: #f2f2f2;
	padding: 25px;
	border: 2px solid #ebebeb;
}

/* FAQ */
.area-faq_widget_area {
	position: sticky;
	top: 15%;
}

.area-faq_widget_area .textwidget {
	background-color: #f1f1f1;
	padding: 20px;
}

.area-faq_widget_area ul li ul {
	margin-left: 10px;
}


.webr-product-overview .webr-product-overview-first {
    order: 1;
}

.webr-product-overview .webr-product-overview-last {
    order: 2;
}

/* Op mobiel (max 767px) de volgorde omdraaien */
@media (max-width: 767px) {
    .webr-product-overview {
        flex-direction: column;
    }

    .webr-product-overview .webr-product-overview-first {
        order: 2;
    }

    .webr-product-overview .webr-product-overview-last {
        order: 1;
    }
}

/* Standaard weergave: toon de gallery in .webr-product-overview-first en verberg deze in .webr-product-overview-last */
.webr-product-overview-first .wd-single-gallery {
    display: block;
}

.webr-product-overview-last .wd-single-gallery {
    display: none;
}

/* Op mobiel (max 767px): verberg de gallery in .webr-product-overview-first en toon deze in .webr-product-overview-last */
@media (max-width: 767px) {
    .webr-product-overview-first .wd-single-gallery {
        display: none;
    }

    .webr-product-overview-last .wd-single-gallery {
        display: block;
    }
}

@media (max-width: 767px) {
    header .wd-header-mobile-nav .wd-tools-text {
        display: none;
    }
}

@media (max-width: 768px) {
    aside.area-faq_widget_area {
        display: none!important;
    }
	#veelgestelde-vragen {
		margin-top: 0px;
	}
}



/* Filter inklappen sidebar */
.woodmart-sidebar-content .widget {
    margin-bottom: 15px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid;
}

.collapsable-sidebar-filter > .widget-title {
    cursor: pointer;
    position: relative;
}
.collapsable-sidebar-filter > .widget-title::after {
    content: "\f115";
    font-family: 'woodmart-font';
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
}
.collapsable-sidebar-filter.filter-expand > .widget-title::after {
    transform: translateY(-50%) rotate(0deg);
}

.collapsable-sidebar-filter {
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.collapsable-sidebar-filter h5 {
    font-size: 14px !important;
}
.collapsable-sidebar-filter > :not(.widget-title) {
    overflow: hidden;
}
.collapsable-sidebar-filter:not(.filter-expand) > :not(.widget-title) {
    height: 0px;
}
.collapsable-sidebar-filter:not(.filter-expand) > .widget-title {
    margin-bottom: 0px;
}

.collapsable-sidebar-filter + :not(.collapsable-sidebar-filter) {
    margin-top: 45px;
}

.homepage-best-verkocht .wd-swatches-product {
	display:none;
}

.woocommerce-cart .main-page-wrapper {
	padding-bottom: 40px;
}

.webr_maatwerk_product_button {
	margin-left: 5px;
}

.wd-add-btn-replace .add-to-cart-loop:hover span,
.wd-add-btn-replace .add-to-cart-loop:hover:before{
	transform: none!important;
}
.wd-add-btn-replace .add-to-cart-loop:before {
	content: none!important;
}

.wd-slider-pagin {
	text-align: right;
}

input.gform_button {
	background-color: var(--blauw)!important;
    border-radius: 5px!important;
    color: white!important;
	font-size: 1em!important;
    width: auto;
    margin: 0 16px 0 0;
	font-weight: 600!important;
	padding: 5px 20px!important;
	font-family: "Lexend Deca", Arial, Helvetica, sans-serif!important;
}

.product-label.featured {
	display: none!important;
}