/*
Theme Name: Yooker Theme
Template: Impreza
Version: 1.0.0
Author:	Yooker
Theme URI: https://yooker.nl
Author URI: https://yooker.nl
*/

@import url("./forms.css");
@import url("./responsive.css");

:root { /* Standaard borderradius invullen! */
	--border-radius: 0.5rem;
}

/* - Algemeen - */
/* Separators */
/* .w-separator.size_small { height: 1rem !important; }
.w-separator.size_medium { height: 2rem !important; }
.w-separator.size_large { height: 4rem !important; }
.w-separator.size_huge { height: 8rem !important; } */

/* Overflow-slider */
.overflow-slider .owl-stage-outer { overflow: visible; }

/* Scrollbar */
body::-webkit-scrollbar { width: 1em; }
body::-webkit-scrollbar-track {
    background:#fff;
}
body::-webkit-scrollbar-thumb {
  background-color: var(--color-content-primary);
}

/* Cookie Banner */
.seopress-user-consent {
	font-size: 1rem !important;
	padding: 0.75rem !important;
	background: #f7f7f7 !important;
	border-right: 0 !important;
}
.seopress-user-consent p a:first-child {
	content: "";
    background-image: url(/wp-content/uploads/2022/01/yooker-cookies.png);
    width: 32px;
    height: 32px;
    display: inline-block;
    background-size: cover;
    margin-bottom: -11px;
    margin-right: 13px;
}
.seopress-user-consent #seopress-user-consent-accept{
	background: var(--color-content-primary);
    color: #fff;
    border-radius: var(--border-radius);
    padding: 0.5rem 2rem;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
	margin-left: 50px !important;
	border: none;
	cursor: pointer;
	transition: all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close {
	background: none;
    border: none;
    font-size: 13px;
    padding: 3px 20px;
    margin-top: 5px;
    font-weight: 600;
    color: #000;
	transition:all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close:hover {
	border:none;
	background:none;
	color:red;
	transition:all ease .3s;
}
.seopress-user-consent p a:nth-child(2) {
	text-decoration:underline;
}
.seopress-user-consent p {
	padding-bottom:0 !important;
}

/* Footer */
footer .widget.widget_nav_menu li {
	margin-bottom: 14px !important;
}
.l-subheader.at_middle{
	    z-index: 9999999;
}

/* FAQ */
/* Style the buttons that are used to open and close the accordion panel */
.faq-tab .accordion {
	background-color: transparent;
	color: var(--color-content-heading);
	padding: 1rem;
	width: 100%;
	text-align: left;
	transition: ease 0.4s;
	border-bottom: solid 1px var(--color-content-border);
	font-weight: 500;
	font-size: 1.1rem;
}
.faq-tab .accordion:hover{
	background-color: var(--color-content-bg-alt);
}
.faq-tab .panel {
	padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.09, 0.52, 0.04, 1.01), padding 0.5s;
}
.faq-tab.active .panel{
	max-height: 10000px;
	padding: 18px;
}
.faq-tab .accordion:after {
	content: '\f078'; 
	color: var(--color-content-heading);
	float: right;
	margin-left: 5px;
	font-family: fontawesome;
	font-size: 1.1rem;
	font-weight: 300;
	transition: ease 0.3s;
}
.faq-tab.active .accordion:after {
	transform: rotate(180deg);
}

/* Animations */
@keyframes sway-right {
	0% { transform: translatex(0); }
	50% { transform: translatex(10px); }
	100% { transform: translatex(0); }
}

/* Logo slider */
.logo-slider img {
	object-fit: contain !important;
}

/* Header */
.l-subheader.at_top{
	border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}
.l-subheader.at_middle{
	position: relative;}
.l-subheader.at_middle:before{
    content: '';
    background: url(/wp-content/uploads/2025/03/Buitenwinkel_icons_zwart.png);
    position: absolute;
    right: 0;
    width: 41%;
    height: 100%;
    z-index: 6;
    background-size: cover;
    background-position: 90% 68%;
    opacity: 0.05;
    top: 0;
    bottom: 0;
}
    .l-subheader-h {
        display: flex;
        align-items: center;
        position: relative;
        margin: 0 auto;
        max-width: var(--site-content-width, 1200px);
        height: inherit;
        z-index: 99999;
    }

