/*
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 { /* Deze aanpassen naar klant stylen */
	--main-color: #E73F0C;
	--secondary-color: #F39F85;
	--tertiary-color: #D0C4A5;
	--inactive-color: #D0C4A5;
	--border-radius: 0rem;
}

/* - 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; } */
/* Clickthrough */
.no-click { pointer-events: none; }
/* Overflowing slider */
.overflow-slider .owl-stage-outer { overflow: visible; }
/* Logo main color */
.logo-main i { color: var(--main-color);}


/* 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: solid 1px var(--color-content-bg-alt) !important;
	font-weight: 600 !important;
}
#winkelwagen .cart .cart_item{
	border-top: solid 1px var(--color-content-bg-alt) !important;
	border-bottom: solid 1px var(--color-content-bg-alt) !important;
}
#winkelwagen .cart .cart_item > td{
	vertical-align: middle;
	border: none !important;
}
#winkelwagen .cart-collaterals .cart_totals{
	background: #fff;
	box-shadow: rgb(0 0 0 / 6%) 0px 2px 8px 2px;
	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(--main-color) !important;
}


/* Afrekenen */
#afrekenen .vc_col-sm-6.wpb_column:last-child .wpb_wrapper{
	box-shadow: rgb(0 0 0 / 6%) 0px 2px 8px 2px;
	border-radius: var(--border-radius);
	padding: 2.5rem;
	border: none;
	background: #fff;
}
#afrekenen h3{
	margin-bottom: 1.5rem;
}
#afrekenen .w-checkout-order-review{
	margin-bottom: 1.5rem !important;
}
#afrekenen .cart_item:not(:last-child){
	border-bottom: solid 1px var(--color-content-bg-alt);
}
#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-bg-alt);
	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(--main-color);
	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(--main-color);
}

/* 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(--main-color);
	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(--main-color);
}
#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-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: "\f0d1"; }
#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: #42B26F !important;
	color: #fff !important;
	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: #42B26F !important;
	color: #fff !important;
	font-family: var(--font-body);
	font-size: 26px;
	border:none !important;
}
.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); }
}

/* header search Yith */
.l-subheader-h .css-r4o1is .ywcas-input-field-wrapper{
	border-radius: 50px;	
}
.l-subheader-h .css-r4o1is .ywcas-submit-icon, .css-r4o1is .ywcas-submit-icon:hover {
    color: #ff4500 !important;
    height: 18px;
    margin-top: 5px;
}
.l-subheader-h .ywcas-input-field-wrapper input:focus{
	border: none !important;
}
/* header */
.l-subheader.at_top .l-subheader-h{
	border-bottom: 2px dashed var(--color-alt-content-primary);
}

/*  */
.pop_products_grid_cart_btn .w-btn-label:after{
	content: "\f291";
	font-family: fontawesome;
}
.product_field.price.usg_product_field_1 del {
    text-decoration-color: var(--color-alt-content-primary);
    opacity: 1;
    color: #A4A4AB;
}

