/* ========================================================================== * Overgezette Customizer-CSS * * Konro Grill - child theme. Overgezet uit Customizer > Extra CSS * op 2026-09-18. Inhoud van dit bestand: * - Header, topbar, mega-menu en kruimelpad (40 regels) * - Webshop - overzicht, filters en productkaarten (2 regels) * - Productpagina (29 regels) * - Winkelwagen, checkout en verzending (21 regels) * - Mijn account en cadeaubonnen (1 regels) * - Footer (1 regels) * - Acties, banners, popups en meldingen (1 regels) * - Losse thema- en WPBakery-elementen (3 regels) * - Uitzonderingen per product of productcategorie (4 regels) * - Uitzonderingen op een specifieke pagina (op ID) (3 regels) * * LET OP: deze bestanden laden laat in de , op exact de plek waar de * oude "Extra CSS" stond. Ze overschrijven daarom zowel het Total-thema als * style.css en de andere stylesheets van dit child theme. Zet nieuwe regels * bij voorkeur in style.css; gebruik dit bestand alleen om te overschrijven. * ========================================================================== */ /* -------------------------------------------------------------------------- * Header, topbar, mega-menu en kruimelpad * -------------------------------------------------------------------------- */ #trp-floater-ls.trp-bottom-right {right: 7% !important;} #sfm-sidebar {z-index: 9999999999;} #sfm-sidebar .sfm-view .sfm-menu { display: block; flex-flow: unset; align-items: flex-start; justify-content: flex-start; margin-top: 80px; padding-top: 0 !important; } .sfm-toggle-hover .sfm-sidebar-close {display: block;} #sfm-sidebar .sfm-nav {margin-top: 10px !important; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.15);} #sfm-sidebar .sfm-social {position: absolute; bottom: 0; top: unset;} #sfm-sidebar .sfm-view .sfm-back-parent { border-bottom: 1px solid rgba(255,255,255,.15); color: #fff !important; height: 60px; padding-left: 18%; padding-top: 22px; } #sfm-sidebar .sfm-back-parent span {font-size: 100%;} #sfm-sidebar.sfm-hl-line .sfm-menu li.sfm-active-class > a {background: transparent !important; color: #ce9b4a;} #sfm-sidebar .sfm-menu li a {line-height: 1.35;} #sfm-sidebar .sfm-menu-level-0.sfm-menu li a {color: #fff;} #sfm-sidebar .sfm-view-level-1 li a, #sfm-sidebar .sfm-menu-level-1 li a, #sfm-sidebar .sfm-view-level-2 li a, #sfm-sidebar .sfm-menu-level-2 li a, #sfm-sidebar .sfm-view-level-3 li a, #sfm-sidebar .sfm-menu-level-3 li a, #sfm-sidebar .sfm-view-level-4 li a, #sfm-sidebar .sfm-menu-level-4 li a {color: #fff !important;} #sfm-sidebar .sfm-menu li > a:before {display: none !important;} #sfm-sidebar .sfm-nav {position: unset !important;} #sfm-sidebar .sfm-va-middle {vertical-align: top !important;} #sfm-overlay {background: #000 !important;} #sfm-sidebar .sfm-menu li a, #sfm-sidebar .sfm-chapter, #sfm-sidebar .sfm-back-parent {text-transform: none !important;} #sfm-sidebar.sfm-sidebar-exposed .sfm-logo {padding: 0 12px;} #sfm-sidebar.sfm-sidebar-exposed .sfm-widget.sfm-widget-bottom {width: 100%;} #sfm-sidebar.sfm-sidebar-exposed .dgwt-wcas-search-wrapp {margin: 0; min-width: unset;} #mega-menu-wrap-main_menu #mega-menu-main_menu {display: flex; justify-content: center;} .mega-menu-item-7220 .mega-sub-menu {width: fit-content !important;} .menu-image-title-after.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper, .menu-image-title-before.menu-image-title {width: 105px; max-width: 105px;} a.menu-image-title-after.mega-menu-link {display: flex !important; align-items: center;} #menu-hoofdmenu li a {font-family: 'Bebas Neue', sans-serif; letter-spacing: .12rem; font-size: 16px;} .top-bar-item {display: inline-flex; align-items: center; gap: 4px;} .top-bar-item:before { content: '\e5ca'; font-family: 'Material Icons Outlined'; font-weight: bold; color: #4BB828; font-size: 1.3em; } #weglot-switcher-1 {display: none;} @media (max-width: 992px) { .header-search a {display: flex;} .dgwt-wcas-search-wrapp .mobile-toggle-nav__link-wrap {display: none;} .dgwt-wcas-search-form {margin-bottom: 12px;} .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-flexible-loaded {display: block;} .dgwt-wcas-ico-magnifier-handler {display: none;} } .dgwt-wcas-search-form {opacity: 1 !important;} @media only screen and (min-width: 768px) { .searchform--classic {height: 100%;} .searchform--classic .searchform-input { height: 100%; font-family: 'Roboto'; font-size: 14px; padding-inline-end: 34px; border: 1px solid #222; color: #222; } .searchform--classic .searchform-submit {color: #222; opacity: 1;} .dgwt-wcas-search-menu-item {position: absolute; display: inline-block; top: 15%; right: 13%;} .mega-menu-item-173 {position: absolute !important; right: 8% !important;} .mega-menu-item-7220 {position: absolute !important; right: 3% !important;} } /* -------------------------------------------------------------------------- * Webshop - overzicht, filters en productkaarten * -------------------------------------------------------------------------- */ .woocommerce .onsale, .woocommerce .outofstock-badge {top: 35px;} .shop_table {border: none !important;} /* -------------------------------------------------------------------------- * Productpagina * -------------------------------------------------------------------------- */ .cwgstock_button {background: #DA3034; padding: 10px !important; line-height: normal;} .cwgstock_button:hover {background: #b43134;} .woocommerce .product p.stock.available-on-backorder {display: none !important;} .dynamic-product-price {font-size: 1.2em; font-weight: bold; color: #DA3034;} .dynamic-product-price .woocommerce-Price-amount {color: #DA3034;} .dynamic-product-price del {opacity: 0.6; margin-right: 8px;} .price-unavailable {color: #95a5a6; font-style: italic;} .product.ad .st0 {fill: #da3133 !important;} .woocommerce span.on-preorder {display: none;} .free-gift { border: 2px solid #DA3034; background: url(/wp-content/uploads/2025/11/Kasai-Skewer-Rack-Visual-1.jpg;) no-repeat left center; color: #fff; padding: 20px; margin-bottom: 12px; display: grid; grid-template-columns: 20% auto; align-items: center; gap: 16px; } .free-gift .left-col, .free-gift .right-col {display: grid; gap: 6px;} .free-gift h3 {color: #DA3034 !important; font-size: 28px;} .free-gift p {margin-bottom: 0 !important; line-height: 1.5em;} .free-gift img {width: 100px; border-radius: 100%;} .free-gift a {font-weight: 500;} .free-gift span {font-size: 80%; font-style: italic; color: #cdcdcd;} .product.ad .wpex-template-shortcode {height: 100%; text-align: center;} .product.ad .wpex-template-shortcode:before { position: absolute; content: ''; display: block; top: 15px; bottom: 15px; left: 15px; right: 15px; border: solid 4px #da3034; z-index: 999; } .product.ad .vcex-animated-text {color: #fff !important; font-family: 'Bebas Neue'; letter-spacing: .10rem; font-size: 1.6em;} .product.ad p {color: #fff !important; font-size: 1.2em; line-height: normal;} .pre-order { background: rgba(218,48,52,0.08); width: fit-content; padding: 16px; color: #DA3034; margin: 12px 0; font-weight: 600; } .woocommerce .product .summary del {font-size: 0.8em;} .product.product-type-simple .summary .bundle_sells_title h3 {margin-bottom: 10px;} .product.product-type-simple .summary .bundle_form .bundled_product.product .bundled_product_excerpt {display: none;} .product.product-type-simple .summary .bundle_sells_title+.bundle_form.bundle_sells_form { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 10px; width: 100%; } .product.product-type-simple .summary .bundle_sells_title+.bundle_form.bundle_sells_form .bundle_data {display: none;} .product.product-type-simple .summary .bundle_form .bundled_product.bundled_product_summary.bundled_item_optional {border: 2px solid #DA3034 !important; border-bottom: 2px solid #DA3034 !important;} @media only screen and (min-width: 768px) { .free-gift h3 {font-size: 25px !important;} .product.ad {margin-left: 20px; margin-right: 20px;} } /* -------------------------------------------------------------------------- * Winkelwagen, checkout en verzending * -------------------------------------------------------------------------- */ #billing_eu_vat_number_field {display: none !important;} .bundle_sells_form .bundled_product .details .cart {display: none;} .woocommerce-cart-form .cross-sells .price {display: flex; flex-direction: column; align-items: flex-start;} .wpex-mini-cart-item__quantity br, .wpex-mini-cart-item__quantity .preorder-cart-notice {display: none;} .woocommerce-cart-form .preorder-cart-notice {color: #DA3034 !important; font-size: 1em; font-weight: 500;} #wpex-off-canvas-cart {z-index: 9999999;} #wpex-off-canvas-cart .wpex-mini-cart-item {display: grid; grid-template-columns: 0.2fr 1fr; grid-template-rows: 1fr;} #wpex-off-canvas-cart .wpex-mini-cart-item .wpex-mini-cart-item__info {display: inline-grid; grid-template-columns: auto auto auto auto; gap: 12px; align-items: center;} #wpex-off-canvas-cart .wpex-mini-cart-item .wpex-mini-cart-item__info .wpex-mini-cart-item__data {display: none;} #wpex-off-canvas-cart .wpex-mini-cart-item__image {width: 50px; height: 50px;} #wpex-off-canvas-cart .wpex-mini-cart-item__image img {max-width: 50px;} #wpex-off-canvas-cart .wpex-mini-cart-item .wpex-mini-cart-item__info .wpex-mini-cart-item__title {margin-bottom: 0;} #wpex-off-canvas-cart .wpex-mini-cart-item .wpex-mini-cart-item__info .wpex-mini-cart-item__quantity .woocommerce-Price-amount {font-size: 1em; color: #333; font-weight: 600;} #wpex-off-canvas-cart .wpex-mini-cart-item__actions {margin-top: 0;} #wpex-off-canvas-cart .wpex-mini-cart-item__actions .remove_from_cart_button {font-size: 0; text-decoration: none;} #wpex-off-canvas-cart .wpex-mini-cart-item__actions .remove_from_cart_button:after { content: '\e5cd'; font-family: 'Material Icons Outlined'; font-size: 18px; color: rgba(0,0,0,0.4); transition: .3s; } #wpex-off-canvas-cart .wpex-mini-cart-item__actions .remove_from_cart_button:hover:after {color: rgba(218,48,52,1);} #wpex-off-canvas-cart .wpex-mini-cart__footer .woocommerce-Price-amount {font-size: 1em; color: #333; font-weight: 600;} .woocommerce .product form.cart {order: 2;} @media (max-width: 992px) { .wpex-cart-link__count, .wpex-cart-link__dash, .wpex-cart-link__price {display: none;} } @media only screen and (min-width: 768px) { .menu-item.wcmenucart-toggle-off-canvas {position: absolute !important; right: 0 !important;} } /* -------------------------------------------------------------------------- * Mijn account en cadeaubonnen * -------------------------------------------------------------------------- */ #pwgc-email-preview-button {line-height: normal; letter-spacing: 1px; font-size: 1.1em;} /* -------------------------------------------------------------------------- * Footer * -------------------------------------------------------------------------- */ @media (max-width: 992px) { .wwk-sidebar--top {display: none !important;} } /* -------------------------------------------------------------------------- * Acties, banners, popups en meldingen * -------------------------------------------------------------------------- */ .gewichtstoeslag-notice { background: #fff8e1; border-left: 4px solid #f0a500; padding: 10px 14px; margin-top: 12px; font-size: 0.9em; color: #555; } /* -------------------------------------------------------------------------- * Losse thema- en WPBakery-elementen * -------------------------------------------------------------------------- */ .partners-row .wpex-icon svg {fill: #fff !important;} .vc_separator_no_text {display: block; margin-top: 10px;} .vc_separator_no_text .vc_sep_line {height: 4px !important;} /* -------------------------------------------------------------------------- * Uitzonderingen per product of productcategorie * -------------------------------------------------------------------------- */ #product-9922 .single_variation_wrap {width: 100%;} #product-9922 > div.summary.entry-summary > form > table > tbody > tr.attribute-gift-card-amount > td {display: flex; row-gap: 10px; flex-wrap: wrap;} #product-9922 .woocommerce-tabs {display: none;} #product-9922 .summary .quantity {width: auto; float: left;} /* -------------------------------------------------------------------------- * Uitzonderingen op een specifieke pagina (op ID) * -------------------------------------------------------------------------- */ .page-id-14 .u-columns.col2-set .col-1, .page-id-14 .u-columns.col2-set .col-2 {background: #fff;} @media only screen and (min-width: 768px) { .page-id-14 .u-columns.col2-set .col-1, .page-id-14 .u-columns.col2-set .col-2 {position: relative; height: calc(100% + 60px);} .page-id-14 .u-columns.col2-set .col-1 .woocommerce-button, .page-id-14 .u-columns.col2-set .col-2 .woocommerce-button {position: absolute; bottom: 25px; width: calc(100% - 50px); letter-spacing: 1px;} }