/* ========================================================================== * Winkelwagen, checkout, footer en acties * * The Fire Station - child theme. Overgezet uit Customizer > Extra CSS * op 2026-09-17. Inhoud van dit bestand: * - Winkelwagen, checkout en verzending (53 regels) * - Footer (4 regels) * - Acties, banners, popups en meldingen (11 regels) * - Losse thema- en WPBakery-elementen (16 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. * ========================================================================== */ /* -------------------------------------------------------------------------- * Winkelwagen, checkout en verzending * -------------------------------------------------------------------------- */ .herroeping-div h3 {font-size: 1.2em; color: #CE9B4A;} .herroeping-div .tm-description {font-size: 0.9em; line-height: 1.7em;} .herroeping-div .tmcp-field-wrap label {text-transform: none; font-family: inherit; font-weight: 400; line-height: 1.5;} .herroeping-div .herroeping-ul {padding: 10px; background: #3c3c3c;} .herroeping-div .tc-label-inner {display: none;} .voorkeur-levering-div h3 {font-size: 1.2em; color: #CE9B4A;} .voorkeur-levering-ul { display: grid !important; background-color: #181818; padding: 12px 10px !important; border-radius: 0; box-sizing: border-box; border: 1px solid #FFF; transition: .3s; } .verzendkosten-melding { padding: 15px; background: #555555; margin-bottom: 16px; border-left: 4px solid #CE9B4A; font-size: 0.9em; } .verzendkosten-melding p:first-child {margin-bottom: 6px;} .verzendkosten-melding p:last-child {margin-bottom: 0;} .gform-body .gfield--type-section {display: none !important;} #sticky-add-to-cart { position: fixed; right: 12px; bottom: 90px; background: rgba(255, 255, 255, 0.95); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); padding: 10px 15px; display: flex; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; z-index: 999999; border: 1px solid #181818; border-radius: 0; } #sticky-add-to-cart.visible {opacity: 1; visibility: visible;} .sticky-add-to-cart { background-color: #CE9B4A; color: white; border: none; padding: 12px 20px; border-radius: 0px; cursor: pointer; transition: .3s; } .sticky-add-to-cart:hover {background-color: #73b929;} .woocommerce-cart-form .preorder-cart-notice {color: #D64444 !important; font-size: 1em; font-weight: 500;} .gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where(:has(input:checked))::after {background-color: #CE9B4A;} .woocommerce .product .summary .upsells ul.products .product .product-inner .wpex-loop-product-add-to-cart {display: none;} .woocommerce .product .summary form.cart {order: 4;} .woocommerce .product .summary form.cart .product-type-simple .bundle_sells_title {order: 1;} .woocommerce .product .summary form.cart .bundle_sells_title+.bundle_form.bundle_sells_form {order: 2;} .woocommerce .product .summary form.cart #tm-extra-product-options {order: 3;} .woocommerce .product .summary form.cart .tc-totals-form.tc-show {order: 4;} .woocommerce .product .summary form.cart .quantity {order: 5;} p.stock.voorraad-een form.cart .quantity {display: none !important;} .woocommerce .product .summary form.cart .single_add_to_cart_button, .woocommerce .product .summary form.cart .added_to_cart, .woocommerce .product .summary form.cart .offerteknop {order: 6; width: fit-content;} @media only screen and (min-width: 769px) { .voorkeur-levering-ul {grid-auto-flow: column;} .header-cart-mobile {display: none;} .sticky-add-to-cart {font-size: 14px;} } @media only screen and (max-width: 768px) { .header-cart-mobile { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 65px; height: 65px; } .header-cart-desktop {display: none;} #sticky-add-to-cart { top: auto; right: 10px; bottom: 10px; left: 10px; transform: translateY(100%); padding: 10px 24px 10px 24px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; } #sticky-add-to-cart.visible {transform: translateY(0);} .sticky-add-to-cart {padding: 20px; font-size: 0px !important;} .sticky-add-to-cart:before { content: ''; background: url(/wp-content/uploads/2024/11/cart-white-1.svg) no-repeat; display: block; width: 24px; height: 25px; background-size: 100%; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } h1, .wpex-h1, h2, .wpex-h2 {font-size: 36px !important;} .single_add_to_cart_button, .added_to_cart, .offerteknop {padding: 12px;} } .woocommerce .product .summary .single_add_to_cart_button, .woocommerce .product .summary .added_to_cart, .woocommerce .product .summary .offerteknop { min-height: unset; float: left; display: block; font-size: 17px; line-height: normal; transition: .3s; } .woocommerce .product .summary .single_add_to_cart_button {background: #73b929; border: 1px solid #73b929;} .woocommerce .product .summary .single_add_to_cart_button:hover {background: #CE9B4A; border: 1px solid #fff; color: #fff;} .woocommerce .product .summary .offerteknop { margin-left: 12px; background: #CE9B4A; border: 1px solid #CE9B4A; color: #fff; transition: .3s; } .woocommerce-message a.button {font-size: 1.1em !important;} a.added_to_cart.wc-forward { background-color: rgba(0,0,0,0); color: #CE9B4A; padding: 15px 0; float: right; margin-right: 84px; font-size: 18px; letter-spacing: 0.1em; } .wpfBlockClear { color: #CE9B4A !important; font-size: 16px !important; font-weight: 600 !important; position: absolute !important; bottom: 20px !important; left: 30px !important; } .overlay-content {font-family: 'Manufaktur' !important; text-transform: uppercase; letter-spacing: 0.06em; font-size: 105%;} @media only screen and (min-width: 769px) { .header2024-inner .vc_col-sm-1 .topbar-cart-link {position: absolute; bottom: 14px; right: 14px;} } @media only screen and (max-width: 768px) { .wpex-loop-product-add-to-cart {display: inline-block;} .woocommerce-notices-wrapper .woocommerce-message { display: grid; padding: 18px !important; grid-template-columns: auto; grid-template-rows: auto auto; row-gap: 8px; } .woocommerce-notices-wrapper .woocommerce-message::before {position: relative; float: left; left: 15px;} .header2024 .wpex-cart-link__count, .header2024 .wpex-cart-link__dash, .header2024 .wpex-cart-link__price {display: none;} .header2024-inner .wpex-cart-link {top: -115px; right: 15px;} .single_add_to_cart_button, .added_to_cart, .offerteknop {padding: 10px !important; font-size: 16px !important; flex: 100%;} } .cb-top-bar-plugin-center { font-family: "Manufaktur"; text-transform: uppercase; text-align: center !important; font-size: 14px !important; line-height: normal; } /* -------------------------------------------------------------------------- * Footer * -------------------------------------------------------------------------- */ .wwk-sidebar--mobile-wrapper--bottom .wwk-sidebar--mobile {display: none !important;} .wwk-sidebar-popup {z-index: 9999999999999999999 !important;} table.footer-openingstijden td:nth-child(odd) {width: 190px !important;} table.footer-openingstijden td:last-child {line-height: 1.6 !important;} /* -------------------------------------------------------------------------- * Acties, banners, popups en meldingen * -------------------------------------------------------------------------- */ .theme-button.insta-btn {background: linear-gradient(72.44deg,#ff7a00 11.92%,#ff0169 51.56%,#d300c5 85.69%);} .simple-banner .simple-banner-text a { background: #333; color: #fff; padding: 10px 14px; border-radius: 30px; margin-left: 12px; transition: .3s; font-size: 0.9em; } .simple-banner .simple-banner-text a:hover {text-decoration: none; background: #282828;} .vacature-badge { background: #CE9B4A; color: white; font-size: 12px; border-radius: 999px; padding: 2px 6px; margin-left: 6px; min-width: 18px; text-align: center; display: inline-block; } .consent-studio {z-index: 899997 !important;} @media only screen and (max-width: 768px) { .simple-banner .simple-banner-text span {display: flex; flex-direction: column; align-items: center; gap: 6px;} } .vacature-vervuld::before { position: absolute; content: ''; display: block; top: -10px; left: 0; width: calc(100% - 50px); height: 100%; background: #272727; border: solid 4px #ce9b4a; opacity: .8; } .vacature-vervuld::after { color: #fff; font-family: 'Manufaktur'; text-transform: uppercase; content: 'Deze vacature is reeds vervuld'; display: block; width: 100%; font-size: 22px; letter-spacing: 1px; position: absolute; top: 45%; left: 45%; transform: translate(-50%,-50%); text-align: center; } @media only screen and (max-width: 768px) { .woocommerce-notices-wrapper a.button { float: left; height: auto; font-size: 15px !important; grid-column: span 3 / span 3; margin-left: 0; } .vacature-vervuld::before { position: absolute; content: ''; display: block; top: -7px; left: 4px; width: 90%; height: 105%; background: #272727; border: solid 4px #ce9b4a; opacity: .8; } .vacature-vervuld::after { color: #fff; font-family: 'Manufaktur'; text-transform: uppercase; content: 'Deze vacature is reeds vervuld'; display: block; width: 90%; font-size: 22px; letter-spacing: 1px; position: absolute; top: 50%; left: 46%; transform: translate(-50%,-50%); text-align: center; } } /* -------------------------------------------------------------------------- * Losse thema- en WPBakery-elementen * -------------------------------------------------------------------------- */ .vcex-image img, .vcex-video video {position: relative; z-index: 1000;} .vcex-button.theme-txt-link {transition: .3s; text-decoration: none; border-bottom: 2px solid transparent; padding-bottom: 4px;} .vcex-button.theme-txt-link:hover {border-bottom: 2px solid #CE9B4A; padding-bottom: 4px;} .vcex-button.theme-txt-link .wpex-icon svg {transition: .3s;} .vcex-button.theme-txt-link:hover .wpex-icon svg {fill: #fff;} .wpex-carousel__dots-dot:not(.active) {opacity: 0.5; transition: .3s;} .wpex-carousel__dots-dot:not(.active):hover {opacity: 1;} @media only screen and (min-width: 769px) { .wpex-post-cards-template_49246 .wpex-flex-col {flex: 1;} } @media only screen and (max-width: 768px) { .wpb_text_column {overflow-y: hidden;} .wpb_wrapper {overflow-x: hidden; overflow-y: hidden;} .swiper-container {width: 100%; overflow: hidden;} .swiper-slide {display: flex; justify-content: center;} .vc_tta.vc_general .vc_tta-panel-title>a {background: transparent !important; margin-top: 15px;} .vc_row.wpex-vc-full-width-row.wpex-vc-full-width-row--no-padding .wpex-carousel .owl-nav {width: fit-content; margin: 0 auto;} } .vc_custom_1674128559659 .wpb_wrapper, .vc_custom_1673450420856 .wpb_wrapper, .vc_custom_1674128602346 .wpb_wrapper, .vc_custom_1673013910096 .wpb_wrapper, .vc_custom_1674128577833 .wpb_wrapper, .vc_custom_1674128867333 .wpb_wrapper {z-index: 10;} @media only screen and (max-width: 600px) { .vcex-image-inner {max-width: 100% !important;} }