/*
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: #134321;
	--secondary-color: #C39762;
	--tertiary-color: #F5F7F6;
	--border-radius: 5px;
}

h1, h2, h3, h4, h5, h6 {
	
}


/* Algemeen */
body {
	overflow-x: hidden;
}
.overflow-hide{
	overflow: hidden;
}
.bold{
	font-weight: 700;
}
.clickthrough{
	pointer-events: none;
}
.tekst-secondary{
	color: var(--secondary-color);
}
.tekst-link{
	text-decoration: underline;
}
.tekst-link > i{
	color: var(--secondary-color);
}
.img-full-width img{
	width: 100%;
	object-fit: cover;
}

#site-logo img {
	transform: translatey(-6px);
}


/* WhatsApp knop */
.ctc_s_7_icon_padding.ctc-analytics > svg{
	height: 30px !important;
	width: 30px !important;
	transition: ease 0.5s;
}
.ht-ctc.ht-ctc-chat.ctc-analytics:hover svg{
	transform: rotate(360deg);
}


/* Home */
/* Slider algemeen */
.home .owl-prev{
	display: none !important;
}
.home .owl-next{
	left: 103% !important;
	height: 3rem;
	width: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
}


.home .merk-slider img{
	object-fit: contain;
}
.banner-categories .post_image::after {
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--main-color);
    height: 100%;
    width: 100%;
	opacity: 0.75;
	pointer-events: none;
}
.banner-categories .post_title > a {
	padding: 0.8rem 1.8rem;
    border: solid 2px var(--secondary-color);
    font-size: 0.9rem;
}
.banner-categories .post_title > a:hover {
	background: var(--secondary-color);
}

.banner-categories .post_title > a::after {
	content: "\f061";
	font-family: 'fontawesome';
	font-size: 14px;
	margin-left: 5px;
}

article.evenementen:nth-child(odd) {
	background: #fff;
}


/* Producten overzicht */
.w-order-select {
	width: 100%;
}
.w-grid-item.product img{
	object-fit: contain;
}
.w-grid-item.product .post_title{
	min-height: 85px;
}
.w-grid-item .button.product_type_simple, 
.w-grid-item .button.product_type_variable{
	height: 3rem !important;
	width: 3rem !important;
	padding: 0 !important;
	color: transparent !important;
	display: flex;
	justify-content: center;
	align-items: center;
}
.w-grid-item .button.product_type_simple > .w-btn-label, 
.w-grid-item .button.product_type_variable > .w-btn-label{
	display: none;
}
.w-grid-item .button.product_type_simple:before{
	content: "\f07a";
    font-family: 'fontawesome';
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    color: #fff;
    transition: ease 0.3s;
}
.w-grid-item .button.product_type_variable:before {
	content: "\f05a";
    font-family: 'fontawesome';
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    color: #fff;
    transition: ease 0.3s;
}
.w-grid-item .button.product_type_simple:hover:before, 
.w-grid-item .button.product_type_variable:hover:before {
	color: var(--main-color);
}
.woocommerce-price-suffix {
	display: none;
}

/* Cart */
.woocommerce-cart-form td{
	vertical-align: middle;
}
.woocommerce-cart #wps_wpr_order_notice {
	display: none;
}
.woocommerce-cart .actions .coupon {
	display: none;
}
.woocommerce-cart .tooltip {
	width: 50px;
    height: 100%;
	padding: 0.5rem 1rem;
	position: relative;
    display: inline-block;
}
.woocommerce-cart .tooltip i {
	font-size: 1.5rem;
	color: var(--main-color);
}
.woocommerce-cart .tooltip-text {
	color: #fff;
	background: var(--main-color) !important;
	width: 1050%;
	min-height: 2rem;
    position: absolute;
    bottom: 125%;
    left: -420%;
    z-index: 3;
	display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: scale(0);
    transition: ease 0.5s;
}
.woocommerce-cart .tooltip:hover .tooltip-text {
	opacity: 1;
	transform: scale(1);
}



/* Single product */
#productnav .menu {
	border: 0;
}
#productnav .menu > li {
	position: relative;
}
#productnav .menu > li > a {
	border: 0;
	padding: 0.6rem 0;
}
#productnav .menu > li > a::after {
	content: "\f061";
	font-family: 'fontawesome';
	font-weight: 400;
	color: var(--secondary-color);
	position: absolute;
	right: 5%;
	transition: ease 0.3s;
}
#productnav .menu > li > a:hover{
	background: unset;
	color: var(--secondary-color);
}
#productnav .menu > li > a:hover:after{
	right: 0.25%;
}

