.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {background: #00C45E url(../images/icon-arrow-right.svg) no-repeat right 18px center; background-size: 8px; color: #fff; border-radius: 2px; font-size: 16px} .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {background-color: #00B456; color: #fff} .woocommerce ul.products li.product .onsale { top: -15px; margin:0; position: absolute; border-radius: 3px; font-family: 'Inter Tight', sans-serif; font-size: 14px; padding: 0 10px 0 10px; line-height: 26px; right: 0; min-height: auto; color: #fff; background-color: #ff6c00; z-index: 3} /*.woocommerce ul.products li.product .onsale::after {content: '';position: absolute;width: 0;height: 0;border-top: 13px solid transparent;border-right: 10px solid #ff6c00;border-bottom: 13px solid transparent;z-index:1;left: -10px;top: 0;}*/ .woocommerce ul.products li.product .onsale.back2school {color: #670d77; font-weight: 700; display: block; width: 60px; height: 60px; background-color: transparent; background: url('../images/badge-back2school.png') center center; background-size: cover; overflow: hidden; text-indent: -999px; margin: 5px; padding:0; top: 5px; z-index: 2} .woocommerce ul.products li.product .onsale.back2school::after {display: none;border:0} .woocommerce ul.products li.product .onsale.bestseller {background: #4199F2} .woocommerce ul.products li.product .onsale.bestseller::after{border-right-color: #4199F2} .woocommerce ul.products li.product .onsale.outlet {background: #12d386} .woocommerce ul.products li.product .onsale.outlet::after{border-right-color: #12d386} /* .woocommerce ul.products li.product .onsale.cybermonth {display: block; width: 60px; height: 60px; background-color: transparent; background: url('../images/badge-cybermonth.png') center center; background-size: cover; overflow: hidden; text-indent: -999px; margin: 5px; padding:0; top: -15px; z-index: 2} .woocommerce ul.products li.product .onsale.cybermonth::after {display: none;border:0} */ #payment .payment_methods li.wc_payment_method > input[type="radio"]:first-child, #payment .payment_methods li.woocommerce-PaymentMethod > input[type="radio"]:first-child, #shipping_method > li > input[type="radio"]:first-child {clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);position: absolute !important; width: auto} body #payment .payment_methods > .wc_payment_method > label::before, body #payment .payment_methods > .woocommerce-PaymentMethod > label::before, ul#shipping_method li label::before {top: 3px;width: 12px;height: 12px;box-shadow: 0 0px 2px rgba(0, 0, 0, 0.8);background-color: #fff;display: inline-block;position: relative;margin-right: 0.5407911001em;border-radius: 50%;border: 3px solid #fff; content: "";box-sizing: content-box;} #shipping_method > li > input[type="radio"]:first-child:checked + label::before, #payment .payment_methods li.wc_payment_method > input[type="radio"]:first-child:checked + label::before {background-color: #00C45E;} html .woocommerce-shipping-totals input[type="radio"].shipping_method + label {font-weight: 500} .woocommerce form .form-row .input-checkbox, .site-content [type="checkbox"] {display: inline-block; appearance: checkbox; width: 18px; margin: -2px 0 0 0; height: auto} .woocommerce .price ins {text-decoration: none} /* Opmaak categorie */ .tax-product_cat #secondary.widget-area {} .tax-product_cat #secondary.widget-area #sidebar {padding: 15px; border: 1px solid #E8EAEE; margin-top: 15px; border-radius: 5px} .tax-product_cat #secondary.widget-area a.banner-keuzehulp {margin-top: 10px} .tax-product_cat #secondary .widget {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #E8EAEE;} .tax-product_cat #secondary .woocommerce-widget-layered-nav-list {overflow: auto; overflow-x: hidden; max-height: 250px} .tax-product_cat #secondary .widget {margin-bottom: 15px; padding-bottom: 15px} .tax-product_cat #secondary .widget a {color: #222} .tax-product_cat #secondary .woocommerce-widget-layered-nav-list .wc-layered-nav-term {display: block; padding-left: 25px; position: relative;} .tax-product_cat #secondary .woocommerce-widget-layered-nav-list .wc-layered-nav-term a {font-weight: 600;font-size: 13px; text-decoration: none} .tax-product_cat #secondary .woocommerce-widget-layered-nav-list .wc-layered-nav-term a::before {width: 16px;height: 16px;line-height: 16px;border: 1px solid #ddd;background: #fff;border-radius: 3px;content: " ";margin: 0;text-align: center;position: absolute; left:0; top: 6px; color: #3bb54a;} .tax-product_cat #secondary .woocommerce-widget-layered-nav-list .wc-layered-nav-term.chosen a::before {content: url(../images/icon-check.svg) } .tax-product_cat #secondary .woocommerce-widget-layered-nav-list .count {font-size: 12px; opacity: .6;} #secondary.widget-area .widget ul:not(.woocommerce-widget-layered-nav-list) {padding:0; margin: 0} #secondary.widget-area .widget ul:not(.woocommerce-widget-layered-nav-list) li.chosen {display: inline-block; margin: 0 5px 10px 0} #secondary.widget-area .widget ul:not(.woocommerce-widget-layered-nav-list) li.chosen a {position: relative; padding: 6px 20px 6px 8px; border-radius: 5px; background: #5dccf9; color: #fff; font-weight: 500; font-size: 13px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;max-width: 200px; text-decoration: none} #secondary.widget-area .widget ul:not(.woocommerce-widget-layered-nav-list) li.chosen a:hover {background: #01aef3;} #secondary.widget-area .widget ul:not(.woocommerce-widget-layered-nav-list) li.chosen a::after {position: absolute; right: 8px; top: 4px; color: #c8effe; content: 'x'} #secondary.widget-area .widget ul:not(.woocommerce-widget-layered-nav-list) li.chosen a:hover::after {content: '-'} .woocommerce .woocommerce-result-count {line-height: 40px; font-size: 14px; } /* Filter plugin */ .woocommerce .bapf_lcontainer {width: 48px; height: 48px} #secondary.widget-area .berocket_single_filter_widget {border-bottom: 1px solid #E8EAEE; border-bottom: 1px solid #DEE1E6;margin-bottom: 15px; padding: 0 15px; position: relative} #secondary.widget-area .berocket_single_filter_widget:last-child{border-bottom: 0; margin-bottom: 0} #secondary.widget-area .bapf_sfilter {margin-bottom: 15px} #secondary.widget-area .bapf_head h3 {font-size: 16px; margin-bottom: 10px} #secondary.widget-area .bapf_ckbox ul li {position: relative; padding-left: 24px !important; margin-bottom: 1px !important} #secondary.widget-area .bapf_ckbox label {font-size: 14px;} #secondary.widget-area .bapf_ckbox input[type="checkbox"] {border: 1px solid #E8EAEE; border-radius: 5px; background: #fff; width: 18px; height: 18px;margin: 0; position: absolute; top:5px; left: 0} #secondary.widget-area .bapf_ckbox input[type="checkbox"]:checked::after {border-color: #00C45E; width: 6px; left: 5px; top: 1px} #secondary.widget-area .bapf_slidr_all {padding: 10px 10px 0 10px} #secondary.widget-area .bapf_slidr_all .ui-slider-handle {background: #ff6c00; border: 6px solid #fff; box-shadow: 0 0 0 2px #ff6c00; width: 16px; height: 16px; top: -6px} #secondary.widget-area .bapf_slidr_all .ui-slider-range {background: #ff6c00} #secondary.widget-area .bapf_slidr_all .bapf_from, #secondary.widget-area .bapf_slidr_all .bapf_to {font-weight: 600; } #secondary.widget-area .bapf_slidr_all input {padding: 0 5px; width: 60%; text-align: center; font-size: 14px} #secondary.widget-area .roundpcs {font-size: 14px; } #secondary.widget-area .bapf_sfa_inline .berocket_aapf_widget_selected_area {font-size: 14px; } #secondary.widget-area .bapf_sfa_inline .berocket_aapf_widget_selected_area .bapf_sfa_taxonomy::after {content: "";clear: both;display: table;} #secondary.widget-area .bapf_sfa_inline .berocket_aapf_widget_selected_filter li a.braapf_unselect {color: #313131; display: block; font-weight: 500; padding-right: 25px; background: url('../images/icon-close-filter.svg') top 8px right no-repeat; background-size: 10px} #secondary.widget-area .bapf_sfa_inline .berocket_aapf_widget_selected_filter span {display: block; float: left; width: 30%; height: 24px; overflow: hidden} #secondary.widget-area .bapf_sfa_inline .berocket_aapf_widget_selected_filter ul {display: block; float: right; width: 70%} #secondary.widget-area .bapf_sfa_inline .berocket_aapf_widget_selected_filter li {margin: 0 !important; width: 100%} #secondary.widget-area .bapf_sfa_inline .berocket_aapf_widget_selected_filter ul.bapf_sfa_unall {position: absolute; top: -2px; right: 0; width: auto} #secondary.widget-area .bapf_sfa_inline .berocket_aapf_widget_selected_filter ul.bapf_sfa_unall a {color: #515151; text-decoration: underline} #secondary.widget-area .bapf_sfa_inline .berocket_aapf_widget_selected_filter ul.bapf_sfa_unall a:hover {color: #333} #secondary.widget-area .bapf_srch button.bapf_search {line-height: 1; height: 40px; font-size: 14px} .woocommerce .woocommerce-result-count {font-size: 14px; } /*.woocommerce .woocommerce-products-header { border-bottom: 1px solid #DEE1E6;}*/ .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering {background: #F3F5F9; padding: 5px 15px; line-height: 60px; margin: 5px 0 20px 0;} .tax-product_cat #primary ul.products li.product:not(.product-category) {box-shadow: none; padding: 20px;display:flex;/*align-items: center;*/flex-direction: row;flex-wrap: nowrap;border: 1px solid #E8EAEE; border-radius: 5px; margin: 0 0 20px 0; float: none} .tax-product_cat #primary ul.products .product:first-child {border-top: 1px solid #DEE1E6; padding-top: 15px} .tax-product_cat #primary ul.products .product .woocommerce-image__wrapper {width: 225px} .tax-product_cat #primary ul.products .product .woocommerce-LoopProduct-link {flex: 0 0 225px; width: 225px; position: relative; margin: auto;} .tax-product_cat #primary ul.products .product .woocommerce-LoopProduct-link img {margin: 0} .tax-product_cat #primary ul.products .product .product-list-content {flex: 1 1 auto; padding-left: 30px;} .tax-product_cat #primary ul.products .product .product_loop_bar {background: #F3F5F9;padding: 7px 7px 7px 15px; border-radius:5px;color: #7b7b7b;display: flex;align-items: center;justify-content: space-between;} .tax-product_cat #primary ul.products .product .product_loop_stock {width: 215px} .tax-product_cat #primary ul.products .product .product_loop_price {padding: 0 5px; display: flex; align-items: center} .tax-product_cat .below-woocommerce-category {padding: 0 30px;} .tax-product_cat .below-woocommerce-category h2 {margin: 10px 0 5px 0; font-size: 20px} .tax-product_cat .below-woocommerce-category ul {list-style: disc; margin: 15px} .tax-product_cat .term-description a, .tax-product_cat .below-woocommerce-category a {text-decoration: underline} html .woocommerce .product-usp-bar {font-weight: 400; font-size: 13px;text-align: center; width: 100%;} html .woocommerce .product-usp-bar ul {background: #FCEBC7; padding: 15px;margin: 0 0 20px 0; display: block} html .woocommerce .product-usp-bar ul li {display: inline-block; margin: 0 50px 0 0} html .woocommerce .product-usp-bar ul li:last-child {margin-right: 0} /*html .woocommerce .product-usp-bar ul span {font-weight: 600; color: #313131}*/ html .woocommerce .product-usp-bar ul i {color: #2b9b21; margin-left: 15px} ul.flex-direction-nav {top: 200px; margin: 0} #sendcloudshipping_service_point_select {padding: 10px;font-weight: 500;border-radius: 5px;} /* Cart */ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {font-weight: 500} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background: none} body.woocommerce-cart .woocommerce .cart_totals {width: auto; float: none} body.woocommerce-cart .woocommerce:after , body.woocommerce-checkout .woocommerce:after{display: block;clear: both;content: ""; height: 30px} body.woocommerce-cart .woocommerce table.shop_table, body.woocommerce-checkout .woocommerce table.shop_table {border: 0; padding: 0; border-spacing: 0} body.woocommerce-cart .woocommerce table.shop_table thead, body.woocommerce-checkout .woocommerce table.shop_table thead {display: none} body.woocommerce-cart .woocommerce table.shop_table tbody .product-price {display: none} body.woocommerce-cart .woocommerce table.shop_table tbody .product-thumbnail img {width: 120px} body.woocommerce-cart .woocommerce table.shop_table tbody .product-name a {color: #222; text-decoration: none; font-weight: 600} body.woocommerce-cart .woocommerce table.shop_table tbody .product-name .variation {margin:0; font-size: 13px; color: #555} body.woocommerce-cart .woocommerce table.shop_table tbody td {border:0} body.woocommerce-cart .woocommerce table.shop_table tbody td.actions {padding: 0} body.woocommerce-cart .woocommerce table.shop_table tbody td.actions .button {padding: 15px; background: #DEE1E6} body.woocommerce-cart .woocommerce table.shop_table th {padding: 15px} body.woocommerce-cart .woocommerce .cart-collaterals h2 {display: none} body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table {border: 1px solid #e2e2e2;background-color: #F4F5F8; padding: 0; border-radius: 5px} body.woocommerce-cart .woocommerce table.shop_table .cart-subtotal th {width: 50%} body.woocommerce-cart .woocommerce .shop_table tr.shipping td, body.woocommerce-cart .woocommerce .shop_table tr.shipping th {display: block; width: 200%;background-color: #F4F5F8; padding: 5px 15px 5px 15px;} body.woocommerce-cart .woocommerce .shop_table tr.shipping th {padding-top: 15px} body.woocommerce-cart .woocommerce .cart-collaterals .order-total td {border-top: 1px solid #e2e2e2} body.woocommerce-cart .woocommerce table.shop_table .cart-subtotal td, body.woocommerce-checkout .woocommerce table.shop_table .product-total {width: 50%; text-align: right; vertical-align: middle} body.woocommerce-cart #content table.cart td.actions input#coupon_code {width: 200px; height: 44px;text-align: left} .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {border: none} .woocommerce table.shop_table tfoot td {font-weight: inherit;} body .cart_totals table.shop_table_responsive tr td, table.shop_table_responsive tbody tr td.product-subtotal {text-align: right;} .woocommerce table.shop_table tr.shipping td {text-align: left;} .cart-collaterals .cart_totals small.includes_tax, .woocommerce-checkout-review-order-table tfoot td small.includes_tax {font-weight:400;display: block; font-size: 12px} .cart_totals .shop_table tr.order-total td, .cart_totals .shop_table tr.order-total th {font-size: 18px;font-weight: 600;} .checkout-installatie-service p{margin: 0} .checkout-installatie-service p:first-child{margin-top: 10px; font-size: 14px; color: #555} div.checkout-installatieaanhuis {border: 1px solid #e2e2e2; background: #FCEBC7; margin: 30px 0 15px 0; padding: 15px 15px 0 15px; border-radius: 2px} div.checkout-installatieaanhuis a {text-decoration: underline} .woocommerce-cart #wc-proceed-to-checkout-fixed {position: sticky; width: 100%; bottom: 0; margin: 0; padding: 10px; background: #fff; border-top: 1px solid #DEE1E6; display: none} .woocommerce-cart #wc-proceed-to-checkout-fixed a.checkout-button { padding: 14px} /* Checkout */ body.woocommerce-checkout .top-bar, body.woocommerce-checkout .primary-navigation, body.woocommerce-checkout .breadcrumb, body.woocommerce-checkout .site-search, body.woocommerce-checkout .site-header-cart, body.woocommerce-checkout .below-content, body.woocommerce-checkout .site-footer, body.woocommerce-checkout header.site-header .site-branding button.menu-toggle, #trengo-web-widget, body.woocommerce-checkout header div.yith-woocompare-counter.visible, body.woocommerce-checkout header.site-header .site-header-cart {display: none} body.woocommerce-checkout header.site-header .site-branding {justify-content: center;} body.woocommerce-checkout #masthead {padding: 9px 0} body.woocommerce-checkout .copyright {border-top: 1px solid #DEE1E6} body.woocommerce-checkout .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-2 {float: none; width: auto} body.woocommerce-checkout .woocommerce-info {margin: 0 0 10px;padding: 0;border: 0;color: #222;background: 0 0;} body.woocommerce-checkout .woocommerce-info::before {display: none} body.woocommerce-checkout .woocommerce table.shop_table .left_part {display:inline-block; width: 50%; font-weight: 600} body.woocommerce-checkout .woocommerce table.shop_table .right_part {display:inline-block; width: 45%; text-align: right; float: right} body.woocommerce-checkout .woocommerce table.shop_table .cart_item td {padding: 15px 0; border-bottom: 1px solid #e2e2e2; border-top: 0; font-weight: 600; vertical-align: top;} body.woocommerce-checkout .woocommerce table.shop_table .cart_item td .product-name {display: inline-block; width: 70%;} body.woocommerce-checkout .woocommerce table.shop_table .cart_item td .product-total {display: inline-block; width: 25%; float: right} body.woocommerce-checkout .woocommerce table.shop_table .cart_item td .variation {font-weight: 500; margin:0; font-size: 13px; color: #555} body.woocommerce-checkout .woocommerce table.shop_table .cart_item td .variation dt, body.woocommerce-checkout .woocommerce table.shop_table .cart_item td .variation dd {display: inline-block; margin: 0;} body.woocommerce-checkout .woocommerce table.shop_table .cart_item td .variation dt {display: none} body.woocommerce-checkout .woocommerce table.shop_table .cart_item td .variation dd:after {content: ' - '} body.woocommerce-checkout .woocommerce table.shop_table .cart_item td .variation dd.variation-Besturingssysteem:after {content:''} body.woocommerce-checkout .woocommerce table.shop_table .cart_item td .variation p {margin:0; display: inline-block} body.woocommerce-checkout .woocommerce table.shop_table .cart_item:last-child td {border-bottom:0; padding-bottom: 30px} body.woocommerce-checkout .woocommerce .cart-subtotal th, body.woocommerce-checkout .woocommerce .cart-subtotal td {background-color: #F4F5F8; border: 1px solid #e2e2e2 } body.woocommerce-checkout .woocommerce .cart-subtotal td {border-top-left-radius: 2px; border-top-right-radius: 2px} body.woocommerce-checkout .woocommerce .woocommerce-shipping-totals h6{padding: 10px 0 5px 0} body.woocommerce-checkout .woocommerce .woocommerce-shipping-totals th, body.woocommerce-checkout .woocommerce .woocommerce-shipping-totals td {display: block; background-color: #F4F5F8; border: 1px solid #e2e2e2; border-top: 0; border-bottom: 0; padding: 15px;} body.woocommerce-checkout .woocommerce .woocommerce-shipping-totals td {padding-top: 0} body.woocommerce-checkout .woocommerce .order-total th, body.woocommerce-checkout .woocommerce .order-total td {background-color: #F4F5F8; border: 1px solid #e2e2e2 } body.woocommerce-checkout .woocommerce .order-total td {border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; font-size: 16px} body.woocommerce-checkout .sc-service-point-delivery {--sc-service-point-card-width: 100% !important} body.woocommerce-checkout .woocommerce textarea {height: 120px} body.woocommerce-checkout #payment ul.payment_methods li input {border: 1px solid #333;padding: 5px; width: 100%; background: #fff; height: 32px;} html ul#shipping_method li .sc-service-point-delivery label::before {display: none} body.woocommerce-checkout .checkout-postnl-achteraf-service {margin: 15px 0; padding: 15px 15px 0 15px; background: #fff; border: 1px solid #e2e2e2; color: #ff6c00} .woocommerce-cart #payment ul, .woocommerce-checkout #payment ul {background: #F4F5F8; border: 1px solid #e2e2e2; border-radius: 2px} #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {font-weight: 500} #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {max-width: 24px} #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {border-bottom-color: #fff} #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {background-color: #fff} .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {display: flex;align-items: center;justify-content: center; float: none; line-height: 52px; height: 52px; width: 100%;} .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {padding: 15px 0; background :#fff} .woocommerce-checkout .woocommerce-privacy-policy-text {font-size: 13px} .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p.form-row {color: #000; margin-bottom: 0; font-weight: 600} .woocommerce-checkout .woocommerce-checkout #ws_opt_in_field { margin-bottom: 15px; padding: 3px} body #payment .place-order .button::before {content: "";display: inline-flex;width: 20px;height: 20px;margin-right: 8px; background-color: #fff;-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M20 12c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5S7 4.243 7 7v3H6c-1.103 0-2 .897-2 2v8c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-8zM9 7c0-1.654 1.346-3 3-3s3 1.346 3 3v3H9V7z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;} body.woocommerce-checkout .woocommerce-error, body.woocommerce-checkout .woocommerce-message {clear: both} body.woocommerce-checkout .woocommerce-form-coupon-toggle {display: inline-block} body.woocommerce-checkout form .form-row .input-text, body.woocommerce-checkout form .form-row select {border: 1px solid #e2e2e2; border-radius: 2px; height: 40px } body.woocommerce-checkout form .form-row textarea.input-text {height: auto} body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {border: 1px solid #e2e2e2; border-radius: 2px; margin: 15px 0 30px 0; padding: 10px 15px 0 15px} /* Product pagina */ .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {float: none; width: 100%} #page div.product .woocommerce-product-gallery {text-align: center; padding: 0 60px 0 60px; margin-bottom: 0} #page div.product .woocommerce-product-gallery .flex-control-thumbs li {border: 1px solid #D7DBDE; border-radius: 5px; padding: 10px; margin: 0 5px; float: none; display: inline-block; width: auto;} #page div.product .woocommerce-product-gallery .flex-control-thumbs li img {width: 70px} .woocommerce div.product div.images .woocommerce-product-gallery__trigger {z-index: 2} /*#page div.product .compare-button {position: absolute; top: 0; right: 0}*/ #page div.product .compare-button {text-align: center} #page div.product .compare-button a {padding:0 20px; line-height: 46px; margin: 0; font-weight: 400; font-size: 14px; display: inline-block; background: #fff; color: #000; border: none; float: none; text-align: center; margin-bottom: 15px} #page div.product .compare-button a span{ text-decoration: underline;} #page div.product .compare-button a::before {content: url(../images/icon-compare.svg);margin-right: 4px; width:18px; display: inline-block; position: relative; top: 4px} /*#page div.product .compare-button a.added::before {content: ''; width: 0}*/ .woocommerce a.button.added::after {display: none} #page div.product .compare-button a:hover {color: #313131} #page div.product .entry-summary .compare.button {display: none} #page div.product #snel-naar-balk {text-align: center; border-top: 1px solid #DEE1E6; border-bottom: 1px solid #DEE1E6; line-height: 50px; margin-bottom: 30px} #page div.product #snel-naar-balk a{font-family: 'Inter Tight'; color: #313131; margin: 0 15px; font-size: 15px} #page div.product #snel-naar-balk a:hover {text-decoration: underline} body.single-product .woocommerce-notices-wrapper .woocommerce-error {position: fixed; bottom: 20px; right: 20px; z-index: 9; margin: 0; color: #fff; background: #e2401c; max-width: 400px; padding: 15px; width: calc(100% - 40px); box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.15); } body.single-product.sticky-add-to-cart-visible .woocommerce-notices-wrapper .woocommerce-error {bottom: 90px} body.single-product .woocommerce-notices-wrapper .woocommerce-error a, body.single-product .woocommerce-notices-wrapper .woocommerce-error::before {display: none} body.single-product .sticky-add-to-cart {z-index: 9;position: fixed;border-top: 1px solid #DEE1E6;display: block;overflow: hidden;bottom: -300px;right: 0;left: 0;padding: 15px 0;background-color: #fff;font-size: 15px;transition: all 0.45s;box-shadow: 5px 0 5px 0 rgba(27, 31, 35, 0.1);} body.single-product.sticky-add-to-cart-visible .sticky-add-to-cart{bottom:0} body.single-product.sticky-add-to-cart-visible .TrengoWidgetLauncher__iframe{bottom:100px} body.woocommerce-checkout .TrengoOnlineStatus__iframe {display: none} .single-product.sticky-add-to-cart-visible .TrengoWidgetLauncher__iframe {bottom: 100px} .single-product.sticky-add-to-cart-visible .TrengoWidgetGreeter__iframe {bottom: 168px} .single-product.sticky-add-to-cart-visible .TrengoOnlineStatus__iframe {bottom: 88px} .single-product.sticky-add-to-cart-visible .TrengoWidgetBadge__iframe {bottom: 145px} .single-product.sticky-add-to-cart-visible .TrengoOnlineStatus__iframe {bottom: 88px} .single-product.sticky-add-to-cart-visible .TrengoWidgetPanel__iframe {bottom: 190px !important} .single-product.sticky-add-to-cart-visible .trengo-shadow {bottom: 75px;} body.single-product .sticky-add-to-cart .sticky-add-to-cart-title {display: block;padding-right: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;min-width: 0; flex: 1;} body.single-product .sticky-add-to-cart .sticky-add-to-cart-button {min-width: 200px} body.single-product #page div.product .cart .sticky-add-to-cart .single_add_to_cart_button {padding: 3px 30px 5px 20px; background-position: right 10px center; height: auto; font-size: 14px; font-weight: 600; width: auto; min-width: auto;} body.single-product #page div.product .cart .sticky-add-to-cart .single_add_to_cart_button::before {display: none} body.single-product #page div.product .cart .sticky-add-to-cart .price {font-size: 18px;color: #313131; margin-right: 15px; font-weight: 600} body.single-product #page div.product .cart .sticky-add-to-cart .price del {font-size: 14px; text-decoration: line-through} body.single-product #page div.product .cart .sticky-add-to-cart a.added_to_cart {display: none} /*.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {float: none}*/ #page div.product .summary form.cart {padding: 30px 30px 0 30px; border: 1px solid #DEE1E6; border-radius: 2px} #page div.product .product_h1 {position: relative} #page div.product .product_h1 h1 {display: inline-block; max-width: calc(100% - 200px)} #page div.product .product_h1 .staat_label {cursor: pointer; user-select: none;position: absolute; display: inline-block; background: #fff url('../images/icon-info-green.svg') no-repeat right 7px center; background-size: 13px; border: 1px solid #00C45E; border-radius: 5px; color: #00C45E; font-size: 12px; font-weight: 600; line-height: 26px; right: 0; top: 5px; padding: 0 26px 0 7px} /*#page div.product .product_h1 .staat_label::after {content: '';position: absolute;width: 0;height: 0;border-top: 16px solid transparent;border-right: 10px solid #4099F2;border-bottom: 16px solid transparent;z-index: 1;left: -10px;top: 0}*/ #page div.product .product_h1 .staat_label:hover {background-color: #f2f7f4;} /*#page div.product .product_h1 .staat_label:hover::after {border-right-color: #3184d7}*/ #page div.product .product_gebruik span {font-weight: normal; font-size: 13px; display: inline-block; padding: 3px 8px; border: 1px solid #DEE1E6; border-radius: 15px; margin: 0 3px 6px 0} #page div.product #h2-bestellen {margin-bottom: 25px; margin-top: -5px; font-size: 20px; background: url('../images/icon-cart.svg') left center no-repeat; background-size: 20px; padding-left:26px} #page div.product .cart-wrapper p.nieuwprijs {margin:0 0 5px 0;color: #ff6c00; font-size: 14px} #page div.product .cart-wrapper p.price {font-family: 'Inter Tight', serif; font-weight: normal; display: inline-block; margin-bottom: 0; float: none; line-height: 1.25} #page div.product .cart-wrapper p.price .amount {color: #313131;font-size: 36px;} /* #page div.product .cart-wrapper p.price del {color: #999; text-decoration: none;position: relative; margin: 0} #page div.product .cart-wrapper p.price del::before {position: absolute;content: "";left: 0;top: 50%;right: 0;border-top: 1px solid;border-color: inherit;transform:rotate(-10deg);}*/ #page div.product .cart-wrapper p.price del .woocommerce-Price-amount {font-size: 18px; color: #A3A3A3; font-family: 'Inter', sans-serif; text-decoration: line-through;} #page div.product .cart-wrapper .product_price_extra.with_vat {line-height: 20px; top: 4px} #page div.product .cart-wrapper .product_price_excl_vat {font-size: 12px; color:#555; font-weight: 500;} #page div.product .cart-wrapper .product_price_month {display: inline-block;font-size: 13px; color:#3e3e3e; } #page div.product .cart-wrapper .product_price_month span {font-weight: 600} #page div.product .cart-wrapper p.stock {font-family: 'Inter Tight', serif; font-size: 14px; border: 0; padding: 0; margin:0 0 10px 0; display: inline-block} #page div.product .cart-wrapper p.stock span {display: none} #page div.product .cart-wrapper p.stock.in-stock {color: #00ca55; padding-left: 10px; background: url('../images/icon-open.svg') left center no-repeat; background-size: 5px; } #page div.product .cart-wrapper p.stock.in-stock.scarce {color: #FF650E; background-image: url('../images/icon-circle-orange.svg')} #page div.product .cart-wrapper p.stock.out-of-stock {font-size: 15px} #page div.product .cart {margin: 0; padding: 0} /* Custom radio buttons and select */ #page div.product .wapf-wrapper .wapf-label-text {max-width: 100%} #page div.product .wapf-wrapper {width: calc(100% + 30px); margin: -25px -15px 0 -15px; padding: 15px} #page div.product .optie-wrapper {width: calc(100% + 60px) !important; margin: 0 -30px; padding: 0 30px 15px 30px;} #page div.product .wapf-field-container {padding: 0; position: relative} #page div.product .optie-wrapper .wapf-field-container select {background-color: #fff; font-size: 13px; font-weight: 600; box-shadow: none; border-radius:5px} #page div.product .wapf-wrapper .wapf-input-label {user-select: none;} #page div.product .wapf-wrapper .wapf-field-label {margin-bottom: 5px} #page div.product .wapf-wrapper .wapf-field-label label {font-weight: 400; font-size: 14px} #page div.product .wapf-wrapper .wapf-radios .wapf-checkable {display: inline-block ; margin-right: 10px; margin-bottom: 10px} #page div.product .wapf-wrapper .wapf-radios .wapf-label-text {padding: 0; } #page div.product .wapf-wrapper .wapf-pricing-hint {display: block; font-weight: 400; font-size: 12px} #page div.product .wapf-wrapper .wapf-radios input[type="radio"] {opacity: 0;position: fixed;width: 0;} #page div.product .wapf-wrapper .wapf-radios label {display: inline-block;user-select: none;background: #fff;padding: 6px 12px;font-size: 13px; font-family: 'Inter Tight'; color: #313131; font-weight: bold;border: 1px solid #DEE1E6;border-radius: 5px; text-align: center; line-height: 1.4; display: flex; align-items: center; height:46px} #page div.product .wapf-wrapper .wapf-radios .wapf-checked label {background:#F4F5F8;border-color: #0058FF;} #page div.product .wapf-wrapper .wapf-radios label:hover {background: #F4F5F8; border-color: #DEE1E6} #page div.product .wapf-wrapper .wapf-field-p label {opacity: inherit; font-weight: 400; font-size: 14px;padding: 0; display: block} #page div.product .wapf-wrapper .optie_extra .wapf-field-label {display: none} #page div.product .wapf-wrapper .optie_extra input[type="checkbox"] {opacity: 0;position: fixed;width: 0;} #page div.product .wapf-wrapper .optie_extra .wapf-label-text {padding-left: 0;display: inline-block; line-height: 1.2} #page div.product .wapf-wrapper .optie_extra .wapf-label-text .wapf-pricing-hint {display: inline-block} #page div.product .wapf-wrapper .optie_extra .wapf-checkable .wapf-input-label {border: 1px solid #DEE1E6; padding: 15px 70px 15px 120px; border-radius: 5px; background: #fff no-repeat 60px center; background-size: 40px; margin-bottom: 7px; font-family: 'Inter Tight'; font-size: 13px; font-weight: 600; color: #313131; display: block} #page div.product .wapf-wrapper .optie_extra .wapf-checkable.wapf-checked .wapf-input-label {background-color:#F4F5F8;border-color: #DEE1E6;} #page div.product .wapf-wrapper .optie_extra .wapf-checkable {position: relative} #page div.product .wapf-wrapper .optie_extra .wapf-checkable .wapf-input-label::after {content: ' ';display: block; border: 1px solid #DEE1E6; background: #fff no-repeat center center; background-size: 12px; position: absolute; top: 50%; margin-top: -10px; left: 15px; width: 20px; height: 20px; text-align: center; border-radius: 5px;} #page div.product .wapf-wrapper .optie_extra .wapf-checkable.wapf-checked .wapf-input-label::after {border-color: #0058FF; background-color: #0058FF;background-image: url(../images/icon-check-white.svg);} #page div.product .wapf-wrapper .optie_extra .wapf-field-description {border: 1px solid #00C45E; border-radius:10px; font-size: 11px; font-weight: 600; color: #00C45E; position: absolute; right: 15px; top: 50%; margin-top: -11px; z-index: 2; padding: 0 5px;} #page div.product .wapf-wrapper .optie_extra.optie_extra_wifi .wapf-checkable .wapf-input-label {background-image: url('../images/optie-wifi-small.png')} #page div.product .wapf-wrapper .optie_extra.optie_extra_laptoptas .wapf-checkable .wapf-input-label {background-image: url('../images/optie-laptoptas.jpg')} #page div.product .wapf-wrapper .optie_extra.optie_extra_office .wapf-checkable .wapf-input-label {background-image: url('../images/optie-office.jpg')} #page div.product .wapf-wrapper .optie_extra.optie_extra_office .wapf-field-description {color: #4099F2; border-color: #4099F2} #page div.product .wapf-wrapper .optie_extra.optie_extra_office.optie_extra_office_2021 .wapf-checkable .wapf-input-label {background-image: url('../images/optie-office-2021.jpg')} #page div.product .wapf-wrapper .optie_extra.optie_extra_virusscan .wapf-checkable .wapf-input-label {background-image: url('../images/optie-virusscan.jpg')} #page div.product .wapf-wrapper .optie_extra.optie_extra_desktopset19 .wapf-checkable .wapf-input-label {background-image: url('../images/optie-tb-muis-scherm.jpg')} #page div.product .wapf-wrapper .optie_extra.optie_extra_desktopset22 .wapf-checkable .wapf-input-label {background-image: url('../images/optie-tb-muis-22-scherm.jpg')} #page div.product .wapf-wrapper .optie_extra.optie_extra_desktopset24 .wapf-checkable .wapf-input-label {background-image: url('../images/optie-tb-muis-24-scherm.jpg')} #page div.product .wapf-wrapper .optie_extra.optie_extra_draadlozedesktop .wapf-checkable .wapf-input-label {background-image: url('../images/optie-desktop-set.png')} #page div.product .wapf-wrapper .optie_extra.optie_extra_laptopsleeve .wapf-checkable .wapf-input-label {background-image: url('../images/optie-laptop-sleeve.png')} #page div.product .wapf-wrapper .optie_extra.optie_extra_draadlozemuis .wapf-checkable .wapf-input-label {background-image: url('../images/optie-draadloze-muis-nw.png');} #page div.product .wapf-wrapper .optie_extra.optie_extra_monitorarm .wapf-checkable .wapf-input-label {background-image: url('../images/optie-monitorarm.png')} #page div.product .wapf-wrapper .optie_extra.optie_extra_monitorarmdubbel .wapf-checkable .wapf-input-label {background-image: url('../images/optie-monitorarm-dubbel.png');} #page div.product .wapf-wrapper .optie_extra.optie_extra_laptoptas, #page div.product .wapf-wrapper .optie_garantie {display: none} #page div.product .wapf-wrapper .optie_garantie .wapf-field-label {display: none} #page div.product .wapf-wrapper .optie_garantie input[type="checkbox"] {opacity: 0;position: fixed;width: 0;} #page div.product .wapf-wrapper .optie_garantie .wapf-checkable {background: #F2FBFE; border: 1px solid #4199F2; padding: 10px 70px 10px 10px; border-radius: 2px;} #page div.product .wapf-wrapper .optie_garantie .wapf-checkable .wapf-input-label {font-size: 13px; font-weight: 600; color: #313131; padding-left: 45px; display: block; margin: 0} #page div.product .wapf-wrapper .optie_garantie .wapf-checkable .wapf-label-text {display: inline-block;padding: 0} #page div.product .wapf-wrapper .optie_garantie .wapf-checkable .wapf-input-label::after {content: ' ';display: block; border: 1px solid #4199F2; background: #4099F2 url(../images/icon-check-white.svg) no-repeat center center; background-size: 12px; position: absolute; top: 50%; margin-top: -10px; left: 15px; width: 20px; height: 20px; text-align: center; border-radius: 2px;} #page div.product .wapf-wrapper .optie_garantie .wapf-checkable::after {content: 'Gratis'; background: #4099F2; color: #fff; font-size: 12px; font-weight: 600; line-height: 20px; padding: 0 5px; position: absolute; right: 15px; top: 50%; margin-top: -10px} #page div.product .wapf-wrapper .optie_garantie .wapf-pricing-hint {display: inline-block; margin-left: 5px; display: none} html .wapf-product-totals{ display:none !important ; } html .wapf-field-label.wapf--above {margin-bottom: 7px; font-weight: 500} #page div.product .cart .cart-wrapper{margin: 0px auto; max-width: 280px; text-align: center} #page div.product .cart .nieuwprijs {display: inline-block; background: #fff; width: 100%; font-weight: 500; font-size: 13px; padding: 5px 0; text-align: center; line-height: 1.5; border: 1px solid #DEE1E6;position: relative; margin-bottom: 15px; border-radius: 5px} #page div.product .cart .nieuwprijs:after{content: "";position:absolute;width: 10px;height: 10px;background: #fff;border-right: 1px solid #DEE1E6;border-bottom: 1px solid #DEE1E6;transform:rotate(45deg);right: calc(50% - 5px);bottom: -6px} #page div.product .cart .nieuwprijs span.div {color: #DEE1E6; margin: 0 5px} #page div.product .cart .nieuwprijs span.nwpr {color: #00C45E; font-weight: 600} /* .woocommerce ul.products .product .product_loop_price .price .woocommerce-Price-amount {font-family: 'Inter Tight', serif; font-size: 28px; color: #313131; font-weight: 600; text-decoration: none} .woocommerce ul.products .product .product_loop_price .price del { text-decoration: none;position: relative;opacity: 1; top: -2px; margin-right: 5px} .woocommerce ul.products .product .product_loop_price .price del::before {position: absolute;content: "";left: 0;top: 50%;right: 0;border-top: 1px solid #53555C;transform:rotate(-10deg);} .woocommerce ul.products .product .product_loop_price .price del .woocommerce-Price-amount {font-size: 15px; color: #53555C; font-weight: normal} */ #page div.product .cart .quantity.hidden + .single_add_to_cart_button {padding-left: 1em} #page div.product .cart .single_add_to_cart_button.added::before {display: none} #page div.product .cart .single_add_to_cart_button.added::after { position: relative; top: 1px} #page div.product .cart .single_add_to_cart_button {font-size: 15px; font-weight: 500; position: relative; font-family: 'Inter Tight', serif; width: 100%; background: #00ca55 url(../images/icon-arrow-right.svg) no-repeat right 18px center;background-size: 7px; border:none; border-radius: 5px; float: none; margin-left: 0; padding-left: 60px; line-height: 32px; height: 52px; text-align: center} #page div.product .single_add_to_cart_button::before {content: url(../images/icon-cart-white.svg);margin-right: 12px; width:18px; display: inline-block; position: relative; top: 3px} #page div.product .cart a.added_to_cart {text-align: center; color: #01aef3; display: block} #page div.product .cart .quantity.hidden {display: none} #page div.product .cart .quantity {margin: 0; position: absolute; z-index: 2; width: 60px; background: #fff;} #page div.product .quantity input[type="number"] {height: 52px; background: #fff; border: 1px solid #DEE1E6; border-radius:5px; line-height: 50px; width: 55px;color: #222; font-weight: 600; font-size: 16px; margin: 0; box-shadow: none; padding: 0 5px; text-align: center} #page div.product .quantity input[type="text"] {display: none} #page div.product .quantity .quantity-nav {border: none} #page div.product .cart .cart-usp {margin: 15px 0; padding: 15px 0 15px 0; font-size: 13px; line-height: 175%; list-style: none; border-top: 1px solid #e3e3e3} #page div.product .cart .cart-usp span {font-weight: 600;} #page div.product .cart .cart-usp a {color:#313131; text-decoration: underline} #page div.product .cart .cart-usp a:hover {color: #01aef3} #page div.product .cart .cart-usp li {position: relative; padding-left: 20px; background: url(../images/icon-check.svg) left center no-repeat; background-size: 12px 12px; margin-bottom: 15px; line-height: 1.5} #page div.product .cart .cart-usp li:last-child {margin-bottom: 0} /*#page div.product .cart .cart-usp li::before {content: url(../images/icon-check.svg); display: inline-block; width: 14px; position}*/ #page div.product .cart .add-to-cart-usp {font-size: 13px; color:#222; font-weight: 600; text-align: center; margin-top: 10px} #page div.product .cart .add-to-cart-usp i {color:#00C45E} #page div.product .garantie {border-top: 1px solid #e3e3e3; font-size: 14px; text-align: center; margin-top: 15px; padding-top: 15px} #page div.product .garantie > span {background: url(../images/icon-thumb.svg) left center no-repeat; background-size: 12px; padding-left: 20px} #page div.product .garantie > span > span {font-weight: 600} #page div.product .custom_offer {font-size: 13px; text-align: center; margin-top: 15px} #page div.product .custom_offer a {color: #313131; text-decoration: underline} #page div.product .custom_offer a:hover {color: #01aef3} #page div.product #back2school_product_badge {position: absolute; top: -15px; left: 0; z-index: 1; content: url(../images/badge-back2school.png); width: 120px} #page div.product #product-keurmerk {position: absolute; top: 50%; right: 0; z-index: 1; content: url(../images/smile-label-kwaliteitscheck-cz.svg); width: 140px} /* #page div.product #cybermonth_product_banner {text-align: center; margin-bottom: 15px} #page div.product #cybermonth_product_banner img {width: 80%} */ #page div.product .summary h4 {margin-top:45px; font-size: 20px} #page div.product .extra-products-holder { margin-top: 20px } #page div.product .extra-products-holder {background: #fff; margin: 15px 0; } #page div.product .extra-product {padding: 15px; border: 1px solid #DEE1E6; margin-bottom: 10px; display: flex;align-items: center; justify-content: space-between} #page div.product .extra-product a img {width: 80px; height: 64px; margin-right: 30px } #page div.product .extra-product h5 {font-size: 15px; line-height: 1.25} #page div.product .extra-product a {text-decoration: none; color: #222; display: flex;align-items: center; width: 80%; position: relative} #page div.product .extra-product a:hover h5 {color: #01aef3; text-decoration: underline} #page div.product .extra-product .price.amount del {display: block; font-size: 14px; color: #53555C; font-weight: normal; font-family: 'Inter', sans-serif;text-decoration: line-through;} /* #page div.product .extra-product .price.amount del::before {position: absolute;content: "";left: 0;top: 50%;right: 0;border-top: 1px solid;border-color: inherit;transform:rotate(-10deg);}*/ #page div.product .extra-product .price.amount {font-family: 'Inter Tight', serif; font-weight: normal; color: #313131; font-size: 20px; margin-bottom: 5px; line-height: 1.25} #page div.product .extra-product .tip {position: absolute;top:0;left:0; background: #ff6c00; color: #fff; padding: 4px 8px; line-height: 1; z-index: 2; font-size: 13px; font-weight: 600} #page div.product .extra-product .addtocart {position: relative;width: 72px; background: #00ca55 url(../images/icon-plus.svg) no-repeat right 19px center; background-size: 10px;border-radius: 5px;margin-left: 15px;padding-left: 72px;height: 48px;text-align: center;overflow: hidden;} #page div.product .extra-product .addtocart::before {content: url(../images/icon-cart-white.svg);position: absolute;top: 13px;left: 17px;width: 20px;} #page div.product .extra-product .addtocart:hover {background-color: #00B456} #page div.product .product-specs-wrapper {margin: 15px 0 60px 0} #page div.product .product-specs-wrapper .collapsed table {display: block; max-height: 385px; overflow: hidden; } #page div.product .product-specs-wrapper table {margin: 15px 0; border: 0; font-size: 15px} #page div.product .product-specs-wrapper table.woocommerce-product-attributes th {padding: 15px 15px; text-transform: capitalize; color: #313131; width: 40%; font-weight: 600; text-align: left; border: none; background: none} #page div.product .product-specs-wrapper table.woocommerce-product-attributes td {padding: 15px 15px; border: none; text-align: left; font-style: inherit; background: none; overflow-wrap: anywhere} #page div.product .product-specs-wrapper table.woocommerce-product-attributes td p {margin: 0; padding: 0} #page div.product .product-specs-wrapper table.woocommerce-product-attributes td a {text-decoration: underline} #page div.product .product-specs-wrapper table.woocommerce-product-attributes tr {background: #F4F5F8;} #page div.product .product-specs-wrapper table.woocommerce-product-attributes tr:nth-child(2n) {background: #fff;} #product_tekst_plusmin h2, .product-specs-wrapper h2, h2#product-omschrijving {font-size: 21px; margin-bottom: 15px} #product_tekst_plusmin {margin-top: 15px} #product_tekst_plusmin ul {margin: 0; padding: 0 0 15px 0; list-style: none} #product_tekst_plusmin li {background: url(../images/icon-pluspunt.svg) center left no-repeat; background-size: 18px 18px; padding-left: 30px; display: block; margin-bottom: 5px; } #product_tekst_plusmin li.minpunt {background-image: url(../images/icon-minpunt.svg)} #page div.product .collapsed {border-bottom: 1px solid #DEE1E6;position: relative; padding-bottom: 45px} #page div.product .lees-meer {font-size: 14px; position: absolute; display: none; bottom: -18px; left: calc(50% - 60px); background: #fff url(../images/icon-chevron-down.svg) no-repeat 12px 14px ; background-size: 10px; padding: 0 15px 0 30px; width: 120px; cursor: pointer; line-height: 38px; font-weight: 500;} #page div.product .lees-meer:hover {text-decoration: underline} #page div.product .collapsed .lees-meer {display: block} #page div.product #product_tekst {clear: both; margin-bottom: 60px} #page div.product #product_tekst h3 {margin: 0} #page div.product #product_tekst.collapsed .product_tekst_holder {max-height: 130px;overflow: hidden; } #page div.product #product_tekst .product_tekst_holder p:empty::before { content: none; display: none} #page div.product #product_tekst .product_tekst_holder p:empty {margin: 0} #page div.product #product_tekst a {text-decoration: underline} #page div.product #inhoud-levering {border: 2px dashed #FF650F; padding: 30px 45px; margin-bottom: 30px; border-radius: 25px} #page div.product #inhoud-levering ul {line-height: 175%; list-style: none; margin: 0 0 15px 0; padding:0} #page div.product #inhoud-levering li {background: url(../images/icon-check-black.svg) center left no-repeat; padding-left: 20px; background-size: 14px 14px;} #page div.product #inhoud-levering li span {font-weight: bold} #page div.product #inhoud-levering a {text-decoration: underline} #page div.product #inhoud-levering h3{ font-size: 20px} #page div.product #persoonlijk-advies {padding: 30px 120px 15px 30px;color: #000; border-radius: 5px; background: #FCEBC7 url('/wp-content/uploads/foto-lars-klantenservice.png') right 15px bottom no-repeat; background-size: 140px; } #page div.product #persoonlijk-advies a {color: #000; background: url(../images/icon-arrow-right-black.svg) 0 4px no-repeat; background-size: 5px; padding-left: 15px} #page div.product #persoonlijk-advies a:hover {color: #313131; background-position: left 2px center; text-decoration: underline} #page div.product .related.products {clear: both} #page div.product .related.products h2{ margin-bottom: 30px; font-size: 20px} #page div.product .related.products li.product { padding: 20px 20px 45px 20px; border: 1px solid #DEE1E6; position: relative} #page div.product .related.products li.product .product-list-content{padding:0; line-height: 1.25} #page div.product .related.products li.product h3.product-title {max-height: 40px; overflow: hidden;} #page div.product .related.products li.product h3 a {font-size: 16px} #page div.product .related.products li.product .product_loop_bar {padding: 0;background: none; margin-top: 25px; display: flex; justify-content: space-between;} #page div.product .related.products li.product .product_description span {margin: 0;} #page div.product .related.products li.product .product_gebruik {display: none} #page div.product .related.products li.product .product_loop_stock {position: absolute; margin-top: -20px; max-width: 90%} #page div.product .related.products li.product .product_loop_stock p.stock {font-size: 12px; margin: 0; color: #00C45E; line-height: 1} #page div.product .related.products li.product .product_loop_stock span {display: none} #page div.product .related.products li.product .product_loop_add_to_cart {width: auto} #page div.product .related.products li.product .product_loop_price {padding:0; margin-top:10px} #page div.product .related.products li.product .product_loop_price .price {text-align: left} #page div.product .related.products li.product .product_loop_price .price .woocommerce-Price-amount {font-size: 20px; line-height:1} #page div.product .related.products li.product .product_loop_price .price del .woocommerce-Price-amount { font-size: 14px} #page div.product .related.products li.product .product_loop_price .price del .woocommerce-Price-amount .price-sup {font-size: 8px; top: -5px} #page div.product .related.products li.product .product_loop_price .price .woocommerce-Price-amount .price-sup {font-size: 10px;top: -8px;} #page div.product .related.products li.product .nieuwprijs {position: absolute; bottom: 0; left: 0; right: 0; width: 100%; border: 0; background: #F3FBFE; margin: 0;color: #313131; font-weight: 500; padding: 8px; font-size: 12px} #page div.product .related.products li.product .nieuwprijs span, #page div.product .related.products li.product .nieuwprijs::after {display: none} #page div.product .related.products li.product .button {width: 36px; height: 36px; line-height: 30px; padding: 0; padding-top: 30px; background-image: none} #page div.product .related.products li.product .button::before {left: 8px; top: 5px} #page div.product .related.products li.product .onsale {top: 20px; right: 20px} .woocommerce .wc-block-components-notice-banner {border: 1px solid #DEE1E6; border-radius: 2px; display: flex; align-items: center; padding: 10px; margin-bottom: 30px; line-height: 2; font-weight: 600} .woocommerce .wc-block-components-notice-banner svg {margin-right: 15px} .woocommerce .wc-block-components-notice-banner .wc-block-components-notice-banner__content {width: 100%} .woocommerce .wc-block-components-notice-banner a.button {float: right} .woocommerce .wc-block-components-notice-banner a.button.wc-forward {color: #fff; background: #00C45E; border-right: 2px solid #00923D; border-bottom: 2px solid #00923D;} .woocommerce .wc-block-components-notice-banner.is-error {background: #ffbbbb; border-color: #ff4e4e} /*html a.voorraad_check {display: block; font-size: 13px; text-decoration: none; margin-bottom: 0;font-weight: 600; color: #222} html a.voorraad_check:hover {color: #ff6c00; text-decoration: underline}*/ #voorraad-popup .popup-inner {display: flex;align-items: center;justify-content:space-between} #voorraad-popup h3{font-size: 20px} #voorraad-popup .productholder {width: 230px; padding-right: 30px; margin-right: 30px; border-right: 1px solid #DEE1E6; text-align: center; font-weight: 500; line-height: 1.25} #voorraad-popup .voorraadholder {flex-grow: 1;} #voorraad-popup label {display: inline-block; width: 40%; font-weight: 500} #voorraad-popup .opvoorraad {color: #3bb54a} #voorraad-popup .geenvoorraad {color: #ff2a00} .popup {display:none; position: fixed; top: 0; left: 0;width: 100%;height: 100%;background: rgba(52, 53, 55, 0.75);z-index: 999;color: #222 } .popup-wrapper {position: relative; margin: 0 auto;max-width: 650px;top: 50%;transform: translateY(-50%); } .popup-inner {text-align: left; background: #fff; padding: 20px 30px; border-radius: 2px;box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.5); max-height: 80vh; overflow-y: auto} .popup .closebutton {position: absolute; top: 0; right: 10px; font-size: 24px} /* .popup .product_price_month li {padding-left: 30px; margin-bottom: 5px} .popup .product_price_month li::before {content: "\f00c";font-family: "Font Awesome\ 5 Free";font-size: 16px; font-weight: 600;color:#00C45E; margin: 0px 8px 0 -25px;} */ .popup h3, .popup p {margin-bottom: 10px !important;} .popup ul {margin:0; padding-left: 15px;} #customer_login .col-2 {float: right;width: 48%;} #customer_login {margin-top: 30px} .woocommerce form.login, .woocommerce form.register {background: #fafafa} body.term-9930 .term-description h1 {color: #670d77; margin-bottom: 5px} body.term-9930 .term-description h2 {color: #b535cc; font-size: 20px; margin-bottom: 15px} body.term-9930 .term-description p { font-size: 16px; margin: 0} body.term-9930 .term-description p strong {font-weight: 700; color: #670d77} body.term-9930 .term-description img {width: 100%} .woocommerce-columns.woocommerce-columns--2 {display: flex;} .woocommerce-columns.woocommerce-columns--2 .woocommerce-column {width: 50%} .thankyou-custom-field .gform_wrapper {border: 1px solid #DEE1E6; border-radius: 3px; padding: 15px; margin-bottom: 30px} .thankyou-custom-field .gform_wrapper .gfield_label {font-weight: 600; font-size: 16px} .thankyou-custom-field .gform_wrapper .gfield_radio input {all:initial;visibility:visible;appearance:radio;opacity:1;-webkit-appearance:radio;-moz-appearance:radio;-O-appearance:radio} @media (min-width: 992px) { body.woocommerce-cart .woocommerce .woocommerce-cart-form {width: 62%; float: left} body.woocommerce-cart .woocommerce .cart-collaterals {width: 33%; float: right} body.woocommerce-checkout .woocommerce #customer_details {width: 50%; float: left} body.woocommerce-checkout .woocommerce #order_review_heading, body.woocommerce-checkout .woocommerce #order_review {width: 45%; float: right} body.woocommerce-checkout .woocommerce form.checkout_coupon {width: 50%} #page div.product .product-details-left-wrapper {float: left;width: 55%; } .woocommerce-page #content div.product div.summary {margin-right: 0; width: 40%; clear: right} #page div.product .product-extras-wrapper {clear: both} /*#page div.product .product-specs-wrapper table tbody {display: flex;flex-wrap: wrap;} #page div.product .product-specs-wrapper table tr{flex: 0 49%;margin-right: 1%} #page div.product .product-specs-wrapper table.woocommerce-product-attributes th {float: left; background: none} #page div.product .product-specs-wrapper table.woocommerce-product-attributes tr:nth-child(2n) {background: none;} #page div.product .product-specs-wrapper table.woocommerce-product-attributes tr:nth-child(4n - 2) {background: #f9f9f9;} #page div.product .product-specs-wrapper table.woocommerce-product-attributes tr:nth-child(4n - 3) {background: #f9f9f9;}*/ .woocommerce .woocommerce-result-count {width: 50%} .woocommerce .woocommerce-ordering {width: 50%; text-align: right} .woocommerce .woocommerce-ordering select {text-align: left; width: auto; margin-top: 10px;} } @media (max-width: 576px) { .woocommerce .woocommerce-result-count {float: none; text-align: center; width: 100%; margin: 0; line-height: inherit; padding-top: 10px;} .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {float: none; width: 100%; margin-top: 0; line-height: inherit; padding-bottom: 10px} } @media (max-width: 1400px) { body ul.products li.product .button {width: 40px; height: 40px; line-height: 35px; margin: 0; padding: 0 30px 0 0; overflow: hidden; color: #00C45E; background-image: none } body ul.products li.product .button:hover {color: #00B456} body ul.products li.product .button::before {top: 5px;left: 10px;width: 20px;} .tax-product_cat #primary ul.products .product .button {width: 36px; height: 36px; line-height: 36px; padding: 30px 0 0 0; background-image: none; } .tax-product_cat #primary ul.products .product .button::before {left: 9px;} } @media (max-width: 1200px) { .tax-product_cat #primary ul.products .product .product_loop_stock {width: 180px} .tax-product_cat #primary ul.products .product p.stock {font-size: 11px} #home-producten a {font-size: 13px} } @media (max-width: 992px) { .popup {padding: 0 15px} html .woocommerce .product-usp-bar ul li {display: block; margin: 0} html .woocommerce .product-usp-bar ul i {margin-left: 0} .tax-product_cat .filter-toggle {display: block; background: #4099F2; text-align: center; border-radius: 2px; margin: 0; width: 100%; line-height: 44px; padding: 0; color: #fff; margin-bottom: 15px; font-family: 'Inter Tight'} .tax-product_cat .filter-toggle svg {width: 22px; vertical-align: middle} .tax-product_cat .filter-toggle:hover {background: #2d82d7} .tax-product_cat #secondary.widget-area {position: fixed !important; z-index: 10; left: -100%;width: calc(100% - 45px);top: 0;background: #fff; min-height: 100vh; max-height: 100vh; overflow-y: auto !important; overflow-x: hidden !important; transition: all 0.35s;transition-delay: 0.1s; padding: 45px 0} .filter-toggled.tax-product_cat #secondary.widget-area {left: 0;} .tax-product_cat #secondary.widget-area #sidebar {padding: 15px 0} .tax-product_cat #secondary.widget-area a.banner-keuzehulp {margin: 0 10px; padding-left: 110px; line-height: 1.25; margin-top: 20px; background-position: center right 15px; font-size: 13px} .tax-product_cat #secondary.widget-area a.banner-keuzehulp img {width: 70px} .tax-product_cat #secondary.widget-area a.banner-keuzehulp span {font-size: 19px} .tax-product_cat #secondary.widget-area .bapf_slidr_all { padding: 10px 10px 0 10px; font-size: 12px} .tax-product_cat #content .term-description {padding: 0} .tax-product_cat #primary ul.products::before {display: none; content: ''} .tax-product_cat #primary ul.products {margin: 0;width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; gap: 10px} .tax-product_cat #primary ul.products li.product:not(.product-category) {display: block; clear: none; float: none !important; width: 48%; flex: 1 0 45%; display: flex; flex-direction: column; padding: 10px 10px 45px 10px; border: 1px solid #E8EAEE; position: relative} .tax-product_cat #primary ul.products .product .woocommerce-LoopProduct-link {flex: 0; /*width: 80%;*/} .tax-product_cat #primary ul.products li.product a img {margin-bottom: 0} .tax-product_cat #primary ul.products .product .product-list-content{padding:0; line-height: 1.25} .tax-product_cat #primary ul.products .product h3 a {font-size: 16px} .tax-product_cat #primary ul.products .product .woocommerce-image__wrapper, .tax-product_cat .products .product .woocommerce-LoopProduct-link {max-width: 100%; width: 100%} .tax-product_cat #primary ul.products .product .product_loop_bar {padding: 0;background: none; margin-top: 30px} .tax-product_cat #primary ul.products .product h3.product-title {max-height: 40px; overflow: hidden; font-size: 16px} .tax-product_cat #primary ul.products .product .product_description {font-size: 12px} .tax-product_cat #primary ul.products .product .product_description span {margin: 0;} .tax-product_cat #primary ul.products .product .product_gebruik {display: none} .tax-product_cat #primary ul.products .product .product_loop_stock {position: absolute; margin-top: -70px; max-width: 90%} .tax-product_cat #primary ul.products .product .product_loop_stock p.stock {font-size: 12px; margin: 0; color: #00C45E; padding-left: 18px; line-height: 1} .tax-product_cat #primary ul.products .product .product_loop_stock span {display: none} .tax-product_cat #primary ul.products .product .product_loop_add_to_cart {width: auto} .tax-product_cat #primary ul.products .product .product_loop_price {padding:0;} .tax-product_cat #primary ul.products .product .price {text-align: left} .tax-product_cat #primary ul.products .product .product_loop_price .price .woocommerce-Price-amount {font-size: 20px; line-height:1} .tax-product_cat #primary ul.products .product .product_loop_price .price del .woocommerce-Price-amount { font-size: 14px} .tax-product_cat #primary ul.products .product .product_loop_price .price .woocommerce-Price-amount .price-sup {font-size: 10px; top: -8px} .tax-product_cat #primary ul.products .product .product_loop_price .price del .woocommerce-Price-amount { font-size: 14px} .tax-product_cat #primary ul.products .product .product_loop_price .price del .woocommerce-Price-amount .price-sup {font-size: 8px; top: -5px} .tax-product_cat #primary ul.products .product .nieuwprijs {position: absolute; bottom: 0; left: 0; right: 0; width: 100%; border: 0; background: #F3FBFE; margin: 0;color: #313131; font-weight: 500; padding: 8px; font-size: 12px;} .tax-product_cat #primary ul.products .product .nieuwprijs span, .tax-product_cat #primary ul.products .product .nieuwprijs::after {display: none} .tax-product_cat #primary ul.products .product .onsale {top: 0; right: 0} .woocommerce ul.products li.product .onsale { font-size: 10px; padding: 0 10px 0 10px; line-height: 24px; min-width: 0 } /*.woocommerce ul.products li.product .onsale::after {border-top: 8px solid transparent;border-right: 6.5px solid #ff6c00;border-bottom: 8px solid transparent;left: -6px}*/ .woocommerce ul.products li.product .onsale.back2school, .woocommerce ul.products li.product .onsale.cybermonth {width: 45px; height: 45px} .woocommerce ul.products li.product img {max-width: 100%} body.woocommerce-cart footer.site-footer {display: none} body.woocommerce-cart .woocommerce .shop_table tr.cart_item {border: 1px solid #DEE1E6; margin-bottom: 15px; font-size: 14px; position: relative; } body.woocommerce-cart .woocommerce .shop_table tr.cart_item td {padding-left: 120px;} body.woocommerce-cart .woocommerce .shop_table tr.cart_item td.product-thumbnail {display: block !important; position: absolute; top: 10px; left: 10px; padding: 0; background: none} body.woocommerce-cart .woocommerce .shop_table tr.cart_item td.product-thumbnail::before {display: none} body.woocommerce-cart .woocommerce .shop_table tr.cart_item td.product-thumbnail a {display: block;width: 90px;height: 90px} body.woocommerce-cart .woocommerce .shop_table tr.cart_item td.product-name {padding-right: 45px; text-align: left !important} body.woocommerce-cart .woocommerce .shop_table tr.cart_item td.product-name::before {display: none} body.woocommerce-cart .woocommerce .shop_table td.product-remove {padding-bottom: 0 !important; padding: 0} body.woocommerce-cart .woocommerce .shop_table td.product-remove a {position: absolute; top: 10px; right: 10px;} body.woocommerce-cart .woocommerce .shop_table td.product-remove {padding-bottom: 0 !important} /*body.woocommerce-cart .woocommerce .shop_table td.product-remove a::after {content: ' artikel verwijderen'; position: absolute;position: absolute;width: 200px;font-size: 12px;color: #222;left: -14px;top: 4px;font-weight: 600;}*/ body.woocommerce-cart .woocommerce .shop_table tr.shipping td, body.woocommerce-cart .woocommerce .shop_table tr.shipping th {width: 100%} body.woocommerce-cart .woocommerce .shop_table tr.shipping td::before {display: none} body.woocommerce-cart .woocommerce .shop_table tr.shipping td {text-align: left !important} /*body.woocommerce-checkout .woocommerce table.shop_table .cart_item .product-total {text-align: center; width: 20%}*/ .woocommerce-cart #wc-proceed-to-checkout-fixed {display: block} ul.checkout-bar li span {font-size: 10px} #page div.product .product_h1 h1 {max-width: calc(100% - 160px)} #page div.product .product_h1 .staat_label {padding-left: 5px; top: 0} #page div.product .woocommerce-product-gallery {padding:0} #page div.product #snel-naar-balk {display: none} #page div.product .summary form.cart {padding: 15px 15px 0 15px} #page div.product #h2-bestellen {display: block} #page div.product .cart-wrapper p.price .amount {font-size: 32px} #page div.product .cart .single_add_to_cart_button {font-size: 15px} #page div.product .wapf-wrapper .optie_extra .wapf-checkable .wapf-input-label {padding: 10px 55px 10px 100px; background-position: 45px center} #page div.product .wapf-wrapper .optie_garantie .wapf-checkable .wapf-input-label {padding-left: 35px; line-height: 1.2} #page div.product #product-keurmerk {width: 90px; top: 40%} #page div.product #back2school_product_badge {width: 90px} #page div.product #inhoud-levering { padding: 30px} #page div.product #inhoud-levering img {display: none} /*#product_tekst_plusmin li {line-height:1.25}*/ .tax-product_cat .below-woocommerce-category {padding: 0} #page div.product p.stock.out-of-stock {font-size: 10px; margin-top: 15px} #page div.product #product_tekst {margin-bottom: 45px} .woocommerce-page ul.products#sold-out-products li.product {float: none; width: 100%} #page div.product .product_gebruik span {font-size: 11px; padding: 1px 4px} #page div.product .wapf-wrapper .wapf-radios .wapf-checkable {margin: 0 5px 5px 0} #page div.product .wapf-wrapper .wapf-radios .wapf-checkable:last-child {margin-right: 0} #page div.product .wapf-wrapper .wapf-radios label {font-size: 12px} #page div.product .product-extras-wrapper .custom-description-extras .persoonlijk-advies-holder {margin: 0; max-width: 100%; background-position: center 15px; padding: 270px 15px 15px 15px;} #page div.product .product-specs-wrapper {padding: 0} #page div.product .product-specs-wrapper h2 {margin: 0 0 15px 0} #page div.product .product-specs-wrapper table.woocommerce-product-attributes {font-size: 14px; margin: 0} #page div.product .product-specs-wrapper table.woocommerce-product-attributes tbody, #page div.product .product-specs-wrapper table.woocommerce-product-attributes tr {display: block; width: 100%} #page div.product .product-specs-wrapper table.woocommerce-product-attributes td, #page div.product .product-specs-wrapper table.woocommerce-product-attributes th {display: block; width: 100%} #page div.product .product-specs-wrapper table.woocommerce-product-attributes th {padding-bottom: 5px;} #page div.product .product-specs-wrapper table.woocommerce-product-attributes td {padding-top: 0;} #page div.product .product-specs-wrapper table.woocommerce-product-attributes tr:nth-child(2n) th {background: none} #page div.product .product-specs-wrapper .collapsed table {max-height: 385px;} #page div.product #product_tekst.collapsed .product_tekst_holder { max-height: 145px;} #page div.product #persoonlijk-advies {padding: 15px 110px 15px 15px} #page div.product .related.products {padding: 0;} #page div.product .related.products li.product {margin: 1%} #page div.product .related.products .product_description {font-size: 12px;} #page div.product {display: flex; flex-direction: column} #page div.product #reviews.summary {order: 1} #page div.product .related.products {order: 2} #page div.product .extra-product {padding: 5px} #page div.product .extra-product a img {width: 50px; height: 40px; margin-right: 5px } #page div.product .extra-product h5 {width: calc(100% - 50px); font-size: 14px} body.single-product .sticky-add-to-cart {padding: 5px} #voorraad-popup .popup-inner {display: inherit} #voorraad-popup .productholder {padding:0; margin:0 0 15px 0; border: 0; width: 100%} #customer_login .col-2 {float: none;width: 100%;} .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {float: none; width: 100%;} #customer_details {margin-bottom: 30px} .woocommerce .woocommerce-notices-wrapper .wc-block-components-notice-banner a.button {float: none; width: 100%} }