.page-title-default{background-color:#212121;}.topbar-wrapp{background-color:#bdbe00;}html .main-header, .sticky-header.header-clone, .header-spacing{background-color:#000000;}.main-header{border-style:solid;}.footer-container{background-color:#000000;}body, p, .widget_nav_mega_menu .menu > li > a, 
.mega-navigation .menu > li > a,
.basel-navigation .menu > li.menu-item-design-full-width .sub-sub-menu li a, 
.basel-navigation .menu > li.menu-item-design-sized .sub-sub-menu li a,
.basel-navigation .menu > li.menu-item-design-default .sub-menu li a,
.font-default
		{font-family: "Karla", Arial, Helvetica, sans-serif;}h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1, h2, h3, h4, h5, h6, .title, table th,
.wc-tabs li a,
.masonry-filter li a,
.woocommerce .cart-empty,
.basel-navigation .menu > li.menu-item-design-full-width .sub-menu > li > a, 
.basel-navigation .menu > li.menu-item-design-sized .sub-menu > li > a,
.mega-menu-list > li > a,
fieldset legend,
table th,
.basel-empty-compare,
.compare-field,
.compare-value:before,
.color-scheme-dark .info-box-inner h1,
.color-scheme-dark .info-box-inner h2,
.color-scheme-dark .info-box-inner h3,
.color-scheme-dark .info-box-inner h4,
.color-scheme-dark .info-box-inner h5,
.color-scheme-dark .info-box-inner h6

		{font-family: "Karla", Arial, Helvetica, sans-serif;}

.product-title a,
.post-slide .entry-title a,
.category-grid-item .hover-mask h3,
.basel-search-full-screen .basel-search-inner input[type="text"],
.blog-post-loop .entry-title,
.post-title-large-image .entry-title,
.single-product-content .entry-title,
.basel-entities-title
		{font-family: "Lora", Arial, Helvetica, sans-serif;}.title-alt, .subtitle, .font-alt, .basel-entry-meta{font-family: "Lato", Arial, Helvetica, sans-serif;}.color-primary,.mobile-nav ul li.current-menu-item > a,.main-nav .menu > li.current-menu-item > a,.main-nav .menu > li.onepage-link.current-menu-item > a,.main-nav .menu > li > a:hover,.basel-navigation .menu>li.menu-item-design-default ul li:hover>a,.basel-navigation .menu > li.menu-item-design-full-width .sub-menu li a:hover, .basel-navigation .menu > li.menu-item-design-sized .sub-menu li a:hover,.basel-product-categories.responsive-cateogires li.current-cat > a, .basel-product-categories.responsive-cateogires li.current-cat-parent > a,.basel-product-categories.responsive-cateogires li.current-cat-ancestor > a,.basel-my-account-links a:hover:before,.mega-menu-list > li > a:hover,.mega-menu-list .sub-sub-menu li a:hover,a[href^=tel],.topbar-menu ul > li > .sub-menu-dropdown li > a:hover,.btn.btn-color-primary.btn-style-bordered,.button.btn-color-primary.btn-style-bordered,button.btn-color-primary.btn-style-bordered,.added_to_cart.btn-color-primary.btn-style-bordered,input[type=submit].btn-color-primary.btn-style-bordered,a.login-to-prices-msg,a.login-to-prices-msg:hover,.basel-dark .single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .basel-dark .single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before,.basel-dark .read-more-section .btn-read-more,.basel-dark .basel-load-more,.basel-dark .color-primary,.basel-hover-link .swap-elements .btn-add a,.basel-hover-link .swap-elements .btn-add a:hover,.blog-post-loop .entry-title a:hover,.blog-post-loop.sticky .entry-title:before,.post-slide .entry-title a:hover,.comments-area .reply a,.single-post-navigation a:hover,blockquote footer:before,blockquote cite,.format-quote .entry-content blockquote cite, .format-quote .entry-content blockquote cite a,.basel-entry-meta .meta-author a,.search-no-results.woocommerce .site-content:before,.search-no-results .not-found .entry-header:before,.login-form-footer .lost_password:hover,.error404 .page-title,.menu-label-new:after,.widget_shopping_cart .product_list_widget li .quantity .amount,.product_list_widget li ins .amount,.price ins > .amount,.price ins,.single-product .price,.single-product .price .amount,.popup-quick-view .price,.popup-quick-view .price .amount,.basel-products-nav .product-short .price,.basel-products-nav .product-short .price .amount,.star-rating span:before,.comment-respond .stars a:hover:after,.comment-respond .stars a.active:after,.single-product-content .comment-form .stars span a:hover,.single-product-content .comment-form .stars span a.active,.tabs-layout-accordion .basel-tab-wrapper .basel-accordion-title:hover,.tabs-layout-accordion .basel-tab-wrapper .basel-accordion-title.active,.single-product-content .woocommerce-product-details__short-description ul > li:before, .single-product-content #tab-description ul > li:before, .blog-post-loop .entry-content ul > li:before, .comments-area .comment-list li ul > li:before,.brands-list .brand-item a:hover,.footer-container .footer-widget-collapse.footer-widget-opened .widget-title:after,.sidebar-widget li a:hover, .filter-widget li a:hover,.sidebar-widget li > ul li a:hover, .filter-widget li > ul li a:hover,.basel-price-filter ul li a:hover .amount,.basel-hover-effect-4 .swap-elements > a,.basel-hover-effect-4 .swap-elements > a:hover,.product-grid-item .basel-product-cats a:hover, .product-grid-item .basel-product-brands-links a:hover,.wishlist_table tr td.product-price ins .amount,.basel-buttons .product-compare-button > a.added:before,.basel-buttons .basel-wishlist-btn > a.added:before,.single-product-content .entry-summary .yith-wcwl-add-to-wishlist a:hover,.single-product-content .container .entry-summary .yith-wcwl-add-to-wishlist a:hover:before,.single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before,.single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.feid-in > a:before,.basel-sticky-btn .basel-sticky-btn-wishlist a.added, .basel-sticky-btn .basel-sticky-btn-wishlist a:hover,.single-product-content .entry-summary .wishlist-btn-wrapper a:hover,.single-product-content .entry-summary .wishlist-btn-wrapper a:hover:before,.single-product-content .entry-summary .wishlist-btn-wrapper a.added:before,.vendors-list ul li a:hover,.product-list-item .product-list-buttons .basel-wishlist-btn a:hover,.product-list-item .product-list-buttons .product-compare-button a:hover,.product-list-item .product-list-buttons .basel-wishlist-btn > a.added:before,.product-list-item .product-list-buttons .product-compare-button > a.added:before,.basel-sticky-btn .basel-sticky-btn-compare a.added, .basel-sticky-btn .basel-sticky-btn-compare a:hover,.single-product-content .entry-summary .compare-btn-wrapper a:hover,.single-product-content .entry-summary .compare-btn-wrapper a:hover:before,.single-product-content .entry-summary .compare-btn-wrapper a.added:before,.single-product-content .entry-summary .basel-sizeguide-btn:hover,.single-product-content .entry-summary .basel-sizeguide-btn:hover:before,.blog-post-loop .entry-content ul li:before,.basel-menu-price .menu-price-price,.basel-menu-price.cursor-pointer:hover .menu-price-title,.comments-area #cancel-comment-reply-link:hover,.comments-area .comment-body .comment-edit-link:hover,.popup-quick-view .entry-summary .entry-title a:hover,.wpb_text_column ul:not(.social-icons) > li:before,.widget_product_categories .basel-cats-toggle:hover,.widget_product_categories .toggle-active,.widget_product_categories li.current-cat-parent > a, .widget_product_categories li.current-cat > a,.woocommerce-checkout-review-order-table tfoot .order-total td .amount,.widget_shopping_cart .product_list_widget li .remove:hover,.basel-active-filters .widget_layered_nav_filters ul li a .amount,.title-wrapper.basel-title-color-primary .title-subtitle,.widget_shopping_cart .widget_shopping_cart_content > .total .amount,.color-scheme-light .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab.vc_active > a,.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic .vc_tta-tab.vc_active > a,.basel-free-progress-bar .amount{color:#bdbe00;}.wishlist-info-widget .icon-count,.compare-info-widget .icon-count,.basel-toolbar-compare .compare-count,.basel-cart-design-2 > a .basel-cart-number,.basel-cart-design-3 > a .basel-cart-number,.basel-sticky-sidebar-opener:not(.sticky-toolbar):hover,.btn.btn-color-primary,.button.btn-color-primary,button.btn-color-primary,.added_to_cart.btn-color-primary,input[type=submit].btn-color-primary,.btn.btn-color-primary:hover,.button.btn-color-primary:hover,button.btn-color-primary:hover,.added_to_cart.btn-color-primary:hover,input[type=submit].btn-color-primary:hover,.btn.btn-color-primary.btn-style-bordered:hover,.button.btn-color-primary.btn-style-bordered:hover,button.btn-color-primary.btn-style-bordered:hover,.added_to_cart.btn-color-primary.btn-style-bordered:hover,input[type=submit].btn-color-primary.btn-style-bordered:hover,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout:hover,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button:hover,.no-results .searchform #searchsubmit,.no-results .searchform #searchsubmit:hover,.comments-area .comment-respond input[type=submit],.comments-area .comment-respond input[type=submit]:hover,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button:hover,.woocommerce .basel-add-gift-product,.woocommerce .basel-add-gift-product:hover,.woocommerce .checkout_coupon .button,.woocommerce .checkout_coupon .button:hover,.woocommerce .place-order button,.woocommerce .place-order button:hover,.woocommerce-order-pay #order_review .button,.woocommerce-order-pay #order_review .button:hover,.woocommerce-account button[name=track],.woocommerce-account button[name=track]:hover,.woocommerce-account button[name=save_account_details],.woocommerce-account button[name=save_account_details]:hover,.woocommerce-account button[name=save_address],.woocommerce-account button[name=save_address]:hover,.search-no-results .not-found .entry-content .searchform #searchsubmit,.search-no-results .not-found .entry-content .searchform #searchsubmit:hover,.error404 .page-content > .searchform #searchsubmit,.error404 .page-content > .searchform #searchsubmit:hover,.return-to-shop .button,.return-to-shop .button:hover,.basel-hover-excerpt .btn-add a,.basel-hover-excerpt .btn-add a:hover,.basel-hover-standard .btn-add > a,.basel-hover-standard .btn-add > a:hover,.basel-price-table .basel-plan-footer > a,.basel-price-table .basel-plan-footer > a:hover,.basel-pf-btn button,.basel-pf-btn button:hover,.basel-info-box.box-style-border .info-btn-wrapper a,.basel-info-box.box-style-border .info-btn-wrapper a:hover,.basel-info-box2.box-style-border .info-btn-wrapper a,.basel-info-box2.box-style-border .info-btn-wrapper a:hover,.basel-hover-quick .woocommerce-variation-add-to-cart .button,.basel-hover-quick .woocommerce-variation-add-to-cart .button:hover,.product-list-item .product-list-buttons > a,.product-list-item .product-list-buttons > a:hover,.wpb_video_wrapper .button-play,.pswp__share--download:hover,.basel-navigation .menu > li.callto-btn > a,.basel-navigation .menu > li.callto-btn > a:hover,.basel-dark .basel-load-more:hover,.basel-dark .basel-load-more.load-on-click + .basel-load-more-loader,.basel-dark .feedback-form .wpcf7-submit,.basel-dark .mc4wp-form input[type=submit],.basel-dark .single_add_to_cart_button,.basel-dark .basel-buy-now-btn,.basel-dark .basel-compare-col .add_to_cart_button,.basel-dark .basel-compare-col .added_to_cart,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart,.basel-dark .single-product-content .comment-form .form-submit input[type=submit],.basel-dark .basel-registration-page .basel-switch-to-register,.basel-dark .register .button, .basel-dark .login .button,.basel-dark .lost_reset_password .button,.basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button, .basel-dark .woocommerce .cart-actions .coupon .button,.basel-dark .feedback-form .wpcf7-submit:hover,.basel-dark .mc4wp-form input[type=submit]:hover,.basel-dark .single_add_to_cart_button:hover,.basel-dark .basel-buy-now-btn:hover,.basel-dark .basel-compare-col .add_to_cart_button:hover,.basel-dark .basel-compare-col .added_to_cart:hover,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart:hover,.basel-dark .single-product-content .comment-form .form-submit input[type=submit]:hover,.basel-dark .basel-registration-page .basel-switch-to-register:hover, .basel-dark .register .button:hover, .basel-dark .login .button:hover, .basel-dark .lost_reset_password .button:hover, .basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button:hover,.basel-dark .woocommerce .cart-actions .coupon .button:hover,.basel-progress-bar .progress-bar,.widget_price_filter .ui-slider .ui-slider-handle:after,.widget_price_filter .ui-slider .ui-slider-range,.widget_tag_cloud .tagcloud a:hover,.widget_product_tag_cloud .tagcloud a:hover,div.bbp-submit-wrapper button,div.bbp-submit-wrapper button:hover,#bbpress-forums .bbp-search-form #bbp_search_submit,#bbpress-forums .bbp-search-form #bbp_search_submit:hover,body .select2-container--default .select2-results__option--highlighted[aria-selected], .basel-add-img-msg:before,.product-video-button a:hover:before, .product-360-button a:hover:before,.mobile-nav ul li .up-icon,.scrollToTop:hover,.basel-sticky-filter-btn:hover,.categories-opened li a:active,.basel-price-table .basel-plan-price,.header-categories .secondary-header .mega-navigation,.widget_nav_mega_menu,.meta-post-categories,.slider-title:before,.title-wrapper.basel-title-style-simple .title:after,.menu-label-new,.product-label.onsale,.color-scheme-light .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab.vc_active > a span:after,.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic .vc_tta-tab.vc_active > a span:after,.portfolio-with-bg-alt .portfolio-entry:hover .entry-header > .portfolio-info{background-color:#bdbe00;}.btn.btn-color-primary,.button.btn-color-primary,button.btn-color-primary,.added_to_cart.btn-color-primary,input[type=submit].btn-color-primary,.btn.btn-color-primary:hover,.button.btn-color-primary:hover,button.btn-color-primary:hover,.added_to_cart.btn-color-primary:hover,input[type=submit].btn-color-primary:hover,.btn.btn-color-primary.btn-style-bordered:hover,.button.btn-color-primary.btn-style-bordered:hover,button.btn-color-primary.btn-style-bordered:hover,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout:hover,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button:hover,.comments-area .comment-respond input[type=submit],.comments-area .comment-respond input[type=submit]:hover,.sidebar-container .mc4wp-form input[type=submit],.sidebar-container .mc4wp-form input[type=submit]:hover,.footer-container .mc4wp-form input[type=submit],.footer-container .mc4wp-form input[type=submit]:hover,.filters-area .mc4wp-form input[type=submit],.filters-area .mc4wp-form input[type=submit]:hover,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button:hover,.woocommerce .basel-add-gift-product,.woocommerce .basel-add-gift-product:hover,.woocommerce .checkout_coupon .button,.woocommerce .checkout_coupon .button:hover,.woocommerce .place-order button,.woocommerce .place-order button:hover,.woocommerce-order-pay #order_review .button,.woocommerce-order-pay #order_review .button:hover,.woocommerce-account button[name=track],.woocommerce-account button[name=track]:hover,.woocommerce-account button[name=save_account_details],.woocommerce-account button[name=save_account_details]:hover,.woocommerce-account button[name=save_address],.woocommerce-account button[name=save_address]:hover,.woocommerce-page button[name=save_address]:hover,.search-no-results .not-found .entry-content .searchform #searchsubmit,.search-no-results .not-found .entry-content .searchform #searchsubmit:hover,.error404 .page-content > .searchform #searchsubmit,.error404 .page-content > .searchform #searchsubmit:hover,.no-results .searchform #searchsubmit,.no-results .searchform #searchsubmit:hover,.return-to-shop .button,.return-to-shop .button:hover,.basel-hover-excerpt .btn-add a,.basel-hover-excerpt .btn-add a:hover,.basel-hover-standard .btn-add > a,.basel-hover-standard .btn-add > a:hover,.basel-price-table .basel-plan-footer > a,.basel-price-table .basel-plan-footer > a:hover,.basel-pf-btn button,.basel-pf-btn button:hover,body .basel-info-box.box-style-border .info-btn-wrapper a,body .basel-info-box.box-style-border .info-btn-wrapper a:hover,body .basel-info-box2.box-style-border .info-btn-wrapper a,body .basel-info-box2.box-style-border .info-btn-wrapper a:hover,.basel-hover-quick .woocommerce-variation-add-to-cart .button,.basel-hover-quick .woocommerce-variation-add-to-cart .button:hover,.product-list-item .product-list-buttons > a,.product-list-item .product-list-buttons > a:hover,body .wpb_video_wrapper .button-play,.woocommerce-store-notice__dismiss-link:hover,.basel-compare-table .compare-loader:after,.basel-sticky-sidebar-opener:not(.sticky-toolbar):hover,.basel-dark .read-more-section .btn-read-more,.basel-dark .basel-load-more,.basel-dark .basel-load-more:hover,.basel-dark .feedback-form .wpcf7-submit,.basel-dark .mc4wp-form input[type=submit],.basel-dark .single_add_to_cart_button,.basel-dark .basel-buy-now-btn,.basel-dark .basel-compare-col .add_to_cart_button,.basel-dark .basel-compare-col .added_to_cart,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart,.basel-dark .single-product-content .comment-form .form-submit input[type=submit],.basel-dark .basel-registration-page .basel-switch-to-register,.basel-dark .register .button, .basel-dark .login .button,.basel-dark .lost_reset_password .button,.basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button, .basel-dark .woocommerce .cart-actions .coupon .button,.basel-dark .feedback-form .wpcf7-submit:hover,.basel-dark .mc4wp-form input[type=submit]:hover,.basel-dark .single_add_to_cart_button:hover,.basel-dark .basel-buy-now-btn:hover,.basel-dark .basel-compare-col .add_to_cart_button:hover,.basel-dark .basel-compare-col .added_to_cart:hover,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart:hover,.basel-dark .single-product-content .comment-form .form-submit input[type=submit]:hover,.basel-dark .basel-registration-page .basel-switch-to-register:hover,.basel-dark .register .button:hover, .basel-dark .login .button:hover,.basel-dark .lost_reset_password .button:hover,.basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button:hover,.basel-dark .woocommerce .cart-actions .coupon .button:hover,.cookies-buttons .cookies-accept-btn:hover,.blockOverlay:after,.widget_shopping_cart li.basel-loading:after,.basel-price-table:hover,.title-shop .nav-shop ul li a:after,.widget_tag_cloud .tagcloud a:hover,.widget_product_tag_cloud .tagcloud a:hover,div.bbp-submit-wrapper button,div.bbp-submit-wrapper button:hover,#bbpress-forums .bbp-search-form #bbp_search_submit,#bbpress-forums .bbp-search-form #bbp_search_submit:hover,.basel-hover-link .swap-elements .btn-add a,.basel-hover-link .swap-elements .btn-add a:hover,.basel-hover-link .swap-elements .btn-add a.loading:after,.scrollToTop:hover, .basel-sticky-filter-btn:hover,blockquote{border-color:#bdbe00;}.with-animation .info-box-icon svg path,.single-product-content .entry-summary .basel-sizeguide-btn:hover svg{stroke:#bdbe00;}.btn.btn-color-alt.btn-style-bordered, .button.btn-color-alt.btn-style-bordered, button.btn-color-alt.btn-style-bordered, .added_to_cart.btn-color-alt.btn-style-bordered, input[type=submit].btn-color-alt.btn-style-bordered,.title-wrapper.basel-title-color-alt .title-subtitle{color:#92911e;}.btn.btn-color-alt, .button.btn-color-alt, button.btn-color-alt, .added_to_cart.btn-color-alt, input[type=submit].btn-color-alt,.btn.btn-color-alt:hover,.button.btn-color-alt:hover,button.btn-color-alt:hover,.added_to_cart.btn-color-alt:hover,input[type=submit].btn-color-alt:hover,.btn.btn-color-alt.btn-style-bordered:hover,.button.btn-color-alt.btn-style-bordered:hover,button.btn-color-alt.btn-style-bordered:hover,.added_to_cart.btn-color-alt.btn-style-bordered:hover,input[type=submit].btn-color-alt.btn-style-bordered:hover,.widget_nav_mega_menu .menu > li:hover, .mega-navigation .menu > li:hover{background-color:#92911e;}.btn.btn-color-alt,.button.btn-color-alt,button.btn-color-alt,.added_to_cart.btn-color-alt,input[type=submit].btn-color-alt,.btn.btn-color-alt:hover,.button.btn-color-alt:hover,button.btn-color-alt:hover,.added_to_cart.btn-color-alt:hover,input[type=submit].btn-color-alt:hover,.btn.btn-color-alt.btn-style-bordered:hover,.button.btn-color-alt.btn-style-bordered:hover,button.btn-color-alt.btn-style-bordered:hover,.added_to_cart.btn-color-alt.btn-style-bordered:hover,input[type=submit].btn-color-alt.btn-style-bordered:hover{border-color:#92911e;}.button, 
button, 
input[type=submit],
html .yith-woocompare-widget a.button.compare,
html .basel-dark .basel-registration-page .basel-switch-to-register,
html .basel-dark .login .button,
html .basel-dark .register .button,
html .basel-dark .widget_shopping_cart .buttons a,
html .basel-dark .yith-woocompare-widget a.button.compare,
html .basel-dark .widget_price_filter .price_slider_amount .button,
html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit,
html .basel-dark .basel-widget-layered-nav-dropdown__submit,
html .basel-dark .woocommerce .cart-actions input[name="update_cart"]{background-color:#ECECEC;}.button, 
button, 
input[type=submit],
html .yith-woocompare-widget a.button.compare,
html .basel-dark .basel-registration-page .basel-switch-to-register,
html .basel-dark .login .button,
html .basel-dark .register .button,
html .basel-dark .widget_shopping_cart .buttons a,
html .basel-dark .yith-woocompare-widget a.button.compare,
html .basel-dark .widget_price_filter .price_slider_amount .button,
html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit,
html .basel-dark .basel-widget-layered-nav-dropdown__submit,
html .basel-dark .woocommerce .cart-actions input[name="update_cart"]{border-color:#ECECEC;}.button:hover, 
button:hover, 
input[type=submit]:hover,
html .yith-woocompare-widget a.button.compare:hover,
html .basel-dark .basel-registration-page .basel-switch-to-register:hover,
html .basel-dark .login .button:hover,
html .basel-dark .register .button:hover,
html .basel-dark .widget_shopping_cart .buttons a:hover,
html .basel-dark .yith-woocompare-widget a.button.compare:hover,
html .basel-dark .widget_price_filter .price_slider_amount .button:hover,
html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit:hover,
html .basel-dark .basel-widget-layered-nav-dropdown__submit:hover,
html .basel-dark .woocommerce .cart-actions input[name="update_cart"]:hover{background-color:#3E3E3E;}.button:hover, 
button:hover, 
input[type=submit]:hover,
html .yith-woocompare-widget a.button.compare:hover,
html .basel-dark .basel-registration-page .basel-switch-to-register:hover,
html .basel-dark .login .button:hover,
html .basel-dark .register .button:hover,
html .basel-dark .widget_shopping_cart .buttons a:hover,
html .basel-dark .yith-woocompare-widget a.button.compare:hover,
html .basel-dark .widget_price_filter .price_slider_amount .button:hover,
html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit:hover,
html .basel-dark .basel-widget-layered-nav-dropdown__submit:hover,
html .basel-dark .woocommerce .cart-actions input[name="update_cart"]:hover{border-color:#3E3E3E;}html .basel-hover-alt .btn-add>a{color:#000;}html .single_add_to_cart_button,
html .basel-buy-now-btn,
html .basel-sticky-btn .basel-sticky-add-to-cart,
html .woocommerce .cart-actions .coupon .button,
html .added_to_cart.btn-color-black, 
html input[type=submit].btn-color-black,
html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button,
html .basel-hover-quick .quick-shop-btn > a,
html table.compare-list tr.add-to-cart td a,
html .basel-compare-col .add_to_cart_button, 
html .basel-compare-col .added_to_cart{background-color:#000;}html .single_add_to_cart_button,
html .basel-buy-now-btn,
html .basel-sticky-btn .basel-sticky-add-to-cart,
html .woocommerce .cart-actions .coupon .button,
html .added_to_cart.btn-color-black, 
html input[type=submit].btn-color-black,
html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button,
html .basel-hover-quick .quick-shop-btn > a,
html table.compare-list tr.add-to-cart td a,
html .basel-compare-col .add_to_cart_button, 
html .basel-compare-col .added_to_cart{border-color:#000;}html .basel-hover-alt .btn-add>a:hover{color:#333;}html .single_add_to_cart_button:hover,
html .basel-buy-now-btn:hover,
html .basel-sticky-btn .basel-sticky-add-to-cart:hover,
html .woocommerce .cart-actions .coupon .button:hover,
html .added_to_cart.btn-color-black:hover, 
html input[type=submit].btn-color-black:hover,
html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button:hover,
html .basel-hover-quick .quick-shop-btn > a:hover,
html table.compare-list tr.add-to-cart td a:hover,
html .basel-compare-col .add_to_cart_button:hover, 
html .basel-compare-col .added_to_cart:hover{background-color:#333;}html .single_add_to_cart_button:hover,
html .basel-buy-now-btn:hover,
html .basel-sticky-btn .basel-sticky-add-to-cart:hover,
html .woocommerce .cart-actions .coupon .button:hover,
html .added_to_cart.btn-color-black:hover, 
html input[type=submit].btn-color-black:hover,
html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button:hover,
html .basel-hover-quick .quick-shop-btn > a:hover,
html table.compare-list tr.add-to-cart td a:hover,
html .basel-compare-col .add_to_cart_button:hover, 
html .basel-compare-col .added_to_cart:hover{border-color:#333;}.basel-fbt.basel-design-side{
--basel-form-width: 301px;
}@font-face {
			font-weight: normal;
			font-style: normal;
			font-family: "simple-line-icons";
			src: url("//dekoffieplantage.com/wp-content/themes/basel/fonts/Simple-Line-Icons.woff2?v=5.9.3") format("woff2"),
			url("//dekoffieplantage.com/wp-content/themes/basel/fonts/Simple-Line-Icons.woff?v=5.9.3") format("woff");font-display:fallback;}@font-face {
			font-weight: normal;
			font-style: normal;
			font-family: "basel-font";
			src: url("//dekoffieplantage.com/wp-content/themes/basel/fonts/basel-font.woff2?v=5.9.3") format("woff2"),
			url("//dekoffieplantage.com/wp-content/themes/basel/fonts/basel-font.woff?v=5.9.3") format("woff");font-display:fallback;}.topbar-wrapp, div.navigation-wrap {
  background-color: #bdbe00 !important;
}

.category-grid-item .hover-mask h3, .font-title, .post-slide .entry-title a {
  font-size: 20px;
  font-family: Karla, 'MS Sans Serif', Geneva, sans-serif !important;
  font-weight: 400 !important;
}

textarea.wpcf7-form-control.wpcf7-textarea {
  height: 100px;
}

.color-scheme-light .topbar-menu ul.menu>li>a,
.color-scheme-light .topbar-menu ul.menu>li>a:hover,
.copyrights-centered .min-footer>div:first-child,
.copyrights-centered .min-footer>div:last-child:empty,
.footer-container.color-scheme-light ul li a,
.topbar-wrapp.color-scheme-light .top-bar-left,
.footer-container.color-scheme-light a,
.copyrights-centered .min-footer>div,
.footer-container.color-scheme-light p,
.basel-navigation .menu>li.menu-item-has-children>a:after,
.icons-design-line .wishlist-info-widget>a:before,
.right-column .header-links li a,
i.fa.fa-search,
.color-scheme-dark .amount,
.color-scheme-dark a:hover,
.right-column>div a,
.right-column>div ul li a,
.shopping-cart>a>span {
  color: #fff !important;
}

.main-header.header-logo-center {
  background-color: #232323 !important;
}

.vc_custom_1490698772193 {
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}

.main-nav .menu>li>a,
.header-clone .main-nav .menu>li>a {
  color: #fff !important;
}

.header-clone .main-nav .menu>li>a {
  font-size: 12px;
}

div.nav-shop,
.right-column .header-links li,
.sticky-header .right-column,
li.basel_additional_tab_tab {
  display: none !important;
}

.vc_custom_1491287655870,
.vc_custom_1491287810719,
div.vc_row.wpb_row.vc_row-fluid.vc_custom_1491312820422.vc_row-has-fill {
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1) !important;
}

div.wrapp-header {
  margin: 25px 0;
}

.right-column .shopping-cart.basel-cart-design-1>a .basel-cart-number {
  background-color: #bdbe00 !important;
  color: #fff !important;
}

.footer-container.color-scheme-light p,
.footer-container .mc4wp-form input[type=email] {
  color: #fff !important;
}

i.fa.fa-facebook:hover { color: #3b5998; }
i.fa.fa-twitter:hover { color: #4099FF; }
i.fa.fa-google-plus:hover { color: #d34836; }
i.fa.fa-envelope:hover { color: orange; }
i.fa.fa-pinterest:hover { color: #C92228; }
i.fa.fa-instagram:hover { color: #cd486b; }
i.fa.fa-linkedin:hover { color: #0077b5; }

div.menu-categorie-menu-container {
  margin-left: 55px;
}

.vc_custom_1491312712914 {
  margin-top: 0 !important;
}

.onsale, .out-of-stock-label {
  width: 100px !important;
}

div.sticky-header.header-clone.icons-design-line.color-scheme-dark {
  background-color: #232323;
}

.footer-container {
  background-color: #000;
}

.mc4wp-form input[type=submit] {
  background-color: #232323;
}

.mobile-nav-icon .basel-burger,
.mobile-nav-icon .basel-burger::after,
.mobile-nav-icon .basel-burger::before {
  background-color: #bdbe00;
}

p { font-size: 18px !important; }
h1 { font-size: 32px !important; }
h2 { font-size: 28px !important; }
h3 { font-size: 24px !important; }
h4 { font-size: 22px !important; }
h5 { font-size: 20px !important; }
h6 { font-size: 18px !important; }

.single-product .woocommerce-Tabs-panel ul li,
.single-product .woocommerce-Tabs-panel ol li {
  font-size: 18px !important;
  line-height: 1.6 !important;
}

.cta-box {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: 20px auto;
  overflow: hidden;
  border-radius: 10px;
}

.cta-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #bdbe00;
  color: #fff;
  padding: 12px 24px;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  border-radius: 5px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}

.cta-button:hover {
  background-color: #a5a800;
}

.vc_gitem-zone.vc-gitem-zone-height-mode-auto-1-1 {
  position: relative;
  width: 100%;
  padding-top: 56.25% !important; /* 16:9 aspect ratio */
  height: 0 !important;
  overflow: hidden;
}

.vc_gitem-zone-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* FORCE WooCommerce products altijd in 4 kolommen */
ul.products.columns-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 30px !important;
}

ul.products.columns-4 li.product {
    width: 100% !important;
    margin: 0 !important;
}

/* Fix layout op mobiel naar 2 kolommen */
@media screen and (max-width: 768px) {
    ul.products.columns-4 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Universeel zoom-effect voor afbeeldingen */
.zoom-hover {
  transition: transform 0.5s ease;
  display: inline-block;
}

.zoom-hover:hover {
  transform: scale(1.2);
  cursor: pointer;
}

.product-usps {
    background-color: #f1f1f1;
    border-left: 5px solid #8b5c2c;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 15px;
    border-radius: 6px;
    text-align: left;
    font-weight: bold;
}

.product-usps ul {
    list-style: disc;
    padding-left: 20px;
}

.product-usps li {
    margin-bottom: 6px;
}

.woocommerce-tabs .woocommerce-Tabs-panel a {
    text-decoration: underline;
}

.entry-content a {
    text-decoration: none !important;
}

.single-product .woocommerce-Tabs-panel a,
.single-post .entry-content a {
    text-decoration: underline !important;
}

.main-nav .sub-menu a {
    color: #000 !important; 
    background: transparent !important;
}

.main-nav .sub-menu a:hover,
.main-nav .sub-menu a:focus {
    color: #bebd3d !important; 
}

.main-nav .sub-menu .current-menu-parent > a,
.main-nav .sub-menu .current-menu-item > a {
    color: #bebd3d !important;
}

/* Layout van de 2 kolommen */
.kp-cta-grid{display:grid;grid-template-columns:1.15fr .95fr;gap:clamp(16px,3vw,40px);align-items:start;}
@media (max-width:980px){.kp-cta-grid{grid-template-columns:1fr;}}

/* Kaart-styling van je formulierkolom */
.kp-form-card{
  background:#fff;border:2px solid #dfe7e2;border-radius:16px;padding:clamp(18px,2.4vw,28px);
  box-shadow:0 6px 24px rgba(0,0,0,.06);transition:border-color .25s,box-shadow .25s,transform .15s;
}
.kp-form-card:hover{transform:translateY(-2px);box-shadow:0 16px 44px rgba(0,0,0,.12);border-color:#1f7a55;}
.kp-form-card:focus-within{border-color:#1f7a55;box-shadow:0 10px 36px rgba(0,0,0,.12),0 0 0 6px rgba(31,122,85,.18);}
@media (min-width:981px){.kp-form-card{position:sticky;top:96px;}}

/* Velden (CF7/woocommerce forms) */
.kp-form-card input[type="text"], .kp-form-card input[type="email"], .kp-form-card input[type="tel"],
.kp-form-card input[type="number"], .kp-form-card select, .kp-form-card textarea{
  width:100%;background:#fff;border:1.6px solid #e7e7ea;border-radius:12px;padding:12px 14px;font-size:16px;
  transition:border-color .2s,box-shadow .2s;background-clip:padding-box;
}
.kp-form-card input:focus, .kp-form-card select:focus, .kp-form-card textarea:focus{
  outline:0;border-color:#1f7a55;box-shadow:0 0 0 4px rgba(31,122,85,.22);
}
.kp-form-card .wpcf7-form p{margin-bottom:12px;}
.kp-form-card .wpcf7-submit{
  width:100%;border:0;border-radius:12px;padding:14px 18px;font-weight:700;font-size:17px;
  background:#1f7a55;color:#fff;box-shadow:0 8px 20px rgba(31,122,85,.24);cursor:pointer;transition:transform .08s,box-shadow .2s;
}
.kp-form-card .wpcf7-submit:hover{transform:translateY(-1px);}
.kp-form-card .wpcf7-submit:active{transform:translateY(0);}

/* ==== Logo Loop (Koffieplantage) ==== */
.logo-loop {
  --gap: 32px;        /* afstand tussen logo’s */
  --speed: 24s;       /* lager = sneller (bijv. 16s) */
  --logo-h: 40px;     /* globale logo-hoogte */
  --edge-fade: #fff;  /* achtergrondkleur voor fade; pas aan als je sectie niet wit is */
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 12px 0;
}

.logo-loop__track { display: flex; }

.logo-loop__list {
  display: flex;
  align-items: center;
  gap: var(--gap);
  list-style: none;
  margin: 0;
  padding: 0;
  animation: logoloop var(--speed) linear infinite;
  will-change: transform;
}

.logo-loop:hover .logo-loop__list {
  animation-play-state: paused; /* pauze bij hover */
}

.logo-loop__list li { flex: 0 0 auto; }

.logo-loop__list img {
  height: var(--logo-h);
  width: auto;
  object-fit: contain;
  display: block;
  filter: grayscale(0);
  transition: transform .15s ease, filter .15s ease;
}

.logo-loop__list a:hover img {
  transform: scale(1.05);
  filter: grayscale(0);
}

/* zachte fade links/rechts (optioneel) */
.logo-loop::before,
.logo-loop::after {
  content: "";
  position: absolute; top: 0; bottom: 0; width: 80px; pointer-events: none;
  background: linear-gradient(to right, var(--edge-fade), rgba(255,255,255,0));
  z-index: 1;
}
.logo-loop::after { right: 0; transform: scaleX(-1); }
.logo-loop::before { left: 0; }

/* De animatie: we schuiven precies 50% omdat we de lijst 2x hebben geplaatst */
@keyframes logoloop {
  to { transform: translateX(-50%); }
}

/* mobiel compacter */
@media (max-width: 640px){
  .logo-loop { --gap: 20px; --logo-h: 32px; }
}

/* ===================== GLOBAL PRODUCT CARDS ===================== */
:root{
  --kp-radius: 18px;                             /* hoekradius van de kaart */
  --kp-gutter: 22px;                             /* marge links/rechts voor tekst/knop */
  --kp-shadow: 0 10px 24px rgba(0,0,0,.12);      /* hover schaduw (strak/klein) */
}

/* Basiskaart – wit, afgerond, netjes geclipt */
body .woocommerce ul.products li.product,
body .product-grid-item{
  background: #fff !important;
  border-radius: var(--kp-radius) !important;
  overflow: hidden !important;
  isolation: isolate !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

/* Hover/focus: til de kaart subtiel op */
body .woocommerce ul.products li.product:hover,
body .woocommerce ul.products li.product:focus-within,
body .product-grid-item:hover,
body .product-grid-item:focus-within{
  transform: translateY(-6px) !important;
  box-shadow: var(--kp-shadow) !important;
  z-index: 3 !important;
}

/* Laat rij/containers de schaduw niet afkappen */
body ul.products,
body .products,
body .vc_row,
body .wpb_row{ overflow: visible !important; }

/* Gelijkmatige binnenmarges voor titel/prijs/knop */
body .woocommerce ul.products li.product .woocommerce-loop-product__title,
body .woocommerce ul.products li.product .price,
body .woocommerce ul.products li.product .button,
body .woocommerce ul.products li.product .star-rating{
  margin-left: var(--kp-gutter) !important;
  margin-right: var(--kp-gutter) !important;
}
body .woocommerce ul.products li.product .woocommerce-loop-product__title{
  margin-top: 12px !important;
}
body .woocommerce ul.products li.product .price{
  margin-top: 6px !important;
  margin-bottom: 12px !important;
}

/* Knop volbreeds binnen de kaart (gutter gerespecteerd) */
body .woocommerce ul.products li.product .button{
  width: calc(100% - (var(--kp-gutter) * 2)) !important;
  border-radius: 12px !important;
  transition: transform .12s ease, box-shadow .12s ease !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.12) !important;
}
body .woocommerce ul.products li.product .button:hover,
body .woocommerce ul.products li.product .button:focus-visible{
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.18) !important;
  outline: none !important;
}

/* Afbeeldingen: gebruik de thema-instellingen; geen extra scaling.
   (wel: geen afgeronde hoeken op de afbeelding zelf, de kaart doet dat al) */
body .woocommerce ul.products li.product a img,
body .product-grid-item a img{
  border-radius: 0 !important;
  background: transparent !important;
}

/* =================== 2e AFBEELDING OP HOVER (selectief) =================== */
/* 0) Standaard: UIT op de hele site */
body .woocommerce ul.products li.product .hover-img,
body .product-grid-item .hover-img{
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* 1) Alleen AAN voor categorie 'losse thee'  --------------------------------
   - Pas de slug aan als nodig (bijv. 'losse-thee' → jouw echte categorie-slug) */

/* Op het categorie-archief zelf */
body.term-losse-thee .woocommerce ul.products li.product .hover-img,
body.tax-product_cat.term-losse-thee .product-grid-item .hover-img{
  display: block !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity .2s ease;
}
body.term-losse-thee .woocommerce ul.products li.product:hover .hover-img,
body.tax-product_cat.term-losse-thee .product-grid-item:hover .hover-img{
  opacity: 1 !important;
  visibility: visible !important;
}

/* In gemengde lijsten/shortcodes: alleen tegels die in cat 'losse-thee' zitten */
body .woocommerce ul.products li.product.product_cat-losse-thee .hover-img,
body .product-grid-item.product_cat-losse-thee .hover-img{
  display: block !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity .2s ease;
}
body .woocommerce ul.products li.product.product_cat-losse-thee:hover .hover-img,
body .product-grid-item.product_cat-losse-thee:hover .hover-img{
  opacity: 1 !important;
  visibility: visible !important;
}

/* ===================== Toegankelijkheid (focus) ===================== */
body .woocommerce ul.products li.product:focus-within,
body .product-grid-item:focus-within{
  outline: 2px solid #99cc00 !important;
  outline-offset: 3px !important;
}
@media (prefers-reduced-motion: reduce){
  body .woocommerce ul.products li.product,
  body .product-grid-item,
  body .woocommerce ul.products li.product .button{ transition: none !important; }
}

/* —— UNDERLINE voor links in WPBakery content —— */
.main-page-wrapper .wpb_text_column .wpb_wrapper p a,
.main-page-wrapper .wpb_text_column .wpb_wrapper li a,
.main-page-wrapper .wpb_text_column .wpb_wrapper blockquote a,
.main-page-wrapper .wpb_text_column .wpb_wrapper h1 a,
.main-page-wrapper .wpb_text_column .wpb_wrapper h2 a,
.main-page-wrapper .wpb_text_column .wpb_wrapper h3 a,
.main-page-wrapper .wpb_text_column .wpb_wrapper h4 a,
.main-page-wrapper .wpb_text_column .wpb_wrapper h5 a,
.main-page-wrapper .wpb_text_column .wpb_wrapper h6 a,
.main-page-wrapper .wpb_content_element .wpb_wrapper p a,
.main-page-wrapper .wpb_content_element .wpb_wrapper li a,
.main-page-wrapper .wpb_content_element .wpb_wrapper blockquote a {
  text-decoration: underline !important;
  text-underline-offset: 2px;
  text-decoration-thickness: 1.4px;
}

/* —— NOOIT onderstrepen op UI/overzichten —— */
a.button, .button, .btn, [class*="btn-"],
.woocommerce a.button, .woocommerce button.button,
[role="navigation"] a, nav a, .menu a, .breadcrumbs a,
.site-header a, .site-footer a, .widget a, .sidebar a,
.woocommerce ul.products li.product a, .woocommerce-loop-product__link,
.product-grid-item a, .basel-products .product-grid-item a,
.slick-slider a, .slick-slide a, .owl-carousel a, .owl-stage a,
.price, .price a, .amount, .woocommerce-Price-amount,
.woocommerce-product-gallery a, .woocommerce-product-gallery__trigger,
a img, .gallery a, .social-icons a, .wp-block-social-links a {
  text-decoration: none !important;
}

/* Woo productomschrijvingen laten we WEL underline (dat werkte al) */
.single-product .woocommerce-product-details__short-description a,
.single-product #tab-description a,
.single-product .woocommerce-Tabs-panel--description a {
  text-decoration: underline !important;
  text-underline-offset: 2px;
  text-decoration-thickness: 1.4px;
}

/* ====== KP Tile base ====== */
.kp-tile{
  position:relative; display:block; width:clamp(280px,28vw,420px);
  aspect-ratio: 9 / 16; border-radius:14px; overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.10); background:#111;
  transform:translateZ(0); transition:transform .25s ease, box-shadow .25s ease;
  isolation:isolate; text-decoration:none;
}
.kp-tile img{width:100%; height:100%; object-fit:cover; object-position:center; display:block}

/* Hover-lift (baseline) */
.kp-tile.lift:hover,
.kp-tile.lift:focus-visible{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(0,0,0,.18); outline:none }

/* Ken Burns (langzame zoom) */
.kp-tile.kenburns img{ transform:scale(1); transition:transform 6s ease }
.kp-tile.kenburns:hover img{ transform:scale(1.06) }
@media (prefers-reduced-motion: reduce){
  .kp-tile.kenburns img{ transition:none }
}

/* Parallax tilt (mini 3D) – JS-vrij via hover */
.kp-tile.tilt{ perspective:800px }
.kp-tile.tilt:hover img{ transform:scale(1.03) rotateX(2deg) rotateY(-2deg) }
@media (hover:none){ .kp-tile.tilt:hover img{ transform:none } }

/* Warme bokeh-glow (kerstgloed rechtsboven, subtiel) */
.kp-tile.glow::after{
  content:""; position:absolute; inset:-10% -10% 0 0; pointer-events:none; z-index:1;
  background:
    radial-gradient(600px 300px at 85% 10%, rgba(255,211,122,.22), rgba(227,176,74,.10) 45%, transparent 70%),
    radial-gradient(380px 220px at 80% 20%, rgba(246,199,124,.16), transparent 60%);
  mix-blend-mode:screen; filter:blur(0.2px);
}

/* Frosted-glass CTA (glasplaat-effect) */
.kp-tile .kp-cta{
  position:absolute; right:12px; bottom:12px; z-index:2; 
  padding:10px 14px; border-radius:10px; font-weight:700;
  color:#fff; background:rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.35);
  backdrop-filter:saturate(120%) blur(6px);
}
.kp-tile.frosted .kp-cta{ background:rgba(20,20,20,.35) }

/* Shine sweep (korte highlight) */
.kp-tile.shine::before{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(120deg, transparent 40%, rgba(255,255,255,.22) 50%, transparent 60%);
  transform:translateX(-120%); transition:transform .6s ease;
}
.kp-tile.shine:hover::before{ transform:translateX(120%) }

/* Toegankelijkheid: minder motion */
@media (prefers-reduced-motion: reduce){
  .kp-tile,
  .kp-tile img,
  .kp-tile.shine::before{ transition:none }
}

/* ===================== JURA – Cards layout (scoped) ===================== */
/* Gebruik op de JURA-pagina alleen op de rijen/kolommen waar jij dit wilt. */

/* 1) GRID op de rij met kaarten
   WPBakery Row → Extra class: jura-cards */
.jura-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 28px;
}
.jura-cards .vc_column_container { padding-left: 0 !important; padding-right: 0 !important; }

/* Responsiveness */
@media (max-width: 1024px){ .jura-cards { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px){  .jura-cards { grid-template-columns: 1fr; } }

/* 2) KAART op de kolom
   WPBakery Column → Extra class: jura-card */
.jura-card > .vc_column-inner { height: 100%; }
.jura-card > .vc_column-inner > .wpb_wrapper{
  height: 100%;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 14px 36px rgba(0,0,0,.08);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform .25s ease, box-shadow .25s ease;
}
.jura-card > .vc_column-inner > .wpb_wrapper:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 44px rgba(0,0,0,.12);
}

/* 3) MEDIA-venster (gelijke hoogte, geen crop)
   Single Image → Extra class: jura-media */
.jura-media,
.jura-media .vc_single_image-wrapper,
.jura-card .wpb_single_image.jura-media{
  margin: 0 !important;
  background: linear-gradient(180deg,#f6f7f8,#ececec);
  display: grid; place-items: center;
  aspect-ratio: 16/10;       /* moderne browsers */
}
@supports not (aspect-ratio: 1){
  .jura-media,
  .jura-media .vc_single_image-wrapper,
  .jura-card .wpb_single_image.jura-media{ position:relative; height:0; padding-top:62.5%; }
  .jura-media img,
  .jura-media .vc_single_image-wrapper img{ position:absolute; inset:0; }
}
.jura-media img,
.jura-media .vc_single_image-wrapper img{
  width: 100%; height: 100%;
  object-fit: contain;      /* NIET bijsnijden; wel passend */
  padding: 18px;
}
/* optioneel per kaart iets inzoomen → geef Single Image extra class: jura-zoom */
.jura-zoom img{ transform: scale(1.06); }

/* 4) TEKST-blokken
   Text Block(s) → Extra class: jura-pad */
.jura-pad .wpb_wrapper{ padding: 0 24px; }
.jura-pad h3, .jura-pad h4{
  margin: 18px 0 8px; font-weight: 800; line-height: 1.15;
  color: #94754E; /* JURA-bronze */
}
.jura-pad p{ margin: 0 0 12px; color:#333; line-height:1.55; }

/* 5) KNOP – geen extra class nodig; werkt met WPBakery/themeknoppen
   Zorg dat de knop het laatste element in de kolom is. */
.jura-card > .vc_column-inner > .wpb_wrapper{ display:flex; flex-direction:column; }
.jura-card .wpb_wrapper > .vc_btn3-container,
.jura-card .wpb_wrapper > .wpb_button,
.jura-card .wpb_wrapper > a.button,
.jura-card .wpb_wrapper > a.btn,
.jura-card .wpb_text_column .vc_btn3-container,
.jura-card .wpb_text_column a.button,
.jura-card .wpb_text_column a.btn{
  margin: 16px 24px 24px !important;
  display: inline-block;
  align-self: flex-start;
  margin-top: auto; /* duw naar onderzijde kaart */
}

/* 6) Zorg dat containers schaduw niet afkappen (compat met je theme) */
.jura-cards,
.jura-cards .vc_row,
.jura-cards .wpb_row{ overflow: visible !important; }

/* ====== FAIL-SAFE voor rijen waar de Single Image geen 'jura-media' heeft ====== */
/* Maak van de EERSTE Single Image in elke jura-card alsnog een media-venster 16:10 */

.jura-card > .vc_column-inner > .wpb_wrapper > .wpb_single_image:first-of-type {
  margin: 0 !important;
  background: linear-gradient(180deg,#f6f7f8,#ececec);
  display: grid;
  place-items: center;
  aspect-ratio: 16/10;
  overflow: hidden;
}
@supports not (aspect-ratio: 1){
  .jura-card > .vc_column-inner > .wpb_wrapper > .wpb_single_image:first-of-type {
    position: relative; height: 0; padding-top: 62.5%;
  }
  .jura-card > .vc_column-inner > .wpb_wrapper > .wpb_single_image:first-of-type img {
    position: absolute; inset: 0;
  }
}
.jura-card > .vc_column-inner > .wpb_wrapper > .wpb_single_image:first-of-type img {
  width: 100%; height: 100%;
  object-fit: contain; padding: 18px;
}

/* Zorg dat captions/links niet het media-venster breken */
.jura-card .wpb_single_image .vc_figure,
.jura-card .wpb_single_image .vc_single_image-wrapper {
  width: 100%; height: 100%;
}

/* ELK ‘lege ruimte’ element boven de image weghalen in kaarten */
.jura-card .wpb_wrapper > .vc_empty_space:first-child { height: 0 !important; margin: 0 !important; }

/* Tekstmarges uniform (als ergens jura-pad ontbreekt) */
.jura-card .wpb_text_column { padding: 0 24px; }
.jura-card .wpb_text_column h3,
.jura-card .wpb_text_column h4 { margin: 18px 0 8px; font-weight: 800; line-height: 1.15; color: #94754E; }
.jura-card .wpb_text_column p { margin: 0 0 12px; color: #333; line-height: 1.55; }

/* Knoppen altijd netjes onderin, ook zonder extra class */
.jura-card > .vc_column-inner > .wpb_wrapper { display: flex; flex-direction: column; }
.jura-card .wpb_wrapper > .vc_btn3-container,
.jura-card .wpb_wrapper > .wpb_button,
.jura-card .wpb_wrapper > a.button,
.jura-card .wpb_wrapper > a.btn,
.jura-card .wpb_text_column .vc_btn3-container,
.jura-card .wpb_text_column a.button,
.jura-card .wpb_text_column a.btn {
  margin: 16px 24px 24px !important;
  align-self: flex-start;
  margin-top: auto;
  display: inline-block;
}

/* Extra: als een afbeelding extreem veel witruimte heeft kun je per kaart 'jura-zoom' toevoegen */
.jura-card .wpb_single_image.jura-zoom img { transform: scale(1.06); }

/* Wrapper rondom de vergelijkingstabel */
.koffie-vergelijking-wrapper {
  width: 100%;
  overflow-x: auto;              /* horizontaal scrollen toestaan */
  -webkit-overflow-scrolling: touch; /* soepel scrollen op mobiel */
  margin-bottom: 1.5rem;
}

/* Tabel zelf: minimaal wat breder maken dan de content,
   zodat kolommen niet worden geplet */
.koffie-vergelijking-wrapper .machine-compare {
  width: 100%;
  min-width: 900px;              /* eventueel verhogen naar 1000–1100px */
  border-collapse: collapse;
}

/* Optioneel: iets compactere tekst in de tabel */
.koffie-vergelijking-wrapper .machine-compare th,
.koffie-vergelijking-wrapper .machine-compare td {
  font-size: 14px;
  line-height: 1.4;
}
@media (max-width: 576px) { .mobile-nav-icon .basel-burger {
background-color:#fff !important;
}
@media (max-width: 768px) {
  p { font-size: 16px !important; }
  h1 { font-size: 26px !important; }
  h2 { font-size: 24px !important; }
  h3 { font-size: 20px !important; }
  h4 { font-size: 18px !important; }
  h5, h6 { font-size: 16px !important; }

  .cta-button {
    padding: 10px 20px;
    font-size: 14px;
  }

  div.menu-categorie-menu-container {
    margin-left: 20px; /* minder marge op mobiel */
  }

  .vc_gitem-zone-img {
    object-fit: contain; /* minder zwaar dan cover */
  }

  .vc_custom_1491287655870, .vc_custom_1491287810719, .vc_custom_1490698772193 {
    box-shadow: none !important; /* Box-shadow op mobiel uitschakelen */
  }
}
 }