/* Searchform */
.aws-search-form.aws-form-active .aws-search-btn{
	display: none;
}
.aws-search-form.aws-processing .aws-search-btn{
	display: none;
}
.aws-container .aws-show-clear .aws-search-field {
    padding-right: 50px;
	border-radius: 9px !important;
	    font-size: 16px;
}
.aws-container .aws-search-form .aws-form-btn {
    border: none;
    margin-left: -3rem;
    z-index: 2;
	background: none;
}
.main_container_bg:before{
    content: '';
    background: url(/wp-content/uploads/2025/03/Buitenwinkel_icons.png);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    opacity: 0.1;
    background-size: 100%;
    background-position: 50% 45%;
	    z-index: 0;
}
.main_container_bg.afdbax:before{
    content: '';
    background: url(/wp-content/uploads/2025/03/Buitenwinkel_icons.png);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    opacity: 0.1;
    background-size: 100%;
    background-position: 50% 45%;
	    z-index: 1;
}
#product_cat_grid .w-grid-list{
	    display: flex;
    flex-wrap: wrap;
}
.secondary_main_col .vc_column-inner:first-of-type > .wpb_wrapper:not(.inner_col .wpb_wrapper){
    height: 100%;
}
.category_grid_buitenwinkel .w-grid-item-h{
	border: 1px solid #F1F2EF;
}
.no_m_section .g-cols.vc_row{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.no_m_section .g-cols.vc_row .vc_col-sm-6:first-child{
	padding-left: 0px !important;
}
.no_m_section .g-cols.vc_row .vc_col-sm-6:last-child{
	padding-right: 0px !important;
}

/* Overflow carousel */
.overflow_carousel .owl-stage-outer{
	overflow: visible;
}

.levertijd .w-post-elm-value{
	display: flex;
	
}
.levertijd .w-post-elm-value:before{
	content: '\f111';
	font-family: fontawesome;
	margin-right: 7px;
	font-size: 6px;
	font-weight: 800;
}
.w-post-elm.post_custom_field.usg_post_custom_field_1.\31 -2.werkdagen.type_text.levertijd.color_link_inherit {
	color: #17B26A;
}
.w-post-elm.post_custom_field.usg_post_custom_field_1.\33 -5.werkdagen.type_text.levertijd.color_link_inherit {
	color: #FF8A05;
}

.w-post-elm.post_custom_field.usg_post_custom_field_1.\32 -3.werkdagen.type_text.levertijd.color_link_inherit {
	color: #17B26A;
}
.w-post-elm.post_custom_field.usg_post_custom_field_1.\35 -10.werkdagen.type_text.levertijd.color_link_inherit {
	color: #17B26A;
}

/* Klanten carousel */
#klanten_carousel .owl-carousel.navpos_inside.navstyle_circle>.owl-nav button, #klanten_carousel .owl-carousel.navpos_inside.navstyle_block>.owl-nav button, #carousel-home .owl-carousel.navpos_inside.navstyle_circle>.owl-nav button, #carousel-home .owl-carousel.navpos_inside.navstyle_block>.owl-nav button {
    background: #fff4ed;
	border-radius: 8px !important;
}
#klanten_carousel .owl-next:after, #carousel-home .owl-next:after {
    content: '\f105';
    font-family: fontawesome;
    font-weight: 400;
    padding-left: .2rem;
    display: flex;
    background: var(--color-alt-content-secondary);
    justify-content: center;
    width: 22px;
    height: 25px;
    align-items: center;
    border-radius: 50%;
    text-shadow: none;
    font-size: 16px;
}
#klanten_carousel .owl-prev:after, #carousel-home .owl-prev:after {
    content: '\f104';
    font-family: fontawesome;
    font-weight: 400;
    padding-left: .2rem;
    display: flex;
    background: var(--color-alt-content-secondary);
    justify-content: center;
    width: 22px;
    height: 25px;
    align-items: center;
    border-radius: 50%;
    text-shadow: none;
    font-size: 16px;
}
#klanten_carousel .owl-nav, #carousel-home .owl-nav {
    rotate: 180deg;
}
#klanten_carousel .owl-carousel .owl-nav button, #carousel-home .owl-carousel .owl-nav button {
    top: 0%;
    transform: translateY(275%);
}