.woocommerce-product-gallery .flex-viewport img{
	width: 100%;
	height: 60vh;
	object-fit: contain;
	margin-bottom: 1rem;
	margin: 0 1rem 1rem;
}
.woocommerce-product-gallery ol.flex-control-nav {
	gap: 1%;
}
.woocommerce-product-gallery ol.flex-control-nav > li {
	width: 32.333%;
	margin-bottom: 3px;
	display: flex;
    align-items: center;
    justify-content: center;
}
#productfieldsection .cart .button:before{
	content: "\f07a";
    font-family: 'fontawesome';
    position: static;
    margin-right: 10px;
	font-weight: 300;
	border: none;
}
#productfieldsection .quantity{
	display: flex !important;
	background: #fff;
	border: solid 2px var(--secondary-color);
}
#productfieldsection .quantity > button{
	background: #fff;
}
#productfieldsection .quantity > input {
	padding: 0;
	text-align: center;
}
#productfieldsection .quantity > input::-webkit-outer-spin-button, 
#productfieldsection .quantity > input::-webkit-inner-spin-button{
	-webkit-appearance: none;
	margin: 0;
}
#productfieldsection .quantity > input[type=number] {
	-moz-appearance: textfield;
}
.product_field.stock{
	color: var(--main-color);
}
.product_field.stock:before{
	content: "\f111";
	font-family: 'fontawesome';
	margin-right: 10px;
	color: green;
}
.product_field.stock.out-of-stock:before{
	color: red;
}

#productinfo .w-tabs-list-h {
	background: var(--main-color);
	color: #fff;
	justify-content: unset;
	text-align: unset;
}
#productinfo .w-tabs-list-h > button {
	padding: 1rem 2rem;
	opacity: 1;
	transition: ease 0.3s;
}
#productinfo .w-tabs-list-h > button.active {
	background: var(--secondary-color);
}
#productinfo .w-tabs-section > .w-tabs-section-content {
	padding: 2rem;
	border-style: solid;
	border-width: 0 2px 2px;
	border-color: var(--secondary-color);
}


/* Variabel product */
.woocommerce-variation-add-to-cart{
	display: flex;
	gap: 5%;
}

.woocommerce-variation {
	font-size: 1.1rem;
	font-weight: 600;
}
.woocommerce-variation-availability .stock{
	color: var(--main-color);
}
.woocommerce-variation-availability .stock:before{
	content: "\f111";
	font-family: 'fontawesome';
	margin-right: 10px;
}
.woocommerce-variation-availability .stock.in-stock:before{
	color: green;
}
.woocommerce-variation-availability .stock.available-on-backorder:before{
	color: yellow;
}
.woocommerce-variation-availability .stock.out-of-stock:before{
	color: red;
}

/* Simpel product */
form.cart:not(.variations_form) {
	display: flex;
	gap: 5%;
}








/* Winkelwagen pagina */
#winkelwagen .cart .cart_item > td{
	vertical-align: middle;
	border: none !important;
}
.current-broodkruimel{
	font-weight: 600 !important;
}

.woocommerce-cart-form thead th {
	border:none !important;
}
.woocommerce-cart .cart_item {
	border-top: solid 1px #ededed;
}
.woocommerce-cart tbody .cart_item:last-child {
	border-bottom: solid 1px #ededed;
}

.woocommerce-cart-form thead th {
    color: #444;
    opacity: 1 !important;
}
.woocommerce td.product-quantity input.qty {
	border: solid 1px #ededed !important;
}



/* Mijn account logo */
header .at_middle .at_right .w-btn{
	display: flex;
	align-items: center;
}

/* mijn account */
.woocommerce-account .woocommerce-MyAccount-navigation li a {
	padding: 15px;
	border-right: solid 1px var(--color-content-bg-alt);
	border-bottom: solid 1px var(--color-content-bg-alt);
	display: block;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:before{
	font-family: 'fontawesome';
	margin-right: 10px;
	font-weight: 400;
}
.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--points a:before{ content: "\f788"; }
.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 #dbd4ce;
}
.woocommerce-MyAccount-content table td, .woocommerce-MyAccount-content table th{
	border: none !important;
}
.woocommerce-MyAccount-navigation-link--downloads{
	display: none;
}
.woocommerce-Address-title > h3{
	font-size: 1.75rem;
	font-weight: 600;
}
.woocommerce-columns--addresses h2{
	font-size: 1.75rem;
	font-weight: 600;
}
.woocommerce-account .wps_ways_to_gain_points_section {
	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-accept:hover{
	background: var(--secondary-color);
}
.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;
}


/* Footer */
footer h6{
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 600;
	font-family: poppins;
}
footer p, footer a{
	font-size: 14px;
	font-weight: 300;
}
footer .menu li > a:before{
	content: "\f061";
	font-family: 'fontawesome';
	font-size: 12px;
	margin-right: 1rem;
}
footer .widget.widget_nav_menu li {
	margin-bottom: 0.8rem !important;
}
footer .w-tabs-section-header {
	color: #fff !important;
}

