/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 25 2025 | 12:57:09 */
body.woocommerce-cart .checkout-button,
body.woocommerce-checkout #place_order,
.woocommerce-mini-cart__buttons .checkout {
	background-color: var(--goud);
}
body.woocommerce-cart .checkout-button:hover,
body.woocommerce-checkout #place_order:hover,
.woocommerce-mini-cart__buttons .checkout:hover {
	background-color: var(--knopHover);
}

.woocommerce-mini-cart__buttons .btn-cart {
	background-color: var(--grijs);
}
.woocommerce-mini-cart__buttons .btn-cart:hover {
	background-color: var(--knopHover);
}

#webr-afrekenpagina-titel-woodmart {
	justify-content: space-between !important;
	background-color: #1A171B !important;
}
#webr-afrekenpagina-titel-woodmart .wd-checkout-steps {
	color: var(--wit);
}

body.woocommerce-checkout .wd-content-layout {
	padding-top: 150px !important;
}

#webr-afrekenpagina-titel-woodmart::before,
#webr-afrekenpagina-titel-woodmart::after {
	content: unset !important;
}
#webr-afrekenpagina-titel-woodmart {
    margin-top: 2.5%;
	height: 75px;
	
	position: absolute;
    margin-inline: auto;
    width: 95%;
    left: 50%;
    transform: translateX(-50%);
    padding-inline: 30px;
    border-radius: 10px;
    top: 0;
}
#webr-afrekenpagina-titel-woodmart > * {
	margin: 0px !important;
}
#webr-afrekenpagina-titel-woodmart::before, 
#webr-afrekenpagina-titel-woodmart::after {
	width: calc((95vw - 100%) / 2) !important;
}
#webr-afrekenpagina-titel-woodmart::before {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
#webr-afrekenpagina-titel-woodmart::after {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

body.woocommerce-cart .wd-content-layout,
body.woocommerce-checkout .wd-content-layout {
	padding-block: 60px;
}
body.woocommerce-cart .cart-content-wrapper,
body.woocommerce-checkout form.woocommerce-checkout {
	gap: 50px;
}

#webr-afrekenpagina-titel-woodmart img {
	width: 150px;
}

:is(.woocommerce-checkout>.checkout-order-review,.woocommerce-order-pay #order_review):before, 
:is(.woocommerce-checkout>.checkout-order-review,.woocommerce-order-pay #order_review):after {
	background-image: radial-gradient(farthest-side, transparent 6px, var(--beige) 0);
}
:is(.woocommerce-checkout>.checkout-order-review,.woocommerce-order-pay #order_review) {
	background-color: var(--beige);
}