/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/**
 * START: Globals
 */

 section:nth-last-of-type(1).height_medium {
 	padding-bottom: 120px;
}


.w-image img:not([src*=".svg"]) {
	width: revert-layer;
}

.link-underline a,
.link-underline .w-btn-label {
	text-decoration: underline;
}

.link-color-opacity a,
.link-color-opacity .w-btn-label {
	color: rgba(0, 0, 0, 0.40) !important;
}

.link-color-opacity a:hover,
.link-color-opacity:hover .w-btn-label,
.cart-icon:hover i {
	color: rgba(0, 0, 0, 1) !important;
}

.header-icon {
	position: absolute;
	top: -95px;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* .border-white {
	height: 1px;
	width: 60px;
	background: white;
} */

.text-rotate {
	writing-mode: vertical-rl;
}

.review-grid .owl-prev:after {
	content: '\f060' !important;
}

.review-grid .owl-next:after {
	content: '\f061';
}

.review-grid .owl-prev,
.review-grid .owl-next {
	width: 60px;
	height: 60px;
	padding: 0px !important;
}

.review-grid .owl-prev {
	left: 93% !important;
	top: -5% !important;
}

.review-grid .owl-next {
	left: 100% !important;
	top: -5% !important;
}

.review-grid .owl-dots .owl-dot.active span {
	color: #000000;
	background: black !important;
}

.review-grid .owl-dots span {
	width: 10px !important;
	height: 10px !important;
	box-shadow: none !important;
}

.review-grid .owl-dots span {
	background: transparent;
	border: 1px solid black;
}

.line-left .w-separator.width_30 {
	margin-left: 0 !important;
	width: 30px;
}

/**
 * END: Globals
 */
/**
 * START: Home
 */

/**
 * END: Home
 */

/**
 * START: Contact
 */
.standaard-form input,
.standaard-form textarea {
	box-shadow: none !important;
}

.standaard-form label,
.standaard-form legend {
	text-transform: uppercase;
	font-size: 14px !important;
	letter-spacing: 1.4px;
}

.standaard-form .gfield_required {
	display: none !important;
}

.standaard-form input:not([type="submit"]),
.standaard-form textarea {
	background: transparent;
	border-bottom: 1px solid #000000;
}

.standaard-form .ginput_container_consent input {
	border: 1px solid black !important;
	border-radius: 50% !important;
	/* 	width: 50px !important;
	height: 20px !important; */
}

.standaard-form .ginput_container_consent input[type=checkbox]:checked+label:before {
	background: #ffc55b !important;
	content: '' !important;
}

.standaard-form .gfield_consent_label {
	text-transform: none !important;
}

.ginput_container_consent {
	display: flex;
	align-items: center;
}

#input_1_10 {
	width: 100% !important;
}

/**
 * END: Contact
 */

.variations_form .quantity {
	display: none !important;
}

.custom-variation-buttons {
	display: flex;
	gap: 1.5rem;
	margin-bottom: 1.5rem;
}

.variation-button {
	flex: 1 1 auto;
	min-width: 44px;
	padding: 0.75rem 0;
	text-align: center;
	cursor: pointer;
	border: 1px solid #D9D9D9;
	background: #FBF9F5;
	transition: border-color .2s ease, background .2s ease;
}

.variation-button:hover {
	border-color: #007cba;
}

.variation-button.selected {
	border-color: #bfa67a;
	background: rgba(191, 166, 122, 13%);
}

.variation-button.custom-out-of-stock {
	opacity: 0.4;
	pointer-events: none;
}

.variations_form .single_add_to_cart_button {
	display: block;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
	background-color: #bfa67a;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .05em;
	border: none;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	transition: background-color .2s ease;
}

.variations_form .single_add_to_cart_button:hover:enabled {
	background-color: #a6905c;
}

.variations_form .single_add_to_cart_button:before {
	content: none;
}

.variations_form .single_add_to_cart_button:after {
	font-family: "fontawesome";
	font-weight: 300;
	content: "\f290";
	margin-left: 0.5em;
}

.variations_form .single_add_to_cart_button {
	position: relative;
}

.variations_form .single_add_to_cart_button:after {
	position: relative;
	top: 0;
	display: inline-block;
}

.custom-variations-container .woocommerce-select:after {
	display: none;
}

.variations .label {
	display: none;
}

.add-to-cart-cta .woocommerce-select:after {
	content: "\f078" !important;
	font-family: "fontawesome" !important;
	font-weight: 400 !important;
	position: absolute !important;
	right: 1rem !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	pointer-events: none !important;
	color: #333 !important;
	border: none !important;
	margin: 0 !important;
}

/* .add-to-cart-cta {
	margin: 0 auto !important;
} */

.single_add_to_cart_button.disabled {
	pointer-events: none;
}

.add-to-cart-cta .woocommerce-select select {
	height: 49px;
	background: white;
	box-shadow: none;
	border: 1px solid #D9D9D9;
}