/* Voorwaarden */
.voorwaarden .w-iconbox{
	align-items: center;
}


/* FAQ */
/* Style the buttons that are used to open and close the accordion panel */
.faq-tab .accordion {
	background-color: #fff;
	color: var(--main-color);
	padding: 18px;
	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(--tertiary-color);
}
.faq-tab.active .accordion{
	background-color: var(--tertiary-color);
}
.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: '\f061'; 
	color: var(--secondary-color);
	float: right;
	margin-left: 5px;
	font-family: fontawesome;
	font-size: 16px;
	transition: ease 0.5s;
}
.faq-tab.active .accordion:after {
	transform: rotate(270deg);
}


/* single blog  */ 
#singleblog {
	margin: 0 auto!important;
}

#singlebloginfo {
	display: flex;
    justify-content: center;
}

/* blog */ 

#blog .g-filters-item.active{
	background: var(--secondary-color);
	color: #fff;
}
.taxonomie_blog .us-btn-style_badge {
	background: #beac8d!important;
}

.taxonomie_blog .us-btn-style_badge:hover {
	background: #CABA9F!important;
}
	
/* .menu-item.wpml-ls-item {
	    background: var(--color-content-bg-alt);
    border-radius: 50%;
    padding: 10px;
    display: block;
    text-align: center;
    width: 43px;
    height: 43px;
    line-height: 23px;
}
.menu-item.wpml-ls-item img {
	margin:0 !important;
}
 */


/* Breadcrumbs */
.g-breadcrumbs .g-breadcrumbs-separator {
	line-height: 17px;
}
.g-breadcrumbs .g-breadcrumbs-separator i {
	    font-size: 8px;
	font-weight:300;
}
.g-breadcrumbs-item {
	    font-weight: 300 !important;
	letter-spacing: 0.3px;
}



/* Variations */
.variations tr {
	display: flex;
    justify-content: space-between;
    align-items: center;
	margin-bottom: 10px;
}
.variations th.label {
	min-width: 150px;
}
.variations td.value {
	padding: 0;
	flex:1;
	display: flex;
    justify-content: flex-end;
}
.single_add_to_cart_button {
	flex:1;
	border: solid 2px var(--secondary-color);
}
.quantity input[type="number"] {
	border:none !important;
}


.w-checkout-payment.payments-style_3 .wc_payment_methods>li {
	border-color: #eee!important;
    border-width: 2px;
}
.woocommerce-billing-fields .form-row label {
	    font-weight: 500;
}

.woocommerce-checkout-review-order-table tr.cart_item:not(:last-child) {
	border-bottom: solid 1px #efefef;
}

/* Productvoorraad */
/* #product_opties .stock { 
	display:none; 
}
.product-type-variable .w-post-elm.stock {
	display: none;
} */



.w-filter-item-values {
	overflow-x: hidden;
}

.w-filter-item-values::-webkit-scrollbar {
	width: 9px;
}
.w-filter-item-values::-webkit-scrollbar-track {
	background:#fff;
}
.w-filter-item-values::-webkit-scrollbar-thumb {
	background-color: var(--main-color);
}

.cart-collaterals .woocommerce-shipping-totals.shipping {
	display:none;
}


.betaalmethodes-titel {
	    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}


.custom-open-btn {
	    background: transparent;
    border-color: var(--color-content-secondary) !important;
    color: var(--color-alt-content-text)!important;
    font-family: var(--font-body);
    font-size: 1rem;
    line-height: 1.1!important;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0em;
    border-radius: 0;
    padding: 1em 2em;
    display: block;
    text-align: center;
    margin-top: 12px;
    border: solid 2px;
}

/* Checkout */
.page-afrekenen .woocommerce-billing-fields__field-wrapper {
	display: flex;
	flex-direction: column;
}
.page-afrekenen #billing_company_field { order: 1; }
.page-afrekenen #billing_eu_vat_number_field { order: 2; }
#billing_company_field { display: none; }
#billing_eu_vat_number_field { display: none; }



/* Categorieën lijst */
#accordion {
    width: 100%;
}

#accordion h3 {
    margin: 0;
    cursor: pointer;
    padding: 1em 1em 1em 0;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: bold;
    border-top: solid 1px var(--color-alt-content-border);
}

#accordion div {
    display: none;
    margin: 0;
    padding-left: 10px;
	padding-bottom:15px;
}

#accordion div p {
	    padding: 1px 0px !important;
    margin: 0 !important;
	font-size:15px;
}

.expand-chevron::after {
    content: " \25B6"; /* This is a right-pointing triangle */
    font-size: 1em; /* Make it a bit larger */
    color: #666;
    cursor: pointer;
	float: right;
	
}
.has-children.expanded .expand-chevron::after {
    content: " \25BC"; /* This is a down-pointing triangle */
}


