/** Theme Name: Astra Child Author: Brainstorm Force Author URI: http://wpastra.com/about/ Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme! Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: astra-child Template: astra */ /* wordpress menu productcategorie filter weergaven */ .menu-cat-count { color: #B4B4B4; font-weight: normal; padding-left: 5px; } /* zoekbalk */ form.searchwp-form input.swp-input--search { border: none !important; border-radius: 10px !important; background-color: #F7F7F7 !important; color: #1D1D1B !important; font-size: 13px !important; padding: 0.7em 52px 0.7em 20px; width: 100%; box-shadow: none !important; background-image: url("https://redbow.com/wp-content/uploads/2025/09/icons8-magnifying-glass-2.svg") !important; background-repeat: no-repeat; background-position: right 16px center; background-size: 22px 22px; /* groter icoon */ } form.searchwp-form input.swp-input--search::placeholder { color: #1D1D1B !important; font-size: 13px !important; opacity: 1; } /* === Inline formulier: Naam | E-mail | Verstuur === */ #nieuwsbrief-form .elementor-form-fields-wrapper { display: grid; grid-template-columns: 1fr 1fr auto; /* 2 velden + knop */ gap: 12px; /* ruimte tussen items */ align-items: stretch; /* gelijke hoogte */ } /* Elementor’s default blok-opmaak overrulen */ #nieuwsbrief-form .elementor-field-group { margin: 0 !important; width: auto !important; min-width: 0; /* voorkomt overflow */ } /* Inputs vullen hun grid-cel volledig */ #nieuwsbrief-form .elementor-field { width: 100%; } /* Submitknop netjes op hoogte van de velden */ #nieuwsbrief-form .elementor-field-type-submit { align-self: stretch; } #nieuwsbrief-form .elementor-field-type-submit .elementor-button { height: 100%; white-space: nowrap; /* tekst blijft op één regel */ padding-left: 20px; padding-right: 20px; } /* Labels optioneel inline verbergen (haal weg als je labels wilt tonen) */ #nieuwsbrief-form .elementor-field-label { display: none; } /* Responsive: op mobiel weer onder elkaar */ @media (max-width: 767px) { #nieuwsbrief-form .elementor-form-fields-wrapper { grid-template-columns: 1fr; } } /* UAEL & Woo thumbnails: ronde hoeken */ .woocommerce ul.products li.product a img, .uael-woo-products .uael-woo-product__thumbnail img, .uael-woo-products img.uael-show-on-hover { border-radius: 10px; } /* Zorg dat er niks “uitsteekt” bij overlays/hover */ .uael-woo-products .uael-woo-product__thumbnail, .woocommerce ul.products li.product .uael-woo-product__thumbnail { border-radius: 10px; overflow: hidden; } /* Maak de teller een blokje onder de titel */ .woocommerce ul.products li.product h2.woocommerce-loop-product__title .rb-variations-count, .uael-woo-products h2.woocommerce-loop-product__title .rb-variations-count { display: block; margin-top: 4px; font-size: .85rem; opacity: .85; } /* Zet de native number-spinners weer aan (single product, cart, mini-cart) */ .woocommerce .quantity input[type="number"].qty, .woocommerce-cart .quantity input[type="number"].qty, .woocommerce-mini-cart .quantity input[type="number"].qty { appearance: auto !important; -webkit-appearance: auto !important; /* Chrome/Safari/Edge */ -moz-appearance: auto !important; /* Firefox */ } /* WebKit: toon de inner/outer spin buttons weer */ .woocommerce .quantity input[type="number"].qty::-webkit-inner-spin-button, .woocommerce .quantity input[type="number"].qty::-webkit-outer-spin-button { -webkit-appearance: auto !important; margin: 0; } /* Thumbnails afgerond */ .wvg-gallery-thumbnail-image { border-radius: 10px; overflow: hidden; } .wvg-gallery-thumbnail-image img { border-radius: 10px !important; } /* Hoofdafbeelding (incl. zoom overlay) */ .woo-variation-gallery-wrapper .slick-list { border-radius: 10px; overflow: hidden; } .woo-variation-gallery-wrapper img.zoomImg { border-radius: 10px !important; } /* pijltje animeren en van kleur laten veranderen wanneer de hele kaart gehoverd wordt */ .hover-card .elementor-icon svg { transition: transform .2s ease; } .hover-card:hover .elementor-icon svg { transform: translateX(6px); } .elementor-element-75aee691 .elementor-widget-container button:hover { border-color: #8C8C8B; } .elementor-element-75aee691 { transition: all 0.3s ease; } .yith-wcan-active-filters { display: flex !important; justify-content: flex-start !important; gap: .5rem !important; flex-wrap: wrap !important; } .yith-wcan-active-filters h4 { display: none !important; } .yith-wcan-active-filters .active-filter { display: flex !important; gap: .5rem !important; align-items: center !important; flex-wrap: wrap; } .yith-wcan-active-filters .active-filter-label { border: none !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 1.1rem 1.3rem !important; border-radius: 8px !important; background-color: #F2F2F2 !important; color: #1D1D1B !important; font-size: 14px !important; font-weight: 400 !important; text-decoration: none !important; line-height: 1 !important; vertical-align: middle !important; position: relative !important; overflow: visible !important; } .yith-wcan-active-filters a::after { content: none !important; } .yith-wcan-active-filters .active-filter-label::after { content: "" !important; display: inline-block !important; width: 13px !important; height: 13px !important; margin-left: 6px !important; vertical-align: middle !important; pointer-events: none !important; position: static !important; transform: none !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0,0,256,256'%3E%3Cg fill='%231d1d1b' fill-rule='nonzero'%3E%3Cg transform='scale(10.66667,10.66667)'%3E%3Cpath d='M20.24805,2.98438c-0.19807,0.00468 -0.38624,0.08753 -0.52344,0.23047l-7.72461,7.72461l-7.72461,-7.72461c-0.14164,-0.14533 -0.33612,-0.22708 -0.53906,-0.22656c-0.30471,0.00088 -0.5786,0.186 -0.69302,0.46841c-0.11442,0.28241 -0.04663,0.60597 0.17154,0.8187l7.72461,7.72461l-7.71484,7.71484c-0.19592,0.18811 -0.27485,0.46745 -0.20633,0.73028c0.06852,0.26283 0.27377,0.46808 0.5366,0.5366c0.26283,0.06852 0.54216,-0.0104 0.73028,-0.20633l7.71484,-7.71484l7.7168,7.71875c0.18979,0.18983 0.46644,0.26399 0.72573,0.19452c0.25929,-0.06947 0.46182,-0.27199 0.53129,-0.53129c0.06947,-0.25929 -0.00469,-0.53594 -0.19452,-0.72573l-7.71875,-7.7168l7.72461,-7.72461c0.22323,-0.21425 0.29199,-0.54359 0.17314,-0.82927c-0.11885,-0.28567 -0.40092,-0.46906 -0.71025,-0.46175z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center !important; background-size: contain !important; } .yith-wcan-active-filters .active-filter-label, .yith-wcan-active-filters .active-filter-label::after { transform: none !important; top: auto !important; left: auto !important; } #roboto { --e-global-color-primary: #1D1D1B !important; --e-global-color-text: #1D1D1B !important; h1, h2, h3, h4, h5, h6, p, li, a{ font-family: 'Roboto', sans-serif !important; color: #1D1D1B; } h2, h4{ font-size: 16px !important; } a{ font-size: 14px !important; font-weight: 400 !important; } } .filters-container { h4 { margin-bottom: 1rem; } } .price-slider { .irs-bar { background-color: #4A4A48 !important; } .irs-handle { background-color: #4A4A48 !important; border: 4px solid #4A4A48 !important; box-shadow: none; } .irs-min, .irs-max { top: 50px !important; } .irs-from, .irs-to { font-size: 11px !important; color: #1D1D1B !important; background-color: #F2F2F2 !important; border-radius: 10px !important; } .irs-from::before, .irs-to::before { border-top: 5px solid #F2F2F2 !important; border-radius: 1px !important; } } label { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; input { width: 20px; height: 20px; border-radius: 50%; border: 1px solid #ccc; appearance: none; -webkit-appearance: none; accent-color: red; cursor: pointer; position: relative; outline: none; &:checked { background-color: #4A4A48 !important; border: #4A4A48 !important; &:checked::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0,0,256,256'%3E%3Cg transform='scale(8.53333,8.53333)'%3E%3Cpath fill='white' d='M26.98047,5.99023c-0.2598,0.00774-0.50638,0.11632-0.6875,0.30273l-15.29297,15.29297l-6.29297,-6.29297c-0.25082,-0.26124-0.62327,-0.36647-0.97371,-0.27511c-0.35044,0.09136-0.62411,0.36503-0.71547,0.71547c-0.09136,0.35044,0.01388,0.72289,0.27511,0.97371l7,7c0.39053,0.39037,1.02353,0.39037,1.41406,0l16,-16c0.29576,-0.28749,0.38469,-0.72707,0.22393,-1.10691c-0.16075,-0.37985-0.53821,-0.62204-0.9505,-0.60988z'/%3E%3C/g%3E%3C/svg%3E"); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -80%); width: 12px; height: 12px; pointer-events: none; } } } } .woocommerce-ordering{ width: fit-content; display: contents; select{ max-width: 225px !important; color: #1D1D1B !important; font-family: 'Roboto', sans-serif !important; font-size: 14px !important; } } select.orderby{ background-image: url('data:image/svg+xml,') !important; }