/* FAQ */
#FAQ .w-tabs .w-tabs-list-h{
	flex-direction: unset;
    gap: 12px;
    flex-wrap: wrap;
}
#FAQ .w-tabs .w-tabs-list-h .w-tabs-item{
    background: #fff;
    border: 1px solid #F1F2EF;
    padding: 0.3rem 0.8rem;
    font-size: 14px;
    border-radius: 8px;
}
#FAQ .w-tabs .w-tabs-list-h .w-tabs-item.active{
    background: #FFF4ED;
	color: #FF8A05;
    border: 1px solid #FF8A05;
    padding: 0.3rem 0.8rem;
    font-size: 14px;
    border-radius: 8px;
}
#FAQ .w-tabs.style_simple2>.w-tabs-list .w-tabs-item.active:after {
    width: 100%;
	display: none;
}
#FAQ .w-tabs.layout_ver {
    display: flex;
    align-items: center;
}
#FAQ .w-tabs.layout_ver .w-tabs-list:before{
	content: <div class="wpb_wrapper"><h2>Veelgestelde vragen<span style="color: #ff8a05;">.</span></h2></div>;
}


.contact_footer_section .w-iconbox.iconpos_left, .contact_footer_section .w-iconbox.iconpos_right {
    display: flex;
    align-items: center;
}
.contact_footer_section .w-iconbox.iconpos_left .w-iconbox-title, .contact_footer_section .w-iconbox.iconpos_right .w-iconbox-title {
    padding-top: 0;
    margin-top: 0em;
    padding: 0px;
}
.contact_footer_section .w-iconbox-text{
	opacity: 0.7;
}

.footer_middel_section:before {
    content: '';
    background: url(/wp-content/uploads/2025/03/Buitenwinkel_icons.png);
    position: absolute;
    right: 0;
    width: 41%;
    height: 100%;
    z-index: 0;
    background-size: cover;
    background-position: 90% 68%;
    opacity: 0.05;
    top: 0;
    bottom: 0;
}
#review_carousel .owl-nav{
	position: absolute;
    right: 1rem;
    display: flex;
	    gap: 12px;
}
#review_carousel .owl-carousel.navpos_inside.navstyle_circle>.owl-nav button, #review_carousel .owl-carousel.navpos_inside.navstyle_block>.owl-nav button {
    background: #fff4ed;
	border-radius: 8px !important;
	position: static;
}
#review_carousel .owl-next:after {
    content: '\f105';
    font-family: fontawesome;
    font-weight: 400;
    padding-left: .2rem;
    display: flex;
    background: var(--color-alt-content-secondary);
    justify-content: center;
    width: 22px;
    height: 25px;
    align-items: center;
    border-radius: 50%;
    text-shadow: none;
    font-size: 16px;
}
#review_carousel .owl-prev:after {
    content: '\f104';
    font-family: fontawesome;
    font-weight: 400;
    padding-left: .2rem;
    display: flex;
    background: var(--color-alt-content-secondary);
    justify-content: center;
    width: 22px;
    height: 25px;
    align-items: center;
    border-radius: 50%;
    text-shadow: none;
    font-size: 16px;
}


/* Clickthrough */
.no-click { pointer-events: none; }
/* Overflowing slider */
.overflow-slider .owl-stage-outer { overflow: visible; }
/* Logo main color */
.logo-main i { color: var(--color-content-primary);}


/* Producten */
/* Algemeen */
form.cart:not(.product-variabel-product form.cart){
	display: flex;
}
.quantity{
	display: flex;
}


/* Winkelwagen + afrekenen */
.kruimelpadje i{
	margin: 0 5px;
}
/* Winkelwagen pagina */
#winkelwagen .cart th{
	color: var(--color-content-heading);
	opacity: 1;
	border-bottom: 2px solid #F1F2EF;
	font-weight: 500 !important;
}
#winkelwagen .cart .cart_item{
	border-bottom: 2px solid #F1F2EF;
}
#winkelwagen .cart .cart_item > td{
	vertical-align: middle;
	border: none !important;
}
#winkelwagen .cart-collaterals .cart_totals{
	background: #f5f5f5;
	border-radius: var(--border-radius);
	padding: 40px;
	border: none;
}
#winkelwagen .shop_table button{
	padding: 0.9rem 1.8rem !important;
}
#winkelwagen .button{
	border-radius: var(--border-radius);
}
.current-broodkruimel{
	font-weight: 700 !important;
	color: var(--color-content-primary) !important;
}