.add-to-cart-cta .value {
	padding: 0px;
}

.add-to-cart-cta .variations_form.cart {
	display: flex;
	justify-content: end;
	gap: 10px;
}

.add-to-cart-cta .variations {
	width: 30%;
}

.add-to-cart-cta .woocommerce-variation-add-to-cart {
	margin-top: 0px !important;
}

.add-to-cart-cta {
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease, visibility .3s ease;
}

.add-to-cart-cta.visible {
	opacity: 1;
	visibility: visible;
}

.add-to-cart-cta.sticky {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	z-index: 9999;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10);
	bottom: 10%;
	margin: 0 !important;
}

.add-to-cart-cta .woocommerce-variation-availability {
	display: none;
}

.flex-control-nav.flex-control-thumbs {
	margin: auto 0;
	margin-right: 10px !important;
}

.product-specs .w-tabs-section-control {
	font-size: 24px;
	font-weight: 300;
}

.woocommerce-product-gallery li img.flex-active {
	border: none !important;
}

.flex-control-nav li:has(> img.flex-active) {
	border: 0.7px solid #000;
	background: #FFF;
}

.woocommerce-product-gallery li img {
	width: 100%;
	height: 110px;
}

.hero-collectie {
	position: absolute;
	right: 11%;
	bottom: -70%;
}

/* 1) Zet deze code in je Customizer → Extra CSS (da’s altijd het laatste bestand) */

/* Override de bestaande grid-layout */
.categorie-grid>.w-grid-list {
	display: flex !important;
	flex-wrap: nowrap;
	overflow: hidden !important;

	/* reset Grid-specific props */
	grid-template-columns: none !important;
	grid-auto-flow: unset !important;
}

/* standaardbreedte en transitie voor elk item */
.categorie-grid .w-grid-item {
	flex: 1 1 0% !important;
	transition: flex 0.3s ease !important;
	overflow: hidden;
}

/* groei bij hover */
.categorie-grid .w-grid-item:hover {
	flex: 1 1 12% !important;
}

/* image‐wrapper vaste hoogte, breedte flexibel */
.categorie-grid .usg_post_image_1.has_ratio {
	height: 500px;
	/* pas aan naar jouw gewenste hoogte */
	padding-bottom: 0 !important;
}

.categorie-grid .w-grid-item .cat-label {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.categorie-grid .w-grid-item:hover .cat-label {
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
}

.categorie-grid .usg_post_image_1.has_ratio img {
	height: 100%;
	width: auto;
	object-fit: cover;
}

.categorie-grid .usg_post_image_1 {
  position: relative;
}

/* creëer de witte lijn als pseudo-element */
.categorie-grid .usg_post_image_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 65px;            /* of speel hier met een offset als hij niet helemaal links moet beginnen */
  width: 1px;
  height: 60px;
  background: #fff;
  opacity: 0;
	z-index: 100;
  transition: opacity 0.3s ease-in-out;
}

.categorie-grid .w-grid-item:has(.text-rotate):hover .usg_post_image_1::before {
  opacity: 1;
}

.w-filter-opener {
    font-weight: 400;
}

.w-filter-opener .w-btn-label:after {
    display: none !important;
}

.w-filter-list-panel,
.w-filter-list {
    width: 300px;
}

#us_grid_order_1 {
    font-weight: 700;
    padding-left: 0px;
}

.w-order-select:after {
    content: '\f107' !important;
    font-family: 'fontawesome';
    font-weight: 400;
    border: none !important;
	transform: translate(-50%, -50%);
	top: 59%;
}

.w-cart-icon {
	line-height: inherit !important;
}
.w-cart-icon i {
	line-height: 2.4 !important;
}

.add-to-cart-cta .reset_variations {
	display: none !important;
}

.us_testimonial.type-us_testimonial .w-testimonial-rating:before {
	letter-spacing: 8px;
}

.w-testimonial-rating i {
	margin-right: 8px;
}

.w-filter-list-closer {
	left: 242px;
}

.woocommerce-Price-amount.amount bdi {
	color: black !important;
}

.no-touch .w-tabs-section-header:hover, .no-touch .w-tabs-section-header:focus {
	background: none !important;
}

.w-tabs-section-header.active {
	color: black !important;
}

/* Vendor prefixes voor cross-browser placeholder */
.gform_wrapper input:focus::-webkit-input-placeholder,
.gform_wrapper textarea:focus::-webkit-input-placeholder {
  opacity: 1 !important;
}
.gform_wrapper input:focus::-moz-placeholder,
.gform_wrapper textarea:focus::-moz-placeholder {
  opacity: 1 !important;
}
.gform_wrapper input:focus:-ms-input-placeholder,
.gform_wrapper textarea:focus:-ms-input-placeholder {
  opacity: 1 !important;
}
.gform_wrapper input:focus::placeholder,
.gform_wrapper textarea:focus::placeholder {
  opacity: 1 !important;
}

.w-grid-item.product {
  position: relative;
}


