/* ========================================================================== * Uitzonderingen per product, per pagina en animaties * * The Fire Station - child theme. Overgezet uit Customizer > Extra CSS * op 2026-09-17. Inhoud van dit bestand: * - Uitzonderingen per product of productcategorie (45 regels) * - Uitzonderingen op een specifieke pagina (op ID) (82 regels) * - Animaties (@keyframes) * * 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. * ========================================================================== */ /* -------------------------------------------------------------------------- * Uitzonderingen per product of productcategorie * -------------------------------------------------------------------------- */ .product.post-63324 .bundled_product:not(.bundled_item_optional) {background: #181818; border: 2px solid #CE9B4A !important;} .product.post-63324 .bundled_product:not(.bundled_item_optional) .product_title {color: #fff;} .product.post-63324 .bundled_product:not(.bundled_item_optional) .product_excerpt {color: #CE9B4A !important;} .product.post-63324 .bundled_product.bundled_item_optional {border-color: #f26520 !important;} .product.post-63324 .bundled_product.bundled_item_optional .product_excerpt p {color: #f26520 !important;} .product.post-63324 .bundled_item_7464:before { content: 'Tip!'; font-family: 'Manufaktur'; display: block; width: auto; height: auto; background: #f26520; position: absolute; left: -8px; top: 8px; border-radius: 0px; padding: 2px 8px; text-transform: uppercase; font-weight: 700; color: #fff; letter-spacing: 0.9px; box-shadow: 0 3px 10px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .2); } .product.product_cat-langere-levertijd .stock {display: none !important;} .product.product_cat-gozney p.stock, .product.product_cat-delivita p.stock {display: none !important;} /* ROCK'N'RUBS MIX N MATCH */ .products .product.post-61982 .price bdi:before {content: "Vanaf "; display: inline;} .post-61982 .bundled_item_5938 .price .bundled_item_price_quantity {display: none !important;} .post-61982 .bundle_form .bundled_item_5938 { display: flex !important; flex-basis: 100% !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; border-color: #C93E19 !important; } .post-61982 .bundle_form .bundled_item_5938 .bundled_product_excerpt {color: #C93E19 !important;} .post-61982 .bundle_form .bundled_item_5938 .bundled_product_images {max-width: 150px !important;} .post-61982 .bundle_form .bundled_item_5938 .details {text-align: left !important; margin-left: 24px;} .post-61982 .bundle_form .bundled_item_5938 span.price {justify-content: start !important;} .post-61982 .bundle_form .bundled_item_5938 .cart .quantity {margin: 0 !important;} /* TOMASU MIX N MATCH */ .products .product.post-62840 .price bdi:before {content: "Vanaf "; display: inline;} .post-62840 .bundled_item_6662 .price .bundled_item_price_quantity {display: none !important;} .post-62840 .bundle_form .bundled_item_6662 { display: flex !important; flex-basis: 100% !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; border-color: #C93E19 !important; } .post-62840 .bundle_form .bundled_item_6662 .bundled_product_excerpt {color: #C93E19 !important;} .post-62840 .bundle_form .bundled_item_6662 .bundled_product_images {max-width: 150px !important;} .post-62840 .bundle_form .bundled_item_6662 .details {text-align: left !important; margin-left: 24px;} .post-62840 .bundle_form .bundled_item_6662 span.price {justify-content: start !important;} .post-62840 .bundle_form .bundled_item_6662 .cart .quantity {margin: 0 !important;} .post-62840 .bundle_form .bundled_product_summary:not(.bundled_item_6662) {flex-basis: calc(50% - 7px) !important;} span.onsale.on-preorder .stock {display: none !important;} .woocommerce .product.product_cat-bastard-xl .summary .upsells ul.products {grid-template-columns: repeat(2, 1fr);} .woocommerce .product.product_cat-big-green-egg-mini .summary .upsells ul.products {grid-template-columns: repeat(2, 1fr);} .woocommerce .product.product_cat-kamado-joe-classic-1 .summary .upsells ul.products {grid-template-columns: repeat(2, 1fr);} .woocommerce .product.product_cat-kamado-joe-junior .summary .upsells ul.products {grid-template-columns: repeat(2, 1fr);} .woocommerce .product.product_cat-yakiniku-large .summary .upsells ul.products {grid-template-columns: repeat(2, 1fr);} .woocommerce .product.product_cat-yakiniku-medium .summary .upsells ul.products {grid-template-columns: repeat(2, 1fr);} .woocommerce .product.product_cat-yakiniku-compact .summary .upsells ul.products {grid-template-columns: repeat(2, 1fr);} .woocommerce .product.product_cat-grill-guru .summary .upsells ul.products {grid-template-columns: repeat(2, 1fr);} /* Big Green Egg Mini Compleet ipv Deluxe */ .woocommerce .product.product_cat-big-green-egg-mini .summary .upsells ul.products .product:last-child .product-details:before {content: 'Compleet';} .woocommerce .product.product_cat-monolith-junior .summary .upsells ul.products {grid-template-columns: repeat(2, 1fr);} /* Monolith Junior Fire Plate Pack ipv Compleet */ .woocommerce .product.product_cat-monolith-junior .summary .upsells ul.products .product:first-child .product-details:before {content: 'Fire Plate Pack';} /* Monolith Junior Fire Plate Plus Pack ipv Deluxe */ .woocommerce .product.product_cat-monolith-junior .summary .upsells ul.products .product:last-child .product-details:before {content: 'Fire Plate Plus Pack';} .woocommerce .product.product_cat-monolith-icon .summary .upsells ul.products {grid-template-columns: repeat(2, 1fr);} /* Monolith ICON Fire Plate Pack ipv Compleet */ .woocommerce .product.product_cat-monolith-icon .summary .upsells ul.products .product:first-child .product-details:before {content: 'Fire Plate Pack';} /* Monolith ICON Fire Plate Plus Pack ipv Deluxe */ .woocommerce .product.product_cat-monolith-icon .summary .upsells ul.products .product:last-child .product-details:before {content: 'Fire Plate Plus Pack';} @media only screen and (max-width: 768px) { .product_cat-masterclasses .keuze-row {gap: 24px; flex-wrap: wrap !important;} } /* ** QUICK ADD TO CART BUTTON VERVANGEN DOOR PIJLTJE ** */ .products .product.product_cat-bastard-bbq .button:before, .products .product.product_cat-big-green-egg-bbq .button:before, .products .product.product_cat-big-green-egg-tafel .button:before, .products .product.product_cat-kamado-joe-bbq .button:before, .products .product.product_cat-monolith-bbq .button:before, .products .product.product_cat-yakiniku-bbq .button:before, .products .product.product_cat-grill-guru-bbq .button:before, .products .product.product_cat-gozney-dome .button:before, .products .product.product_cat-gozney-arc .button:before, .products .product.product_cat-gozney-arc-xl .button:before, .products .product.product_cat-gozney-tread .button:before, .products .product.product_cat-napoleon-bbq .button:before, .products .product.product_cat-delivita-chef .button:before, .products .product.product_cat-delivita-diavolo .button:before, .products .product.product_cat-delivita-dual-fuel .button:before, .products .product.product_cat-delivita-wood-fired-oven .button:before, .products .product.product_cat-gozney-dome-gen-2 .button:before, .products .product.product_cat-gozney-dome-xl-gen-2 .button:before { content: ''; background: url(/wp-content/uploads/2025/02/arrow-right-white-3.svg) no-repeat; display: block; width: 31px; height: 32px; background-size: 100%; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .outofstock.product_cat-big4space .variations_form {display: none;} .product.product_cat-bastard-bbq p.stock, .product.product_cat-big-green-egg-bbq p.stock, .product.product_cat-big-green-egg-tafel p.stock, .product.product_cat-kamado-joe-bbq p.stock, .product.product_cat-monolith-bbq p.stock, .product.product_cat-yakiniku-bbq p.stock, .product.product_cat-grill-guru p.stock, .product.product_cat-napoleon-bbq p.stock {visibility: hidden !important;} /* -------------------------------------------------------------------------- * Uitzonderingen op een specifieke pagina (op ID) * -------------------------------------------------------------------------- */ #overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; z-index: 9999; } #brave_popup_53830__step__0 #brave_element--OK5fO5cGRBYc978dYkE .brave_form_custom_content {color: #fff !important;} body.page:not(.page-parent):not(.page-child) .site-breadcrumbs {display: none;} body.page-parent:not(.page-child) .site-breadcrumbs {display: none;} body.page-id-43621 .sticky-buttons, body.page-id-66945 .sticky-buttons {display: none !important;} .page-id-45021 .usp-slider {padding: 48px 0; background: #181818;} .page-id-45021 .usp-slider .owl-item {width: fit-content !important; margin: 0 64px !important; text-align: center;} .page-id-45021 .usp-slider h2 {color: #CE9B4A; font-size: 1.3em;} .page-id-43609 .usp-slider {padding: 48px 0; background: #181818;} .page-id-43609 .usp-slider .owl-item {width: fit-content !important; margin: 0 64px !important; text-align: center;} .page-id-43609 .usp-slider h2 {color: #CE9B4A; font-size: 1.3em;} .page-id-43609 .img-products-row {margin: 48px 0; background: #181818; height: 1000px;} .page-id-43609 .img-products-row > .vc_column_container {height: 100%;} .page-id-43609 .img-products-row > .vc_column_container > .vc_column-inner {padding: 0; height: 100%;} .page-id-43609 .img-products-row > .vc_column_container > .vc_column-inner > .wpb_wrapper {height: 100%;} .page-id-43609 .img-products-row .vcex-image {padding: 48px;} .page-id-43609 .img-products-row .woocommerce {position: relative; top: -250px; padding: 72px;} .page-id-43609 .img-products-row .woocommerce .product-inner .wpex-loop-product-images { -webkit-box-shadow: 0px -20px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px -20px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px -20px 10px 0px rgba(0,0,0,0.4); } .page-id-49179 .mogelijkheden-row .vcex-teaser, .page-id-49179 .mogelijkheden-row-alt .vcex-teaser {padding: 24px; flex: 1 0 23%; max-width: 24%;} #brave_popup_51587__step__0 #brave_element--OHrjyPMQO-94EWAtY0m {height: calc(100% - 100px) !important;} #brave_popup_51587__step__0 #brave_element--OHrjyPMQO-94EWAtY0m h2 {font-size: 1.4em; line-height: 1.2em; margin-top: 0; color: #CE9B4A;} #brave_popup_51587__step__0 #brave_element--OHrjyPMQO-94EWAtY0m p { font-size: 1.2em; line-height: 1.6em; margin-top: 0; color: #fff; font-family: 'Quattrocento Sans'; } #brave_popup_51587__step__0 #brave_element--OHrjyPMQO-94EWAtY0m ul {font-size: 1.2em; line-height: 1.6em; color: #fff; font-family: 'Quattrocento Sans';} @media only screen and (min-width: 769px) { .workshop-card .workshop-info > .wpb_column > .vc_column-inner {padding: 0;} .recept-card .recept-informatie > .wpb_column > .vc_column-inner {padding: 0;} /* ** NAPOLEON PAGINA'S MOGELIJKHEDEN 3 KOLOMMEN IPV 4 ** */ .vcex-flex-container.drie-kolommen .vcex-teaser {flex: 1 0 32%;} /* * / ** LANDINGSPAGINA MOGELIJKHEDEN 3 KOLOMMEN IPV 4 ** */ body.page-id-59071 .mogelijkheden-row .vcex-teaser {flex: 1 0 30%;} /* * / ** GOZNEY DOME 2 KOLOMMEN IPV 4 ** */ body.page-id-52806 .modellen-row-25.twee-kolommen .vcex-teaser, body.home .modellen-row-25.twee-kolommen .vcex-teaser {flex: 1 0 45% !important; flex-direction: row !important;} body.page-id-52806 .modellen-row-25.twee-kolommen .vcex-teaser .vcex-teaser-media, body.home .modellen-row-25.twee-kolommen .vcex-teaser .vcex-teaser-media {width: 50%; margin-bottom: 0;} body.page-id-52806 .modellen-row-25.twee-kolommen .vcex-teaser .vcex-teaser-content, body.home .modellen-row-25.twee-kolommen .vcex-teaser .vcex-teaser-content {flex-direction: column !important; justify-content: center;} body.page-id-52806 .modellen-row-25.twee-kolommen .vcex-teaser .vcex-teaser-content .vcex-teaser-button-wrap, body.home .modellen-row-25.twee-kolommen .vcex-teaser .vcex-teaser-content .vcex-teaser-button-wrap {margin-top: 0 !important;} /* ** Cursus 2 KOLOMMEN IPV 4 ** */ body.page-id-57071 .modellen-row-25 .vcex-teaser {flex: 0 20vh 45%;} body.page-id-57071 .modellen-row-25 .vcex-module {justify-content: center; align-items: center;} /* * / ** ROOSTR pagina video instellingen** */ body.page-id-57037 #roostr-logo-holder { min-height: 70vh !important; max-height: 70vh !important; min-width: 100vw !important; overflow: hidden; pointer-events: none; display: flex; justify-content: center !important; align-items: center !important; } body.page-id-57037 .roostr-logo {margin: auto;} body.page-id-57037 #roostr-tekst-midden {width: 30vw;} /* * / ** roostr rubix pagina video instellingen** */ body.page-id-57362 #roostr-logo-holder { min-height: 70vh !important; max-height: 70vh !important; min-width: 100vw !important; overflow: hidden; pointer-events: none; display: flex; justify-content: center !important; align-items: center !important; } body.page-id-57362 .roostr-logo {margin: auto;} body.page-id-57362 #roostr-tekst-midden {width: 30vw;} body.page-id-57362 #video-container-rubix {display: flex !important; justify-content: center !important; align-items: center !important;} body.page-id-57362 .wpb_column.vc_column_container.vc_col-sm-8 .vc_column-inner {margin-bottom: 0px;} /* * / ** roostr pagina's topfoto goude rand pagina video instellingen** / ** roostr rubix ** */ body.page-id-57362 .vcex-video-inner::before { position: absolute; content: ''; display: block; top: -20px; bottom: 20px; left: -20px; right: 20px; border: solid 4px #ce9b4a; z-index: 999; } body.page-id-57362 .tekst-afb-row.wpb_fadeInUp .vcex-image-inner::before { position: absolute; content: ''; display: block; top: -20px; bottom: 20px; left: -20px; right: 20px; border: solid 4px #ce9b4a; z-index: 999; } body.page-id-57362 #Roostr-Room-vid .vcex-video-inner::before { position: absolute; content: ''; display: block; top: -20px; bottom: 20px; right: -20px; left: 20px; border: solid 4px #ce9b4a; z-index: 999; } /* ** roostr wave ** */ body.page-id-57901 .tekst-afb-row.wpb_fadeInUp .vcex-image-inner::before { position: absolute; content: ''; display: block; top: -20px; bottom: 20px; left: -20px; right: 20px; border: solid 4px #ce9b4a; z-index: 999; } body.page-id-57901 #Roostr-Room-Wave-vid .vcex-video-inner::before { position: absolute; content: ''; display: block; top: -20px; bottom: 20px; right: -20px; left: 20px; border: solid 4px #ce9b4a; z-index: 999; } /* ** roostr allure ** */ body.page-id-58046 .tekst-afb-row.wpb_fadeInUp .vcex-image-inner::before { position: absolute; content: ''; display: block; top: -20px; bottom: 20px; left: -20px; right: 20px; border: solid 4px #ce9b4a; z-index: 999; } body.page-id-58046 #Roostr-Room-Allure-vid .vcex-video-inner::before { position: absolute; content: ''; display: block; top: -20px; bottom: 20px; right: -20px; left: 20px; border: solid 4px #ce9b4a; z-index: 999; } } @media only screen and (max-width: 768px) { .mogelijkheden-row.five-col .vcex-teaser, .mogelijkheden-row-alt.five-col .vcex-teaser {flex: 0 0 82%; scroll-snap-align: start;} .page-id-49179 .mogelijkheden-row .vcex-teaser, .page-id-49179 .mogelijkheden-row-alt .vcex-teaser {flex: 0 0 82%; max-width: unset; scroll-snap-align: start;} .page-id-55107 .mogelijkheden-row .vcex-teaser, .page-id-55107 .mogelijkheden-row-alt .vcex-teaser {flex: 0 0 82%; max-width: unset; scroll-snap-align: start;} .page-id-43609 .img-products-row {height: unset;} .page-id-43609 .img-products-row .vcex-image {padding: 24px;} .page-id-43609 .img-products-row .woocommerce {position: relative; top: unset; padding: 24px;} .page-id-43609 .img-products-row .woocommerce .owl-nav {margin-top: 0;} /* ** roostr pagina video instellingen** */ body.page-id-57037 #roostr-logo-holder { min-height: 40vh !important; max-height: 40vh !important; min-width: 100vw !important; overflow: hidden; pointer-events: none; display: flex; justify-content: center !important; align-items: center !important; } body.page-id-57037 .roostr-logo {margin: auto; max-width: 55vw !important;} body.page-id-57037 #roostr-tekst-midden {width: 30vw;} /* * / ** roostr rubix pagina video instellingen** */ body.page-id-57362 #roostr-logo-holder { min-height: 40vh !important; max-height: 40vh !important; min-width: 100vw !important; overflow: hidden; pointer-events: none; display: flex; justify-content: center !important; align-items: center !important; } body.page-id-57362 .roostr-logo {margin: auto; max-width: 55vw !important;} body.page-id-57362 #roostr-tekst-midden {width: 30vw;} body.page-id-57362 #video-body {padding: 12px !important;} body.page-id-57362 .vcex-video-inner::before { position: absolute; content: ''; display: block; top: -10px; bottom: 20px; left: -10px; right: -10px; border: solid 4px #ce9b4a; z-index: 999; } body.page-id-57362 .vcex-video {margin: 12px;} body.page-id-57362 .tekst-afb-row.wpb_fadeInUp .vcex-image-inner::before { position: absolute; content: ''; display: block; top: -10px; bottom: 20px; left: -10px; right: -10px; border: solid 4px #ce9b4a; z-index: 999; } body.page-id-57362 #Roostr-Room-vid .vcex-video-inner::before { position: absolute; content: ''; display: block; top: -10px; bottom: 20px; left: -10px; right: -10px; border: solid 4px #ce9b4a; z-index: 999; } body.page-id-57901 .tekst-afb-row.wpb_fadeInUp .vcex-image-inner::before { position: absolute; content: ''; display: block; top: -10px; bottom: 20px; left: -10px; right: -10px; border: solid 4px #ce9b4a; z-index: 999; } body.page-id-57901 #Roostr-Room-vid .vcex-video-inner::before { position: absolute; content: ''; display: block; top: -10px; bottom: 20px; left: -10px; right: -10px; border: solid 4px #ce9b4a; z-index: 999; } body.page-id-57901 .vcex-video {margin: 12px;} body.page-id-58046 .tekst-afb-row.wpb_fadeInUp .vcex-image-inner::before { position: absolute; content: ''; display: block; top: -10px; bottom: 20px; left: -10px; right: -10px; border: solid 4px #ce9b4a; z-index: 999; } body.page-id-58046 #Roostr-Room-vid .vcex-video-inner::before { position: absolute; content: ''; display: block; top: -10px; bottom: 20px; left: -10px; right: -10px; border: solid 4px #ce9b4a; z-index: 999; } body.page-id-58046 .vcex-video {margin: 12px;} } body.page-id-25946 .entry-media img {height: 350px; object-fit: cover;} body.page-id-25944 .entry-media img {height: 350px; object-fit: cover;} body.page-id-25942 .entry-media img {height: 350px; object-fit: cover;} body.page-id-46704 .entry-media img {height: 350px; object-fit: cover;} body.page-id-25946 .entry-media img {height: 350px; object-fit: cover;} body.page-id-25904 .entry-media img {height: 350px; object-fit: cover;} @media only screen and (max-width: 768px) { /* ALLES OVER BIG GREEN EGG PAGINA */ .page-id-25067 .modellen-row .vc_column_container {width: 100% !important;} .page-id-25067 .modellen-row .vc_column_container.vc_col-sm-4 {order: 1;} .page-id-25067 .modellen-row .vc_column_container.vc_col-sm-8 {order: 2;} } .page-id-46009 .products .product .outofstock-badge {text-align: center; background: #CE9B4A;} /* -------------------------------------------------------------------------- * Animaties (@keyframes) * -------------------------------------------------------------------------- */ @keyframes pulse-dot { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(0.85); } } @keyframes smoothSlide { 0%, 20% { transform: translateX(0); } 80%, 100% { transform: translateX(-40%); } } @media (max-width: 768px) { @keyframes smoothSlide {0%, 20% { transform: translateX(0); } 80%, 100% { transform: translateX(-23%); }} }