/* Afrekenen */
#afrekenen .vc_col-sm-6.wpb_column:last-child .wpb_wrapper{
	border-radius: var(--border-radius);
	padding: 2.5rem;
	border: none;
	background: #f5f5f5;
}
#afrekenen h3{
	margin-bottom: 1.5rem;
}
#afrekenen .w-checkout-order-review{
	margin-bottom: 1.5rem !important;
}
#afrekenen .cart_item:not(:last-child){
	    border-bottom: 2px solid #e5e5e5;
}
#afrekenen .cart_item > td{
	padding: 0.75rem 0;
}
#afrekenen .wc_payment_method{
	box-shadow: none !important;
}
#afrekenen li.wc_payment_method > *{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#afrekenen button{
	padding: 0.9rem 1.8rem !important;
	border-radius: var(--border-radius);
}


/* Bestelling compleet */
#bestelnummer .woocommerce-order{
	padding: 0;
}
#bestelnummer .woocommerce-order ul{
	display: flex;
	justify-content: space-evenly;
}
#bestelgegevens .woocommerce-order-details{
	width: 50%;
	margin: 0 auto;
}
#bestelgegevens .woocommerce-order-details > h2{
	text-align: center;
	margin-bottom: 1.5rem;
}
#bestelgegevens .woocommerce-order-details > table{
	width: 85%;
	margin: 0 auto;
}
#bestelgegevens .woocommerce-customer-details{
	width: 50%;
	margin: 75px auto 0;
}
#bestelgegevens .woocommerce-customer-details .addresses > .woocommerce-column{
	padding: 20px;
	border: solid 1px var(--color-content-border);
	border-radius: var(--border-radius);
}
#bestelgegevens .woocommerce-customer-details--phone{
	margin-bottom: 0 !important;
}