.w-grid-item.product .product-read-more {
  position: absolute;
  top: 0;            
  left: 0;
	right: 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  background: white;    
  transition: max-height .3s ease-in-out;
  z-index: 10;          
}

.w-grid-item.product:hover .product-read-more {
  max-height: 500px; 
}

.w-grid-item.product .product-info {
	position: relative;
	top: 0;
  transition: top .3s ease-in-out;
}

.w-grid-item.product:hover .product-info {
    position: relative;
    top: 49px;
}

.w-grid-item.product .w-post-elm.post_image .w-post-slider-trigger:first-of-type {
  width: 0 !important;
}

.w-grid-item.product .w-post-elm.post_image .w-post-slider-trigger:last-of-type {
  width: 100% !important;
  left: 0 !important;
}


#old_price {
    color: rgba(0,0,0,0.3) !important;
    text-decoration: line-through;
}

#old_price bdi {
    color: rgba(0,0,0,0.3) !important;
    text-decoration: line-through;
}

.nieuwsbrief-form input:not([type="submit"]){
	background: white !important;
	color: black !important;
	border: none !important;
	height: 51px !important;
}

.nieuwsbrief-form #field_3_1 {
	width: 230px !important;
}

.nieuwsbrief-form input:not([type="submit"])::placeholder {
	color: black !important;
	opacity: 1 !important;
}

.nieuwsbrief-form #gform_fields_3 {
	grid-column-gap: 0% !important;
}

.nieuwsbrief-form #field_submit {
	height: 51px !important;
	width: 51px !important;
}

.nieuwsbrief-form #gform_submit_button_3 {
	height: 51px !important;
	width: 51px !important;
}

.nieuwsbrief-form #gform_submit_button_3:hover {
	background: #e6b35d !important;
	color: black !important;
}

#pum-619.pum-active {
	opacity: 1 !important;
	display: block !important;
}

.nieuwe-collecties {
	 position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wc-block-cart__submit-button {
	background: #C9B085;
	color: white;
}

.wc-block-cart__submit-button:hover {
	background: black;
	color: white !important;
}

@media screen and (max-width: 1745px) {
	.hero-collectie {
		right: 20%;
	}
}

@media screen and (max-width: 1505px) {
	.hero-collectie {
		right: 30%;
	}
}

@media screen and (max-width: 1220px) {
	.hero-collectie {
		right: 40%;
	}
}

@media screen and (max-width: 1024px) {

	.add-to-cart-cta .variations_form.cart {
		justify-content: start;
	}

	.add-to-cart-cta .variations_form.cart {
		justify-content: start;
	}

	.add-to-cart-cta.sticky {
		width: fit-content !important;
		left: 12%;
		transform: translateX(-7%);
	}

	.become-member-wrapper .w-iconbox {
		padding: 0px 20px;
	}
	
	.become-member-wrapper .w-iconbox-meta {
		text-align: left;
	}

	.hero-collectie {
		position: relative;
		right: unset;
		bottom: unset;
	}

	.hero-collectie-grid {
		margin: 0 auto;
		margin-top: 40px;
	}

	.header-icon {
		top: -70px;
	}
	
	.become-member-wrapper .w-iconbox {
		padding: 0px 30px 0 32%;
	}
}

.l-section.height_medium {
	padding-top: 60px;
	padding-bottom: 60px;
}

@media screen and (min-width: 833px) {
	.hide-desktop {
		display: none;
	}
}

@media screen and (max-width: 833px) {
	.hide-mobile {
		display: none;
	}
	
	.become-member-wrapper .w-iconbox {
		padding: 0px 30px 0 140px;
	}
}

@media screen and (max-width: 600px) {

	.l-sidebar,
	.l-section.height_small,
	.l-section.height_medium {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}

	.add-to-cart-cta .variations_form.cart {
		flex-direction: column;
	}

	.add-to-cart-cta .variations {
		width: 35%;
	}

	.custom-variation-buttons {
		gap: 0.5rem;
	}

	.header-icon {
		top: -60px;
	}
	
	.become-member-wrapper .w-iconbox {
		padding: 0px 40px 0 90px;
	}
	
	.become-member-wrapper .w-iconbox-meta {
		text-align: left;
	}
	
	 section:nth-last-of-type(1).height_medium {
 		padding-bottom: 60px !important;
	}

	.add-to-cart-cta {
		display: none !important;
	}
}

@media screen and (max-width: 480px) {

	.w-order-label {
		width: 150px;
	}
}

@media screen and (max-width: 420px) {

	.hero-collectie {
		position: absolute;
		left: 1.5%;
	}
	
	.become-member-wrapper .w-iconbox {
		padding: 0px 20px;
	}
	
	.become-member-wrapper .w-iconbox-meta {
		text-align: left;
	}
	
	.hero-collectie .layout_545 .hero-collectie-grid {
		width: auto !important;
	}
	
	.hero-collectie {
		position: unset !important;
	}
}