/* Theme Name: Sinergio Author: Sinergio Author URI: https://www.sinergio.be/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* ====================================== VARIABELE ====================================== */ /* ====================================== INCLUDES FUNCTIES ====================================== */ /* ====================================== ALGEMEEN ====================================== */ .mobile-link { display: none !important; } .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp { background: none !important; padding: 0 !important; } .dgwt-wcas-search-wrapp { max-width: 1000% !important; min-width: 100% !important; } .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit { padding: 0 !important; background-color: white !important; border-radius: 50% !important; width: auto !important; right: 25px !important; left: initial !important; } .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp .dgwt-wcas-search-input { font-family: "Montserrat Alternates", Sans-serif !important; font-weight: 700 !important; background-color: white !important; border-style: none !important; border-radius: 50px 50px 50px 50px !important; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); padding: 25px 25px !important; color: #E32277 !important; font-size: 14px !important; width: 100% !important; } .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp .dgwt-wcas-search-input::placeholder { color: #E32277 !important; font-weight: bold !important; font-size: 14px !important; } .shop-filters .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp .dgwt-wcas-search-input { background: white !important; padding: 15px 20px !important; } .shop-filters .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit { top: 11px !important; right: 15px !important; } .knop a, .forminator-button { font-family: "Montserrat Alternates", Sans-serif !important; font-weight: 600 !important; text-decoration: none !important; border-radius: 20px !important; padding: 15px 25px 15px 25px !important; color: white !important; background-color: var(--e-global-color-accent) !important; display: inline-block !important; font-size: 15px !important; text-align: center !important; transition: all 0.3s !important; border: none !important; } .knop a:hover, .forminator-button:hover { background-color: #E32277AD !important; color: #FFFFFF !important; } .forminator-ui { font-family: "Montserrat Alternates", Sans-serif; font-size: 15px; font-weight: 400; } .forminator-ui input, .forminator-ui textarea { padding: 15px 25px; width: 100%; border-radius: 20px; border: none; } .wpc-term-item-content-wrapper input { display: none !important; } .wpc-search-field-wrapper label { color: white !important; } .wpc-search-icon:before { filter: brightness(2); } .wpc-search-field { background: #e32277; padding: 12px 45px !important; border: none !important; color: white !important; } .wpc-search-field::placeholder { color: white !important; } a.wpc-search-clear-icon { color: white !important; } /* ====================================== EXTRA ====================================== */ .grecaptcha-badge { display: none !important; } .product-bubble del bdi { text-decoration: line-through !important; } .product-bubble span.woocommerce-Price-amount { color: white; height: 18px !important; padding: 0 !important; margin-top: -20px !important; display: inline-block !important; text-align: center !important; } .product-bubble .woocommerce-Price-amount bdi { display: flex; height: 18px; } .product-bubble .woocommerce-Price-amount del { height: 18px; display: flex; display: inline-block !important; text-align: center !important; } .product-bubble .woocommerce-Price-amount del span.woocommerce-Price-currencySymbol { width: auto !important; height: 18px !important; padding: 0 !important; } .product-bubble .woocommerce-Price-amount bdi span.woocommerce-Price-currencySymbol { width: auto !important; height: 18px !important; padding: 0 !important; } .woocommerce-order { display: none !important; } .order-overzicht .woocommerce-order { display: block !important; margin-top: -100px; } .wpc-filters-ul-list li, .wpc-filters-ul-list label a { color: #E32277 !important; font-family: "Montserrat Alternates", Sans-serif !important; } .wpc-filter-title { color: #E32277 !important; font-family: "Montserrat Alternates", Sans-serif !important; font-weight: bold !important; } .wpc-checkbox-item input { display: none !important; } .wpc-term-selected > div > label > a { border-bottom: 2px solid #E32277 !important; } .wpc-filters-ul-list .children { padding-left: 0 !important; } a, input, textarea, select, button { outline: 0; } .elementor-widget-text-editor p:last-child { margin-bottom: 0; } .woocommerce ul.products img { height: 250px !important; width: auto !important; margin: -80px auto 0 auto !important; mix-blend-mode: multiply !important; object-fit: cover; } .woocommerce ul.products li { background-color: var(--e-global-color-secondary); padding: 40px !important; border-radius: 150px; margin-top: 80px !important; position: relative; } .woocommerce ul.products .woocommerce-loop-product__title { font-size: 18px !important; font-weight: bold !important; text-align: center; line-height: 22px !important; } .woocommerce ul.products .excerpt { color: var(--e-global-color-text); text-align: center; font-family: var(--e-global-typography-text-font-family), Sans-serif; font-weight: var(--e-global-typography-text-font-weight); } .woocommerce ul.products .excerpt::after { content: ""; display: block; width: 50%; margin: auto; border-bottom: dashed thin var(--e-global-color-text); } .woocommerce ul.products .price { color: var(--e-global-color-text) !important; font-family: var(--e-global-typography-text-font-family), Sans-serif !important; font-weight: 500 !important; text-align: center !important; font-size: 18px !important; margin-top: 15px; } .woocommerce ul.products .btn_product { font-family: "Montserrat Alternates", Sans-serif !important; font-weight: 600 !important; text-decoration: none !important; border-radius: 20px !important; padding: 2px 25px 2px 20px !important; color: white !important; background-color: var(--e-global-color-accent) !important; display: inline-block !important; font-size: 15px !important; text-align: center !important; transition: all 0.3s !important; border: none !important; position: absolute; bottom: -20px; left: 0; right: 0; width: 80px; margin: auto; } .woocommerce ul.products .btn_product:hover { background-color: #E32277AD !important; color: #FFFFFF !important; } .woocommerce ul.products .btn_product svg { width: 30px; } .product-merken { text-align: center; font-weight: bold; color: black; font-family: "Outfit", sans-serif; } .badge-onsale { display: flex !important; align-items: center !important; justify-content: center !important; position: absolute !important; top: 20px !important; right: 20px !important; width: 80px !important; height: 80px !important; background: #E32277 !important; color: #fff !important; font-family: "Montserrat Alternates", Sans-serif !important; font-weight: 700 !important; font-size: 13px !important; border-radius: 50% !important; box-shadow: 0 4px 16px rgba(227, 34, 119, 0.15) !important; z-index: 10 !important; text-transform: uppercase !important; letter-spacing: 1px !important; border: 3px solid #fff !important; } .wpc-filters-section { margin-bottom: 15px !important; background: white; padding: 15px !important; border-radius: 10px; } .wpfFilterWrapper { margin-bottom: 15px !important; background: white; padding: 19px 15px 15px 15px !important; border-radius: 10px; font-family: "Montserrat Alternates", sans-serif; } .wpfFilterContent { margin-top: 10px !important; padding-top: 10px !important; border-top: 1px solid #efefef !important; color: #E32277 !important; } .wpfLiLabel { display: flex !important; align-items: center !important; } .wpfFilterVerScroll { line-height: 25px; } .wpfCheckbox { display: block !important; height: 20px !important; } .wpfTitleToggle { color: #E32277 !important; } .wpfFilterContent.wpfHide { padding-top: 0 !important; margin-top: 0 !important; border-top: none !important; } .wfpTitle { height: auto !important; color: #E32277 !important; } .wpc-filters-section.wpc-opened button { border-bottom: 1px solid #efefef !important; padding-bottom: 10px !important; } .wpc-filters-section.wpc-closed button { border-bottom: none !important; padding-bottom: 0 !important; } .wpc-filters-section button { margin-bottom: 0 !important; margin-top: 6px !important; } .wpc-filter-content { margin-top: 10px !important; } .wpc-filter-selected-values { display: none !important; } /* ====================================== IMPORTS ====================================== */ /* ====================================== HEADER ====================================== */ /* ====================================== LOGO ====================================== */ /* ====================================== NAVIGATIE ====================================== */ /* ====================================== OVERZICHT ====================================== */ /* ====================================== INDIVIDUEEL ====================================== */ /* ====================================== WINKELMAND ====================================== */ /* ====================================== AFREKENEN ====================================== */ /* ====================================== THANK YOU ====================================== */ .forminator-module-edit-link { display: none !important; } .cmplz-blocked-content-container { position: relative; } .cmplz-blocked-content-container::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.3); } .forminator-g-recaptcha.cmplz-placeholder-element { background: none !important; } .forminator-g-recaptcha.cmplz-blocked-content-container { box-shadow: none !important; margin-bottom: 0 !important; } .forminator-g-recaptcha.cmplz-blocked-content-container::after { display: none !important; } .cmplz-blocked-content-notice { border-radius: 10px !important; border: none !important; padding: 15px !important; color: white !important; background: #302f3e !important; box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.4) !important; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .cmplz-blocked-content-notice:hover { background: #434159 !important; } /* ====================================== FOOTER ====================================== */ /* ====================================== SINERGIO ====================================== */ .sinergio img { height: 30px; width: auto; } /* ====================================== RESPONSIVE ====================================== */ /* BIG SCREEN */ /* MID SCREEN */ /* SMALL SCREEN */ /* TABLET */ @media screen and (max-width: 991px) { .shop-overzicht .products { grid-template-columns: repeat(2, 1fr); } } /* SMARTPHONE */ @media screen and (max-width: 768px) { .shop-overzicht .products { grid-template-columns: repeat(1, 1fr); } .mobile-link { display: initial !important; } } /* EXTRA */ /* ====================================== NUTTIGE FUNCTIES ========================================= @include transition; -> Transitie functie ophalen @include transition_easyload; -> Transitie easyload functie ophalen @include displayflex; -> Display Flex ========================================= */