.lines_after:after {
    content: url(https://werkenbij.bakkerijvanheeswijk.nl/wp-content/uploads/2024/04/lines-after.svg);
    width: 159px;
    height: 53px;
    margin-top: -35px;
    margin-left: 19px;
}
.lines_after{
	display: flex;
	flex-wrap: wrap;
}

.categorie_btn .us-btn-style_badge{
	    padding: 4px 12px;
	font-size: 500;
}
.lines_after_2{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.lines_after_2 p{
	position: relative;
}
.lines_after_2 p:after {
    display: block;
    position: absolute;
    right: -205px;
    top: -70px;
    content: ' ';
    background-image: url(https://werkenbij.bakkerijvanheeswijk.nl/wp-content/uploads/2024/04/lines-after-2.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 100px;
    width: 274px;
}


/* Locatie map */
#map-container-18612, #map-container-60007 {
	z-index: 1;
}
#results-found-18612, #results-found-60007{
	display: none;
}
#map-nav-18612 .map-nav-item, #map-nav-60007 .map-nav-item{
	border: none;
	box-shadow: none	
}
#map-nav-18612 .map-nav-item.focus, #map-nav-60007 .map-nav-item.focus{
	border: none;
	box-shadow: none;
}
#map-nav-18612 .map-nav-item a, #map-nav-60007 .map-nav-item a{
	font-size: 1.15rem;
	text-transform: uppercase;
	font-weight: 700;
	font-family: "Courier New";
	display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-content: center;
}
#map-nav-18612 .map-nav-item-wrapper, #map-nav-60007 .map-nav-item-wrapper {
    padding: 7px 0px;
}
#map-nav-18612 .map-nav-item a span, #map-nav-60007 .map-nav-item a span {
    line-height: 1.2;
}
#map-container-18612 .leaflet-popup-content-wrapper, #map-container-60007 .leaflet-popup-content-wrapper{
	border: none !important;
    padding: 0px;
    background: #3A3A40;
    color: #fff;
}
#map-container-18612 .leaflet-popup-content-wrapper, .leaflet-popup-tip, #map-container-60007 .leaflet-popup-content-wrapper{
	background: #3A3A40 !important;
}
#map-container-18612 .leaflet-popup-content, #map-container-60007 .leaflet-popup-content {
    padding: 0px !important;
    margin: 0px;
}
.map_tooltip{
	padding: 0px !important;
	margin: 0px !important;
}
#map-container-186122 .leaflet-popup-content-wrapper .map_tooltip, #map-container-60007 .leaflet-popup-content-wrapper .map_tooltip {
    padding: 0px !important;
    margin: 0px;
}
#map-container-18612 .leaflet-popup-content-wrapper .map_tooltip img, #map-container-60007 .leaflet-popup-content-wrapper .map_tooltip img{
	width: 100%;
}
#map-container-18612 .leaflet-popup-content .content, #map-container-60007 .leaflet-popup-content .content{
	padding: 8px 20px 20px 20px;
}
#map-container-18612 .leaflet-popup-content .content span, #map-container-60007 .leaflet-popup-content .content span{
    font-size: 1.05rem;
    font-weight: 700;	
}
#map-container-18612 .leaflet-popup-content .content p, #map-container-60007 .leaflet-popup-content .content p{
	margin: 0px;
    line-height: 1;
    margin-top: 0.4rem;
	margin-bottom: 0.4rem;
    padding: 0px;
}
#map-container-18612 .leaflet-popup-content a, #map-container-60007 .leaflet-popup-content a{
    color: #fff;
    font-size: 14px;
    display: flex;
    gap: 8px;
    align-items: center;
}
#map-container-18612 .leaflet-popup-content a span, #map-container-60007 .leaflet-popup-content a span{
	    font-size: 14px !important;
}
#map-container-18612 .leaflet-tile-pane, #map-container-60007 .leaflet-tile-pane{
	filter: grayscale(1);
}

/* Veelgestelde vragen */
#faq-section .w-tabs-section {
    border-bottom-width: 1px;
    border-top: none;
	border-color: #E4E4E5;
}
#faq-section .w-tabs-section-header:hover, #faq-section .w-tabs-section-header:focus {
    background: #fff;
}
#faq-section .w-tabs-section-header:hover{
	color: var(--color-content-primary);
}
#faq-section .w-tabs-section-content{
	padding-top: 0px;
}


/* test */
/* #overons_slider .owl-item:nth-child(odd){
   width: 27.5% !important;
}
#overons_slider .owl-item:nth-child(even){
   width: 17.5% !important;
} */
#overons_slider .owl-item.active:nth-child(1){
   margin-top: -2rem;
}
#overons_slider .owl-item.active:nth-child(2){
   margin-top: 3rem;
}
#overons_slider .owl-item.active:nth-child(3){
   margin-top: -2rem;
}
#overons_slider .owl-item.active:nth-child(4){
   margin-top: -3rem;
}
#overons_slider .owl-item.active:nth-child(5){
   margin-top: -1rem;
}

.line_image_cat img{
    height: auto;
}
	.primary_usp i{
		color: #E73F0C;
	}

.custom_trevede_klant_img img {
    object-fit: contain !important;
}

.w-tabs-section-title{
	font-weight: 800;
}
.w-tabs.accordion>div>.w-tabs-section {
	border-width: 0 0 1px 0;
}
.w-tabs-section {
    border-color: #E4E4E5;
}

#check-icons ul {
	list-style: none;
	margin-left: 5px;
}

#check-icons ul li:before {
	content: '\f00c ';
	margin-right: 10px;
	color: var(--main-color);
	font-family: fontawesome;
}

.g-breadcrumbs .g-breadcrumbs-item a {
	pointer-events: none !important;
}