/* mijn account */
.woocommerce-account .woocommerce-MyAccount-navigation li a:before{
	font-family: 'fontawesome';
	margin-right: 5px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a:before{ content: "\f62a"; }
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a:before{ content: "\f847"; }
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a:before{ content: "\f2b9"; }
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a:before{ content: "\f2bd"; }
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:before{ content: "\f08b" }
.woocommerce-MyAccount-content table tr{
	border-bottom: solid 1px var(--color-content-bg-alt);
}
.woocommerce-MyAccount-content table td, .woocommerce-MyAccount-content table th{
	border: none !important;
}
.woocommerce-MyAccount-navigation-link--downloads{
	display: none;
}
.mp-dashboard-wrapper{
	display: none;
}
.custom-dash-container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.custom-dash-container a {
	background: var(--secondary-color);
	display: block;
	padding: 40px 20px;
	border-radius: 1rem;
	text-align: center;
	width: calc(50% - 10px);
}
.custom-dash-container a:hover i {
	animation: size-grow 2s linear infinite;
}
.custom-dash-blok i {
	background: var(--color-content-primary);
	color: #fff;
	padding: 10px;
	font-size: 36px;
	border-radius: 50px;
	width: 90px;
	height: 90px;
	text-align: center;
	line-height: 69px;
}
.custom-dash-blok span {
	display: block;
	color: #000;
	margin-top: 15px;
	font-size: 20px;
	font-weight: 600;
}
.myaccount_container .myaccount_custom {
	width: 90px;
	height: 90px;
	border-radius: 50px;
	overflow: hidden;
	min-width:90px;
}
.myaccount_container .myaccount_custom img {
	padding: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-width: 100%;
}
.myaccount_container {
	display:flex;
	align-items:center;
	gap: 20px;
}
.myaccount_container .username {
	font-size: 20px;
	font-weight: 600;
	color: #000;
}
.myaccount_container .email {
	color: var(--color-alt-content-link-hover);
	font-weight: 400;
	font-size: 15px;
}
.woocommerce-MyAccount-content {
	margin-top: -90px !important;
}
.woocommerce-MyAccount-navigation-link a:before {
	color: #000;
	padding: 10px;
	border-radius: 50px;
	transition:all ease .3s;
}
.woocommerce-MyAccount-navigation-link:hover a:before {
	color: #fff !important;
	background: var(--color-alt-content-link-hover);
	transition:all ease .3s;
}
.woocommerce-MyAccount-navigation-link a {
	padding: 15px 0px !important;
	display: block;
	border-bottom: solid 2px #0000000f;
	color: #000 !important;
}
.woocommerce-MyAccount-navigation-link.is-active a:before {
	color: #fff !important;
	background: var(--color-alt-content-link-hover);
}
.woocommerce-MyAccount-navigation-link.is-active a {
	color:#000 !important;
}
.woocommerce-MyAccount-navigation-link {
	margin-bottom:0 !important;
}
.avatar {
	padding-left:0 !important;
}
.woocommerce>.woocommerce-MyAccount-navigation {
	margin-top:15px;
}
.woocommerce-EditAccountForm em {
	display: none;
}


/* Scrollbar */
body::-webkit-scrollbar { width: 1em; }
body::-webkit-scrollbar-track {
    background:#fff;
}
body::-webkit-scrollbar-thumb {
  background-color: var(--color-content-primary);
}

/* Cookie Banner */
.seopress-user-consent {
	font-size: 1rem !important;
	padding: 0.75rem !important;
	background: #f7f7f7 !important;
	border-right: 0 !important;
}
.seopress-user-consent p a:first-child {
	background-image: url(/wp-content/uploads/2022/01/yooker-cookies.png);
	width: 2rem;
	height: 2rem;
	display: inline-block;
	background-size: cover;
	margin-bottom: -11px;
	margin-right: 13px;
}
.seopress-user-consent #seopress-user-consent-accept{
	background: var(--color-content-primary);
	color: #fff;
	border-radius: var(--border-radius);
	padding: 0.5rem 2rem;
	font-size: 0.8rem;
	font-weight: 600;
	margin-left:50px !important;
	border: var(--border-radius);
	transition:all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close {
	background: none !important;
	border: none !important;
	font-size: 0.8rem;
	padding: 3px 20px;
	font-weight: 600;
	color: #000;
	transition:all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close:hover {
	border:none;
	background:none;
	color:red;
	transition:all ease .3s;
}
.seopress-user-consent p a:nth-child(2) {
	text-decoration:underline;
}
.seopress-user-consent p {
	padding-bottom:0 !important;
}


/* Klantenservice FAQ */
#klantenservice-faq .widget_nav_menu .menu{
	border: none !important;
}
#klantenservice-faq .widget_nav_menu .menu li a{
	border-top: none !important;
}
#klantenservice-faq .menu-item.current-menu-item>a{
	background: transparent;
	color: var(--color-content-primary);
}
#klantenservice-faq .menu-item.current-menu-item>a:hover{
	background: var(--color-content-bg-alt-grad);
}
#klantenservice-faq .w-tabs-section{
	border-color: rgba(0,0,0,0.2);
}
#klantenservice-faq #menu-klantenservice > li a:before{
	font-family: 'fontawesome';
	margin-right: 5px;
}
#klantenservice-faq #menu-klantenservice #menu-item-16230 a:before{ content: "\f0d1"; }
#klantenservice-faq #menu-klantenservice #menu-item-1231 a:before{ content: "\f847"; }
#klantenservice-faq #menu-klantenservice #menu-item-1232 a:before{ content: "\f788"; }
#klantenservice-faq #menu-klantenservice #menu-item-1235 a:before{ content: "\f543"; }
#klantenservice-faq #menu-klantenservice #menu-item-1234 a:before{ content: "\f0e2"; }
#klantenservice-faq #menu-klantenservice #menu-item-1233 a:before{ content: "\f590"; }
#klantenservice-faq #menu-klantenservice > li a{
	padding: 15px;
	border-right: solid 1px var(--color-content-bg-alt) !important;
	border-bottom: solid 1px var(--color-content-bg-alt) !important;
	margin-bottom: 5px !important;
}


/* Winkelmand aantal */
.product .quantity {
	display:flex;
}
.product .quantity input.qty::-webkit-outer-spin-button, .product .quantity input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}
.product .quantity input[type=number] {
	-moz-appearance: textfield !important;
	background: #f5f5f5 !important;
    color: var(--color-alt-content-heading);
	font-family: var(--font-body);
	font-size: 1rem;
	font-weight: 600;
	width: 2rem !important;
	text-align: center;
	padding:0 !important;
	border:none !important;
	border-radius: 0 !important;
}
.product .quantity .button-minus, .product .quantity .button-plus {
	background: #f5f5f5 !important;
    color: var(--color-alt-content-heading);
    font-weight: 300;
	font-family: var(--font-body);
	font-size: 26px;
	border:none !important;
}
.cart input.minus, .cart input.plus {
	background: #f5f5f5 !important;
    color: var(--color-alt-content-heading);
    font-weight: 300;
	font-family: var(--font-body);
	font-size: 26px;
	border:none !important;
	opacity:1;
}
.cart input.minus {
	border-radius: .5rem 0 0 .5rem;
}
.cart input.plus {
	border-radius: 0 .5rem .5rem 0;
}
.product .cart .add_to_cart_button{
	flex: 1;
	font-size: 15px !important;
	font-weight: 600 !important;
}
.product .post_image{
	background: var(--color-content-bg-alt);
	border-radius: var(--border-radius);
}


