:root { /* Colors */ --clr-one: #1C1C1C; /* darkest color */ --clr-two: transparent; /* lightest color */ --clr-bg: #f8f8f8; /* Light background-color */ --clr-dark: #1C1C1C; /* black */ --clr-light:white; /* white */ /* Font Family */ --f-een: Jost, sans-serif; --f-twee: "Stolz Display", sans-serif; /* Fonts */ /* Font size */ --fs-basic: 15px; /* basis font size voor bijv. p span ezv. */ --fs-een: 25px; --fs-twee: 22px; --fs-drie: 21px; --fs-vier: 17px; /* Font line-height */ --lhf-basic: 19px ; --lhf-een: 30px; --lhf-twee: 26px; --lhf-drie: 25px; --lhf-vier: 22px; } @media (max-width: 600px){ :root { /* Fonts */ /* Font size */ --fs-basic: 14px; /* basis font size voor bijv. p span ezv. */ --fs-een: 20px; --fs-twee: 18px; --fs-drie: 17px; --fs-vier: 16px; /* Font line-height */ --lhf-basic: 19px ; --lhf-een: 25px; --lhf-twee: 22px; --lhf-drie: 21px; --lhf-vier: 20px; } } /* WINKELMAND */ .woocommerce-cart-form__contents tr.woocommerce-cart-form__cart-item:first-of-type td { border-top: 0px !important; } .woocommerce-cart-form__contents tr.woocommerce-cart-form__cart-item:last-of-type td { border-bottom: 0px !important; } .woocommerce table.cart tbody td.product-remove a.remove, .woocommerce-page table.cart tbody td.product-remove a.remove { width: 13px !important; height: 13px !important; background: url(/wp-content/uploads/2024/09/close.svg) center no-repeat !important; border: none !important; vertical-align: middle; } body .shop_table.cart .product-name .product-title, body .shop_table.cart .product-name .product-title a { font-weight:500 !important; } body.woocommerce-cart-layout-modern .woocommerce .shop_table tbody tr td.actions { border-top: 0px; } body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-quantity .quantity, body.woocommerce-cart-layout-modern .woocommerce .cart_totals table th, body.woocommerce-cart-layout-modern .woocommerce .cart_totals table td, body .woocommerce .checkout-login .login .form-row .input-text { border: none; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals-inner { border-radius:0px; } body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-quantity .quantity button.plus:before, body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-quantity .quantity button.minus:before, body.woocommerce-page .woocommerce-notice--success:before { display:none; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals table th { background: transparent; } .woocommerce-cart button, .woocommerce-cart .submit-buttons button, .woocommerce .woocommerce-cart-form .actions .coupon button, body.woocommerce-cart-layout-modern .woocommerce .wc-proceed-to-checkout .checkout-button-button .checkout-button, .woocommerce .gem-button.gem-button-style-outline, .woocommerce .checkout .place-order #place_order, .woocommerce .shop_table tbody tr:last-child td a.woocommerce-button.button.view, .woocommerce .shop_table tbody tr td:last-child a, .woocommerce-orders a.woocommerce-button.button.view.gem-button.gem-wc-button, .thegem-popup-notification-wrap .thegem-popup-notification .notification-message span.buttons a, .woocommerce-order-pay .gem-button.gem-wc-button, .mobile-cart .mini-cart-view-cart a, .mobile-cart-position-top #site-header .mobile-cart .buttons .mini-cart-checkout .gem-button { border:none !important; height: inherit; } body.woocommerce-cart-layout-modern .woocommerce input[type="text"].coupon-code, .woocommerce-checkout-layout-one-page-modern .woocommerce input[type="text"].coupon-code { height: inherit !important; padding: 9px 17px; height: 58px !important; font-family:var(--f-een) !important; font-size:var(--fs-basic) !important; } form.woocommerce-form.woocommerce-form-login.login input[type="text"], form.woocommerce-form.woocommerce-form-login.login input[type="password"] { padding: 10px 15px; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals-inner h3, .woocommerce .checkout.woocommerce-checkout-one-page-modern .woocommerce-billing-fields h3, .woocommerce-checkout-one-page.woocommerce-checkout-one-page-modern .order-review-inner h3 { margin-bottom:15px; } body.woocommerce-page ul.woocommerce-error, body.woocommerce-page .woocommerce-notice--success { border-radius: 0px !important; margin-top: 20px; padding: 10px 15px !important; margin-bottom: 20px !important; } /* AFREKENEN */ .gem-button-container .gem-button { width: 100%; margin-right: 0px !important; } .checkout_coupon .gem-button-container { width: calc(50% - 14px) !important; } .woocommerce-checkout-layout-one-page-modern .woocommerce input[type="text"].coupon-code, .woocommerce-checkout-layout-one-page-modern .woocommerce .gem-button-container .gem-button { margin-top: 0px; } body.woocommerce-page .checkout-before-checkout-form ul.woocommerce-error { margin-top: 0px; margin-bottom: 20px !important; } .woocommerce-checkout .block-content { padding-top: 0px !important; } /* CHECKOUT */ .checkout-before-checkout-form .checkout-notice { width: 100%; background: var(--clr-bg); padding: 10px 20px; text-align: center; } .woocommerce .checkout_coupon { border: none; padding: 0px !important; } .checkout-before-checkout-form .checkout-notice, .woocommerce .checkout_coupon { margin-bottom: 0px !important; } a.showcoupon:hover, a.showlogin.checkout-show-login-popup:hover { text-decoration: underline; } .checkout-before-checkout-form .checkout-notice ~ .checkout-notice:before, body.woocommerce-page .woocommerce-message:before, body.woocommerce-page .woocommerce-info:before { display:none; } .woocommerce-checkout-one-page:not(.woocommerce-checkout-with-template) { margin-top: 40px !important; } .woocommerce-checkout-layout-one-page-modern .woocommerce input[type="text"].coupon-code { width: calc(50% - 10px); } body.woocommerce-page ul.woocommerce-error, body.woocommerce-page .woocommerce-message, body.woocommerce-page .woocommerce-info, body.woocommerce-page .woocommerce-notice--success { border-radius: 0px !important; margin-top: 20px; padding: 10px 15px !important; margin-bottom:0px !important; text-align:center; display:block; outline: none !important; } body.woocommerce-page ul.woocommerce-error:before { display:none !important; } .gem-table.checkout-payment { background-color: transparent !important; } .woocommerce-checkout-one-page.woocommerce-checkout-one-page-modern .order-review-inner h3, .woocommerce .woocommerce-checkout-one-page #order_review { padding:0px !important; } .checkout-navigation-buttons .checkout-place-order button { margin-top: 20px !important; display: inline-block; } .checkout-navigation-buttons .checkout-place-order { width: 100% !important; } .woocommerce-checkout-one-page .checkout-payment { margin-bottom: 0px; } .woocommerce-checkout-one-page #order_review table tr.cart_item:first-of-type td, tfoot tr.cart-subtotal td, tfoot tr.cart-subtotal th { border: none !important; } .woocommerce .checkout #payment .payment_methods li .payment_box p { background: var(--clr-light) !important; border-radius: 10px; } body .woocommerce-checkout-one-page.woocommerce-checkout-one-page-modern .shop_table .product-name .product-quantity { background-color: var(--clr-light); } .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper .checkbox-sign , .woocommerce-order-pay #payment .checkbox-sign{ background: var(--clr-light) !important; border:none !important; border-radius: 50px !important; top: -2px; width: 18px !important; height: 18px !important; } .woocommerce-order-pay #payment .checkbox-sign { background: var(--clr-bg) !important; border:3px solid var(--clr-light) !important; } .woocommerce-order-pay #payment .radio-sign, .woocommerce-order-pay #payment .checkbox-sign { width: 18px !important; height: 18px !important; } .woocommerce-order-pay #payment p.form-row.validate-required { margin-top: 30px; } .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper .checkbox-sign.checked:before, #payment .checkbox-sign.checked:before { content: " "; font-size: 24px; font-weight: normal; font-family: 'thegem-icons'; font-style: normal; text-align: center; width: 18px !important; height: 18px !important; line-height: 14px; margin-top: -7px !important; margin-left: -9px; border: 3px solid white; border-radius: 50px; } #payment .checkbox-sign.checked:before { margin-top: -9px !important; } .woocommerce-checkout .checkout-before-checkout-form .checkout-login-notice { margin-top:20px; } .woocommerce .checkout .form-row #privacy_policy_field input[type="checkbox"] { appearance: none !important; margin-bottom: -6px; margin-right: 5px !important; } .woocommerce .checkout .form-row #privacy_policy_field input[type="checkbox"]:before { content: ''; width: 18px !important; height: 18px !important; border: 3px solid white; border-radius: 50px !important; margin-right: 5px !important; display: block; margin-bottom: 3px !important; } .woocommerce .checkout .form-row #privacy_policy_field input[type="checkbox"]:checked:before { content: " "; width: 18px !important; height: 18px !important; border: 3px solid white; } .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page-modern #order_review .woocommerce-checkout-payment .payment_methods .radio-sign, .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page-modern .thegem-te-checkout-payment .woocommerce-checkout-payment .payment_methods .radio-sign { width: 18px; height: 18px; } .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page-modern #order_review .woocommerce-checkout-payment .payment_methods .radio-sign.checked:before, .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page-modern .thegem-te-checkout-payment .woocommerce-checkout-payment .payment_methods .radio-sign.checked:before { width: 18px !important; height: 18px !important; margin-left: -9px !important; margin-top: -9px !important; border: 3px solid white; } /* INPUT FIELDS */ .woocommerce-checkout-one-page .input-text, #page .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered, .combobox-wrapper, #page .woocommerce .select2-container .select2-selection--single, .woocommerce .lost_reset_password p.form-row input { border: none; } .checkout-before-checkout-form .checkout-notice { margin-bottom:20px !important; } /* CREATE ACCOUNT CHECK */ .woocommerce .checkout-login-remember .checkbox-sign, .woocommerce .checkout.woocommerce-checkout-one-page-modern .checkbox-sign { border-radius: 50px !important; top: -2px; width: 18px !important; height: 18px !important; border:none; } .woocommerce .checkout-login-remember .checkbox-sign.checked:before, .woocommerce .checkout.woocommerce-checkout-one-page-modern .checkbox-sign.checked:before { border-radius: 50px !important; width: 18px !important; height: 18px !important; top: 7px; margin-left: -9px; content: "" !important; font-family: inherit !important; } .woocommerce .checkout-login-remember .checkbox-sign.checked:before { top:5px; } .woocommerce .checkout.woocommerce-checkout-one-page .form-row.create-account .checkbox-sign:before { margin-top: -10px !important; } .woocommerce-checkout-layout-one-page-modern #checkout-login-popup span.checkout-login-remember .checkbox-sign { top: 0px; } .woocommerce-checkout-layout-one-page-modern #checkout-login-popup span.checkout-login-remember .checkbox-sign.checked:before { top: 3px !important; } .woocommerce-checkout-layout-one-page-modern #checkout-login-popup h3 { text-align: left; margin-bottom: 20px !important; } /* EMPTY CART */ body.woocommerce-cart-layout-modern .woocommerce-empty-cart .return-to-shop .gem-button { width: fit-content; } body.woocommerce-cart-layout-modern .woocommerce-empty-cart .woocommerce-empty-cart__title { margin-bottom:0px; } body.woocommerce-cart-layout-modern .woocommerce-empty-cart:before { font-size: 160px; width: 160px; height: 160px; background-color: var(--clr-one) !important; } /* CART */ body.woocommerce-cart dl.variation dt, body.woocommerce-cart dl.variation dd, body.woocommerce-cart dl.variation dd p { font-size: 15px !important; font-weight: 300; color: var(--black); font-style: normal; text-transform: none !important; } /* MIJN ACCOUNT */ body.woocommerce-page.woocommerce-account .woocommerce-info { margin-top: 0px; } .woocommerce-Addresses address { font-family: var(--f-een); font-style: normal; } header.woocommerce-Address-title a.edit { text-decoration: underline; } nav.woocommerce-MyAccount-navigation.widget_nav_menu li a { font-size: 15px; line-height: 25px; font-weight: 400; } nav.woocommerce-MyAccount-navigation.widget_nav_menu li { border: none; } nav.woocommerce-MyAccount-navigation.widget_nav_menu ul.menu a { padding: 10px 0px; } nav.woocommerce-MyAccount-navigation.widget_nav_menu ul.menu li:first-of-type a { padding-top:0px; } nav.woocommerce-MyAccount-navigation.widget_nav_menu ul.menu li:last-of-type a { padding-bottom:0px; } .u-columns.woocommerce-Addresses.col2-set.addresses .u-column2.col-2.woocommerce-Address { margin-top: 30px; } .woocommerce-account .block-content .wpb_text_column .wpb_wrapper ul li a{ font-size:16px; } /* BETAALBEVESTIGING: NOT LOGGED IN */ .woocommerce-order-received form.woocommerce-form.woocommerce-form-login.login { margin-top: 40px; } .woocommerce-order-received form.woocommerce-form.woocommerce-form-login.login label { font-family: var(--f-een); color: black; display: block; margin-bottom: 10px; } .woocommerce-order-received .checkout-login-remember label { width: fit-content !important; display: inline-block !important; } .woocommerce-order-received form.woocommerce-form.woocommerce-form-login.login p.form-row.form-row-first, .woocommerce-order-received p.form-row.form-row-last { width: 50% !important; float: left; } .woocommerce-order-received form.woocommerce-form.woocommerce-form-login.login input[type="text"] { width: calc(100% - 10px); margin-right: 10px !important; } .woocommerce-order-received form.woocommerce-form.woocommerce-form-login.login input[type="password"] { width: calc(100% - 10px); margin-left: 10px !important; } .woocommerce-order-received form.woocommerce-form.woocommerce-form-login.login p.form-row.form-row-last label { padding-left:10px; } body.woocommerce-cart-layout-modern .woocommerce .woocommerce-order .cart_totals { background-color: transparent; padding: 0px; } .woocommerce-order-received .order-order-details .shop_table .product-total { text-align: right; } body .woocommerce .shop_table td.product-subtotal, .thegem-popup-notification-wrap .thegem-popup-notification { font-size: var(--fs-basic); } /* ACCOUNT: ORDERS */ .woocommerce-order-received .woocommerce-thankyou-order-details { margin-top: 50px !important; } .woocommerce-orders.woocommerce-account .shop_table td { padding: 15px; } .woocommerce .shop_table tbody tr td:last-child { padding-left: 0px; padding-right: 0px; } .woocommerce .shop_table tbody tr:last-child td a.woocommerce-button.button.view, .woocommerce .shop_table tbody tr td:last-child a { margin: 0px !important; } .woocommerce .shop_table tbody tr:last-child td a.woocommerce-button.button.view, .woocommerce .shop_table tbody tr td:last-child a, .woocommerce-orders a.woocommerce-button.button.view.gem-button.gem-wc-button { width: 100%; } .woocommerce-account.woocommerce-orders .shop_table thead tr th, .woocommerce .shop_table tbody tr:last-child td, .woocommerce.woocommerce-orders .shop_table tbody tr td, .woocommerce-orders.woocommerce-account .shop_table td { border:none !important; } .woocommerce.woocommerce-orders .shop_table tbody tr:last-child td, .woocommerce.woocommerce-orders .shop_table tbody tr td { border-bottom:1px solid var(--clr-bg) !important; } .woocommerce-account.woocommerce-orders .shop_table thead tr th span { font-size: var(--fs-basic) !important; } .woocommerce-account.woocommerce-orders .shop_table thead tr th { text-align:center !important; } .woocommerce-account.woocommerce-orders .gem-table-style-1 tr:nth-child(even) td { background-color:transparent !important; } .woocommerce-account.woocommerce-orders .gem-table-style-1 tr:nth-child(even) td { border-top:1px solid white !important; border-bottom:1px solid white !important; } .woocommerce-account.woocommerce-orders .gem-table-responsive.gem-table-style-1 .tabletolist.nrh .row_headers { font-weight: 500; } .woocommerce-view-order .shop_table tr, .woocommerce-view-order .shop_table td { border-bottom: 1px solid var(--clr-bg); } .woocommerce-view-order .order-order-details .shop_table .product-total { text-align: right !important; } .woocommerce-view-order h3.woocommerce-order-details__title.light { margin-bottom: 20px; } .woocommerce-view-order .order-customer-details, .woocommerce-view-order .order-customer-details address, body.woocommerce-cart-layout-modern .woocommerce .woocommerce-MyAccount-content .shop_table tr td { font-size: var(--fs-basic) !important; } mark { background: transparent !important; } /* AJAX ADD TO CART INGESCHAKELD (THEGEM - WOOCOMMERCE - PRODUCT - BUTTONS) */ .thegem-popup-notification-wrap .thegem-popup-notification .notification-message { padding:20px; border-radius:10px !important; } /* AJAX ADD TO CART UITGESCHAKELD */ body.woocommerce-page .woocommerce-message.woocommerce-notice--success { margin-top: 0px !important; margin-bottom: 20px !important; } .woocommerce-message.woocommerce-notice--success .cart-added .cart-added-text { text-align: left !important; } .woocommerce-message.woocommerce-notice--success .cart-added .cart-added-button .button, .woocommerce-message.woocommerce-notice--success .cart-added .cart-added-button .button:hover { color: var(--clr-white); } /* MISLUKTE BETALING */ .woocommerce-order-pay thead th { border:none !important; padding: 20px !important; color:var(--clr-white) !important; } .woocommerce-order-pay .shop_table tbody tr:last-child td { padding: 20px !important; } .woocommerce-order-pay tfoot { border-top: 1px solid var(--clr-bg); } .woocommerce-order-pay tfoot tr th { text-align: right; padding-right: 20px; font-weight: 500; } .woocommerce-order-pay strong, .woocommerce-order-pay tfoot bdi { font-weight: 500; } .woocommerce-order-pay .shop_table thead tr th { font-size: var(--fs-basic) !important; } .woocommerce-order-pay ul.wc_payment_methods.payment_methods.methods li { list-style-type: none; padding-top:10px; padding-bottom:10px; border-bottom: 1px solid var(--clr-light); } .woocommerce-order-pay ul.wc_payment_methods.payment_methods.methods li label { padding-left: 5px; font-weight: 500; } .woocommerce-order-pay ul.wc_payment_methods.payment_methods.methods { padding-left: 0px; } .woocommerce-order-pay p, .woocommerce-order-pay .gem-button.gem-wc-button { margin-bottom:0px !important; } .woocommerce-order-pay tfoot tr th { font-size: var(--fs-basic) !important; } /**** MOBILE CART ***/ .mobile-cart-position-top #site-header .mobile-cart .widget_shopping_cart_content ul.cart_list > li { border: none; } .mobile-cart-position-top #site-header .mobile-cart ul li .minicart-image:after { background:transparent !important; } .mobile-cart-position-top #site-header .mobile-cart .widget_shopping_cart_content ul.cart_list > li { padding: 15px 25px; } .mobile-cart-header-close .cart-close-line-1, .mobile-cart-header-close .cart-close-line-2 { background: var(--clr-dark); } body #primary-menu.no-responsive > li.menu-item-cart > .minicart ul li a.remove, body .hamburger-minicart > .minicart ul li a.remove, body.mobile-cart-position-top #site-header .mobile-cart ul li a.remove, #primary-menu.nav-menu.no-responsive > li.menu-item-cart > .minicart ul li a.remove, .hamburger-minicart > .minicart ul li a.remove, .mobile-cart-position-top #site-header .mobile-cart ul li a.remove { color: var(--clr-dark); } .mobile-cart-position-top #site-header .mobile-cart ul li a.remove { right: 25px; } .minicart li.woocommerce-mini-cart-item.mini_cart_item span.product-title { font-family: var(--f-een) !important; font-weight: 500; font-size:var(--fs-basic); } #primary-menu.nav-menu.no-responsive > li.menu-item-cart > .minicart ul li a:hover, .hamburger-minicart > .minicart ul li a:hover { color:inherit !important; } #primary-menu.nav-, menu.no-responsive > li.menu-item-cart > .minicart ul li, #primary-menu.nav-menu.no-responsive > li.menu-item-cart > .minicart ul li bdi { font-weight: 300 !important; font-size: var(--fs-basic); color: var(--clr-dark); } .woocommerce button { line-height: 36px; font-size: 15px !important; } /* MESSAGES */ body.woocommerce-page .woocommerce-message a, body.woocommerce-page .woocommerce-info a { color: white !important; } button.menu-toggle.dl-trigger { font-size: 0px !important; } /* Minicart dropdown */ #primary-menu.nav-menu.no-responsive > li.menu-item-cart > .minicart ul li { padding-top: 5px !important; padding-bottom: 0px !important; } /* Winkeloverzicht / Shop */ .woocommerce-page .page-description { margin-top:0px !important; } .woocommerce-shop .portfolio.extended-products-grid .portfolio-item.product .image .image-inner { border-radius: 10px !important; } .portfolio.extended-products-grid .portfolio-item.product .caption .title { margin-bottom:15px !important; } .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page-modern #order_review .woocommerce-checkout-payment .payment_methods li label { font-size: 16px; } .portfolio.extended-products-grid .gem-pagination a { background: var(--black) !important; border-radius: 10px; padding: 10px; color: white; margin: 5px; font-weight: 400 !important; } .portfolio.extended-products-grid .gem-pagination a.current, .portfolio.extended-products-grid .gem-pagination a:hover { background: var(--purple) !important; color: black !important; } /* Checkout radio buttons */ .woocommerce-checkout-one-page.woocommerce-checkout-one-page-modern #shipping_method .radio-sign, body.woocommerce-cart-layout-modern .woocommerce #shipping_method .radio-sign { width: 20px; height: 20px; border-width: 1px; border-color: white; background: #ffffff; margin-top: 2px; } .woocommerce-checkout-one-page.woocommerce-checkout-one-page-modern #shipping_method .radio-sign.checked:before, body.woocommerce-cart-layout-modern .woocommerce #shipping_method .radio-sign.checked:before { width: 12px; height: 12px; margin-top: -6px; margin-left: -6px; background: var(--black); } .woocommerce .woocommerce-checkout-one-page #shipping_method li:before, .woocommerce .woocommerce-checkout-one-page #shipping_method li:after, body.woocommerce-cart-layout-modern .woocommerce #shipping_method li:before, body.woocommerce-cart-layout-modern .woocommerce #shipping_method:after, p.woocommerce-shipping-destination { display:none; } .woocommerce .woocommerce-checkout-one-page #shipping_method li, body.woocommerce-cart-layout-modern .woocommerce #shipping_method li{ background-image:none; } .woocommerce-checkout-one-page.woocommerce-checkout-one-page-modern #order_review table tbody th, .woocommerce-checkout-one-page.woocommerce-checkout-one-page-modern #order_review table tbody td { border: none; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals table tr td #shipping_method li label { font-weight: 400; margin-right: 5px; } .thegem-accordion__item-title { font-family: var(--f-een) !important; } .up-sells .title-h4 { font-family: var(--f-two) !important; font-weight: 500; } .up-sells .portfolio.extended-products-grid.to-extended-products .portfolio-item .image .image-inner { border-radius: 10px; } .up-sells .product-page__elements-title.elements-title--left { padding-bottom: 10px !important; padding-top: 0px !important; } /******************** 1 RESPONSIVE ***********/ @media only screen and (min-width: 1213px) { /* Winkeloverzicht / Shop */ .woocommerce-shop .banner, .woocommerce-shop .portfolio-preloader-wrapper { padding-left: 8% !important; padding-right: 8% !important; } } @media only screen and (max-width: 1212px) { /* Winkeloverzicht / Shop */ .woocommerce-shop .banner, .woocommerce-shop .portfolio-preloader-wrapper{ padding-left: 0px !important; padding-right: 0px !important; } .woocommerce-order-received .order-order-details { margin-right: 0px; } .woocommerce-order-pay #order_review .shop_table .product-total { padding: 10px 20px; } .portfolio.portfolio-grid { width: calc(100vw - 36px); margin-left: -22px; } .home .portfolio.portfolio-grid { margin: auto 0 !important; margin-left:-3px !important; } .woo-variation-swatches .variable-items-wrapper .variable-item { padding: 10px 10px !important; } .product-page__wrapper { margin-left: 20px; margin-right: 20px; } /* Single product */ .single-product .up-sells .portfolio-preloader-wrapper { padding: 0px 25px; } } @media only screen and (max-width: 1024px) { } @media only screen and (max-width: 992px) { /* LOGIN / REGISTER */ .woocommerce .woocommerce-account-modern .checkout-login .checkout-login-button, .woocommerce .woocommerce-account-modern .checkout-login .checkout-login-button button, .woocommerce .woocommerce-account-modern .checkout-login .form-row { width: 100%; } .woocommerce .my-account-signup .register .checkout-login-button { margin-right: 0px; } /* CART */ body.woocommerce-cart-layout-modern .woocommerce .woocommerce-cart-form .actions .submit-buttons button.button { margin-left: 0px; } /* ORDERBVESTIGING */ .woocommerce-order-received .order-order-details .col-xs-12 { padding-left: 0px !important; padding-right: 0px !important; } .woocommerce-order-received .order-order-details { margin: 0px; margin-bottom:40px; } /* ACCOUNT */ .woocommerce-orders.woocommerce-account .shop_table td { font-size: var(--fs-basic); } } @media only screen and (max-width: 821px) { /* Single product */ body.single-product .single-product-content-right { padding: 0px 0px !important; padding-bottom: 0px !important; border-radius: 0px; } .single-product-content-left.col-sm-6.col-xs-12 { padding-left: 0px; padding-right: 0px; } .product-page__wrapper { margin-left: 0px; margin-right: 0px; } body.single-product:before { position: absolute; border-left: none; border-right: none; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } } @media only screen and (max-width: 767px) { /* LOGIN / REGISTER */ .woocommerce .woocommerce-account-modern .checkout-login .checkout-login-button, .woocommerce .woocommerce-account-modern .checkout-login .checkout-login-button button, .woocommerce .my-account-signup .register .checkout-login-button button { width: fit-content; } .woocommerce .woocommerce-account-modern .checkout-login .login .lost_password { display: block; } /* EMPTY CART */ body.woocommerce-cart-layout-modern .woocommerce-empty-cart:before { font-size: 75px; width: 75px; height: 75px; margin-bottom: 10px; margin-top: 10px; } /* CART */ body.woocommerce-cart-layout-modern .woocommerce table.shop_table_responsive.shop_table.woocommerce-cart-form__contents tbody tr:last-of-type { border: none !important; } /* ORDER RECEIVED */ .woocommerce-order-received .order-customer-details h3 { margin-bottom: 10px; } .woocommerce-order-received .order-customer-details .col-sm-6.col-xs-12:last-of-type { margin-top:20px; } .woocommerce-order-received .woocommerce-order .woocommerce-order-overview { margin-bottom: 25px; margin-top: 25px !important; } .woocommerce-order-received h3.woocommerce-order-details__title.light { margin-bottom: 20px !important; } /* ACCOUNT: ORDERS */ .woocommerce-orders .gem-table-responsive .tabletolist .row_headers, .gem-table-responsive .tabletolist.nrh > li > ul, .woocommerce-orders .gem-table-responsive .tabletolist > li span { border: none; } .woocommerce-orders .gem-table-responsive.gem-table-style-1 .tabletolist > li li:nth-child(even) { background-color: transparent; } .woocommerce-orders .gem-table-responsive.gem-table-style-1 .tabletolist > li li:nth-child(even) span { border-top:1px solid var(--clr-bg) !important; border-bottom:1px solid var(--clr-bg) !important; } .woocommerce-orders .gem-table-responsive.gem-table-style-1 .tabletolist > li li:nth-child(even) span span, .woocommerce-orders .gem-table-responsive .tabletolist > li { border:none !important; } .woocommerce-orders a.woocommerce-button.button.view.gem-button.gem-wc-button { margin-top: 0px; margin-bottom: 0px; } .woocommerce-account.woocommerce-orders { font-size:var(--fs-basic); } .woocommerce-orders .gem-table-responsive .tabletolist li { padding:20px !important; } .woocommerce-view-order .woocommerce .order-order-details { margin-bottom: 35px; margin-top: 35px; } .woocommerce-view-order .woocommerce .order-customer-details .col-sm-6 { margin-bottom:20px; } .woocommerce-view-order .woocommerce .order-customer-details h3 { margin-bottom: 10px !important; } /* POPUP ADD PRODUCT */ .thegem-popup-notification-wrap .thegem-popup-notification.cart .notification-message span.buttons { margin-top: 15px; } /* AD TO CART - GEEN POPUP */ .woocommerce-message.woocommerce-notice--success .cart-added .cart-added-text { text-align: center !important; } /* WINKELOVERZICHT */ .portfolio.portfolio-grid { width: inherit; margin-left: inherit; } .portfolio.extended-products-grid .portfolio-item.product .caption .title { font-size: 17px; line-height: 24px; margin-bottom: 10px !important; } .portfolio.extended-products-grid .portfolio-item.product .caption .product-price .price .amount { font-size: 14px; } .portfolio.extended-products-grid .product .onsale, .portfolio.extended-products-grid .product .new-label, .portfolio.extended-products-grid .product .out-of-stock-label, .product-gallery-labels .product-labels.style-5 .onsale, .product-gallery-labels .product-labels.style-6 .onsale, .product-gallery-labels .product-labels.style-5 .new-label, .product-gallery-labels .product-labels.style-6 .new-label, .product-gallery-labels .product-labels.style-5 .out-of-stock-label, .product-gallery-labels .product-labels.style-6 .out-of-stock-label, .portfolio.extended-products-grid .portfolio-item.product .product-labels.style-3 .onsale .text, .portfolio.extended-products-grid .portfolio-item.product .product-labels.style-1 .onsale .text { font-size: 9px !important; } /* Single product */ .single-product .up-sells .portfolio-preloader-wrapper { padding: 0px 0px; } .single-product .up-sells .title-h4 { font-size: 20px; line-height: 30px; } .single-product .up-sells .product-page__elements-title.elements-title--left { text-align: center !important; justify-content: center !important; } .woocommerce-cart .vc_row.f_top, .woocommerce-checkout .vc_row.f_top { margin-top: 0px !important; } .woocommerce-cart .block-content, .woocommerce-checkout .block-content { padding-bottom: 0px !important; } } @media only screen and (max-width: 600px) { /* ACCOUNT */ .woocommerce-page .gem-button-container { width: 100%; } nav.woocommerce-MyAccount-navigation.widget_nav_menu li a { font-size: 14px; line-height: 17px; } body.woocommerce-page .woocommerce-info a { display: block; } /* LOGIN / REGISTER / EMPTY CART / CHECKOUT */ .woocommerce .woocommerce-account-modern .checkout-login .checkout-login-button, .woocommerce .woocommerce-account-modern .checkout-login .checkout-login-button button, .woocommerce .my-account-signup .register .checkout-login-button button, body.woocommerce-cart-layout-modern .woocommerce-empty-cart .return-to-shop .gem-button, .woocommerce-checkout-layout-one-page-modern .woocommerce input[type="text"].coupon-code, .checkout_coupon .gem-button-container, .woocommerce form.checkout .form-row-first, .woocommerce form.checkout .form-row-last, .woocommerce-page form.checkout .form-row-first, .woocommerce-page form.checkout .form-row-last { width: 100% !important; } /* CART */ .submit-buttons button.gem-button { width: calc(100% - 21px) !important; } body.woocommerce-cart-layout-modern .woocommerce-cart-form .coupon input[type="text"].coupon-code, .woocommerce-checkout-layout-one-page-modern .woocommerce input[type="text"].coupon-code { text-align: center !important; } /* CHECKOUT */ .checkout-notice.checkout-coupon-notice, .woocommerce-checkout .checkout-before-checkout-form .checkout-login-notice { font-size: var(--fs-basic) !important; } .checkout-notice.checkout-coupon-notice a, .woocommerce-checkout .checkout-before-checkout-form .checkout-login-notice a { display:block; text-decoration:underline; } .woocommerce-checkout-one-page-modern .checkout-contents[data-tab-content-id="checkout-billing"] { margin-bottom: 30px; } .woocommerce-checkout-one-page .checkout-contents[data-tab-content-id="checkout-payment"] { margin-top: 0px; } .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page-modern #order_review .woocommerce-checkout-payment .payment_methods li label { font-size: var(--fs-basic); } /* ORDER RECEIVED: NOT LOGGED IN */ .woocommerce-order-received form.woocommerce-form.woocommerce-form-login.login p.form-row.form-row-first, .woocommerce-order-received p.form-row.form-row-last { width: 100% !important; float: left; } .woocommerce-order-received form.woocommerce-form.woocommerce-form-login.login input[type="password"], .woocommerce-order-received form.woocommerce-form.woocommerce-form-login.login input[type="text"] { width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; } .woocommerce-order-received form.woocommerce-form.woocommerce-form-login.login p.form-row.form-row-first, .woocommerce-order-received p.form-row.form-row-last { width: 100% !important; float: left; } .woocommerce-order-received form.woocommerce-form.woocommerce-form-login.login p.form-row.form-row-last label { padding-left: 0px; } /* ORDER RECEIVED: LOGGED IN */ body.woocommerce-cart-layout-modern .woocommerce .woocommerce-order .woocommerce-order-overview li { font-size: var(--fs-basic); } /* LOGIN POPUP */ #checkout-login-popup .form-row-last { margin-bottom: 0px; } body .woocommerce .checkout-login .login .form-row label, body .woocommerce .checkout-login .woocommerce-form-login.login .form-row .checkout-login-remember label { font-size: var(--fs-basic) !important; } /* POPUP ADD PRODUCT */ .thegem-popup-notification-wrap .thegem-popup-notification.cart .notification-message span.buttons a, .thegem-popup-notification-wrap .thegem-popup-notification.cart .notification-message span.buttons a:hover { width: 100% !important; display: block !important; margin: 0px !important; margin-top:10px !important; padding:20px; } /* FAILED PAYMENT */ #payment button#place_order { width:100%; } /* Winkeloverzicht */ .portfolio.extended-products-grid .portfolio-item.product .caption .title { font-size: 14px; line-height: 19px; margin-bottom: 5px !important; } .portfolio.extended-products-grid .portfolio-item.product .caption .product-price .price .amount { font-size: 12px; } .portfolio.extended-products-grid .portfolio-item.product .wrap > .caption { padding: 8px 5px 0px 5px; } .portfolio.extended-products-grid .product .onsale, .portfolio.extended-products-grid .product .new-label, .portfolio.extended-products-grid .product .out-of-stock-label, .product-gallery-labels .product-labels.style-5 .onsale, .product-gallery-labels .product-labels.style-6 .onsale, .product-gallery-labels .product-labels.style-5 .new-label, .product-gallery-labels .product-labels.style-6 .new-label, .product-gallery-labels .product-labels.style-5 .out-of-stock-label, .product-gallery-labels .product-labels.style-6 .out-of-stock-label { font-size: 7px; } .portfolio.extended-products-grid .portfolio-item.product .product-labels.style-3 .label { padding: 0px 7px 0px 7px; } /* Single product */ body.single-product .single-product-content-right { padding: 10px 0px !important; padding-bottom: 0px !important; } .product-page__wrapper { margin-top: 15px; } .single-product .owl-carousel .owl-nav button.owl-prev, .single-product .owl-carousel .owl-nav button.owl-next { height: 30px !important; width: 30px !important; padding: 10px !important; } .woo-variation-swatches .variable-items-wrapper .variable-item { padding: 10px 0px !important; font-size: 13px !important; } .vc_row.f_top { padding-top: 40px; } } @media only screen and (max-width: 480px) { /* CHECKOUT */ .woocommerce-checkout-one-page.woocommerce-checkout-one-page-modern .shop_table .product-name img.attachment-woocommerce_thumbnail { width: 35px; } .woocommerce .checkout .form-row #privacy_policy_field input[type="checkbox"] { margin-bottom: 0px; } .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper .checkbox-sign { margin-right: 4px; } .woocommerce-checkout-review-order-table .product-name .size-woocommerce_thumbnail { margin-right: 10px; } /* ACCOUNT: ORDERS */ .woocommerce-orders .gem-table-responsive .tabletolist .row_headers, .woocommerce-orders .gem-table-responsive .tabletolist .row_data { padding: 10px; } .woocommerce-orders a.woocommerce-button.button.view.gem-button.gem-wc-button { padding: 0px 10px !important; } } /***************** 2 AANPASSEN ***************/ /* GENERAL FONT */ .woocommerce-cart-layout-modern .gem-table thead, body.woocommerce-cart-layout-modern .woocommerce .shop_table thead tr th, .woocommerce-cart a, .woocommerce-cart bdi, body .woocommerce .cart_totals .includes_tax, body.woocommerce-cart-layout-modern .woocommerce .cart_totals table th, body .woocommerce .cart_totals table td .amount, body .woocommerce .cart_totals table tr.order-total td .amount, body.woocommerce-cart-layout-modern .woocommerce input[type="text"].coupon-code, .checkout-before-checkout-form .checkout-notice, .woocommerce .woocommerce-checkout-one-page #order_review, .woocommerce .woocommerce-checkout-one-page #order_review span, .woocommerce .woocommerce-checkout-one-page #order_review bdi, .woocommerce .woocommerce-checkout-one-page #order_review a, body .woocommerce .woocommerce-checkout .includes_tax, body .woocommerce .checkout .form-row label, body.woocommerce-page ul.woocommerce-error li, body .woocommerce .checkout-login .login .form-row label, body .woocommerce .checkout-login .woocommerce-form-login.login .form-row .checkout-login-remember label, .woocommerce-checkout-layout-one-page-modern #checkout-login-popup .lost_password, body .woocommerce .checkout-login .login .form-row .input-text, .woocommerce-checkout .form-row.create-account, .woocommerce .lost_reset_password p.form-row input, .woocommerce .lost_reset_password p, body.woocommerce-page ul.woocommerce-error li, body.woocommerce-page .woocommerce-message, body.woocommerce-page .woocommerce-info, body.woocommerce-page .woocommerce-message, body.woocommerce-page .woocommerce-info a, .woocommerce-account .block-content p, .woocommerce-account .block-content a, .woocommerce-account .block-content span, .woocommerce-account .block-content li, .woocommerce-account .block-content bdi, body.woocommerce-cart-layout-modern .woocommerce-empty-cart .woocommerce-empty-cart__text, body.woocommerce-page .woocommerce-notice--success, p.lost_password a, body.woocommerce-cart-layout-modern .woocommerce .order-details-column .cart_totals table td, body.woocommerce-cart-layout-modern .woocommerce .order-details-column .cart_totals table td, body .woocommerce .cart_totals .includes_tax span.amount, body.woocommerce-cart-layout-modern .woocommerce .woocommerce-order .shop_table tr td, .woocommerce-order-received ul.order_details li, .woocommerce-order-received .order-customer-details, .woocommerce-order-received .order-customer-details address, .woocommerce-MyAccount-orders td, .thegem-popup-notification-wrap .thegem-popup-notification, .woocommerce-message .cart-added .cart-added-button .button, .woocommerce-account .row.order-customer-details, .woocommerce-order-pay td, .woocommerce-order-pay tr, .woocommerce-order-pay th, ul.wc_payment_methods.payment_methods.methods li label, .woocommerce-order-pay p, .mobile-cart .mobile-cart-header .mobile-cart-header-title, .mobile-cart-position-top #site-header .mobile-cart .total strong, .mobile-cart-position-top #site-header .mobile-cart .total span.amount, .mobile-cart-position-top #site-header .mobile-cart ul li .quantity span.amount bdi, .mobile-cart-position-top #site-header .mobile-cart ul li .quantity, #primary-menu.nav-menu.no-responsive > li.menu-item-cart > .minicart ul li .quantity, #primary-menu.nav-menu.no-responsive > li.menu-item-cart > .minicart .total strong, #primary-menu.nav-menu.no-responsive > li.menu-item-cart > .minicart .total bdi, #primary-menu.nav-, menu.no-responsive > li.menu-item-cart > .minicart ul li, #primary-menu.nav-menu.no-responsive > li.menu-item-cart > .minicart ul li bdi { font-family: var(--f-een) !important; } .woocommerce-account .non_h1 p { font-family: var(--f-two) !important; } .mobile-cart-position-top #site-header .mobile-cart ul li .quantity span.amount bdi, .mobile-cart-position-top #site-header .mobile-cart ul li .quantity { font-weight: 500; color: black !important; font-size: var(--fs-basic); line-height: var(--lht-basic) !important; } /* WOOCOMMERCE TITELS */ body.woocommerce-cart-layout-modern .woocommerce .cart_totals-inner h3, .woocommerce .checkout.woocommerce-checkout-one-page-modern .woocommerce-billing-fields h3, .woocommerce-checkout-one-page.woocommerce-checkout-one-page-modern .order-review-inner h3, .woocommerce-additional-fields h3.light, .woocommerce-shipping-fields h3.light, .woocommerce-checkout-layout-one-page-modern #checkout-login-popup h3, body.woocommerce-cart-layout-modern .woocommerce-empty-cart .woocommerce-empty-cart__title, .woocommerce-account h3, .woocommerce-account .block-content h2 span, .woocommerce-order-received h3.woocommerce-order-details__title.light, .woocommerce-order-received .order-details-column h3 span, .woocommerce-order-received .order-customer-details h3 span, .woocommerce-order-received .col-xs-12.col-md-5.order-details-column h3, .woocommerce-account .order-customer-details h3 span.light { font-family: var(--f-een); font-weight: 500; color: var(--clr-one); font-size: var(--fs-een); line-height: var(--lhf-een); text-transform:none; margin-bottom:10px; } .woocommerce-order-received h3.woocommerce-order-details__title.light { margin-bottom: 20px; } body.woocommerce-cart-layout-modern .woocommerce .woocommerce-order .woocommerce-order-overview li { font-size: 16px; } /* BUTTONS */ .woocommerce-cart .submit-buttons button, .woocommerce .woocommerce-cart-form .actions .coupon button, body.woocommerce-cart-layout-modern .woocommerce .wc-proceed-to-checkout .checkout-button-button .checkout-button, .woocommerce .gem-button.gem-button-style-outline, .woocommerce .checkout .place-order #place_order, .woocommerce .shop_table tbody tr:last-child td a.woocommerce-button.button.view, .woocommerce .shop_table tbody tr td:last-child a, .woocommerce-orders a.woocommerce-button.button.view.gem-button.gem-wc-button, .thegem-popup-notification-wrap .thegem-popup-notification .notification-message span.buttons a, .woocommerce-order-pay .gem-button.gem-wc-button, .mobile-cart .mini-cart-view-cart a { border-radius: 10px !important; font-family: var(--f-een) !important; font-weight: 400; background-color: var(--clr-one) !important; padding: 10px 20px; color:var(--clr-light) !important; border: 1px solid var(--black) !important; font-size:15px !important; } .woocommerce-cart .submit-buttons button:hover, .woocommerce .woocommerce-cart-form .actions .coupon button:hover, body.woocommerce-cart-layout-modern .woocommerce .wc-proceed-to-checkout .checkout-button-button .checkout-button:hover, .woocommerce .gem-button.gem-button-style-outline:hover, .woocommerce .checkout .place-order #place_order:hover, .woocommerce .shop_table tbody tr:last-child td a.woocommerce-button.button.view:hover, .woocommerce .shop_table tbody tr td:last-child a:hover, .woocommerce-orders a.woocommerce-button.button.view.gem-button.gem-wc-button:hover, .thegem-popup-notification-wrap .thegem-popup-notification .notification-message span.buttons a:hover, .woocommerce-order-pay .gem-button.gem-wc-button:hover, .mobile-cart-position-top #site-header .mobile-cart .buttons .mini-cart-checkout .gem-button { background-color: transparent !important; color:var(--clr-dark) !important; border-radius: 10px !important; font-family: var(--f-een) !important; font-weight: 400; padding: 10px 20px; border: 1px solid var(--black) !important; } .mobile-cart-position-top #site-header .mobile-cart .buttons .mini-cart-checkout .gem-button { border:1px solid var(--black) !important; border-radius:10px !important; } .woocommerce .woocommerce-account-modern .checkout-login .checkout-login-button { margin-top:8px !important; } body .woocommerce .woocommerce-cart-form .actions .submit-buttons .update-cart button { margin-left: 0px; } .woocommerce-account .shop_table tbody tr td:last-child a, .woocommerce-orders a.woocommerce-button.button.view.gem-button.gem-wc-button, .woocommerce-account .shop_table tbody tr td:last-child a:hover, .woocommerce-orders a.woocommerce-button.button.view.gem-button.gem-wc-button:hover, .woocommerce-account .shop_table tbody tr:last-child td a.woocommerce-button.button.view:hover, .woocommerce-account .shop_table tbody tr td:last-child a:hover { padding: 0px !important; margin-top: 2.5px !important; margin-bottom: 2.5px !important; border:1px solid var(--black) !important; } .woocommerce-orders a.woocommerce-button.button.view.gem-button.gem-wc-button { margin-bottom: 2.5px !important; margin-top: 2.5px !important; } .woocommerce .shop_table tbody tr:last-child td:last-child a.woocommerce-button.button.view:hover, .woocommerce .shop_table tbody tr:last-child td:last-child a:hover { margin-top: 0px !important; margin-bottom: 0px !important; } /* AFREKENPAGINA: SAMENVATTING */ .woocommerce-cart-layout-modern .gem-table thead, body.woocommerce-cart-layout-modern .woocommerce .shop_table thead tr th, body.woocommerce-cart-layout-modern .woocommerce .cart_totals-inner, .woocommerce-orders .gem-table-responsive .tabletolist li:first-of-type { padding: 20px !important; } /**** WOOCOMMERCE TABLES *****/ /* WOOCOMMERCE BACKGROUND-COLORS */ body.woocommerce-cart-layout-modern .woocommerce .cart_totals-inner, .woocommerce-cart-layout-modern .gem-table thead, body.woocommerce-cart-layout-modern .woocommerce .shop_table thead tr th, body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-quantity .quantity, .woocommerce-account.woocommerce-orders .shop_table thead tr th, .woocommerce-orders .gem-table-responsive.gem-table-style-1 .tabletolist > li li:nth-child(even) span span, .woocommerce-orders .gem-table-responsive .tabletolist > li, .woocommerce-order-pay thead th { background: var(--clr-bg) !important; } body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-quantity .quantity, body.woocommerce-cart-layout-modern .woocommerce .cart_totals-inner { border-radius: 10px !important; } /* WOOCOMMERCE TABLE TITLE FONTS */ .woocommerce-cart-layout-modern .gem-table thead, body.woocommerce-cart-layout-modern .woocommerce .shop_table thead tr th, body .checkout .shop_table .product-name .product-title, body .checkout .shop_table .product-name .product-title a, .woocommerce-order-pay thead th { font-weight:500 !important; text-transform: none !important; } body.woocommerce-cart-layout-modern .woocommerce .shop_table tbody tr.cart_item td, body.woocommerce-cart-layout-modern .woocommerce .woocommerce-order .shop_table tr td, body.woocommerce-cart-layout-modern .woocommerce .woocommerce-MyAccount-content .shop_table tr td, body.woocommerce-cart-layout-modern .woocommerce table.shop_table_responsive.shop_table.woocommerce-cart-form__contents tbody tr + tr, .woocommerce-account.woocommerce-orders .gem-table-style-1 tr:nth-child(even) td { border-color: var(--clr-bg) !important; } /* WOOCOMMERCE INPUT FIELDS */ body.woocommerce-cart-layout-modern .woocommerce input[type="text"].coupon-code, .woocommerce-checkout-layout-one-page-modern .woocommerce input[type="text"].coupon-code, body .woocommerce .checkout-login .login .form-row .input-text, .woocommerce .lost_reset_password p.form-row input, body .woocommerce .edit-address-form .form-row .input-text, body .woocommerce .my-account-signup .register .form-row .input-text, .woocommerce-checkout-one-page .input-text, #page .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered, form.woocommerce-form.woocommerce-form-login.login input[type="text"], form.woocommerce-form.woocommerce-form-login.login input[type="password"] { background-color: var(--clr-bg) !important; font-family: var(--f-een) !important; border-radius: 0px !important; color:var(--clr-dark) !important; border:none !important; border-radius:10px !important; } /* CHECKOUT: SAMENVATTING + FAILED PAYMENT PAYBLOCK */ .order-review-inner.default-background, .woocommerce-order-received .col-xs-12.col-md-5.order-details-column, div#payment { background-color: var(--clr-bg) !important; padding: 20px !important; border-radius:10px !important; } /* CHECKOUT: ERROR */ body.woocommerce-page ul.woocommerce-error li, body.woocommerce-page .woocommerce-message, body.woocommerce-page .woocommerce-info, body.woocommerce-page .woocommerce-message, body.woocommerce-page .woocommerce-info a, body.woocommerce-page .woocommerce-notice--success { color: var(--clr-light); } body.woocommerce-page ul.woocommerce-error, body.woocommerce-page .woocommerce-message, body.woocommerce-page .woocommerce-info, body.woocommerce-page .woocommerce-notice--success { background: var(--clr-one) !important; margin-bottom: 20px !important; border-radius: 10px !important; } /* CHECKOUT: SAMENVATTING: LIJNEN */ .woocommerce-checkout-one-page.woocommerce-checkout-one-page-modern #order_review table tbody td, body .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .payment_methods li { border-color: var(--clr-light) !important; } /* CHECKOUT: INPUT FIELD: LANGUAGE */ .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected], .combobox-wrapper, #page .woocommerce .select2-container .select2-selection--single { background-color: var(--clr-bg) !important; color: var(--clr-dark) !important;; } /* CHECKOUT: CHECKBOX COLOR */ .woocommerce .checkout .form-row #privacy_policy_field input[type="checkbox"]:before { background: var(--clr-light) !important; border: 3px solid var(--clr-light); } .woocommerce .checkout .form-row #privacy_policy_field input[type="checkbox"]:checked:before, .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper .checkbox-sign.checked:before, .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page-modern #order_review .woocommerce-checkout-payment .payment_methods .radio-sign.checked:before, .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page-modern .thegem-te-checkout-payment .woocommerce-checkout-payment .payment_methods .radio-sign.checked:before { background-color: var(--clr-one) !important; } /* CREATE ACCOUNT CHECK */ .woocommerce .checkout-login-remember .checkbox-sign, .woocommerce .checkout.woocommerce-checkout-one-page-modern .checkbox-sign { background: var(--clr-bg) !important; border: 3px solid var(--clr-bg); } .woocommerce-order-pay #payment .radio-sign { background: var(--clr-bg) !important; border: 3px solid var(--clr-light); } .woocommerce .checkout-login-remember .checkbox-sign.checked:before, .woocommerce .checkout.woocommerce-checkout-one-page-modern .checkbox-sign.checked:before{ background: var(--clr-one) !important; border: 3px solid var(--clr-bg); } .woocommerce-order-pay #payment .radio-sign:before, #payment .checkbox-sign.checked:before { background: var(--clr-one) !important; border: 3px solid var(--clr-light); } /* MIJN ACCOUNT MENU */ nav.woocommerce-MyAccount-navigation.widget_nav_menu ul.menu { border: none; background: var(--clr-bg); padding: 20px; border-radius: 10px; } nav.woocommerce-MyAccount-navigation.widget_nav_menu ul.menu a:hover { color: var(--clr-one); }