/* 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 ====================================== */ .woocommerce-LoopProduct-link img { aspect-ratio: 1; object-fit: contain; border: 1px solid #f1f1f1; } .new-badge { background: #fa0301; color: white; font-size: 18px; font-weight: bold; font-style: italic; padding: 5px 10px; position: absolute; top: 10px; right: 0; } .pwgc-input-text, #pwgc-message { border: 1px solid #0b2e57 !important; background-color: #0b2e570a !important; padding: 10px !important; } #pwgc-redeem-gift-card-form { display: none !important; } .onsale { top: 53px !important; } .price del { font-weight: bold; } .price ins { text-decoration: none; } .price ins bdi { font-weight: normal; } .detail-new-badge, .detail-sale-badge { background: #fa0301; color: white; font-size: 16px; font-weight: bold; font-style: italic; padding: 5px 10px; display: inline-block; margin-bottom: 5px; } form.variations_form { padding: 20px; background: #0b2e570a; } .variations th { padding: 0 !important; height: 40px !important; display: flex; align-items: center; } .variations th label { margin: 0 !important; } .variations select { width: 100%; border: 1px solid #bfd1e0; padding: 5px 10px; } .variations .reset_variations { display: none !important; } .woocommerce-variation-price { margin-bottom: 10px; font-size: 18px !important; } .woocommerce-variation-price span { color: #0b2e57; font-weight: bold; text-decoration: none !important; } .woocommerce-variation-price del { color: #0b2e57 !important; } .berocket_single_filter_widget h3 { font-weight: bold !important; font-size: 18px !important; margin-top: 0 !important; } .berocket_single_filter_widget select { width: 100%; border: 1px solid #bfd1e0; padding: 10px; min-width: 150px; } .bapf_sfilter { margin-bottom: 0 !important; } .wpc-term-item-content-wrapper input { display: none !important; } div.wpc-filters-section { margin-bottom: 20px !important; } .wpc-filter-title { font-size: 20px !important; } .wpc-term-selected label a { color: #1E73BE !important; font-weight: bold !important; border-bottom: 1px solid #1E73BE !important; } .wpc-filters-section { margin-right: 20px; margin-bottom: 0 !important; } .wpc-filter-title { font-size: 16px; font-weight: bold; } .wpc-filter-content a { font-size: 16px !important; } .woocommerce-order { max-width: 1000px !important; margin: 30px auto !important; background: #fff !important; border: 1px solid #999 !important; border-radius: 5px !important; padding: 28px !important; color: #333333 !important; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; /* small adjustments */ } .woocommerce-order .woocommerce-notice--success { background: #333333 !important; /* neutral dark */ color: #fff !important; padding: 14px 18px !important; border-radius: 4px !important; margin-bottom: 20px !important; font-weight: 600 !important; border-left: 6px solid #fa0301 !important; /* accent red */ } .woocommerce-order .woocommerce-order-overview { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 10px 28px !important; list-style: none !important; padding: 0 !important; margin: 0 0 24px 0 !important; } .woocommerce-order .woocommerce-order-overview li { font-size: 15px !important; color: #333333 !important; /* navy accent */ } .woocommerce-order .woocommerce-order-overview li strong { color: #0b2e57 !important; font-weight: 700 !important; } .woocommerce-order .woocommerce-order-overview li.woocommerce-order-overview__order, .woocommerce-order .woocommerce-order-overview li.woocommerce-order-overview__date { font-weight: 400 !important; } @media (max-width: 600px) { .woocommerce-order .woocommerce-order-overview { grid-template-columns: 1fr !important; } } .woocommerce-order .woocommerce-order-details { margin-bottom: 22px !important; } .woocommerce-order .woocommerce-order-details::before { display: none !important; } .woocommerce-order .woocommerce-order-details__title { font-size: 20px !important; color: #0b2e57 !important; margin: 0 0 12px 0 !important; font-weight: 700 !important; } .woocommerce-order .woocommerce-order-details table.shop_table { width: 100% !important; border-collapse: collapse !important; background: transparent !important; } .woocommerce-order .woocommerce-order-details table.shop_table th, .woocommerce-order .woocommerce-order-details table.shop_table td { padding: 12px 14px !important; border-bottom: 1px solid #adadad !important; vertical-align: middle !important; } .woocommerce-order .woocommerce-order-details table.shop_table thead th { background: rgba(11, 46, 87, 0.06) !important; color: #0b2e57 !important; text-align: left !important; font-weight: 700 !important; } .woocommerce-order .woocommerce-order-details table.shop_table tbody tr td.product-name a { color: #333333 !important; font-weight: 600 !important; text-decoration: none !important; } .woocommerce-order .woocommerce-order-details table.shop_table tbody tr td.product-total { text-align: right !important; color: #0b2e57 !important; font-weight: 700 !important; } .woocommerce-order .woocommerce-order-details table.shop_table tfoot th { text-align: left !important; color: #333333 !important; font-weight: 600 !important; } .woocommerce-order .woocommerce-order-details table.shop_table tfoot td { text-align: right !important; color: #333333 !important; } .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:last-child th, .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:last-child td { font-size: 16px !important; font-weight: 700 !important; } .woocommerce-order .order-again { margin-top: 14px !important; } .woocommerce-order .order-again .button { background: #0b2e57 !important; color: #fff !important; padding: 10px 18px !important; border-radius: 5px !important; border: none !important; text-decoration: none !important; display: inline-block !important; font-weight: 700 !important; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .woocommerce-order .order-again .button:hover { background: #071d37 !important; } .woocommerce-order .woocommerce-customer-details { margin-top: 16px !important; } .woocommerce-order .woocommerce-customer-details .woocommerce-column__title { font-size: 18px !important; color: #0b2e57 !important; margin-bottom: 8px !important; font-weight: 700 !important; } .woocommerce-order .woocommerce-customer-details address { background: rgba(11, 46, 87, 0.04) !important; padding: 12px !important; border-radius: 4px !important; line-height: 1.45 !important; color: #333333 !important; } .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--email { display: block !important; margin-top: 8px !important; color: #0b2e57 !important; font-weight: 600 !important; } .woocommerce-order .wc-item-meta { margin-top: 8px !important; padding-left: 0 !important; } .woocommerce-order .wc-item-meta li { list-style: none !important; margin-bottom: 6px !important; } /* mobile tweaks */ @media (max-width: 480px) { .woocommerce-order { padding: 18px !important; } .woocommerce-order .woocommerce-order-overview { gap: 10px !important; } } .postid-4817 .related-products { display: none !important; } /* ====================================== EXTRA ====================================== */ a, input, textarea, select, button { outline: 0; } .elementor-widget-text-editor p:last-child { margin-bottom: 0; } /* ====================================== 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 */ /* SMARTPHONE */ @media screen and (max-width: 768px) { .wpc-filters-widget-wrapper { flex-direction: column; } .wpc-filters-section { margin-right: 0; } } /* EXTRA */ /* ====================================== NUTTIGE FUNCTIES ========================================= @include transition; -> Transitie functie ophalen @include transition_easyload; -> Transitie easyload functie ophalen @include displayflex; -> Display Flex ========================================= */