@keyframes size-grow {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}

#search-form {
	width: 100%;
	border: none !important
}

.aws-container .aws-search-form .aws-wrapper {
	overflow: unset !important;
}
.l-subheader.at_top #menu-item-16222 .w-nav-title:before {
    content: '\f590';
    font-family: fontawesome;
    font-weight: 800;
    margin-right: 7px;
}


/* .woocommerce-terms-and-conditions { display: none !important;  }

.woocommerce-terms-and-conditions .woocommerce-terms-and-conditions-link {
	pointer-events: none !important;
} */

.button.add_to_cart_button .w-btn-label:before{
	content: '\f291';
	font-family: fontawesome;
	margin-right: 7px;
}
.button.add_to_cart_button.product_type_variable .w-btn-label:before{
	content: '\f1de' !important;
	font-family: fontawesome;
	margin-right: 7px;	
}

#contact_div #gform_submit_button_1{
	    border: 1px solid;
}
.w-cart-dropdown{
	border-radius: 8px;
}
.button.wc-forward{
	border-radius: 4px;
}
.woocommerce-mini-cart__buttons.buttons .button.wc-forward:first-child{
	background: rgba(255, 138, 5, 0.15) !important;
    border-color: transparent !important;
    color: var(--color-content-secondary) !important;
}
.woocommerce-mini-cart__buttons.buttons .button.wc-forward:first-child:hover{
	background: rgba(255, 138, 5, 0.2) !important;
    border-color: transparent !important;
    color: var(--color-content-secondary) !important;
}

.l-subheader.at_bottom .type_mobile.w-nav .w-nav-control:before{
	content: 'Bekijk assortiment';
}

.l-subheader.at_bottom .type_mobile.w-nav .w-nav-control{
	    display: flex;
    width: max-content;
    padding: 0px;
    gap: 1rem;
}


.wcpa_option_breakdown{
	width: 100%;
    display: table;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 10px;
	border-bottom: 1px solid #bdbdbd;
}
.wcpa_option_breakdown .wcpa_option_line{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 10px;
}
.wcpa_field_bottom .wcpa_field_price{
	display: none;
}

.wcpa_check_ui_button .wcpa_radio label{
    width: 100%;
    text-align: center;
    place-content: center;
	padding: 14px !important;
}
.wcpa_check_ui_button .wcpa_radio.wcpa_selected label{
	background: #FFF4ED !important;
	border: #FFF4ED;
}
.wcpa_wrap .wcpa_selection_outline input:checked~.wcpa_img_wrap {
    border-radius: 4px;
}
.wcpa_tooltip_icon {
    width: 16px;
    padding: 1px 5px;
    margin: 2px 5px 0px 5px;
    cursor: pointer;
    position: relative;
    color: #fff;
    font-weight: bold;
    background: #7f7f7f;
    height: 16px;
    display: inline-flex;
    align-items: center;
	border: none;
    justify-content: center;
    font-size: 11px;
    vertical-align: text-top;
    border-radius: 50%;
}
.wcpa_required_ast{
	display: none;
}
.wcpa_price_summary{
	display: flex;
    flex-direction: column-reverse;
}
.wcpa_options_total{
	order: 3;
}
.wcpa_option_breakdown{
	order: 4;
}
.wcpa_product_total{
	order: 2;
}
.wcpa_total{
	order: 1;
}
.wcpa_check_ui_button span.wcpa_option_price {
    display: none;
}
.wcpa_section_body .wcpa_option_price {
    margin-left: 5px;
    font-size: 13px;
}

#checkgroup_9787421101, #checkbox-group_3690b124d12660 {
	    background: #155EEF;
    color: #fff !important;
    padding: 20px;
    border-radius: 8px;
}

#checkgroup_9787421101 .wcpa_field_desc, #checkgroup_9787421101 span, #checkbox-group_3690b124d12660 .wcpa_field_desc, #checkbox-group_3690b124d12660 span {
	color: #fff !important;
}

.megamenu a:hover {
    color: var(--color-alt-content-heading) !important;
    font-weight: 600;
    animation: all ease .3s !important;
}


