/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 05 2025 | 14:43:04 */
/* Project archive  */
.archive-project-item .wpb_content_element {
	margin-bottom: 25px;
}

.archive-project-item .vc_column_container>.vc_column-inner {
	padding-left: 12px;
	padding-right: 12px;
}

.archive-project-item .archive-project-item-column img {
	object-fit: cover;
}

.archive-project-item .hotspot-product img {
	height: auto !important;
}

 .archive-project-item .archive-project-item-column.archive-project-item-column-1 img {
	height: 625px;
}

.archive-project-item .archive-project-item-column.archive-project-item-column-2 img {
	height: 300px;
} 


.titel-project {
	display: block;
	position: relative;
}

.titel-project .title {
	background-color: var(--customDonkerGrijs);
	padding: 0 20px;
	z-index: 1;
	position: relative;
}

.titel-project::after {
	content:'';
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 2px;
	background: var(--goud);
	z-index:0;
}


/* Single */
.project-producten a {
	color: var(--customWit);
}

.single-portfolio .tinvwl-after-add-to-cart,
.single-portfolio .wd-carousel-container,
.single-portfolio .slider-title,
.single-portfolio .wd-page-nav {
	display: none !important;
	visibility: hidden !important;
}

.single-portfolio .custom-bg-dark a {
	color: #fff;
}

.single-portfolio .webr-products img {
	object-fit: cover !important;
}

.single-portfolio .webr-products .product-image-link::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.33);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition-duration: 150ms;
}

.single-portfolio .webr-products .product-image-link:hover::before {
	background-color: rgba(0,0,0,0);
}

.single-portfolio .webr-products .wd-action-btn.wd-style-icon>a:before,
.single-portfolio .webr-products .wd-quick-view-icon>a:before {
	color: var(--goud);
}

.single-portfolio .webr-products .wd-entities-title {
	margin: 5px 0 0 0;
	position: relative;
}

/* .single-portfolio .webr-products .wd-entities-title::before {
	content: "";
	width: 100%;
	height: 2px;
	background-color: var(--goud);
	position: absolute;
	left: 0;
	top: 50%;
    transform: translateY(-50%);
} */

.single-portfolio .webr-products .wd-entities-title a {
	font-weight: 700;
	background-color: var(--customDonkerGrijs);
	position: relative;
	z-index: 10;
	padding: 0 10px;
}

.wd-single-project {
	margin-bottom: 0;
}