/*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /*! * Bootstrap Grid v5.2.1 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 1040px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1200px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1400px; } } .d-flex { display: flex !important; } /* .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } */ .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } /* .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } */ .align-items-center { align-items: center !important; } /* .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } */ .align-content-center { align-content: center !important; } /* .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } */ @media (min-width: 768px) { .d-md-flex { display: flex !important; } } @media (min-width: 992px) { .d-lg-flex { display: flex !important; } } @media (min-width: 1200px) { .d-xl-flex { display: flex !important; } } /* Blocks lite */ .wp-block-columns { display: flex; margin-bottom: 0; box-sizing: border-box; flex-wrap: wrap !important; /*align-items: normal !important;*/ } .wp-block-column { flex-grow: 1; min-width: 0; word-break: break-word; overflow-wrap: break-word; } .wp-block-image { margin: 0; } html .wc-block-grid.has-3-columns .wc-block-grid__products, html .wc-block-grid.has-4-columns .wc-block-grid__products, html .wc-block-grid.has-5-columns .wc-block-grid__products { list-style: none; padding: 0; margin: 0; grid-template-columns: repeat(4, 1fr); display: grid; gap: 30px; } html .wc-block-grid.has-5-columns .wc-block-grid__products { grid-template-columns: repeat(5, 1fr); } html .wc-block-grid.has-3-columns .wc-block-grid__products { grid-template-columns: repeat(3, 1fr); } html .wc-block-grid.has-3-columns .wc-block-grid__product, html .wc-block-grid.has-4-columns .wc-block-grid__product, html .wc-block-grid.has-5-columns .wc-block-grid__product { max-width: inherit; } html .wc-block-grid__products .wc-block-grid__product-image img { width: 100%; } html .wp-block-image img, html .wc-block-grid__products .wc-block-grid__product-image img { height: auto; max-width: 100%; width: auto; } figure.wp-block-gallery.columns-2 { grid-template-columns: repeat(2, 1fr); display: grid; } figure.wp-block-gallery.columns-3 { grid-template-columns: repeat(3, 1fr); display: grid; } figure.wp-block-gallery.columns-4 { grid-template-columns: repeat(4, 1fr); display: grid; } .wp-block-cover, .wp-block-cover-image { position: relative; background-size: cover; background-position: 50%; min-height: 300px; width: 100%; display: flex; justify-content: center; align-items: center; padding: 1em; box-sizing: border-box; } .wp-block-cover .wp-block-cover__background, .wp-block-cover .has-background-dim{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; opacity: 0.2; background: #000 } .wp-block-cover .wp-block-cover__inner-container { width: 100%; z-index: 1; padding: 0 15px; max-width: 850px } .wp-block-cover img.wp-block-cover__image-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; width: 100%; height: 100%; max-width: none; max-height: none; -o-object-fit: cover; object-fit: cover; outline: none; border: none; box-shadow: none; } .are-vertically-aligned-top, .wp-block-columns.are-vertically-aligned-top { align-items: normal } .has-text-align-center { text-align: center } img.alignright {float: right} .wp-block-embed-youtube { overflow: hidden; position: relative; max-width: 100%; height: auto; padding-bottom: 56.25%; margin-bottom:15px; } .wp-block-embed-youtube iframe, .wp-block-embed-youtube object, .wp-block-embed-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (min-width: 780px) { .wp-block-columns { flex-wrap: nowrap !important; gap: 30px } .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 0; flex-grow: 1; } } @media (max-width: 780px) { .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; } html .wc-block-grid.has-3-columns .wc-block-grid__products { grid-template-columns: repeat(2, 1fr); } html .wc-block-grid.has-3-columns .wc-block-grid__product { padding: 15px } } .checkout-wrap { margin-top: 30px; margin-bottom: 75px; } ul.checkout-bar { position: relative; display: flex; width: 80%; height: 2px; margin: 0 auto 20px 10%; padding: 0; border-radius: 6px; background-size: 35px 35px; } ul.checkout-bar li { display: inline-block; position: relative; width: 33.333%; margin: 22px 0 0; padding: 0; background-color: transparent; font-size: 14px; font-weight: 400; text-align: center; vertical-align: top; } ul.checkout-bar li::before { position: absolute; z-index: 3; top: -40px; left: calc(50%-13px); margin-left: -19px; width: 26px; height: 26px; border: 6px solid #fff; border-radius: 50%; color: #fff; background: #ddd; box-sizing: content-box; font-size: 14px; font-weight: 600; line-height: 26px; text-align: center; } ul.checkout-bar li::after { position: absolute; z-index: 0; top: -22px; left: 50%; width: 100%; height: 2px; background-color: #fff0e5; background-size: 35px 35px; content: ""; } ul.checkout-bar li:nth-child(1)::after { left: 0; width: 150% } ul.checkout-bar li:nth-child(3)::after { right: 0; left: auto; } .woocommerce-cart ul.checkout-bar li:nth-child(1)::before { background: #ff6c00; } .woocommerce-checkout ul.checkout-bar li:nth-child(1)::before { background: #00C45E; } .woocommerce-checkout ul.checkout-bar li:nth-child(2)::before { background: #ff6c00; } ul.checkout-bar li:nth-child(1)::before { content: "1"; } ul.checkout-bar li:nth-child(2)::before { content: "2"; } ul.checkout-bar li:nth-child(3)::before { content: "3"; } ul.checkout-bar li span { display: block; font-weight: 600; font-size: 13px; line-height: 1.5 } ul.checkout-bar li a { text-decoration: none; color: #222; } table { width: 100%; border-spacing: 0; border-collapse: separate; } .woocommerce nav.woocommerce-pagination ul {border-radius: 3px;} .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { color: #222; font-weight: 500; font-size: 14px } .widget .price_slider { margin-top: 5px; margin-bottom: 1em; } .widget .price_slider_amount { line-height: 2.4em; text-align: right; font-size: 13px } .widget .price_slider_amount .button { float: left; } .widget .ui-slider { position: relative; text-align: left; } .widget .ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: ew-resize; outline: 0; height: 20px; width: 20px; border-radius: 50%; top: 0; border: 7px solid #fff; box-shadow: 0 0 3px 0 rgba(0,0,0,.15); margin-top: -8px; background: #ff6c00; } .widget .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .widget .ui-slider .ui-slider-handle.ui-state-active, .widget .ui-slider .ui-slider-handle:hover { box-shadow: 0 0 0 0.236em rgba(0, 0, 0, 0.1); } .widget .price_slider_wrapper .ui-widget-content,.widget .ui-slider .ui-slider-range { border: 0; border-top-left-radius: 1em; border-top-right-radius: 1em; border-bottom-right-radius: 1em; border-bottom-left-radius: 1em; } .widget .ui-slider .ui-slider-range { display: block; position: absolute; z-index: 1; background: #ff6c00; font-size: 0.7em; } .widget .price_slider_wrapper .ui-widget-content { background: rgba(0, 0, 0, 0.1); } .widget .ui-slider-horizontal { height: 0.25em; } .widget .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .widget .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .widget .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .innercontent{ width: 100%;margin-right: auto;margin-left: auto; gap: 30px} .innercontent.are-vertically-aligned-center, #content .is-vertically-aligned-center, .are-vertically-aligned-center { align-items: center} @media (min-width: 576px) { .innercontent { max-width: 540px; } } @media (min-width: 768px) { .innercontent { max-width: 720px; } } @media (min-width: 992px) { .innercontent { max-width: 960px; } } @media (min-width: 1200px) { .innercontent { max-width: 1200px; } } @media (min-width: 1400px) { .innercontent { max-width: 1400px; } }