.woocommerce-product-gallery__wrapper img {
	border-radius:8px !important;
}


.w-grid-item.type-product .button.product_type_simple {
	    font-family: var(--font-family);
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0em;
    border-radius: 4px;
    padding: 1em 1.8em;
    background: var(--color-content-secondary);
    border-color: transparent;
    color: #ffffff !important;
    box-shadow: 0px 0em 0em 0px rgba(0, 0, 0, 0.2);
}
.w-grid-item.type-product .post_title {
		    min-height: 44px !important;
	}
.w-grid-item.type-product .usg_add_to_cart_1 .quantity {
	margin-right: 5px;
}
.w-tabs.style_modern>.w-tabs-list {
	border-radius:8px !important;
}

.reset_variations {
	color:#c70b0b !important;
	margin-left: 5px;
}
.woocommerce .cart .variations label {
	color:#000;
}
.woocommerce-variation-price, .woocommerce-variation-availability {
	    color: #000;
    font-family: "Bree Serif" !important;
    font-size: 22px;
}
.wcpa_field .wcpa_img_wrap img[alt="Wit"]
{
	border:solid ;
	border-color: ghostwhite;
}
.wcpa_field_label {
	font-weight:500 !important;
}

#color_group_8566092964 legend {
	font-weight:700 !important;
	color:#000 !important;
	font-size:16px !important;
	margin-bottom: 15px !important;
}
#color_group_8566092964 {
	margin-bottom:0 !important;
}
.wcpa_form_outer {
	margin:0 !important;
}


/* CHECKOUT */
#afrekenen .cart_item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    column-gap: 1.5rem;
    align-items: center;
}
#afrekenen button.toggle-meta-btn {
    padding: 8px 16px !important;
    font-size: 14px;
    background: none;
    text-decoration: underline;
    font-weight: 700;
}
#afrekenen .cart_item td.product-meta-dropdown-cell {
    padding: 0px;
    margin: 0px;
}
#afrekenen .cart_item .product-meta-dropdown-cell .variation-ConfiguratiePrijs, #afrekenen .cart_item .product-meta-dropdown-cell .variation-ConfiguratiePrijs{
	display: none;
}
#afrekenen .product-name{
    display: flex;
    gap: 24px;
}
#afrekenen tfoot th{
	    font-weight: 500;
}
.product-meta-dropdown-cell .variation {
  display: grid;
  grid-template-columns: max-content 1fr; /* dt fixed width, dd flexible */
  gap: 8px 16px; /* row-gap column-gap */
  align-items: center; /* vertical alignment */
	text-align: left;
}
#afrekenen .us-btn-style_1::after {
    content: "";
    position: absolute;
    transition-duration: inherit;
    transition-timing-function: inherit;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    border-radius: inherit;
    transition-property: height;
    background: var(--color-content-secondary);
    z-index: -1;
}
.cart_item .product-meta-dropdown-cell .variation dt {
  font-weight: bold;
}

.cart_item .product-meta-dropdown-cell .variation dd {
  margin: 0;
}
.cart_item .product-meta-dropdown-cell{
	text-align: left;
    display: flex;
	width: 100%;
}
.cart_item .product-meta-dropdown-cell .cart-item-meta-dropdown{
	padding-bottom: 16px;
}
.cart_item .product-total-cell{
	margin-left: auto;
}

#afrekenen  table.shop_table.woocommerce-checkout-review-order-table{
	display: flex;
    flex-wrap: wrap;
}
#afrekenen  table.shop_table.woocommerce-checkout-review-order-table tfoot{
	 width: 100%;
    display: flex;
    flex-direction: column;
	margin: 16px 0;
}
#afrekenen  table.shop_table.woocommerce-checkout-review-order-table tfoot tr{
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
	font-size: 15px;
}
#afrekenen table.shop_table.woocommerce-checkout-review-order-table tbody{
	    display: flex;
	flex-wrap: wrap;
    width: 100%;
}
#afrekenen .w-checkout-payment .woocommerce-checkout-payment .payment_box {
    margin: 0;
}
#afrekenen .woocommerce-checkout-review-order-table tfoot td {
    font-weight: 400;
}


/* style for the variation row */
.ykr-variation-row__cell { padding: .75rem 1rem; background: transparent; font-size: 0.95rem; }
.ykr-variation-row__cell .wcpa_cart_meta { margin: 0; }
.ykr-toggle-variation { font-size: .95rem; text-decoration: underline; cursor: pointer; display:inline-block; margin-top: .25rem; color: var(--color-alt-content-secondary);}