#accordion div.child-category {
    display: none;
}

#accordion {
	    max-height: 332px;
    overflow-y: scroll;
	padding-right: 8px;
}
#accordion::-webkit-scrollbar {
	width: 8px;
		border-radius:50px;
}
#accordion::-webkit-scrollbar-track {
	background:#fff;
		border-radius:50px;
}
#accordion::-webkit-scrollbar-thumb {
	background-color: var(--main-color);
	border-radius:50px;
}

.woocommerce-billing-fields h3 {
	margin-top: 23px;
    margin-bottom: 10px;
}
.woocommerce-checkout .order-total {
	font-size: 17px !important;
}
.woocommerce-checkout #shipping_method, .woocommerce-checkout .cart-subtotal td {
	    font-weight: 500 !important;
}


.level_2 .wpml-ls-flag {
	width: 18px;
	height: 12px;
	z-index: 9999;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	left: 2px;
}

html[lang="en-GB"] #aanhuis, html[lang="en-US"] #aanhuis {
	display:none;
}
html[lang="en-GB"] #at, html[lang="en-GB"] #home, html[lang="en-US"] #at, html[lang="en-US"] #home {
	display:none;
}

html[lang="nl-NL"] .banner-categories .post_title > a::before {
	content: "Bekijk ";
}
html[lang="en-GB"] .banner-categories .post_title > a::before, html[lang="en-US"] .banner-categories .post_title > a::before  {
	content: "View ";
}

.nlonly {
	display:none;
}
html[lang="nl-NL"] .nlonly {
	display:block !important;
}

.deonly{
	display:none;
}

html[lang="de-DE"] .deonly {
	display:block !important;
}

.enonly {
	display:none;
}

html[lang="en-GB"] .enonly, html[lang="en-US"] .enonly {
	display:block !important;
}
html[lang="en-GB"] #menu-item-81520, html[lang="en-US"] #menu-item-81520 {
	display:none !important;
}

.wpml-ls-item.togglable .w-nav-list.level_2 {
	min-width: auto;
    padding: 4px;
    margin-left: -2px;
}
.w-nav.type_desktop:not(.height_full), .w-hwrapper .w-nav.type_desktop, .w-vwrapper .w-nav.type_desktop {
	line-height: auto !important;
}

html[lang="en-GB"] .home #home-banner h1, html[lang="en-US"] .home #home-banner h1 {
	font-size:46px;
}
@media screen and (max-width: 600px){
	html[lang="en-GB"] .home #home-banner h1, html[lang="en-US"] .home #home-banner h1 {
		font-size:2rem !important;
	}
}

html[lang="en-GB"] #athome, html[lang="en-US"] #athome {
	display:none !important;
}

html[lang='en-GB'] h5.betaalmethodes-titel, html[lang='en-GB'] .woocommerce-privacy-policy-text, html[lang='en-US'] h5.betaalmethodes-titel, html[lang='en-US'] .woocommerce-privacy-policy-text  {
	display:none !important;
}
html[lang='en-GB'] #payment .wc_payment_methods, html[lang='en-US'] #payment .wc_payment_methods {
	padding-top:40px;
	padding-bottom:20px;
}
.woocommerce-checkout .woocommerce-form-login-toggle {
	display:none !important;
}
.woocommerce-checkout #billing_first_name_field, .woocommerce-checkout #billing_last_name_field {
	width:100% !important;
}
.woocommerce-checkout #order_review {
	padding: 28px 30px 28px 30px!important;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.10)!important;
    background: #fff !important;
}
.woocommerce-checkout .lost_password {
	display:none !important;
}




/* Dropdown for mobile */

#mobile-category-menu .widget_nav_menu {
	padding: 0 !important;
}



/* Mobile menu */
#mobile-category-menu .menu-item-has-children .sub-menu {
	margin-left: 7px !important;
    margin-bottom: 0.5rem !important;
}

/* Points cart */

.wps_wpr_restrict_user_message {
	margin-top: 30px;
}

.shop_table.cart .wps_wpr_apply_custom_points #wps_cart_points {
	padding-top: 2.5px !important;
	padding-bottom: 2.5px !important;
	height: unset !important;
}

.wps_wpr_apply_custom_points {
	margin-top: 30px !important;
}

.w-filter.layout_ver .w-filter-item, .w-filter.state_mobile.layout_hor .w-filter-item {
	margin-bottom:0 !important;
}

.whatsapp-btn-custom {
		    position: fixed;
    z-index: 9;
    background: rgb(45, 183, 66);
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    font-size: 34px;
    bottom: 17px;
    right: 9px;
    box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .14);
    -webkit-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .14);
    -moz-box-shadow: 0 6px 8px 2px rgba(0,0,0,.14);
}