html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; } article, aside, figure, footer, header, nav, section, details, summary { display: block; } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } img, object, embed { max-width: 100%; } html { overflow-y: scroll; } ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } th { font-weight: bold; vertical-align: bottom; } td { font-weight: normal; vertical-align: top; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } select, input, textarea { font: 99% sans-serif; } table { font-size: inherit; font: 100%; } small { font-size: 85%; } strong { font-weight: bold; } td, td img { vertical-align: top; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre, code, kbd, samp { font-family: monospace, sans-serif; } .clickable, label, input[type="button"], input[type="submit"], input[type="file"], button { cursor: pointer; } button, input, select, textarea { margin: 0; } button, input[type="button"] { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } .clearfix:before, .clearfix:after { content: " "; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .nzorder input { padding-left: 0.8em !important; } .nzorder:before { position: absolute; content: "#"; left: 0.3em; top: 0.15em; color: #009ece; } .demo_store { position: fixed !important; height: 100%; background-color: #009ece !important; font-size: 3em !important; padding-top: 200px !important; } #sidebar .add { display: none !important; } #sidebar .parent-child > ul { display: block !important; } html, body { padding: 0; background-color: white; max-width: 2560px; margin: 0 auto; } body { overflow-x: hidden !important; } html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { vertical-align: baseline; font-family: "Open Sans", sans-serif; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { background-color: white; } body { line-height: 1; box-shadow: 0px 0.1em #009ece; font-size: 18px; } ol, ul { list-style: none; } a:link, a:active, a:visited { color: #009ece; text-decoration: none; } .widget .menu a:link, .widget .menu a:active { color: black; } .widget .menu a { color: black; } a:link { -webkit-tap-highlight-color: #009ece; } input, select { vertical-align: middle !important; background-color: white; } .bold { font-weight: 600; } .readonly { pointer-events: none; } .readonly select { background-color: #ccc; } abbr[title], dfn[title] { border-bottom: 0px solid #000; cursor: pointer; text-decoration: none; } .woocommerce-invalid #terms { outline: 0 solid red; outline-offset: 0; } .poston { display: none !important; } .woocommerce form .form-row { padding: 0; } .woocommerce form .password-input input[type="password"], .woocommerce-page form .password-input input[type="password"] { padding-right: 0; } button, .button, #button { font-size: 0.8em !important; display: block !important; text-align: center !important; } button.button, a.button, .button, #plugin_delete_me_shortcode_form [value="Potwierdź usunięcie"], .content .tnp-profile input[type="submit"] { line-height: 1 !important; border-radius: 4em !important; background-color: #009ece !important; border: 1px solid #0000005d !important; color: white !important; text-align: center !important; padding: 0.6em !important; font-weight: 700 !important; transition: background-color 0.5s !important; cursor: pointer !important; margin: 0.5em auto !important; width: 98% !important; } .products.columns-4 .product .quantity { width: 26% !important; float: left; } .products.columns-4 .product .quantity input { font-size: 0.9em; display: flex; padding: 0 !important; width: 100%; margin: 0 !important; height: 1.5em; border-radius: 0em !important; } .products.columns-4 .product .button { font-size: 0.6em !important; width: 73% !important; float: right; padding: 0.6em 0.1em !important; margin: 0 auto !important; border-radius: 1em !important; } .products.columns-4 .product.product-type-variable .button { margin: 0 auto !important; text-align: center !important; width: 100% !important; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.added::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.added::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.added::after { margin-left: 0.1em; } .add_to_cart_button.loading::after { position: relative !important; margin-left: 0.1em !important; right: 0 !important; left: 0 !important; top: 0 !important; } .woocommerce-cart-form .actions { display: none; } .top__background span, .top__background a, .top__background i, .top__background li, .top__background ul, .top__background div, .top__background p { font-size: 0.9rem !important; } .top__background i { padding: 0 0.2em; } .fab.fa-facebook-square, .fab.fa-google-plus { font-size: 1.5em; } #newsletterwidget-3 .widget-title { font-size: 2em; } .pagetitle h1, .pagetitle h2 { font-size: 2em; } .child-product-2 .pagetitle h1, .child-product-2 .pagetitle h2 { font-size: 1.5em; font-weight: normal !important; } .child-product-2 .pagetitle h1 sub, .child-product-2 .pagetitle h1 sup, .child-product-2 .pagetitle h2 sub, .child-product-2 .pagetitle h2 sup { font-weight: normal !important; } .top__background { display: flex; justify-content: space-between; width: 100%; background-color: #2a2a2a; height: 2em; } .top__menu { width: 80%; display: flex; margin: 0 auto; height: 100%; } .top__menu .top__aboutus, .top__menu .top__user { width: 50%; display: flex; flex: none !important; } .top__menu .top__aboutus { justify-content: flex-start; height: 100%; } .top__menu .top__user { justify-content: flex-end; height: 100%; } .top__menu .top__aboutus > div { margin: 0 0.2em; } .top__menu .top__aboutus > div, .top__menu .top__user > div { display: flex; align-items: center; height: 100%; flex: none !important; } .top__menu .top__aboutus div > span, .top__menu .top__user div > span { margin: 0 0 0 0; color: white; } .top__menu .top__aboutus div > a, .top__menu .top__user div > a { display: flex; align-items: center !important; justify-content: center !important; } .top__menu .top__user i { padding: 0 0.2em; } .top__user p { font-weight: 600; } .color__a { color: #009ece; font-weight: 600; } a.added_to_cart.wc-forward { display: none; } .woocommerce ul.products li.product .woocommerce-loop-category__title bdi, .woocommerce ul.products li.product .woocommerce-loop-product__title bdi, .woocommerce ul.products li.product bdi{ color: #009ece !important; white-space: nowrap; } .cart-subtotal th { width: 100%; white-space: nowrap; } .currency__box #wmc_widget-13 { display: flex !important; justify-content: center; flex-flow: row wrap; align-items: center; } .currency__box #wmc_widget-13 > div, .currency__box #wmc_widget-13 > h3 { display: block !important; } .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle, .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-current-currency { display: block !important; } .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-currency, .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-current-currency { background-color: transparent; color: #009ece; font-size: 1.1rem; width: 1em !important; line-height: normal; border: 0px solid white; } .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-currency-wrapper .wmc-sub-currency { background-color: #2a2a2a; width: 2em; left: -0.5em; } .woocommerce-multi-currency.wmc-shortcode .wmc-currency a, .woocommerce-multi-currency.wmc-shortcode .wmc-currency a:hover, .woocommerce-multi-currency.wmc-shortcode.layout9 .wmc-current-currency a { font-weight: 100 !important; display: block !important; width: 2em; } .wmc-currency-wrapper div.wmc-sub-currency { margin: 1% auto !important; height: 6em; } .country-selector { z-index: 10 !important; } .country-selector.weglot-dropdown { background-color: transparent; } .country-selector.weglot-dropdown .wgcurrent { display: block !important; border: 0 solid; margin-left: 0 !important; } .country-selector.weglot-dropdown .wgcurrent:after { display: none; } .country-selector.weglot-dropdown ul { background-color: #2a2a2a; border: 0 solid !important; top: 2.5em; min-width: 0 !important; left: 0; } .country-selector.weglot-dropdown a, .country-selector.weglot-dropdown span { margin: 0 !important; padding: 0 !important; } .weglot-flags.flag-3 a, .weglot-flags.flag-3 span { margin: 0 !important; } .weglot-flags.flag-3 a:before, .weglot-flags.flag-3 span:before { display: flex; justify-content: center; align-items: center; margin: 0 0.25em !important; padding: 0 !important; text-align: center; } .country-selector.weglot-dropdown a { color: #009ece !important; } .middle__background { display: flex; width: 100%; background-color: white; } .middle__menu { display: flex; justify-content: space-between; width: 80%; height: 100%; margin: 2em auto; flex-flow: wrap row; align-items: center; } .middle__menu > div { width: 33.33%; display: flex; } .middle__menu .middle__info { display: flex; justify-content: center; align-items: flex-start; flex-flow: column wrap; align-content: flex-start; } .middle__menu .middle__info a { height: 6.5em; } .middle__menu .middle__info img { width:auto; height: 100%; } .middle__search { width: 25% !important; } .zzs-search, .zzs-search-form { width: 100%; } .zzs-search-form { position: relative; margin: 0; padding: 0; } .zzs-search-input-wrap { position: relative; width: 100%; margin: 0; padding: 0; } .zzs-search-input { display: block; width: 100%; margin: 0 !important; box-sizing: border-box; background-color: white !important; border: 0.2em solid #009ece !important; border-radius: 50px 50px 50px 50px !important; outline: 0; box-shadow: none; -webkit-appearance: none; appearance: none; padding:10px 45px 10px 15px; } .zzs-search-input:focus { outline: 0; box-shadow: none; border-color: #009ece !important; } .zzs-search-submit { position: absolute; top: 0; right: 0; bottom: 0; z-index: 2; display: block !important; height: auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; aspect-ratio: 1 / 1; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50px 50px 50px 50px !important; background-color: #009ece !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-indent: -9999px; overflow: hidden; opacity: 1; cursor: pointer; box-shadow: none !important; } .zzs-search-submit::before { content: ""; position: absolute; left: 50%; top: 50%; width: 38%; height: 38%; border: 1.5px solid white; border-radius: 50%; transform: translate(-60%, -60%); box-sizing: border-box; } .zzs-search-submit::after { content: ""; position: absolute; left: 58%; top: 59%; width: 23%; height: 1.5px; background-color: white; transform: rotate(45deg); transform-origin: left center; border-radius: 2px; } .zzs-search-submit:hover, .zzs-search-submit:focus, .zzs-search-submit:active { background-color: #009ece !important; color: transparent !important; opacity: 1; outline: 0; box-shadow: none !important; } .zzs-search-input::-webkit-search-decoration, .zzs-search-input::-webkit-search-cancel-button, .zzs-search-input::-webkit-search-results-button, .zzs-search-input::-webkit-search-results-decoration { -webkit-appearance: none; } .zzs-suggestions { position: absolute; top: 100%; left: 0; z-index: 9999; width: 100%; box-sizing: border-box; background-color: white; border: 0.1em solid #009ece !important; border-top: 0 solid transparent !important; border-radius: 25px 25px 25px 25px !important; } .zzs-suggestion, .zzs-suggestion.is-active { color:black!important; } .zzs-suggestion:hover, .zzs-suggestion.is-active { color:black!important; } .middle__menu .wholesaler { display: flex !important; justify-content: center !important; align-items: center !important; } div#wholesaler { flex-flow: row wrap !important; align-items: center; justify-content: center; } .middle__menu .wholesaler a { height: 2.5em; display: flex !important; align-items: center !important; justify-content: center !important; flex-flow: row wrap !important; margin: 0 !important; width: 16em !important; padding: 0.5em !important; } .middle__menu .wholesaler p { display: flex !important; align-items: center !important; justify-content: center !important; flex-flow: row wrap !important; text-align: center; height: 100%; width: 9em; font-size: 1.2em; } .middle__menu .wholesaler i { display: flex !important; align-items: center; justify-content: center; padding: 0 0.2em; height: 100%; font-size: 1.3em; } .middle__menu .wholesaler i:before { height: 100%; display: flex !important; align-items: center; justify-content: center !important; } [id="bottom__background"] { width: 100%; display: flex; background-color: #2a2a2a; margin: 0 auto; } .bottom__menu { width: 80%; display: flex; align-items: center; justify-content: flex-start; margin: 0 auto; } .bottom__menu .nav { width: 100%; height: 100%; display: flex; align-items: center; } #desktop-menu-mount { width: 100%; height: 100%; display: flex; } #desktop-menu-mount > div { width: 100%; height: 100%; } [id="bottom__background"] #menu-glowne { width: 100%; height: 100%; display: flex; align-items: center; margin: 0 auto; flex-flow: wrap; } [id="bottom__background"] #menu-glowne li { color: white; border-right: 0.01em solid #dddddd3d; display: flex; align-items: center; justify-content: center; height: 2.5em; } [id="bottom__background"] #menu-glowne .menu-item a { padding: 0 1em; display: flex; align-items: center; justify-content: center; } [id="bottom__background"] #menu-glowne .menu-item > a { color: white; text-transform: uppercase; height: 100%; display: flex; align-items: center; justify-content: center; } [id="bottom__background"] .menu-item:hover { background-color: #009ece; color: white; } [id="bottom__background"] #menu-glowne .current-menu-item { color: white; background-color: #009ece; } [id="bottom__background"] .menu-item.current_page_item > a:hover { color: white; transition: all 0.5s; } #desktop-menu-mount .home_icon > a:first-child { display: none !important; } #background-menu-mobile { display: none; } #background-menu-mobile #menu-produkty { border: 0 solid transparent !important; } .panelfiltr { display: none; } .entry, .entry-content { display: flex; margin: 0 auto 5% auto; width: 80%; height: 100%; } .entry div, .entry-content div { margin: 0 auto; } .entry div .zrf { margin-top: 1em; } .product__content { margin: 0 auto 0 auto; width: 100%; } .content { width: 100%; margin: 0 auto; } #post-11 .content, #post-0 .content { padding: 0; width: 80% !important; margin: 0 auto !important; } #post-11 h1 { display: none; } .content div.woocommerce.columns-4 { padding: 0 2% 0 2% !important; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { display: flex !important; padding: 0 2% 0 2%; margin: 0 auto !important; width: 75%; flex-flow: row wrap; align-items: flex-start; justify-content: flex-start; height: 100% !important; } .woocommerce div.product { display: flex !important; flex-wrap: wrap; } .entry-content .woocommerce { width: 100% !important; } .products.columns-4, .woocommerce-cart-form { width: 100%; } .zzs-result-group { margin:2% 0 0 0; border-top: 0.1em solid #009ece; padding:2% 0 0 0; } section.zzs-result-group:nth-child(1) { margin:0 0 0 0; padding:0 0 0 0; border-top: 0em solid #009ece; } .zzs-result-group h2.zzs-result-group-title { padding-left: 0.4em; transition: all 0.2s; background-color: transparent !important; color: black; font-weight:600; text-align:center; color: #009ece; font-size:1.5em!important; } .zzs-result-list { padding: 0 2% 0 2% !important; } .pagination { text-align: center; } .zzs-result-item { margin-top:2%; } .pagination ul { display: inline-block; white-space: nowrap; padding: 0; clear: both; border: 1px solid #cfc8d8; border-right: 0; margin: 1px; } .pagination ul li { border-right: 1px solid #cfc8d8; padding: 0; margin: 0; float: left; display: inline; overflow: hidden; } .pagination ul li a:focus, .pagination ul li a:hover, .pagination ul li span.current { background-color: #009ece; color: white; } .pagination ul li a, .pagination ul li a, .pagination ul li span { background-color: white; color: #009ece; } .pagination ul li a, .pagination ul li span { margin: 0; text-decoration: none; padding: 0; line-height: 1; font-size: 1em; font-weight: 400; padding: .5em; min-width: 1em; display: block; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background-color: #009ece; color: white; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { background-color: white; color: #009ece; } .product_meta span { font-size:unset!important; } .metap { display:block; text-align:center; } .ean_wrapper, .sku_wrapper { display:inline; font-size:0.70em!important; } .wmc-cache-pid { margin: 1em 0; display: flex; flex-flow: column wrap; } .child-product-2 bdi, .child-product-2 bdi > span, .wmc-cache-pid > span, .product .woocommerce-Price-amount.amount { display: flex; justify-content: center; align-items: center; color: #009ece; margin: 0 !important; font-size: 1.5em !important; } .child-product-2 .woocommerce-Price-amount.amount, .child-product-2 .woocommerce-Price-amount.amount span { display: flex; justify-content: center; align-items: center; color: #009ece; margin: 0 !important; font-size: 1em; padding: 0.1em 0 !important; } .child-product-2 .price { text-align: center; } .priceinfo { font-size:0.6em; text-align:center; margin-bottom:1em!important; } .child-product-2 .pphurt { display: flex !important; flex-direction: row !important; justify-content: center !important; color: black !important; } .wmc-cache-pid span, .woocommerce-Price-amount.amount bdi, .woocommerce-Price-amount.amount bdi span { font-weight: 600 !important; } .products.columns-4 .wmc-cache-pid > span, .products.columns-3 .wmc-cache-pid span { display: flex; justify-content: center; color: #009ece; font-weight: 600; margin: 0 !important; } .woocommerce ul.products li.product .woocommerce-loop-category__title bdi, .woocommerce ul.products li.product .woocommerce-loop-product__title bdi, .woocommerce ul.products li.product bdi { height: 1em; color: black; } .woocommerce ul.products li.product .price { color: #333333; display: block; font-weight: 600; text-align: center; padding: 0; } .pphurt { display: flex !important; align-items: center; justify-content: center; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { padding: 1em 0 !important; color: black; font-weight: 600; display: block; word-break: break-word; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title span, .woocommerce ul.products li.product h3 { color: black; font-weight: 600; } .woocommerce ul.products.products.columns-4 li.product sub { color: black; font-weight: 600; } #menu-kategorie .sub-menu li a:after { content: ""; } .pagetitle { text-align: center; border-bottom: 0.1em solid #009ece; padding: 2%; margin: 0 0 0.5em 0 !important; } .pagetitle p { display: none; } .pagetitle p { font-weight: 600; } .pagetitle i { color: black; } .pagetitle i:hover { color: #009ece; } .pagetitle a:nth-child(2) { display: none; } .term-description { padding: 2%; border-bottom: 0.1em solid #009ece; margin: 0 0 2% 0 !important; } .term-description p { padding: 0 0 2% 0; } .post-edit-link { display: none; } .boxsidebar { width: 25%; } #sidebar { display: block; margin: 0 auto; padding: 0; border-right: 0.1em solid #009ece; } .widget .hidden { display: none; } #menu-produkty { } #menu-produkty > li { display: flex; flex-flow: row wrap !important; } #sidebar li.parent-child > a { height: 2.5em; display: flex; align-items: center; float: left; width: 90%; } #menu-produkty li > a { color: black; display: flex; justify-content: flex-start; align-content: center; width: 90%; } #menu-produkty li > div { display: flex; justify-content: center; align-content: center; width: 10% !important; } #menu-produkty li > .sub-menu { display: block; width: 100%; margin-left: 0; } #sidebar .parent-child, #sidebar .parent-nonchild { margin: 0 auto; width: 100%; font-weight: 600; padding: 0 0 0 0; } #sidebar .parent-child > ul { display: none; clear: both; } #sidebar .parent { line-height: 30; cursor: pointer; list-style: none; } #sidebar .add { cursor: pointer; display: flex; align-items: center; width: 10%; float: right; height: 2.5em; text-align: center; justify-content: center; } #sidebar .sub-menu li a { display: block; padding: 0.4em 0; } #sidebar .sub-menu li a:before { content: "»"; display: inline-block; font-size: 1.5em; line-height: 0.5em; } #sidebar > div > div > ul > li:has(ul) { border-bottom:0.15em solid #dddddd9d; clear:both; } #sidebar > div > div > ul > li > a { border-bottom:0.15em solid #dddddd9d; clear:both; width:100%!important; } #sidebar > div > div > ul > li.hurt-child a { border-bottom:0em solid #dddddd9d; } #sidebar > div > div > ul > li > ul > li { border-bottom:0.15em solid #dddddd9d; clear:both; } #sidebar > div > div > ul > li > ul > li:last-child { border-bottom:0em solid #dddddd9d; clear:both; } #sidebar > div > div > ul > li > ul:last-child { border-bottom:0em solid #dddddd9d; clear:both; } #sidebar ul a:before { margin-right: 0.25em; opacity: 0.5; } #sidebar ul a:hover:before { color: black; opacity: 1; } #sidebar .sub-menu > li:hover { background-color: #dddddd9d; } #sidebar ul a:hover { padding-left: 0.4em; transition: all 0.2s; background-color: transparent !important; color: black; } #sidebar .parent-child > a:hover, #sidebar .parent-nonchild > a:hover { padding-left: 0; background-color: #dddddd9d !important; } #sidebar .current-menu-item a:before { opacity: 1; color: #009ece !important; } #sidebar .current-menu-item { background-color: #dddddd9d; } #menu-footer { display: flex; background-color: #2a2a2a; margin: 0; height: 2.5em; } .webinsider-wp-custom-menu01-class { clear: both; } #menu-footer .menu-item { border-right: 1px solid #dddddd3d; width: 16.666%; display: block; text-align: center; } #menu-footer .menu-item a, #menu-footer .menu-item > span { margin: 0 auto; width: 100%; color: white; height: 100%; text-decoration: none; display: flex; align-items: center; justify-content: center; } #menu-footer .menu-item:nth-child(2), #menu-footer .menu-item:nth-child(3) { border-right: 0px solid white; } #menu-footer .menu-item:nth-child(2) a:hover, #menu-footer .menu-item:nth-child(3) a:hover, #menu-footer .menu-item:nth-child(4) a:hover { background-color: transparent; } #menu-footer .menu-item:last-child { border-right: none; } #menu-footer .menu-item > a:hover { background-color: #009ece; color: white; } #menu-footer .current-menu-item > a { color: white; background-color: #009ece; } #footer { display: flex !important; padding: 1em 0 1em 0; background-color: #2a2a2a; position: fixed; left: 0; right: 0; bottom: 0; max-width: 2560px; margin: 0 auto; } .boxfooter { display: flex !important; background-color: transparent; width: 100%; height: 28em; position: absolute; } #footer { width: 100%; display: flex !important; height: 28em; color: white; flex-flow: wrap row; } .footer-widgets { display: flex; width: 87%; margin-left: auto; margin-right: auto; justify-content: space-around; } .infof { display: flex; width: 80%; border-top: 1px solid #dddddd3d; text-align: right; padding: 1em 0 0 0; margin: 0 auto; color: white; font-weight: 600; flex-flow: wrap row-reverse; } .footer-widgets .widget-title { color: #ddd; font-weight: 700; display: inline-block; border-bottom: 0.1em solid #009ece; padding: 0.3em 0; } .footer-widgets > div { display: flex; color: #6d6d6d; margin-bottom: 1em; } .footer-widgets > div > div { padding:0 1em; } .footer-widgets > div .widget-title { margin-bottom: 1em; color: white; } .footer-widgets > div:first-child a:hover, .footer-widgets > div:not(:first-child) a:not(.button):hover { color: #ddd !important; } .fa-facebook-square, .fa-google-plus { } .footer-widgets p { line-height: 0.2; margin-bottom: 1em; } .footer-widgets a { line-height: 1.3em; display: block; text-decoration: none; color: white; } .footer-widgets > div:nth-child(5) a { display: inline !important; } .footer-widgets > div:nth-child(5) span { display:flex; justify-content: center; } .register { display:inline!important; } :is(.ikonystopka, :where(.footer-widgets .custom-html-widget > p) > span) > span { visibility: hidden; } :is(.ikonystopka, :where(.footer-widgets .custom-html-widget > p) > span):hover > span { visibility: visible; } span :is(.fa-briefcase, :where(.footer-widgets .custom-html-widget i)[data-icon="briefcase"]), span :is(.fa-business-time, :where(.footer-widgets .custom-html-widget i)[data-icon="business-time"]) { color: #4dabf7; position: absolute; margin-top: 0; margin-left: -1.4em; } span :is(.fa-map-marker-alt, :where(.footer-widgets .custom-html-widget i)[data-icon="location"]) { color: lightcoral; position: absolute; margin-top: 0; margin-left: -1em; } span :is(.fa-phone, :where(.footer-widgets .custom-html-widget i)[data-icon="phone"]), span :is(.fa-envelope, :where(.footer-widgets .custom-html-widget i)[data-icon="envelope"]) { color: lightcoral; position: absolute; margin-top: 0; margin-left: -1.2em; } span .fa-store, span .fa-handshake, span .fa-money-bill-wave, span :is(.fa-truck, :where(.footer-widgets .custom-html-widget i)[data-icon="truck"]), span :is(.fa-book, :where(.footer-widgets .custom-html-widget i)[data-icon="book"]), span :is(.fa-cookie-bite, :where(.footer-widgets .custom-html-widget i)[data-icon="cookie-bite"]), span .fa-user, span :is(.fa-hand-holding-dollar, :where(.footer-widgets .custom-html-widget i)[data-icon="hand-holding-dollar"]), span :is(.fa-arrows-rotate, :where(.footer-widgets .custom-html-widget i)[data-icon="arrows-rotate"]) { color: #38d9a9; position: absolute; margin-top: 0; margin-left: -1.35em; } .contact-form { display:flex; flex-direction: row; } .contact-form div { width:100%; } .contact-form div:nth-child(1) { padding-right:5px; } .contact-form div:nth-child(2) { padding-left:5px; } .kont h5 { border-bottom: 3px solid #009ece; margin: 2% 0 4% 0; padding: 2% 0 4% 0; } .wpcf7-form p { margin: 0; padding: 0; } .wpcf7-form label { margin: 0; padding: 0; line-height: 2; } .wpcf7-form button, .wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea { margin: 0; padding: 5px 5px; width: 100%; } input.wpcf7-submit { width: 150px; background-color: #009ece; color: white; margin-top: 0.5em; } div.wpcf7 .ajax-loader { background-repeat: no-repeat; background-size: 25px; background-position: top center; width: 25px; height: 0px; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-response-output { border: 2px solid #009ece; } div.wpcf7-response-output { margin: 20% 0 0 0; background-color: #009ece; color: white; border: 0 solid transparent !important; padding: 0.5em !important; } span input.wpcf7-not-valid { border: 0.1em solid red; } span .wpcf7-not-valid-tip { display: none; } .wymagane { color: #009ece; } .required { color: red; } .kont-right { text-align: left; } .kont-right p { font-weight: 600; margin: 0.6em 0; } .kont-right > div { border-bottom: 1px solid #ddd; width: 100%; display: block; padding: 2% 0; } .kont-right a { color: #333; text-decoration: none; } .kont-right span:nth-child(12) { border-bottom: 0px solid #ddd; } .client_message textarea { height: 6em !important; } div.grecaptcha-badge { bottom: 70px!important; z-index:15 } @media only screen and (max-width: 1024px) { div.grecaptcha-badge { bottom: 12vw!important; } } @media screen and (max-width: 768px) { .contact-form { flex-direction: column; } div.grecaptcha-badge { bottom: 14vw!important; } } .siteerror { padding-top: 8em; min-height: 540px; } .siteerror i { font-size: 4em; display: flex; align-items: center; justify-content: center; color: #009ece !important; } .siteerror div { border-bottom: 3px solid #009ece; clear: both; display: block; width: 100%; margin: 0 auto; } .siteerror h2, .siteerror h3 { display: flex; align-items: center; justify-content: center; } .siteerror div h2 { font-size: 4em; } .siteerror div h3 { font-size: 2em; } .siteerror div:nth-child(3), .siteerror div:nth-child(1) { border-bottom: 0px solid #009ece; } .slider { position: relative; background-size: cover; background-position: center center; border-bottom: 1px solid #e1e1e1; clear: both; } .slider-slides-cnt { height: 300px; position: relative; } .elements-list.slider { width: 100%; padding: 0; } .slider-slide { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; opacity: 0; } .slider-slide-active { z-index: 1; } .slider .element-title { color: black; font-family: sans-serif; position: relative; left: -3rem; opacity: 0; text-transform: uppercase; font-weight: normal; margin-top: 0; text-align: center; font-family: "Roboto Condensed", sans-serif; } .slider .element-text { color: #fff; position: relative; left: -3rem; opacity: 0; color: rgba(255, 255, 255, 0.6); padding-left: 4rem; padding-right: 4rem; text-align: center; font-family: serif; font-style: italic; max-width: 60%; } .slider-slide { opacity: 0; transition: 0.4s all; } .slider .element-title { left: 0; opacity: 1; } .slider .element-text { } .slider-slide-active { opacity: 1; } .slider-slide-active .element-title { left: 0; opacity: 1; } .slider-slide-active .element-text { left: 0; opacity: 1; } .slider-button-prev, .slider-button-next { cursor: pointer; z-index: 2; position: absolute; left: 0; top: 42.5%; width: 4rem; height: 15%; background: transparent; border: 0; text-indent: -999px; overflow: hidden; font-size: 2em !important; background-color: rgba(255, 255, 255, 0.8); } .slider-button-next { left: auto; right: 0; } .slider-button-prev:focus, .slider-button-next:focus { outline: none; } .slider-button-prev:before, .slider-button-next:before { content: ""; background-color: #009ece; -webkit-mask: url("https://butla.pl/wp-content/themes/butlapl_v2/assets/fontawesome/solid/angle-left.svg") center / 0.55em 1em no-repeat; mask: url("https://butla.pl/wp-content/themes/butlapl_v2/assets/fontawesome/solid/angle-left.svg") center / 0.55em 1em no-repeat; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #009ece; text-indent: 0; z-index: 1; } .slider-button-prev { border-radius: 0 25px 25px 0; } .slider-button-next { border-radius: 25px 0 0 25px; } .slider-button-next:before { content: ""; background-color: #009ece; -webkit-mask: url("https://butla.pl/wp-content/themes/butlapl_v2/assets/fontawesome/solid/angle-right.svg") center / 0.55em 1em no-repeat; mask: url("https://butla.pl/wp-content/themes/butlapl_v2/assets/fontawesome/solid/angle-right.svg") center / 0.55em 1em no-repeat; z-index: 1; } .slider-dots { z-index: 2; position: absolute; right: 1em; bottom: 0em; margin: 0; padding: 0; width: 4em; border-radius: 25px 25px 0 0; display: flex; justify-content: center; list-style: none; background-color: rgba(255, 255, 255, 0.8); } .slider-dots-element { } .slider-dots-button { background-color: transparent; width: 1rem; height: 1rem; border: 0; text-indent: -999px; overflow: hidden; cursor: pointer; position: relative; } .slider-dots-button:before { content: ""; z-index: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: transparent; width: 0.5rem; height: 0.5rem; border-radius: 50%; transition: 0.5s all; box-shadow: inset 0 0 0 2px #009ece; } .slider-dots-element-active .slider-dots-button:before { background: #009ece; transform: translate(-50%, -50%) scale(1.1); } .slider-dots-button:focus { outline: none; } .s1s .element-title, .s2s .element-title, .s3s .element-title { position: absolute; bottom: 0; width: 40%; padding: 1%; margin-left: 3%; border-radius: 25px 25px 0 0; color: #009ece; font-size: 1.4em; font-weight: 600; background-color: rgba(255, 255, 255, 0.8); } .s1s .element-title, .s3s .element-title { cursor: pointer; } .s1s { background-image: url("https://butla.pl/wp-content/uploads/2023/11/butle.webp"); background-size: cover; background-position: center 10%; background-repeat: no-repeat; background-attachment: scroll; } .s2s { background-image: url("https://butla.pl/wp-content/uploads/2023/11/spawanie.webp"); background-size: cover; background-position: center 10%; background-repeat: no-repeat; background-attachment: scroll; } .s3s { background-image: url("https://butla.pl/wp-content/uploads/2023/11/zawory.webp"); background-size: cover; background-position: center 10%; background-repeat: no-repeat; background-attachment: scroll; } .rejestracja a, .logowanie a, .lost_reset_password a, #privacy_policy_field a, #regulations_field a{ color: #009ece !important; } .rejestracja, .logowanie, .lost_reset_password { width: 50%; margin: 0 auto; text-align: center; } .rejestracja h2, .logowanie h2, .lost_reset_password h2 { margin: 2%; } .rejestracja label, .logowanie label, .lost_reset_password label { display: block; width: 100% !important; } .rejestracja input, .logowanie input, .lost_reset_password input { display: inline-block; width: 80%; padding: 5px !important; margin: 0.5%; } .rejestracja input[type="checkbox"], .logowanie input[type="checkbox"], .lost_reset_password input[type="checkbox"] { display: inline-block; width: auto; padding: 5px !important; margin: 0.5%; } #rememberme { padding: 0 !important; margin: 0 !important; } .lost_reset_password input .lost_reset_password p, .rejestracja form p, .logowanie form p, .rejestracja button, .logowanie button { } .rejestracja .input-checkbox, .logowanie .input-checkbox { width: auto; } .rejestracja .required, .logowanie .required { color: red; } .lost_reset_password .woocommerce form .form-row-first, .lost_reset_password .woocommerce-page form .form-row-first { float: none; } .lost_reset_password .woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first { width: 100% !important; } label[for="account_last_name"], input[name="account_last_name"], label[for="account_first_name"], input[name="account_first_name"] { display: none !important; } label[for="billing_wojewodztwo"] abbr { display: none !important; } .woocommerce form .form-row { padding: 0; margin: 0; } .wcbv-discounts-table { display: none !important; } @media screen and (max-width: 768px) { .rejestracja, .logowanie, .lost_reset_password { width: 100%; margin: 0 auto; text-align: center; } .rejestracja input, .logowanie input, .lost_reset_password input { display: inline-block; width: 100%; padding: 1% !important; margin: 0.5%; } } .gpay-button-container { float: right; } .payment_box.payment_method_stripe_googlepay.wc-stripe-no-methods, .payment_box.payment_method_stripe_p24.wc-stripe-no-methods { display: none !important; } #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img { margin: 0 0; padding: 0.3em 0; } .payment_method_payu img { float: right; } .payment_method_transferuj img { float: right; } img[alt="BLIK"] { width: auto; height: 24px; vertical-align: middle; } .woocommerce-MyAccount-navigation { float: left; border-right: 2px solid #009ece; background-color: white; width: 25% !important; } .woocommerce-MyAccount-navigation:before { content: "Menu"; width: 100px; font-weight: 600; background-color: white; width: 100%; display: flex; height: 2.5em; align-items: center; } .woocommerce-MyAccount-content { width: 75% !important; padding: 0 1%; } .woocommerce-MyAccount-content .woocommerce-pagination.woocommerce-pagination--without-numbers { display: flex; justify-content: center; width: 100%; } .woocommerce-MyAccount-content .woocommerce-pagination.woocommerce-pagination--without-numbers a { width: 15em !important; padding: 0.5em 1em !important; margin: 0 1em !important; } .woocommerce-MyAccount-navigation ul { background-color: white !important; color: black; } .woocommerce-MyAccount-navigation a { display: block; background-color: inherit; color: black; padding: 0.4em 0 0.4em 0; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; border-top: 1px solid #ccc; } .woocommerce-MyAccount-navigation li:first-child a { border-top: 0px solid #ccc; } .woocommerce-MyAccount-navigation a:hover { background-color: #dddddd9d; color: black !important; padding-left: 0.4em; transition: all 0.2s; } .woocommerce-MyAccount-navigation-link.is-active a { background-color: #dddddd9d; color: black !important; } .woocommerce-MyAccount-navigation-link.is-active a:before { opacity: 1; color: #009ece !important; } .woocommerce-MyAccount-navigation ul li a::before { margin-right: 10px; content: ""; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask: var(--butla-account-icon, url("https://butla.pl/wp-content/themes/butlapl_v2/assets/fontawesome/solid/address-card.svg")) center / contain no-repeat; mask: var(--butla-account-icon, url("https://butla.pl/wp-content/themes/butlapl_v2/assets/fontawesome/solid/address-card.svg")) center / contain no-repeat; text-align: right; float: left; opacity: 0.25; } .woocommerce-MyAccount-navigation ul li a:hover::before { opacity: 1; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before { --butla-account-icon: url("https://butla.pl/wp-content/themes/butlapl_v2/assets/fontawesome/solid/desktop.svg"); } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before { --butla-account-icon: url("https://butla.pl/wp-content/themes/butlapl_v2/assets/fontawesome/solid/location-dot.svg"); } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before { --butla-account-icon: url("https://butla.pl/wp-content/themes/butlapl_v2/assets/fontawesome/solid/user.svg"); } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before { --butla-account-icon: url("https://butla.pl/wp-content/themes/butlapl_v2/assets/fontawesome/solid/box.svg"); } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before { --butla-account-icon: url("https://butla.pl/wp-content/themes/butlapl_v2/assets/fontawesome/solid/download.svg"); } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before { --butla-account-icon: url("https://butla.pl/wp-content/themes/butlapl_v2/assets/fontawesome/solid/credit-card.svg"); } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--usunkonto a::before { --butla-account-icon: url("https://butla.pl/wp-content/themes/butlapl_v2/assets/fontawesome/solid/user-xmark.svg"); } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before { --butla-account-icon: url("https://butla.pl/wp-content/themes/butlapl_v2/assets/fontawesome/solid/right-from-bracket.svg"); } .woocommerce-MyAccount-content p strong { font-weight: 600; } .woocommerce-MyAccount-content p { } .woocommerce-MyAccount-content a:link:hover { color: #333; } .woocommerce-MyAccount-content a { color: #009ece !important; } .woocommerce-MyAccount-content .button { color: white !important; width: 100% !important; margin: 5px 0 !important; padding: 5px 0 !important; float: right; } .woocommerce-MyAccount-content .woocommerce-form-row.woocommerce-form-row--first.form-row.forfm-row-first, .woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last { display: none; } .woocommerce-EditAccountForm.edit-account fieldset { margin-top: 10%; } .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .woocommerce-button.button.view { width: 100% !important; color: white !important; padding: 5px !important; } mark { background-color: #009ece; color: #000; font-style: italic; font-weight: bold; } .woocommerce-customer-details--phone::before, .woocommerce-customer-details--email:before { display: none; padding-left: 0; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { margin-bottom: 0; padding-left: 0; } .woocommerce-customer-details .woocommerce-customer-details--phone { margin-top: 20px; } .woocommerce-order-details__title { margin-top: 10px; } .woocommerce-MyAccount-content #billing_country { background-color: #ddd; } .woocommerce-MyAccount-content .woocommerce-columns--addresses { width: 100% !important; padding: 0 !important; } .zz-public-layout-column { display:block; width:100%; padding:1%; } .zz-public-layout-row { width:100%; } .zz-align-left { padding-right:1%!important; } .zz-align-right { padding-left:1%!important; } .zz-checkout-layout-row + .zz-checkout-layout-row { margin:0 } .summary.entry-summary .child-product-1 { width: 60%; min-height: 23em; display: flex !important; justify-content: flex-start; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: none !important; width: 100% !important; } .woocommerce div.product div.images { margin: 0 auto; } .woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder { border: 0 solid transparent; } .flex-viewport { width: 100% !important; } .woocommerce-product-gallery .woocommerce-product-gallery__image--placeholder, .woocommerce-product-gallery__image a { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; height: 25em; width: 100%; } .woocommerce-product-gallery__image a { display: flex !important; align-items: center; justify-content: center; } .woocommerce-product-gallery__image a img, .woocommerce-product-gallery .woocommerce-product-gallery__image--placeholder img { display:block!important; height:100%!important; width: auto !important; object-fit: cover!important; } .flex-control-nav.flex-control-thumbs { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; height: 4em; width: 30% ; margin: 2vh auto !important; } .flex-control-nav.flex-control-thumbs li { width: 4vw !important; margin: 0 auto !important; } .flex-control-nav.flex-control-thumbs li img { margin: 0 auto !important; height: 100% !important; width: 100% !important; object-fit: contain; } #instructiontab a { display: flex; min-height: 5em; align-items: center; justify-content: center; } #instructiontab span, #instructiontab i { font-size: 1.5em; padding: 0 0.1em; } #instructiontab i { color: #009ece; } #instructiontab span { color: black; } div#tab-instruktaz { margin:0 auto!important; height:100%!important; width:100%; max-height:100%!important; } .box-vid { display: flex; flex-direction: column; align-items: center; justify-content: center; margin:0 auto; height:100%!important; width:80%; padding:0!important } .vid { margin:1em auto!important; width:100%!important; height:100%!important; background-color:black; padding:0!important; } .vid video { margin:1% auto!important; height:100%; width:100%; } .vid:nth-child(1) video { background:transparent url("https://butla.pl/wp-content/uploads/2024/08/pinv1.webp") no-repeat 50% 50%; -webkit-background-size:100%; -moz-background-size:100%; -o-background-size:100%; background-size:100%; } .vid:nth-child(2) video { background:transparent url("https://butla.pl/wp-content/uploads/2024/08/quickv1.webp") no-repeat 50% 50%; -webkit-background-size:100%; -moz-background-size:100%; -o-background-size:100%; background-size:100%; } .vid:nth-child(3) video { background:transparent url("https://butla.pl/wp-content/uploads/2024/08/pinpv1.webp") no-repeat 50% 50%; -webkit-background-size:100%; -moz-background-size:100%; -o-background-size:100%; background-size:100%; } .vid label { display:block; color:white; text-align:center; padding:0 0 2.5% 0; user-select:none; font-size:1em; } .product .size-woocommerce_thumbnail, .woocommerce ul.products li.product a img, .woocommerce ul.products li.product .woocommerce-placeholder { margin: 0 auto !important; height: 8em !important; width: auto !important; object-fit: cover !important; } .product-thumbnail img { background-color: white; height: 4em !important; object-fit: contain !important; float: left; margin: 0 0.1rem !important; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 60px !important; } .summary.entry-summary .child-product-2 { padding: 2% 0; width: 40%; } .woocommerce ul.products li.product .onsale { top: 0; right: 0; left: auto; margin: 0 0 0 0; } .badgec { display: flex !important; flex-direction: column; right: 0; font-weight: 700; position: absolute; line-height: 1; top: 0px; margin: 0; border-radius: 0; color: white; z-index: 4; align-items: flex-end; } .woocommerce div.product .badgec { align-items: flex-start; } .ue { display: flex !important; flex-direction: column!important; align-content: flex-end!important; align-items: flex-end!important; text-align: right!important; } .ue div { display:flex!important; color:black; font-size:0.7em; margin:0!important; } .woocommerce span.onsale { display: flex !important; align-items: center; font-weight: 700; position: relative; line-height: 1; color: white; background-color: #009ece; border-radius: 0; justify-content: center; min-height: 1em; min-width: 4em; margin: 0.3em 0 0 0 !important; font-size: 70%; white-space:nowrap; width:auto; } /* Ten sam rozmiar co pozostałe .onsale; zmienia się wyłącznie tło. */ .woocommerce span.onsale.butla-out-of-stock-badge { background-color: #757575; } .woocommerce-product-gallery__wrapper { position:relative; } .woocommerce-product-gallery__wrapper .badgec { right: unset; top: 0; left: 0; margin: 0.5em 0 0 0; } .woocommerce-product-gallery__wrapper span.onsale { min-width:130%; position:static; font-size: 80% !important; } .child-product-2 .woocommerce-Price-amount.amount { margin: 0.1em 0; } .child-product-2 .price { display: flex; justify-content: flex-end; flex-flow: column wrap; align-items: center; } .child-product-2 bdi, .child-product-2 bdi span { display: flex; justify-content: flex-end; } .child-product-2 .posted_in { margin: 1em 0; display: flex; flex-wrap: wrap; flex: none !important; } .child-product-2 .posted_in a { display: flex; flex: none !important; } .brand-meta, .producer-meta { display:none!important; } .single_variation_wrap { width: 100% !important; } .woocommerce div.product .stock { color: #009ece; display: flex; justify-content: flex-start; padding: 0 0 0.3em 0; margin: 3% 0 0 0; } .woocommerce .stock .stock-square { display: inline-block; width: 0.875em; height: 0.875em; box-sizing: border-box; border: 0.12em solid currentColor; border-radius: 0.12em; margin-right: 0.2em; vertical-align: -0.08em; flex: 0 0 0.875em; } .woocommerce .stock .stock-square.full { background: currentColor; } .woocommerce div.product form.cart { margin: 0 0 1% 0; width: 100%; display: flex !important; align-items: center; justify-content: flex-end !important; align-items: center !important; flex-flow: wrap row; } .woocommerce .quantity .qty { width: 60px; text-align: center; } .woocommerce div.product form.cart .variations { margin: 0 auto; } .woocommerce div.product form.cart .variations label { text-align: center; display: flex; align-content: center; justify-content: center; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { width: 100% !important; text-align: center !important; margin: 0 auto !important; } .woocommerce div.product form.cart button { float: none !important; width: 69% !important; margin: 0 !important; } .woocommerce div.product form.cart div.quantity { float: left !important; } .child-product-2 div.quantity { width: 30% !important; display: flex !important; justify-content: flex-start !important; float: none !important; margin: 0 1% 0 0 !important; } .child-product-2 form.cart input { padding: 0.4em !important; width: 100% !important; } .product-type-grouped .child-product-2 div.quantity { width: 100% !important; } .product-type-grouped .woocommerce-grouped-product-list-item__price .woocommerce-Price-amount.amount bdi { font-size: 1.2em !important; } .woocommerce-variation-price { clear: both; } .summary.entry-summary .child-product-3 { display: block !important; width: 100% !important; } .woocommerce .products ul, .woocommerce ul.products { margin: 0; width: 100%; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 2% 1% !important; position: relative; width: 23%; margin-left: 0; padding: 0 1% 0.25em 1%; } ul li.product.type-product { box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.2); } .child-product-3 ul > li { background-color: #009ece !important; } .child-product-3 ul > li.product.type-product { background-color: transparent !important; } .child-product-3 ul > li a { color: white !important; } .child-product-3 ul > li.active { background-color: white !important; } .child-product-3 ul > li.active a { color: black !important; } .titledz { font-weight:700; margin:1em 0; font-size:1.1em; } .woocommerce div.product .woocommerce-tabs .panel { width: 100%; display: flex; flex-flow: column wrap; } .woocommerce div.product .woocommerce-tabs .panel div { padding: 1em 0; border-bottom: 0.01em solid #ccc!important; } .woocommerce div.product .woocommerce-tabs .panel div:last-child { border-bottom: 0em solid transparent !important; } .woocommerce div.product .woocommerce-tabs .panel div ul { list-style:disc; padding: 0 0; } .woocommerce div.product .woocommerce-tabs .panel div ul li { background-color:transparent!important; margin:0 2.5%; padding: 0.5em 0; border-bottom: 0.01em solid #ccc!important; } .woocommerce div.product .woocommerce-tabs .panel div ul li:last-child { border-bottom: 0!important; } .woocommerce div.product .woocommerce-tabs .panel div ul li::marker { color:#009ece; } .woocommerce div.product .woocommerce-tabs .panel h2 { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0 0.5em; } .woocommerce div.product .woocommerce-tabs ul.tabs li { padding:0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: .5em 1em; } #tab-description div { margin:0; } .descname span { font-weight: 600; } .descname span sub, .descname span sup { font-weight: 600; } .descname span:last-child:after { content: ":"; } .woocommerce-product-details__short-description { border-top: 1px solid #ccc!important; padding-top: 1em; } .woocommerce-product-details__short-description i { color: #009ece; } .woocommerce-product-details__short-description div:last-child { padding-bottom: 0.5em; border-bottom: 0.01em solid #ccc!important; } .woocommerce-product-details__short-description div { margin-bottom: 0.5em !important; } .child-product-3 .product__content { margin: 1em 0; } .woocommerce table.shop_attributes th { width: auto; } .woocommerce table.shop_attributes td { width: 70%; } .woocommerce-product-attributes-item__label { text-align: right; } .woocommerce-product-attributes-item__label:after { content: ":"; } .woocommerce-product-attributes-item--weight td:before { content: "~"; } .woocommerce-product-attributes-item--dimensions td:before { content: "~"; } .woocommerce-product-attributes-item--dimensions span:before { content: "~"; } .woocommerce-product-attributes-item--attribute_pa_pojemnosc-wodna td p:after { content: " l"; } .woocommerce-product-attributes-item--attribute_pa_pojemnosc-gazowa td p:after { content: " kg"; } .woocommerce-product-attributes-item--attribute_pa_cisnienie-robocze td p:after { content: " bar"; } .woocommerce-product-attributes-item--attribute_pa_cisnienie-probne td p:after { content: " bar"; } .woocommerce-product-attributes-item--attribute_pa_legalizacja td p:after { content: " lat"; } .woocommerce-product-attributes-item--attribute_pa_cisnienie-wylotowe td p:after { content: " bar"; } .post-9174 .woocommerce-product-attributes-item--attribute_pa_cisnienie-wylotowe td p:after, .post-9323 .woocommerce-product-attributes-item--attribute_pa_cisnienie-wylotowe td p:after { content: " l/min"; } .woocommerce-product-attributes-item--attribute_pa_cisnienie-wlotowe td p:after { content: " bar"; } .woocommerce-product-attributes-item--attribute_pa_krociec-weza td p:after { content: " mm"; } .woocommerce-form-login-toggle .woocommerce-info:before { display: inline-block; content: ""; width: 1em; height: 1em; background-color: currentColor; -webkit-mask: url("https://butla.pl/wp-content/themes/butlapl_v2/assets/fontawesome/solid/id-card.svg") center / contain no-repeat; mask: url("https://butla.pl/wp-content/themes/butlapl_v2/assets/fontawesome/solid/id-card.svg") center / contain no-repeat; align-items: center; top: 1.5em; } .summary.entry-summary .up-sells.upsells.products { margin: 0 0 0 0; padding: 0.5em 0 0 0; border-top: 0.15em solid #009ece !important; } .summary.entry-summary .related.products { margin: 0 0 0 0; padding: 0.5em 0 1em 0; border-top: 0.1em solid #009ece !important; } .entry-content .entry-title { display: none; } .product.type-product .added_to_cart.wc-forward { text-align: center; width: 100%; } .woocommerce-loop-product__title { text-align: center; color: #009ece; border-bottom: 0.1em solid #009ece; padding: 2% !important; margin-bottom: 1em !important; } .show-password-input { display: none; } .woocommerce-cart-form__cart-item.cart_item .product-name a { text-decoration: none; color: #000000; font-weight: 600; } .woocommerce-cart-form__cart-item.cart_item .product-name a sub { text-decoration: none; color: #000000; font-weight: 600; } .actions .coupon { width: 100%; } .actions #coupon_code { width: 58%; margin-left: 2%; padding: 7px 5px; } .actions .button { width: 20%; } .woocommerce-cart-form button[name="update_cart"] { float: right !important; width: 20% !important; margin: 0.5em 0 0.5em auto !important; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { width: 50%; margin-right: 14px; } .woocommerce form.checkout_coupon { text-align: left; } .cart_totals li .woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol, .woocommerce-shipping-totals.shipping .woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol { font-weight: 600 !important; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button { width: 15em; } .page-id-78 .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { width: 75%; } .woocommerce table.shop_table td.product-name { text-align: left; } #billing_myfield19c_field, #billing_myfield19_field, #billing_myfield18_field, #billing_myfield17_field, #billing_myfield16_field, #billing_myfield15_field, #billing_myfield14_field { display: none; } #billing_trigger_field, #billing_dostawa_field { font-weight: 600; } .woocommerce form .form-row label, #billing_trigger_field, #billing_dostawa_field { line-height:1; margin:0.6em 0 0.2em 0; } .woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox { display:block; margin:0.6em 0; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { width: 200px; background-color: #009ece; float: none !important; } .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover { background-color: #2a2a2a; color: white; } #post-78 .checkout.woocommerce-checkout { display: flex; justify-content: center; align-content: center; flex-flow: wrap row; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col- { float: none; width: 100%; } .col2-set, #order_review, #order_review_heading { width: 50% !important; padding: 0 1%; height: 100%; } .checkout.woocommerce-checkout #order_review_heading { display: none !important; } .checkout.woocommerce-checkout #order_order { width: 50%; display: flex !important; justify-content: flex-start !important; align-items: flex-start !important; flex-flow: wrap row; } .checkout.woocommerce-checkout h3 { display:block; position:relative; width: 100%; margin: 2% 0; font-weight: 600; font-size:1.3em; } #order_review, #order_review_heading { width: 50%; display: flex; flex-flow: row wrap; padding: 0 1%; } .woocommerce .shop_table.woocommerce-checkout-review-order-table { } .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { border-color: #009ece; } .woocommerce form .form-row .optional { visibility: hidden; } .woocommerce-info { border-top-color: #009ece; } .woocommerce-info:before { display: none; } .woocommerce table.shop_table tfoot td { width: 11em; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color:#d7d7d7; color:black; border-radius:25px; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border: 1em solid #d7d7d7; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { width: 100%; } .wcbv-variations .select2-container .select2-selection--single, .wcbv-variations .select2-container--default .select2-selection--single .select2-selection__arrow, .wcbv-variations .select2-container--default .select2-selection--single .select2-selection__rendered { display:flex; line-height:normal; align-items: center; } button.button:hover, a.button:hover, #plugin_delete_me_shortcode_form [value="Potwierdź usunięcie"]:hover, .content .tnp-profile input[type="submit"]:hover { background-color: #2a2a2a !important; color: white !important; } #plugin_delete_me_shortcode_form { text-align: center !important; } #plugin_delete_me_shortcode_form [value="Potwierdź usunięcie"] { margin: 1% 0 !important; } #plugin_delete_me_shortcode_form p { margin: 1% 0 !important; } .woocommerce ul.order_details { display: flex; } .woocommerce ul.order_details li strong { font-size: 1.2em; } #post-78 .woocommerce-order .col2-set { width: 100% !important; } .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1 { float: left; width: 49%; } .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 { float: right; width: 49%; } .wcbv-fields > .wcbv-selects { flex-wrap: nowrap !important; } .woocommerce-product-details__short-description .wcbv-two div:last-child { border: 0 !important; } .wcbv-row.wcbv-show-price .wcbv-price { border-bottom: 0em solid #ccc!important; padding-bottom: 0em; margin: 0; } .wcbv-wrapper.wcbv-one .wcbv-selects > * { width: 8em !important; } .woocommerce-billing-fields__field-wrapper, .woocommerce-address-fields__field-wrapper { display: flex; flex-flow: row wrap; } .form-row-first input, .form-row-first select, .form-row-last input, .form-row-last select, .form-row-wide input, .form-row-wide select { padding: 5px; } .woocommerce form .form-row-first, .woocommerce-page form .form-row-first { width: 49%; margin: 0 1% 0 0; float: left; } .woocommerce form .form-row-last, .woocommerce-page form .form-row-last { width: 49%; margin: 0 0 0 0; float: right; } .woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide { width: 100%; } .search-results .navigation { display: flex; width: 100%; justify-content: space-between; } .search-results .navigation a { line-height: 1 !important; border-radius: 4em !important; background-color: #009ece !important; border: 1px solid #0000005d !important; color: white !important; text-align: center !important; padding: 0.6em 1em !important; font-weight: 700 !important; transition: all 0.5s !important; cursor: pointer !important; font-size: 0.9em; } .search-results .navigation a:hover { background-color: #2a2a2a !important; color: white !important; } .page-id-540 .entry { min-height: 25em; } .page-id-540 .entry p { text-align: center; } [id="bottom__background"] { z-index: 10; } .top__user { z-index: 15; } .boxfooter { z-index: -1; } .child-product-1, .child-product-2, .child-product-3 { z-index: 0; } .saledelivery { display:flex; width:1em!important; height:3.5em!important; fill:white; min-width: 5em!important; font-size:50%!important; padding:0 auto!important; } .saledelivery img.delivery-svg { display:block!important; position:relative; width:auto!important; height:100%!important; max-width:none!important; object-fit:contain!important; margin:0!important; } .saledelivery span { width:5%; } .woocommerce ul.products li.product .saledelivery img.delivery-svg { display:block!important; width:auto!important; height:100%!important; max-width:none!important; object-fit:contain!important; margin:0!important; } @media only screen and (max-width: 1024px) { html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { font-size: 2.8vw; } a:link, a:active { -webkit-tap-highlight-color: transparent; } .pagetitle h1, .pagetitle h2 { font-size: 1.5em !important; } .top__menu { width: 100vw; } .top__menu .top__aboutus { display: block; width: 100vw; display: flex; justify-content: center; align-content: flex-start; } .top__menu .top__user { box-shadow: 0px -0.3vw #009ece; position: fixed; bottom: 0; height: 10vw; width: 100vw; display: flex; justify-content: space-around; align-content: center; background-color: #2a2a2a; } .top__menu .top__user .hide { display: none; } .top__menu .top__user a { display: none; } .top__menu .top__user a:last-child { display: flex; flex-flow: wrap column; justify-content: center; align-items: center; } .top__menu .top__user > div { display: flex; flex-flow: column wrap; align-items: center; border-right: 0.2vw solid #dddddd4d; } .top__menu .top__aboutus div > a, .top__menu .top__user div > a { flex: none; } .top__menu .currency__box { display: none !important; } .top__menu .top__user > a { margin: 0; width: 40vw !important; } .top__menu .top__user i { display: flex; margin: 1vh 0 0 0; width: 33.33vw !important; font-size: 6vw !important; align-content: center !important; justify-content: center; } .middle__menu .middle__info img { width: 20em; } .middle__menu .middle__info { margin: 0 auto; } .woocommerce-Price-currencySymbol, .count { margin: 0 3px; } .middle__menu { width: 95vw; flex-flow: row wrap; margin: 0.1vw auto; } .middle__menu > div { width: auto; margin: 0.1vw 0; flex-flow: row wrap; height: auto !important; justify-content: space-between; align-items: center; } .bottom__menu { height: 8vw; width: 90%; } .middle__menu .middle__info { align-content: center; height: 100%; } .middle__menu .middle__info a { height: auto; } .middle__search { width: 60% !important; margin: 0 auto !important; } .middle__search .zzs-search-input { padding: 0.6em 2.5em 0.6em 0.6em!important; } .middle__menu .wholesaler { height: 2.5em; display: flex !important; align-items: center !important; justify-content: center !important; flex-flow: row wrap !important; margin: 0.5em 0 !important; width: 100vw !important; padding: 1vh !important; } .middle__menu .wholesaler .button { display: flex; width: 40vw !important; height: 7vw; padding: 0vh !important; justify-content: center; align-items: center; } #menu-glowne { display: none !important; } #desktop-menu-mount { display: none !important; } .bottom__menu .nav { width: 100%; display: flex; align-items: center; justify-content: flex-end; } .bottom__menu { display: flex; justify-content: flex-end; align-content: center; } .bottom__menu .navbar-toggle { display: flex; cursor: pointer; display: block; } .bottom__menu .navbar-toggle [id="icon-true"] { display: flex; position: relative; flex-direction: column; justify-content: space-evenly; align-items: center; align-content: center; } .bottom__menu .navbar-toggle [id="icon-true"] > :where(span) { position: relative; display: flex; background-color: white; width: 3em; height: 0.3em; color: white; justify-content: center; align-items: center; margin: 10%; align-content: center; } .panelfiltr { font-size: 1.5em; display: block; position: absolute; color: white; left: 1.5em; cursor: pointer; } #background-menu-mobile { overflow-x: hidden !important; } #background-menu-mobile [id="icon-false"] { position: fixed; right: 0; top: 0; z-index: 30; color: white; background-color: #009ece; padding: 2%; border-bottom-left-radius: 40px; border-top-left-radius: 40px; cursor: pointer; } #background-menu-mobile [id="icon-false"] span { font-size: 2em !important; } #background-menu-mobile { display: none; } #background-menu-mobile { display: flex; justify-content: flex-start; align-items: flex-start; background-color: #2a2a2a; position: fixed; flex-flow: column wrap !important; top: 0; left: 0; width: 100%; overflow: scroll; height: 100%; } #background-menu-mobile > #mobile-header-runtime { width: 100%; display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: flex-start; height: auto; } #background-menu-mobile > #mobile-header-runtime > div { width: 50%; display: flex; flex-flow: column wrap; align-items: flex-start; justify-content: flex-start; height: auto; } #background-menu-mobile > .navbar-toggle { display: block !important; position: fixed; right: 0; top: 0; z-index: 30; width: auto !important; height: auto !important; margin: 0 !important; } #background-menu-mobile h3, #background-menu-mobile .widget-title { width: 100%; padding: 5% 0; font-size: 1.5rem; border-bottom: 1px solid #dddddd9d; text-align: left; color: white; } #background-menu-mobile > #mobile-header-runtime > div > div { width: 100%; display: flex; flex-flow: column wrap; align-items: flex-start; padding: 0 0.5em; } #mobilekontakt { width: 100%; text-align: center; } #mobilekontakt .enter { margin: 2% auto; color: #009ece; } #mobilekontakt a:last-child .enter { margin: 2% auto; color: white; } #menu-mobile { display: flex; flex-flow: row wrap; margin: 0 auto; padding: 1% 0; width: 100% !important; } #menu-mobile li { width: 100% !important; display: flex; flex-flow: row wrap; } #menu-mobile > li { width: 100%; display: flex; flex-flow: row wrap !important; } #background-menu-mobile > li:last-child { border-bottom: 0px solid #ccc; } #background-menu-mobile .parent-child > a { display: flex; align-items: center; width: 100%; box-sizing: border-box; padding: 0; } #background-menu-mobile li > a { color: black; display: flex; justify-content: flex-start; align-content: center; flex-wrap: wrap; width: 90%; color: white; font-size: 0.9em; } #background-menu-mobile li > div { display: flex; justify-content: center; align-content: center; width: 10% !important; } #background-menu-mobile li > .sub-menu { display: block; flex: 0 0 100%; width: 100%; max-width: 100%; box-sizing: border-box; margin-left: 0; } #background-menu-mobile .parent-child, #background-menu-mobile .parent-nonchild { margin: 0 auto; width: 100%; padding: 0; } #background-menu-mobile .parent-child > ul { display: block; } #background-menu-mobile .parent { line-height: 30px; cursor: pointer; list-style: none; } #background-menu-mobile .add { cursor: pointer; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; z-index: 2; width: 10% !important; color: white; } #background-menu-mobile ul li > a { display: flex; align-items: center; flex: 0 0 auto; flex-wrap: nowrap; width: max-content; min-width: 100%; max-width: none; box-sizing: border-box; padding: 2px 0; font-size: 1.1em; font-weight: 600; white-space: nowrap; word-break: normal; overflow-wrap: normal; hyphens: none; } #background-menu-mobile ul li a:before { content: "»"; flex: 0 0 auto; margin-right: 0.25em; line-height: 1; position: relative; top: -0.10em; font-weight: 600; } #background-menu-mobile ul li { position: relative; width: 100%; transition: all 0.2s; margin: 0 auto; color: black; } #background-menu-mobile ul li:first-child { border-top: 0px solid #ccc; } #background-menu-mobile { } #background-menu-mobile .sub-menu li:first-child { } #background-menu-mobile ul ul a { padding: 2px 0 2px 5%; } #background-menu-mobile ul ul a:hover { padding-left: calc(5% + 5px); } #background-menu-mobile ul a:before { opacity: 0.5; font-size:1.4em; } #background-menu-mobile ul a:hover:before { color: black; opacity: 1; } #background-menu-mobile ul a:hover { padding-left: 5px; transition: all 0.2s; background-color: transparent !important; color: black; } #background-menu-mobile .sub-menu > li > a:hover { background-color: white !important; } #background-menu-mobile .parent-child > a:hover, #menu-mobile .parent-nonchild > a:hover { padding-left: 0; } [id="bottom__background"] .menu-item:hover { background-color: transparent; } #background-menu-mobile .parent-child > a:hover { padding: 0 0 0 2%; } #background-menu-mobile .add { display: none; } #background-menu-mobile .menu-mobile-container .add { display: flex; } #background-menu-mobile > div > div > div > div { width: 100%; } #background-menu-mobile .menu { width: 100%; margin: 0 !important; padding: 0 !important; } #background-menu-mobile .menu .parent-child > a { width: 100% !important; } #background-menu-mobile .menu .parent-child > a:hover { color: black !important; background-color: white !important; } #background-menu-mobile .menu > li { width: 100%; margin: 0 auto; padding: 0; } #background-menu-mobile .menu > li > a { width: 100% !important; min-width: 100%; box-sizing: border-box; } #background-menu-mobile .menu > li > a:hover { color: black !important; background-color: white !important; padding-left: 2%; } .boxsidebar { display: none; } .entry, .entry-content { display: flex; margin: 0 auto 5% auto; width: 100%; height: 100%; } .entry div, .entry-content div { margin: 0 auto; } .product__content { margin: 0 auto 0 auto; width: 100%; } .summary .entry-summary { width: 95%; } .content { width: 95%; margin: 0 auto; } #post-11 .content, #post-0 .content, .content { padding: 0 0 0 0; width: 100% !important; margin: 0 auto !important; } .entry, .entry-content { width: 95%; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { display: flex !important; padding: 0; margin: 0 auto !important; width: 100%; flex-flow: row wrap; align-items: flex-start; justify-content: flex-start; } .woocommerce div.product { display: flex !important; flex-wrap: wrap; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3, .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 4vw; } .woocommerce ul.products li.product sub { font-size: 2.5vw!important; font-weight:600; } .entry-content .woocommerce { width: 100% !important; } #menu-footer { display: none; } article.post { min-height: 5em; } .products.columns-4 .product .button, .products.columns-2 .product .button { font-size: 0.6em !important; width: 74% !important; float: right; padding: 0.6em 0.1em !important; margin: 0 auto !important; border-radius: 1em !important; } .products.columns-4 .product.product-type-variable .button, .products.columns-2 .product.product-type-variable .button { margin: 0 auto !important; text-align: center !important; width: 100% !important; } .products.columns-4, .products.columns-2 { display: flex; flex-flow: wrap row; width: 100%; align-items: flex-start; } .products.columns-4 > li, .products.columns-2 > li { width: 48% !important; } .products.columns-4 .product .button, .products.columns-2 .product .button { font-size: 0.58em !important; } .products.columns-4 .product .quantity input, .products.columns-2 .product .quantity input { height: 1.55em; } .woocommerce .quantity .qty { width: 25%; text-align: center; } .woocommerce .cart .quantity .qty { width: 100%; text-align: center; } .woocommerce div.product .stock { display: flex; justify-content: center; } .boxfooter { display: flex !important; background-color: transparent; width: 100%; height: 100%; position: relative !important; } #footer { width: 100%; display: flex !important; height: 50rem; color: white; border-top: 3px solid #009ece; flex-flow: wrap row; position: relative !important; } .footer-widgets { justify-content: center; align-items: center; flex-flow: row wrap; width: 100%; } .footer-widgets > div { display: flex; justify-content: center; align-items: center; flex-flow: column wrap; width: 100%; } .footer-widgets > div:nth-child(1) p:nth-child(2) { display:none } .footer-widgets > div { margin: 0; width: 100%; } .footer-widgets > div > div { flex-flow: column wrap; width: 100% !important; text-align: center; padding:0; } :is(.textwidget.custom-html-widget, .custom-html-widget) { width: 100%; display: block; justify-content: center; align-items: center; } :is(.textwidget.custom-html-widget, .custom-html-widget) > p span, :is(.textwidget.custom-html-widget, .custom-html-widget) > a :is(.textwidget.custom-html-widget, .custom-html-widget) > span { display: flex; justify-content: center; align-items: center; } :is(.textwidget.custom-html-widget, .custom-html-widget) img { width: 50%; } :is(.textwidget.custom-html-widget, .custom-html-widget) img[src*="Allegro.pl_sklep.svg"] { height: auto; aspect-ratio: 128 / 43; } :is(.ikonystopka, :where(.footer-widgets .custom-html-widget > p) > span) span { visibility: visible; } span :is(.fa-briefcase, :where(.footer-widgets .custom-html-widget i)[data-icon="briefcase"]), span :is(.fa-business-time, :where(.footer-widgets .custom-html-widget i)[data-icon="business-time"]) { color: #4dabf7; position: absolute; margin-top: 0; margin-left: -1.4em; } span :is(.fa-map-marker-alt, :where(.footer-widgets .custom-html-widget i)[data-icon="location"]) { color: lightcoral; position: absolute; margin-top: 0; margin-left: -1.2em; } span :is(.fa-phone, :where(.footer-widgets .custom-html-widget i)[data-icon="phone"]), span :is(.fa-envelope, :where(.footer-widgets .custom-html-widget i)[data-icon="envelope"]) { color: lightcoral; position: absolute; margin-top: 0; margin-left: -1.2em; } span .fa-store, span .fa-handshake, span .fa-money-bill-wave, span :is(.fa-truck, :where(.footer-widgets .custom-html-widget i)[data-icon="truck"]), span :is(.fa-book, :where(.footer-widgets .custom-html-widget i)[data-icon="book"]), span :is(.fa-cookie-bite, :where(.footer-widgets .custom-html-widget i)[data-icon="cookie-bite"]), span .fa-user { color: #38d9a9; position: absolute; margin-top: 0; margin-left: -1.2em; } .top__user > :where(div:not(.hide)) { width: 33.33% !important; } .size50, .footer-widgets > div { width: 50% !important; } .content .woocommerce { display: flex !important; flex-flow: row wrap !important; justify-content: center; } .content .woocommerce > div { width: 100% !important; } .woocommerce-MyAccount-navigation { width: 100% !important; } input[type="checkbox"], input[type="radio"] { transform: scale(1.05); } .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents button { width: 40% !important; margin: 2% 0 !important; } #post-78 .checkout.woocommerce-checkout { display: block; } .col2-set, #order_review, #order_review_heading { width: 100% !important; height: auto !important; } .woocommerce-shipping-totals.shipping input { float: right; margin: 0 3px !important; } .summary.entry-summary .child-product-1 { width: 100%; height: 100% !important; min-height: 100% !important; display: flex !important; justify-content: flex-start; margin: 0 !important; } .summary.entry-summary .child-product-2, .summary.entry-summary .child-product-3 { width: 100%; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: none !important; width: 80vw !important; } .woocommerce div.product div.images { margin: 0 auto; } .flex-viewport { width: 80.01vw !important; border: 1px solid #dddddd8d; height: 70vw !important; } .woocommerce-product-gallery__image a { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; height: 70vw; } .woocommerce-product-gallery__image a img { height: 100% !important; width: auto !important; margin: 1% auto; } .flex-control-nav.flex-control-thumbs { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; height: 9vh; width: 30%; margin: 2vh auto !important; } .flex-control-nav.flex-control-thumbs li { width: 25vw !important; } .woocommerce table.shop_attributes td { width: 50%; } .child-product-2 form.cart input { padding: 1vh !important; width: 100% !important; } .child-product-2 .price .woocommerce-Price-amount.amount { font-size:1.8em!important; } .priceinfo { font-size:0.7em!important; } .product .size-woocommerce_thumbnail, .woocommerce ul.products li.product a img, .woocommerce ul.products li.product .woocommerce-placeholder { height: 30vw !important; } .woocommerce div.product form.cart { display:flex; width: 50% !important; margin: 0 auto; justify-content: center; align-items: center; } .woocommerce ul.order_details { display: flex; width: 100%; flex-flow: column wrap; justify-content: center; align-items: center; } .woocommerce ul.order_details li { width: 100%; } .col2-set, #order_review, #order_review_heading { width: 100% !important; padding: 0 1%; height: 100%; } .products.columns-4 .wmc-cache-pid > span, .products.columns-2 .wmc-cache-pid > span, .products.columns-4 .woocommerce-Price-currencySymbol, .products.columns-2 .woocommerce-Price-currencySymbol { font-size: 100% !important; } .child-product-2 .wmc-cache-pid > span, .child-product-2 .woocommerce-Price-currencySymbol { font-size: 8vw !important; } .currency__box #wmc_widget-13 { display: flex !important; justify-content: center; flex-flow: row wrap; align-items: center; } .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-current-currency { margin: 0.1em 0 !important; } .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-currency, .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-current-currency { display: flex !important; background-color: transparent; color: white !important; font-size: 2rem !important; line-height: normal; border: 1px solid white; padding: 0.1em 0.1em !important; height: 1.1em !important; border-radius: 0; } .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-currency:hover, .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-current-currency:hover { background-color: white; color: #2a2a2a !important; display: flex !important; justify-content: center; align-items: center; } .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-currency-wrapper .wmc-sub-currency { display: flex !important; background-color: #2a2a2a; line-height: normal; left: 2em; width: 20vw !important; height: 100%; top: 0; border: 0px solid white; padding: 0; } .wmc-currency-wrapper .wmc-sub-currency .wmc-currency { display: block !important; height: 1em !important; width: 100% !important; } .wmc-currency-wrapper .wmc-sub-currency { display: block !important; width: 55vh !important; } .wmc-currency-wrapper .wmc-sub-currency a.wmc-currency:hover { display: block !important; width: 100% !important; } .wmc-currency-wrapper .wmc-sub-currency { display: block !important; width: 50vh !important; } .wmc-currency-wrapper .wmc-sub-currency div { display: block !important; margin: 0 0 0 0.2em !important; } .woocommerce-multi-currency.wmc-shortcode .wmc-currency a, .woocommerce-multi-currency.wmc-shortcode .wmc-currency a:hover, .woocommerce-multi-currency.wmc-shortcode.layout9 .wmc-current-currency a { display: flex !important; justify-content: center; align-items: center; font-weight: 100 !important; width: 100% !important; } .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-currency-wrapper:hover .wmc-sub-currency { overflow: hidden !important; } .infof { display:flex; width: 90%; margin: 0 auto; justify-content: center; } input.wpcf7-submit { width: 100% !important; } .boxfooter { z-index: 0; } .saledelivery { font-size:50%!important; } } @media only screen and (max-width: 768px) { html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { font-size: 4vw; } .woocommerce-page table.shop_table_responsive tr.woocommerce-cart-form__cart-item { border:2px solid #ddd; } .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { text-align:center!important; } .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before { content:""; } .woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td, .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { border:1px solid rgba(0,0,0,.1); background-color:white; } .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { display:flex; text-align:center; justify-content: center; margin:0 auto; } .woocommerce table.shop_table_responsive tr td.product-remove { display:flex; justify-content: flex-end; } .woocommerce-page table.shop_table_responsive tbody .woocommerce-cart-form__cart-item.cart_item th { display: flex; } .middle__menu > div { width: 100%; margin: 1% 0; flex-flow: column wrap; height: auto !important; } .middle__search { width: 85% !important; } .top__menu .top__user { box-shadow: 0px -0.3vw #009ece; position: fixed; bottom: 0; height: 12vw; width: 100vw; display: flex; justify-content: center; flex: none; align-content: center; background-color: #2a2a2a; } #background-menu-mobile a { padding: 2px 0; } #background-menu-mobile ul li > a { font-size: 0.9em; } .middle__menu .middle__info img { width: 20em; } .bottom__menu { height: 14vw; } #footer { height: 70rem; } .boxfooter .size50, .boxfooter .footer-widgets > div { width: 100% !important; } .middle__menu .wholesaler .button { display: flex; width: 60vw !important; height: 8vw; padding: 0vh !important; justify-content: center; align-items: center; } .products.columns-4 .wmc-cache-pid > span, .products.columns-2 .wmc-cache-pid > span, .products.columns-4 .woocommerce-Price-currencySymbol, .products.columns-2 .woocommerce-Price-currencySymbol { font-size: 6vw !important; } .child-product-2 .wmc-cache-pid > span, .child-product-2 .woocommerce-Price-currencySymbol { font-size: 10vw !important; } .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-currency, .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-current-currency { display: flex !important; background-color: transparent; color: white !important; font-size: 2rem !important; line-height: normal; border: 1px solid white; padding: 0 0.1em !important; height: 1.2em !important; border-radius: 0; text-align: center; width: 100%; justify-content: center; } .woocommerce span.onsale { font-size:80%!important; } .woocommerce div.product .woocommerce-tabs ul.tabs a { font-size:84%!important; } .saledelivery { display:flex; height:2.25em!important; fill:white; min-width: 3.5em!important; font-size:50%!important; padding:0 auto!important; } .saledelivery img.delivery-svg { display:block!important; position:relative; width:auto!important; height:100%!important; max-width:none!important; object-fit:contain!important; margin:0!important; } .saledelivery span { width:5%; } .woocommerce ul.products li.product .saledelivery img.delivery-svg { display:block!important; width:auto!important; height:100%!important; max-width:none!important; object-fit:contain!important; margin:0!important; } .woocommerce div.product form.cart { display:flex; width: 75% !important; margin: 0 auto; justify-content: center!important; text-align:center!important; } } .wcbv-wrapper { width: 100%; } .wcbv-product .price { display: none; } .wcbv-product .child-product-2 .woocommerce-product-details__short-description { border: none !important; } .wcbv-row .wcbv-price:before { display: none; } .wcbv-wrapper .woocommerce-Price-amount.amount { position: relative; } .wcbv-wrapper .wcbv-total-price.price { position: relative; display: block; } .wcbv-actions { position: relative; } .wcbv-row .wcbv-fields > div { border: none !important; } .wcbv-remove .wcbv-remove-row { top: 0.7em; left: 0.2em; } .tpicon { display: flex; justify-content: center; flex-direction: column; } .tpicond { display: flex; justify-content: center; align-items: center; flex-direction: column; } .tpicon img, .tpicond img { display: flex; justify-content: center; align-items: center; width: 5em; margin: 0 0.25em; text-align: center; } .woocommerce-thankyou-order-received { font-weight: 600; margin-bottom: 1em; } .woocommerce ul.order_details { margin-bottom: 1em; } .page-id-34 .grecaptcha-badge, .page-id-4942 .grecaptcha-badge, .page-id-333 .grecaptcha-badge { visibility: visible !important; } .staticq { display: flex; flex-direction: column; width: 100%; } .staticq > div { display: flex; flex-direction: row; width: 100%; justify-content: space-around; } .staticq > div > div:hover { transform: scale(1.1); transition: all 0.3s; } .staticq > div:nth-child(odd) { font-size: 1.5em; justify-content: center; margin: 3% auto; } .staticq > div > div { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 30%; height: 10em; border: 2px solid #009ece; border-radius: 25px; margin: 0; text-align: center; padding: 2%; } .staticq > div > div i { color: #009ece; font-size: 2em; margin-bottom: 0.5em; } .staticq > div > div span { text-align: center; font-weight: 600; margin-bottom: 0.3em; } .min-product { display: flex; flex-direction: row; width: 100%; border-top: 1px solid #ccc!important; flex-wrap: wrap; justify-content: center; } .min-product > a { flex-basis: 45%; display: flex; flex-direction: column; margin: 5% 0 0 0; cursor: pointer; } .min-product > a img { height: 9em; margin-bottom: 0.7em; } .min-product > a:hover img { height: 9em; transform: scale(1.2); transition: all 0.3s; } .min-product > a .title { display: block; flex-direction: column; align-items: center; text-align: center; color: black; } .page-id-78 .min-cart > div > div:nth-of-type(1) { display: none; } .page-id-78 .min-cart > div:last-child { border-bottom: 1px solid black; } .page-id-78 .min-cart > div:first-child { border-top: 1px solid black; } .plusmc { width: 100%; display: block !important; margin: 0 auto; text-align: center; } .hurt-child a { color: #009ece !important; } .woocommerce-error, .woocommerce-info, .woocommerce-message { word-wrap:unset; text-align:center; border-top: 0px solid white; color:black; border:0!important; } .woocommerce-error li a, .woocommerce-info li a, .woocommerce-message li a { color:black; } .woocommerce-message { border-top-color: transparent; } .woocommerce-message::before { color: #009ece; } .woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before { display:flex; height: 50%; align-items: center; } .woocommerce-error a.button, .woocommerce-info a.button,.woocommerce-message a.button { width:100%!important; } .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward { display:none!important; } .woocommerce-NoticeGroup { width:100%!important; } .easypack-shipping-method-logo img { display:none } .engraving-field { display:block; width:100%; margin:1em 0!important; } .engraving-field > div { display:inline-block; } .engraving-field #engraving_text_wrap label { display:block; padding-bottom:0.2em; } .child-product-2 .engraving-field > div > span > input { width:auto!important; margin: 0 0.4em 0 0; } body.woocommerce-order-pay .site-main, body.woocommerce-order-pay .entry-content, body.woocommerce-order-pay .woocommerce { width: 100%; } body.woocommerce-order-pay form#order_review { max-width: 700px; width: calc(100% - 30px); margin: 0 auto !important; float: none !important; } body.woocommerce-order-pay #payment { width: 100%; margin: 0 auto; float: none !important; } @media (max-width: 768px) { body.woocommerce-order-pay form#order_review { width: calc(100% - 20px); } } .woocommerce ul.products li.product form.cart.wpcustom-loop-cart, .woocommerce-page ul.products li.product form.cart.wpcustom-loop-cart { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: both !important; box-sizing: border-box !important; } .woocommerce ul.products li.product form.cart.wpcustom-loop-cart > .quantity, .woocommerce-page ul.products li.product form.cart.wpcustom-loop-cart > .quantity { display: block !important; flex: 0 0 25% !important; width: 25% !important; min-width: 0 !important; max-width: 25% !important; margin: 0 !important; padding: 0 !important; float: none !important; box-sizing: border-box !important; } .woocommerce ul.products li.product form.cart.wpcustom-loop-cart > .quantity > input.qty, .woocommerce-page ul.products li.product form.cart.wpcustom-loop-cart > .quantity > input.qty { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 1.55em !important; margin: 0 !important; padding: 0 !important; float: none !important; text-align: center !important; box-sizing: border-box !important; } .woocommerce ul.products li.product form.cart.wpcustom-loop-cart > button.add_to_cart_button, .woocommerce-page ul.products li.product form.cart.wpcustom-loop-cart > button.add_to_cart_button { display: block !important; flex: 0 0 74% !important; width: 74% !important; min-width: 0 !important; max-width: 74% !important; margin: 0 !important; float: none !important; white-space: nowrap !important; font-size: 0.6em !important; line-height: 1 !important; padding-left: 0.15em !important; padding-right: 0.15em !important; box-sizing: border-box !important; } .woocommerce ul.products li.product form.cart.wpcustom-loop-cart > button.add_to_cart_button:only-child, .woocommerce-page ul.products li.product form.cart.wpcustom-loop-cart > button.add_to_cart_button:only-child { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } #wpcustom-mobile-filter-panel[hidden] { display: none !important; } #wpcustom-mobile-filter-panel { display: none !important; } @media only screen and (max-width: 1024px) { #wpcustom-mobile-filter-panel:not([hidden]) { display: block !important; position: relative !important; z-index: 5 !important; clear: both !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; overflow: visible !important; margin: 0 !important; padding: 0 !important; background: #fff !important; box-sizing: border-box !important; } #wpcustom-mobile-filter-panel > .widget, #wpcustom-mobile-filter-panel > .zzpf { display: block !important; position: relative !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: .5em !important; border: .1em solid #2a2a2a !important; background: #fff !important; box-sizing: border-box !important; } #wpcustom-mobile-filter-panel .zzpf, #wpcustom-mobile-filter-panel .zzpf-form { display: flex !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; overflow: visible !important; } #wpcustom-mobile-filter-panel .zzpf-form { flex-direction: column !important; } } .zzpf.zzpf .zzpf-price-values>input.zzpf-min-input, .zzpf.zzpf .zzpf-price-values>input.zzpf-max-input { border:0; } .zzpf.zzpf .zzpf-actions { display:flex; flex-direction: column; } img.eu-svg { width:auto!important; height:3.5em!important; object-fit:contain!important; margin:0!important; } .woocommerce ul.products li.product a img.eu-svg { width:auto!important; height:1.8em!important; object-fit:contain!important; margin:0!important; } @media screen and (max-width: 768px) { img.eu-svg { width:auto!important; height:2.5em!important; object-fit:contain!important; margin:0!important; } .woocommerce ul.products li.product a img.eu-svg { width:auto!important; height:1.5em!important; object-fit:contain!important; margin:0!important; } } .zzcc-root .zzcc-btn, .zzcc-root .zzcc-manage, .zzcc-root .zzcc-shortcode { border-color: #007ea6 !important; } .zzcc-root .zzcc-primary { background: #007ea6 !important; border-color: #007ea6 !important; color: #fff !important; } .zzcc-root .zzcc-btn, .zzcc-root .zzcc-manage, .zzcc-root .zzcc-shortcode { border-color: #009ece !important; } .zzcc-root .zzcc-primary { background: #009ece !important; border-color: #009ece !important; color: #fff !important; } .zzcc-root .zzcc-switch input:checked + span { background: #009ece !important; } .zzcc-root .zzcc-manage--icon, .zzcc-root .zzcc-shortcode--icon { color: #009ece !important; } .zzcc-root .zzcc-manage--icon svg, .zzcc-root .zzcc-shortcode--icon svg { fill: currentColor !important; stroke: currentColor !important; } .zzcc-root .zzcc-banner a, .zzcc-root .zzcc-modal a { color: #009ece !important; } .zzcc-root .zzcc-btn:focus-visible, .zzcc-root .zzcc-manage:focus-visible, .zzcc-root .zzcc-shortcode:focus-visible, .zzcc-root .zzcc-close:focus-visible { outline: 2px solid #009ece !important; outline-offset: 2px; } .zzcc-manage--icon svg, .zzcc-shortcode--icon svg { color: #009ece; } .zzcc-shortcode { background: #009ece !important; border-color: #009ece !important; color: #fff !important; } .zznl > h3 { font-size: 1.7em; padding: 0 0 0.2em 0; font-weight: 600; clear: both; } .zznl form > p { text-align: center; margin: 0 0 0.5em 0; } .zznl form > label > span { font-size:0.7em!important; } .zznl button[type="submit"] { width: min(100%, 220px); min-height: 36px; padding: 7px 14px; margin: 14px auto 0 auto; border: 1px solid #009ece !important; border-radius: 25px; background: #009ece !important; color: #fff !important; font-weight: 600; line-height: 1.2; cursor: pointer; transition: background-color 0.5s; } .zznl button[type="submit"]:hover { background-color: #2a2a2a !important; color: #fff !important; } .zznl button[type="submit"]:focus-visible { outline-color: #009ece !important; } .zznl input[type="email"]:focus { border-color: #009ece !important; outline-color: #009ece !important; } .zznl form > label a { color: #009ece !important; } .widget_zz_newsletter_widget { padding: 1em 0; margin-bottom: 1em !important; border-top: 0.1em solid #bbb; border-bottom: 0.1em solid #bbb; clear:both; } @media only screen and (max-width: 1024px) { .zznl-title, .zznl-intro, .zznl-consent span { color:white; } .zzpf.zzpf { margin:0!important; } } .zzpf.zzpf { color: inherit; } .zzpf.zzpf [data-precision] input[type="number"] { border-color: #c7c7c7; background: #fff; } .zzpf.zzpf [data-precision] > div:last-child > div:first-of-type { background: #d9d9d9; border: 0px solid!important; } .zzpf.zzpf [data-precision] > div:last-child > div:last-of-type { background: #009ece; border: 0px solid!important; } .zzpf.zzpf [data-precision] > div:last-child > input[type="range"]::-webkit-slider-thumb { border-color: #fff; background: #009ece; box-shadow: 0 1px 5px rgba(0, 0, 0, .35); } .zzpf.zzpf [data-precision] > div:last-child > input[type="range"]::-webkit-slider-thumb { border: 0px solid!important; } .zzpf.zzpf [data-precision] > div:last-child > input[type="range"]::-moz-range-thumb { border: 0px solid!important; } .zzpf.zzpf [data-precision] > div:last-child > input[type="range"]::-moz-range-thumb { border-color: #fff; background: #009ece; box-shadow: 0 1px 5px rgba(0, 0, 0, .35); } .zzpf.zzpf [data-control-type="buttons"] [data-cols] > label > span, .zzpf.zzpf [data-control-type="chips"] [data-cols] > label > span { border-color: #c7c7c7; background: #fff; } .zzpf.zzpf [data-control-type="buttons"] [data-cols] > label > input:checked + span, .zzpf.zzpf [data-control-type="chips"] [data-cols] > label > input:checked + span { border-color: #009ece; background: #009ece; color: #fff; } .zzpf.zzpf [data-control-type="buttons"] [data-cols] > label > input:focus-visible + span, .zzpf.zzpf [data-control-type="chips"] [data-cols] > label > input:focus-visible + span, .zzpf.zzpf [data-control-type="colors"] [data-cols] > label > input:focus-visible + span, .zzpf.zzpf [data-control-type="images"] [data-cols] > label > input:focus-visible + span, .zzpf.zzpf [data-control-type="tiles"] [data-cols] > label > input:focus-visible + span { outline: 2px solid #009ece; } .zzpf.zzpf [data-control-type="colors"] [data-cols] > label > span > i { border-color: rgba(0, 0, 0, .22); } .zzpf.zzpf [data-control-type="colors"] [data-cols] > label > input:checked + span { border-color: #009ece; box-shadow: inset 0 0 0 1px #009ece; } .zzpf.zzpf [data-control-type="images"] [data-cols] > label > span, .zzpf.zzpf [data-control-type="tiles"] [data-cols] > label > span { border-color: #d7d7d7; background: #fff; } .zzpf.zzpf [data-control-type="images"] [data-cols] > label > span > img, .zzpf.zzpf [data-control-type="tiles"] [data-cols] > label > span > img { background: #f2f2f2; } .zzpf.zzpf [data-control-type="images"] [data-cols] > label > input:checked + span, .zzpf.zzpf [data-control-type="tiles"] [data-cols] > label > input:checked + span { border-color: #009ece; box-shadow: inset 0 0 0 1px #009ece; } .zzpf.zzpf select { border-color: #c7c7c7; background: #fff; } .zzpf.zzpf [data-control-type="dropdown_checkbox"] > details, .zzpf.zzpf [data-control-type="accordion"] > details { border-color: #d7d7d7; background: #fff; } .zzpf.zzpf [data-control-type="dropdown_checkbox"] > details > div, .zzpf.zzpf [data-control-type="accordion"] > details > div { border-top-color: #e5e5e5; } .zzpf.zzpf [data-control-type="links"] a[data-term-value]:hover, .zzpf.zzpf [data-control-type="links"] a[data-term-value]:focus, .zzpf.zzpf [data-control-type="links"] a[data-term-value][aria-current="true"] { border-color: #009ece; } .zzpf.zzpf [data-control-type="links"] a[data-term-value][aria-current="true"] { background: color-mix(in srgb, #009ece 12%, transparent); } .zzpf.zzpf [data-control-type="switches"] [data-cols] > label > span::after { background: #c9c9c9; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); } .zzpf.zzpf [data-control-type="switches"] [data-cols] > label > span::before { background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .28); } .zzpf.zzpf [data-control-type="switches"] [data-cols] > label > input:checked + span::after { background: #009ece; } .zzpf.zzpf > form > div:last-child > button[type="submit"] { width: min(100%, 220px); min-height: 36px; margin: 0; padding: 7px 14px; border: 1px solid rgba(0, 0, 0, .35); border-radius: 25px; background: #009ece; color: #fff; font-weight: 600; line-height: 1.2; cursor: pointer; } .zzpf.zzpf [data-taxonomy] button[data-remote-more="yes"] { display: block; margin: 7px auto 0; padding: 4px 8px; border: 0; background: transparent; color: #009ece; text-decoration: underline; cursor: pointer; } .zzpf.zzpf [data-taxonomy] button[data-remote-more="yes"][disabled] { opacity: .55; cursor: wait; } #slider1 .s1s, #slider1 .s2s, #slider1 .s3s { background-image: none !important; } #slider1 .slider-slide { overflow: hidden; } #slider1 .slider-lcp-image { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center 10%; z-index: 0; } #slider1 .element-title { z-index: 1; } #show-more, #show-less { cursor: pointer; user-select: none; } /* Header cart shell: always visible total/count; dropdown CSS is lazy-loaded. */ .site-header-cart.menu span{color:white;font-weight:600} .site-header-cart>div:first-child{display:flex} .cart-contents{display:flex!important} .cartmenu span.woocommerce-Price-amount.amount, .cartmenu span.woocommerce-Price-currencySymbol{color:#009ece!important;white-space:nowrap} @media only screen and (max-width:1024px){ .cart-shop{display:flex;flex-flow:wrap row!important} .top__menu .top__user .cart-contents{height:inherit;white-space:nowrap} .top__menu .top__user .site-header-cart>a{display:flex;flex-wrap:wrap} .site-header-cart>div:first-child{display:block} .cartmenu{width:33.33vw!important;display:flex;justify-content:center;align-items:center;flex:none} } /* Currency symbol must always match the numeric price size. */ .woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol{font-size:1em!important} /* Desktop single-product price: only normalize the outer WooCommerce price size. */ @media only screen and (min-width: 1025px) { .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price { font-size: 1em !important; } } /* Mini products on single-product page: normalize component price on all viewports. */ .single-product .min-product .woocommerce-Price-amount.amount { font-size: 1em !important; } /* Product tabs: preserve the existing layout; JS only shrinks text on real overflow. */ .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs { white-space: nowrap; } .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs > li > a { white-space: nowrap; }