.woocommerce-cart .woocommerce-message, #afrekenen .woocommerce-message {
	margin-bottom:40px;
	border-radius:5px;
	text-align:center;
	font-weight:500;
}
#afrekenen .product-name {
	align-items:center;
}
#afrekenen .product-name-title {
	max-width:200px;
	font-weight:500;
}
#afrekenen .cart_item  {
	justify-content:space-between;
	font-size:15px !important;
}
.woocommerce-form-row label, .woocommerce .form-row label {
	font-weight:500 !important;
}
.ykr-variation-row {
    border-bottom: 2px solid #F1F2EF;
    width: 100% !important;
	    padding: 10px 0 4px 0;
}
.wcpa_cart_meta .wcpa_cart_meta_item {
	margin-bottom:0 !important;
}
.wcpa_cart_meta .wcpa_cart_meta_item .wcpa_cart_meta_item-label, .wcpa_cart_meta .wcpa_cart_meta_item .wcpa_cart_meta_item-value {
	font-size:14px !important;
}
.woocommerce-terms-and-conditions-checkbox-text {
	font-size: 15px;
    line-height: 1.3;
}
.wcpa_cart_meta .wcpa_cart_meta_item-value img {
	max-width: 20px !important;
    max-height: 20px !important;
}
.wcpa_cart_meta .wcpa_cart_meta_item-value p {
	    display: flex;
    align-items: center;
    gap: 5px;
}
.wcpa_cart_meta .wcpa_cart_meta_item .wcpa_cart_meta_item-label {
	margin-bottom:2px;
}
.woocommerce .shop_table.cart .product-subtotal {
	font-weight:500;
}
.woocommerce-cart .cart_item .product-name a:not(.ykr-toggle-varation) {
	font-weight:500 !important;
}
button[name="update_cart"], .woocommerce .button[name="update_cart"], .woocommerce .actions .button[name="update_cart"] {
	background: rgba(255, 138, 5, 0.15) !important;
    border-color: transparent !important;
    color: var(--color-content-secondary) !important;
	border-radius:5px;
}
button[name="update_cart"]:hover, .woocommerce .button[name="update_cart"]:hover, .woocommerce .actions .button[name="update_cart"]:hover {
	background: rgba(255, 138, 5, 0.2) !important;
    border-color: transparent !important;
    color: var(--color-content-secondary) !important;
	border-radius:5px;
}
.no-touch .woocommerce .button[name="update_cart"]:hover, .no-touch .woocommerce .actions .button[name="update_cart"]:hover {
	color: var(--color-content-secondary) !important;
	border-radius:5px;
}
.woocommerce .button, .woocommerce .actions .button {
	border-radius:5px;
}
.woocommerce-cart .woocommerce-shipping-destination {
	display:none !important;
}
.woocommerce-cart .woocommerce .cart_totals tr.woocommerce-shipping-totals {
	align-items: center;
}
.woocommerce-cart .woocommerce .cart_totals tr.woocommerce-shipping-totals td {
	    width: fit-content;
	padding: 0 !important;
}
.woocommerce ul#shipping_method li .amount {
	font-weight:400;
}
.w-cart-dropdown .wcpa_cart_meta {
	display:none;
}
li.woocommerce-mini-cart-item.mini_cart_item {
    border-bottom: 2px solid #F1F2EF;
    padding-bottom: 5px;
}
.w-cart-dropdown ul.product_list_widget li img {
	max-width: 40px;
	max-height:40px;
}
.w-cart-dropdown .quantity {
	margin-top: 5px;
    gap: 5px;
}
.w-cart-dropdown ul.product_list_widget li {
	display: flex;
    flex-direction: column;
}
.single-product .product_field.price {
	font-weight:400 !important;
}
.prod-desc {
	display: -webkit-box;        /* needed for webkit line-clamp */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;      /* number of lines to show */
  overflow: hidden;
  text-overflow: ellipsis;    /* shows "…" when clipped */
  word-break: break-word;     /* optional, avoid overflow for long words */
}

.menu-reviews i {
	color:var(--color-alt-content-secondary) !important;
	margin-left:1px;
}
.menu-reviews {
	font-size: 14px;
}

/* Vanaf voor prijzen schuifwanden */
.price-before .woocommerce-Price-amount.amount:before {
	content:"vanaf ";
}