/*! Theme Name: Ecomus Theme URI: https://wpecomus.com Author: Drfuri Author URI: http://drfuri.com Description: Multipurpose WooCommerce WordPress Theme Version: 2.4.2 Requires at least: 5.0 Tested up to: 5.8 Requires PHP: 7.0 License: GNU General Public License v2+ License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: ecomus Domain Path: lang/ Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready */ :root{--em-font__main:'Albert Sans', Arial, sans-serif;--em-line-height__body:1.6;--em-color__base:#545454;--em-color__dark:#000000;--em-color__light:#ffffff;--em-color__primary:#DB1215;--em-color__grayer:#d9d9d9;--em-text-color-on-primary:#fff;--em-link-color:#000000;--em-link-color-hover:#DB1215;--em-header-color:#000000;--em-color-price-sale:#db1215;--em-border-color:#EBEBEB;--em-image-rounded:0px;--em-image-rounded-post-card:0;--em-image-rounded-featured-post:0;--em-image-rounded-product-card:0;--em-image-rounded-product-gallery:0;--em-image-rounded-product-thumbnail:0;--em-rounded-xs:2.5px;--em-rounded-sm:5px;--em-rounded-md:10px;--em-rounded-full:9999px;--em-image-rounded-post-card-small:min( 5px, var(--em-image-rounded-post-card) );--em-image-rounded-product-card-small:min( 5px, var(--em-image-rounded-product-card) );--em-image-eff-scale:1.1;--em-image-eff-scale-product-card:1.09;--em-heading-font:var(--em-font__main);--em-heading-color:#000000;--em-heading-font-weight:400;--em-heading-line-height:1.2;--em-heading-text-transform:none;--em-button-color:#ffffff;--em-button-bg-color:#000000;--em-button-border-color:var(--em-button-bg-color);--em-button-color-hover:#ffffff;--em-button-bg-color-hover:#000000;--em-button-border-color-hover:var(--em-button-bg-color-hover);--em-button-eff-bg-color-hover:rgba(255, 255, 255, 0.25);--em-button-padding-top:15px;--em-button-padding-right:20px;--em-button-padding-bottom:14px;--em-button-padding-left:20px;--em-button-line-height:1;--em-button-font-size:14px;--em-button-rounded:0px;--em-button-font-weight:600;--em-button-icon-spacing:10px;--em-button-icon-size:8px;--em-loading-color:#000000;--em-input-color:#545454;--em-input-border-color:#EBEBEB;--em-input-border-color-hover:#000000;--em-input-border-width:1px;--em-input-bg-color:#ffffff;--em-input-padding-y:0.813rem;--em-input-padding-x:1.1rem;--em-input-font-size:14px;--em-input-placeholder-font-size:14px;--em-input-rounded:0px;--em-swiper-slide-spacing:30px;--em-swiper-pagination-spacing:30px;--em-ratio-percent:100%;--product-image-ratio-percent:100%;--em-cursor-close-icon:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDMwIDMwIiBmaWxsPSJub25lIj4KPGNpcmNsZSBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgY3g9IjE1IiBjeT0iMTUiIHI9IjE1IiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4xOTUzIDExLjE5NTNDMTEuNDU1NiAxMC45MzQ5IDExLjg3NzcgMTAuOTM0OSAxMi4xMzgxIDExLjE5NTNMMTUgMTQuMDU3MkwxNy44NjE5IDExLjE5NTNDMTguMTIyMyAxMC45MzQ5IDE4LjU0NDQgMTAuOTM0OSAxOC44MDQ3IDExLjE5NTNDMTkuMDY1MSAxMS40NTU2IDE5LjA2NTEgMTEuODc3NyAxOC44MDQ3IDEyLjEzODFMMTUuOTQyOCAxNUwxOC44MDQ3IDE3Ljg2MTlDMTkuMDY1MSAxOC4xMjIzIDE5LjA2NTEgMTguNTQ0NCAxOC44MDQ3IDE4LjgwNDdDMTguNTQ0NCAxOS4wNjUxIDE4LjEyMjMgMTkuMDY1MSAxNy44NjE5IDE4LjgwNDdMMTUgMTUuOTQyOEwxMi4xMzgxIDE4LjgwNDdDMTEuODc3NyAxOS4wNjUxIDExLjQ1NTYgMTkuMDY1MSAxMS4xOTUzIDE4LjgwNDdDMTAuOTM0OSAxOC41NDQ0IDEwLjkzNDkgMTguMTIyMyAxMS4xOTUzIDE3Ljg2MTlMMTQuMDU3MiAxNUwxMS4xOTUzIDEyLjEzODFDMTAuOTM0OSAxMS44Nzc3IDEwLjkzNDkgMTEuNDU1NiAxMS4xOTUzIDExLjE5NTNaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4=)} @keyframes shine { 100% { left: -200%} } @keyframes spin { from { transform: rotate(0deg)} to { transform: rotate(360deg)} } @keyframes vibrate { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)} 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)} 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)} 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)} } @keyframes leftToCenter { from { transform: translate(calc( -50% - 30%), -50%)} to { transform: translate(-50%, -50%)} } @keyframes centerToRight { from { transform: translate(-50%, -50%); opacity: 1} to { transform: translate(calc( -50% + 30%), -50%); opacity: 0} } @keyframes fadeIn { from { opacity: 0; transform: translateY(19px)} to { opacity: 1; transform: translateY(0)} } @keyframes fadeOut { from { opacity: 1; transform: translateY(0)} to { opacity: 0; transform: translateY(19px)} } @keyframes slideInRight { 0% { transform: translateX(100%); opacity: 0} 100% { transform: translateX(0); opacity: 1} } @keyframes slideIn { 0% { transform: translateY(19px); opacity: 0} 100% { transform: translateY(0); opacity: 1} } @keyframes marquee { 0% { transform: translateX(0)} 100% { transform: translateX(-100%)} } @keyframes ripple { 0% { box-shadow: 0 0 0 0 rgba(242, 242, 242, 0.5)} 50% { box-shadow: 0 0 0 20px rgba(242, 242, 242, 0)} 100% { box-shadow: 0 0 0 0 rgba(242, 242, 242, 0)} } @keyframes rippleDark { 0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5)} 50% { box-shadow: 0 0 0 20px rgba(0, 0, 0, 0)} 100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)} } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0)} to { opacity: 1; -webkit-transform: none; transform: none} } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0)} to { opacity: 1; -webkit-transform: none; transform: none} } @keyframes sonarEffect { 0% { opacity: .3} 40% { opacity: .5; box-shadow: 0 0 0 2px #ffffff1a, 0 0 5px 5px #fff, 0 0 0 5px #ffffff80} 100% { box-shadow: 0 0 0 2px #ffffff1a, 0 0 5px 5px #fff, 0 0 0 5px #ffffff80; transform: scale(1.5); opacity: 0} } @keyframes autofill-animation { from { opacity: 1} to { opacity: 1} } /*-------------------------------------------------------------- # Generic --------------------------------------------------------------*/ /* Normalize --------------------------------------------- */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; -webkit-text-size-adjust: 100%} /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0} /** * Render the `main` element consistently in IE. */ main { display: block} /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0} /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; height: 0; overflow: visible} /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; font-size: 1em} /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent} /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted} /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: 700} /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; font-size: 1em} /** * Add the correct font size in all browsers. */ small { font-size: 80%} /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline} sub { bottom: -0.25em} sup { top: -0.5em} /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none} /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: inherit; margin: 0} /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { overflow: visible} /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { text-transform: none} /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button} /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0} /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText} /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em} /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal} /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline} /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto} /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0} /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto} /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; outline-offset: -2px} /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none} /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit} /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block} /* * Add the correct display in all browsers. */ summary { display: list-item} /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none} /** * Add the correct display in IE 10. */ [hidden] { display: none} /* Box sizing --------------------------------------------- */ /* Inherit box-sizing to more easily change it's value on a component level. @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ *, *::before, *::after { box-sizing: border-box} html { box-sizing: border-box} /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ /* Typography --------------------------------------------- */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6 { font-family: var(--em-heading-font), sans-serif; clear: both; line-height: var(--em-heading-line-height); color: var(--em-heading-color); font-weight: var(--em-heading-font-weight); text-transform: var(--em-heading-text-transform)} h1, .h1 { font-size: 80px; font-size: 5rem; margin: 0.67em 0} h2, .h2 { font-size: 68px; font-size: 4.25rem; margin: 0.83em 0} h3, .h3 { font-size: 52px; font-size: 3.25rem; margin: 1em 0} h4, .h4 { font-size: 42px; font-size: 2.625rem; margin: 1.33em 0} h5, .h5 { font-size: 28px; font-size: 1.75rem; margin: 1.67em 0} h6, .h6 { font-size: 20px; font-size: 1.25rem; margin: 2.33em 0} .text-body { font-size: 14px; font-size: 0.875rem; margin: 0} body { color: var(--em-color__base); font-family: var(--em-font__main); font-optical-sizing: auto; font-size: 14px; font-size: 0.875rem; line-height: var(--em-line-height__body); -ms-word-wrap: break-word; word-wrap: break-word} p { margin-bottom: 1.5em} dfn, cite, em, i { font-style: italic} blockquote { margin: 1.75em 0; font-size: 14px; font-size: 0.875rem; font-style: italic; padding: 60px 30px 20px 30px; position: relative; border-left: 2px solid var(--em-color__dark); color: var(--em-color__dark); box-shadow: none; font-weight: 500} blockquote:after { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNyIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDM3IDI1IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTI2LjI1MjkgMjQuNUwzMC41MDgxIDE2LjEzNThMMzAuODc3OSAxNS40MDkxSDMwLjA2MjVIMjEuMzEyNVYwLjVIMzYuNVYxNS43ODkyTDMyLjA2ODQgMjQuNUgyNi4yNTI5Wk01LjQ0MDM2IDI0LjVMOS42OTU2NCAxNi4xMzU4TDEwLjA2NTQgMTUuNDA5MUg5LjI1SDAuNVYwLjVIMTUuNjg3NVYxNS43ODkyTDExLjI1NTkgMjQuNUg1LjQ0MDM2WiIgc3Ryb2tlPSIjQjVCNUI1Ij48L3BhdGg+IDwvc3ZnPg==); width: 37px; height: 25px; position: absolute; top: 20px; left: 30px} blockquote p { margin: 0.5em 0} blockquote footer { font-size: 14px; font-size: 0.875rem; font-weight: 500} address { margin: 0 0 1.5em} pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; overflow: auto; padding: 1.6em} code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace} code { padding: 2px 4px; color: #c7254e; background-color: #f9f2f4; font-size: inherit} abbr, acronym { border-bottom: 1px dotted #EBEBEB; cursor: help} mark, ins { background: #fff9c0; text-decoration: none} big { font-size: 122.22222%; line-height: 1.4; font-weight: 500} /* Elements --------------------------------------------- */ body { background: #fff} ul, ol { padding: 0 0 1.5em 1.3em; margin-left: 0} ol { list-style: decimal} li > ul, li > ol { padding-bottom: 0; padding-left: 1.5em} dt { font-weight: 700} dd { margin: 0 1.5em 1.5em} /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%} img { height: auto; max-width: 100%; vertical-align: middle} figure { margin: 1em 0 2em} .em-ratio { display: flex; width: 100%; position: relative} .em-ratio:before { content: ''; width: 0; height: 0; display: block; padding-bottom: var(--em-ratio-percent)} .em-ratio img { display: block; max-width: 100%; position: absolute; margin: 0; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center} .em-ratio--portrait { --em-ratio-percent: 128%} .em-eff-img-zoom { overflow: hidden} .em-eff-img-zoom img { transition: all 1s} .em-eff-img-zoom:hover img { transform: scale(var(--em-image-eff-scale))} .em-image-rounded, .elementor .elementor-element img, img { border-radius: var(--em-image-rounded)} table { margin: 0 0 1.5em; width: 100%; border: none} th, td { padding: 10px 0; border: none; border-bottom: 1px solid #EBEBEB} th { text-align: left} th a { text-decoration: none} .wp-block-table td, .wp-block-table th { border: none; padding: 10px 0; border-bottom: 1px solid #EBEBEB} .ecomus-svg-icon { display: inline-block; line-height: 1} .ecomus-svg-icon svg { vertical-align: -.125em; width: 1em; height: 1em; fill: currentColor; display: inline-block} .em-row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px} .em-col { min-height: 1px; padding-left: 15px; padding-right: 15px} .em-xs-12 { flex: 0 0 100%; max-width: 100%} .em-xs-11 { flex: 0 0 91.66667%; max-width: 91.66667%} .em-xs-10 { flex: 0 0 83.33333%; max-width: 83.33333%} .em-xs-9 { flex: 0 0 75%; max-width: 75%} .em-xs-8 { flex: 0 0 66.66667%; max-width: 66.66667%} .em-xs-7 { flex: 0 0 58.33333%; max-width: 58.33333%} .em-xs-6 { flex: 0 0 50%; max-width: 50%} .em-xs-5 { flex: 0 0 41.66667%; max-width: 41.66667%} .em-xs-4 { flex: 0 0 33.33333%; max-width: 33.33333%} .em-xs-3 { flex: 0 0 25%; max-width: 25%} .em-xs-2 { flex: 0 0 16.66667%; max-width: 16.66667%} .em-xs-1 { flex: 0 0 8.33333%; max-width: 8.33333%} .em-xs-1-5 { flex: 0 0 20%; max-width: 20%} @media (min-width: 768px) { .em-sm-12 { flex: 0 0 100%; max-width: 100%} .em-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%} .em-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%} .em-sm-9 { flex: 0 0 75%; max-width: 75%} .em-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%} .em-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%} .em-sm-6 { flex: 0 0 50%; max-width: 50%} .em-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%} .em-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%} .em-sm-3 { flex: 0 0 25%; max-width: 25%} .em-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%} .em-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%} .em-sm-1-5 { flex: 0 0 20%; max-width: 20%} } @media (min-width: 992px) { .em-md-12 { flex: 0 0 100%; max-width: 100%} .em-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%} .em-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%} .em-md-9 { flex: 0 0 75%; max-width: 75%} .em-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%} .em-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%} .em-md-6 { flex: 0 0 50%; max-width: 50%} .em-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%} .em-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%} .em-md-3 { flex: 0 0 25%; max-width: 25%} .em-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%} .em-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%} .em-md-1-5 { flex: 0 0 20%; max-width: 20%} } @media (min-width: 1200px) { .em-lg-12 { flex: 0 0 100%; max-width: 100%} .em-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%} .em-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%} .em-lg-9 { flex: 0 0 75%; max-width: 75%} .em-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%} .em-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%} .em-lg-6 { flex: 0 0 50%; max-width: 50%} .em-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%} .em-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%} .em-lg-3 { flex: 0 0 25%; max-width: 25%} .em-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%} .em-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%} .em-lg-1-5 { flex: 0 0 20%; max-width: 20%} } @media (max-width: 767px) { .em-row-xs { margin-left: -7.5px; margin-right: -7.5px} .em-col-xs { padding-left: 7.5px; padding-right: 7.5px} } .em-badge { --em-badge-font-size: 10px; --em-badge-color: #ffffff; --em-badge-bg-color: #000000; --em-badge-border-color: var(--em-badge-bg-color); --em-badge-color-hover: #ffffff; --em-badge-bg-color-hover: #000000; --em-badge-border-color-hover: var(--em-badge-bg-color-hover); --em-badge-eff-bg-color-hover: rgba(255, 255, 255, 0.25); --em-badge-padding-top: 9px; --em-badge-padding-right: 16px; --em-badge-padding-bottom: 8px; --em-badge-padding-left: 16px; --em-badge-line-height: 1; --em-badge-rounded: min( 3px, var(--em-button-rounded) ); --em-badge-font-weight: 700; font-size: var(--em-badge-font-size); background-color: var(--em-badge-bg-color); color: var(--em-badge-color); border: 1px solid var(--em-badge-border-color); padding: var(--em-badge-padding-top) var(--em-badge-padding-right) var(--em-badge-padding-bottom) var(--em-badge-padding-left); line-height: var(--em-badge-line-height); border-radius: var(--em-badge-rounded); font-weight: var(--em-badge-font-weight); display: inline-flex; text-transform: uppercase; transition: 0.4s; cursor: pointer; position: relative; overflow: hidden; transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out; will-change: background-color, color, border} .em-badge:hover { color: var(--em-badge-color-hover); background-color: var(--em-badge-bg-color-hover); border-color: var(--em-badge-border-color-hover)} .em-badge:hover:after { animation: shine 0.75s cubic-bezier(0.01, 0.56, 1, 1)} .em-badge:after { background-image: linear-gradient(90deg, transparent, var(--em-badge-eff-bg-color-hover, transparent), transparent); content: ""; left: 150%; position: absolute; top: 0; bottom: 0; transform: skew(-20deg); width: 200%} .em-badge-light { --em-badge-bg-color: #ffffff; --em-badge-bg-color-hover: #ffffff; --em-badge-color: #000000; --em-badge-color-hover: #000000; --em-badge-eff-bg-color-hover: rgba(000, 000, 000, 0.25); border: none} .em-badge-gray { --em-badge-bg-color: #F2F2F2; --em-badge-bg-color-hover: #F2F2F2; --em-badge-color: #000000; --em-badge-color-hover: #000000; --em-badge-eff-bg-color-hover: rgba(000, 000, 000, 0.25); border: none} .em-badge-outline { --em-badge-color: #000000; --em-badge-color-hover: var(--em-color__primary); --em-badge-bg-color: transparent; --em-badge-bg-color-hover: transparent; --em-badge-border-color: #EBEBEB; --em-badge-border-color-hover: var(--em-color__primary)} .em-badge-outline:after { display: none} .em-badge-outline-dark { --em-badge-color: #000000; --em-badge-color-hover: var(--em-color__primary); --em-badge-bg-color: transparent; --em-badge-bg-color-hover: transparent; --em-badge-border-color: #000000; --em-badge-border-color-hover: var(--em-color__primary)} .em-badge-outline-dark:after { display: none} .em-socials--instagram { --em-social-color: linear-gradient(#8a3ab9,#e95950,#fccc63)} .em-socials--threads { --em-social-color: linear-gradient(135deg,#8a3ab9,#e95950,#fccc63)} .em-socials--tiktok { --em-social-color: linear-gradient(#25F4EE,#000000,#FE2C55)} .em-socials--facebook { --em-social-color: #3B5998} .em-socials--email { --em-social-color: #5FB7E0} .em-socials--twitter { --em-social-color: #555555} .em-socials--youtube { --em-social-color: #CD201F} .em-socials--pinterest { --em-social-color: #CB2027} .em-socials--tumblr { --em-social-color: #37455C} .em-socials--vimeo { --em-social-color: #1AB7EA} .em-socials--snapchat { --em-social-color: #FFDD00} .em-socials--whatsapp { --em-social-color: #00E676} .em-socials--linkedin { --em-social-color: #176AFF} .em-socials--wechat { --em-social-color: #1AAD18} .em-socials--reddit { --em-social-color: #FF4500} .em-socials--line { --em-social-color: #00C34D} .em-socials--spotify { --em-social-color: #1E7D60} /* Links --------------------------------------------- */ a { color: var(--em-link-color); text-decoration: none; transition: 0.4s} a:focus { outline: 0} a:hover, a:active { outline: 0; color: var(--em-link-color-hover)} /* Forms --------------------------------------------- */ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, span.select2 .select2-selection--single { color: var(--em-input-color); border-width: var(--em-input-border-width); border-style: solid; border-color: var(--em-input-border-color); outline: none; transition: 0.4s; font-size: var(--em-input-font-size); padding: var(--em-input-padding-y) var(--em-input-padding-x); background-color: var(--em-input-bg-color); border-radius: var(--em-input-rounded); -webkit-appearance: none; line-height: normal} input[type="text"]:hover, input[type="text"]:active, input[type="text"]:focus, input[type="email"]:hover, input[type="email"]:active, input[type="email"]:focus, input[type="url"]:hover, input[type="url"]:active, input[type="url"]:focus, input[type="password"]:hover, input[type="password"]:active, input[type="password"]:focus, input[type="search"]:hover, input[type="search"]:active, input[type="search"]:focus, input[type="number"]:hover, input[type="number"]:active, input[type="number"]:focus, input[type="tel"]:hover, input[type="tel"]:active, input[type="tel"]:focus, input[type="range"]:hover, input[type="range"]:active, input[type="range"]:focus, input[type="date"]:hover, input[type="date"]:active, input[type="date"]:focus, input[type="month"]:hover, input[type="month"]:active, input[type="month"]:focus, input[type="week"]:hover, input[type="week"]:active, input[type="week"]:focus, input[type="time"]:hover, input[type="time"]:active, input[type="time"]:focus, input[type="datetime"]:hover, input[type="datetime"]:active, input[type="datetime"]:focus, input[type="datetime-local"]:hover, input[type="datetime-local"]:active, input[type="datetime-local"]:focus, input[type="color"]:hover, input[type="color"]:active, input[type="color"]:focus, textarea:hover, textarea:active, textarea:focus, select:hover, select:active, select:focus, span.select2 .select2-selection--single:hover, span.select2 .select2-selection--single:active, span.select2 .select2-selection--single:focus { border-color: var(--em-input-border-color-hover)} input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="url"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="number"]::placeholder, input[type="tel"]::placeholder, input[type="range"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="week"]::placeholder, input[type="time"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="color"]::placeholder, textarea::placeholder, select::placeholder, span.select2 .select2-selection--single::placeholder { font-size: var(--em-input-placeholder-font-size); color: var(--em-input-color)} .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--em-input-color)} textarea { width: 100%; padding: 17px 22px} select { appearance: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM3QjIwQkNDMjVBRDExRUM5QkFEQjNEQ0I3NjBBM0UwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM3QjIwQkNEMjVBRDExRUM5QkFEQjNEQ0I3NjBBM0UwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzdCMjBCQ0EyNUFEMTFFQzlCQURCM0RDQjc2MEEzRTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzdCMjBCQ0IyNUFEMTFFQzlCQURCM0RDQjc2MEEzRTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6sw4h6AAAAb0lEQVR42mKsaexmZGBgqAPiuUD8hAEVyABxBBD3sACJEiBuAOJYIHZAUgxSdACIlYGYiwlILAfiu1CBA1AFyIpAcvNYoCY4IEkcgJoIUwS2hQUqiK6YAVkRiMOC5HBkxQxo7kVRiKyYAT0EAAIMALwKGx4801sSAAAAAElFTkSuQmCC); background-position: calc(100% - 20px) center; background-repeat: no-repeat; padding-right: 45px; cursor: pointer} select:focus { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9IiMwMDAwMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNIDkuMzU0IDUuMzU0IEMgOS4xNTkgNS41NSA4Ljg0MSA1LjU1IDguNjQ2IDUuMzU0IEwgNSAxLjcwNyBMIDEuMzU0IDUuMzU0IEMgMS4wODEgNS42MjcgMC42MTYgNS41MDIgMC41MTYgNS4xMyBDIDAuNDcgNC45NTcgMC41MiA0Ljc3MiAwLjY0NiA0LjY0NiBMIDQuNjQ2IDAuNjQ2IEMgNC44NDEgMC40NSA1LjE1OSAwLjQ1IDUuMzU0IDAuNjQ2IEwgOS4zNTQgNC42NDYgQyA5LjU1IDQuODQxIDkuNTUgNS4xNTkgOS4zNTQgNS4zNTQgTCA5LjM1NCA1LjM1NCBaIiBzdHlsZT0iIi8+Cjwvc3ZnPg==); background-position: calc(100% - 20px) center; background-repeat: no-repeat} select.decorated option:hover { box-shadow: 0 0 10px 100px #1882A8 inset} select > option { font-weight: 500} .select2.select2-container .select2-selection--single { display: flex; gap: 10px; align-items: center; justify-content: space-between; min-width: 220px; height: auto; margin: 0; cursor: pointer} .select2.select2-container .select2-selection--single .select2-selection__rendered { display: inline; padding: 0; line-height: inherit} .select2.select2-container .select2-selection--single .select2-selection__arrow { display: inline-block; position: static; width: 12px; height: 7px; appearance: none; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjczODI4MSAxLjIzODI4TDYuMjM4MjggNi43MzgyOEwxMS43MzgzIDEuMjM4MjhMMTAuNzYyIDAuMjYyMDMyTDYuMjM4MjggNC43ODU3OEwxLjcxNDUzIDAuMjYyMDMxTDAuNzM4MjgxIDEuMjM4MjhaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K); background-position: center center; background-repeat: no-repeat} .select2.select2-container .select2-selection--single .select2-selection__arrow b { display: none} .select2-container--default { z-index: 9} .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-radius: var(--em-input-rounded) !important} .select2-container--default .select2-dropdown { border-color: var(--em-input-border-color)} .select2-container--default .select2-results > .select2-results__options { max-height: 270px} .select2-container--default .select2-results__option { padding: 4px 20px; font-weight: 500; color: var(--em-color__dark)} .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected], .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] { background-color: #f2f2f2; color: var(--em-color__dark)} input[type="checkbox"] { position: relative; margin-right: 14px; transition: .3s} input[type="checkbox"]::before { content: ""; display: block; position: absolute; width: 20px; height: 20px; top: -2px; left: 0; border: 1px solid var(--em-border-color); border-radius: var(--em-rounded-xs); background-color: var(--em-color__light); transition: .3s} input[type="checkbox"] + span { color: var(--em-color__base)} input[type="checkbox"]:hover { cursor: pointer} input[type="checkbox"]:hover::before { border-color: var(--em-color__dark)} input[type="checkbox"]:hover + span { cursor: pointer; color: var(--em-color__dark)} input[type="checkbox"]:checked::before { border-color: var(--em-color__dark); background-color: var(--em-color__dark)} input[type="checkbox"]:checked::after { content: ""; display: block; width: 5px; height: 10px; border: solid var(--em-color__light); border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 2px; left: 8px; /*rtl:raw: width: 11px; height: 6px; top: 3px; right: 5px; */ } input[type="checkbox"]:checked + span { color: var(--em-color__dark)} input[type="radio"] { position: relative; margin-right: 17px; transition: .3s} input[type="radio"]::before { content: ""; display: block; position: absolute; width: 20px; height: 20px; border-radius: 50%; top: -2px; left: -1px; border: 1px solid var(--em-border-color); background-color: var(--em-color__light); transition: .3s} input[type="radio"]:hover { cursor: pointer} input[type="radio"]:hover::before { border-color: var(--em-color__dark)} input[type="radio"]:hover + label { color: var(--em-color__dark)} input[type="radio"] + label { color: var(--em-color__base)} input[type="radio"]:checked::before { border-color: var(--em-color__dark); background-color: var(--em-color__dark)} input[type="radio"]:checked::after { content: ""; display: block; width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--em-color__light); position: absolute; top: 0; left: 1px} input[type="radio"]:checked + label { color: var(--em-color__dark)} button, input[type="button"], input[type="reset"], input[type="submit"], .button { font-size: var(--em-button-font-size); background-color: var(--em-button-bg-color); color: var(--em-button-color); border: 1px solid var(--em-button-border-color); padding: var(--em-button-padding-top) var(--em-button-padding-right) var(--em-button-padding-bottom) var(--em-button-padding-left); line-height: var(--em-button-line-height); border-radius: var(--em-button-rounded); font-weight: var(--em-button-font-weight); gap: var(--em-button-icon-spacing); display: inline-flex; align-items: center; justify-content: center; transition: 0.4s; cursor: pointer; vertical-align: middle; transition: 0.25s; position: relative; overflow: hidden} button:hover, button:active, input[type="button"]:hover, input[type="button"]:active, input[type="reset"]:hover, input[type="reset"]:active, input[type="submit"]:hover, input[type="submit"]:active, .button:hover, .button:active { color: var(--em-button-color-hover); background-color: var(--em-button-bg-color-hover); border-color: var(--em-button-border-color-hover)} button:hover:after, input[type="button"]:hover:after, input[type="reset"]:hover:after, input[type="submit"]:hover:after, .button:hover:after { animation: shine 0.75s cubic-bezier(0.01, 0.56, 1, 1)} button.disabled, input[type="button"].disabled, input[type="reset"].disabled, input[type="submit"].disabled, .button.disabled { opacity: 0.3; pointer-events: none; cursor: not-allowed} button .ecomus-svg-icon, input[type="button"] .ecomus-svg-icon, input[type="reset"] .ecomus-svg-icon, input[type="submit"] .ecomus-svg-icon, .button .ecomus-svg-icon { font-size: var(--em-button-icon-size); /*rtl:raw: transform: rotateY(180deg); */ } button.pswp__button::after, input[type="button"].pswp__button::after, input[type="reset"].pswp__button::after, input[type="submit"].pswp__button::after, .button.pswp__button::after { display: none} button.loading, input[type="button"].loading, input[type="reset"].loading, input[type="submit"].loading, .button.loading { --em-loading-color: var(--em-button-color); --em-animation-state: running; position: relative; color: transparent} button.loading::before, input[type="button"].loading::before, input[type="reset"].loading::before, input[type="submit"].loading::before, .button.loading::before { display: inline-block; content: ""; width: 18px; height: 18px; border-radius: 100%; border: solid 2px var(--em-loading-color); border-top-color: transparent; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; animation: spin 0.6s linear infinite var(--em-animation-state)} button.loading:hover, button.loading:active, input[type="button"].loading:hover, input[type="button"].loading:active, input[type="reset"].loading:hover, input[type="reset"].loading:active, input[type="submit"].loading:hover, input[type="submit"].loading:active, .button.loading:hover, .button.loading:active { --em-loading-color: var(--em-button-color-hover)} button:after, input[type="button"]:after, input[type="reset"]:after, input[type="submit"]:after, .button:after { background-image: linear-gradient(90deg, transparent, var(--em-button-eff-bg-color-hover, transparent), transparent); content: ""; left: 150%; position: absolute; top: 0; bottom: 0; transform: skew(-20deg); width: 200%} .em-button { font-size: var(--em-button-font-size); background-color: var(--em-button-bg-color); color: var(--em-button-color); border: 1px solid var(--em-button-border-color); padding: var(--em-button-padding-top) var(--em-button-padding-right) var(--em-button-padding-bottom) var(--em-button-padding-left); line-height: var(--em-button-line-height); border-radius: var(--em-button-rounded); font-weight: var(--em-button-font-weight); gap: var(--em-button-icon-spacing); display: inline-flex; align-items: center; justify-content: center; transition: 0.4s; cursor: pointer; vertical-align: middle; transition: 0.25s} .em-button:hover, .em-button:active { color: var(--em-button-color-hover); background-color: var(--em-button-bg-color-hover); border-color: var(--em-button-border-color-hover)} .em-button:hover:after { animation: shine 0.75s cubic-bezier(0.01, 0.56, 1, 1)} .em-button.disabled { opacity: 0.3; pointer-events: none; cursor: not-allowed} .em-button .ecomus-svg-icon { font-size: var(--em-button-icon-size); /*rtl:raw: transform: rotateY(180deg); */ } .em-button.pswp__button::after { display: none} .em-button.loading { --em-loading-color: var(--em-button-color); --em-animation-state: running; position: relative; color: transparent} .em-button.loading::before { display: inline-block; content: ""; width: 18px; height: 18px; border-radius: 100%; border: solid 2px var(--em-loading-color); border-top-color: transparent; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; animation: spin 0.6s linear infinite var(--em-animation-state)} .em-button.loading:hover, .em-button.loading:active { --em-loading-color: var(--em-button-color-hover)} .em-button-hover-eff { position: relative; overflow: hidden} .em-button-hover-eff:after { background-image: linear-gradient(90deg, transparent, var(--em-button-eff-bg-color-hover, transparent), transparent); content: ""; left: 150%; position: absolute; top: 0; bottom: 0; transform: skew(-20deg); width: 200%} .em-button-light { --em-button-bg-color: #ffffff; --em-button-bg-color-hover: #000000; --em-button-color: #000000; --em-button-color-hover: #fff; --em-button-eff-bg-color-hover: rgba(0, 0, 0, 0.25); border: none} .em-button-primary { --em-button-color: var(--em-text-color-on-primary); --em-button-color-hover: var(--em-text-color-on-primary); --em-button-bg-color: var(--em-color__primary); --em-button-bg-color-hover: var(--em-color__primary); --em-button-padding-top: 16px; --em-button-padding-bottom: 16px; --em-button-eff-bg-color-hover: rgb(from var(--em-button-color) r g b / 0.5); border: none} .em-button-outline { --em-button-color: #000000; --em-button-color-hover: #ffffff; --em-button-bg-color: transparent; --em-button-bg-color-hover: #000000; --em-button-border-color: #EBEBEB; --em-button-border-color-hover: var(--em-button-bg-color-hover); --em-button-eff-bg-color-hover: rgba(255, 255, 255, 0.25)} .em-button-outline:after { display: none} .em-button-outline-dark { --em-button-color: #000000; --em-button-color-hover: var(--em-color__primary); --em-button-bg-color: transparent; --em-button-bg-color-hover: transparent; --em-button-border-color: #000000; --em-button-border-color-hover: var(--em-color__primary); --em-button-eff-bg-color-hover: transparent} .em-button-outline-dark.loading:hover { --em-loading-color: var(--em-color__primary)} .em-button-outline-dark:after { display: none} .em-button-subtle { --em-button-color: #000000; --em-button-color-hover: var(--em-color__primary); --em-button-bg-color: transparent; --em-button-bg-color-hover: transparent; --em-button-padding-top: 0; --em-button-padding-right: 0; --em-button-padding-bottom: 3px; --em-button-padding-left: 0; --em-button-rounded: 0; --em-button-border-color: var(--em-button-color); --em-button-border-color-hover: var(--em-button-color-hover); border-width: 0 0 1px 0} .em-button-subtle:after { display: none} .em-button-text { --em-button-color: #000000; --em-button-color-hover: var(--em-color__primary); --em-button-bg-color: transparent; --em-button-bg-color-hover: transparent; --em-button-padding-top: 0; --em-button-padding-right: 0; --em-button-padding-bottom: 0; --em-button-padding-left: 0; --em-button-rounded: 0; border: none} .em-button-text:after { display: none} .em-button-icon { --em-button-width: 46px; --em-button-height: 46px; --em-button-font-size: 10px; --em-button-icon-size: var(--em-button-font-size); padding: 0; width: var(--em-button-width); height: var(--em-button-height)} .em-button-icon .ecomus-button-text { display: none} .em-button-icon .ecomus-svg-icon { padding-bottom: 0} .em-button-round { --em-button-rounded: 10px} .em-button-circle { --em-button-rounded: 30px} .em-button-icon-hover { --em-button-icon-size: 9px; gap: 0} .em-button-icon-hover .ecomus-button-text + .ecomus-svg-icon, .em-button-icon-hover .ecomus-svg-icon { transition: transform .3s, width .3s; transform: scale(0); width: 0; margin: 0; /*rtl:raw: transform: scale(0) rotateY(180deg); */ } .em-button-icon-hover:hover { gap: var(--em-button-icon-spacing)} .em-button-icon-hover:hover .ecomus-svg-icon { transform: scale(1); width: var(--em-button-icon-size); /*rtl:raw: transform: scale(1) rotateY(180deg); */ } /* Blocks --------------------------------------------- */ .wp-block-quote { margin: 1.75em 0} .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-left: 30px} .wp-block-quote cite br, .wp-block-quote footer br, .wp-block-quote.is-large cite br, .wp-block-quote.is-large footer br, .wp-block-quote.is-style-large cite br, .wp-block-quote.is-style-large footer br { display: none} .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin-bottom: 2em} .wp-block-quote.has-text-align-right { border-right: 2px solid var(--em-color__dark); border-left: none; padding-right: 30px} .wp-block-quote.has-text-align-right:after { right: 30px; left: auto} .wp-block-quote.has-text-align-right cite, .wp-block-quote.has-text-align-right footer { text-align: right} .wp-block-quote cite, .wp-block-quote footer { font-size: 0.8em; font-weight: 500} blockquote.wp-block-quote { margin: 1.75em 0; border-left: 2px solid var(--em-color__dark); border-right: none} blockquote.wp-block-quote, blockquote.wp-block-quote.is-large, blockquote.wp-block-quote.is-style-large { padding-left: 30px} blockquote.wp-block-quote cite br, blockquote.wp-block-quote footer br, blockquote.wp-block-quote.is-large cite br, blockquote.wp-block-quote.is-large footer br, blockquote.wp-block-quote.is-style-large cite br, blockquote.wp-block-quote.is-style-large footer br { display: none} blockquote.wp-block-quote.is-large, blockquote.wp-block-quote.is-style-large { margin-bottom: 2em} blockquote.wp-block-quote.has-text-align-right { border-right: 2px solid var(--em-color__dark); border-left: none; padding-right: 30px} blockquote.wp-block-quote.has-text-align-right:after { right: 30px; left: auto} blockquote.wp-block-quote.has-text-align-right cite, blockquote.wp-block-quote.has-text-align-right footer { text-align: right} blockquote.wp-block-quote cite, blockquote.wp-block-quote footer { font-size: 0.8em; font-weight: 500} .wp-block-pullquote { text-align: left} .wp-block-pullquote.has-cyan-bluish-gray-background-color { background-color: #fcfcfc !important} .wp-block-pullquote blockquote p, .wp-block-pullquote.is-style-solid-color blockquote p { margin: 0.5em 0; line-height: 1.5; font-size: 32px; font-size: 2rem; color: var(--em-color__dark)} .wp-block-pullquote cite, .wp-block-pullquote footer, .wp-block-pullquote .wp-block-pullquote__citation { font-weight: 500; color: var(--em-color__dark)} .wp-block-separator { border-bottom-width: 1px} .wp-block-button, .wp-block-cover { margin-bottom: 25px} .wp-block-gallery { margin-bottom: 2em} .blocks-gallery-caption { margin-bottom: 0.5em} .wp-block-button__link:hover, .wp-block-file__button:hover { color: #fff} .wp-block-button.is-style-squared .wp-block-button__link, .wp-block-button__link.wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0} .wp-block-cover-image.has-background-dim:not([class*=-background-color]), .wp-block-cover.has-background-dim:not([class*=-background-color]), :root .has-pale-pink-background-color { color: #fff} .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, section.wp-block-cover-image > h2 { font-size: 2.25em; margin: 0; padding: 0} .wp-block-columns.alignfull .wp-block-column p:not(.has-background), .wp-block-columns.alignfull .wp-block-column h1:not(.has-background), .wp-block-columns.alignfull .wp-block-column h2:not(.has-background), .wp-block-columns.alignfull .wp-block-column h3:not(.has-background), .wp-block-columns.alignfull .wp-block-column h4:not(.has-background), .wp-block-columns.alignfull .wp-block-column h5:not(.has-background), .wp-block-columns.alignfull .wp-block-column h6:not(.has-background) { padding-left: 15px; padding-right: 15px} .wp-block-code { font-family: "Courier 10 Pitch", courier, monospace; padding: 1.6em} .wp-block-code code { background-color: transparent} pre.wp-block-verse { font-family: "Courier 10 Pitch", courier, monospace} .wp-block-table.is-style-stripes table td, .wp-block-table.is-style-stripes table th { padding: 10px} .wp-block-image { margin-bottom: 2em; display: inline-block; text-align: center; width: 100%} .wp-block-image a { display: flex; width: 100%; position: relative} .wp-block-image a:before { content: ''; width: 0; height: 0; display: block; padding-bottom: var(--em-ratio-percent)} .wp-block-image a img { display: block; max-width: 100%; position: absolute; margin: 0; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; border-radius: var(--em-image-rounded-product-card-small)} .wp-block-latest-posts.wp-block-latest-posts__list li, .wp-block-rss .wp-block-rss__item { padding: 5px 0} .wp-block-search__button { padding: var(--em-button-padding-top) var(--em-button-padding-right) var(--em-button-padding-bottom) var(--em-button-padding-left)} .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-quote.is-style-plain { border-left: 2px solid var(--em-color__dark); padding: 60px 30px 20px 30px} .post-password-form { --em-input-padding-y: 0.75rem} @media only screen and (min-width: 1200px) { .no-sidebar .site-content .entry-content > *.alignwide { max-width: 1140px; width: 1140px; margin-left: calc(-1140px/2 + 100%/2); margin-right: calc(-1140px/2 + 100%/2)} .no-sidebar:not(.elementor-page) .site-content .page-content > *.alignwide { max-width: 1200px; width: 1200px; margin-left: calc(-1200px/2 + 100%/2); margin-right: calc(-1200px/2 + 100%/2)} } @media only screen and (min-width: 768px) { .no-sidebar .site-content .entry-content > *.alignfull, .no-sidebar .site-content .entry-content > *.alignwide { width: -webkit-fill-available; max-width: 1000%} .no-sidebar .site-content .entry-content > *.alignfull { margin-right: calc(50% - 50vw + 9px); margin-left: calc(50% - 50vw + 8px)} .no-sidebar:not(.elementor-page) .site-content .page-content > *.alignfull { width: -webkit-fill-available; max-width: 1000%; margin-right: calc(50% - 50vw + 9px); margin-left: calc(50% - 50vw + 8px)} } /* Swiper --------------------------------------------- */ .ecomus-carousel--elementor .swiper-pagination-bullets { position: static; margin-top: var(--em-swiper-pagination-spacing)} .ecomus-carousel--elementor .swiper-pagination-bullets .swiper-pagination-bullet { width: auto; height: auto; opacity: 1; margin: 0 6px; background-color: transparent; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; transition: 0.4s; padding: 5px} .ecomus-carousel--elementor .swiper-pagination-bullets .swiper-pagination-bullet:before { content: ""; width: 8px; height: 8px; background-color: rgba(0, 0, 0, 0.2); display: inline-block; border-radius: 50%} .ecomus-carousel--elementor .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, .ecomus-carousel--elementor .swiper-pagination-bullets .swiper-pagination-bullet:hover { border-color: var(--em-color__dark)} .ecomus-carousel--elementor .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .ecomus-carousel--elementor .swiper-pagination-bullets .swiper-pagination-bullet:hover:before { background-color: var(--em-color__dark)} .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--small .swiper-pagination-bullet { width: 16px; height: 16px; margin: 0 2px; padding: 0; position: relative} .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--small .swiper-pagination-bullet::before { width: 5px; height: 5px; background-color: rgba(0, 0, 0, 0.2); transition: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)} .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--small .swiper-pagination-bullet:after { content: ''; width: 5px; height: 5px; background-color: var(--em-color__dark); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; opacity: 0; visibility: hidden; transition: none} .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--small .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--small .swiper-pagination-bullet:hover:before { background-color: black; opacity: 0; visibility: hidden} .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--small .swiper-pagination-bullet.swiper-pagination-bullet-active:after, .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--small .swiper-pagination-bullet:hover:after { opacity: 1; visibility: visible} .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--background .swiper-pagination-bullet { padding: 7px} .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--background .swiper-pagination-bullet::before { width: 6px; height: 6px; background-color: var(--em-color__dark)} .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--background .swiper-pagination-bullet.swiper-pagination-bullet-active, .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--background .swiper-pagination-bullet:hover { background-color: rgba(0, 0, 0, 0.16); border-color: transparent} .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--long .swiper-pagination-bullet { padding: 0; margin: 0 4px; border: none; border-radius: 0} .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--long .swiper-pagination-bullet::before { width: 6px; height: 6px; border-radius: var(--em-rounded-md); background-color: rgba(0, 0, 0, 0.4)} .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--long .swiper-pagination-bullet:hover::before { background-color: var(--em-color__dark)} .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--long .swiper-pagination-bullet.swiper-pagination-bullet-active { border: none} .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--long .swiper-pagination-bullet.swiper-pagination-bullet-active::before { width: 22px; border-radius: 22px; background-color: var(--em-color__dark)} .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--line .swiper-pagination-bullet { padding: 0; margin: 0 4px; border: none; border-radius: 0} .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--line .swiper-pagination-bullet::before { width: 30px; height: 2px; border-radius: 0; background-color: rgba(0, 0, 0, 0.4)} .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--line .swiper-pagination-bullet:hover::before { background-color: var(--em-color__dark)} .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--line .swiper-pagination-bullet.swiper-pagination-bullet-active { border: none; border-radius: 0} .ecomus-carousel--elementor .swiper-pagination-bullets.swiper-pagination-bullet--line .swiper-pagination-bullet.swiper-pagination-bullet-active::before { width: 30px; height: 2px; border-radius: 0; background-color: var(--em-color__dark)} .ecomus-carousel--elementor .swiper-pagination--dots-arrow { bottom: var(--em-swiper-pagination-spacing); width: 100%; text-align: center} .ecomus-carousel--elementor .swiper-pagination--dots-arrow .swiper-pagination--dots-arrow__wrapper { display: inline-flex; align-items: center; padding: 11px 9px; border-radius: 50px; background-color: #fff; z-index: 1} .ecomus-carousel--elementor .swiper-pagination--dots-arrow .swiper-button { --em-button-bg-color: #ffffff; --em-button-color: #000000; --em-arrow-bg-color: #ffffff; --em-arrow-color: #000000; position: static; display: inline-flex; justify-content: center; align-items: center; width: auto; height: auto; transform: none; opacity: 1; margin: 0 !important; /*rtl:raw: transform: rotateY(180deg); */ } .ecomus-carousel--elementor .swiper-pagination--dots-arrow .swiper-button:hover { --em-arrow-bg-color-hover: #ffffff; --em-arrow-color-hover: #000000} .ecomus-carousel--elementor .swiper-pagination--dots-arrow .swiper-button:not(.swiper-button-disabled) { cursor: pointer} .ecomus-carousel--elementor .swiper-pagination--dots-arrow .swiper-button.swiper-button-disabled { opacity: .35} .ecomus-carousel--elementor .swiper-pagination--dots-arrow .swiper-pagination { position: static; display: inline-flex; width: auto; margin: 0 13px; gap: 4px} .ecomus-carousel--elementor .swiper-pagination--dots-arrow .swiper-pagination .swiper-pagination-bullet { border: none; padding: 0} .ecomus-carousel--elementor .swiper-pagination--dots-arrow .swiper-pagination .swiper-pagination-bullet:first-child { margin-left: 0} .ecomus-carousel--elementor .swiper-pagination--dots-arrow .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0} .ecomus-carousel--elementor .swiper-pagination { display: none} .ecomus-carousel--elementor.swiper ul.products.swiper-wrapper, .ecomus-carousel--elementor .swiper ul.products.swiper-wrapper { margin: 0} .ecomus-carousel--elementor.swiper ul.products.swiper-wrapper li.product.swiper-slide, .ecomus-carousel--elementor .swiper ul.products.swiper-wrapper li.product.swiper-slide { padding: 0} .ecomus-carousel--elementor.swiper:not(.swiper-initialized), .ecomus-carousel--elementor .swiper:not(.swiper-initialized) { overflow: hidden} .ecomus-carousel--elementor.swiper:not(.swiper-initialized) ul.products, .ecomus-carousel--elementor .swiper:not(.swiper-initialized) ul.products { flex-wrap: nowrap} .ecomus-carousel--elementor.swiper:not(.swiper-initialized) li.product, .ecomus-carousel--elementor .swiper:not(.swiper-initialized) li.product { flex-shrink: 0} .ecomus-carousel--elementor ul.products { flex-wrap: nowrap} .ecomus-carousel--elementor ul.products li.product { flex-shrink: 0; margin-bottom: 0} .ecomus-carousel--elementor:not(.swiper) > .swiper-button, .ecomus-carousel--elementor.swiper > .swiper-button, .ecomus-carousel--elementor .swiper > .swiper-button { opacity: 0} .ecomus-carousel--elementor:not(.swiper) > .swiper-button.elementor-swiper-button-prev, .ecomus-carousel--elementor.swiper > .swiper-button.elementor-swiper-button-prev, .ecomus-carousel--elementor .swiper > .swiper-button.elementor-swiper-button-prev { margin-left: 20px} .ecomus-carousel--elementor:not(.swiper) > .swiper-button.elementor-swiper-button-next, .ecomus-carousel--elementor.swiper > .swiper-button.elementor-swiper-button-next, .ecomus-carousel--elementor .swiper > .swiper-button.elementor-swiper-button-next { margin-right: 20px} .ecomus-carousel--elementor:not(.swiper):hover > .swiper-button, .ecomus-carousel--elementor.swiper:hover > .swiper-button, .ecomus-carousel--elementor .swiper:hover > .swiper-button { opacity: 1} .ecomus-carousel--elementor:not(.swiper):hover > .swiper-button.elementor-swiper-button-prev, .ecomus-carousel--elementor.swiper:hover > .swiper-button.elementor-swiper-button-prev, .ecomus-carousel--elementor .swiper:hover > .swiper-button.elementor-swiper-button-prev { margin-left: 0} .ecomus-carousel--elementor:not(.swiper):hover > .swiper-button.elementor-swiper-button-next, .ecomus-carousel--elementor.swiper:hover > .swiper-button.elementor-swiper-button-next, .ecomus-carousel--elementor .swiper:hover > .swiper-button.elementor-swiper-button-next { margin-right: 0} .ecomus-carousel--elementor .swiper-arrows .swiper-button { /*rtl:raw: transform: rotateY(180deg); */ } .ecomus-carousel--elementor.swiper .swiper-button { /*rtl:raw: transform: translateY(-50%) rotateY(180deg); */ } .swiper { --em-swiper-items-space: 30px; --em-swiper-items-space-tablet: 30px; --em-swiper-items-space-mobile: 15px} .swiper:not(.swiper-initialized) .swiper-wrapper { margin: 0} .swiper:not(.swiper-initialized) .swiper-wrapper:not(.columns-1) .swiper-slide { margin-right: var(--em-swiper-items-space)} .swiper:not(.swiper-initialized) .swiper-wrapper:not(.columns-1) .swiper-slideli.product { padding-left: 0; padding-right: 0} .swiper:not(.swiper-initialized) .swiper-button, .swiper:not(.swiper-initialized) .swiper-pagination { display: none} .swiper .swiper-button, .swiper-button { --em-arrow-font-size: 11px; --em-arrow-color: #000000; --em-arrow-bg-color: #ffffff; --em-arrow-border-color: #ffffff; --em-arrow-color-hover: #ffffff; --em-arrow-bg-color-hover: #000000; --em-arrow-border-color-hover: var(--em-arrow-bg-color-hover); --em-arrow-eff-bg-color-hover: rgba(255, 255, 255, 0.25); --em-arrow-width: 46px; --em-arrow-height: 46px; --em-arrow-rounded: 50%; --em-arrow-font-weight: 400; --em-arrow-top: 50%; font-size: var(--em-arrow-font-size); background-color: var(--em-arrow-bg-color); color: var(--em-arrow-color); border: 1px solid var(--em-arrow-border-color); border-radius: var(--em-arrow-rounded); font-weight: var(--em-arrow-font-weight); width: var(--em-arrow-width); height: var(--em-arrow-height); display: inline-flex; align-items: center; justify-content: center; text-transform: uppercase; transition: 0.4s; cursor: pointer; position: absolute; top: var(--em-arrow-top); transform: translateY(-50%); margin-top: 0; z-index: 1; overflow: hidden; transition: 0.4s; /*rtl:raw: transform: translateY(-50%) rotateY(180deg); */ } .swiper .swiper-button:not(.swiper-button-disabled):hover, .swiper-button:not(.swiper-button-disabled):hover { color: var(--em-arrow-color-hover); background-color: var(--em-arrow-bg-color-hover); border-color: var(--em-arrow-border-color-hover)} .swiper .swiper-button:after, .swiper-button:after { display: none} .swiper .swiper-button.elementor-swiper-button-prev, .swiper-button.elementor-swiper-button-prev { left: 10px} .swiper .swiper-button.elementor-swiper-button-next, .swiper-button.elementor-swiper-button-next { right: 10px} .ecomus-rtl-smart .ecomus-carousel--elementor .elementor-swiper-button-prev, .ecomus-rtl-smart .ecomus-carousel--elementor.swiper .elementor-swiper-button-prev, .ecomus-rtl-smart .ecomus-carousel--elementor .swiper .elementor-swiper-button-prev, .ecomus-rtl-smart .elementor-element .swiper ~ .elementor-swiper-button-prev { /*rtl:ignore*/ left: auto; /*rtl:ignore*/ right: 10px} .ecomus-rtl-smart .ecomus-carousel--elementor .elementor-swiper-button-next, .ecomus-rtl-smart .ecomus-carousel--elementor.swiper .elementor-swiper-button-next, .ecomus-rtl-smart .ecomus-carousel--elementor .swiper .elementor-swiper-button-next, .ecomus-rtl-smart .elementor-element .swiper ~ .elementor-swiper-button-next { /*rtl:ignore*/ left: 10px; /*rtl:ignore*/ right: auto} .swiper .swiper-button-outline, .swiper-button-outline { --em-arrow-color: #000000; --em-arrow-bg-color: transparent; --em-arrow-border-color: var(--em-border-color); --em-arrow-color-hover: #ffffff; --em-arrow-bg-color-hover: #000000; --em-arrow-border-color-hover: var(--em-arrow-bg-color-hover)} .swiper .swiper-button-outline.swiper-button-disabled, .swiper-button-outline.swiper-button-disabled { cursor: not-allowed; pointer-events: auto !important; --em-arrow-color: rgba(0,0,0,0.25); --em-arrow-bg-color: transparent; --em-arrow-border-color: var(--em-border-color); --em-arrow-color-hover: rgba(0,0,0,0.25); --em-arrow-bg-color-hover: transparent; --em-arrow-border-color-hover: var(--em-border-color)} .swiper .swiper-button-outline-dark, .swiper-button-outline-dark { --em-arrow-color: #000000; --em-arrow-bg-color: transparent; --em-arrow-border-color: #000000; --em-arrow-color-hover: #ffffff; --em-arrow-bg-color-hover: #000000; --em-arrow-border-color-hover: var(--em-arrow-bg-color-hover)} .swiper .swiper-button-outline-dark.swiper-button-disabled, .swiper-button-outline-dark.swiper-button-disabled { cursor: not-allowed; pointer-events: auto !important; --em-arrow-color: rgba(0,0,0,0.25); --em-arrow-bg-color: transparent; --em-arrow-border-color: var(--em-border-color); --em-arrow-color-hover: rgba(0,0,0,0.25); --em-arrow-bg-color-hover: transparent; --em-arrow-border-color-hover: var(--em-border-color)} .swiper .swiper-button-text, .swiper-button-text { --em-arrow-color: #000000; --em-arrow-bg-color: transparent; --em-arrow-color-hover: #000000; --em-arrow-bg-color-hover: transparent; border: none} .swiper .swiper-button-text.swiper-button-disabled, .swiper-button-text.swiper-button-disabled { cursor: not-allowed; pointer-events: auto !important; --em-arrow-color: rgba(0,0,0,0.25); --em-arrow-bg-color: transparent; --em-arrow-bg-color-hover: transparent; --em-arrow-color-hover: rgba(0,0,0,0.25)} .swiper .swiper-button-small, .swiper-button-small { --em-arrow-width: 30px; --em-arrow-height: 30px; --em-arrow-font-size: 8px} .swiper .swiper-button-disabled, .swiper-button-disabled { cursor: not-allowed; pointer-events: auto !important; --em-arrow-bg-color: rgba(0,0,0,0.15); --em-arrow-color: #000000; --em-arrow-bg-color-hover: var(--em-arrow-bg-color); --em-arrow-color-hover: var(--em-arrow-color); --em-arrow-border-color-hover: transparent; --em-arrow-border-color: transparent} .swiper .swiper-pagination-lock, .swiper .swiper-button-lock, .ecomus-mini-products-recommended .swiper-pagination-lock, .ecomus-mini-products-recommended .swiper-button-lock, .swiper-pagination-lock, .swiper-button-lock { display: none} .swiper .swiper-pagination-bullet, .ecomus-mini-products-recommended .swiper-pagination-bullet, .swiper-pagination-bullet { --swiper-pagination-bullet-inactive-color: #D4D4D4; --swiper-pagination-bullet-inactive-opacity: 1; --swiper-pagination-bullet-width: 16px; --swiper-pagination-bullet-height: 16px; --swiper-pagination-bullet-horizontal-gap: 2px; --swiper-pagination-color: #000000; background-color: transparent; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; transition: 0.35s} .swiper .swiper-pagination-bullet:before, .ecomus-mini-products-recommended .swiper-pagination-bullet:before, .swiper-pagination-bullet:before { content: ""; width: 6px; height: 6px; background-color: var(--swiper-pagination-bullet-inactive-color); display: inline-block; border-radius: 50%; transition: 0.35s} .swiper .swiper-pagination-bullet-active, .ecomus-mini-products-recommended .swiper-pagination-bullet-active, .swiper-pagination-bullet-active { border-color: var(--em-color__dark)} .swiper .swiper-pagination-bullet-active::before, .ecomus-mini-products-recommended .swiper-pagination-bullet-active::before, .swiper-pagination-bullet-active::before { background-color: var(--swiper-pagination-color)} @media (max-width: 1640px) { .elementor-element .ecomus-carousel--elementor:not(.ecomus-slides-elementor) .swiper-button.ecomus-swiper-button--outside.elementor-swiper-button-prev { left: -23px} .elementor-element .ecomus-carousel--elementor:not(.ecomus-slides-elementor) .swiper-button.ecomus-swiper-button--outside.elementor-swiper-button-next { right: -23px} .ecomus-rtl-smart .elementor-element .ecomus-carousel--elementor:not(.ecomus-slides-elementor) .swiper-button.ecomus-swiper-button--outside.elementor-swiper-button-prev { left: -23px} .ecomus-rtl-smart .elementor-element .ecomus-carousel--elementor:not(.ecomus-slides-elementor) .swiper-button.ecomus-swiper-button--outside.elementor-swiper-button-next { right: -23px} } @media (min-width: 1025px) { .swiper:not(.swiper-initialized) .swiper-wrapper.columns-2 .swiper-slide { width: calc( 50% - ( ( var(--em-swiper-items-space) * ( 2 - 1 ) ) / 2 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.columns-3 .swiper-slide { width: calc( 33.33% - ( ( var(--em-swiper-items-space) * ( 3 - 1 ) ) / 3 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.columns-4 .swiper-slide { width: calc( 25% - ( ( var(--em-swiper-items-space) * ( 4 - 1 ) ) / 4 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.columns-5 .swiper-slide { width: calc( 20% - ( ( var(--em-swiper-items-space) * ( 5 - 1 ) ) / 5 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.columns-6 .swiper-slide { width: calc( 16.66% - ( ( var(--em-swiper-items-space) * ( 6 - 1 ) ) / 6 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.columns-7 .swiper-slide { width: calc( 14.28% - ( ( var(--em-swiper-items-space) * ( 7 - 1 ) ) / 7 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.columns-8 .swiper-slide { width: calc( 12.5% - ( ( var(--em-swiper-items-space) * ( 8 - 1 ) ) / 8 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.columns-9 .swiper-slide { width: calc( 11.11% - ( ( var(--em-swiper-items-space) * ( 9 - 1 ) ) / 9 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.columns-10 .swiper-slide { width: calc( 10% - ( ( var(--em-swiper-items-space) * ( 10 - 1 ) ) / 10 ))} .navigation-class-dots .swiper-pagination, .navigation-class-both .swiper-pagination { display: inline-block} .navigation-class-dots .swiper-button, .navigation-class-none .swiper-button { display: none} } @media (max-width: 1024px) { .ecomus-carousel--elementor .swiper-pagination-bullets .swiper-pagination-bullet:hover { border-color: transparent} .ecomus-carousel--elementor .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: var(--em-color__dark)} .navigation-class--tabletarrows .swiper-button, .navigation-class--tabletboth .swiper-button { display: inline-flex} .navigation-class--tabletdots .swiper-pagination, .navigation-class--tabletboth .swiper-pagination { display: block} .navigation-class--tabletarrows .swiper-pagination, .navigation-class--tabletnone .swiper-pagination { display: none} .navigation-class--tabletdots .swiper-button, .navigation-class--tabletnone .swiper-button { display: none} } @media (min-width: 1025px) { .ecomus-slidesperview-auto--yes { --slidesperview-auto-spacing: -225px} .ecomus-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper { margin-right: var(--slidesperview-auto-spacing)} .ecomus-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper .elementor-swiper-button-next { right: calc( 10px + var(--slidesperview-auto-spacing))} .ecomus-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper .swiper-pagination { width: calc( 100% - var(--slidesperview-auto-spacing))} .ecomus-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper-wrapper.columns-1 .swiper-slide { width: calc( 70% - ( var(--em-swiper-items-space) / 2 ))} .ecomus-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper-wrapper.columns-2 .swiper-slide { width: calc( 40% - ( var(--em-swiper-items-space) / 2 ))} .ecomus-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper-wrapper.columns-3 .swiper-slide { width: calc( 28% - ( ( var(--em-swiper-items-space) * 2 ) / 3 ))} .ecomus-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper-wrapper.columns-4 .swiper-slide { width: calc( 22% - ( ( var(--em-swiper-items-space) * 3 ) / 4 )) !important} .ecomus-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper-wrapper.columns-5 .swiper-slide { width: calc( 18% - ( ( var(--em-swiper-items-space) * 4 ) / 5 ))} .ecomus-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper-wrapper.columns-6 .swiper-slide { width: calc( 15.2% - ( ( var(--em-swiper-items-space) * 5 ) / 6 ))} .ecomus-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor { margin-right: var(--slidesperview-auto-spacing)} .ecomus-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor > .elementor-swiper-button-next { right: calc( 10px + var(--slidesperview-auto-spacing))} .ecomus-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor > .swiper-pagination { width: calc( 100% - var(--slidesperview-auto-spacing))} .ecomus-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor.columns-1 li.product { width: calc( 70% - ( var(--em-swiper-items-space) / 2 ))} .ecomus-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor.columns-2 li.product { width: calc( 40% - ( var(--em-swiper-items-space) / 2 ))} .ecomus-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor.columns-3 li.product { width: calc( 28% - ( ( var(--em-swiper-items-space) * 2 ) / 3 ))} .ecomus-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor.columns-4 li.product { width: calc( 22% - ( ( var(--em-swiper-items-space) * 3 ) / 4 )) !important} .ecomus-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor.columns-5 li.product { width: calc( 18% - ( ( var(--em-swiper-items-space) * 4 ) / 5 ))} .ecomus-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor.columns-6 li.product { width: calc( 15.2% - ( ( var(--em-swiper-items-space) * 5 ) / 6 ))} } @media (max-width: 1024px) and (min-width: 768px) { .swiper:not(.swiper-initialized) .swiper-wrapper.tablet-col-2 .swiper-slide { width: calc( 50% - ( ( var(--em-swiper-items-space-tablet) * ( 2 - 1 ) ) / 2 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.tablet-col-3 .swiper-slide { width: calc( 33.33% - ( ( var(--em-swiper-items-space-tablet) * ( 3 - 1 ) ) / 3 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.tablet-col-4 .swiper-slide { width: calc( 25% - ( ( var(--em-swiper-items-space-tablet) * ( 4 - 1 ) ) / 4 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.tablet-col-5 .swiper-slide { width: calc( 20% - ( ( var(--em-swiper-items-space-tablet) * ( 5 - 1 ) ) / 5 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.tablet-col-6 .swiper-slide { width: calc( 16.66% - ( ( var(--em-swiper-items-space-tablet) * ( 6 - 1 ) ) / 6 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.tablet-col-7 .swiper-slide { width: calc( 14.28% - ( ( var(--em-swiper-items-space-tablet) * ( 7 - 1 ) ) / 7 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.tablet-col-8 .swiper-slide { width: calc( 12.5% - ( ( var(--em-swiper-items-space-tablet) * ( 8 - 1 ) ) / 8 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.tablet-col-9 .swiper-slide { width: calc( 11.11% - ( ( var(--em-swiper-items-space-tablet) * ( 9 - 1 ) ) / 9 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.tablet-col-10 .swiper-slide { width: calc( 10% - ( ( var(--em-swiper-items-space-tablet) * ( 10 - 1 ) ) / 10 ))} .ecomus-tablet-slidesperview-auto--yes { --slidesperview-auto-spacing: -50px} .ecomus-tablet-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper { margin-right: var(--slidesperview-auto-spacing)} .ecomus-tablet-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper .elementor-swiper-button-next { right: calc( 10px + var(--slidesperview-auto-spacing))} .ecomus-tablet-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper .swiper-pagination { width: calc( 100% - var(--slidesperview-auto-spacing))} .ecomus-tablet-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper-wrapper.tablet-col-1 .swiper-slide { width: calc( 70% - ( var(--em-swiper-items-space-tablet) / 2 ))} .ecomus-tablet-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper-wrapper.tablet-col-2 .swiper-slide { width: calc( 40% - ( var(--em-swiper-items-space-tablet) / 2 ))} .ecomus-tablet-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper-wrapper.tablet-col-3 .swiper-slide { width: calc( 28% - ( ( var(--em-swiper-items-space-tablet) * 2 ) / 3 )) !important} .ecomus-tablet-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper-wrapper.tablet-col-4 .swiper-slide { width: calc( 22% - ( ( var(--em-swiper-items-space-tablet) * 3 ) / 4 )) !important} .ecomus-tablet-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper-wrapper.tablet-col-5 .swiper-slide { width: calc( 18% - ( ( var(--em-swiper-items-space-tablet) * 4 ) / 5 ))} .ecomus-tablet-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper-wrapper.tablet-col-6 .swiper-slide { width: calc( 15.2% - ( ( var(--em-swiper-items-space-tablet) * 5 ) / 6 ))} .ecomus-tablet-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor { margin-right: var(--slidesperview-auto-spacing)} .ecomus-tablet-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor > .elementor-swiper-button-next { right: calc( 10px + var(--slidesperview-auto-spacing))} .ecomus-tablet-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor > .swiper-pagination { width: calc( 100% - var(--slidesperview-auto-spacing))} .ecomus-tablet-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor.tablet-col-1 li.product { width: calc( 70% - ( var(--em-swiper-items-space) / 2 ))} .ecomus-tablet-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor.tablet-col-2 li.product { width: calc( 40% - ( var(--em-swiper-items-space) / 2 ))} .ecomus-tablet-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor.tablet-col-3 li.product { width: calc( 28% - ( ( var(--em-swiper-items-space) * 2 ) / 3 ))} .ecomus-tablet-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor.tablet-col-4 li.product { width: calc( 22% - ( ( var(--em-swiper-items-space) * 3 ) / 4 )) !important} .ecomus-tablet-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor.tablet-col-5 li.product { width: calc( 18% - ( ( var(--em-swiper-items-space) * 4 ) / 5 ))} .ecomus-tablet-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor.tablet-col-6 li.product { width: calc( 15.2% - ( ( var(--em-swiper-items-space) * 5 ) / 6 ))} } @media (max-width: 767px) { .ecomus-carousel--elementor .swiper-pagination--dots-arrow { --em-swiper-pagination-spacing: 10px} .ecomus-carousel--elementor .swiper-pagination--dots-arrow .swiper-pagination--dots-arrow__wrapper { padding: 8px} .ecomus-carousel--elementor .swiper-pagination--dots-arrow .swiper-pagination { margin: 0 4px} .ecomus-carousel--elementor .swiper-pagination--dots-arrow .swiper-pagination .swiper-pagination-bullet { margin: 0 2px} .ecomus-carousel--elementor .swiper-pagination--dots-arrow .swiper-pagination .swiper-pagination-bullet:before { width: 6px; height: 6px} .swiper:not(.swiper-initialized) .swiper-wrapper.mobile-col-1 .swiper-slide { width: calc( 100% - ( ( var(--em-swiper-items-space-mobile) * ( 1 - 1 ) ) / 1 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.mobile-col-2 .swiper-slide { width: calc( 50% - ( ( var(--em-swiper-items-space-mobile) * ( 2 - 1 ) ) / 2 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.mobile-col-3 .swiper-slide { width: calc( 33.33% - ( ( var(--em-swiper-items-space-mobile) * ( 3 - 1 ) ) / 3 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.mobile-col-4 .swiper-slide { width: calc( 25% - ( ( var(--em-swiper-items-space-mobile) * ( 4 - 1 ) ) / 4 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.mobile-col-5 .swiper-slide { width: calc( 20% - ( ( var(--em-swiper-items-space-mobile) * ( 5 - 1 ) ) / 5 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.mobile-col-6 .swiper-slide { width: calc( 16.66% - ( ( var(--em-swiper-items-space-mobile) * ( 6 - 1 ) ) / 6 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.mobile-col-7 .swiper-slide { width: calc( 14.28% - ( ( var(--em-swiper-items-space-mobile) * ( 7 - 1 ) ) / 7 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.mobile-col-8 .swiper-slide { width: calc( 12.5% - ( ( var(--em-swiper-items-space-mobile) * ( 8 - 1 ) ) / 8 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.mobile-col-9 .swiper-slide { width: calc( 11.11% - ( ( var(--em-swiper-items-space-mobile) * ( 9 - 1 ) ) / 9 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.mobile-col-10 .swiper-slide { width: calc( 10% - ( ( var(--em-swiper-items-space-mobile) * ( 10 - 1 ) ) / 10 ))} .swiper:not(.swiper-initialized) .swiper-wrapper.mobile-col-1 .swiper-slide { width: calc(100vw - ( var(--em-swiper-items-space-mobile) * 2 ))} .navigation-class--mobilearrows .swiper-button, .navigation-class--mobilenone .swiper-button { display: none} .navigation-class--mobiledots .swiper-button, .navigation-class--mobilenone .swiper-button { display: none} .navigation-class--mobilearrows .swiper-button, .navigation-class--mobileboth .swiper-button { display: inline-flex} .navigation-class--mobiledots .swiper-pagination, .navigation-class--mobileboth .swiper-pagination { display: block} .ecomus-mobile-slidesperview-auto--yes { --slidesperview-auto-spacing: -15px} .ecomus-mobile-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper { margin-right: var(--slidesperview-auto-spacing)} .ecomus-mobile-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper .elementor-swiper-button-next { right: calc( 10px + var(--slidesperview-auto-spacing))} .ecomus-mobile-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper .swiper-pagination { width: calc( 100% - var(--slidesperview-auto-spacing))} .ecomus-mobile-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper-wrapper.mobile-col-1 .swiper-slide { width: calc( 70% - ( var(--em-swiper-items-space-mobile) / 2 ))} .ecomus-mobile-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper-wrapper.mobile-col-2 .swiper-slide { width: calc( 40% - ( var(--em-swiper-items-space-mobile) / 2 ))} .ecomus-mobile-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper-wrapper.mobile-col-3 .swiper-slide { width: calc( 28% - ( ( var(--em-swiper-items-space-mobile) * 2 ) / 3 ))} .ecomus-mobile-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper-wrapper.mobile-col-4 .swiper-slide { width: calc( 22% - ( ( var(--em-swiper-items-space-mobile) * 3 ) / 4 ))} .ecomus-mobile-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper-wrapper.mobile-col-5 .swiper-slide { width: calc( 18% - ( ( var(--em-swiper-items-space-mobile) * 4 ) / 5 ))} .ecomus-mobile-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto:not(.ecomus-products-carousel--elementor) .swiper-wrapper.mobile-col-6 .swiper-slide { width: calc( 15.2% - ( ( var(--em-swiper-items-space-mobile) * 5 ) / 6 ))} .ecomus-mobile-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor { margin-right: var(--slidesperview-auto-spacing)} .ecomus-mobile-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor > .elementor-swiper-button-next { right: calc( 10px + var(--slidesperview-auto-spacing))} .ecomus-mobile-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor > .swiper-pagination { width: calc( 100% - var(--slidesperview-auto-spacing))} .ecomus-mobile-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor.mobile-col-1 li.product { width: calc( 70% - ( var(--em-swiper-items-space) / 2 ))} .ecomus-mobile-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor.mobile-col-2 li.product { width: calc( 40% - ( var(--em-swiper-items-space) / 2 ))} .ecomus-mobile-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor.mobile-col-3 li.product { width: calc( 28% - ( ( var(--em-swiper-items-space) * 2 ) / 3 ))} .ecomus-mobile-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor.mobile-col-4 li.product { width: calc( 22% - ( ( var(--em-swiper-items-space) * 3 ) / 4 )) !important} .ecomus-mobile-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor.mobile-col-5 li.product { width: calc( 18% - ( ( var(--em-swiper-items-space) * 4 ) / 5 ))} .ecomus-mobile-slidesperview-auto--yes .ecomus-carousel--slidesperview-auto.ecomus-products-carousel--elementor .product-swiper--elementor.mobile-col-6 li.product { width: calc( 15.2% - ( ( var(--em-swiper-items-space) * 5 ) / 6 ))} } /* Tooltip --------------------------------------------- */ .em-tooltip--data { z-index: 1500; pointer-events: none; display: none} .em-tooltip--data::before, .em-tooltip--data::after { display: block; position: absolute; -webkit-font-smoothing: antialiased} .em-tooltip--data.bottom::before { content: ""; height: 0; width: 0; top: 0; left: 50%; transform: translateX(-50%); border-style: solid; border-width: 3px 5px; border-color: transparent transparent #232323 transparent} .em-tooltip--data.bottom::after { content: attr(data-tooltip); top: 6px; left: 50%; transform: translateX(-50%); font-size: 12px; font-size: 0.75rem; color: var(--em-color__light); white-space: nowrap; background-color: #232323; padding: 3px 9px; box-sizing: border-box; border-radius: var(--em-rounded-xs); text-shadow: 0px 1px 1px #232323; z-index: 9} .em-tooltip--data.top::before { content: ""; height: 0; width: 0; top: 0; left: 50%; transform: translateX(-50%); border-style: solid; border-width: 6px 6px; border-color: #232323 transparent transparent transparent} .em-tooltip--data.top::after { content: attr(data-tooltip); bottom: 0; right: 50%; transform: translateX(50%); font-size: 12px; font-size: 0.75rem; line-height: 12px; font-weight: 500; color: var(--em-color__light); background-image: none; background-color: #232323; padding: 8px 10px; width: 150px; max-width: max-content; border-radius: var(--em-rounded-xs); text-shadow: 0px 1px 1px #232323; z-index: 9; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-transform: none} .em-tooltip--data.top.left::before { top: 50%; left: 0; transform: translateY(-50%) rotate(-90deg)} .em-tooltip--data.top.left::after { display: inline-table; top: 50%; right: 100%; left: auto; margin: 0 0 0 12px; transform: translateY(-50%); white-space: inherit} .em-tooltip--data.top.right::before { top: 50%; left: 100%; transform: translateY(-50%) rotate(90deg)} .em-tooltip--data.top.right::after { display: inline-table; top: 50%; left: 100%; right: auto; margin: 0 12px 0; transform: translateY(-50%); white-space: inherit} .em-tooltip--data.added::after { content: attr(data-tooltip_added)} @media (max-width: 1024px) { .em-tooltip--data { display: none !important} } /* Classes --------------------------------------------- */ .text-left { text-align: left} .text-center { text-align: center} .text-right { text-align: right} .clearfix { content: ""; display: table; table-layout: fixed} .em-color-dark { color: var(--em-color__dark)} .em-color-primary { color: var(--em-color__primary)} .em-flex { display: flex} .em-inline-flex { display: inline-flex} .em-flex-wrap { flex-wrap: wrap} .em-flex-column { flex-direction: column} .em-flex-align-center { align-items: center} .em-flex-align-end { align-items: flex-end} .em-flex-center { justify-content: center} .em-flex-end { justify-content: flex-end} .em-flex-space-between { justify-content: space-between} .em-font-normal { font-weight: 400} .em-font-medium { font-weight: 500} .em-font-semibold { font-weight: 600} .em-font-bold { font-weight: 700} .em-font-extrabold { font-weight: 800} .em-font-h1 { font-size: 80px; font-size: 5rem} .em-font-h2 { font-size: 68px; font-size: 4.25rem} .em-font-h3 { font-size: 52px; font-size: 3.25rem} .em-font-h4 { font-size: 42px; font-size: 2.625rem} .em-font-h5 { font-size: 28px; font-size: 1.75rem} .em-font-h6 { font-size: 20px; font-size: 1.25rem} .hidden { display: none !important; visibility: hidden !important} @media (max-width: 767px) { .hidden-xs { display: none !important} } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important} } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important} } @media (min-width: 1200px) { .hidden-lg { display: none !important} } .list-unstyled { list-style: none; margin: 0; padding: 0} .em-loading-spin { --em-animation-state: running; position: relative; color: transparent} .em-loading-spin::before { display: inline-block; content: ""; width: 18px; height: 18px; border-radius: 100%; border: solid 2px var(--em-loading-color); border-top-color: transparent; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; animation: spin 0.6s linear infinite var(--em-animation-state)} .em-vibrate { -webkit-animation-name: vibrate; animation-name: vibrate} .em-progress-bar { pointer-events: none; background-color: var(--em-color__primary); box-shadow: 0 0 6px var(--em-color__primary), 0 0 var(--em-color__primary); width: 100%; height: 2px; position: fixed; top: 0; left: 0; z-index: 999999; transform: scaleX(0); transform-origin: left; transition: transform .4s} .em-fadeinup { --em-fadeinup-delay: 0.05s; transition: opacity 0.25s, transform 0.25s; transition-delay: var(--em-fadeinup-delay)} .em-fadeinup:not(.em-animated) { opacity: 1; transform: translateY(0)} .em-fadeinup.em-animated { opacity: 0; transform: translateY(30px)} .em-relative { position: relative} .em-absolute { position: absolute} .em-fixed { position: fixed} /*-------------------------------------------------------------- # Layouts --------------------------------------------------------------*/ .em-container { width: 100%; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px} .em-container:before { content: ""; display: table; table-layout: fixed} .em-container:after { content: ""; display: table; table-layout: fixed; clear: both} .em-container.em-container-fluid { max-width: 100%} @media (min-width: 768px) { .em-container { max-width: 1500px; padding-left: 30px; padding-right: 30px} } @media (min-width: 1150px) { .em-container { max-width: 1540px; padding-left: 50px; padding-right: 50px} } .site-content { padding-top: 3.375rem; padding-bottom: 3.375rem} @media (min-width: 1025px) { .content-sidebar .site-content .site-content-container, .sidebar-content .site-content .site-content-container { display: flex; flex-wrap: wrap} .content-sidebar .content-area, .sidebar-content .content-area { flex: 0 0 74%; width: 74%} .content-sidebar .widget-area, .sidebar-content .widget-area { flex: 0 0 26%; width: 26%} .content-sidebar .content-area { padding-right: 15px} .content-sidebar .widget-area { padding-left: 15px} .sidebar-content .widget-area { order: 1; padding-right: 15px} .sidebar-content .widget-area::before { left: auto; right: 0} .sidebar-content .content-area { order: 2; padding-left: 15px} } /*-------------------------------------------------------------- # Components --------------------------------------------------------------*/ /* Header --------------------------------------------- */ .topbar { min-height: 45px} .topbar.has-border { border-bottom: 1px solid var(--em-border-color)} .topbar-container { display: flex; align-items: center; justify-content: space-between; height: 100%} .topbar-container:before, .topbar-container:after { display: none} .topbar-items { display: flex; align-items: center; line-height: 45px} .topbar-left-items { text-align: left; justify-content: flex-start} .topbar-left-items > * { margin-right: 30px} .topbar-left-items > *:last-child { margin-right: 0} .topbar-center-items { text-align: center; justify-content: center; flex: 1} .topbar-center-items > * { margin: 0 17px} .topbar-right-items { text-align: right; justify-content: flex-end} .topbar-right-items > * { margin-left: 30px} .topbar-right-items > *:first-child { margin-left: 0} .topbar-items { display: flex; align-items: center; height: 100%; flex: 1} .topbar-items .ecomus-currency-language .current { padding: 0} .topbar-items .ecomus-currency-language a { color: #000} .topbar-items .ecomus-currency-language .woocs_flag_view_item_current { color: var(--em-color__primary)} .topbar-text a { --em-link-color: inherit; white-space: nowrap} .topbar-custom-text { color: var(--em-color__dark); line-height: normal} .topbar-custom-text a { --em-link-color: inherit; display: inline-block; text-decoration: underline; white-space: nowrap} .topbar-custom-text a svg { /*rtl:raw: transform: rotateY(180deg); */ } .site-header .site-header__container { display: flex; align-items: center; height: 100%} .site-header .has-menu .primary-navigation { position: static} .header-contents { position: relative} .header-items { display: flex; align-items: center; height: 100%; flex: 1; color: var(--em-header-color)} .header-items > * { position: relative} .header-items .em-button-icon { --em-button-width: 40px; --em-button-height: 40px} .header-items > a:not(:hover), .header-items > button:not(:hover), .header-items > .em-button:not(:hover) { color: inherit} .header-left-items { text-align: left; justify-content: flex-start; padding-right: 10px} .header-left-items > * { margin-right: 30px} .header-left-items > *:last-child { margin-right: 0} .header-left-items .nav-menu .menu-item-pos-alignment--left.menu-item-pos-static { position: static} .header-center-items { text-align: center; justify-content: center; padding-left: 10px; padding-right: 10px} .header-center-items > * { margin-right: 30px} .header-center-items > *:last-child { margin-right: 0} .header-right-items { text-align: right; justify-content: flex-end; padding-left: 10px; margin: 0 -10px} .header-right-items > * { padding: 0 10px} .header-right-items .nav-menu .menu-item-pos-alignment--right.menu-item-pos-static { position: static} .header-main { --em-header-main-border-color: transparent; --em-header-main-shadow-color: transparent; --em-header-main-bg-color: transparent; height: 85px; border-bottom: 1px solid var(--em-header-main-border-color); box-shadow: 0 1px 3px var(--em-header-main-shadow-color); background-color: var(--em-header-main-bg-color)} .header-bottom { --em-header-bottom-border-color: transparent; --em-header-bottom-shadow-color: transparent; --em-header-bottom-bg-color: transparent; height: 60px; border-bottom: 1px solid var(--em-header-bottom-border-color); box-shadow: 0 1px 3px var(--em-header-bottom-shadow-color); background-color: var(--em-header-bottom-bg-color)} .ecomus-header-main-divider .header-main { --em-header-main-border-color: var( --em-border-color )} .ecomus-header-bottom-divider .header-bottom { --em-header-bottom-border-color: var( --em-border-color )} .header-counter { font-size: 10px; font-size: 0.625rem; line-height: 19px; height: 18px; min-width: 18px; text-align: center; padding: 0 3px; font-weight: 500; border-radius: 20px; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; position: absolute; z-index: 2; top: 0; right: 0; color: var(--em-text-color-on-primary); background-color: var(--em-color__primary)} .header-v2 .header-main { height: 67px} .header-v6 .header-main { height: 103px} .header-v6 .header-bottom { height: 80px} .header-logo { flex: 0 1 auto; position: relative; z-index: 100} .header-logo > a { position: relative; display: block; line-height: 1; font-weight: 600; color: inherit} .header-logo > a:hover { text-decoration: none} .header-logo > a img { --em-image-rounded: 0; display: inline-block; vertical-align: middle} .header-logo > a svg { fill: currentColor; vertical-align: middle; width: auto; height: auto} .header-logo .logo-light { display: none} .header-logo__text, .header-logo__svg { font-size: 28px; font-size: 1.75rem; color: var(--em-color__dark)} .nav-menu, .nav-menu ul { list-style: none; margin: 0; padding: 0} .nav-menu li { padding: 4px 22px; position: relative} .nav-menu li > ul.sub-menu { display: flex; flex-direction: column; align-items: flex-start; opacity: 0; pointer-events: none; visibility: hidden; position: absolute; min-width: 280px; top: 100%; left: 50%; padding: 18px 0; transform: translate(-50%, 5px); background-color: var(--em-color__light); border: 1px solid var(--em-border-color); z-index: 9; transition: 0.4s} .nav-menu li > ul.sub-menu.mega-menu-alignment--left { left: 0; transform: none} .nav-menu li > ul.sub-menu.mega-menu-alignment--right { left: auto; right: 0; transform: none} .nav-menu li > ul.sub-menu ul { top: 0; left: 100%; transform: none} .nav-menu li > ul.sub-menu li { color: var(--em-color__dark)} .nav-menu li > ul.sub-menu li:hover > ul { top: 0; left: 100%} .nav-menu li > ul.sub-menu:not(.mega-menu) li { width: 100%} .nav-menu li:hover > ul { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); z-index: 999} .nav-menu li.mega-menu { padding: 20px 0} .nav-menu a:not(.button) { font-size: 14px; font-size: 0.875rem; display: inline-block; text-decoration: none; position: relative} .nav-menu a:not(.button):hover { text-decoration: none} .primary-navigation { height: 100%} .primary-navigation .nav-menu { height: 100%; display: flex; align-items: center; text-align: left} .primary-navigation .nav-menu > li:not(.menu-item-mega) { position: relative} .primary-navigation .nav-menu > li { height: 100%; display: flex; align-items: center; padding: 0 15px} .primary-navigation .nav-menu > li:first-child { padding-left: 0} .primary-navigation .nav-menu > li:last-child { padding-right: 0} .primary-navigation .nav-menu > li:hover > a .ecomus-svg-icon.caret, .primary-navigation .nav-menu > li:hover > a .menu-item-icon.caret { opacity: 1} .primary-navigation .nav-menu > li:hover > a:after { width: 100%; left: 0} .primary-navigation .nav-menu > li > a { --em-link-color: var( --em-header-color ); font-size: 16px; font-size: 1rem; font-weight: 500; color: var(--em-header-color); display: flex; align-items: center} .primary-navigation .nav-menu > li > a:after { content: ""; position: absolute; right: 0; bottom: 0px; width: 0; border-bottom: 1px solid; transition: width 0.4s} .primary-navigation .nav-menu > li > a:hover { color: var(--em-link-color)} .primary-navigation .nav-menu > li > a .ecomus-svg-icon, .primary-navigation .nav-menu > li > a .menu-item-icon { font-size: 14px; font-size: 0.875rem; margin: 2px 8px 0 0} .primary-navigation .nav-menu > li > a .menu-icon-item--image { width: 16px} .primary-navigation .nav-menu > li > a .menu-icon-item-position--right { margin: 2px 0 0 8px} .primary-navigation .nav-menu > li.menu-item-has-children > a { padding-right: 17px; position: relative} .primary-navigation .nav-menu > li.menu-item-has-children > a:before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 6px; background-color: currentcolor; border: 0 !important; -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tMi40MDQxM2UtMDcgMC45NzY1NjNMNS41IDYuNDc2NTZMMTEgMC45NzY1NjJMMTAuMDIzNyAwLjAwMDMxMjg0OEw1LjUgNC41MjQwNkwwLjk3NjI0OSAwLjAwMDMxMzI0M0wtMi40MDQxM2UtMDcgMC45NzY1NjNaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+) no-repeat 50% 50%; mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tMi40MDQxM2UtMDcgMC45NzY1NjNMNS41IDYuNDc2NTZMMTEgMC45NzY1NjJMMTAuMDIzNyAwLjAwMDMxMjg0OEw1LjUgNC41MjQwNkwwLjk3NjI0OSAwLjAwMDMxMzI0M0wtMi40MDQxM2UtMDcgMC45NzY1NjNaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover} .primary-navigation .nav-menu > li ul li.menu-item-has-children > a { display: block; padding-right: 17px; position: relative} .primary-navigation .nav-menu > li ul li.menu-item-has-children > a:before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(-90deg); width: 10px; height: 6px; background-color: currentcolor; border: 0 !important; -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tMi40MDQxM2UtMDcgMC45NzY1NjNMNS41IDYuNDc2NTZMMTEgMC45NzY1NjJMMTAuMDIzNyAwLjAwMDMxMjg0OEw1LjUgNC41MjQwNkwwLjk3NjI0OSAwLjAwMDMxMzI0M0wtMi40MDQxM2UtMDcgMC45NzY1NjNaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+) no-repeat 50% 50%; mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tMi40MDQxM2UtMDcgMC45NzY1NjNMNS41IDYuNDc2NTZMMTEgMC45NzY1NjJMMTAuMDIzNyAwLjAwMDMxMjg0OEw1LjUgNC41MjQwNkwwLjk3NjI0OSAwLjAwMDMxMzI0M0wtMi40MDQxM2UtMDcgMC45NzY1NjNaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; transition: 0.4s} .primary-navigation .nav-menu > li ul li.menu-item-has-icon > a { display: inline-flex; align-items: center; gap: 10px} .primary-navigation .nav-menu li > ul.mega-menu { padding: 25px 0} .primary-navigation a:not(.button) { font-size: 14px; font-size: 0.875rem; display: inline-block; text-decoration: none; white-space: nowrap; position: relative} .primary-navigation a:not(.button):hover { text-decoration: none} .primary-navigation a:not(:hover) { color: var(--em-color__base)} .primary-navigation .menu-item-mega { position: relative} .primary-navigation .menu-item-mega:hover > ul { opacity: 1; visibility: visible; pointer-events: auto; top: 100%; z-index: 200} .primary-navigation .menu-item-mega > ul.sub-menu { left: 50%; transform: translateX(-50%)} .primary-navigation .menu-item-static { position: static} .primary-navigation .menu-item-static .mega-menu { left: 0; width: 100%} .primary-navigation .menu-item-static .mega-menu--grid .mega-menu__column:first-child > li { padding-left: 0} .primary-navigation .menu-item-static .mega-menu--grid .mega-menu__column:last-child > li { padding-right: 0} .primary-navigation .mega-menu-main { display: flex; flex-wrap: wrap} .primary-navigation .mega-menu-main ul { display: flex; flex-direction: column} .primary-navigation .mega-menu-main .mega-sub-menu > a { padding-right: 0 !important; font-weight: 600} .primary-navigation .mega-menu-main .mega-sub-menu > a:before { display: none !important} .primary-navigation .mega-menu-main .mega-sub-menu ul.sub-menu { position: static; opacity: 1; visibility: visible; pointer-events: auto; transform: none; z-index: 200; box-shadow: none; border: none; padding: 5px 0; min-width: auto} .primary-navigation .mega-menu-main .mega-sub-menu ul.sub-menu li { padding-left: 0; padding-right: 0} .primary-navigation .mega-menu-container { padding: 3px 20px} .primary-navigation .mega-menu-container.container-fluid { width: 100%} .primary-navigation .mega-menu-container.em-container { max-width: 1540px; padding: 3px 50px 12px} .primary-navigation .mega-menu-container.em-container .mega-menu-main { margin-left: -12px; margin-right: -12px} .primary-navigation .menu-item-mega .mega-menu { display: flex; flex-direction: column; align-items: flex-start; opacity: 0; pointer-events: none; visibility: hidden; position: absolute; min-width: 140px; top: 100%; left: -20px; background-color: var(--em-color__light); box-shadow: 0 0 3px rgba(0, 0, 0, 0.12); border-radius: var(--em-rounded-xs); border: none; border-top: 1px solid var(--em-border-color); padding: 13px 0; transition: 0.4s} .primary-navigation .menu-item-mega .mega-menu .menu-item--widget-image { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); border: 1px solid transparent; transition: 0.4s; border-radius: var(--em-rounded-sm)} .primary-navigation .menu-item-mega .mega-menu .menu-item--widget-image:hover { border-color: var(--em-color__dark)} .secondary-navigation { height: 100%} .secondary-navigation .nav-menu { height: 100%; display: flex; align-items: center; gap: 4px; text-align: left} .secondary-navigation .nav-menu > li { padding: 0; height: 100%; display: flex; align-items: center; position: relative} .secondary-navigation .nav-menu > li:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: var(--em-header-color); transition: 0.4s} .secondary-navigation .nav-menu > li.current-menu-item:after, .secondary-navigation .nav-menu > li:hover:after { width: 100%} .secondary-navigation .nav-menu > li.current-menu-item > a, .secondary-navigation .nav-menu > li:hover > a { color: var(--em-header-color)} .secondary-navigation .nav-menu > li.current-menu-item > a { background-color: #F3F3F3} .secondary-navigation .nav-menu > li > a { font-size: 12px; font-size: 0.75rem; font-weight: 800; color: var(--em-header-color); text-transform: uppercase; padding: 11px 10px} .secondary-navigation .nav-menu > li > a .ecomus-svg-icon, .secondary-navigation .nav-menu > li > a .menu-item-icon { font-size: 10px; font-size: 0.625rem; margin: 2px 8px 0 0} .secondary-navigation .nav-menu > li > a .menu-icon-item-position--right { margin: 2px 0 0 8px} ul.menu .menu-item-has-icon-svg .icon-has-background { padding: 10px} ul.menu .menu-item-icon { display: inline-block; line-height: 1} ul.menu .menu-item-icon svg { vertical-align: -0.125em; width: 1em; height: 1em; fill: currentColor; display: inline-block} ul.menu .menu-icon-item--image { width: 14px} ul.menu > li > a .menu-item-icon { margin-right: 5px} .mega-menu ul.mega-menu__column li.menu-item--type-label { padding-bottom: 12px} .mega-menu ul.mega-menu__column li.menu-item--type-label h6 { font-weight: 500; line-height: 2; margin: 0} .mega-menu ul.mega-menu__column li.menu-item--type-label:after { display: none} .mega-menu ul.mega-menu__column .menu-item--type-hidden { padding: 0} .mega-menu ul.mega-menu__column .menu-item--type-hidden > span, .mega-menu ul.mega-menu__column .menu-item--type-hidden > a { display: none !important} .mega-menu ul.mega-menu__column .menu-item + .menu-item--type-empty { padding-bottom: 4px} .mega-menu ul.mega-menu__column .menu-item--widget-heading { font-size: 12px; font-size: 0.75rem; text-transform: uppercase; font-weight: 700; margin-bottom: 5px; color: var(--em-color__dark); margin-top: 6px; line-height: 1} .mega-menu ul.mega-menu__column .menu-item--widget-heading:first-child { margin-top: 0} .mega-menu ul.mega-menu__column .menu-item--widget-heading a { font-size: inherit; color: inherit} .mega-menu ul.mega-menu__column .menu-item--widget-heading a:not(:hover) { color: inherit} .mega-menu ul.mega-menu__column .menu-item--widget-image { text-align: center} .mega-menu ul.mega-menu__column .menu-item--widget-image > a, .mega-menu ul.mega-menu__column .menu-item--widget-image > span { padding: 6px 7px 0} .mega-menu ul.mega-menu__column .menu-item--widget-image:last-child { padding-bottom: 0} .mega-menu ul.mega-menu__column .menu-item--widget-image.menu-item--align-left { text-align: left} .mega-menu ul.mega-menu__column .menu-item--widget-image.menu-item--align-right { text-align: right} .mega-menu ul.mega-menu__column .menu-item--widget-image a { position: relative} .mega-menu ul.mega-menu__column .menu-item--widget-image a:after { display: none} .mega-menu ul.mega-menu__column .menu-item--widget-image .menu-widget-image { --em-image-rounded: 0} .mega-menu ul.mega-menu__column .menu-item--widget-image .menu-widget-image__button { font-weight: 600; padding: 10px 0; display: inline-block} .mega-menu ul.mega-menu__column .menu-item--widget-image .menu-widget-image__button:not(:hover) { color: var(--em-link-color)} .mega-menu ul.mega-menu__column .menu-item--widget-image .mega-menu__badge-wrapper { position: absolute; top: 9px; right: 7px} .mega-menu ul.mega-menu__column .mega-menu__badge { font-size: 10px; font-size: 0.625rem; line-height: 12px; color: var(--em-color__light); padding: 4px 8px; border-radius: var(--em-rounded-sm); margin: 0 3px} .mega-menu ul.mega-menu__column .mega-menu__badge--new { background-color: #48D4BB} .mega-menu ul.mega-menu__column .mega-menu__badge--trend, .mega-menu ul.mega-menu__column .mega-menu__badge--custom { background-color: #83B735} .mega-menu ul.mega-menu__column .mega-menu__badge--hot { background-color: #FC5732} .mega-menu ul.mega-menu__column .menu-widget-image__content { margin-top: 8px; margin-bottom: 10px} .mega-menu ul.mega-menu__column .menu-widget-image__desc { font-size: 14px; font-size: 0.875rem; color: #000000} .mega-menu ul.mega-menu__column li.menu-item--widget-banner { padding: 0} .mega-menu ul.mega-menu__column li.menu-item--widget-banner > a { display: block} .mega-menu ul.mega-menu__column li.menu-item--widget-banner .menu-widget-banner img { transition: transform 1s cubic-bezier(0, 0, 0.44, 1.18)} .mega-menu ul.mega-menu__column li.menu-item--widget-banner .menu-widget-banner__title { --em-button-padding-left: 30px; --em-button-padding-top: 11px; --em-button-padding-bottom: 11px; --em-button-padding-right: 30px; gap: 0; position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); font-size: 16px; font-size: 1rem; max-width: calc( 100% - 50px)} .mega-menu ul.mega-menu__column li.menu-item--widget-banner .menu-widget-banner__title .menu-widget-banner__text { font-family: var(--em-heading-font)} .mega-menu ul.mega-menu__column li.menu-item--widget-banner .menu-widget-banner__title .ecomus-svg-icon { font-size: 10px; transition: transform .3s, width .3s, margin-left .3s ease .1s; transform: scale(0); transform-origin: right; width: 0; margin: 0; padding-bottom: 2px; /*rtl:raw: transform: scale(0) rotateY(180deg); */ } .mega-menu ul.mega-menu__column li.menu-item--widget-banner .menu-widget-banner__title:hover { --em-button-bg-color: #000000; --em-button-color: #ffffff} .mega-menu ul.mega-menu__column li.menu-item--widget-banner .menu-widget-banner__title:hover .ecomus-svg-icon { transform: scale(1); width: 10px; margin-left: 9px; margin-top: 4px; /*rtl:raw: transform: scale(1) rotateY(180deg); */ } .mega-menu ul.mega-menu__column li.menu-item--widget-banner .menu-widget-banner__title::after { display: none} .mega-menu ul.mega-menu__column > li:first-child.menu-item--widget-banner { padding-top: 9px} .mega-menu ul.mega-menu__column .menu-widget-banner__content { position: absolute; left: 24px; bottom: 23px; z-index: 1} .mega-menu ul.mega-menu__column .menu-widget-banner__title { font-size: 18px; font-size: 1.125rem; font-weight: 500; line-height: 24px} .mega-menu ul.mega-menu__column .menu-widget-banner__button { color: inherit; margin-top: 16px} .mega-menu ul.mega-menu__column .menu-widget-banner__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%} .mega-menu ul.mega-menu__column .menu-item--widget-button.menu-item--align-center { text-align: center} .mega-menu ul.mega-menu__column .menu-item--widget-button.menu-item--align-right { text-align: right} .mega-menu ul.mega-menu__column .menu-item--widget-button a.em-button { color: var(--em-button-color); margin-top: var(--em-menu-button-item-spacing)} .mega-menu ul.mega-menu__column .mega-menu__button-icon { font-size: 10px; font-size: 0.625rem; margin-left: 10px; position: relative; top: -1px} .mega-menu ul.mega-menu__column .menu-item--widget-custom-link .mega-menu__badge-wrapper { position: absolute; top: -12px; left: 100%; line-height: 1} .mega-menu ul.mega-menu__column .menu-item--widget-custom-link .mega-menu__badge-wrapper.text-full { left: auto; right: -15px} .mega-menu ul.mega-menu__column .menu-item--widget-custom-link .mega-menu__badge { padding: 2px 6px 3px} .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel { display: block; padding-left: 25px} .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel:not(.swiper-initialized) { overflow: hidden} .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel ul.products { left: 0; display: flex; flex-wrap: nowrap; overflow: initial; margin-top: 7px} .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel ul.products li.product { flex-shrink: 0} .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel ul.products li.product .product-loop-button { --em-button-height: 32px; --em-button-width: 32px} .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel ul.products li.product .product-loop-button.em-button-icon .ecomus-svg-icon { font-size: 14px; font-size: 0.875rem} .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel ul.products li.product .product-loop-button.em-button-icon .ecomus-svg-icon.ecomus-svg-icon--eye, .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel ul.products li.product .product-loop-button.em-button-icon .ecomus-svg-icon.ecomus-svg-icon--heart { font-size: 16px; font-size: 1rem} .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel ul.products li.product .product-variation-items .product-variation-item--color:before { border-width: 4px 5px; bottom: 100%; top: auto; border-color: var(--em-color__dark) transparent transparent transparent} .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel ul.products li.product .product-variation-items .product-variation-item--color:after { bottom: calc(100% + 6px); top: auto} .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel ul.products .woocommerce-LoopProduct-link { white-space: inherit} .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel ul.products.swiper-wrapper { margin: 0} .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel ul.products.swiper-wrapper li.product { margin: 0; padding: 0} .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel .swiper-button { --em-arrow-width: 36px; --em-arrow-height: 36px; --em-arrow-font-size:10px; --em-arrow-top: 35%; z-index: 1000; border: none; /*rtl:raw: transform: rotateY(180deg) translateY(-50%); */ } .mega-menu ul.mega-menu__column .menu-taxonomy-list-widget li { padding-left: 0; padding-right: 0} .mega-menu__row { display: flex; margin: 0 -12px} .mega-menu--grid ul.mega-menu__column { padding: 0 12px} .mega-menu--grid ul.mega-menu__column .menu-item--widget-image { padding: 0; margin-bottom: 25px} .mega-menu--tabs .mega-menu__tablist, .mega-menu--tabs .mega-menu__panellist { float: left; width: 50%} .mega-menu--tabs .mega-menu__tablist li { padding: 4px 12px} .mega-menu--tabs .mega-menu__tablist li.active a:after { width: 100%; left: 0} .mega-menu--tabs .mega-menu__tabpanel { display: none} .mega-menu--tabs .mega-menu__tabpanel.active { display: block} .mega-menu--tabs .mega-menu__tabpanel ul li a:hover:after { display: none} .mega-menu--tabs .mega-menu__panellist { padding-bottom: 7px} @media (min-width: 1200px) { .mega-menu ul.mega-menu__column .menu-item--type-empty > span, .mega-menu ul.mega-menu__column .menu-item--type-empty > a { text-indent: -9999em; display: block} } .header-search__icon { --em-button-font-size: 18px} .header-search__form { border-width: var(--em-input-border-width); border-style: solid; border-color: var(--em-input-border-color); border-radius: var(--em-input-rounded); background-color: var(--em-input-bg-color); padding: 5px} .header-search__form.searched.actived .header-search-results, .header-search__form.searching .header-search-results { opacity: 1; visibility: visible} .header-search__form.searched.actived .close-search-modal__results, .header-search__form.searching .close-search-modal__results { display: flex} .header-search__form.searched .close-search-modal__results { display: flex} .header-search__form .close-search-modal__results { --em-button-width: 25px; --em-button-height: 25px; --em-button-color: #000000; right: 95px} .header-search__form:not(.searching) .modal__content-loading { display: none} .header-search__form .modal__content-loading { gap: 30px; padding: 20px} .header-search__form .em-product-card { gap: 19px} .header-search__form .em-product-card_img { background: #e1e3e4; width: 75px; height: 100px} .header-search__form .em-product-card__info { flex: 1 1 auto; display: flex; flex-direction: column; gap: 15px} .header-search__form .em-product-card_txt1 { height: 20px; width: 100%; background: #e1e3e4; margin-bottom: 10px} .header-search__form .em-product-card_txt2 { height: 15px; width: 40%; background: #e1e3e4; margin-bottom: 0} .header-v6 .header-search__form { --em-input-rounded: 30px; --em-button-rounded: 30px} .header-search__field { --em-input-font-size: 16px; --em-input-placeholder-font-size: 16px; --em-input-border-width: 0px; --em-input-padding-y: 0px; --em-input-padding-x: 15px; --em-input-bg-color: transparent; width: 400px} .header-search__results { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); display: none; --em-button-color: #000; --em-button-color-hover: #000; --em-button-bg-color: transparent; --em-button-bg-color-hover: transparent; --em-button-border-color: #ebebeb; --em-button-border-color-hover: #000; --em-button-width: 25px; --em-button-height: 25px; --em-button-font-size: 8px; min-width: var(--em-button-width); padding-top: 1px} .header-search__button { --em-button-icon-size: 18px; --em-button-padding-top: 5px; --em-button-padding-bottom: 5px; --em-button-padding-left: 17px; --em-button-padding-right: 17px; --em-button-bg-color-hover: var(--em-color__primary); --em-button-border-color-hover: var(--em-color__primary); width: 74px; height: 36px} .header-search__button .ecomus-svg-icon { /*rtl:raw: transform: rotateY(0); */ } .header-search__products-suggest, .header-search-results { --header-suggest-height: 129px; border-radius: var(--em-rounded-md); position: absolute; top: calc(100% + 5px); right: 0; left: 0; z-index: 1000; height: auto; background-color: var(--em-color__light); opacity: 0; visibility: hidden; transition: all .1s ease-in-out; max-width: 100%; box-shadow: 0 1px 5px 2px var(--em-input-border-color); color: #000000} .header-search__products-suggest.header-suggest--open, .header-search-results.header-suggest--open { opacity: 1; visibility: visible} .header-search__products-suggest:empty { display: none !important} .search-products-suggest-list { overflow: auto; overflow-x: hidden; padding: 20px; max-height: calc( var(--header-suggest-height) * 5); scrollbar-width: 1px; scrollbar-color: var(--em-color__grayer); border-radius: var(--em-modal-content-border-radius)} .search-products-suggest-list::-webkit-scrollbar { width: 5px} .search-products-suggest-list::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 8px} .search-products-suggest-list::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.16)} .search-products-suggest-list::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.05)} .search-products-suggest-list li { gap: 15px; text-align: left} .search-products-suggest-list li:not(:last-child) { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--em-input-border-color)} .suggest-list__title { --em-link-color: #000} .suggest-list__image { --em-ratio-percent: var(--product-image-ratio-percent); --em-image-rounded: 0; width: 60px; min-width: 60px} .suggest-list__price { display: flex; font-size: 14px; font-size: 0.875rem; font-weight: 600; line-height: 16.8px; color: #000000; margin-top: 5px; flex-wrap: wrap; column-gap: 10px; row-gap: 5px; margin-bottom: 0} .suggest-list__price .woocs_price_code { display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 5px} .suggest-list__price ins { color: var(--em-color-price-sale); background-color: transparent} .suggest-list__price del { color: rgba(0, 0, 0, 0.5); font-weight: 400} .suggest-list__price .woocommerce-price-suffix { line-height: 14px} .header-search__products-results { padding: 20px 20px 0 20px; overflow: auto; overflow-x: hidden; max-height: calc( var(--header-suggest-height) * 5); scrollbar-width: 1px; scrollbar-color: var(--em-color__grayer); border-radius: var(--em-modal-content-border-radius)} .header-search__products-results::-webkit-scrollbar { width: 5px} .header-search__products-results::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 8px} .header-search__products-results::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.16)} .header-search__products-results::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.05)} .header-search__products-results .results-tab-header .results-tab-button { font-size: 18px; font-size: 1.125rem; color: var(--em-heading-color)} .header-search__products-results .results-tab-header .results-tab-button:not(.active) { color: #a1a1a1} .header-search__products-results .results-tab-header .results-tab-button:not(.active):hover { color: var(--em-heading-color)} .header-search__products-results .result-tab-item { flex: 0 0 100%; max-width: 100%; display: none} .header-search__products-results .result-tab-item.active { display: block; animation: fadeIn .4s ease-in-out} .header-search__products-results .results-heading { display: none} .header-search__products-results .results-list li.result-card-item, .header-search__products-results .results-list li.result-card-item .result-summary { align-items: flex-start; text-align: left} .header-search__products-results .list-item-empty { display: flex; flex-direction: column; gap: 40px; margin: 5px 0 18px} .header-search__products-results .list-item-empty .ecomus-svg-icon { display: block; font-size: 40px; font-size: 2.5rem} .header-search__products-results .results-tab-content, .header-search__products-results .list-item-empty { padding-top: 20px; padding-bottom: 20px} .header-search-results .header-search__products-results .results-tab-header { display: inline-flex; gap: 15px; text-align: left; width: 100%} .header-account__icon { --em-button-font-size: 18px} .header-account__icon-text { --em-button-icon-size: 18px; font-size: 16px; font-size: 1rem} .header-compare__icon { --em-button-font-size: 18px} .header-compare__icon-text { --em-button-icon-size: 16px; font-size: 16px; font-size: 1rem} .header-compare__icon-text .header-compare__counter { top: -11px; left: 18px; right: auto} .header-wishlist__icon { --em-button-font-size: 20px} .header-wishlist__icon-text { --em-button-icon-size: 20px; font-size: 16px; font-size: 1rem} .header-wishlist__icon-text .header-wishlist__counter { top: -11px; left: 18px; right: auto} .header-cart__icon { --em-button-font-size: 18px} .header-cart__icon .ecomus-svg-icon--shopping-cart { font-size: 24px} .header-cart__size-large { --em-button-font-size: 29px} .header-cart__size-large.em-button-icon { --em-button-width: 58px} .header-cart__size-large .header-cart__counter { top: -4px; right: -2px} .header-cart__divider { --em-cart-divider-color: var(--em-border-color); margin-left: 12px; padding-left: 22px} .header-cart__divider:before { content: ''; position: absolute; z-index: 1; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 100%; max-height: 29px; background-color: var(--em-cart-divider-color)} .header-hamburger { padding: 0 20px 0 0} .header-hamburger .ecomus-svg-icon { font-size: 22px; font-size: 1.375rem; margin: 0} .hamburger-menu__text { font-size: 14px; font-size: 0.875rem; text-transform: uppercase; font-weight: 800} .campaign-bar { --em-campaign-background: #000; --em-campaign-text-color: var(--em-color__light); height: 40px; background-color: var(--em-campaign-background); overflow: hidden} .campaign-bar__close { --em-button-color: var(--em-color__light); --em-button-color-hover: var(--em-color__light); --em-button-bg-color: var(--em-campaign-background); --em-button-bg-color-hover: var(--em-campaign-background); --em-button-width: auto; --em-button-height: 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 0; z-index: 1; padding: 0 40px 0 20px} .campaign-bar__close:after { display: none} .campaign-bar__close .ecomus-svg-icon { font-size: 12px; font-size: 0.75rem} .campaign-bar__close:hover { opacity: 0.85} .campaign-bar-type--marquee .campaign-bar__container { display: inline-flex; align-items: center; width: fit-content; height: 100%; animation: marquee var(--em-campaign-speed) linear infinite; will-change: transform} .campaign-bar-type--marquee .campaign-bar__container:hover { animation-play-state: paused} .campaign-bar-type--marquee .campaign-bar__items { display: inline-flex; width: max-content; gap: 22px; margin-right: 22px} .campaign-bar-type--marquee .campaign-bar__items--duplicate { --em-campaign-index: 1; inset-inline-start: calc( -100% * var(--em-campaign-index) * -1)} .campaign-bar-type--marquee .campaign-bar__item { flex-shrink: 0} .campaign-bar-type--marquee .campaign-bar__text { font-size: 12px; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.8px; text-transform: uppercase; color: var(--em-campaign-text-color); padding-right: 44px} .campaign-bar-type--marquee .campaign-bar__text:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 22px; height: 1px; background-color: var(--em-campaign-text-color)} .campaign-bar-type--slides .campaign-bar__container { height: 100%; max-width: 480px; width: 100%} .campaign-bar-type--slides .campaign-bar__item { padding: 0 40px} .campaign-bar-type--slides .campaign-bar__item .campaign-bar__box { display: flex; align-items: center; text-align: center; height: 100%} .campaign-bar-type--slides .campaign-bar__text { font-weight: 500; color: var(--em-campaign-text-color); width: 100%; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; overflow: hidden} .campaign-bar-type--slides .ecomus-swiper-button { --em-arrow-color: var(--em-campaign-text-color); --em-arrow-color-hover: var(--em-campaign-text-color); --em-arrow-bg-color: var(--em-campaign-background); --em-arrow-bg-color-hover: var(--em-campaign-background); --em-arrow-width: 40px; --em-arrow-height: 100%; margin-top: 0; opacity: 1; z-index: 99; /*rtl:raw: transform: translateY(-50%) rotateY(180deg); */ } .campaign-bar-type--slides .swiper-button-prev, .campaign-bar-type--slides .swiper-rtl .swiper-button-prev { left: -1px} .campaign-bar-type--slides .swiper-rtl .swiper-button-next, .campaign-bar-type--slides .swiper-button-next { right: -1px} .socials-navigation ul { list-style: none; margin: 0; padding: 0} .socials-navigation ul.menu { height: 100%; display: flex; align-items: center; gap: 10px; text-align: left} .socials-navigation ul.menu a { font-size: 0; color: inherit; display: inline-flex; align-items: center} .socials-navigation ul.menu a .menu-item-icon { font-size: 12px; font-size: 0.75rem; display: inline-flex; justify-content: center; align-items: center; width: 28px; height: 28px; line-height: 28px; border-radius: 999px; margin: 0; --em-social-bg-color: rgb(from var(--em-color__dark) r g b / 0.1); background-color: var(--em-social-bg-color); transition: all .3s ease} .socials-navigation ul.menu a .menu-item-icon:hover { background-color: var(--em-social-color, #000); color: var(--em-color__light)} .socials-navigation ul.menu a .menu-item-icon:hover.em-socials--instagram, .socials-navigation ul.menu a .menu-item-icon:hover.em-socials--threads, .socials-navigation ul.menu a .menu-item-icon:hover.em-socials--tiktok { background-image: var(--em-social-color)} .socials-navigation .menu-item-icon { font-size: 16px; font-size: 1rem} .topbar-slides { max-width: 700px; width: 100%} .topbar-slides__item { font-weight: 500; color: var(--em-color__dark); white-space: nowrap} .topbar-slides__item a { display: inline-block; line-height: 1; color: var(--em-color__primary); border-bottom: 1px solid} .topbar-slides__item a svg { margin-left: 5px; /*rtl:raw: margin-left: 0; margin-right: 5px; transform: rotateY(180deg); */ } .topbar-slides__item a:hover { opacity: 0.8} .topbar-menu { height: 100%} .topbar-menu .nav-menu { height: 100%; display: flex; align-items: center; gap: 18px; text-align: left} .topbar-menu .nav-menu > li { padding: 0; height: 100%; display: flex; align-items: center; position: relative} .topbar-menu .nav-menu > li > a { font-weight: 500; color: var(--em-color__dark)} .topbar-menu .nav-menu > li > a:hover { opacity: 0.8} .topbar-menu .nav-menu > li > a .ecomus-svg-icon, .topbar-menu .nav-menu > li > a .menu-item-icon { font-size: 10px; font-size: 0.625rem; margin: 2px 8px 0 0} .topbar-menu .nav-menu > li > a .menu-icon-item-position--right { margin: 2px 0 0 8px} .header-support-center { gap: 18px} .header-support-center__icon { font-size: 28px; font-size: 1.75rem} .header-support-center__phone { line-height: 1} .header-support-center__phone a { font-size: 28px; font-size: 1.75rem; color: var(--em-color__primary)} .header-category-menu:hover .header-category__content { opacity: 1; visibility: visible; transform: none} .header-category__title-button { --em-button-font-size: 16px; --em-button-padding-top: 11px; --em-button-padding-bottom: 11px; --em-button-padding-left: 14px; --em-button-padding-right: 14px; --em-button-rounded: var(--em-rounded-sm); --em-button-bg-color: var(--em-color__primary); --em-button-bg-color-hover: var(--em-color__primary); --em-button-border-color: var(--em-color__primary); --em-button-border-color-hover: var(--em-color__primary); min-width: 226px} .header-category__title-button:after { display: none} .header-category__title-button .ecomus-svg-icon { font-size: 14px; font-size: 0.875rem} .header-category__content { width: 320px; top: 100%; transform: translateY(15px); margin-top: 10px; background-color: var(--em-color__light); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); border: solid 1px var(--em-border-color); border-radius: var(--em-rounded-md); min-width: 367px; opacity: 0; visibility: hidden; z-index: 10; transition: .4s ease .1s} .header-category__content:before { content: ""; height: 20px; position: absolute; top: -15px; left: 0; right: 0} .header-category__menu ul.menu { padding: 24px 0 0; margin-bottom: 10px} .header-category__menu ul.menu > li { position: relative; padding: 0 20px} .header-category__menu ul.menu > li.menu-item-has-icon > a:after { left: 55px; width: calc( 100% - 55px)} .header-category__menu ul.menu > li:last-child > a:after { display: none} .header-category__menu ul.menu > li > a { min-height: 50px; padding: 7px 0 8px} .header-category__menu ul.menu > li > a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: var(--em-border-color)} .header-category__menu ul.menu > li > a .ecomus-svg-icon, .header-category__menu ul.menu > li > a .menu-item-icon { font-size: 10px; font-size: 0.625rem} .header-category__menu ul.menu > li > a > .menu-item-icon:not(.menu-icon-item-position--right) { --em-image-rounded: 100%; font-size: 20px; font-size: 1.25rem; width: 34px; height: 34px; line-height: 37px; text-align: center; margin-right: 18px; position: relative} .header-category__menu ul.menu > li > a > .menu-item-icon:not(.menu-icon-item-position--right):after { content: ''; position: absolute; top: -3px; bottom: -3px; left: -3px; right: -3px; width: calc(100% + 6px); height: calc(100% + 6px); border: 1px solid var(--em-border-color); margin: auto; pointer-events: none; border-radius: var(--em-image-rounded); z-index: 1} .header-category__menu ul.menu > li > a > .menu-item-icon.menu-icon-item-position--right { margin-left: 5px} .header-category__menu ul.menu li { position: static} .header-category__menu ul.menu li.menu-item-has-children:not(.menu-item-mega) > ul.sub-menu:not(.sub-mega-menu) { width: 100%; max-width: 267px; min-height: 100%; background-color: var(--em-color__light); box-shadow: 0 4px 8px var(--em-border-color); border: solid 1px var(--em-border-color); border-radius: var(--em-rounded-md); padding: 19px 0; position: absolute; top: 0; left: 100%; transform: translateX(10px); opacity: 0; visibility: hidden; z-index: 999; transition: .2s} .header-category__menu ul.menu li.menu-item-has-children:not(.menu-item-mega) > ul.sub-menu:not(.sub-mega-menu):before { content: ''; position: absolute; left: calc( ( var(--em-rounded-md)/2 * -1 ) - 1px); top: -1px; width: var(--em-rounded-md); height: calc(100% + 2px); background-color: var(--em-color__light); border-top: 1px solid var(--em-border-color); border-bottom: 1px solid var(--em-border-color)} .header-category__menu ul.menu li.menu-item-has-children:not(.menu-item-mega) > ul.sub-menu:not(.sub-mega-menu) ul { min-height: 100%; top: 0} .header-category__menu ul.menu li.menu-item-has-children:not(.menu-item-mega):hover > ul.sub-menu:not(.sub-mega-menu) { opacity: 1; visibility: visible; transform: translateX(0)} .header-category__menu ul.menu li a { font-weight: 500; display: flex; align-items: center} .header-category__menu ul.menu .menu-item-has-children > a { padding-right: 17px; position: relative} .header-category__menu ul.menu .menu-item-has-children > a:before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(-90deg); width: 10px; height: 6px; background-color: currentcolor; border: 0 !important; -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tMi40MDQxM2UtMDcgMC45NzY1NjNMNS41IDYuNDc2NTZMMTEgMC45NzY1NjJMMTAuMDIzNyAwLjAwMDMxMjg0OEw1LjUgNC41MjQwNkwwLjk3NjI0OSAwLjAwMDMxMzI0M0wtMi40MDQxM2UtMDcgMC45NzY1NjNaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+) no-repeat 50% 50%; mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tMi40MDQxM2UtMDcgMC45NzY1NjNMNS41IDYuNDc2NTZMMTEgMC45NzY1NjJMMTAuMDIzNyAwLjAwMDMxMjg0OEw1LjUgNC41MjQwNkwwLjk3NjI0OSAwLjAwMDMxMzI0M0wtMi40MDQxM2UtMDcgMC45NzY1NjNaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; transition: 0.4s} .header-category__menu ul.menu .menu-item-mega:hover > ul { left: 100%; opacity: 1; visibility: visible; transform: scaleX(1)} .header-category__menu ul.menu .sub-menu.mega-menu { min-height: calc(100% + 1px); background-color: var(--em-color__light); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); border: solid 1px var(--em-border-color); border-radius: var(--em-rounded-md); position: absolute; top: -1px; left: calc(100% + 10px); transform: scaleX(0); opacity: 0; visibility: hidden; z-index: 999; transition: left 0.2s} .header-category__menu ul.menu .sub-menu.mega-menu:before { content: ''; position: absolute; left: calc( ( var(--em-rounded-md)/2 * -1 ) - 1px); top: -1px; width: var(--em-rounded-md); height: calc(100% + 2px); background-color: var(--em-color__light); border-top: 1px solid var(--em-border-color); border-bottom: 1px solid var(--em-border-color)} .header-category__view-all { background-color: rgba(84, 84, 84, 0.05); padding: 15px 17px} .header-category__view-all a { font-weight: 500; position: relative} .header-category__view-all a:after { content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 1px; background-color: var(--em-link-color); transition: 0.4s} .header-category__view-all a:hover:after { background-color: var(--em-link-color-hover)} .header-category__view-all .ecomus-svg-icon { font-size: 8px; font-size: 0.5rem; margin-left: 6px; /*rtl:raw: transform: rotateY(180deg); */ } .site-header__mobile { display: none} .site-header__mobile .header-right-items > * { padding-left: 5px} .site-header__mobile .header-items .em-button-icon { --em-button-width: 30px; padding: 0 5px} .site-header__mobile .secondary-navigation { overflow-x: auto; white-space: nowrap} .site-header__mobile.headroom--pinned.headroom--not-top .header-mobile-sticky:last-child { box-shadow: none} .header-mobile-contents .header-items { max-width: 100%} .header-mobile-contents .header-left-items > *:first-child { padding-left: 0} .header-mobile-contents .header-right-items { margin: 0 -5px} .header-mobile-contents .header-center-items { flex: auto} .header-mobile-contents .header-logo { flex: 1 0 100%; line-height: 1} .header-mobile-contents .header-logo img { margin: 0 auto} .header-mobile-main { --em-header-mobile-main-border-color: transparent; --em-header-mobile-main-shadow-color: transparent; height: 64px; box-shadow: 0 1px 3px var(--em-header-mobile-main-shadow-color)} .header-mobile-main .header-items { border-bottom: 1px solid var(--em-header-mobile-main-border-color)} .header-mobile-main .header-left-items > * { padding-right: 15px} .header-mobile-main .header-left-items > *:last-child { padding-right: 0} .header-mobile-bottom { --em-header-mobile-bottom-border-color: transparent; --em-header-mobile-bottom-shadow-color: transparent; height: 60px; box-shadow: 0 1px 3px var(--em-header-mobile-bottom-shadow-color)} .header-mobile-bottom .header-items { border-bottom: 1px solid var(--em-header-mobile-bottom-border-color)} .header-mobile-bottom .secondary-navigation .nav-menu > li:after { display: none} .header-transparent .topbar { position: relative; z-index: 100} .header-transparent .site-header__section { position: absolute; left: 0; right: 0; z-index: 99; padding-top: 0; padding-bottom: 0} .header-transparent.header-transparent-text-light .site-header { --em-header-color: var( --em-color__light )} .header-transparent.header-transparent-text-light .site-header .em-color-dark { color: var(--em-header-color)} .header-transparent.header-transparent-text-light .secondary-navigation .nav-menu > li.current-menu-item > a { background-color: transparent} .header-transparent.header-transparent-text-light .header-logo .logo-light { display: block} .header-transparent.header-transparent-text-light .header-logo .logo-light + .logo-dark { display: none} .header-transparent.header-transparent-text-light .header-contents, .header-transparent.header-transparent-text-light .header-mobile-contents { background-color: transparent; --em-header-color: var( --em-color__light ); --em-color__dark: var( --em-color__light )} .header-transparent.header-transparent-text-light .site-header__section.minimized, .header-transparent.header-transparent-text-light .site-header__section.headroom--not-top { --em-header-color: #000000} .header-transparent.header-transparent-text-light .site-header__section.minimized .header-logo .logo-light, .header-transparent.header-transparent-text-light .site-header__section.headroom--not-top .header-logo .logo-light { display: none} .header-transparent.header-transparent-text-light .site-header__section.minimized .header-logo .logo-dark, .header-transparent.header-transparent-text-light .site-header__section.headroom--not-top .header-logo .logo-dark { display: block} .header-transparent.header-transparent-text-light .site-header__section.minimized .header-contents, .header-transparent.header-transparent-text-light .site-header__section.minimized .header-mobile-contents, .header-transparent.header-transparent-text-light .site-header__section.headroom--not-top .header-contents, .header-transparent.header-transparent-text-light .site-header__section.headroom--not-top .header-mobile-contents { --em-color__dark: #000000} .header-transparent.header-transparent-text-light .header-search__field::placeholder { --em-input-color: var( --em-color__light )} .header-transparent.header-transparent-text-dark .em-color-light { color: var(--em-header-color)} .header-transparent.header-transparent-text-dark .header-contents, .header-transparent.header-transparent-text-dark .header-mobile-contents { background-color: transparent; --em-header-color: #000} .header-transparent .site-header__section.minimized .header-sticky, .header-transparent .site-header__section.minimized .header-mobile-sticky, .header-transparent .site-header__section.headroom--not-top .header-sticky, .header-transparent .site-header__section.headroom--not-top .header-mobile-sticky { position: fixed; background-color: var(--em-header-sticky-bg-color); --em-header-color: var( --em-header-sticky-color )} .site-header__section { --em-header-sticky-color: #000000; --em-header-sticky-bg-color: #ffffff} .site-header__section.minimized .header-sticky, .site-header__section.minimized .header-mobile-sticky, .site-header__section.headroom--not-top .header-sticky, .site-header__section.headroom--not-top .header-mobile-sticky { --em-header-main-shadow-color: rgba( 33, 37, 41, 0.1); --em-header-bottom-shadow-color: rgba( 33, 37, 41, 0.1); --em-header-mobile-main-shadow-color: rgba( 33, 37, 41, 0.1); --em-header-mobile-bottom-shadow-color: rgba( 33, 37, 41, 0.1); position: fixed; right: 0; left: 0; top: 0; z-index: 899; max-width: 100%; margin: 0 auto; background-color: var(--em-header-sticky-bg-color); box-shadow: none} .site-header__section.minimized .header-sticky:last-child.header-main, .site-header__section.minimized .header-mobile-sticky:last-child.header-main, .site-header__section.headroom--not-top .header-sticky:last-child.header-main, .site-header__section.headroom--not-top .header-mobile-sticky:last-child.header-main { box-shadow: 0 1px 3px var(--em-header-main-shadow-color)} .site-header__section.minimized .header-sticky:last-child.header-bottom, .site-header__section.minimized .header-mobile-sticky:last-child.header-bottom, .site-header__section.headroom--not-top .header-sticky:last-child.header-bottom, .site-header__section.headroom--not-top .header-mobile-sticky:last-child.header-bottom { box-shadow: 0 1px 3px var(--em-header-bottom-shadow-color)} .site-header__section.minimized .header-sticky.header-mobile-main, .site-header__section.minimized .header-mobile-sticky.header-mobile-main, .site-header__section.headroom--not-top .header-sticky.header-mobile-main, .site-header__section.headroom--not-top .header-mobile-sticky.header-mobile-main { box-shadow: 0 1px 3px var(--em-header-mobile-main-shadow-color)} .site-header__section.minimized .header-sticky.header-mobile-bottom, .site-header__section.minimized .header-mobile-sticky.header-mobile-bottom, .site-header__section.headroom--not-top .header-sticky.header-mobile-bottom, .site-header__section.headroom--not-top .header-mobile-sticky.header-mobile-bottom { box-shadow: 0 1px 3px var(--em-header-mobile-bottom-shadow-color)} .site-header__section.minimized .header-sticky:not(.header-main), .site-header__section.minimized .header-mobile-sticky, .site-header__section.headroom--not-top .header-sticky:not(.header-main), .site-header__section.headroom--not-top .header-mobile-sticky { border-bottom: none} .site-header__section.minimized .header-sticky, .site-header__section.minimized .header-mobile-sticky { animation-name: fadeInDown; animation-duration: .25s} .site-header__section.minimized .header-sticky.header-main, .site-header__section.minimized .header-mobile-sticky.header-main { z-index: 900} .site-header__section.headroom--not-top .header-sticky, .site-header__section.headroom--not-top .header-mobile-sticky { width: 100%; animation: none} .site-header__section.headroom--not-top.headroom--pinned .header-sticky, .site-header__section.headroom--not-top.headroom--pinned .header-mobile-sticky { opacity: 1; transform: none; pointer-events: auto} .site-header__section.headroom--not-top.headroom--pinned .header-sticky.header-main, .site-header__section.headroom--not-top.headroom--pinned .header-mobile-sticky.header-main { z-index: 900} .site-header__section.headroom--not-top.headroom--unpinned .header-sticky, .site-header__section.headroom--not-top.headroom--unpinned .header-mobile-sticky { opacity: 0; transform: translateY(-100%); pointer-events: none} .site-header__section.headroom--not-top.headroom .header-sticky, .site-header__section.headroom--not-top.headroom .header-mobile-sticky { transition: transform .25s ease-in-out, opacity .25s ease-in-out} .site-header__section.header-sticky--both.minimized, .site-header__section.header-sticky--both.headroom--not-top { position: fixed; right: 0; left: 0; top: 0; z-index: 899} .site-header__section.header-sticky--both.minimized .header-sticky, .site-header__section.header-sticky--both.minimized .header-mobile-sticky, .site-header__section.header-sticky--both.headroom--not-top .header-sticky, .site-header__section.header-sticky--both.headroom--not-top .header-mobile-sticky { position: static; transition: none; transition: none; animation: none} .site-header__section.header-sticky--both.minimized { animation-name: fadeInDown; animation-duration: .25s} .site-header__section.header-sticky--both.headroom--not-top { width: 100%; animation: none} .site-header__section.header-sticky--both.headroom--not-top.headroom--pinned { opacity: 1; transform: translateY(0); pointer-events: auto} .site-header__section.header-sticky--both.headroom--not-top.headroom--unpinned { opacity: 0; transform: translateY(-100%); pointer-events: none} .site-header__section.header-sticky--both.headroom--not-top.headroom { transition: transform .25s ease-in-out, opacity .25s ease-in-out} .header-v6.minimized .header-main, .header-v6.headroom--not-top .header-main { height: 80px} .header-v6.minimized .header-bottom, .header-v6.headroom--not-top .header-bottom { height: 70px} .admin-bar .site-header__desktop.minimized .header-sticky, .admin-bar .site-header__desktop.headroom--not-top .header-sticky { top: 32px} .admin-bar .site-header__desktop.minimized.header-sticky--both, .admin-bar .site-header__desktop.headroom--not-top.header-sticky--both { top: 32px} /* Footer --------------------------------------------- */ .footer-main-container { display: flex; align-items: center; gap: 20px; padding-top: var(--em-footer-main-top-spacing); padding-bottom: var(--em-footer-main-bottom-spacing)} .footer-main.has-divider .footer-main-container { border-top: 1px solid var(--em-footer-main-border-color)} .footer-items { display: flex; align-items: center; gap: 20px} .footer-left { flex: 1; justify-content: flex-start; text-align: left} .footer-right { flex: 1; justify-content: flex-end; text-align: right} .footer-payments ul { display: flex; gap: 10px} .footer-widgets { --em-footer-widget-top-spacing: 58px; --em-footer-widget-bottom-spacing: 58px; --em-footer-widget-border-color: #EBEBEB} .footer-widgets-container { padding-top: var(--em-footer-widget-top-spacing); padding-bottom: var(--em-footer-widget-bottom-spacing)} .footer-widgets.has-divider .footer-widgets-container { border-top: 1px solid var(--em-footer-widget-border-color)} .footer-widgets-area .widget .list-unstyled { line-height: 24px} .footer-widgets-area .widget:last-child { margin-bottom: 0} .footer-widgets-area .widget figure { margin-top: 0} .footer-widgets-area .wp-block-heading { margin-top: 0; margin-bottom: -5px; font-weight: 500} .footer-widgets-area h6.wp-block-heading { font-size: 18px; font-size: 1.125rem} .footer-widgets-area .widget-title { font-size: 18px; font-size: 1.125rem; font-weight: 500; margin: 0 0 35px} .footer-widgets-area .widget_nav_menu a { font-weight: 400} .footer-widgets-area .widget_nav_menu a:hover { color: var(--em-color__primary)} .footer-widgets-area .widget_nav_menu ul.menu > li > .sub-menu { padding-left: 10px} .footer-widgets-area .widget_nav_menu ul.menu ul { padding-left: 0} .footer-widgets-area .widget_mc4wp_form_widget { --em-input-padding-y: 1.1rem} .footer-widgets-area .widget_mc4wp_form_widget .widgettitle, .footer-widgets-area .widget_mc4wp_form_widget .widget-title { display: none} .footer-widgets-area .widget_mc4wp_form_widget .mc4wp-form-fields { position: relative} .footer-widgets-area .widget_mc4wp_form_widget input[type="email"] { width: 100%} .footer-widgets-area .widget_mc4wp_form_widget button, .footer-widgets-area .widget_mc4wp_form_widget input[type="submit"] { --em-button-padding-top: 10px; --em-button-padding-bottom: 10px; --em-button-padding-right: 18px; --em-button-padding-left: 18px; position: absolute; top: 50%; transform: translateY(-50%); right: 8px} .footer-widgets-area .widget_mc4wp_form_widget p { margin-top: 0} .footer-widgets-area .ecomus-cl-widget-list { gap: 30px} .footer-widgets-area :where(.wp-block-columns) { margin-bottom: 0} .footer-widgets-area :where(.wp-block-columns.is-layout-flex) { gap: 0} .footer-widgets-area-1 .widget_media_image + .widget_block { margin-bottom: 14px} .footer-widgets-area-1 .ecomus-widget__social-links { margin-top: -7px} .ecomus-widget__social-links .social-links { display: flex; align-items: center; flex-wrap: wrap; gap: 12px} .ecomus-widget__social-links .social-links a.social { display: flex; align-items: center; justify-content: center} .ecomus-widget__social-links .social-links a.social .ecomus-svg-icon { font-size: 14px; font-size: 0.875rem} .ecomus-widget__social-links .social-links a.social .ecomus-svg-icon { margin: 0} .ecomus-widget__social-links .social-links .em-button-outline { border-radius: 50%; width: 34px; height: 34px; border: 1px solid var(--em-border-color)} .ecomus-widget__social-links .social-links .em-button-outline:hover { color: var(--em-social-color, #DB1215); border-color: var(--em-social-color)} .ecomus-widget__social-links .social-links .em-button-text { font-size: 16px; font-size: 1rem} .ecomus-widget__social-links .social-links .em-button-text:hover { color: var(--em-social-color, #DB1215)} .ecomus-widget__social-links .social-links .em-button-solid { border-radius: 50%; width: 34px; height: 34px; color: var(--em-color__dark); background-color: var(--em-border-color)} .ecomus-widget__social-links .social-links .em-button-solid:hover { color: var(--em-color__light); background-color: var(--em-social-color, #000)} .ecomus-widget__social-links .social-links .em-button-solid:hover.em-socials--instagram, .ecomus-widget__social-links .social-links .em-button-solid:hover.em-socials--threads, .ecomus-widget__social-links .social-links .em-button-solid:hover.em-socials--tiktok { background-image: var(--em-social-color)} .footer-widgets-area-diff .diff-row { display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: -15px; margin-right: -15px} .footer-widgets-area-diff .diff-row > * { padding: 0 15px} .site-footer-dark { --em-heading-color: var( --em-color__light ); --em-color__base: #A1A1A1; --em-color__dark: #A1A1A1; --em-link-color: #A1A1A1; --em-input-bg-color: #2C2C2C; --em-input-border-color: #2C2C2C; --em-input-color: var( --em-color__light ); background-color: #000; color: #A1A1A1} .site-footer-dark .footer-widgets.has-divider .footer-widgets-container { --em-footer-widget-border-color: var( --em-color__dark )} .site-footer-dark .footer-main.has-divider { --em-footer-main-border-color: #303030} .site-footer-dark .ecomus-widget__social-links .social-links a.social { --em-color__dark: #A1A1A1} .site-footer-dark a { color: inherit} .site-footer-gray { background-color: #F6F6F6} .site-footer-gray .footer-widgets.has-divider { --em-footer-widget-border-color: transparent} .site-footer-custom { background-size: cover} .site-footer-custom .footer-widgets.has-divider { --em-footer-widget-border-color: transparent} .em-button-go-top { --cricle-degrees: 0deg; right: 40px; bottom: 55px; pointer-events: none; opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s ease, margin-right 0s, border-color .25s ease-in,color .25s ease-in, bottom .3s ease .1s; border: none} .em-button-go-top.em-button { --em-button-font-size: 12px; --em-button-width: 40px; --em-button-height: 40px; --em-button-color: #000; --em-button-color-hover: #000; --em-button-bg-color: #fff; --em-button-bg-color-hover: #fff; --em-button-eff-bg-color-hover: #fff} .em-button-go-top .ecomus-svg-icon { position: relative; z-index: 3} .em-button-go-top::before { display: inline-block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: var(--em-button-rounded); background: conic-gradient(#000 var(--cricle-degrees), #eee var(--cricle-degrees)); z-index: 1} .em-button-go-top::after { display: inline-block; content: ''; position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; border-radius: var(--em-button-rounded); background-color: var(--em-color__light); z-index: 2; transform: none; width: auto} .em-button-go-top:hover::after { animation: none; border: none} .em-button-go-top.show-scroll { pointer-events: auto; opacity: 1; visibility: visible; z-index: 99} /* Posts and pages --------------------------------------------- */ .navigation { width: 100%} .navigation .nav-links > span, .navigation .nav-links a { font-size: var(--em-button-font-size); background-color: var(--em-button-bg-color); color: var(--em-button-color); border: 1px solid var(--em-button-border-color); padding: var(--em-button-padding-top) var(--em-button-padding-right) var(--em-button-padding-bottom) var(--em-button-padding-left); line-height: var(--em-button-line-height); border-radius: var(--em-button-rounded); font-weight: var(--em-button-font-weight); gap: var(--em-button-icon-spacing); display: inline-flex; align-items: center; justify-content: center; transition: 0.4s; cursor: pointer; vertical-align: middle; transition: 0.25s; padding: 0; width: 45px; height: 45px; margin: 0 3.5px} .navigation .nav-links > span:hover, .navigation .nav-links > span:active, .navigation .nav-links a:hover, .navigation .nav-links a:active { color: var(--em-button-color-hover); background-color: var(--em-button-bg-color-hover); border-color: var(--em-button-border-color-hover)} .navigation .nav-links > span:hover:after, .navigation .nav-links a:hover:after { animation: shine 0.75s cubic-bezier(0.01, 0.56, 1, 1)} .navigation .nav-links > span.disabled, .navigation .nav-links a.disabled { opacity: 0.3; pointer-events: none; cursor: not-allowed} .navigation .nav-links > span .ecomus-svg-icon, .navigation .nav-links a .ecomus-svg-icon { font-size: var(--em-button-icon-size); /*rtl:raw: transform: rotateY(180deg); */ } .navigation .nav-links > span.pswp__button::after, .navigation .nav-links a.pswp__button::after { display: none} .navigation .nav-links > span.loading, .navigation .nav-links a.loading { --em-loading-color: var(--em-button-color); --em-animation-state: running; position: relative; color: transparent} .navigation .nav-links > span.loading::before, .navigation .nav-links a.loading::before { display: inline-block; content: ""; width: 18px; height: 18px; border-radius: 100%; border: solid 2px var(--em-loading-color); border-top-color: transparent; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; animation: spin 0.6s linear infinite var(--em-animation-state)} .navigation .nav-links > span.loading:hover, .navigation .nav-links > span.loading:active, .navigation .nav-links a.loading:hover, .navigation .nav-links a.loading:active { --em-loading-color: var(--em-button-color-hover)} .navigation .nav-links > span:first-child, .navigation .nav-links a:first-child { margin-left: 0} .navigation .nav-links > span:last-child, .navigation .nav-links a:last-child { margin-right: 0} .navigation .nav-links > span.current, .navigation .nav-links a.current { color: var(--em-color__light); background-color: #0A0A0A; border-color: #0A0A0A} .navigation .nav-links > span .ecomus-svg-icon, .navigation .nav-links a .ecomus-svg-icon { font-size: 10px; font-size: 0.625rem; padding-bottom: 0} .blog-grid .navigation { text-align: center} .ecomus-blog-page .navigation { margin-top: 50px} .ecomus-blog-page.blog-classic .navigation { margin-top: 2px} .page-header { --em-page-header-padding-top: 69px; --em-page-header-padding-bottom: 69px; position: relative; padding-top: var(--em-page-header-padding-top); padding-bottom: var(--em-page-header-padding-bottom); background-position: center center; background-repeat: no-repeat; background-size: cover} .page-header::before { content: ""; display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1} .page-header__title { position: relative; margin-top: 0; margin-bottom: 0} .page-header__title + .site-breadcrumb { margin-top: 15px} .site-breadcrumb { position: relative; display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px; line-height: 1} .site-breadcrumb a, .site-breadcrumb span { font-size: 14px; font-size: 0.875rem} .site-breadcrumb .ecomus-svg-icon { font-size: 8px; font-size: 0.5rem; /*rtl:raw: transform: rotateY(180deg); */ } .page-header__description { font-size: 16px; font-size: 1rem; margin-top: 13px; z-index: 1} .shop-header__description .shop-header__content { display: -webkit-box; -webkit-line-clamp: var(--em-shop-header-description-lines); -webkit-box-orient: vertical; overflow: hidden} .shop-header__description .shop-header__more { margin-top: 20px} .entry-title { margin-top: 0; margin-bottom: 15px} .entry-category { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 1.1875rem} .entry-category a { letter-spacing: 0.03125rem} .entry-meta { margin-bottom: 40px} .post-thumbnail, .post-thumbnail img, .elementor .elementor-element .post-thumbnail, .elementor .elementor-element .post-thumbnail img { border-radius: var(--em-image-rounded-post-card)} .entry-thumbnail { margin-top: 34px; overflow: hidden} .entry-single-thumbnail, .entry-single-thumbnail img { border-radius: var(--em-image-rounded-featured-post)} .entry-tags { display: flex; gap: 10px} .entry-tags a { text-transform: capitalize; font-size: 14px; color: #000; border: 1px solid; line-height: 1; border-radius: var(--em-button-rounded); font-weight: 400; display: inline-flex; align-items: center; justify-content: center; height: 31px; padding: 0 15px; transition: 0.35s} .entry-tags a:hover { color: var(--em-color__primary)} .em-post-grid .entry-header { position: relative; margin-bottom: 25px} .em-post-grid .entry-category { position: absolute; bottom: 18px; left: 18px; margin-bottom: 0} .em-post-grid .post-thumbnail { margin-bottom: 25px} .em-post-grid .entry-title { margin-top: 0} .em-post-list { display: flex} .em-post-list .post-thumbnail { flex: 1; margin-right: 69px; min-width: 421px} .em-post-list .entry-category { justify-content: flex-start} .em-post-list .entry-title { margin-bottom: 5px} .em-post-list .entry-excerpt { margin-bottom: 8px} .no-results .page-title { margin-top: 0} .single-post .site-content { padding-top: 2rem} .single-post .entry-footer { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; padding-bottom: 35px; padding-top: 20px; border-bottom: 1px solid var(--em-border-color)} .single-post .entry-footer:empty { border-bottom: none; padding-bottom: 0; padding-top: 0} .single-post .entry-footer .entry-tags, .single-post .entry-footer .entry-meta__share { width: 50%} .single-post .entry-footer .entry-tags { flex-wrap: wrap} .single-post .entry-footer .entry-tags + .entry-meta__share { justify-content: end} .single-post .entry-thumbnail { text-align: center; margin-bottom: 35px; max-height: 612px} .single-post.content-sidebar .entry-category, .single-post.sidebar-content .entry-category { justify-content: start} .single-post.content-sidebar .entry-title, .single-post.content-sidebar .entry-meta, .single-post.sidebar-content .entry-title, .single-post.sidebar-content .entry-meta { text-align: left} .entry-meta__share { font-weight: 600; line-height: 1; display: flex; align-items: center; cursor: pointer} .entry-meta__share .ecomus-svg-icon { font-size: 15px; font-size: 0.9375rem} .entry-meta__share .post__socials-share { display: flex; gap: 20px; padding-left: 20px} .entry-meta__share .post__socials-share a { white-space: nowrap; margin: 0; border-radius: 0; transition: 0.4s} .entry-meta__share .post__socials-share a:hover { color: var(--em-color__primary)} .entry-meta__share .social-share__label { display: none} .post-navigation { padding-top: 35px; padding-bottom: 35px; margin-bottom: 25px; margin-top: 0; border-bottom: 1px solid var(--em-border-color)} .post-navigation .em-button { --em-button-rounded: 50%} .post-navigation a { align-items: center; padding: 10px 0} .post-navigation a:hover { color: var(--em-color__dark)} .post-navigation a .nav-link { padding: 0 30px; flex-direction: column; width: calc(100% - 60px)} .post-navigation a .nav-label { font-size: 10px; font-size: 0.625rem; text-transform: uppercase; margin-bottom: 8px; transition: 0.4s} .post-navigation a .nav-label:hover { color: var(--em-link-color-hover)} .post-navigation a .nav-title { font-size: 20px; font-size: 1.25rem; transition: 0.4s} .post-navigation a .nav-title:hover { color: var(--em-link-color-hover)} .post-navigation a.nav-previous { position: relative} .post-navigation a.nav-previous:after { content: ""; position: absolute; top: 0; width: 1px; height: 100%; right: 0; background-color: var(--em-border-color)} /* Related Post */ .ecomus-posts-related__content:not(.swiper-initialized) .em-post-grid { margin-right: var(--em-swiper-slide-spacing)} .ecomus-posts-related__content:not(.swiper-initialized) .ecomus-posts-related__inner { margin-inline-end: calc(var(--em-swiper-slide-spacing) * -1)} .ecomus-posts-related__content:not(.swiper-initialized) .em-post-grid { width: 33.33%} .ecomus-posts-related__heading { margin: 75px 0 50px} .ecomus-posts-related .swiper-pagination-bullets.swiper-pagination-bullet--small .swiper-pagination-bullet { width: 20px; height: 20px; margin: 0 5px} .blog-grid .site-main .em-post-grid:not(:last-child) { margin-bottom: 40px} .blog-grid .site-content { padding-top: 35px; padding-bottom: 75px} .em-blog-sidebar .site-content { padding-top: 50px; padding-bottom: 75px} .em-blog-sidebar .site-main .em-post-grid { margin-bottom: 54px} .em-blog-sidebar .site-main .em-post-grid:nth-child(3n+1) { flex: 0 0 100%; max-width: 100%} .em-blog-sidebar .site-main .em-post-grid:nth-child(3n+1) .post-thumbnail { max-height: 625px} .em-blog-sidebar:not(.blog-classic) .site-main .em-post-grid:last-child { margin-bottom: 0} .blog-list .site-content { padding-top: 65px; padding-bottom: 75px} .blog-list .site-main .em-post-list:not(:last-child) { margin-bottom: 38px} .blog-list .site-main.em-row { flex-direction: column} .blog-list .site-main .em-button-category { --em-badge-color: #000000; --em-badge-color-hover: var(--em-color__primary); --em-badge-bg-color: transparent; --em-badge-bg-color-hover: transparent; --em-badge-border-color: #EBEBEB; --em-badge-border-color-hover: var(--em-color__primary); border: 1px solid var(--em-badge-border-color)} .blog-list .site-main .em-button-category:hover { border-color: var(--em-badge-border-color-hover)} .blog-list .site-main .em-button-category:after { display: none} .blog-sidebar .post-thumbnail, .blog-sidebar .post-thumbnail img { border-radius: var(--em-image-rounded-post-card-small)} .blog-sidebar .ecomus-instagram__item a, .blog-sidebar .ecomus-instagram__item img { display: block; border-radius: var(--em-image-rounded-post-card-small)} .error-404__title { margin-top: 74px; margin-bottom: 15px} .error-404__button { margin-top: 37px} /* Widgets --------------------------------------------- */ .widget { margin: 0 0 3em} .widget select { max-width: 100%} .widget .gallery { margin-bottom: 0} .wp-block-calendar:not(.wp-block) { border: 1px solid #dadfe3; max-width: 300px} .wp-block-calendar:not(.wp-block) .wp-block-calendar, .wp-block-calendar:not(.wp-block) .calendar_wrap { position: relative} .wp-block-calendar:not(.wp-block) .wp-calendar-table { margin-bottom: 5px; border: none} .wp-block-calendar:not(.wp-block) caption { margin-bottom: 15px; font-weight: 600; padding: 10px 20px; text-align: center; background-color: #fbfbfc} .wp-block-calendar:not(.wp-block) thead, .wp-block-calendar:not(.wp-block) tbody { border: none} .wp-block-calendar:not(.wp-block) thead th, .wp-block-calendar:not(.wp-block) thead td, .wp-block-calendar:not(.wp-block) tbody th, .wp-block-calendar:not(.wp-block) tbody td { background: transparent; border: 0; word-break: normal; padding: 0.5em; text-align: center; font-size: 16px; font-size: 1rem} .wp-block-calendar:not(.wp-block) thead th:first-child, .wp-block-calendar:not(.wp-block) thead td:first-child, .wp-block-calendar:not(.wp-block) tbody th:first-child, .wp-block-calendar:not(.wp-block) tbody td:first-child { padding-left: 1em} .wp-block-calendar:not(.wp-block) thead th:last-child, .wp-block-calendar:not(.wp-block) thead td:last-child, .wp-block-calendar:not(.wp-block) tbody th:last-child, .wp-block-calendar:not(.wp-block) tbody td:last-child { padding-right: 1em} .wp-block-calendar:not(.wp-block) thead th { color: #999} .wp-block-calendar:not(.wp-block) .wp-calendar-nav { padding: 10px 0} .wp-block-calendar:not(.wp-block) .wp-calendar-nav a { text-decoration: none} ul.wp-block-categories, .wp-block-categories__list, ul.wp-block-archives { padding: 0; margin: 0} ul.wp-block-categories li, .wp-block-categories__list li, ul.wp-block-archives li { list-style: none; padding: 5px 0; font-weight: 500; color: var(--em-color__dark); transition: 0.4s} ul.wp-block-categories li:hover, .wp-block-categories__list li:hover, ul.wp-block-archives li:hover { color: var(--em-color__primary)} ul.wp-block-categories li:hover a, .wp-block-categories__list li:hover a, ul.wp-block-archives li:hover a { color: var(--em-color__primary)} ul.wp-block-categories li:last-child, .wp-block-categories__list li:last-child, ul.wp-block-archives li:last-child { padding-bottom: 0} ul.wp-block-categories li:first-child, .wp-block-categories__list li:first-child, ul.wp-block-archives li:first-child { padding-top: 0} .wp-block-latest-posts, .wp-block-latest-comments, .wp-block-page-list, .widget_nav_menu ul.menu { margin: 0; padding: 0} .wp-block-latest-posts li, .wp-block-latest-comments li, .wp-block-page-list li, .widget_nav_menu ul.menu li { padding: 5px 0; font-weight: 500; list-style: none} .wp-block-latest-posts li:last-child, .wp-block-latest-comments li:last-child, .wp-block-page-list li:last-child, .widget_nav_menu ul.menu li:last-child { padding-bottom: 0} .wp-block-latest-posts li:first-child, .wp-block-latest-comments li:first-child, .wp-block-page-list li:first-child, .widget_nav_menu ul.menu li:first-child { padding-top: 0} .wp-block-latest-posts ul, .wp-block-latest-comments ul, .wp-block-page-list ul, .widget_nav_menu ul.menu ul { margin-top: 10px} ol.wp-block-latest-comments { padding-left: 0} .wp-block-latest-comments__comment { margin-bottom: 0} .wp-block-latest-comments__comment-excerpt p { margin: 5px 0 0} .wp-block-search { --em-input-padding-y: 0.75rem; --em-button-padding-right: 0.75rem; --em-button-padding-left: 0.75rem} .wp-block-group .wp-block-heading { margin: 0 0 25px} .wp-block-tag-cloud.is-style-outline a { padding: 5px 15px 4px} .wp-block-tag-cloud a { border-radius: var(--em-button-rounded)} .wp-block-tag-cloud.is-style-outline a:not(:hover) { border-color: var(--em-border-color)} .wp-block-tag-cloud:not(.is-style-outline) { margin: -8px 0; padding-top: 8px} .wp-block-tag-cloud:not(.is-style-outline) a { background-color: #000000; color: #fff; font-weight: 500; padding: 8px 13px 9px; border-radius: var(--em-rounded-xs); margin-bottom: 10px} p.wp-block-tag-cloud { margin: 0} .wp-block-social-links { margin: 0; padding: 0} .widget_archive ul, .widget_categories ul { margin: 0; padding: 0; list-style: none} .widget_archive li, .widget_categories li { display: flex; align-items: center; gap: 7px; font-weight: 500; padding: 5px 0; color: var(--em-color__dark); transition: 0.3s} .widget_archive li:first-child, .widget_categories li:first-child { padding-top: 0} .widget_archive li:last-child, .widget_categories li:last-child { padding-bottom: 0} .widget_archive li:hover, .widget_categories li:hover { color: var(--em-color__primary)} .widget_archive li:hover a, .widget_categories li:hover a { color: var(--em-color__primary)} .widget_tag_cloud .tagcloud { display: flex; flex-wrap: wrap; gap: 10px} .widget_tag_cloud .tagcloud a { font-size: 14px !important; color: var(--em-color__dark); background-color: transparent; border: 1px solid var(--em-border-color); padding: 6px 12px 4px; text-transform: capitalize; border-radius: var(--em-button-rounded)} .widget_tag_cloud .tagcloud a:hover { border-color: var(--em-color__primary); color: var(--em-color__primary)} .single-post .widget { margin-bottom: 3.5em} .ecomus-recent-posts-widget ul { margin: 0; padding: 0; list-style: none} .ecomus-recent-posts-widget li { padding: 10px 0; gap: 16px} .ecomus-recent-posts-widget li:first-child { padding-top: 0} .ecomus-recent-posts-widget li:last-child { padding-bottom: 0} .ecomus-recent-posts-widget .post-thumbnail { max-width: 92px} .ecomus-recent-posts-widget .post-summary { align-items: start} .ecomus-recent-posts-widget .em-button-category { margin-bottom: 10px} .ecomus-recent-posts-widget .post-title { font-weight: 500; line-height: 1.6} .ecomus-instagram-widget .ecomus-instagram__list { margin: 0 -3px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; position: relative; overflow: hidden} .ecomus-instagram-widget .ecomus-instagram__item { transition: 0.5s; width: 12.5%; margin: 0; padding: 0 3px 6px 3px} .ecomus-instagram-widget .ecomus-instagram__item:hover { opacity: 0.9} .ecomus-instagram-widget .columns-2 .ecomus-instagram__item { width: 50%} .ecomus-instagram-widget .columns-3 .ecomus-instagram__item { width: 33.33333%} .ecomus-instagram-widget .columns-4 .ecomus-instagram__item { width: 25%} .ecomus-icon-box-widget { display: flex; gap: 15px; flex-wrap: wrap} .ecomus-icon-box-widget__item { display: flex; align-items: center; color: #000000} .ecomus-icon-box-widget__item:hover { color: #000000} .ecomus-icon-box-widget__item.horizontal .ecomus-icon-box-widget__icon { font-size: 22px; font-size: 1.375rem; margin-right: 10px} .ecomus-icon-box-widget__item.vertical { padding: 30px 28px; flex-direction: column; border: 1px solid var(--em-border-color); border-radius: var(--em-rounded-xs); width: calc(50% - 7.5px)} .ecomus-icon-box-widget__item.vertical .ecomus-icon-box-widget__icon { font-size: 30px; font-size: 1.875rem; margin-bottom: 16px} .ecomus-icon-box-widget__item.vertical .ecomus-icon-box-widget__text { text-align: center} .ecomus-icon-box-widget__title { font-size: 16px; font-size: 1rem; font-weight: 600; line-height: 1.3} .ecomus-icon-box-widget__desc { margin-top: 3px} .ecomus-currency-language { --em-image-rounded: 0; position: relative} .ecomus-currency-language .current { display: inline-block; cursor: pointer; padding: 15px 0; position: relative; white-space: nowrap; z-index: 10} .ecomus-currency-language .current .ecomus-svg-icon { font-size: 10px; font-size: 0.625rem; position: relative; top: -1px; margin-left: 5px; z-index: -1} .ecomus-currency-language .current:before { content: ''; position: absolute; left: 50%; bottom: -8px; background-color: var(--em-color__light); width: 16px; height: 16px; transform: translateX(-50%) rotate(45deg); opacity: 0; visibility: hidden; z-index: 1} .ecomus-currency-language .current.active:before { opacity: 1; visibility: visible} .ecomus-currency-language .current img { --em-image-rounded: 0px; max-width: 16px; margin-right: 5px; margin-bottom: 2px} .ecomus-currency-language .ecomus-language__menu-item.active a { color: var(--em-color__primary)} .ecomus-currency-language .currency-dropdown { padding: 0; position: absolute; top: 100%; left: 50%; right: auto; transform: translateX(-50%); min-width: 250px; overflow-y: visible; box-shadow: 0 0 18px rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; z-index: 9} .ecomus-currency-language .currency-dropdown.active { opacity: 1; visibility: visible} .ecomus-currency-language .preferences-menu__item-child { margin: 0; padding: 15px 20px; list-style-type: none; background-color: var(--em-color__light); text-align: left; line-height: 1.8} .ecomus-currency-language .woocs_flag_view_item { display: flex; align-items: center; gap: 5px; width: 100%; height: auto; margin: 0; padding: 2px 0} .ecomus-currency-language .woocs_flag_view_item img { max-width: 16px; margin-right: 5px} .ecomus-currency-language .woocs_flag_view_item_current { opacity: 1; color: var(--em-color__primary)} .ecomus-currency-language .woocs_flag { max-width: 16px} .ecomus-currency-language.ecomus-currency .current { padding-left: 25px} .ecomus-currency-language.ecomus-currency .current img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; pointer-events: none} .ecomus-language .currency-dropdown, .ecomus-widget__languages .currency-dropdown { width: max-content; min-width: 100px} /* Comments --------------------------------------------- */ .comments-area { margin-top: 80px; position: relative} .comments-area .comments-content { max-width: 750px; margin: 0 auto} .ecomus-posts-related + .comments-area { margin-top: 50px; padding-top: 50px} .ecomus-posts-related + .comments-area:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background-color: var(--em-border-color)} .comments-title { font-size: 28px; font-size: 1.75rem; font-weight: 500; margin: 30px 0; text-align: center} .comment-list { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--em-border-color)} .comment-list .children { list-style: none; margin-left: 30px} .comment-list .comment-meta { position: relative} .comment-list .comment-meta ~ .comment-content { margin-left: 65px} .comment-list .comment-meta .comment-author { margin-left: 65px} .comment-list .avatar { border-radius: 50%; position: absolute; left: 0} .comment-list > li:first-child .comment-body { border-top: none} .comment-list .comment-body { padding: 25px 0 18px; border-top: 1px solid var(--em-border-color)} .comment-list .comment-metadata { margin-bottom: 9px; margin-left: 65px} .comment-list .comment-metadata > a { color: var(--em-color__base)} .comment-list .comment-metadata .fn { line-height: 1; padding-top: 3px; font-weight: 500} .comment-list .comment-metadata .date { font-size: 12px; font-size: 0.75rem} .comment-list .reply { padding-top: 7px; font-size: 12px; font-size: 0.75rem; font-weight: 500; margin-left: 65px} .comment-list .reply a { color: inherit} .comment-list .reply a:hover { color: var(--em-color__primary)} .comment-list .reply a:first-child { padding-right: 10px} .comment-list .comment-respond .comment-reply-title { display: flex; justify-content: space-between} .comment-list p { margin: 0} .comment-respond { margin-top: 27px} .comment-respond .comment-reply-title { font-size: 20px; font-size: 1.25rem; font-weight: 500; margin: 0 0 9px; text-transform: capitalize; color: var(--em-color__dark); line-height: 1} .comment-respond .comment-reply-title a { padding-bottom: 3px; border-bottom: 1px solid; display: inline-block} .comment-respond .comment-form { margin-left: -15px; margin-right: -15px} .comment-respond .comment-form .comment-notes a, .comment-respond .comment-form .comment-notes .required, .comment-respond .comment-form .logged-in-as a, .comment-respond .comment-form .logged-in-as .required { color: inherit} .comment-respond .comment-form p { padding-left: 15px; padding-right: 15px; margin: 0 0 18px; font-size: 14px; font-size: 0.875rem} .comment-respond .comment-form p span { margin-bottom: 7px; display: inline-flex; font-weight: 500} .comment-respond .comment-form .comment-notes span { font-weight: normal} .comment-respond .comment-form .comment-form-comment { margin-bottom: 13px} .comment-respond .comment-form .comment-form-comment textarea { height: 120px} .comment-respond .comment-form-author, .comment-respond .comment-form-email { width: 50%; float: left} .comment-respond .comment-form-author input, .comment-respond .comment-form-email input { width: 100%} .comment-respond .comment-form-url label { padding-bottom: 5px; display: inline-block} .comment-respond .comment-form-url input { width: 100%} .comment-respond .submit { width: 100%} .comment-respond .comment-form-cookies-consent label { cursor: pointer} .bypostauthor { display: initial} /* Media --------------------------------------------- */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0} /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block} /* Captions --------------------------------------------- */ .wp-caption { margin-bottom: 1.5em; max-width: 100%} .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto} .wp-caption-text { margin: 0.8075em 0; font-size: 14px; font-size: 0.875rem} .wp-caption-text { text-align: center} /* Galleries --------------------------------------------- */ .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 5px} .gallery-item { display: inline-block; text-align: center; width: 100%; margin: 0} .gallery-item a { display: flex; width: 100%; position: relative} .gallery-item a:before { content: ''; width: 0; height: 0; display: block; padding-bottom: var(--em-ratio-percent)} .gallery-item a img { display: block; max-width: 100%; position: absolute; margin: 0; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; border-radius: var(--em-image-rounded-product-card-small)} .gallery-columns-2 { grid-template-columns: repeat(2, 1fr)} .gallery-columns-3 { grid-template-columns: repeat(3, 1fr)} .gallery-columns-4 { grid-template-columns: repeat(4, 1fr)} .gallery-columns-5 { grid-template-columns: repeat(5, 1fr)} .gallery-columns-6 { grid-template-columns: repeat(6, 1fr)} .gallery-columns-7 { grid-template-columns: repeat(7, 1fr)} .gallery-columns-8 { grid-template-columns: repeat(8, 1fr)} .gallery-columns-9 { grid-template-columns: repeat(9, 1fr)} .gallery-caption { display: block} /* Panels --------------------------------------------- */ body .blockUI.blockOverlay { position: relative; background-color: rgba(255, 255, 255, 0.6) !important; background-image: none !important} .offscreen-panel { --em-panel-content-width: 410px; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1100; display: none} .offscreen-panel.modal-above-panel { z-index: 1050} .offscreen-panel.modal-above-panel__quickadd { z-index: 999} .offscreen-panel--side-left .panel__container { left: 0; right: auto; transform: translateX(-100%)} .offscreen-panel--side-left .panel__button-close { left: 20px; right: auto} .offscreen-panel--side-left .panel__header { text-align: right} .offscreen-panel--open .panel__container { transform: none} .offscreen-panel--open .panel__backdrop { cursor: var(--em-cursor-close-icon) 25 25, auto} .panel__backdrop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2)} .panel__button-close { position: absolute; right: 20px; top: 22px; cursor: pointer; font-size: 14px; font-size: 0.875rem; color: var(--em-color__dark); z-index: 1; transition: color .2s} .panel__button-close:hover { color: #db1215} .panel__container { position: absolute; right: 0; top: 0; height: 100%; max-width: var(--em-panel-content-width); width: 100%; margin: 0; background-color: #fff; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16); transform: translateX(100%); transition: transform 0.3s; display: flex; flex-direction: column} .panel__header { padding: 18px 30px; margin: 0; font-size: 18px; font-size: 1.125rem; color: #000000; font-weight: 500; position: relative} .panel__header:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; background-color: var(--em-border-color); display: block} .admin-bar .offscreen-panel { top: 32px} .admin-bar .offscreen-panel .panel__container { height: calc( 100% - 32px)} .mobile-menu__divider { background-color: var(--em-border-color); margin: 15px auto; width: calc( 100% - 64px)} @media (max-width: 780px) { .admin-bar .offscreen-panel { top: 0} .admin-bar .offscreen-panel .panel__container { height: 100%} } @media (max-width: 767px) { .panel__container { --em-panel-content-width: 90%} } .mobile-sidebar-panel__button { top: 30%; right: 0; z-index: 100; background-color: #ffffff; box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.1); padding: 13px 11.5px; cursor: pointer} .mobile-sidebar-panel__button .ecomus-svg-icon { color: var(--em-color__dark); font-size: 17px; font-size: 1.0625rem} .mobile-sidebar-panel__button .button-text { padding: 0; width: 100%; max-width: 0; overflow: hidden; white-space: nowrap; color: #000000; transition: padding 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.15), max-width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15)} .mobile-sidebar-panel__button:hover .button-text { padding-left: 11.5px; max-width: 150px} .mobile-sidebar-panel__button:not(.mobile-sidebar-position--left) .ecomus-svg-icon { transition: padding .2s linear} .mobile-sidebar-panel__button:not(.mobile-sidebar-position--left):hover .ecomus-svg-icon { padding-right: 11.5px} .mobile-sidebar-panel__button:not(.mobile-sidebar-position--left):hover .button-text { padding-left: 0; max-width: 150px} .mobile-sidebar-position--left { left: 0; right: auto} .single-post .sidebar__header { background-color: #f2f2f2} .single-post .sidebar__header:after { display: none} @media (min-width: 1025px) { .ecomus-blog-page .mobile-sidebar-panel__button, .ecomus-blog-page .blog-sidebar .sidebar__header, .ecomus-blog-page .blog-sidebar .sidebar__container > .sidebar__button-close, .em-post-layout-expanded .mobile-sidebar-panel__button, .em-post-layout-expanded .blog-sidebar .sidebar__header, .em-post-layout-expanded .blog-sidebar .sidebar__container > .sidebar__button-close, .catalog-sidebar .sidebar__header, .catalog-sidebar .sidebar__container > .sidebar__button-close { display: none} .single-post.em-post-layout-icon .offscreen-panel { --em-panel-content-width: 405px} .single-post.em-post-layout-icon .offscreen-panel .sidebar__backdrop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; background-color: rgba(0, 0, 0, 0.2)} .single-post.em-post-layout-icon .offscreen-panel--side-right .sidebar__container { left: 0; right: auto; transform: translateX(-100%)} .single-post.em-post-layout-icon .offscreen-panel--open .sidebar__container { transform: none} .single-post.em-post-layout-icon .sidebar__header { padding: 18px 20px 18px; font-size: 20px; font-size: 1.25rem; line-height: 1; color: #000000; font-weight: 400; text-transform: uppercase; position: relative} .single-post.em-post-layout-icon .sidebar__container { position: absolute; right: 0; top: 0; height: 100%; max-width: var(--em-panel-content-width); width: 100%; margin: 0; background-color: #fff; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16); transform: translateX(100%); transition: transform 0.5s; display: flex; flex-direction: column} .single-post.em-post-layout-icon .sidebar__button-close { position: absolute; right: 20px; top: 20px; cursor: pointer; font-size: 16px; font-size: 1rem; color: var(--em-color__dark); z-index: 9} .single-post.em-post-layout-icon .sidebar__content { flex-wrap: nowrap; overflow-y: hidden; overflow-x: auto; scroll-behavior: smooth; overflow-y: auto; overflow-x: hidden; padding-left: 20px; padding-right: 20px; padding-top: 20px} .single-post.em-post-layout-icon .sidebar__content::-webkit-scrollbar { display: none} .single-post.em-post-layout-expanded:not(.no-sidebar) .entry-content { display: flex; flex-wrap: wrap} .single-post.em-post-layout-expanded:not(.no-sidebar) .entry-content .entry-single-content { flex: 0 0 68%; width: 68%} .single-post.em-post-layout-expanded:not(.no-sidebar) .entry-content .widget-area { flex: 0 0 32%; width: 32%} .single-post.em-post-layout-expanded:not(.no-sidebar).content-sidebar .entry-content .entry-single-content { padding-right: 15px} .single-post.em-post-layout-expanded:not(.no-sidebar).content-sidebar .entry-content .widget-area { padding-left: 15px} .single-post.em-post-layout-expanded:not(.no-sidebar).sidebar-content .entry-content .entry-single-content { order: 2; padding-left: 15px} .single-post.em-post-layout-expanded:not(.no-sidebar).sidebar-content .entry-content .widget-area { padding-right: 15px} } @media (max-width: 1024px) { .mobile-sidebar-panel__button .button-text { display: none} .offscreen-panel .sidebar__backdrop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; background-color: rgba(0, 0, 0, 0.2)} .offscreen-panel--side-right .sidebar__container { left: 0; right: auto; transform: translateX(-100%)} .offscreen-panel--open .sidebar__container { transform: none} .sidebar__header { padding: 16px 20px 15px; font-size: 16px; font-size: 1rem; line-height: 1; color: #000000; font-weight: 400; text-transform: uppercase; position: relative} .sidebar__header:after { content: ''; width: calc( 100% - 32px); height: 1px; background-color: #EBEBEB; position: absolute; left: 16px; right: 16px; bottom: 0} .sidebar__container { --em-panel-content-width: 375px; position: absolute; right: 0; top: 0; height: 100%; width: 100%; max-width: var(--em-panel-content-width); margin: 0; background-color: #fff; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16); transform: translateX(100%); transition: transform 0.5s; display: flex; flex-direction: column} .sidebar__button-close { position: absolute; right: 20px; top: 13px; cursor: pointer; font-size: 16px; font-size: 1rem; color: var(--em-color__dark); z-index: 9} .sidebar__content { flex-wrap: nowrap; overflow-y: hidden; overflow-x: auto; scroll-behavior: smooth; overflow-y: auto; overflow-x: hidden; padding-left: 20px; padding-right: 20px; padding-top: 20px} .sidebar__content::-webkit-scrollbar { display: none} } @media (max-width: 767px) { .sidebar__container { --em-panel-content-width: 90%} .catalog-sidebar .sidebar__container { --em-panel-content-width: 310px} .catalog-sidebar .sidebar__header { background-color: #f2f2f2; font-size: 12px; font-size: 0.75rem; font-weight: 600} .catalog-sidebar .widget .widget-title, .catalog-sidebar .widget .widgettitle { font-size: 16px; font-size: 1rem} } .mobile-shop-panel .panel__header { padding: 30px} .mobile-shop-panel .panel__header:after { display: none} .mobile-shop-panel .panel__content { overscroll-behavior-y: contain; overflow-y: auto; flex: 1 1 auto; padding-bottom: 20px; scrollbar-width: 1px; scrollbar-color: var(--em-color__grayer); border-radius: var(--em-modal-content-border-radius)} .mobile-shop-panel .panel__content::-webkit-scrollbar { width: 5px} .mobile-shop-panel .panel__content::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 8px} .mobile-shop-panel .panel__content::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.16)} .mobile-shop-panel .panel__content::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.05)} .mobile-shop-panel .panel__footer { padding: 15px 20px 0} .mobile-shop-panel .panel__footer .mobile-shop-panel__footer-button { display: flex; align-items: center; padding: 35px 0; border-top: 1px solid var(--em-border-color); background-color: var(--em-color__light)} .mobile-shop-panel .panel__footer a { display: inline-flex} .mobile-shop-navigation { padding: 0 20px} .mobile-shop-navigation ul { list-style: none; margin: 0; padding: 0} .mobile-shop-navigation ul.menu li { padding-top: 10px; padding-bottom: 10px} .mobile-shop-navigation ul.menu li.menu-item-has-icon { padding-top: 5px; padding-bottom: 5px} .mobile-shop-navigation ul.menu li a { display: flex; align-items: center; font-weight: 500} .mobile-shop-navigation ul.menu li a img { border-radius: 50%} .mobile-shop-navigation ul.menu li a .menu-icon-item--image { --em-ratio-percent: 100%; width: 30px; height: 30px; border-radius: 50%; margin-right: 10px} .mobile-shop-navigation ul.menu > li { position: relative} .mobile-shop-navigation ul.menu > li.menu-item-has-icon:after { left: 50px; width: calc( 100% - 50px)} .mobile-shop-navigation ul.menu > li:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: var(--em-border-color)} .mobile-shop-navigation ul.menu > li:last-child:after { display: none} .mobile-shop-navigation ul.menu > li > a .ecomus-svg-icon, .mobile-shop-navigation ul.menu > li > a .menu-item-icon { font-size: 10px; font-size: 0.625rem; margin: 2px 8px 0 0} .mobile-shop-navigation ul.menu > li > a .menu-icon-item-position--right { margin: 2px 0 0 8px} .mobile-shop-navigation ul.menu > li > a > .menu-icon-item--image { width: 40px; height: 40px; border: 1px solid var(--em-border-color)} .mobile-shop-navigation ul.menu > li > a > .menu-icon-item--image img { width: calc( 100% - 6px); height: calc( 100% - 6px); top: 3px; left: 3px} .mobile-shop-navigation ul.menu > li > ul.sub-menu { margin: 7px 0 15px 15px} .mobile-shop-navigation ul.menu .menu-item-has-children > a { position: relative} .mobile-shop-navigation ul.menu .menu-item-has-children > a:before, .mobile-shop-navigation ul.menu .menu-item-has-children > a:after { content: " "; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); display: inline-block; margin-top: -1px; width: 10px; height: 2px; background-color: currentColor; transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out, -webkit-transform .2s ease-in-out} .mobile-shop-navigation ul.menu .menu-item-has-children > a:after { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg)} .mobile-shop-navigation ul.menu .menu-item-has-children > a:active, .mobile-shop-navigation ul.menu .menu-item-has-children > a:hover { color: var(--em-color__dark)} .mobile-shop-navigation ul.menu .menu-item-has-children > a .toggle-menu-children { position: absolute; width: 32px; top: 0; bottom: 0; right: -11px; cursor: pointer; z-index: 1} .mobile-shop-navigation ul.menu .menu-item-has-children.active > a:before, .mobile-shop-navigation ul.menu .menu-item-has-children.active > a:after { -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0)} .mobile-shop-navigation ul.menu .menu-item-has-children.active > .sub-menu { animation: fadeIn 0.3s ease-in-out} .mobile-shop-navigation .sub-menu { border-left: 1px solid var(--em-border-color); margin: 7px 0 5px 42px; padding: 0 0 0 15px; display: none} .account-panel .panel__header { display: flex; align-items: center; padding-left: 30px} .account-panel .panel__content { padding-left: 30px; padding-right: 22px} .account-panel__avatar { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: 16px; object-fit: cover} .account-panel__avatar img { border-radius: 100%} .account-panel__name { text-transform: capitalize} .account-panel__links { list-style: none; padding: 10px 0; margin: 0} .account-panel__links ul { list-style: none; padding: 0} .account-panel__links li { padding: 5px 0} .account-panel__links a { font-size: 16px; font-size: 1rem; font-weight: 500} .cart-panel .panel__content { flex: 1; overflow-y: auto; margin-top: 20px} .cart-panel .panel__container { width: 477px} .widget_shopping_cart_content { display: flex; flex-direction: column; height: 100%; padding: 0; justify-content: space-between} .widget_shopping_cart_content .woocommerce-mini-cart { flex: 1; padding: 0 30px; margin: 0; list-style: none; overflow-y: auto; scrollbar-width: 1px; scrollbar-color: var(--em-color__grayer); border-radius: var(--em-modal-content-border-radius)} .widget_shopping_cart_content .woocommerce-mini-cart::-webkit-scrollbar { width: 5px} .widget_shopping_cart_content .woocommerce-mini-cart::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 8px} .widget_shopping_cart_content .woocommerce-mini-cart::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.16)} .widget_shopping_cart_content .woocommerce-mini-cart::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.05)} .widget_shopping_cart_content .woocommerce-mini-cart-item { display: flex; align-items: center; padding-top: 20px; margin-top: 20px; border-top: 1px solid var(--em-border-color); border-bottom: none; margin-bottom: 0; padding-bottom: 0} .widget_shopping_cart_content .woocommerce-mini-cart-item .quantity { --em-quantity-width: 30px; --em-quantity-height: 30px; --em-button-font-size: 12px} .widget_shopping_cart_content .woocommerce-mini-cart-item .quantity input { font-size: 12px; font-size: 0.75rem} .widget_shopping_cart_content .woocommerce-mini-cart-item .quantity .ecomus-qty-button { font-size: 10px; font-size: 0.625rem; padding: 0 10px} .widget_shopping_cart_content .woocommerce-mini-cart-item .quantity.hidden + .remove_from_cart_button { margin-left: 0} .widget_shopping_cart_content .woocommerce-mini-cart-item .ecomus-product-offer { display: flex; gap: 5px; align-items: center; font-size: 14px; font-size: 0.875rem; line-height: 1; color: var(--em-color__dark); margin-bottom: 6px} .widget_shopping_cart_content .woocommerce-mini-cart-item .ecomus-product-offer .ecomus-svg-icon--tag { transform: scaleX(-1)} .widget_shopping_cart_content .woocommerce-mini-cart-item .ecomus-product-quantity__text { font-size: 12px; font-size: 0.75rem} .widget_shopping_cart_content .woocommerce-mini-cart-item:first-child { border-top: none; padding-top: 0; margin-top: 0} .widget_shopping_cart_content .woocommerce-mini-cart-item__thumbnail { flex-basis: 80px} .widget_shopping_cart_content .woocommerce-mini-cart-item__thumbnail img { border-radius: var(--em-image-rounded-product-card-small); height: auto} .widget_shopping_cart_content .woocommerce-mini-cart-item__summary { display: flex; justify-content: space-between; flex: 1; padding-left: 23px} .widget_shopping_cart_content .woocommerce-mini-cart-item__box { display: flex; flex-direction: column} .widget_shopping_cart_content .woocommerce-mini-cart-item__data { display: flex; flex-direction: column; justify-content: space-between; font-size: 16px; font-size: 1rem; color: #000000; line-height: 20px} .widget_shopping_cart_content .woocommerce-mini-cart-item__data .price del { text-decoration: none} .widget_shopping_cart_content .woocommerce-mini-cart-item__data .price del .woocommerce-Price-amount { position: relative} .widget_shopping_cart_content .woocommerce-mini-cart-item__data .price del .woocommerce-Price-amount:after { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 2px; background-color: rgba(0, 0, 0, 0.5)} .widget_shopping_cart_content .woocommerce-mini-cart-item__data .woocommerce-Price-amount { font-size: 14px; font-size: 0.875rem; line-height: 22px; font-weight: 500} .widget_shopping_cart_content .woocommerce-mini-cart-item__data .variation { font-size: 12px; font-size: 0.75rem; text-transform: capitalize; margin: 5px 0} .widget_shopping_cart_content .woocommerce-mini-cart-item__data .variation dt { font-weight: 500; color: #545454; display: inline-block} .widget_shopping_cart_content .woocommerce-mini-cart-item__data .variation dt:before { content: "|"; display: inline-block; margin: 0 4px 0 0} .widget_shopping_cart_content .woocommerce-mini-cart-item__data .variation dt:first-child:before { display: none} .widget_shopping_cart_content .woocommerce-mini-cart-item__data .variation dd { display: inline-block; margin: 0; color: #000000} .widget_shopping_cart_content .woocommerce-mini-cart-item__data .variation dd:first-child { margin-top: 0} .widget_shopping_cart_content .woocommerce-mini-cart-item__data .variation dd:last-child { margin-bottom: 0} .widget_shopping_cart_content .woocommerce-mini-cart-item__data .variation dd p { margin: 0} .widget_shopping_cart_content .woocommerce-mini-cart-item__qty { margin-top: 11px} .widget_shopping_cart_content .woocommerce-mini-cart-item__price { gap: 5px} .widget_shopping_cart_content .woocommerce-mini-cart-item__price .em-price-unit { font-size: 14px; font-size: 0.875rem} .widget_shopping_cart_content .remove_from_cart_button { font-size: 12px; font-size: 0.75rem; text-decoration: underline; margin-left: 10px} .widget_shopping_cart_content .woocommerce-mini-cart__total { display: flex; justify-content: space-between; align-items: center; font-size: 20px; font-size: 1.25rem; color: #000000; font-weight: normal; margin-top: 0; margin-bottom: 10px} .widget_shopping_cart_content .woocommerce-mini-cart__total strong { font-weight: inherit; font-family: var(--em-heading-font)} .widget_shopping_cart_content .woocommerce-mini-cart__total .woocommerce-Price-amount { font-weight: 600} .widget_shopping_cart_content .woocommerce-mini-cart__total .price { display: inline-flex; align-items: center; gap: 5px} .widget_shopping_cart_content .woocommerce-mini-cart__total ins { order: 1; background-color: transparent; color: var(--em-color-price-sale)} .widget_shopping_cart_content .woocommerce-mini-cart__total del { order: 2; color: rgba(0, 0, 0, 0.5); font-size: 18px; font-size: 1.125rem} .widget_shopping_cart_content .woocommerce-mini-cart__total .tax_label { font-size: 14px; font-size: 0.875rem; color: var(--em-color__dark); line-height: 1; margin-top: 2px} .widget_shopping_cart_content .widget_shopping_cart_footer { padding: 30px} .widget_shopping_cart_content .woocommerce-mini-cart__buttons { margin: 0; display: flex; align-items: center; justify-content: space-between; gap: 15px} .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button { width: 50%; font-weight: 600} .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:not(.checkout) { --em-button-color: #000000; --em-button-color-hover: #ffffff; --em-button-bg-color: transparent; --em-button-bg-color-hover: #000000; --em-button-border-color: #EBEBEB; --em-button-border-color-hover: var(--em-button-bg-color-hover); --em-button-eff-bg-color-hover: rgba(255, 255, 255, 0.25)} .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:not(.checkout):after { display: none} .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:not(.checkout):not(:hover) { border-color: var(--em-color__dark)} .widget_shopping_cart_content .woocommerce-mini-cart__empty-message { margin: auto 0; color: #545454; position: relative; top: -70px; text-align: center; padding: 0 50px} .widget_shopping_cart_content .woocommerce-mini-cart__empty-message h4 { font-size: 28px; font-size: 1.75rem} .widget_shopping_cart_content .woocommerce-mini-cart__empty-message .em-button { font-weight: 500; --em-button-padding-left: 1.4rem; --em-button-padding-right: 1.4rem} .ecomus-mini-products-recommended { box-shadow: 0 4px 16px #00000014; padding: 18px; margin-top: 40px; margin-bottom: 15px; border-radius: var(--em-rounded-sm)} .ecomus-mini-products-recommended .swiper { padding: 0 23px 10px 0; margin: 0 -23px -10px 0} .ecomus-mini-products-recommended ul { list-style: none; padding: 0} .ecomus-mini-products-recommended ul li { display: flex; justify-content: safe center; align-items: center; gap: 15px; width: 100% !important} .ecomus-mini-products-recommended ul li a img { margin: 0 !important} .ecomus-mini-products-recommended ul li.woocommerce-loop-product { margin: 0; padding: 0; border: none} .ecomus-mini-products-recommended ul .woocommerce-loop-product__thumbnail { flex: 0 0 auto; max-width: 80px} .ecomus-mini-products-recommended ul .ecomus-quickview-button, .ecomus-mini-products-recommended ul .ecomus-featured-icons { --em-button-width: 42px; --em-button-height: 42px; display: inline-flex; border-radius: 100%; margin-right: 3px} .ecomus-mini-products-recommended ul .ecomus-quickview-button.loading, .ecomus-mini-products-recommended ul .ecomus-featured-icons.loading { --em-animation-state: running; position: relative; color: transparent} .ecomus-mini-products-recommended ul .ecomus-quickview-button.loading::before, .ecomus-mini-products-recommended ul .ecomus-featured-icons.loading::before { display: inline-block; content: ""; width: 18px; height: 18px; border-radius: 100%; border: solid 2px var(--em-loading-color); border-top-color: transparent; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; animation: spin 0.6s linear infinite var(--em-animation-state)} .ecomus-mini-products-recommended ul .ecomus-quickview-button .ecomus-svg-icon, .ecomus-mini-products-recommended ul .ecomus-featured-icons .ecomus-svg-icon { font-size: 20px} .ecomus-mini-products-recommended ul .ecomus-quickview-button .ecomus-svg-icon.ecomus-svg-icon--shopping-bag, .ecomus-mini-products-recommended ul .ecomus-featured-icons .ecomus-svg-icon.ecomus-svg-icon--shopping-bag { font-size: 16px} .ecomus-mini-products-recommended ul .woocommerce-loop-product__title { font-size: 16px; font-size: 1rem; line-height: 1.2} .ecomus-mini-products-recommended ul .price { font-weight: 600; color: var(--em-color__dark); margin-top: 3px} .ecomus-mini-products-recommended ul .price ins { color: var(--em-color-price-sale)} .ecomus-mini-products-recommended ul .price del { color: rgba(0, 0, 0, 0.5); font-weight: 400} .ecomus-mini-products-recommended ul .woocommerce-loop-product__summary { flex: 1 0 0; display: flex; flex-direction: column} .ecomus-mini-products-recommended .products-recommended-header { display: flex; gap: 6px; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 15px} .ecomus-mini-products-recommended .swiper-pagination.swiper-pagination-horizontal, .ecomus-mini-products-recommended .swiper-pagination { position: static; flex: 0 0 auto; width: auto; text-align: right} .ecomus-mini-products-recommended .recommendation-heading { font-size: 16px; font-size: 1rem; margin: 0} .sidebar-panel__button { top: 30%; left: 0; z-index: 100; background-color: #ffffff; box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.1); padding: 13px 11.5px; cursor: pointer} .sidebar-panel__button .ecomus-svg-icon { color: var(--em-color__dark); font-size: 17px; font-size: 1.0625rem} .sidebar-panel__button .button-text { padding: 0; width: 100%; max-width: 0; overflow: hidden; white-space: nowrap; color: #000000; transition: padding 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.15), max-width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15)} .sidebar-panel__button:hover .button-text { padding-left: 11.5px; max-width: 150px} .sidebar-panel__button.sidebar-panel__button--right { left: auto; right: 0} .sidebar-panel__button.sidebar-panel__button--right .ecomus-svg-icon { transition: padding .2s linear} .sidebar-panel__button.sidebar-panel__button--right:hover .ecomus-svg-icon { padding-right: 11.5px} .sidebar-panel__button.sidebar-panel__button--right:hover .button-text { padding-left: 0; max-width: 150px} .single-product-sidebar-panel { --em-panel-content-width: 375px} .single-product-sidebar-panel .sidebar__backdrop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; background-color: rgba(0, 0, 0, 0.2)} .single-product-sidebar-panel .sidebar__header { position: relative; padding: 22px 37px 21px; font-size: 12px; font-size: 0.75rem; line-height: 1; color: #000000; font-weight: 600; text-transform: uppercase; background-color: #F5F5F5} .single-product-sidebar-panel .sidebar__button-close { position: absolute; right: 37px; top: 20px; cursor: pointer; font-size: 14px; font-size: 0.875rem; color: var(--em-color__dark); z-index: 9} .single-product-sidebar-panel .sidebar__button-close:hover { color: #db1215} .single-product-sidebar-panel .sidebar__container { position: absolute; left: 0; top: 0; height: 100%; width: 100%; max-width: var(--em-panel-content-width); margin: 0; background-color: #fff; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16); transform: translateX(-100%); transition: transform 0.5s; display: flex; flex-direction: column} .single-product-sidebar-panel .sidebar__container .panel__button-close { right: 18px; z-index: 9} .single-product-sidebar-panel .sidebar__content { flex-wrap: nowrap; overflow-y: hidden; overflow-x: auto; scroll-behavior: smooth; overflow-y: auto; overflow-x: hidden; padding-left: 37px; padding-right: 37px; padding-top: 32px; padding-bottom: 32px} .single-product-sidebar-panel .sidebar__content::-webkit-scrollbar { display: none} .single-product-sidebar-panel .sidebar__content > .widget { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--em-border-color)} .single-product-sidebar-panel .sidebar__content > .widget:last-child { border-bottom: none} .single-product-sidebar-panel .widget .widget-title { margin-top: 0} .single-product-sidebar-panel.offscreen-panel--side-right .sidebar__container { left: auto; right: 0; transform: translateX(100%)} .single-product-sidebar-panel.offscreen-panel--open .sidebar__container { transform: none} .single-product-sidebar-panel .ecomus-instagram__item a, .single-product-sidebar-panel .ecomus-instagram__item img { display: block; border-radius: var(--em-image-rounded-product-card-small)} @media (max-width: 1199px) { .sidebar-panel__button .button-text { display: none} } @media (max-width: 767px) { .single-product-sidebar-panel .sidebar__header { padding: 20px} .single-product-sidebar-panel .sidebar__button-close { top: 19px; right: 20px} .single-product-sidebar-panel .sidebar__container { --em-panel-content-width: 90%} .single-product-sidebar-panel .sidebar__content { padding-left: 15px; padding-right: 15px; padding-top: 15px} } .hamburger-panel .panel__container { --hamburger-width: min( 320px, var(--em-panel-content-width) ); max-width: var(--hamburger-width)} .hamburger-panel .panel__header { padding: 30px} .hamburger-panel .panel__header:after { display: none} .hamburger-panel .panel__content { overscroll-behavior-y: contain; overflow-y: auto; flex: 1 1 auto; padding-bottom: 20px; scrollbar-width: 1px; scrollbar-color: var(--em-color__grayer); border-radius: var(--em-modal-content-border-radius)} .hamburger-panel .panel__content::-webkit-scrollbar { width: 5px} .hamburger-panel .panel__content::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 8px} .hamburger-panel .panel__content::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.16)} .hamburger-panel .panel__content::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.05)} .hamburger-panel .panel__footer { padding: 15px 20px 0} .hambuger-navigation { padding: 0 20px} .hambuger-navigation ul { list-style: none; margin: 0; padding: 0} .hambuger-navigation ul.menu li a { display: block; padding: 5px 0} .hambuger-navigation ul.menu > li { border-bottom: 1px solid var(--em-border-color)} .hambuger-navigation ul.menu > li > a { font-weight: 500; padding: 11px 0} .hambuger-navigation ul.menu > li > a .ecomus-svg-icon, .hambuger-navigation ul.menu > li > a .menu-item-icon { font-size: 10px; font-size: 0.625rem; margin: 2px 8px 0 0} .hambuger-navigation ul.menu > li > a .menu-icon-item-position--right { margin: 2px 0 0 8px} .hambuger-navigation ul.menu > li > ul.sub-menu { margin: 0 0 26px 10px} .hambuger-navigation ul.menu .menu-item-has-children > a { position: relative} .hambuger-navigation ul.menu .menu-item-has-children > a:before, .hambuger-navigation ul.menu .menu-item-has-children > a:after { content: " "; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: inline-block; margin-top: -1px; width: 10px; height: 2px; background-color: currentColor; transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out, -webkit-transform .2s ease-in-out} .hambuger-navigation ul.menu .menu-item-has-children > a:after { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg)} .hambuger-navigation ul.menu .menu-item-has-children > a:active, .hambuger-navigation ul.menu .menu-item-has-children > a:hover { color: var(--em-color__dark)} .hambuger-navigation ul.menu .menu-item-has-children > a .toggle-menu-children { position: absolute; width: 32px; top: 0; bottom: 0; right: -11px; cursor: pointer; z-index: 1} .hambuger-navigation ul.menu .menu-item-has-children.active > a:before, .hambuger-navigation ul.menu .menu-item-has-children.active > a:after { -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0)} .hambuger-navigation ul.menu .menu-item-has-children.active .sub-menu, .hambuger-navigation ul.menu .menu-item-has-children.active .mega-menu--grid, .hambuger-navigation ul.menu .menu-item-has-children.active .mega-menu-sub-item { animation: fadeIn 0.3s ease-in-out} .hambuger-navigation .menu-item-mega.menu-item-has-children { display: flex; flex-direction: column-reverse} .hambuger-navigation .sub-menu { border-left: 1px solid var(--em-border-color); margin: 5px 0 5px 10px; padding: 0 0 0 19px; display: none} .hambuger-navigation .mega-menu .mega-menu-container { padding: 0; width: 100% !important} .hambuger-navigation .mega-menu .mega-menu__row { flex-direction: column; margin: 0} .hambuger-navigation .mega-menu ul.mega-menu__column { padding: 0; width: 100% !important} .hambuger-navigation .mega-menu ul.mega-menu__column > li:first-child.menu-item--widget-banner, .hambuger-navigation .mega-menu ul.mega-menu__column > li:first-child.menu-item--widget-image { padding: 0} .hambuger-navigation .mega-menu ul.mega-menu__column .menu-item--widget-image { text-align: left; margin: 0} .hambuger-navigation .mega-menu ul.mega-menu__column .menu-item--widget-image .menu-widget-image__button { font-weight: 400; padding: 0} .hambuger-navigation .mega-menu ul.mega-menu__column .menu-widget-image__content { margin: 0} .hambuger-navigation .mega-menu ul.mega-menu__column .menu-item--widget-button { text-align: left; display: none} .hambuger-navigation .mega-menu ul.mega-menu__column .menu-item--widget-button a.em-button { --em-menu-button-item-spacing: 5px; display: inline-block; background-color: transparent; color: var(--em-color__dark); border: none; border-bottom: 1px solid; border-radius: 0} .hambuger-navigation .mega-menu ul.mega-menu__column .menu-item--widget-heading { font-size: 14px; font-size: 0.875rem; font-weight: 400; line-height: var(--em-line-height__body); text-transform: none; margin: 0} .hambuger-navigation .mega-menu ul.mega-menu__column .menu-item--widget-heading a:active, .hambuger-navigation .mega-menu ul.mega-menu__column .menu-item--widget-heading a:hover { color: var(--em-color__dark)} .hambuger-navigation .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel { padding-left: 0} .hambuger-navigation .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel .swiper-button { display: inline-flex} .hambuger-navigation .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel .swiper-button-prev { left: 10px} .hambuger-navigation .mega-menu ul.mega-menu__column .menu-item--widget-custom-link .mega-menu__badge-wrapper { top: -9px} .hambuger-navigation .mega-menu .menu-item--widget-image img, .hambuger-navigation .mega-menu .menu-item--widget-image .mega-menu__badge-wrapper { display: none} .hambuger-navigation .mega-menu .menu-item--widget-banner { display: none !important} .hambuger-navigation .mega-menu .menu-item--widget-heading > * { position: relative} .hambuger-navigation .mega-menu .menu-item--widget-heading > *:before, .hambuger-navigation .mega-menu .menu-item--widget-heading > *:after { content: " "; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: inline-block; margin-top: -1px; width: 10px; height: 2px; background-color: currentColor; transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out, -webkit-transform .2s ease-in-out} .hambuger-navigation .mega-menu .menu-item--widget-heading > *:after { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg)} .hambuger-navigation .mega-menu .menu-item--widget-heading > *:active, .hambuger-navigation .mega-menu .menu-item--widget-heading > *:hover { color: var(--em-color__dark)} .hambuger-navigation .mega-menu .menu-item--widget-heading > * .toggle-menu-children { position: absolute; width: 32px; top: 0; bottom: 0; right: -11px; cursor: pointer; z-index: 1} .hambuger-navigation .mega-menu .menu-item--widget-heading.active > *:before, .hambuger-navigation .mega-menu .menu-item--widget-heading.active > *:after { -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0)} .hambuger-navigation .mega-menu .menu-item--widget-heading span { display: block; padding: 5px 0} .hambuger-navigation .mega-menu .mega-menu-sub-item { border-left: 1px solid var(--em-border-color); margin: 0 0 0 10px; padding: 0 0 0 19px; position: relative} .hambuger-navigation .mega-menu .mega-menu-sub-item > span { display: block; padding: 5px 0} .hambuger-navigation .mega-menu .mega-menu-sub-item.menu-item--widget-badge { display: inline-block} .hambuger-navigation .mega-menu .menu-item--widget-products-carousel { border-left: none; margin: 0; padding: 0} .hambuger-navigation .mega-menu .menu-item--widget-products-carousel a { display: inline-flex} .hambuger-navigation .mega-menu .menu-item--widget-products-carousel ul.products.product-card-mobile-show-atc:not(.product-card-layout-list) li.product .product-loop-button-atc { display: none} .hambuger-navigation .mega-menu .menu-item--widget-products-carousel ul.products:not(.product-card-layout-list) li.product .product-loop-button-atc { display: none} .hambuger-navigation .mega-menu .menu-item--widget-products-carousel ul.products:not(.product-card-layout-list) li.product .product-thumbnail .product-loop-button-atc { display: flex} .hambuger-navigation .mega-menu .menu-item--widget-products-carousel ul.products:not(.product-card-layout-list) li.product .product-thumbnail .wcboost-wishlist-button, .hambuger-navigation .mega-menu .menu-item--widget-products-carousel ul.products:not(.product-card-layout-list) li.product .product-thumbnail .wcboost-products-compare-button, .hambuger-navigation .mega-menu .menu-item--widget-products-carousel ul.products:not(.product-card-layout-list) li.product .product-thumbnail .ecomus-badges-sale__countdown { display: none} .header-mobile-menu__custom-link { padding: 0 20px; margin-top: 30px} .header-mobile-menu__custom-link a { display: inline-block; border-bottom: 1px solid} .header-mobile-menu__custom-text { color: var(--em-color__dark); padding: 0 20px; margin-top: 15px} .header-mobile-menu__currency-language { display: flex; align-items: center; gap: 30px; padding: 10px 0; border-top: 1px solid var(--em-border-color); background-color: var(--em-color__light)} .header-mobile-menu__currency-language .current:before { bottom: auto; top: -8px} .header-mobile-menu__currency-language .currency-dropdown { top: auto; bottom: 100%} .header-mobile-menu__currency .currency-dropdown { left: 0 !important; transform: none} .header-mobile-menu__language .currency-dropdown { width: max-content; min-width: 100px} /* Modals --------------------------------------------- */ .modal { --em-modal-content-width: 700px; --em-modal-container-padding: 30px; --em-modal-content-padding-y: 35px; --em-modal-content-padding-x: 35px; --em-modal-content-border-radius: 5px; position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: none; z-index: 1000} .modal.loading { pointer-events: none} .modal.loading .modal__backdrop, .modal.loading .modal__container { opacity: 0} .modal .modal .modal__backdrop { top: -100%; left: -100%; right: -100%; bottom: -100%; width: auto; height: auto} .modal--open { visibility: visible} .modal__container { position: absolute; left: 50%; width: 100%; padding: var(--em-modal-container-padding); max-width: var(--em-modal-content-width); max-height: 100vh; pointer-events: none} .modal__header { padding: 0 0 var(--em-modal-content-padding-y); display: flex; align-items: center; justify-content: space-between} .modal__header + .modal__wrapper { padding-top: 0} .modal__button-close { font-size: 16px; font-size: 1rem; z-index: 3; cursor: pointer} .modal__title { margin: 0; line-height: 1} .modal__wrapper { position: relative; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16); background-color: #fff; padding: var(--em-modal-content-padding-y) var(--em-modal-content-padding-x); margin: 0; overflow-y: auto; overflow-x: hidden; pointer-events: auto; max-height: calc( 100vh - (var(--em-modal-content-padding-y) * 2)); scroll-behavior: smooth; scrollbar-width: auto; scrollbar-color: var(--em-color__grayer); border-radius: var(--em-modal-content-border-radius)} .modal__wrapper::-webkit-scrollbar { width: 4px; border-radius: 30px} .modal__wrapper::-webkit-scrollbar-track { background: #fff} .modal__wrapper::-webkit-scrollbar-thumb { background-color: var(--em-color__grayer); border-radius: 30px} .modal__wrapper::-webkit-scrollbar-thumb:hover { background-color: var(--em-color__dark)} .modal__backdrop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5)} body.modal-opened { overflow: hidden} body.modal-opened .modal__backdrop { cursor: var(--em-cursor-close-icon) 25 25, auto} .admin-bar .modal { top: 32px} @media (min-width: 768px) { .modal.loading .modal__container { transition: 0.15s; animation: centerToRight 0.25s} .modal--open .modal__container { opacity: 1; animation: leftToCenter 0.25s} .modal--open .modal .modal__container { opacity: 0; transition: 0.15s; animation: centerToRight 0.25s} .modal--open .modal.modal--open .modal__container { opacity: 1; animation: leftToCenter 0.25s} .modal__container { top: 50%; transform: translate(-50%, -50%); /*rtl:raw: transform: translate(calc(50% + 0.5px),calc(-50% + 0.5px)); */ animation: centerToRight 0.25s; transition: 0.15s; opacity: 0} } @media (max-width: 767px) { .modal { --em-modal-content-padding-y: 20px; --em-modal-content-padding-x: 15px} .modal.loading .modal__container { transform: translate(-50%, 100%); transition: .4s ease-in-out; opacity: 0} .modal.quick-view-modal .modal__button-close { right: 15px; top: 15px} .modal.login-modal .modal__button-close { right: 15px; top: 20px} .modal.login-modal .woocommerce-form-row--submit { flex-direction: column; gap: 15px} .modal--open .modal__container { transform: translate(-50%, 0); /*rtl:raw: transform: translate(calc(50% + 0.5px), 0 ); */ opacity: 1} .modal--open .modal .modal__container { transform: translate(-50%, 100%); /*rtl:raw: transform: translate(calc(50% + 0.5px), 100% ); */ transition: .4s ease-in-out; opacity: 0} .modal--open .modal.modal--open .modal__container { transform: translate(-50%, 0); /*rtl:raw: transform: translate(calc(50% + 0.5px), 0 ); */ opacity: 1} .modal__container { --em-modal-container-padding: 8px; transform: translate(-50%, 100%); /*rtl:raw: transform: translate(calc(50% + 0.5px), 100% ); */ transition: .4s ease-in-out; opacity: 0; height: 100%; display: flex; align-items: flex-end} .modal__wrapper { width: 100%; max-height: 100%} .admin-bar .modal { top: 0} .modal__title { font-size: 24px; font-size: 1.5rem} } .search-modal { --em-modal-content-width: 100%; --em-modal-content-padding-y: 40px; z-index: 900} .search-modal .modal__button-close { position: absolute; top: 40px; right: 30px} .search-modal .modal__backdrop { display: none} .search-modal .modal__container { top: auto; background-color: #fff; height: 100%; animation: none; transform: translate(-50%, -100%); opacity: 1; transition: .4s ease-in-out; pointer-events: auto; padding-top: 60px; padding-bottom: 60px; padding-left: 0; padding-right: 0; display: flex; flex-direction: column} .search-modal .modal__container ::-webkit-scrollbar { height: 5px; width: 5px} .search-modal .modal__container ::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 8px} .search-modal .modal__container ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.16)} .search-modal .modal__container ::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.05)} .search-modal.modal--open .modal__container { transform: translate(-50%, 0)} .search-modal .modal__header .search-modal__title { margin: 0 0 25px; text-align: center} .search-modal .search-modal__form { display: flex; justify-content: center; width: 100%} .search-modal .modal__content { overscroll-behavior-y: contain; overflow-y: auto; overflow-x: hidden} .search-modal .modal__content-search-field { position: relative; max-width: 608px; width: 100%} .search-modal .modal__content-search-field .ecomus-svg-icon--search { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); font-size: 16px; font-size: 1rem; color: var(--em-color__dark); margin-right: 10px} .search-modal .search-modal__field { --em-input-color: #000000; width: 100%; border: 1px solid var(--em-border-color); display: flex; align-items: center; transition: 0.3s; border-radius: var(--em-input-rounded); color: var(--em-color__dark); padding: 11px 50px 12px 44px} .search-modal .search-modal__field ::placeholder { color: var(--em-color__dark)} .search-modal .search-modal__field:hover, .search-modal .search-modal__field:focus { --em-border-color: var(--em-color__dark)} .search-modal .search-modal__field:focus::placeholder { color: transparent} .search-modal .searched .close-search-modal__results { display: flex} .search-modal .em-product-card { gap: 19px} .search-modal .em-product-card_img { background: #e1e3e4; width: 75px; height: 100px} .search-modal .em-product-card__info { flex: 1 1 auto; display: flex; flex-direction: column; gap: 15px} .search-modal .em-product-card_txt1 { height: 20px; width: 100%; background: #e1e3e4; margin-bottom: 10px} .search-modal .em-product-card_txt2 { height: 15px; width: 40%; background: #e1e3e4; margin-bottom: 0} .search-modal .modal__content-loading { display: none} .search-modal .modal__container.searching .modal__content-loading { display: flex} .search-modal .modal__container.searching .modal__content-results, .search-modal .modal__container.searching .modal__content-suggestion { display: none} .close-search-modal__results { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); display: none; --em-button-color: #000000; --em-button-color-hover: #000000; --em-button-bg-color: transparent; --em-button-bg-color-hover: transparent; --em-button-border-color: #EBEBEB; --em-button-border-color-hover: #000000; --em-button-width: 25px; --em-button-height: 25px; --em-button-font-size: 8px; min-width: var(--em-button-width); padding-top: 1px} .header-search__suggestion-label { margin: 0 0 30px} .header-search__trending-links { list-style: none; margin: 0; padding: 0; line-height: 2} .modal__content-results > .list-item { text-align: center} .modal__content-results > .list-item-empty { display: flex; flex-direction: column; gap: 10px} .modal__content-results > .list-item-empty .ecomus-svg-icon { font-size: 40px} .modal__content-results .results-tab-header { display: none} .modal__content-results .results-tab-content { justify-content: center; margin: 0 -20px} .modal__content-results .results-list { margin: 0; padding: 0; list-style: none} .modal__content-results .results-list .result-card-item { gap: 20px; align-items: center; padding: 0 0 10px 0; margin-bottom: 10px; border-bottom: solid 1px var(--em-border-color)} .modal__content-results .results-list .result-card-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0} .modal__content-results .results-list .result-card-item .result-card-thumbnail { --em-ratio-percent: var(--product-image-ratio-percent); width: 68px; min-width: 68px} .modal__content-results .results-list .result-card-item .result-card__link, .modal__content-results .results-list .result-card-item .result-card__link img { border-radius: var(--em-image-rounded-product-card-small)} .modal__content-results .results-list .result-card-item .result-summary { flex-direction: column} .modal__content-results .results-list .result-card-item .product-count { font-size: 12px; font-size: 0.75rem} .modal__content-results .results-list .result-card-item .price { font-size: 14px; font-size: 0.875rem; font-weight: 600; color: var(--em-color__dark); margin-top: 10; flex-wrap: wrap; align-items: center; gap: 0; margin-bottom: 0; gap: 5px} .modal__content-results .results-list .result-card-item .price .woocs_price_code { display: flex; gap: 5px} .modal__content-results .results-list .result-card-item .price ins { background-color: transparent; margin-left: 5px} .modal__content-results .results-list .result-card-item .price del { color: rgba(0, 0, 0, 0.5); font-weight: 400} .modal__content-results .em-col { position: relative; padding: 0 20px} .modal__content-results .em-col:not(:last-child):after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 1px solid var(--em-border-color)} .modal__content-results .em-col .result-tab-item:not(:last-child) { margin-bottom: 30px} .modal__content-results .em-col .result-tab-item .result-card-item { border: none; margin-bottom: 0} .modal__content-results .em-col-categoties .result-title, .modal__content-results .em-col-posts .result-title { font-weight: 600; line-height: 1.4} .modal__content-results .em-col-posts .result-title { padding-right: 10px} .modal__content-results .em-col-posts .result-desc { margin-top: 3px} .modal__content-results .results-heading { gap: 15px; justify-content: space-between; margin-bottom: 20px} .modal__content-results .results-heading h6 { margin: 0} .modal__content-results .results-heading .em-button-subtle { padding-bottom: 0} .show-btn-view-all .modal__content-results .results-list .result-card-item:last-child { margin-bottom: 10px} .search-type-sidebar { --em-modal-content-padding-y: 30px; --em-modal-content-width: 463px} .search-type-sidebar .modal__container { right: 0; left: auto; transform: translate(100%, 0); padding-top: 20px; padding-bottom: 20px} .search-type-sidebar .modal__container.show-btn-view-all { padding-bottom: 60px} .search-type-sidebar.modal--open .modal__container { transform: translate(0, 0)} .search-type-sidebar .em-container { padding-left: 20px; padding-right: 20px} .search-type-sidebar .modal__header { border-bottom: 1px solid var(--em-border-color); margin-bottom: var(--em-modal-content-padding-y); width: 100%} .search-type-sidebar .modal__header .search-modal__title { text-align: left} .search-type-sidebar .modal__button-close { top: 25px; right: 15px} .search-type-sidebar .modal__backdrop { display: block} .search-type-sidebar .modal__content { width: 100%; height: 100%} .search-type-sidebar .modal__footer { position: absolute; bottom: 0; width: 100%; padding: 16px 22px 21px; background-color: #f2f2f2} .search-type-sidebar .modal__content-suggestion { flex-direction: column} .search-type-sidebar .header-search__trending, .search-type-sidebar .header-search__products { flex: 0 0 100%; max-width: 100%} .search-type-sidebar .header-search__suggestion-label { margin-bottom: 15px} .search-type-sidebar .header-search__trending { margin-bottom: 30px} .search-type-sidebar .modal__content-loading .em-product-card { flex: 0 0 100%; max-width: 100%} .search-type-sidebar .modal__content-results .em-col { flex: 0 0 100%; max-width: 100%} .search-type-sidebar .modal__content-results .em-col:after { display: none} .search-type-sidebar .header-search__products .header-search__suggestion-label { margin-bottom: 30px} .search-type-sidebar .header-search__products .swiper:not(.swiper-initialized) .swiper-wrapper:not(.columns-1) .swiper-slide { width: 100%; margin-right: 0; padding: 0} .search-type-sidebar .header-search__products ul.products li.product { width: 100%; position: relative; margin-bottom: 30px} .search-type-sidebar .header-search__products ul.products li.product:not(:first-child):after { content: ""; position: absolute; top: -15px; left: 20px; right: 20px; border-bottom: 1px solid var(--em-border-color)} .search-type-sidebar .header-search__products ul.products li.product:last-child { margin-bottom: 0} .search-type-sidebar .header-search__products ul.products li.product .product-inner { display: flex; gap: 19px} .search-type-sidebar .header-search__products ul.products li.product .product-thumbnail { --em-image-rounded-product-card: var(--em-image-rounded-product-card-small); width: 70px; flex-shrink: 0} .search-type-sidebar .header-search__products ul.products li.product .product-thumbnail > *:not(:first-child) { display: none} .search-type-sidebar .header-search__products ul.products li.product .product-thumbnail .swiper-button { display: none} .search-type-sidebar .header-search__products ul.products li.product .product-summary { display: block; text-align: left; padding-top: 0} .search-type-sidebar .header-search__products ul.products li.product .product-summary.em-flex-align-center .price { justify-content: flex-start} .search-type-sidebar .header-search__products ul.products li.product .product-featured-icons, .search-type-sidebar .header-search__products ul.products li.product .product-variation-items { display: none} .search-type-sidebar .header-search__products ul.products li.product .ecomus-rating { margin-top: 0} .search-type-sidebar .modal__content-results .results-tab-header { display: inline-block; scrollbar-width: none; overscroll-behavior-x: contain; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; margin: 0 -10px 10px; white-space: nowrap; width: 100%} .search-type-sidebar .modal__content-results .results-tab-header .results-tab-button { font-size: 20px; font-size: 1.25rem; font-weight: 500; line-height: 32px; color: #A1A1A1; padding-left: 10px; padding-right: 10px} .search-type-sidebar .modal__content-results .results-tab-header .results-tab-button.active { color: var(--em-color__dark)} .search-type-sidebar .modal__content-results .results-heading { display: none} .search-type-sidebar .results-tab-content .result-tab-item { display: none} .search-type-sidebar .results-tab-content .result-tab-item.active { display: block; animation: fadeIn .4s ease-in-out} .login-modal.woocommerce-account .woocommerce-form-login, .login-modal.woocommerce-account .woocommerce-customer-register, .login-modal.woocommerce-account form.woocommerce-ResetPassword { max-width: 100%} .login-modal h2 { font-size: 28px; font-size: 1.75rem; margin-top: 0; line-height: 1; margin-bottom: 35px} .login-modal .modal__button-close { position: absolute; top: 35px; right: 35px} .login-modal .woocommerce-customer-register:not(.active) { display: none} .login-modal .woocommerce-customer-login:not(.active) { display: none} .login-modal .em-col { flex: 0 0 100%; max-width: 100%} .login-modal.modal .woocommerce-form-login { max-width: 100%} .login-modal .woocommerce-form-row--submit { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0 !important} .login-modal .woocommerce-privacy-policy-text { display: none} .login-modal .woocommerce-button { --em-loading-color: #ffffff} .login-modal .woocommerce-button.em-loading-spin { pointer-events: none} .login-modal .woocommerce-form--register-button { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 10px} .login-modal .woocommerce-form--register-button .woocommerce-form-register__submit { margin-bottom: 0} .login-modal .login-modal-notices { margin-top: 15px; margin-bottom: 0} .login-modal .woocommerce-notices-wrapper { display: none !important} .login-modal .woocommerce-form--register-button .woocommerce-form-register__submit { width: 47%} .login-modal .form-row-register-desc { display: none} .login-modal .em-button-login-mode { white-space: nowrap} .login-modal .woocommerce-notices-wrapper ul { margin: 0} .quick-view-modal { z-index: 1100} .quick-view-modal.single-product div.product { position: relative} .quick-view-modal.single-product div.product .ecomus-product-price .price ins, .quick-view-modal.single-product div.product .ecomus-product-price .price del { order: inherit} .quick-view-modal.single-product div.product .quantity { --em-quantity-width: 51px} .quick-view-modal.single-product div.product .woocommerce-product-gallery { --em-image-rounded-product-gallery: 0} .quick-view-modal.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper { margin: -1px} .quick-view-modal.single-product div.product .woocommerce-product-gallery .ecomus-video-thumbnail .ecomus-i-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3} .quick-view-modal.single-product div.product .woocommerce-product-gallery .ecomus-product-video-play .ecomus-video-thumbnail, .quick-view-modal.single-product div.product .woocommerce-product-gallery .ecomus-product-video-play .ecomus-i-video { z-index: 0} .quick-view-modal.single-product div.product .em-buy-now-button { margin-top: 7px} .quick-view-modal.single-product div.product form.cart .product-featured-icons { transform: translateY(1px)} .quick-view-modal.single-product div.product:not(.product-type-grouped) .ecomus-product-atc-group { flex-wrap: wrap} .quick-view-modal .modal__button-close { position: absolute; top: 20px; right: 25px} .modal__quickview { --em-modal-content-width: 1129px} .modal__quickview > .modal__container > .modal__wrapper { padding: 0; margin: 0} .modal__quickview .woocommerce-product-gallery { position: relative; width: 50%; margin: 0} .modal__quickview .entry-summary { --em-button-height: 46px; position: absolute; right: 0; top: 0; height: 100%; padding: 54px 40px 52px; background-color: #fff; width: 50%; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.05)} .modal__quickview .entry-summary::-webkit-scrollbar { width: 5px} .modal__quickview .entry-summary::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.05)} .modal__quickview .entry-summary::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.12); border-radius: 8px} .modal__quickview .woocommerce-product-rating { margin-bottom: 6px} .modal__quickview .woocommerce-product-rating .star-rating { font-size: 14px; font-size: 0.875rem} .modal__quickview .entry-title { font-size: 28px; font-size: 1.75rem} .modal__quickview .meta-cat { margin-bottom: 12px} .modal__quickview .meta-cat a { color: var(--em-color__primary); font-weight: 500} .modal__quickview div.product .product-featured-icons > *:last-child:not(.loading)::after { right: 30%; transform: translateX(30%)} .modal__quickview .view-full-details-button { margin-top: 22px} .modal__quickview .wcboost-variation-swatches--has-tooltip .wcboost-variation-swatches__item:before, .modal__quickview .wcboost-variation-swatches--has-tooltip .wcboost-variation-swatches__item:after { display: none} .modal__quickview.images-loaded .modal__wrapper { background-color: transparent} .modal__quickview.images-loaded div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img { background-color: #fff} @media (max-width: 1199px) { .quick-view-modal.single-product div.product.product-type-grouped .woocommerce-grouped-product-list td { padding-left: 0; padding-right: 0} .quick-view-modal.single-product div.product.product-type-grouped .woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__price { padding-left: 10px} } @media (max-width: 1024px) { .quick-view-modal .modal__button-close { top: 10px; right: 15px} .modal__quickview .entry-summary { padding: 30px 15px} } @media (min-width: 767px) { .quick-view-modal.size-guide-modal--open .modal__quickview { box-shadow: none} } @media (max-width: 767px) { .quick-view-modal .modal__button-close { top: 20px; right: 25px} .quick-view-modal.single-product div.product .woocommerce-product-gallery { position: relative; width: 100%} .quick-view-modal.single-product div.product .woocommerce-product-gallery .ecomus-swiper-button { display: inline-flex} .quick-view-modal.single-product div.product .woocommerce-product-gallery .swiper-button-prev { left: 10px} .quick-view-modal.single-product div.product .woocommerce-product-gallery .swiper-button-next { right: 10px} .quick-view-modal.single-product div.product .entry-summary { position: relative; width: 100%; padding: var(--em-modal-content-padding-y) var(--em-modal-content-padding-x)} .product-quickview { flex-direction: column} } .quick-add-modal.single-product div.product .ecomus-product-price .woocs_price_code, .quick-add-modal.single-product div.product .price { margin: 0; font-size: 20px; font-size: 1.25rem} .quick-add-modal.single-product div.product .ecomus-product-price .woocs_price_code del, .quick-add-modal.single-product div.product .price del { font-size: 14px; font-size: 0.875rem} .quick-add-modal.single-product div.product .ecomus-product-price .price ins, .quick-add-modal.single-product div.product .ecomus-product-price .price del { order: inherit} .quick-add-modal.single-product div.product .ecomus-product-atc-group { row-gap: 15px} .quick-add-modal.single-product div.product .em-buy-now-button { margin-top: 7px} .quick-add-modal.single-product div.product form.cart .product-featured-icons { transform: translateY(1px)} .quick-add-modal.single-product .sold-by-meta { margin: 7px 0 0 0} .quick-add-modal .modal__button-close { position: absolute; top: 15px; right: 15px} .modal__quickadd { --em-modal-content-width: 510px; --em-button-height: 46px} .modal__quickadd > .modal__container > .modal__wrapper { padding: 0; margin: 0} .modal__quickadd .entry-summary { padding: 41px 20px 35px; height: 100%; max-height: calc( 100vh - 200px); overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.05)} .modal__quickadd .entry-summary__header { display: flex; align-items: center; gap: 18px; margin-bottom: 20px} .modal__quickadd .product-thumbnail { max-width: 70px} .modal__quickadd .product-thumbnail img { width: 100%; border-radius: var(--em-image-rounded-product-card-small)} .modal__quickadd .product-summary { flex: auto} .modal__quickadd .product_title { margin-top: 0; margin-bottom: 10px; font-size: 20px; font-size: 1.25rem; line-height: 19.2px} .modal__quickadd .ecomus-product-atc-group { flex-wrap: wrap} .modal__quickadd div.product .product-summary .ecomus-product-price { justify-content: flex-start; margin-bottom: 0} .modal__quickadd div.product .product-summary .sold-by-meta { margin-top: 11px} .modal__quickadd div.product .product-featured-icons > *:last-child:not(.loading)::after { right: 30%; transform: translateX(30%)} .modal__quickadd .wcboost-variation-swatches--has-tooltip .wcboost-variation-swatches__item:before, .modal__quickadd .wcboost-variation-swatches--has-tooltip .wcboost-variation-swatches__item:after { display: none} @media (max-width: 767px) { .modal__quickadd .entry-summary { padding: 25px var(--em-modal-content-padding-x) 15px; max-height: 100%} .modal__quickadd .product_title { font-size: 16px; font-size: 1rem} } .product-share-modal { --em-modal-content-width: 480px; --em-modal-content-padding-x: 25px; --em-modal-content-padding-y: 25px; --em-modal-close-position-top: 31px; --em-modal-close-position-right: 31px} .product-share__share .post__socials-share { display: flex; align-items: center; gap: 10px; overflow-x: auto; padding-bottom: 10px; margin: 10px 0 20px; scrollbar-color: var(--em-color__grayer)} .product-share__share .post__socials-share::-webkit-scrollbar { height: 3px} .product-share__share .post__socials-share::-webkit-scrollbar-track { background-color: var(--em-color__grayer)} .product-share__share .post__socials-share::-webkit-scrollbar-thumb { background-color: var(--em-color__base)} .product-share__share .post__socials-share::-webkit-scrollbar-thumb:hover { background-color: var(--em-color__base)} .product-share__share .post__socials-share a.social-share-link { display: flex; align-items: center; justify-content: center; border-radius: 50%; min-width: 44px; width: 44px; height: 44px; line-height: 44px; background-color: var(--em-social-color, #999); color: var(--em-color__light)} .product-share__share .post__socials-share a.social-share-link.em-socials--instagram, .product-share__share .post__socials-share a.social-share-link.em-socials--threads, .product-share__share .post__socials-share a.social-share-link.em-socials--tiktok { background-image: var(--em-social-color)} .product-share__share .post__socials-share a.social-share-link .ecomus-svg-icon { font-size: 17px; font-size: 1.0625rem; margin: 0} .product-share__share .post__socials-share a.social-share-link .social-share__label { display: none} .product-share__copylink form { display: inline-flex; width: 100%; position: relative} .product-share__copylink input { padding-right: 105px} .product-share__copylink-heading { color: var(--em-color__dark); margin: 20px 0 10px} .product-share__copylink--link { --em-input-padding-y: 17px; --em-input-rounded: var( --em-rounded-xs ); flex: 1} .product-share__copylink--button { --em-button-padding-right: 25px; --em-button-padding-left: 25px; --em-button-padding-top: 14px; --em-button-padding-bottom: 14px; --em-button-rounded: var( --em-rounded-xs ); position: absolute; top: 50%; transform: translateY(-50%); right: 5px; text-transform: uppercase} .ask-question-content label { display: block; margin-bottom: 13px} .ask-question-content input { width: 100%} .ask-question-content p { margin: 0; position: relative} .ask-question-content form > p:last-child { margin-bottom: 0} .ask-question-content .wpcf7-form-control-wrap { display: block; margin-top: 5px} .ask-question-content .wpcf7-spinner { display: none} .ask-question-content .wpcf7 form .wpcf7-response-output { margin: 19px 0 0 0} .ask-question-content .submitting .wpcf7-spinner { --em-animation-state: running; position: relative; color: transparent; --em-loading-color: var(--em-button-color); display: block; background-color: transparent; opacity: 1; width: auto; height: auto; position: absolute; left: calc(50% - 25px); top: 50%; transform: translate(-50%, -50%)} .ask-question-content .submitting .wpcf7-spinner::before { display: inline-block; content: ""; width: 18px; height: 18px; border-radius: 100%; border: solid 2px var(--em-loading-color); border-top-color: transparent; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; animation: spin 0.6s linear infinite var(--em-animation-state)} .ask-question-content .submitting .wpcf7-spinner:before { background-color: transparent; transform-origin: initial} .ask-question-content .submitting .wpcf7-submit { color: var(--em-button-bg-color); pointer-events: none; opacity: 0.3} /* Popover --------------------------------------------- */ .popover { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1100; opacity: 0; visibility: hidden; transition-delay: 0.8s} .popover--open { visibility: visible; opacity: 1; transition-delay: 0s} .popover--open .popover__content { clip-path: inset(0px round 8px)} .popover--open .popover__button-close { opacity: 1; transition: opacity 0.15s ease-in-out 0.8s} .popover--open .popover__backdrop { opacity: 1; visibility: visible; transition: opacity 0.4s ease-in-out 0s; cursor: var(--em-cursor-close-icon) 25 25, auto} .popover__container { position: fixed; bottom: 0; left: 0; right: 0; margin: 0; padding: 52px 8px 8px; overflow-y: visible; max-width: 100vw; width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 5} .popover__header { padding: 16px} .popover__content { background-color: var(--em-color__light); box-shadow: 0 8px 24px rgba(149, 157, 165, 0.2); border-radius: var(--em-rounded-xs); max-height: 68vh; isolation: isolate; clip-path: inset(100% 0px 0px round 8px); padding: 15px 0; transition: clip-path 0.15s ease-in-out 0.4s} .popover__backdrop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transition-duration: 0.4s; transition-delay: 0.8s} .popover__button-close { --em-button-width: 44px; --em-button-height: 44px; font-size: 12px; font-size: 0.75rem; position: absolute; left: 50%; transform: translateX(-50%); top: 0; z-index: 1; cursor: pointer; border-radius: 100%; opacity: 0; transition: opacity 0s ease-in-out 0s} body.popover-opened { overflow: hidden} .admin-bar .popover { top: 32px} @media (max-width: 780px) { .admin-bar .popover { top: 46px} } @media (max-width: 600px) { .admin-bar .popover { top: 0} } .popover--open .mobile-orderby-list { opacity: 1; transition: opacity 0.4s ease-in-out 0.5s} .mobile-orderby-list { margin: 0; padding: 0; list-style-type: none; opacity: 0; transition: opacity 0.15s ease-in-out 0s} .mobile-orderby-list li a { display: block; padding: 0 20px; line-height: 30px; position: relative} .mobile-orderby-list li a.selected { background-color: var(--em-border-color)} .mobile-orderby-list li a.selected:before, .mobile-orderby-list li a.selected:after { opacity: 1} .mobile-orderby-list li a:before { content: ""; width: 3px; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: var(--em-color__dark); opacity: 0} .mobile-orderby-list li a:after { content: ""; width: 3px; height: 100%; position: absolute; top: 0; left: 3px; z-index: 1; background-color: var(--em-color__light); opacity: 0} .catalog-toolbar__orderby-button { --em-button-padding-top: 11px; --em-button-padding-bottom: 9px; --em-button-padding-left: 12px; --em-button-padding-right: 12px} .catalog-toolbar__orderby-button .ecomus-svg-icon { font-size: 12px; font-size: 0.75rem} .currency-popover .popover__content .current { display: none} .currency-popover .currency-dropdown ul { list-style: none; padding: 0 20px; margin: 0} .currency-popover .currency-dropdown li a { display: block; width: auto; height: auto; margin: 0; padding: 5px 0; color: var(--em-color__dark); opacity: 1} .currency-popover .currency-dropdown li img { --em-image-rounded: 0px; max-width: 16px; margin-right: 5px; margin-bottom: 2px} .currency-popover .currency-dropdown li.active a { color: var(--em-color__primary)} .language-popover .popover__content .current { display: none} .language-popover .currency-dropdown ul { list-style: none; padding: 0 20px; margin: 0} .language-popover .currency-dropdown li a { display: block; width: auto; height: auto; margin: 0; padding: 5px 0; color: var(--em-color__dark); opacity: 1} .language-popover .currency-dropdown li.active a { color: var(--em-color__primary)} /* Elementor --------------------------------------------- */ .e-con-inner { --em-container-spacing: 50px} @media (max-width: 1024px) and (min-width: 768px) { .elementor .elementor-element.ecomus-tablet-column--column_lg .e-con.e-child { flex: 1 0 100%; width: 100%} .elementor .elementor-element.ecomus-tablet-column--column_md .e-con.e-child { flex: 1 0 75%; width: 75%} .elementor .elementor-element.ecomus-tablet-column--column_sm .e-con.e-child { flex: 1 0 50%; width: 50%} .elementor .elementor-element.ecomus-tablet-column--column_xs .e-con.e-child { flex: 1 0 40%; width: 40%} .elementor .elementor-element.ecomus-tablet-column--column_xxs .e-con.e-child { flex: 1 0 30%; width: 30%} .elementor .elementor-element.ecomus-tablet-column--column_xxxs .e-con.e-child { flex: 1 0 22.5%; width: 22.5%} .ecomus-responsive-column:not(.ecomus-tablet-column--default).e-con-full, .ecomus-responsive-column:not(.ecomus-tablet-column--default) .e-con-inner { flex-wrap: nowrap !important; overflow-y: hidden; overflow-x: auto; scroll-behavior: smooth; justify-content: space-between} .ecomus-responsive-column:not(.ecomus-tablet-column--default).e-con-full::-webkit-scrollbar, .ecomus-responsive-column:not(.ecomus-tablet-column--default) .e-con-inner::-webkit-scrollbar { display: none} } @media (max-width: 767px) { .elementor .elementor-element.ecomus-mobile-column--column_lg .e-con.e-child { flex: 1 0 100%; width: 100%} .elementor .elementor-element.ecomus-mobile-column--column_md .e-con.e-child { flex: 1 0 75%; width: 75%} .elementor .elementor-element.ecomus-mobile-column--column_sm .e-con.e-child { flex: 1 0 50%; width: 50%} .elementor .elementor-element.ecomus-mobile-column--column_xs .e-con.e-child { flex: 1 0 40%; width: 40%} .elementor .elementor-element.ecomus-mobile-column--column_xxs .e-con.e-child { flex: 1 0 30%; width: 30%} .ecomus-responsive-column:not(.ecomus-mobile-column--default).e-con-full, .ecomus-responsive-column:not(.ecomus-mobile-column--default) .e-con-inner { flex-wrap: nowrap !important; overflow-y: hidden; overflow-x: auto; scroll-behavior: smooth; justify-content: space-between} .ecomus-responsive-column:not(.ecomus-mobile-column--default).e-con-full::-webkit-scrollbar, .ecomus-responsive-column:not(.ecomus-mobile-column--default) .e-con-inner::-webkit-scrollbar { display: none} } .ecomus-subscribe-box__type-row .ecomus-subscribe-box__content .mc4wp-form-fields { display: flex; flex-direction: row; align-items: flex-start; gap: 9px} .ecomus-subscribe-box__type-row .ecomus-subscribe-box__content .mc4wp-form-fields input:not([type="submit"]) { margin: 0; flex: 1} .ecomus-subscribe-box__content .mc4wp-form-fields { display: flex; flex-direction: column} .ecomus-subscribe-box__content .mc4wp-form-fields button { font-weight: 600} .ecomus-subscribe-box__content .mc4wp-form-fields .ecomus-svg-icon { display: none} .ecomus-subscribe-box__content input[type="email"] { margin-bottom: 20px} .ecomus-subscribe-box__content.ecomus-subscribe-box__type-row { --em-input-padding-y: 1.1rem} .ecomus-subscribe-box__content.ecomus-subscribe-box__type-row .mc4wp-form-fields { position: relative} .ecomus-subscribe-box__content.ecomus-subscribe-box__type-row .mc4wp-form-fields .ecomus-svg-icon { display: block} .ecomus-subscribe-box__content.ecomus-subscribe-box__type-row input[type="email"] { width: 100%; margin-bottom: 0; padding-right: 133px} .ecomus-subscribe-box__content.ecomus-subscribe-box__type-row button, .ecomus-subscribe-box__content.ecomus-subscribe-box__type-row input[type="submit"] { --em-button-padding-top: 12px; --em-button-padding-bottom: 12px; --em-button-padding-right: 18px; --em-button-padding-left: 18px; position: absolute; top: 50%; transform: translateY(-50%); right: 8px} .ecomus-subscribe-box__content.ecomus-subscribe-box__type-row p { margin-top: 0} .ecomus-subscribe-box__content .mc4wp-alert { font-size: 14.85714px; font-size: 0.92857rem; padding: 10px 15px; margin: 10px 0; border-radius: var(--em-input-rounded)} .ecomus-subscribe-box__content .mc4wp-alert p { margin: 0} .ecomus-subscribe-box__content .mc4wp-success { background-color: #E8F0E9; color: #428445} .ecomus-subscribe-box__content .mc4wp-warning { background-color: #FBF6EA; color: #E0B252} .ecomus-subscribe-box__content .mc4wp-error { background-color: #FDE0E4; color: #EB001B} .ecomus-subscribe-box__title { font-size: 18px; font-size: 1.125rem; color: var(--em-heading-color); margin: 0 0 25px} .ecomus-subscribe-box__title.active .ecomus-subscribe-box__icon-default { opacity: 0} .ecomus-subscribe-box__title.active .ecomus-subscribe-box__icon-active { opacity: 1} .ecomus-subscribe-box__description { margin: 0 0 25px} .ecomus-subscribe-box__currency-language { gap: 45px; margin-top: 24px} .ecomus-subscribe-box__dropdown-position-top .ecomus-currency-language .current { color: var(--em-color__dark)} .ecomus-subscribe-box__dropdown-position-top .ecomus-currency-language .current:before { bottom: auto; top: -8px} .ecomus-subscribe-box__dropdown-position-top .ecomus-currency-language .currency-dropdown { top: auto; bottom: 100%} .ecomus-subscribe-box__icon { font-size: 12px; font-size: 0.75rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer; border-radius: 50%; display: inline-flex; transition: .3s} .ecomus-subscribe-box__icon i, .ecomus-subscribe-box__icon svg { transition: .3s} .ecomus-subscribe-box__icon-active { opacity: 0} .ecomus-social-icons__wrapper { display: flex; align-items: center; flex-wrap: wrap; gap: 12px} .ecomus-social-icons__item { display: flex; align-items: center; justify-content: center} .ecomus-social-icons__item .ecomus-img-icon { display: inline-flex} .ecomus-social-icons__item .ecomus-img-icon img { display: block} .ecomus-social-icons__style--outline .ecomus-social-icons__item { border-radius: 50%; width: 34px; height: 34px; line-height: 34px; border: 1px solid var(--em-color__dark)} .ecomus-social-icons__style--outline .ecomus-social-icons__item:hover { border-color: #DB1215} .ecomus-social-icons__style--solid .ecomus-social-icons__item { border-radius: 50%; width: 34px; height: 34px; color: var(--em-color__dark); background-color: var(--em-border-color)} .ecomus-social-icons__style--solid .ecomus-social-icons__item:hover { color: var(--em-color__light); background-color: var(--em-social-color, #000)} .ecomus-social-icons__style--solid .ecomus-social-icons__item:hover.em-socials--instagram, .ecomus-social-icons__style--solid .ecomus-social-icons__item:hover.em-socials--threads, .ecomus-social-icons__style--solid .ecomus-social-icons__item:hover.em-socials--tiktok { background-image: var(--em-social-color)} .ecomus-brands-filters { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; margin: 0 auto 47px; max-width: 1200px} .ecomus-brands-filters__button { --em-button-bg-color: #fff; --em-button-color: #000; --em-button-padding-top: 11px; --em-button-padding-bottom: 11px; --em-button-padding-left: 15px; --em-button-padding-right: 15px; min-width: 42px; border: 1px solid var(--em-border-color)} .ecomus-brands-filters__button:hover, .ecomus-brands-filters__button.active { --em-button-bg-color: #000; --em-button-color: #fff; --em-border-color: #000} .ecomus-brands-filters__button.disable { color: rgba(0, 0, 0, 0.2); pointer-events: none} .ecomus-brands-filters__button:not(:first-child) { text-transform: uppercase} .ecomus-brands-filters__items { display: none} .ecomus-brands-filters__items.active { display: block; animation: slideInRight 0.5s ease-in-out} .ecomus-brands-filters__heading { font-size: 42px; font-size: 2.625rem; line-height: 1; text-transform: uppercase; color: var(--em-color__dark)} .ecomus-brands-filters__item { margin-bottom: 5px} .ecomus-brands-filters__item:last-child { margin-bottom: 0} .ecomus-brands--grid .ecomus-brands-filters__wrapper { margin: 0 -15px; row-gap: 30px; overflow: hidden} .ecomus-brands--grid .ecomus-brands-filters__items { margin: 0 15px; width: calc( 25% - 30px); padding: 25px 30px; border: 1px solid var(--em-border-color)} .ecomus-brands--grid .ecomus-brands-filters__inner { flex-direction: column} .ecomus-brands--grid .ecomus-brands-filters__heading { margin-bottom: 15px} .ecomus-brands--list { overflow: hidden} .ecomus-brands--list .ecomus-brands-filters__wrapper { display: block; border-top: 1px solid var(--em-border-color)} .ecomus-brands--list .ecomus-brands-filters__items { padding: 15px; border-bottom: 1px solid var(--em-border-color)} .ecomus-brands--list .ecomus-brands-filters__inner { align-items: center; gap: 20px} .ecomus-brands--list .ecomus-brands-filters__heading { width: 100%; max-width: 16.66666667%; padding: 0 30px; text-align: center; border-right: 1px solid var(--em-border-color)} .ecomus-brands--list .ecomus-brands-filters__content { display: flex; flex-wrap: wrap; align-items: center; gap: 30px; width: 100%} .ecomus-brands--list .ecomus-brands-filters__item { display: flex; flex-direction: column; justify-content: center; gap: 20px; text-align: center; width: calc( 16.66666667% - 25px)} .ecomus-contact-form .wpcf7-form .wpcf7-form-control-wrap { display: block; margin-bottom: 15px} .ecomus-contact-form .wpcf7-form p { margin: 0} .ecomus-contact-form .wpcf7-form input, .ecomus-contact-form .wpcf7-form select { width: 100%} .ecomus-contact-form .wpcf7-form input[type="checkbox"]:before { top: 0} .ecomus-contact-form .wpcf7-form input[type="checkbox"]:after { top: 4px} .ecomus-contact-form .wpcf7-form input[type="radio"]:before { top: 0; left: -3px} .ecomus-contact-form .wpcf7-form input[type="radio"]:after { top: 2px; left: -1px} .ecomus-contact-form .wpcf7-form .wpcf7-checkbox .wpcf7-list-item, .ecomus-contact-form .wpcf7-form .wpcf7-radio .wpcf7-list-item { margin: 0 1.5em 0 0} .ecomus-contact-form .wpcf7-form .wpcf7-acceptance .wpcf7-list-item label { display: inline-flex} .ecomus-contact-form .wpcf7-form .wpcf7-list-item { display: inline-flex; margin: 0 1em 0 0} .ecomus-contact-form .wpcf7-form .wpcf7-list-item-label { flex: 1 0 auto} .ecomus-contact-form .wpcf7-form .wpcf7-submit { font-weight: 600} .ecomus-contact-form .wpcf7-form .wpcf7-spinner { display: block; margin: 20px auto 0} .ecomus-contact-form .wpcf7-form .em-row { margin-left: -7.5px; margin-right: -7.5px} .ecomus-contact-form .wpcf7-form .em-col { padding-left: 7.5px; padding-right: 7.5px} .ecomus-icon-box { position: relative} .ecomus-icon-box.icon-type-image .ecomus-icon-box__icon { display: inline-flex; justify-content: center; align-items: center} .ecomus-icon-box__icon { display: inline-block; font-size: 40px; font-size: 2.5rem; line-height: 1; margin-bottom: var(--ecomus-icon-box-margin); border-radius: var(--em-image-rounded)} .ecomus-icon-box__title { margin-top: 0; margin-bottom: 17px} .ecomus-icon-box__icon-text-ellipsis-yes .ecomus-icon-box__title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .ecomus-icon-box-carousel__border-between-yes .ecomus-icon-box { padding-left: 1px} .ecomus-icon-box-carousel__border-between-yes .ecomus-icon-box:after { content: ''; position: absolute; left: 1px; top: 0; height: 100%; width: 1px; background-color: #ECECEC} .ecomus-icon-box-carousel__border-between-yes .ecomus-icon-box.swiper-slide-active:after { display: none} .ecomus-icon-box-carousel__border-between-yes .ecomus-icon-box-carousel__wrapper:not(.swiper-initialized) .ecomus-icon-box:first-child:after { display: none} .ecomus-icon-box__icon-position--left .ecomus-icon-box, .ecomus-icon-box__icon-position--right .ecomus-icon-box { display: flex; align-items: flex-start} .ecomus-icon-box__icon-position--left { --ecomus-icon-box-margin: 15px} .ecomus-icon-box__icon-position--left .ecomus-icon-box__icon { margin-right: var(--ecomus-icon-box-margin); margin-left: 0; margin-bottom: 0} .ecomus-icon-box__icon-position--left.ecomus-icon-box__icon-alignment--left .ecomus-icon-box { justify-content: flex-start} .ecomus-icon-box__icon-position--left.ecomus-icon-box__icon-alignment--center .ecomus-icon-box { justify-content: center} .ecomus-icon-box__icon-position--left.ecomus-icon-box__icon-alignment--right .ecomus-icon-box { justify-content: flex-end} .ecomus-icon-box__icon-position--top { --ecomus-icon-box-margin: 11px} .ecomus-icon-box__icon-position--top .ecomus-icon-box { display: flex; flex-direction: column} .ecomus-icon-box__icon-position--top .ecomus-icon-box__icon { margin-bottom: var(--ecomus-icon-box-margin); margin-left: 0; margin-right: 0} .ecomus-icon-box__icon-position--top.ecomus-icon-box__icon-alignment--left .ecomus-icon-box { justify-content: flex-start; align-items: flex-start; text-align: left} .ecomus-icon-box__icon-position--top.ecomus-icon-box__icon-alignment--center .ecomus-icon-box { justify-content: center; align-items: center; text-align: center} .ecomus-icon-box__icon-position--top.ecomus-icon-box__icon-alignment--stretch .ecomus-icon-box { justify-content: center; align-items: stretch; text-align: center} .ecomus-icon-box__icon-position--top.ecomus-icon-box__icon-alignment--right .ecomus-icon-box { justify-content: flex-end; align-items: flex-end; text-align: right} .ecomus-icon-box__icon-position--right { --ecomus-icon-box-margin: 15px} .ecomus-icon-box__icon-position--right .ecomus-icon-box__icon { order: 2; margin-left: var(--ecomus-icon-box-margin); margin-right: 0; margin-bottom: 0} .ecomus-icon-box__icon-position--right .ecomus-icon-box__wrapper { order: 1} .ecomus-icon-box__icon-position--right.ecomus-icon-box__icon-alignment--left .ecomus-icon-box { justify-content: flex-start} .ecomus-icon-box__icon-position--right.ecomus-icon-box__icon-alignment--center .ecomus-icon-box { justify-content: center} .ecomus-icon-box__icon-position--right.ecomus-icon-box__icon-alignment--right .ecomus-icon-box { justify-content: flex-end} @media (min-width: 768px) { .ecomus-icon-box__vertical-align-top .ecomus-icon-box { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start} .ecomus-icon-box__vertical-align-middle .ecomus-icon-box { -webkit-box-align: center; -ms-flex-align: center; align-items: center} .ecomus-icon-box__vertical-align-bottom .ecomus-icon-box { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end} } .ecomus-timeline { padding-top: 130px; padding-bottom: 20px} .ecomus-timeline__line { width: 1px; border-left: 1px dashed var(--em-border-color); height: 100%; top: 0; left: 50%; transform: translateX(-50%); z-index: 1} .ecomus-timeline__line::before, .ecomus-timeline__line::after { content: ""; position: absolute; z-index: 3; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; z-index: 3; background-color: var(--em-border-color); border-radius: 100%} .ecomus-timeline__line::before { top: 0} .ecomus-timeline__line::after { bottom: 0} .ecomus-timeline__item:nth-child(2n+1) .ecomus-timeline__inner { flex-direction: row-reverse} .ecomus-timeline__item:nth-child(2n+1) .ecomus-timeline__content { text-align: right} .ecomus-timeline__item::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%); width: 10px; height: 10px; z-index: 3; background-color: #DB1215; border-radius: 100%} .ecomus-timeline__inner { justify-content: space-between; gap: 190px; padding: 90px 0} .ecomus-timeline__inner::before, .ecomus-timeline__inner::after { position: absolute; content: ""; width: 40px; background-color: var(--em-border-color); height: 1px; z-index: 3; top: calc(50% + 5px)} .ecomus-timeline__inner::before { left: calc(50% + 35px); transform: translate(-50%)} .ecomus-timeline__inner::after { right: calc(50% + 35px); transform: translate(50%)} .ecomus-timeline__year { font-size: 20px; font-size: 1.25rem; line-height: 1; background-color: var(--em-color__dark); color: var(--em-color__light); border-radius: var(--em-rounded-xs); padding: 8px 35px; top: 0; left: 50%; transform: translateX(-50%); z-index: 3} .ecomus-timeline__image, .ecomus-timeline__content { max-width: 490px; width: 50%; z-index: 3} .ecomus-timeline__content { background-color: #fff} .ecomus-timeline__subtitle { color: var(--em-color__dark); font-weight: 700; text-transform: uppercase; margin-bottom: 7px} .ecomus-timeline__title { font-size: 28px; font-size: 1.75rem; line-height: normal; color: var(--em-color__dark); margin-bottom: 10px} .ecomus-store-locations { --em-rounded-iframe: 0px; gap: 30px} .ecomus-store-locations__tabs { width: 33.33337%} .ecomus-store-locations__scroll { top: 0; left: 0; width: 100%; max-height: 100%; gap: 15px; flex-wrap: nowrap; overflow-y: hidden; overflow-x: auto; scroll-behavior: smooth; overflow-y: auto; overflow-x: hidden} .ecomus-store-locations__scroll::-webkit-scrollbar { display: none} .ecomus-store-locations__content { padding: 28px 27px 30px; border: 1px solid var(--em-border-color); border-radius: var(--em-rounded-md); cursor: pointer} .ecomus-store-locations__content.active { background-color: var(--em-color__dark); color: var(--em-color__light); border-color: var(--em-color__dark)} .ecomus-store-locations__content.active .ecomus-store-locations__title { color: inherit} .ecomus-store-locations__content.active .ecomus-store-locations__title .ecomus-svg-icon { margin-right: 12px; font-size: 16px; font-size: 1rem; transform: scale(1); opacity: 1; visibility: visible} .ecomus-store-locations__content.active .ecomus-store-locations__info span, .ecomus-store-locations__content.active .ecomus-store-locations__info a { color: inherit} .ecomus-store-locations__title { font-size: 20px; font-size: 1.25rem; line-height: 1.2; color: var(--em-color__dark); margin-bottom: 17px} .ecomus-store-locations__title .ecomus-svg-icon { margin-right: 0; font-size: 0px; font-size: 0rem; opacity: 0; visibility: hidden; transform: scale(0); transition: 0.4s ease 0s} .ecomus-store-locations__info span { color: var(--em-color__dark)} .ecomus-store-locations__tab { width: 66.66663%; flex: auto} .ecomus-store-locations__embed { animation: fadeOut .8s ease-in-out} .ecomus-store-locations__embed.active { animation: fadeIn .8s ease-in-out} .ecomus-store-locations__embed:not(.active) { display: none} .ecomus-store-locations__embed iframe { border-radius: var(--em-rounded-iframe)} .ecomus-testimonial-carousel--elementor { justify-content: space-between; align-items: center} .ecomus-testimonial__inner { width: 50%} .ecomus-testimonial__inner .swiper-pagination { text-align: left; margin-top: 25px} .ecomus-testimonial__image { width: 50%; padding-left: 30px} .ecomus-testimonial__title { margin: 0 0 20px 0} .ecomus-testimonial__quote { font-size: 46px; font-size: 2.875rem} .ecomus-testimonial__quote .ecomus-svg-icon--quote svg { fill: none} .ecomus-testimonial__subtitle { font-size: 12px; font-size: 0.75rem; color: var(--em-color__dark); text-transform: uppercase; margin: 2px 0 9px 0} .ecomus-testimonial__rating { margin-top: 16px} .ecomus-testimonial__rating.star-rating { font-size: 16px; font-size: 1rem} .ecomus-testimonial__rating.star-rating .user-rating { color: #F47249} .ecomus-testimonial__description { font-size: 20px; font-size: 1.25rem; line-height: 30px; color: var(--em-color__dark); margin-top: 20px} .ecomus-testimonial__information { display: flex; align-items: center; gap: 20px; margin-top: 23px} .ecomus-testimonial__name { color: var(--em-color__dark)} .ecomus-testimonial__company { color: var(--em-color__base)} .ecomus-testimonial__company:hover { color: var(--em-color__primary)} .ecomus-testimonial__company a { display: block; color: inherit} .ecomus-testimonial__information-image { --em-testimonial-image-rounded: min( 5px, var(--em-image-rounded) ); max-width: 70px} .ecomus-testimonial__information-image .ecomus-testimonial__photo img { border-radius: var(--em-testimonial-image-rounded)} .ecomus-testimonial__thumbnail-item[data-image="2"] .ecomus-testimonial__photo-1 { width: 79%; margin-inline-start: auto; z-index: 1; position: relative; transition: all .5s linear; padding-bottom: 66px} .ecomus-testimonial__thumbnail-item[data-image="2"] .ecomus-testimonial__photo-1:hover { z-index: 3} .ecomus-testimonial__thumbnail-item[data-image="2"] .ecomus-testimonial__photo-2 { width: 53%; position: absolute; bottom: 0; z-index: 2; transition: all .5s linear} .ecomus-testimonial__image-position--left .ecomus-testimonial-carousel--elementor { flex-direction: row-reverse} .ecomus-testimonial__image-position--left .ecomus-testimonial__image { padding-left: 0; padding-right: 30px} .ecomus-testimonial__image-position--left .ecomus-testimonial__gallery-content { padding: 0} .ecomus-testimonial__navigation-position--default .swiper-button { --em-arrow-top: 40px; margin-top: var(--em-arrow-top); position: relative; left: 0 !important; right: auto !important; top: 0} .ecomus-testimonial__navigation-position--default .elementor-swiper-button-next { margin-left: 6px} .ecomus-testimonial__navigation-position--center .swiper-button { z-index: 2} .ecomus-testimonial__divider-yes .ecomus-testimonial__information { position: relative; padding-top: 25px; margin-top: 37px} .ecomus-testimonial__divider-yes .ecomus-testimonial__information:before { content: ''; position: absolute; top: 0; left: 0; max-width: 149px; width: 100%; height: 1px; border-bottom: 1px dashed var(--em-border-color)} .ecomus-products-carousel ul.products li.product { height: auto} .ecomus-products-carousel ul.products li.product .product-inner { height: 100%} .ecomus-products-carousel ul.products li.product .product-inner .woocommerce-LoopProduct-link { overflow: hidden} .ecomus-products-carousel .swiper-button { opacity: 0} .ecomus-products-carousel .swiper-button.elementor-swiper-button-prev { margin-left: 20px} .ecomus-products-carousel .swiper-button.elementor-swiper-button-next { margin-right: 20px} .ecomus-products-carousel:hover .swiper-button { opacity: 1} .ecomus-products-carousel:hover .swiper-button.elementor-swiper-button-prev { margin-left: 0} .ecomus-products-carousel:hover .swiper-button.elementor-swiper-button-next { margin-right: 0} .ecomus-products-carousel__heading-display-between { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 49px} .ecomus-products-carousel__heading-display-between h4, .ecomus-products-carousel__heading-display-between .h4 { margin: 0} .ecomus-products-carousel__heading-display-between .swiper-button { font-size: 8px; font-size: 0.5rem; position: static; display: inline-flex; transform: none; width: 30px; height: 30px; margin-left: 6px; opacity: 1; border-radius: var(--em-arrow-rounded)} .ecomus-products-carousel__heading-display-between .swiper-button.elementor-swiper-button-prev { margin-left: 0} .ecomus-products-carousel__heading-display-between .swiper-button.elementor-swiper-button-next { margin-right: 0} .ecomus-products-carousel__heading-display-center { margin-bottom: 60px} .ecomus-products-carousel__heading-display-center .swiper-arrows { display: flex; align-items: center; justify-content: center; gap: 16px} .ecomus-products-carousel__heading-display-center .ecomus-products-carousel__title { font-size: 12px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; margin: 0} .ecomus-products-carousel__heading-display-center .ecomus-products-carousel__title a { line-height: 1; position: relative; padding: 0 0 5px 0} .ecomus-products-carousel__heading-display-center .ecomus-products-carousel__title a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: var(--em-link-color); transition: 0.4s} .ecomus-products-carousel__heading-display-center .ecomus-products-carousel__title a:hover:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: var(--em-link-color-hover)} .ecomus-products-carousel__heading-display-center .swiper-button { --em-arrow-color-hover: var(--em-color__primary); font-size: 14px; font-size: 0.875rem; text-align: center; position: static; transform: none; padding-top: 2px; margin-left: 0; opacity: 1; cursor: pointer; transition: 0.4s; display: inline-flex} .ecomus-products-carousel__heading-display-center .elementor-swiper-button-next { margin-right: 0} .ecomus-addtocart-button-show--yes .ecomus-button { min-width: 100%} .ecomus-addtocart-button-show--yes ul.products li.product .product-inner .product-featured-icons .product-loop-button-atc { display: none} .ecomus-addtocart-button-show--yes ul.products li.product .product-inner .product-featured-icons:not(.no-atc).product-featured-icons--no-spacing .product-loop-button:nth-child(3) { border-radius: var(--em-button-rounded-product-card-xs) 0 0 var(--em-button-rounded-product-card-xs)} .ecomus-addtocart-button-show--yes ul.products li.product .product-loop-button-atc { --em-button-height: auto; --em-button-width: auto} .ecomus-addtocart-button-show--yes ul.products.product-card-button-atc-transfrom--top li.product .product-summary { transform: translateY(0); z-index: 2} .ecomus-addtocart-button-show--yes ul.products.product-card-button-atc-transfrom--top li.product .product-loop-button-atc { opacity: 1; visibility: visible; pointer-events: auto} .ecomus-addtocart-button-show--yes ul.products.product-card-button-atc-transfrom--bottom li.product .product-loop-button-atc { position: static; visibility: visible; opacity: 1; transform: none} .ecomus-addtocart-button-show--yes ul.products.product-card-mobile-show-atc li.product .product-loop-button-atc { display: inline-flex} .ecomus-products-carousel-align--center ul.products li.product .product-summary { text-align: center} .ecomus-products-carousel-align--center ul.products li.product .product-summary > * { justify-content: center} .ecomus-products-carousel-align--right ul.products li.product .product-summary { text-align: right} .ecomus-products-carousel-align--right ul.products li.product .product-summary > * { justify-content: flex-end} .ecomus-products-carousel-align--right ul.products li.product .product-summary .product-variation-items { display: inline-flex} .ecomus-products-carousel-border-yes ul.products li.product .product-thumbnail:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid var(--em-color__dark); border-radius: var(--em-image-rounded-product-card); z-index: 1} .ecomus-product-grid .woocommerce-pagination-button { --em-button-padding-left: 30px; --em-button-padding-right: 30px; --em-button-padding-top: 14px; --em-button-padding-bottom: 14px} .ecomus-product-grid-align--center ul.products li.product .product-summary { text-align: center} .ecomus-product-grid-align--center ul.products li.product .product-summary > * { justify-content: center} .ecomus-product-grid-align--center ul.products li.product .product-summary .product-variation-items { display: inline-flex} .ecomus-product-grid-align--right ul.products li.product .product-summary { text-align: right} .ecomus-product-grid-align--right ul.products li.product .product-summary > * { justify-content: flex-end} .ecomus-product-grid-align--right ul.products li.product .product-summary .product-variation-items { display: inline-flex} .ecomus-products-grid-border-yes ul.products { --em-products-grid-border: #ececec; border-left: 1px solid var(--em-products-grid-border)} .ecomus-products-grid-border-yes ul.products li.product { margin-top: -1px; position: relative} .ecomus-products-grid-border-yes ul.products li.product:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid var(--em-products-grid-border); border-bottom: 1px solid var(--em-products-grid-border); border-right: 1px solid var(--em-products-grid-border)} .ecomus-products-grid-border-yes ul.products li.product .product-inner { padding: 15px} @media (min-width: 1200px) { .ecomus-product-columns--2.ecomus-product-grid ul.products li.product { width: 50%} .ecomus-product-columns--3.ecomus-product-grid ul.products li.product { width: 33.33%} .ecomus-product-columns--4.ecomus-product-grid ul.products li.product { width: 25%} .ecomus-product-columns--5.ecomus-product-grid ul.products li.product { width: 20%} .ecomus-product-columns--6.ecomus-product-grid ul.products li.product { width: 16.66%} } @media (max-width: 1199px) and (min-width: 768px) { .ecomus-product-columns-tablet--2.ecomus-product-grid ul.products li.product { width: 50%} .ecomus-product-columns-tablet--3.ecomus-product-grid ul.products li.product { width: 33.33%} .ecomus-product-columns-tablet--4.ecomus-product-grid ul.products li.product { width: 25%} .ecomus-product-columns-tablet--5.ecomus-product-grid ul.products li.product { width: 20%} .ecomus-product-columns-tablet--6.ecomus-product-grid ul.products li.product { width: 16.66%} } @media (max-width: 767px) { .ecomus-product-columns-mobile--2.ecomus-product-grid ul.products li.product { width: 50%} .ecomus-product-columns-mobile--3.ecomus-product-grid ul.products li.product { width: 33.33%} .ecomus-product-columns-mobile--4.ecomus-product-grid ul.products li.product { width: 25%} .ecomus-product-columns-mobile--5.ecomus-product-grid ul.products li.product { width: 20%} .ecomus-product-columns-mobile--6.ecomus-product-grid ul.products li.product { width: 16.66%} } .ecomus-instagram--elementor { --em-swiper-items-space: 7px; --em-swiper-pagination-spacing: 15px} .ecomus-instagram--elementor .ecomus-instagram__list { padding: 0; margin: 0; list-style: none; display: flex} .ecomus-instagram--elementor .ecomus-instagram__item { transition: 0.5s; width: 20%; margin: 0} .ecomus-instagram--elementor .ecomus-instagram__item img { transition: transform 2s cubic-bezier(0, 0, 0.44, 1.18)} .ecomus-instagram--elementor .ecomus-instagram__item .em-ratio video { position: absolute; margin: 0; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center} .ecomus-instagram--elementor .ecomus-instagram__item .ecomus-instagram__link { border-radius: var(--em-image-rounded)} .ecomus-instagram--elementor .ecomus-instagram__item .ecomus-instagram__link:after { position: absolute; z-index: 2; content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); top: 0; left: 0; transition: .4s ease .1s; opacity: 0; visibility: hidden} .ecomus-instagram--elementor .ecomus-instagram__item p { margin: 0} .ecomus-instagram--elementor .ecomus-instagram__item p a.button { --em-button-color: #000000; --em-button-bg-color: #ffffff; --em-button-color-hover: #ffffff; --em-button-bg-color-hover: #000000; --em-button-border-color: transparent; --em-button-rounded: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; padding: 0; width: 33px; height: 33px} .ecomus-instagram--elementor .ecomus-instagram__item p a.button .ecomus-svg-icon { --em-button-icon-size: 12px; margin: 0} .ecomus-instagram--elementor .ecomus-instagram__item p a.button .ecomus-svg-icon--shopping-cart { --em-button-icon-size: 16px} .ecomus-instagram--elementor .ecomus-instagram__item p a.button .add-to-cart__text { display: none} .ecomus-instagram--elementor .ecomus-instagram__item p a.button.loading { --em-animation-state: running; position: relative; color: transparent; position: absolute} .ecomus-instagram--elementor .ecomus-instagram__item p a.button.loading::before { display: inline-block; content: ""; width: 18px; height: 18px; border-radius: 100%; border: solid 2px var(--em-loading-color); border-top-color: transparent; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; animation: spin 0.6s linear infinite var(--em-animation-state)} .ecomus-instagram--elementor .ecomus-instagram__item p a.button.loading .ecomus-svg-icon { opacity: 0} .ecomus-instagram--elementor .ecomus-instagram__item p a.button:hover { --em-button-color: #ffffff; --em-loading-color: #ffffff; --em-button-bg-color: #000000; color: var(--em-color__light)} .ecomus-instagram--elementor .ecomus-instagram__item p .wc-forward { display: none} .ecomus-instagram--elementor .ecomus-instagram__item:hover .ecomus-instagram__link:after { opacity: 1; visibility: visible} .elementor-element.ecomus-carousel__dots-position-inside .swiper.ecomus-carousel--elementor .swiper-pagination-bullets { position: absolute; margin-top: 0; bottom: var(--em-swiper-pagination-spacing)} .ecomus-accordion__title { font-size: 16px; font-size: 1rem; font-weight: 500; color: var(--em-color__dark); margin: 0; border-bottom: 1px solid var(--em-border-color); position: relative} .ecomus-accordion__title a { color: inherit; display: block; padding: 12px 50px 12px 0} .ecomus-accordion__content { padding-top: 24px; padding-bottom: 20px; display: none} .ecomus-accordion__icon { font-size: 12px; font-size: 0.75rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer; border-radius: 50%; display: inline-flex; transition: .3s} .ecomus-accordion__icon i, .ecomus-accordion__icon svg { transition: .3s} .ecomus-accordion__title-default .ecomus-accordion__icon { transition: .4s ease .1s} .ecomus-accordion__title-icon .ecomus-accordion__icon-active { opacity: 0} .ecomus-tab--active.ecomus-accordion__title-icon .ecomus-accordion__icon-default { opacity: 0} .ecomus-tab--active.ecomus-accordion__title-icon .ecomus-accordion__icon-active { opacity: 1} .ecomus-tab--active.ecomus-accordion__title-default .ecomus-accordion__icon { transform: rotate(180deg)} .ecomus-accordion__icon-position--left .ecomus-accordion__icon { left: 0; right: auto} .ecomus-accordion__icon-position--left .ecomus-accordion__title-text { padding-left: 50px; padding-right: 0} .ecomus-slides-elementor .ecomus-slides-elementor__item { position: relative} .ecomus-slides-elementor .ecomus-slides-elementor__item::before { position: absolute; content: ''; display: block; top: 0; right: 0; left: 0; bottom: 0; pointer-events: none} .ecomus-slides-elementor .ecomus-slide { height: 100%; align-items: center} .ecomus-slides-elementor .ecomus-slide__content { position: relative; pointer-events: none; z-index: 3} .ecomus-slides-elementor .ecomus-slide__before-title, .ecomus-slides-elementor .ecomus-slide__title, .ecomus-slides-elementor .ecomus-slide__description, .ecomus-slides-elementor .ecomus-slide__sub-description, .ecomus-slides-elementor .ecomus-slide__button { --em-transition-delay: .5s; opacity: 0; transform: translateY(100px); transition: transform .3s, opacity .01s; transition-delay: var(--em-transition-delay)} .ecomus-slides-elementor .ecomus-slide__before-title { --em-transition-delay: .3s; display: inline-block; font-weight: 700; text-transform: uppercase; color: var(--em-color__dark); margin-bottom: 13px} .ecomus-slides-elementor .ecomus-slide__title { font-size: 80px; font-size: 5rem; line-height: normal; color: var(--em-color__dark); margin-bottom: 14px; margin-top: 0} .ecomus-slides-elementor .ecomus-slide__description { --em-transition-delay: .9s; font-size: 20px; font-size: 1.25rem; color: var(--em-color__dark); margin-bottom: 44px} .ecomus-slides-elementor .ecomus-slide__sub-description { --em-transition-delay: .9s; font-size: 16px; font-size: 1rem; color: var(--em-color__dark); gap: 10px; margin-top: -42px; margin-bottom: 44px} .ecomus-slides-elementor .ecomus-slide__sub-description .star-rating { --em-rating-spacing: 8px; font-size: 18px; font-size: 1.125rem} .ecomus-slides-elementor .ecomus-slide__sub-description .star-rating .user-rating { color: #FF8A00} .ecomus-slides-elementor .ecomus-slide__sub-description--text { margin-top: 2px} .ecomus-slides-elementor .ecomus-slide__button { --em-button-font-size: 18px; --em-button-padding-right: 33px; --em-button-padding-left: 33px; --em-button-padding-top: 16px; --em-button-padding-bottom: 16px; --em-transition-delay: .95s; font-weight: 500; pointer-events: auto} .ecomus-slides-elementor .ecomus-slide__button .ecomus-svg-icon { font-size: 11px; font-size: 0.6875rem} .ecomus-slides-elementor .ecomus-slide__button.em-button-subtle, .ecomus-slides-elementor .ecomus-slide__button.em-button-text { --em-button-padding-left: 0; --em-button-padding-right: 0; --em-button-padding-top: 0; --em-button-padding-bottom: 3px} .ecomus-slides-elementor .swiper-pagination { --em-swiper-pagination-spacing: 57px; position: absolute; margin-top: 0; text-align: left; /*rtl:ignore*/ right: 0; bottom: var(--em-swiper-pagination-spacing) !important} .ecomus-slides-elementor div.swiper-slide-active .ecomus-slide__content, .ecomus-slides-elementor div.swiper-slide-active .ecomus-slide__before-title, .ecomus-slides-elementor div.swiper-slide-active .ecomus-slide__title, .ecomus-slides-elementor div.swiper-slide-active .ecomus-slide__description, .ecomus-slides-elementor div.swiper-slide-active .ecomus-slide__sub-description, .ecomus-slides-elementor div.swiper-slide-active .ecomus-slide__button { opacity: 1; transform: translateY(0)} .ecomus-slides-elementor .ecomus-slide__content-background .ecomus-slide__content { opacity: 0; transform: translateY(100px); transition: transform .3s, opacity .01s; transition-delay: .5s} .ecomus-slides-elementor .ecomus-slide__content-background .ecomus-slide__before-title { --em-transition-delay: .8s} .ecomus-slides-elementor .ecomus-slide__content-background .ecomus-slide__title { --em-transition-delay: 1s} .ecomus-slides-elementor .ecomus-slide__content-background .ecomus-slide__description { --em-transition-delay: 1.2s} .ecomus-slides-elementor .ecomus-slide__content-background .ecomus-slide__sub-description { --em-transition-delay: 1.2s} .ecomus-slides-elementor .ecomus-slide__content-background .ecomus-slide__button { --em-transition-delay: 1.25s} .ecomus-slides-elementor .ecomus-slide__button--all { top: 0; right: 0; bottom: 0; left: 0; z-index: 2} .ecomus-slides__dots-position-right .swiper-pagination-bullets { display: inline-flex} @media (min-width: 1640px) { .elementor .elementor-element .ecomus-slides-elementor.ecomus-slides__arrows-large--yes .swiper-arrows .elementor-swiper-button-prev { left: var(--arrows-horizontal-large-spacing)} .elementor .elementor-element .ecomus-slides-elementor.ecomus-slides__arrows-large--yes .swiper-arrows .elementor-swiper-button-next { right: var(--arrows-horizontal-large-spacing)} .rtl .elementor .elementor-element .ecomus-slides-elementor.ecomus-slides__arrows-large--yes .swiper-arrows .elementor-swiper-button-prev { right: auto; left: var(--arrows-horizontal-large-spacing)} .rtl .elementor .elementor-element .ecomus-slides-elementor.ecomus-slides__arrows-large--yes .swiper-arrows .elementor-swiper-button-next { left: auto; right: var(--arrows-horizontal-large-spacing)} } .elementor-widget-ecomus-navigation-bar { height: 100%} .ecomus-navigation-bar { display: flex; flex-direction: column; border: 1px solid var(--em-border-color); border-radius: var(--em-rounded-md); max-width: 460px; width: 100%; padding: 25px 38px 32px 38px} .ecomus-navigation-bar__title { font-size: 20px; font-size: 1.25rem; font-weight: 500; color: var(--em-color__dark); margin: 0; padding: 12px 20px 12px 0; border-bottom: 1px solid var(--em-border-color); position: relative; transition: 0.4s} .ecomus-navigation-bar__title:last-child { border-bottom: none} .ecomus-navigation-bar__title:hover, .ecomus-navigation-bar__title.active { border-color: var(--em-color__dark)} .ecomus-navigation-bar__title:hover .ecomus-navigation-bar__icon, .ecomus-navigation-bar__title.active .ecomus-navigation-bar__icon { right: 0; opacity: 1} .ecomus-navigation-bar__title a { color: inherit} .ecomus-navigation-bar__icon { font-size: 8px; font-size: 0.5rem; position: absolute; top: 50%; transform: translateY(-50%); right: 16px; opacity: 0; transition: 0.4s} .ecomus-elementor--marquee { overflow: hidden} .ecomus-elementor--marquee.ecomus-marquee--hover-stop:hover .ecomus-marquee--inner { animation-play-state: paused} .ecomus-marquee { padding: 26px 0; background-color: #fcffb2} .ecomus-marquee--inner { --em-marquee-speed: 15s; display: inline-flex; width: fit-content; height: 100%; animation: marquee var(--em-marquee-speed) linear infinite; will-change: transform} .ecomus-marquee--items { display: inline-flex; width: max-content} .ecomus-marquee__items { gap: 48px; margin-right: 48px} .ecomus-marquee--duplicate { --em-marquee-index: 1; inset-inline-start: calc( -100% * var(--em-marquee-index) * -1)} .ecomus-marquee__item { gap: 12px; flex-shrink: 0} .ecomus-marquee__icon { display: inline-flex; align-items: center; font-size: 24px; font-size: 1.5rem} .ecomus-marquee__text { font-size: 24px; font-size: 1.5rem; line-height: 1; color: var(--em-color__dark); white-space: nowrap} .ecomus-marquee__text a { display: inline-block; border-bottom: 1px solid} .ecomus-marquee__text a:hover { color: var(--em-color__dark)} .ecomus-image-box-carousel__heading { gap: 15px; margin-bottom: 33px} .ecomus-image-box-carousel__heading .heading { font-size: 16px; font-size: 1rem; color: var(--em-color__dark); font-weight: 700; text-transform: uppercase; margin: 0} .ecomus-image-box-carousel__heading .swiper-arrows { display: inline-flex; align-items: center; gap: 5px} .ecomus-image-box-carousel__heading .swiper-button { position: static; display: inline-flex; width: 30px; height: 30px; transform: none; opacity: 1} .ecomus-image-box-carousel__heading .swiper-button.elementor-swiper-button-prev, .ecomus-image-box-carousel__heading .swiper-button.elementor-swiper-button-next { margin: 0} .ecomus-image-box-carousel__heading .swiper-pagination { position: static; margin: 0; width: auto} .ecomus-image-box-carousel__heading.ecomus-image-box-carousel__heading--dots { justify-content: space-between} .ecomus-image-box-carousel__item-side { align-items: flex-end; border-radius: var(--em-image-rounded); overflow: hidden} .ecomus-image-box-carousel__item-side .ecomus-image-box-carousel__summary { top: 24px; left: 15px; right: 15px} .ecomus-image-box-carousel__item-side .ecomus-image-box-carousel__title { margin: 0} .ecomus-image-box-carousel__image-bg { display: inline-block; width: 100%; border-radius: var(--em-image-rounded)} .ecomus-image-box-carousel__image img { transition: transform 2s cubic-bezier(0, 0, 0.44, 1.18)} .ecomus-image-box-button--all { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2} .ecomus-image-box-carousel__content { left: 0; bottom: 0; width: 100%; height: 100%; justify-content: flex-end; padding: 0 15px} .ecomus-image-box-carousel__content .ecomus-image-box-carousel__summary, .ecomus-image-box-carousel__content .ecomus-image-box-carousel__button { position: relative; top: 0; left: 0; z-index: 3} .ecomus-image-box-carousel__content .ecomus-image-box-carousel__button { align-self: flex-start; margin-left: 0} .ecomus-image-box-carousel__button { --em-button-padding-top: 16px; --em-button-padding-right: 30px; --em-button-padding-bottom: 15px; --em-button-padding-left: 30px; display: inline-flex; align-items: center; justify-content: center; z-index: 1} .ecomus-image-box-carousel__button.em-button-subtle, .ecomus-image-box-carousel__button.em-button-text { --em-button-padding-left: 0; --em-button-padding-right: 0; --em-button-padding-top: 0; --em-button-padding-bottom: 3px} .ecomus-image-box-carousel__button-alway { width: auto} .ecomus-image-box-carousel__item-below { flex-direction: column; align-items: flex-start} .ecomus-image-box-carousel__item-below .ecomus-image-box-carousel__summary { position: relative} .ecomus-image-box-carousel__item-below .ecomus-image-box-carousel__image-bg { z-index: 1} .ecomus-image-box-carousel__item-below .ecomus-image-box-carousel__button { position: relative; margin: 22px 0 0 0} .ecomus-image-box-carousel__title { margin-top: 30px; margin-bottom: 0; font-size: 28px; font-size: 1.75rem; line-height: 33.6px} .ecomus-image-box-carousel__title a { color: inherit} .ecomus-image-box-carousel__before-title { font-size: 14px; font-size: 0.875rem; margin-top: 30px; margin-bottom: 0} .ecomus-image-box-carousel__before-title + .ecomus-image-box-carousel__title { margin-top: 10px} .ecomus-image-box-carousel__description { margin-bottom: 18px} .ecomus-image-box-carousel__sale-text { font-size: 10px; font-size: 0.625rem; top: 0; left: 0; background-color: var(--em-color__dark); color: var(--em-color__light); padding: 0 5px; line-height: 19px; height: auto; display: inline-flex; border-radius: var(--em-rounded-full)} .ecomus-image-box-carousel__type--icon { display: block; width: 100%} .ecomus-image-box-carousel__type--icon .ecomus-image-box-carousel__link { font-size: 10px; font-size: 0.625rem; border-radius: 100%; margin: 0 auto; overflow: hidden} .ecomus-image-box-carousel__type--icon .ecomus-image-box-carousel__link .ecomus-svg-icon { position: absolute; top: 0; left: 0; border: 1px solid; width: 100%; height: 100%; border-radius: 100%; display: grid; place-content: center; /*rtl:raw: transform: rotateY(180deg); */ } .ecomus-image-box-carousel__type--icon .ecomus-image-box-carousel__link:hover { border-color: #DB1215} .ecomus-image-box-carousel .swiper:not(.swiper-initialized) .ecomus-image-box-carousel__image img { position: static} .ecomus-categories-grid .woocommerce-pagination { width: 100%; margin-top: 30px} .ecomus-categories-grid__items { column-gap: var(--em-categories-grid-col-gap); row-gap: var(--em-categories-grid-row-gap); flex-wrap: wrap} .ecomus-categories-grid__item { width: calc( ( 100% / var(--em-categories-grid-columns) ) - ( var(--em-categories-grid-col-gap) - ( var(--em-categories-grid-col-gap) / var(--em-categories-grid-columns) ) ))} .ecomus-categories-grid__item a { display: block; position: relative; overflow: hidden; border-radius: var(--em-image-rounded)} .ecomus-categories-grid__item a img { object-fit: cover; width: 100%; height: 100%; display: block; transition: transform 2s cubic-bezier(0, 0, 0.44, 1.18)} .ecomus-categories-grid__title { --em-button-padding-left: 30px; --em-button-padding-right: 30px; --em-button-padding-top: 14px; --em-button-padding-bottom: 14px; --em-button-font-size: 18px; --em-button-line-height: 1.05; gap: 0; position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); max-width: calc( 100% - 50px)} .ecomus-categories-grid__title .ecomus-svg-icon { font-size: 10px; font-size: 0.625rem; transition: transform .3s, width .3s, margin-left .3s ease .1s; transform: scale(0); transform-origin: right; width: 0; margin: 0; padding-top: 1px; /*rtl:raw: transform: scale(0) rotateY(180deg); */ } .ecomus-categories-grid__title:hover { --em-button-bg-color: #000000; --em-button-color: #ffffff} .ecomus-categories-grid__title:hover .ecomus-svg-icon { transform: scale(1); width: 10px; margin-left: 9px; /*rtl:raw: transform: scale(1) rotateY(180deg); */ } .ecomus-categories-grid__title::after { display: none} .ecomus-categories-grid__text { white-space: nowrap; text-overflow: ellipsis; max-width: 100%; overflow: hidden} .ecomus-images-hotspot-carousel { --em-swiper-items-space: 0} .ecomus-images-hotspot-carousel .swiper-pagination { --em-swiper-pagination-spacing: 10px; position: absolute; margin-top: 0; bottom: var(--em-swiper-pagination-spacing) !important; pointer-events: none} .ecomus-images-hotspot-carousel .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2px; pointer-events: auto} .ecomus-images-hotspot-carousel .swiper-pagination-bullets.swiper-pagination--background .swiper-pagination-bullet { padding: 4px} .ecomus-images-hotspot-carousel.swiper:not(.swiper-initialized) .ecomus-images-hotspot__inner { overflow: hidden; flex-wrap: nowrap; gap: var(--em-swiper-items-space)} .ecomus-images-hotspot-carousel .swiper-backface-hidden .swiper-slide { transform: none} .ecomus-images-hotspot-carousel.hotspot-active .swiper-button { z-index: -1} .ecomus-images-hotspot__product { top: 40%; left: 40%; cursor: pointer} .ecomus-images-hotspot__product.active .ecomus-images-hotspot__product-inner { opacity: 1; pointer-events: auto} .ecomus-images-hotspot__product.active .ecomus-images-hotspot__arrow { opacity: 1; pointer-events: auto} .ecomus-images-hotspot__product-inner { display: inline-flex; top: -122px; left: 50%; transform: translateX(-50%); opacity: 0; pointer-events: none; max-width: 400px; min-width: 334px; gap: 20px; padding: 12px; border-radius: var(--em-rounded-xs); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); background-color: var(--em-color__light); z-index: 99} .ecomus-images-hotspot__product-summary { flex-basis: 100%} .ecomus-images-hotspot__product-image { max-width: 62px} .ecomus-images-hotspot__product-image::before { padding-bottom: var(--product-image-ratio-percent)} .elementor .elementor-element .ecomus-images-hotspot__product-image img { border-radius: var(--em-image-rounded-product-card-small)} .ecomus-images-hotspot__product-title { font-size: 16px; font-size: 1rem; color: var(--em-color__dark); margin: 0} .ecomus-images-hotspot__product-title a { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden} .ecomus-images-hotspot__product-price { display: flex; font-size: 14px; font-size: 0.875rem; font-weight: 600; line-height: 16.8px; color: #000000; margin-top: 10px; flex-wrap: wrap; gap: 0} .ecomus-images-hotspot__product-price .woocs_price_code { display: flex} .ecomus-images-hotspot__product-price ins { color: #DB1215; background-color: transparent; margin-left: 10px} .ecomus-images-hotspot__product-price del { color: rgba(0, 0, 0, 0.5); font-weight: 400} .ecomus-images-hotspot__product-price > .woocommerce-Price-amount { margin-left: 5px; margin-right: 5px} .ecomus-images-hotspot__product-price > .woocommerce-Price-amount:first-child { margin-left: 0} .ecomus-images-hotspot__product-price > .woocommerce-Price-amount:last-child { margin-right: 0} .ecomus-images-hotspot__product-price .woocommerce-price-suffix { order: 3; margin-left: 5px} .ecomus-images-hotspot__arrow { opacity: 0; top: -24px; left: 50%; transform: translate(-50%, 0); z-index: 98} .ecomus-images-hotspot__arrow::before { pointer-events: none; content: ''; display: inline-block; width: 16px; height: 16px; background-color: var(--em-color__light); transform: rotate(45deg)} .ecomus-images-hotspot__button { --em-button-color: #000000; --em-button-bg-color: #f2f2f2; --em-button-border-color: transparent; --em-button-color-hover: #000000; --em-button-bg-color-hover: #f2f2f2; --em-button-border-color-hover: transparent; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; border: none; border-radius: 100%; overflow: visible} .ecomus-images-hotspot__button span { display: inline-block; width: 8px; height: 8px; background-color: var(--em-color__dark); border-radius: 100%} .ecomus-images-hotspot__button::before { position: absolute; content: ""; top: 0; bottom: 0; right: 0; left: 0; border-radius: 100%} .ecomus-images-hotspot__button::after { display: none; animation: none !important} .ecomus-images-hotspot__button:hover::before { animation: ripple 3s infinite; animation-delay: 0.5s} .ecomus-images-hotspot__quickview { padding: 0; max-width: 42px; height: 42px; border-radius: 100%; flex-basis: 100%} .ecomus-images-hotspot__quickview .ecomus-svg-icon { margin: 0; font-size: 19px; font-size: 1.1875rem} .ecomus-images-hotspot__quickview.loading { --em-animation-state: running; position: relative; color: transparent} .ecomus-images-hotspot__quickview.loading::before { display: inline-block; content: ""; width: 18px; height: 18px; border-radius: 100%; border: solid 2px var(--em-loading-color); border-top-color: transparent; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; animation: spin 0.6s linear infinite var(--em-animation-state)} .ecomus-images-hotspot__quickview.loading .ecomus-svg-icon { opacity: 0} .ecomus-images-hotspot__quickview.em-button-light { --em-button-bg-color: #f2f2f2} .popover__content.images-hotspot-content { gap: 10px; padding: 12px} .elementor-widget-ecomus-testimonial-carousel-2 .elementor-widget-container .swiper-button.elementor-swiper-button-prev { left: -82px; right: auto} .elementor-widget-ecomus-testimonial-carousel-2 .elementor-widget-container .swiper-button.elementor-swiper-button-next { right: -82px; left: auto} .ecomus-testimonial-carousel-2__item { padding: 44px 36px 24px} .ecomus-testimonial-carousel-2__item::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #eee; pointer-events: none} .ecomus-testimonial-carousel-2__item:hover .ecomus-testimonial-carousel-2__product-button { opacity: 1} .ecomus-testimonial-carousel-2__item[data-image="true"] { display: flex; gap: 34px; height: auto} .ecomus-testimonial-carousel-2__image { --em-image-rounded: 5px; width: 100%; max-width: 244px; overflow: hidden} .ecomus-testimonial-carousel-2__image img { height: 100% !important; object-fit: cover} .ecomus-testimonial-carousel-2__rating { margin-bottom: 16px} .ecomus-testimonial-carousel-2__rating.star-rating { --em-rating-spacing: 6px; font-size: 16px; font-size: 1rem} .ecomus-testimonial-carousel-2__rating.star-rating .user-rating { color: #ff7b54} .ecomus-testimonial-carousel-2__title { font-size: 18px; font-size: 1.125rem; color: var(--em-color__dark); margin-bottom: 8px} .ecomus-testimonial-carousel-2__content { font-size: 18px; font-size: 1.125rem; color: var(--em-color__dark); margin-bottom: 26px} .ecomus-testimonial-carousel-2__name { color: var(--em-color__dark)} .ecomus-testimonial-carousel-2__text { display: inline-flex; align-items: center; gap: 5px; color: var(--em-color__dark); margin-bottom: 34px} .ecomus-testimonial-carousel-2__text-icon { font-size: 16px; font-size: 1rem} .ecomus-testimonial-carousel-2__product { gap: 20px; padding-top: 23px; border-top: 1px solid #eee} .ecomus-testimonial-carousel-2__product-image { max-width: 64px} .elementor .elementor-element .ecomus-testimonial-carousel-2__product-image img { border-radius: var(--em-image-rounded-product-card-small)} .ecomus-testimonial-carousel-2__product-summary { flex-basis: 100%} .ecomus-testimonial-carousel-2__product-title { font-size: 14px; font-size: 0.875rem; color: var(--em-color__dark); margin: 0} .ecomus-testimonial-carousel-2__product-price { font-size: 14px; font-size: 0.875rem; font-weight: 600; line-height: 16.8px; color: #000000; margin-top: 10px; flex-wrap: wrap; gap: 0} .ecomus-testimonial-carousel-2__product-price .woocs_price_code { display: flex; gap: 5px} .ecomus-testimonial-carousel-2__product-price ins { color: #DB1215; background-color: transparent; margin-left: 5px} .ecomus-testimonial-carousel-2__product-price del { color: rgba(0, 0, 0, 0.5)} .ecomus-testimonial-carousel-2__product-price > .woocommerce-Price-amount { margin-left: 5px; margin-right: 5px} .ecomus-testimonial-carousel-2__product-price > .woocommerce-Price-amount:first-child { margin-left: 0} .ecomus-testimonial-carousel-2__product-price > .woocommerce-Price-amount:last-child { margin-right: 0} .ecomus-testimonial-carousel-2__product-price .woocommerce-price-suffix { order: 3; margin-left: 5px} .ecomus-testimonial-carousel-2__product-button { display: inline-flex; max-width: 40px; height: 40px; flex-basis: 100%; font-size: 9px; font-size: 0.5625rem; color: var(--em-color__dark); border: 1px solid var(--em-color__dark); border-radius: 100%; opacity: 0; transition: .4s; /*rtl:raw: transform: rotateY(180deg); */ } .ecomus-testimonial-carousel-2__product-button:hover { color: var(--em-color__light); background-color: var(--em-color__dark)} .elementor-widget-ecomus-testimonial-carousel-2:hover .swiper-button { opacity: 1} .elementor-widget-ecomus-testimonial-carousel-2 .swiper-button { opacity: 0; /*rtl:raw: transform: rotateY(180deg) translateY(-50%); */ } .ecomus-testimonial__navigation-position--bottom .swiper-button { --em-arrow-top: 40px; margin-top: var(--em-arrow-top); position: unset; opacity: 1} .ecomus-testimonial__navigation-position--bottom .elementor-swiper-button-next { margin-left: 8px} .ecomus-image-carousel { overflow: hidden} .ecomus-image-carousel .ecomus-image-box-carousel { --em-image-rounded: 0} .ecomus-image-carousel__swiper { --em-image-carousel-border-radius: 0; border-radius: var(--em-image-carousel-border-radius)} .ecomus-image-carousel__swiper::before { position: absolute; content: ""; width: 100%; height: 100%; border: 1px solid var(--em-border-color); pointer-events: none; display: block; z-index: 2; border-radius: var(--em-image-carousel-border-radius)} .ecomus-image-carousel__inner { align-items: center} .ecomus-image-carousel__item { padding: 20px; justify-content: center} .ecomus-image-carousel__item::before { content: ''; display: block; position: absolute; top: -100%; right: 0; width: 1px; height: 100vh; border-right: 1px solid var(--em-border-color)} .ecomus-image-carousel__item:last-child::before { display: none} .ecomus-image-box-carousel__button { margin: 0 0 30px 15px} .ecomus-image-box-grid__inner { column-gap: var(--em-image-box-grid-col-gap); row-gap: var(--em-image-box-grid-row-gap); flex-wrap: wrap} .ecomus-image-box-grid__item { width: calc( ( 100% / var(--em-image-box-grid-columns) ) - ( var(--em-image-box-grid-col-gap) - ( var(--em-image-box-grid-col-gap) / var(--em-image-box-grid-columns) ) ))} .ecomus-image-box-grid__image .ecomus-image-box-grid__link { font-size: 10px; font-size: 0.625rem; max-width: 99px; border-radius: 100%; margin: 0 auto; overflow: hidden} .ecomus-image-box-grid__image .ecomus-image-box-grid__link .ecomus-svg-icon { position: absolute; top: 0; left: 0; border: 1px solid; width: 100%; height: 100%; border-radius: 100%; display: grid; place-content: center} .ecomus-image-box-grid__image .ecomus-image-box-grid__link:hover { border-color: #DB1215} .ecomus-image-box-grid__image[data-type="text"] .ecomus-image-box-grid__link { background-color: #DB1215} .ecomus-image-box-grid__image[data-type="text"] .ecomus-image-box-grid__link .ecomus-image-box-grid__text { border-color: #DB1215} .ecomus-image-box-grid__text { font-size: 32px; font-size: 2rem; color: var(--em-color__light)} .ecomus-image-box-grid__badges { top: 0; right: 50%; padding: 2px 5px; width: fit-content; font-size: 10px; font-size: 0.625rem; color: var(--em-color__light); background-color: var(--em-color__dark); border-radius: 10px} .ecomus-image-box-grid__title { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; transition: color 0.3s ease} .title-line-no .ecomus-image-box-grid__title { white-space: normal} .ecomus-image-box-grid__content { padding-top: 17px} .ecomus-image-box-grid-scroll--yes { overflow: hidden} .ecomus-image-box-grid-scroll--yes .ecomus-image-box-grid__inner { flex-wrap: nowrap; overflow-y: hidden; overflow-x: auto; scroll-behavior: smooth} .ecomus-image-box-grid-scroll--yes .ecomus-image-box-grid__inner::-webkit-scrollbar { display: none} .ecomus-image-box-grid-scroll--yes .ecomus-image-box-grid__item { flex-shrink: 0} .ecomus-banner { justify-content: center; align-items: flex-end; height: 660px; border-radius: var(--em-image-rounded); overflow: hidden} .ecomus-banner__image { align-self: stretch} .ecomus-banner__title, .ecomus-banner__sub-title, .ecomus-banner__description, .ecomus-banner__button { animation: slideIn .4s ease-in} .ecomus-banner__title { font-size: 28px; font-size: 1.75rem; color: var(--em-color__light); margin-top: 0; margin-bottom: 29px} .ecomus-banner__title + .ecomus-banner__sub-title { margin-top: -18px} .ecomus-banner__sub-title { font-size: 20px; font-size: 1.25rem; color: var(--em-color__light); margin-bottom: 20px} .ecomus-banner__sub-title b, .ecomus-banner__sub-title strong { font-weight: 600} .ecomus-banner__description { font-size: 20px; font-size: 1.25rem; color: var(--em-color__light); margin-bottom: 28px} .ecomus-banner__button { --em-button-padding-top: 14px; --em-button-padding-bottom: 14px; --em-button-padding-left: 30px; --em-button-padding-right: 30px; position: relative; z-index: 3; margin: 0 0 46px 0} .ecomus-banner__button.em-button-subtle, .ecomus-banner__button.em-button-text { --em-button-padding-left: 0; --em-button-padding-right: 0; --em-button-padding-top: 0; --em-button-padding-bottom: 3px} .ecomus-banner__align--stretch .ecomus-banner__summary { display: flex; flex-direction: column; justify-content: space-between; height: 100%; width: 100%} .ecomus-banner__align--stretch .ecomus-banner__button { margin-bottom: 0; margin-left: 0; margin-right: auto} .ecomus-banner__align--stretch.ecomus-banner__text_align--center .ecomus-banner__button { margin-left: auto; margin-right: auto} .ecomus-banner__align--stretch.ecomus-banner__text_align--right .ecomus-banner__button { margin-left: auto; margin-right: 0} .ecomus-banner__button--all { top: 0; right: 0; bottom: 0; left: 0; z-index: 2} .ecomus-dual-image-elementor { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(12, 1fr)} .ecomus-dual-image__primary-image { position: relative; border-radius: var(--em-image-rounded); z-index: 1} .ecomus-dual-image__primary-image:hover { z-index: 3} .ecomus-dual-image__secondary-image { border-radius: var(--em-image-rounded); z-index: 2} .ecomus-dual-image__third-image { border-radius: var(--em-image-rounded); z-index: 2} .ecomus-dual-image--layout-1 .ecomus-dual-image__primary-image { grid-column: 1 / 10; grid-row: 1 / 11} .ecomus-dual-image--layout-1 .ecomus-dual-image__secondary-image { grid-column: 7 / 13; grid-row: 5 / 12} .ecomus-dual-image--layout-2 .ecomus-dual-image__primary-image { grid-column: 3 / 13; grid-row: 1 / 13} .ecomus-dual-image--layout-2 .ecomus-dual-image__secondary-image { grid-column: 1 / 7; grid-row: 4 / 10} .ecomus-dual-image--layout-3 .ecomus-dual-image__primary-image { grid-column: 3 / 11; grid-row: 2 / 12} .ecomus-dual-image--layout-3 .ecomus-dual-image__secondary-image { grid-column: 7 / 13; grid-row: 7 / 13} .ecomus-dual-image--layout-3 .ecomus-dual-image__third-image { grid-column: 1 / 5; grid-row: 1 / 5} .ecomus-dual-image--layout-4 .ecomus-dual-image__primary-image { grid-column: 3 / 11; grid-row: 2 / 13} .ecomus-dual-image--layout-4 .ecomus-dual-image__secondary-image { grid-column: 9 / 13; grid-row: 7 / 11} .ecomus-dual-image--layout-4 .ecomus-dual-image__third-image { grid-column: 1 / 6; grid-row: 4 / 9} .ecomus-time-countdown { display: flex} .ecomus-time-countdown__wrapper { display: inline-flex} .ecomus-time-countdown--1 .ecomus-time-countdown__wrapper { gap: 8px} .ecomus-time-countdown--1 .timer { text-align: center; color: var(--em-color__dark); border: 1px solid var(--em-color__dark); position: relative; padding: 13px 0 9px; min-width: 88px} .ecomus-time-countdown--1 .timer .text { display: block; font-size: 16px; font-size: 1rem; font-weight: 500} .ecomus-time-countdown--1 .timer .divider { position: absolute; top: 15px; right: -8px; font-size: 44px; font-size: 2.75rem; line-height: 1; font-weight: 600; /*rtl:raw: right: -8px; left: auto; */ } .ecomus-time-countdown--1 .digits { font-size: 32px; font-size: 2rem; line-height: 1; font-weight: 500; display: block; min-width: 15px; margin-bottom: 4px} .ecomus-time-countdown--1 .days .digits, .ecomus-time-countdown--1 .weeks .digits { min-width: auto} .ecomus-time-countdown--1 .divider { display: none} .ecomus-time-countdown--2 .ecomus-time-countdown__wrapper { gap: 10px; border-radius: 100px; padding: 10px 16px; background-color: #ff0b0b1a; align-items: center} .ecomus-time-countdown--2 .ecomus-svg-icon { font-size: 20px; font-size: 1.25rem; font-weight: 600; color: #ff0b0b; margin-right: 3px} .ecomus-time-countdown--2 .timer { font-size: 18px; font-size: 1.125rem; font-weight: 600; color: #ff0b0b} .ecomus-time-countdown--2 .timer .divider { margin-left: 10px} .ecomus-button-carousel .swiper-pagination-lock { margin: 0} .ecomus-button-carousel .swiper-pagination-bullets { --em-swiper-pagination-spacing: 15px} .ecomus-button-carousel .swiper-pagination { display: block} .ecomus-button-carousel__item { display: inline-flex; width: auto} .ecomus-button-carousel__item .ecomus-button-link { --em-button-padding-left: 30px; --em-button-padding-right: 30px; --em-button-padding-bottom: 17px; --em-button-padding-top: 17px; font-size: 16px; font-size: 1rem} .ecomus-button-carousel__item .ecomus-button-link.em-button-subtle, .ecomus-button-carousel__item .ecomus-button-link.em-button-text { --em-button-padding-left: 0; --em-button-padding-right: 0; --em-button-padding-top: 0; --em-button-padding-bottom: 3px} @media screen and (min-width: 1025px) { .navigation-class-none .swiper-pagination:not(.pagination-heading) { display: none} } @media (max-width: 1024px) and (min-width: 768px) { .navigation-class--tabletnone .swiper-pagination { display: none} } @media (max-width: 767px) { .navigation-class--mobilenone .swiper-pagination { display: none} } .ecomus-stores-tab__heading { gap: 30px; margin-bottom: 57px} .ecomus-stores-tab__heading span { font-size: 20px; font-size: 1.25rem; color: var(--em-color__dark); width: 100%; padding: 0 15px 14px; border-bottom: 2px solid #eee; cursor: pointer} .ecomus-stores-tab__heading span[data-active="true"] { border-color: #000} .ecomus-stores-tab__item { opacity: 1; transition: .4s} .ecomus-stores-tab__item > * { width: 50%} .ecomus-stores-tab__item[data-active="true"] { animation: fadeIn .4s ease-in} .ecomus-stores-tab__item[data-active="waiting"] { opacity: 0; animation: fadeOut .4s ease-out} .ecomus-stores-tab__item[data-active="false"] { opacity: 0; display: none} .ecomus-stores-tab__content { background-color: #fcfbf9; padding: 0 30px 0 122px} .ecomus-stores-tab__title { font-size: 28px; font-size: 1.75rem; line-height: 1.2; color: var(--em-color__dark); margin-bottom: 31px} .ecomus-stores-tab__description { color: #868686} .ecomus-stores-tab__description p:last-child { margin-bottom: 0} .ecomus-stores-tab__description + .ecomus-stores-tab__button { margin-top: 22px} .ecomus-stores-tab__image { --em-image-rounded: 0px} .ecomus-stores-tab__animation--underline { justify-content: center} .ecomus-stores-tab__animation--underline span { font-size: 28px; font-size: 1.75rem; line-height: 45px; width: auto; border-width: 1px; padding: 0 0 12px 0; position: relative} .ecomus-stores-tab__animation--underline span:before { content: ""; position: absolute; left: 0; bottom: -1px; width: 0; height: 3px; background-color: tranparent; z-index: 1; background-color: var(--em-color__dark); transition: 0.4s ease 0.1s} .ecomus-stores-tab__animation--underline span[data-active="true"] { border-color: #eee} .ecomus-stores-tab__animation--underline span[data-active="true"]:before { width: 100%} .elementor-element.elementor-widget-ecomus-image-content-slider .ecomus-image-content-slider .swiper-pagination.swiper-pagination-horizontal { position: absolute; margin-top: 0; bottom: var(--em-swiper-pagination-spacing)} .ecomus-image-content-slider { --em-content-slider-spacing-left: max( 50px, calc( ( 100vw - 1440px ) / 2 ) )} .ecomus-image-content-slider .swiper-pagination { --em-swiper-pagination-spacing: 72px; padding-left: var(--em-content-slider-spacing-left); text-align: left} .ecomus-image-content-slider__item { position: relative; background-color: #eef1e0} .ecomus-image-content-slider__item > * { width: 50%} .ecomus-image-content-slider__item.swiper-slide-active .ecomus-image-content-slider__title, .ecomus-image-content-slider__item.swiper-slide-active .ecomus-image-content-slider__description, .ecomus-image-content-slider__item.swiper-slide-active .ecomus-image-content-slider__button { opacity: 1; transform: translateY(0)} .ecomus-image-content-slider__content { padding-left: var(--em-content-slider-spacing-left); padding-right: 1%} .ecomus-image-content-slider__title, .ecomus-image-content-slider__description, .ecomus-image-content-slider__button { --em-transition-delay: .5s; opacity: 0; transform: translateY(100px); transition: transform .3s, opacity .01s; transition-delay: var(--em-transition-delay)} .ecomus-image-content-slider__title { font-size: 80px; font-size: 5rem; line-height: normal; color: var(--em-color__dark); margin-bottom: 14px} .ecomus-image-content-slider__description { --em-transition-delay: .9s; font-size: 20px; font-size: 1.25rem; color: var(--em-color__dark); margin-bottom: 44px} .ecomus-image-content-slider__button { --em-button-font-size: 18px; --em-button-padding-left: 31.5px; --em-button-padding-right: 31.5px; --em-button-padding-top: 15.5px; --em-button-padding-bottom: 15.5px; --em-transition-delay: .95s; --em-button-icon-size: 11px; position: relative; z-index: 3} .ecomus-image-content-slider__image { --em-image-rounded: 0; height: 854px} .ecomus-image-content-slider__button--all { top: 0; right: 0; bottom: 0; left: 0; width: 100%; z-index: 2} .ecomus-categories-carousel .ecomus-categories-carousel__heading .swiper-button { position: static; display: inline-flex; transform: none; width: 30px; height: 30px; font-size: 10px; font-size: 0.625rem; margin-left: 6px; /*rtl:raw: transform: rotateY(180deg); */ } .ecomus-categories-carousel .ecomus-categories-carousel__heading .swiper-button:first-child { margin-left: 0} .ecomus-categories-carousel .ecomus-categories-carousel__heading .swiper-pagination { display: block; position: static; margin: 0} .ecomus-categories-carousel__heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-right: 40px; margin-bottom: 65px} .ecomus-categories-carousel__heading h4, .ecomus-categories-carousel__heading .h4 { margin: 0} .ecomus-categories-carousel__image { margin: 0 auto} .ecomus-categories-carousel__image .ecomus-button-link { position: absolute; bottom: 20px; right: 20px} .ecomus-categories-carousel__thumbnail { border-radius: var(--em-image-rounded)} .ecomus-categories-carousel__title { font-size: 18px; font-size: 1.125rem; margin-top: 17px; margin-bottom: 0} .ecomus-categories-carousel__title a { color: inherit} .ecomus-categories-carousel__content--side .ecomus-categories-carousel__content { position: absolute; top: 27px; left: 27px} .ecomus-categories-carousel__content--side .ecomus-categories-carousel__title { margin-top: 0} .ecomus-categories-carousel__content--side .ecomus-button-link { right: auto; bottom: 27px; left: 27px} .ecomus-carousel--elementor .swiper-navigation > .swiper-button { opacity: 0} .ecomus-carousel--elementor .swiper-navigation > .swiper-button.elementor-swiper-button-prev { margin-left: 20px} .ecomus-carousel--elementor .swiper-navigation > .swiper-button.elementor-swiper-button-next { margin-right: 20px} .ecomus-carousel--elementor:hover .swiper-navigation > .swiper-button { opacity: 1} .ecomus-carousel--elementor:hover .swiper-navigation > .swiper-button.elementor-swiper-button-prev { margin-left: 0} .ecomus-carousel--elementor:hover .swiper-navigation > .swiper-button.elementor-swiper-button-next { margin-right: 0} .ecomus-product-tabs-grid__items.loading .ecomus-product-tabs-grid__loading { display: block} .ecomus-product-tabs-grid__items:not(.loading) .ecomus-product-tabs-grid__item { transition: .3s} .ecomus-product-tabs-grid__items:not(.loading) .ecomus-product-tabs-grid__item.active { opacity: 1; animation: fadeIn .2s ease-in} .ecomus-product-tabs-grid__heading { justify-content: center; gap: 70px; margin-bottom: 71px} .ecomus-product-tabs-grid__heading span, .ecomus-product-tabs-grid__heading a { font-size: 32px; font-size: 2rem; line-height: 38.4px; padding: 0 0 12px; border-bottom: 2px solid transparent; cursor: pointer; transition: .4s} .ecomus-product-tabs-grid__heading span:hover, .ecomus-product-tabs-grid__heading a:hover { color: var(--em-color__dark)} .ecomus-product-tabs-grid__heading span.active, .ecomus-product-tabs-grid__heading a.active { font-weight: 500; color: var(--em-color__dark); border-color: var(--em-color__dark)} .ecomus-product-tabs-grid__heading.has-heading { --em-border-color-active: var(--em-color__primary); justify-content: space-between} .ecomus-product-tabs-grid__heading.has-heading h4, .ecomus-product-tabs-grid__heading.has-heading .h4 { font-weight: 600; margin: 0} .ecomus-product-tabs-grid__heading.has-heading .ecomus-product-tabs-grid__tab-heading { gap: 30px} .ecomus-product-tabs-grid__heading.has-heading span, .ecomus-product-tabs-grid__heading.has-heading a { font-size: 16px; font-size: 1rem; font-weight: 500; line-height: 1; border: 2px solid transparent; margin: 0; padding: 6px 2px} .ecomus-product-tabs-grid__heading.has-heading span:hover, .ecomus-product-tabs-grid__heading.has-heading a:hover { color: var(--em-border-color-active)} .ecomus-product-tabs-grid__heading.has-heading span.active, .ecomus-product-tabs-grid__heading.has-heading a.active { padding: 6px 20px; color: var(--em-border-color-active); border: 2px solid var(--em-border-color-active); border-radius: var(--em-button-rounded)} .ecomus-product-tabs-grid__heading .ecomus-product-tabs-grid__button { gap: 10px; display: inline-flex; align-items: center; justify-content: center} .ecomus-product-tabs-grid__heading .ecomus-product-tabs-grid__button .ecomus-svg-icon { font-size: 10px; transition: none; padding: 0; /*rtl:raw: transform: rotateY(180deg); */ } .ecomus-product-tabs-grid__item.waiting { opacity: 0; animation: fadeOut .3s ease-out} .ecomus-product-tabs-grid__item.no-active { opacity: 0; display: none} .ecomus-product-tabs-grid__item .woocommerce-pagination { margin-top: 28px} .ecomus-product-tabs-grid__item .woocommerce-pagination-button { --em-button-padding-left: 30px; --em-button-padding-right: 30px} .ecomus-product-tabs-grid__loading { display: none; top: 0; left: 0; bottom: 0; right: 0; z-index: 9; background-color: rgba(255, 255, 255, 0.9)} .ecomus-product-tabs-grid__loading::before { top: 5%; bottom: auto} .ecomus-show-border-yes ul.products { margin: 0; border-left: 1px solid var(--em-border-color)} .ecomus-show-border-yes ul.products li.product { border-top: 1px solid var(--em-border-color); border-bottom: 1px solid var(--em-border-color); border-right: 1px solid var(--em-border-color); margin-top: -1px; margin-bottom: 0; padding: 40px 30px} .ecomus-product-tabs-grid ul.products li.product { margin-bottom: 30px} .ecomus-image-info { justify-content: flex-start; align-items: center; overflow: hidden} .ecomus-image-info__image { width: 100%; height: 600px} .ecomus-image-info__image img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% !important; object-fit: cover; object-position: center; overflow-wrap: anywhere; pointer-events: none} .ecomus-image-info__location { width: 100%; height: 600px} .ecomus-image-info__location iframe { position: absolute; top: 0; left: 0; height: 100%} .ecomus-image-info__summary { min-width: 460px; padding: 40px 40px 48px; margin-left: 172px; background-color: #fff} .ecomus-image-info__title, .ecomus-image-info__description, .ecomus-image-info__button { animation: slideIn .4s ease-in} .ecomus-image-info__title { font-size: 28px; font-size: 1.75rem; color: var(--em-color__dark); margin-top: 0; margin-bottom: 23px} .ecomus-image-info__description { margin-bottom: 24px} .ecomus-image-info__description p:first-child { margin-top: 0} .ecomus-image-info__button { z-index: 3} .ecomus-image-info__button-hover .ecomus-button-text + .ecomus-svg-icon, .ecomus-image-info__button-hover .ecomus-svg-icon { font-size: 10px; font-size: 0.625rem; transition: transform .3s, width .3s, margin-left .3s ease .1s; transform: scale(0); width: 0; margin: 0} .ecomus-image-info__button-hover:hover .ecomus-svg-icon { transform: scale(1); width: 10px; margin-left: var(--em-button-icon-spacing)} .ecomus-image-info__button-hover:hover .ecomus-svg-icon.ecomus-align-icon-left { margin-left: 0; margin-right: var(--em-button-icon-spacing)} .ecomus-lookbook-products__image, .ecomus-lookbook-products__content { width: 50%} .ecomus-lookbook-products__button-content { width: 36px; height: 36px; top: var(--em-position-y); left: var(--em-position-x); display: inline-flex; align-items: center; justify-content: center} .ecomus-lookbook-products__button-item { --em-button-color: #000000; --em-button-bg-color: #fff; --em-button-border-color: transparent; --em-button-color-hover: #000000; --em-button-bg-color-hover: #fff; --em-button-border-color-hover: transparent; width: 27px; height: 27px; top: var(--em-position-y); left: var(--em-position-x); transform: translate(calc(var(--em-position-x)* -1)) translateY(calc(var(--em-position-y)* -1)); border-radius: 50%; background-color: var(--em-color__light); display: inline-flex; align-items: center; justify-content: center; padding: 0; overflow: visible; transition: width .25s ease-in, height .25s ease-in; will-change: width, height} .ecomus-lookbook-products__button-item:before, .ecomus-lookbook-products__button-item:after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; border-radius: 50%} .ecomus-lookbook-products__button-item:after { display: block; background-image: none; transform: none; width: auto} .ecomus-lookbook-products__button-item.clicked { width: 36px; height: 36px} .ecomus-lookbook-products__button-item.clicked .ecomus-lookbook-products__button-dot { width: 12px; height: 12px} .ecomus-lookbook-products__button-dot { width: 9px; height: 9px; border-radius: 50%; background-color: var(--em-color__dark); transition: width .25s ease-in, height .25s ease-in; will-change: width, height} .ecomus-lookbook-products__sub-title { text-transform: uppercase; margin-bottom: 3px} .ecomus-lookbook-products__title { margin: 0 0 57px 0} .ecomus-lookbook__product-type--carousel { --em-spacing-x: 30px; --em-swiper-pagination-spacing: 10px; gap: var(--em-spacing-x)} .ecomus-lookbook__product-type--carousel .swiper-button { --em-arrow-top: calc( ( 100% - 84px ) / 2 ); width: 33px; height: 33px} .ecomus-lookbook__product-type--carousel .swiper-button.swiper-button-lock { display: none} .ecomus-lookbook__product-type--carousel .swiper-button.em-button-outline:not(.swiper-button-disabled) { border-color: var(--em-border-color)} .ecomus-lookbook__product-type--carousel .swiper-button-next { right: 0; /*rtl:raw: left: 0; right: auto; */ } .ecomus-lookbook__product-type--carousel .swiper-button-prev { left: 0; /*rtl:raw: right: 0; left: auto; */ } .ecomus-lookbook__product-type--carousel .ecomus-lookbook-products__image { width: calc(7 / 12* 100% - var( --em-spacing-x ) / 2)} .ecomus-lookbook__product-type--carousel .ecomus-lookbook-products__content { width: calc(5 / 12* 100% - var( --em-spacing-x ) / 2); padding-left: 50px; display: flex; align-items: center} .ecomus-lookbook__product-type--carousel .ecomus-lookbook-products__wrapper { width: 100%; padding-left: 70px; padding-right: 70px} .ecomus-lookbook__product-type--carousel .ecomus-lookbook-products__content-inner { padding-left: 50px; padding-right: 50px; margin-left: -50px} .ecomus-lookbook__product-type--carousel .ecomus-lookbook-products__button-item:before, .ecomus-lookbook__product-type--carousel .ecomus-lookbook-products__button-item:after { animation: ripple 3s infinite} .ecomus-lookbook__product-type--carousel ul.products { flex-wrap: nowrap; margin: 0} .ecomus-lookbook__product-type--carousel ul.products li.product { flex: 1 0 100%; padding: 0; flex-shrink: 0; margin-bottom: 0} .ecomus-lookbook__product-type--list { --em-swiper-pagination-spacing: 20px; flex-direction: row-reverse} .ecomus-lookbook__product-type--list ul.products.product-card-layout-list { margin: 0} .ecomus-lookbook__product-type--list ul.products.product-card-layout-list li.product { transition: .35s linear; margin-bottom: 30px; padding: 0} .ecomus-lookbook__product-type--list ul.products.product-card-layout-list li.product .product-featured-icons, .ecomus-lookbook__product-type--list ul.products.product-card-layout-list li.product .em-product-countdown { display: none} .ecomus-lookbook__product-type--list ul.products.product-card-layout-list li.product .product-inner { padding-bottom: 30px; border-bottom-style: dashed} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__product-price { margin-bottom: 17px} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__product-summary { --em-input-bg-color: transparent} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__button-item:before, .ecomus-lookbook__product-type--list .ecomus-lookbook-products__button-item:after { animation: rippleDark 3s infinite} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__button-item:before { animation-delay: .9s} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__button-item:after { animation-delay: .5s} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__button-item:hover { width: 36px; height: 36px} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__button-item:hover .ecomus-lookbook-products__button-dot { width: 12px; height: 12px} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__button { --em-button-icon-spacing: 5px; padding-left: 94px; padding-right: 94px} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__button.loading { --em-loading-color: #fff} .ecomus-lookbook-products__product select { max-width: 200px} .ecomus-product-category-tabs { gap: 30px} .ecomus-product-category-tabs__items { width: 33.33333%; border: 1px solid var(--em-color__dark); border-radius: var(--em-rounded-md)} .ecomus-product-category-tabs__item { justify-content: space-between; font-size: 30px; font-size: 1.875rem; line-height: 1; padding: 20px 0; border-color: rgba(0, 0, 0, 0.12); cursor: pointer; overflow: visible} .ecomus-product-category-tabs__item a { width: 100%; color: inherit; transition: 0s} .ecomus-product-category-tabs__item span:not(.ecomus-svg-icon) span { display: inline-block; font-size: 14px; font-size: 0.875rem; align-self: flex-start; margin-top: -2px; margin-left: 5px} .ecomus-product-category-tabs__item .ecomus-svg-icon { font-size: 10px; font-size: 0.625rem; opacity: 0} .ecomus-product-category-tabs__item[data-active="true"] { border-color: var(--em-button-border-color)} .ecomus-product-category-tabs__item[data-active="true"] .ecomus-svg-icon { opacity: 1} .ecomus-product-category-tabs__item:hover { color: #DB1215; border-color: var(--em-button-border-color)} .ecomus-product-category-tabs__item:hover .ecomus-svg-icon { opacity: 1} .ecomus-product-category-tabs__item:last-child { border-bottom: none} .ecomus-product-category-tabs__images { width: 66.66667%} .ecomus-product-category-tabs__images a { height: 100%; opacity: 1; transition: .4s} .ecomus-product-category-tabs__images a[data-active="true"] { animation: fadeIn .4s ease-in} .ecomus-product-category-tabs__images a[data-active="waiting"] { opacity: 0; animation: fadeOut .4s ease-out} .ecomus-product-category-tabs__images a[data-active="false"] { opacity: 0; display: none} .ecomus-flash-sale-carousel { --em-image-rounded-product-card: 10px; border: 2px solid #DB1215; border-radius: var(--em-rounded-md); padding: 60px 40px} .ecomus-flash-sale-carousel ul.products li.product { height: auto} .ecomus-flash-sale-carousel ul.products li.product .product-inner { height: 100%; border: 1px solid #ececec; padding: 10px 10px 30px} .ecomus-flash-sale-carousel ul.products li.product .product-summary { padding-left: 5px; padding-right: 5px} .ecomus-flash-sale-carousel ul.products li.product .product-summary .product-loop-button-atc { --em-button-height: auto; --em-button-width: auto} .ecomus-flash-sale-carousel ul.products li.product .product-summary .product-loop-button-atc .ecomus-svg-icon { display: none} .ecomus-flash-sale-carousel ul.products li.product .product-summary .product-loop-button-atc .add-to-cart__text { display: inline-block; font-size: inherit; font-weight: inherit; text-transform: inherit} .ecomus-flash-sale-carousel ul.products.product-card-mobile-show-atc li.product .product-featured-icons { --em-button-rounded: 3px; --em-button-gap: 13px} .ecomus-flash-sale-carousel__title { display: flex; align-items: center; gap: 20px; position: absolute; top: -25px; left: 0; background-color: var(--em-color__light); color: #DB1215; padding: 4px 30px; margin-left: 55px} .ecomus-flash-sale-carousel__title h4, .ecomus-flash-sale-carousel__title .h4 { margin: 0; color: inherit} .ecomus-flash-sale-carousel__title .ecomus-svg-icon { font-size: 31px; font-size: 1.9375rem} .ecomus-sold-text-position--above .deal-progress { display: flex; flex-direction: column} .ecomus-sold-text-position--above .deal-progress .deal-available, .ecomus-sold-text-position--above .deal-progress .deal-text { font-size: 12px; font-size: 0.75rem; font-weight: 600} .ecomus-sold-text-position--above .deal-content { order: 1; margin-bottom: 7px} .ecomus-sold-text-position--above .progress-bar { order: 2; margin-bottom: 0} .ecomus-countdown-below--yes .product-summary .em-product-countdown { margin-top: 32px} .ecomus-countdown-below--yes .product-summary .em-product-countdown .ecomus-countdown { display: flex; justify-content: center; gap: 13px} .ecomus-countdown-below--yes .product-summary .em-product-countdown .timer { text-align: center; color: var(--em-color__dark); background-color: var(--em-color__light); position: relative; padding: 13px 0 9px; min-width: 60px; border-radius: var(--em-rounded-xs)} .ecomus-countdown-below--yes .product-summary .em-product-countdown .timer .text { display: block; font-size: 10px; font-size: 0.625rem; font-weight: 700; text-transform: uppercase} .ecomus-countdown-below--yes .product-summary .em-product-countdown .digits { font-size: 26px; font-size: 1.625rem; line-height: 1; font-weight: 500; display: block; min-width: 15px; margin-bottom: 4px} .ecomus-countdown-below--yes .product-summary .em-product-countdown .days .digits, .ecomus-countdown-below--yes .product-summary .em-product-countdown .weeks .digits { min-width: auto} .ecomus-countdown-below--yes .product-summary .em-product-countdown .divider { display: none} .ecomus-image-hotspot__image { --em-image-rounded: 10px} .ecomus-image-hotspot__product { top: 40%; left: 40%; cursor: pointer} .ecomus-image-hotspot__product.active .ecomus-image-hotspot__product-inner { opacity: 1; pointer-events: auto} .ecomus-image-hotspot__product.active .ecomus-image-hotspot__arrow { opacity: 1; pointer-events: auto} .ecomus-image-hotspot__product-inner { display: inline-flex; top: -122px; left: 50%; transform: translateX(-50%); opacity: 0; pointer-events: none; max-width: 400px; min-width: 334px; gap: 20px; padding: 12px; border-radius: var(--em-rounded-xs); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); background-color: var(--em-color__light); z-index: 99} .ecomus-image-hotspot__product-summary { flex-basis: 100%} .ecomus-image-hotspot__product-image { max-width: 62px} .ecomus-image-hotspot__product-image::before { padding-bottom: var(--product-image-ratio-percent)} .elementor .elementor-element .ecomus-image-hotspot__product-image img { border-radius: var(--em-image-rounded-product-card-small)} .ecomus-image-hotspot__product-title { font-size: 16px; font-size: 1rem; color: var(--em-color__dark); margin: 0} .ecomus-image-hotspot__product-title a { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden} .ecomus-image-hotspot__product-price { display: flex; font-size: 14px; font-size: 0.875rem; font-weight: 600; line-height: 16.8px; color: #000000; margin-top: 10px; flex-wrap: wrap; gap: 0} .ecomus-image-hotspot__product-price .woocs_price_code { display: flex} .ecomus-image-hotspot__product-price ins { color: #DB1215; background-color: transparent; margin-left: 10px} .ecomus-image-hotspot__product-price del { color: rgba(0, 0, 0, 0.5); font-weight: 400} .ecomus-image-hotspot__product-price > .woocommerce-Price-amount { margin-left: 5px; margin-right: 5px} .ecomus-image-hotspot__product-price > .woocommerce-Price-amount:first-child { margin-left: 0} .ecomus-image-hotspot__product-price > .woocommerce-Price-amount:last-child { margin-right: 0} .ecomus-image-hotspot__product-price .woocommerce-price-suffix { order: 3; margin-left: 5px} .ecomus-image-hotspot__arrow { opacity: 0; top: -24px; left: 50%; transform: translate(-50%, 0); z-index: 98} .ecomus-image-hotspot__arrow::before { pointer-events: none; content: ''; display: inline-block; width: 16px; height: 16px; background-color: var(--em-color__light); transform: rotate(45deg)} .ecomus-image-hotspot__button { --em-button-color: #000000; --em-button-bg-color: #f2f2f2; --em-button-border-color: transparent; --em-button-color-hover: #000000; --em-button-bg-color-hover: #f2f2f2; --em-button-border-color-hover: transparent; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; border: none; border-radius: 100%; background-color: #f2f2f2; overflow: visible} .ecomus-image-hotspot__button span { display: inline-block; width: 8px; height: 8px; background-color: var(--em-color__dark); border-radius: 100%} .ecomus-image-hotspot__button::before { position: absolute; content: ""; top: 0; bottom: 0; right: 0; left: 0; border-radius: 100%} .ecomus-image-hotspot__button::after { display: none; animation: none !important} .ecomus-image-hotspot__button:hover::before { animation: ripple 3s infinite; animation-delay: 0.5s} .ecomus-image-hotspot__quickview { padding: 0; max-width: 42px; height: 42px; border-radius: 100%; flex-basis: 100%} .ecomus-image-hotspot__quickview .ecomus-svg-icon { margin: 0; font-size: 19px; font-size: 1.1875rem} .ecomus-image-hotspot__quickview.loading { --em-animation-state: running; position: relative; color: transparent} .ecomus-image-hotspot__quickview.loading::before { display: inline-block; content: ""; width: 18px; height: 18px; border-radius: 100%; border: solid 2px var(--em-loading-color); border-top-color: transparent; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; animation: spin 0.6s linear infinite var(--em-animation-state)} .ecomus-image-hotspot__quickview.loading .ecomus-svg-icon { opacity: 0} .ecomus-image-hotspot__quickview.em-button-light { --em-button-bg-color: #f2f2f2} .popover__content.image-hotspot-content { gap: 10px; padding: 12px} .ecomus-featured-product .view-full-details-button { margin-top: 30px} .ecomus-featured-product .single-product div.product form.cart .product-featured-icons { transform: translateY(2px)} .ecomus-featured-product__gallery--left .woocommerce-product-gallery { display: flex; flex-direction: row} .ecomus-featured-product__gallery--left .woocommerce-product-gallery .woocommerce-product-gallery__wrapper { width: 86%; margin-bottom: 0} .ecomus-featured-product__gallery--left .woocommerce-product-gallery .ecomus-product-gallery-thumbnails { width: 14%} .ecomus-testimonial-carousel-3__item { padding: 28px 24px 40px 34px; background-color: #fff; border-radius: var(--em-rounded-md)} .ecomus-testimonial-carousel-3__name-group { gap: 14px; margin-bottom: 19px} .ecomus-testimonial-carousel-3__name { color: var(--em-color__dark)} .ecomus-testimonial-carousel-3__text { display: inline-flex; align-items: center; gap: 9px; font-size: 12px; font-size: 0.75rem; padding: 6px 16px; background-color: var(--em-color__dark); color: var(--em-color__light)} .ecomus-testimonial-carousel-3__text .ecomus-svg-icon { font-size: 10px; font-size: 0.625rem} .ecomus-testimonial-carousel-3__rating { margin-bottom: 16px} .ecomus-testimonial-carousel-3__rating.star-rating { --em-rating-spacing: 7px; font-size: 15px; font-size: 0.9375rem} .ecomus-testimonial-carousel-3__title { font-size: 18px; font-size: 1.125rem; color: var(--em-color__dark); margin-bottom: 8px} .ecomus-testimonial-carousel-3__content { color: var(--em-color__dark)} .elementor-widget-ecomus-testimonial-carousel-3:hover .swiper-button { opacity: 1} .elementor-widget-ecomus-testimonial-carousel-3:hover .swiper-button.elementor-swiper-button-prev { margin-left: 0} .elementor-widget-ecomus-testimonial-carousel-3:hover .swiper-button.elementor-swiper-button-next { margin-right: 0} .elementor-widget-ecomus-testimonial-carousel-3 .swiper-button { opacity: 0} .elementor-widget-ecomus-testimonial-carousel-3 .swiper-button.elementor-swiper-button-prev { margin-left: 20px} .elementor-widget-ecomus-testimonial-carousel-3 .swiper-button.elementor-swiper-button-next { margin-right: 20px} .ecomus-product-tabs-carousel__items.loading .ecomus-product-tabs-carousel__loading { display: block} .ecomus-product-tabs-carousel__items:not(.loading) .ecomus-product-tabs-carousel__item { transition: .3s} .ecomus-product-tabs-carousel__items:not(.loading) .ecomus-product-tabs-carousel__item.active { opacity: 1; animation: fadeIn .2s ease-in} .ecomus-product-tabs-carousel__items .ecomus-product-tabs-carousel__item.swiper ul.products { margin: 0} .ecomus-product-tabs-carousel__items .ecomus-product-tabs-carousel__item.swiper ul.products li.product { padding: 0} .ecomus-product-tabs-carousel__items .ecomus-product-tabs-carousel__item:not(.swiper-initialized) { overflow: hidden} .ecomus-product-tabs-carousel__items .ecomus-product-tabs-carousel__item:not(.swiper-initialized) ul.products { flex-wrap: nowrap} .ecomus-product-tabs-carousel__items .ecomus-product-tabs-carousel__item:not(.swiper-initialized) li.product { flex-shrink: 0} .ecomus-product-tabs-carousel__heading { gap: 70px; margin-bottom: 55px} .ecomus-product-tabs-carousel__heading span { font-size: 32px; font-size: 2rem; font-weight: 500; line-height: 38.4px; padding: 0 0 10px; border-bottom: 2px solid transparent; cursor: pointer; transition: .4s} .ecomus-product-tabs-carousel__heading span:hover { color: var(--em-color__dark)} .ecomus-product-tabs-carousel__heading span.active { font-weight: 600; color: var(--em-color__dark); border-color: var(--em-color__dark)} .ecomus-product-tabs-carousel__item.waiting { opacity: 0; animation: fadeOut .3s ease-out} .ecomus-product-tabs-carousel__item.no-active { opacity: 0; display: none} .ecomus-product-tabs-carousel__loading { display: none; top: 0; left: 0; bottom: 0; right: 0; z-index: 9; background-color: rgba(255, 255, 255, 0.9)} .ecomus-product-tabs-carousel__loading::before { top: 5%; bottom: auto} @media (min-width: 1200px) { .ecomus-product-tabs-carousel .ecomus-product-tabs-carousel__item, .ecomus-product-tabs-carousel .swiper { padding: 5px; margin: -5px} } .ecomus-hero-images { --em-button-padding-top: 16px; --em-button-padding-right: 30px; --em-button-padding-bottom: 15px; --em-button-padding-left: 30px; --em-button-font-size: 18px; --em-button-icon-spacing: 12px} .ecomus-hero-images .ecomus-button { font-weight: 500} .ecomus-hero-images .ecomus-button .ecomus-svg-icon { font-size: 11px; font-size: 0.6875rem; padding-bottom: 0} .ecomus-hero-images.ecomus-hero-images--hover-stop:hover .ecomus-marquee--inner { animation-play-state: paused} .ecomus-hero-images__image::before { width: 640px} .ecomus-hero-images__summary { left: 0; top: 0; bottom: 0; right: 0; z-index: 9} .ecomus-hero-images__content { min-width: 546px; padding: 80px 44px; background-color: #f4eddb; border-radius: var(--em-rounded-md)} .ecomus-hero-images__subtitle { text-transform: uppercase; margin-bottom: 16px} .ecomus-hero-images__title { margin-top: 0; margin-bottom: 36px} .ecomus-product-list ul.products.product-card-layout-list { margin: 0; scrollbar-width: auto; scrollbar-color: rgba(0, 0, 0, 0.12)} .ecomus-product-list ul.products.product-card-layout-list::-webkit-scrollbar { width: 4px} .ecomus-product-list ul.products.product-card-layout-list::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.05)} .ecomus-product-list ul.products.product-card-layout-list::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.12); border-radius: 8px} .ecomus-product-list ul.products.product-card-layout-list::-webkit-scrollbar-thumb:hover { background-color: var(--em-color__dark)} .ecomus-product-list ul.products.product-card-layout-list li.product { padding: 0; margin-bottom: 16px; width: 100%} .ecomus-product-list ul.products.product-card-layout-list li.product .product-inner { border: none; padding: 0; gap: 15px} .ecomus-product-list ul.products.product-card-layout-list li.product .ecomus-product-list__thumbnail { --em-image-rounded-product-card: var(--em-image-rounded-product-card-small); max-width: 100px; width: 100%} .ecomus-product-list ul.products.product-card-layout-list li.product .product-variation-items { margin-bottom: 0} .ecomus-product-list ul.products.product-card-layout-list li.product:last-child { margin-bottom: 0} .modal--has-code-discount:hover .ecomus-code-discount__copy { visibility: visible; opacity: 1} .modal--has-code-discount:hover input.ecomus-code-discount__input { border-radius: var(--em-input-rounded) 0 0 var(--em-input-rounded)} .ecomus-code-discount { --em-input-rounded: 2.5px; justify-content: center} .ecomus-code-discount:hover .ecomus-code-discount__copy { visibility: visible; opacity: 1} .ecomus-code-discount:hover input.ecomus-code-discount__input { border-radius: var(--em-input-rounded) 0 0 var(--em-input-rounded)} .ecomus-code-discount__inner { display: inline-flex} input.ecomus-code-discount__input { --em-input-color: #000000; font-size: 16px; font-size: 1rem; line-height: 1; text-align: center; padding: 12px 22px; background-color: #f2f2f2; border-radius: var(--em-input-rounded); border: none; padding-inline: 0; width: 100%; height: 100%; min-height: 45px} .ecomus-code-discount__copy { --em-input-color: #000000; --em-button-icon-size: 24px; --em-button-bg-color: #f2f2f2; --em-button-color: #f2f2f2; --em-button-bg-color-hover: #f2f2f2; --em-button-color-hover: #f2f2f2; --em-button-padding-top: 10px; --em-button-padding-right: 10.5px; --em-button-padding-bottom: 10px; --em-button-padding-left: 10.5px; right: 0; border: none; transform: translateX(100%); border-radius: 0 var(--em-input-rounded) var(--em-input-rounded) 0; min-height: 45px; overflow: visible; visibility: hidden; opacity: 0} .ecomus-code-discount__copy .ecomus-svg-icon svg { stroke: #000000} .ecomus-code-discount__copy:after { display: none} .ecomus-posts-carousel .em-post-grid .post-thumbnail, .ecomus-posts-carousel .em-post-grid .entry-title { margin-bottom: 30px} .ecomus-posts-carousel .entry-title a { display: -webkit-box; -webkit-line-clamp: var(--em-line-clamp-count, "none"); -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden} .ecomus-navigation-menu__title { font-size: 18px; font-size: 1.125rem; font-family: var(--em-heading-font); color: var(--em-heading-color); margin: 0 0 25px} .ecomus-navigation-menu__title.active .ecomus-navigation-menu__icon-default { opacity: 0} .ecomus-navigation-menu__title.active .ecomus-navigation-menu__icon-active { opacity: 1} .ecomus-navigation-menu__menu { display: flex; flex-wrap: wrap; gap: 10px; list-style-type: none; padding: 0; margin: 0; text-align: left; flex-direction: column} .ecomus-navigation-menu__menu > li > .sub-menu { padding-left: 10px} .ecomus-navigation-menu__menu ul { padding-left: 0} .ecomus-navigation-menu__menu li { padding: 0} .ecomus-navigation-menu__menu a { color: var(--em-color__base)} .ecomus-navigation-menu__menu a:hover { color: var(--em-color__primary)} .ecomus-navigation-menu__icon { font-size: 12px; font-size: 0.75rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer; border-radius: 50%; display: inline-flex; transition: .3s} .ecomus-navigation-menu__icon i, .ecomus-navigation-menu__icon svg { transition: .3s} .ecomus-navigation-menu__icon-active { opacity: 0} .ecomus-numbered-list__item { gap: 17px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #EBEBEB} .ecomus-numbered-list__item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none} .ecomus-numbered-list__number { width: 53px; flex: 0 0 53px; height: 53px; border-radius: 100%; border: 1px solid #EBEBEB} .ecomus-numbered-list__text { font-size: 16px; font-size: 1rem} .ecomus-video-banner__featured-image, .ecomus-video-banner__video-thumbnail { height: 100%} .ecomus-video-banner__video-thumbnail { z-index: 1} .ecomus-video-banner { --em-video-banner-ratio: 56.25%; position: relative; overflow: hidden} .ecomus-video-banner__featured-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-bottom: var(--em-video-banner-ratio); overflow: hidden} .ecomus-video-banner__featured-image video, .ecomus-video-banner__featured-image iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center} .ecomus-video-banner__wrapper { justify-content: flex-end; align-items: center; position: relative; height: 100%; padding: 0} .ecomus-video-banner__content { padding: 76px 53px; background-color: #212328; color: var(--em-color__light); border-radius: 20px} .ecomus-video-banner__before-title { font-size: 14px; font-size: 0.875rem; font-weight: 600; color: inherit; margin: 0 0 11px 0} .ecomus-video-banner__title { color: inherit; margin: 0} .ecomus-video-banner-button { --em-button-padding-top: 16px; --em-button-padding-bottom: 16px; --em-button-padding-right: 32px; --em-button-padding-left: 32px; --em-button-font-size: 18px; --em-button-icon-size: 12px; margin-top: 35px} .ecomus-video-popup { position: relative} .ecomus-video-popup .full-box-button, .ecomus-video-popup .ecomus-video-popup__featured-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%} .ecomus-video-popup .full-box-button { z-index: 1} .ecomus-video-popup__featured-image { background-repeat: no-repeat; background-size: cover} .ecomus-video-popup__featured-image.has-box-shadow { box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1)} .ecomus-video-popup__marker .ecomus-svg-icon, .ecomus-video-popup__marker { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)} .ecomus-video-popup__marker { display: block; width: 100px; height: 100px; background-color: var(--em-color__light); color: var(--em-color__dark); border-radius: 100%; cursor: pointer; position: relative} .ecomus-video-popup__marker:after { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px #ffffff1a; opacity: 0; transform: scale(0.9); pointer-events: none} .ecomus-video-popup__marker:hover:after { animation: sonarEffect 1s ease-in-out} .ecomus-video-popup__marker .ecomus-svg-icon { font-size: 21px; font-size: 1.3125rem; color: var(--em-color__dark)} .ecomus-image-before-after .imageslide-handle { display: flex; align-items: center; justify-content: center; z-index: 999} .ecomus-image-before-after .ecomus-svg-icon { font-size: 18px} .ecomus-image-before-after__image { position: absolute; top: 0; z-index: 2; height: 100%; width: 100%} .ecomus-image-before-after__image-after { z-index: 1} .z-index-first { z-index: 1} .ecomus-image-before-after__button { pointer-events: none; top: 0; padding: 38px; min-width: 86px; height: calc(100% - 76px); display: flex; flex-direction: column; justify-content: flex-end; z-index: 1} .ecomus-image-before-after__button span { padding: 7px 4px; border-radius: 100px} .ecomus-image-before-after__button-before { left: 50%; transform: translate(-100%); /*rtl:raw: left: 50%; right: auto; transform: translate(-100%); */ } .ecomus-image-before-after__button-after { right: 50%; transform: translate(100%); /*rtl:raw: right: 50%; left: auto; transform: translate(100%); */ } .elementor-widget-ecomus-wc-cart .woocommerce { min-height: 1px} .ecomus-woocommerce-cart-elementor .woocommerce-notices-wrapper { width: 100%} .ecomus-woocommerce-cart-elementor .ecomus-extra-content { margin-top: 30px} .ecomus-woocommerce-cart-elementor .cart_totals { display: flex; flex-direction: column} .ecomus-woocommerce-cart-elementor .em-cart-text-empty-elementor + .em-cart-text-empty { display: none} .ecomus-woocommerce-cart-elementor .em-cart-text-empty-elementor + .em-cart-text-empty + .return-to-shop { display: none} .ecomus-woocommerce-cart-elementor .em-cart-text-empty-elementor + .return-to-shop { display: none} .ecomus-woocommerce-cart-elementor.notices-hidden .woocommerce-notices-wrapper { display: none} .ecomus-woocommerce-cart-elementor.columns-1 .woocommerce-cart-form, .ecomus-woocommerce-cart-elementor.columns-1 .cart-collaterals { float: none !important; width: 100% !important; padding: 0 !important} .cross-sells__heading { margin-top: 0} .ecomus-products-carousel--elementor .cross-sells { margin: 0} .ecomus-products-carousel--elementor .cross-sells:not(.swiper-initialized) { overflow: hidden; display: block} .ecomus-woocommerce-checkout-elementor select { width: 100%} .ecomus-woocommerce-checkout-elementor .ecomus-content-additional { margin-top: 30px} .ecomus-woocommerce-checkout-elementor.columns-1 .col2-set { padding: 0} .ecomus-woocommerce-checkout-elementor.columns-1 .col2-set, .ecomus-woocommerce-checkout-elementor.columns-1 .woocommerce-checkout-review-order, .ecomus-woocommerce-checkout-elementor.columns-1 .ecomus-content-additional { float: none; width: 100%} .elementor-widget-ecomus-product-sidebar .ecomus-heading.active .em-collapse-icon:after { transform: translateY(-50%) rotate(180deg)} .elementor-widget-ecomus-product-sidebar .em-collapse-icon { cursor: pointer} .elementor-widget-ecomus-product-sidebar .em-collapse-icon:after { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaGR0LWZhY2V0LXRpdGxlX2ljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjExIiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCAxMSA3IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMTEgNS41TDUuNSA2LjU1ODY4ZS0wOEwtNi41NTg2OGUtMDggNS41TDAuOTc2MjUgNi40NzYyNUw1LjUgMS45NTI1TDEwLjAyMzggNi40NzYyNUwxMSA1LjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48L3N2Zz4=); background-repeat: no-repeat; width: 11px; height: 7px; display: block; transition: transform .35s linear; will-change: transform; position: absolute; top: 50%; transform: translateY(-50%); right: 0} .ecomus-testimonial-carousel-4__item { text-align: center} .ecomus-testimonial-carousel-4__text { font-size: 16px; font-size: 1rem; text-transform: uppercase; font-weight: 700; margin-bottom: 40px; color: var(--em-color__dark)} .ecomus-testimonial-carousel-4__content { font-size: 28px; font-size: 1.75rem; color: var(--em-color__dark)} .ecomus-testimonial-carousel-4__text, .ecomus-testimonial-carousel-4__content { padding: 0 3rem} .ecomus-testimonial-carousel-4__positioning { gap: 84px; margin-top: 78px; justify-content: safe center; flex-wrap: nowrap; overflow-x: auto; scroll-behavior: smooth; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none} .ecomus-testimonial-carousel-4__positioning-item { --em-image-rounded: 0; flex-shrink: 0; cursor: pointer; transition: .4s} .ecomus-testimonial-carousel-4__positioning-item:not(.active) { opacity: 0.3} .ecomus-testimonial-carousel-4__positioning-item:hover { opacity: 1} .ecomus-shoppable-video__video-wrapper { height: 100%; display: flex; position: relative} .ecomus-shoppable-video__video-wrapper:before { content: ''; width: 0; height: 0; display: block; padding-bottom: var(--em-ratio-percent)} .ecomus-shoppable-video__video-wrapper video { display: block; max-width: 100%; position: absolute; margin: 0; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center} .ecomus-shoppable-video__product { gap: 15px; background-color: var(--em-color__light); padding: 15px; margin-top: 10px} .ecomus-shoppable-video__product-image { max-width: 70px} .ecomus-shoppable-video__product-image img { border: 1px solid var(--em-border-color)} .ecomus-shoppable-video__product-image a { display: block; width: 100%} .elementor .elementor-element .ecomus-shoppable-video__product-image img { border-radius: var(--em-rounded-full)} .ecomus-shoppable-video__product-summary { flex-basis: 100%} .ecomus-shoppable-video__product-title { font-size: 16px; font-size: 1rem; font-weight: 400; color: var(--em-color__dark); margin: 0} .ecomus-shoppable-video__product-price { font-size: 14px; font-size: 0.875rem; font-weight: 600; line-height: 16.8px; color: #000000; margin-top: 4px; flex-wrap: wrap; gap: 0} .ecomus-shoppable-video__product-price .woocs_price_code { display: flex; gap: 5px} .ecomus-shoppable-video__product-price ins { color: #DB1215; background-color: transparent; margin-left: 5px} .ecomus-shoppable-video__product-price del { color: rgba(0, 0, 0, 0.5); font-weight: 400} .ecomus-shoppable-video__product-price > .woocommerce-Price-amount { margin-left: 5px; margin-right: 5px} .ecomus-shoppable-video__product-price > .woocommerce-Price-amount:first-child { margin-left: 0} .ecomus-shoppable-video__product-price > .woocommerce-Price-amount:last-child { margin-right: 0} .ecomus-shoppable-video__product-price .woocommerce-price-suffix { order: 3; margin-left: 5px} .ecomus-shoppable-video__product-button { --em-button-font-size: 17px; --em-button-width: 40px; --em-button-height: 40px; flex: 1 0 auto} .ecomus-product-price-tables-carousel { --em-price-del-color: rgba(0, 0, 0, 0.5); --em-variation-border-color: #EBEBEB; --em-variation-border-color-selected: #000} .ecomus-product-price-tables-carousel .product-inner { overflow: hidden} .ecomus-product-price-tables-carousel .product-summary { display: flex; flex-direction: column; background-color: #f6f6f6; padding: 26px 37px 48px} .ecomus-product-price-tables-carousel .product-summary .add_to_cart_button, .ecomus-product-price-tables-carousel .product-summary .ecomus-rating { display: none !important} .ecomus-product-price-tables-carousel .woocommerce-loop-product__title { font-weight: 700; text-transform: uppercase} .ecomus-product-price-tables-carousel .product-featured-icons .button { --em-button-color: #fff; --em-button-bg-color: #000; --em-button-border-color: #000; --em-button-color-hover: #000; --em-button-bg-color-hover: #fff; --em-button-border-color-hover: #fff} .ecomus-product-price-tables-carousel ul.products li.product .price del { color: var(--em-price-del-color)} .ecomus-product-price-tables-carousel ul.products li.product .product-variation-items .product-variation-item { border-color: var(--em-variation-border-color)} .ecomus-product-price-tables-carousel ul.products li.product .product-variation-items .product-variation-item.selected { border-color: var(--em-variation-border-color-selected)} .ecomus-product-price-tables-carousel ul.products li.product .product-thumbnail:hover.product-thumbnails--fadein:not(.hover-swatch) img { opacity: 0} .ecomus-product-price-tables-carousel ul.products li.product .product-thumbnail:hover.product-thumbnails--fadein:not(.hover-swatch) .product-thumbnails--fadein-image { opacity: 1; transform: scale(var(--em-image-eff-scale-product-card))} .ecomus-product-price-tables-carousel__text { --em-link-color: var(--em-color__base); font-weight: 700} .ecomus-product-price-tables-carousel__description { font-size: 16px; font-size: 1rem; font-weight: 500; color: var(--em-color__base); margin-top: 18px; padding-top: 22px; border-top: 1px solid var(--em-border-color)} .ecomus-product-price-tables-carousel__description ul.no-style { list-style-type: none; margin: 0; padding: 0} .ecomus-product-price-tables-carousel__description ul.no-style li { display: flex; align-items: center; gap: 10px; margin-bottom: 18px} .ecomus-product-price-tables-carousel__description ul.no-style li:last-child { margin-bottom: 0} .ecomus-product-price-tables-carousel__button { align-self: center; margin-top: 38px} .ecomus-product-price-tables-carousel__highlight { --em-color__base: #fff; --em-color__dark: #fff; --em-heading-color: #fff; --em-link-color: #fff; --em-border-color: #333; --em-color-price-sale: #fff; --em-price-del-color: rgba( 255, 255, 255, 0.4 ); --em-variation-border-color: #333; --em-variation-border-color-selected: #fff} .ecomus-product-price-tables-carousel__highlight .product-summary { background-color: #141414} .ecomus-product-price-tables-carousel__highlight .product-featured-icons .button { --em-button-color: #000; --em-button-bg-color: #fff; --em-button-border-color: #fff; --em-button-color-hover: #fff; --em-button-bg-color-hover: #000; --em-button-border-color-hover: #000; --em-button-eff-bg-color-hover: rgba( 255, 255, 255, 0.25 )} .ecomus-product-price-tables-carousel__highlight .ecomus-product-price-tables-carousel__button { --em-button-color: #000; --em-button-bg-color: #fff; --em-button-border-color: #fff; --em-button-color-hover: #000; --em-button-bg-color-hover: #fff; --em-button-border-color-hover: #fff; --em-button-eff-bg-color-hover: rgba( 0, 0, 0, 0.25 )} @media (max-width: 1640px) { .elementor-element .ecomus-shoppable-video .swiper-button.ecomus-swiper-button--outside.elementor-swiper-button-prev { left: -23px} .elementor-element .ecomus-shoppable-video .swiper-button.ecomus-swiper-button--outside.elementor-swiper-button-next { right: -23px} .ecomus-rtl-smart .elementor-element .ecomus-shoppable-video .swiper-button.ecomus-swiper-button--outside.elementor-swiper-button-prev { left: -23px} .ecomus-rtl-smart .elementor-element .ecomus-shoppable-video .swiper-button.ecomus-swiper-button--outside.elementor-swiper-button-next { right: -23px} } @media (max-width: 1599px) { .elementor-widget-ecomus-testimonial-carousel-2.elementor-element .elementor-widget-container .swiper-button.elementor-swiper-button-prev { left: -23px} .elementor-widget-ecomus-testimonial-carousel-2.elementor-element .elementor-widget-container .swiper-button.elementor-swiper-button-next { right: -23px} } @media (min-width: 1200px) { .ecomus-slides__dots-position-right .swiper-pagination-bullets { --em-swiper-pagination-spacing: 63px; width: auto; height: 100%; left: auto; flex-direction: column; justify-content: flex-end; gap: 10px} .ecomus-banner__icon-position--top .ecomus-banner__button { --em-button-icon-spacing: 20px; --em-button-icon-size: 11px; display: inline-flex; flex-direction: column; align-items: flex-end} .ecomus-banner__icon-position--top .ecomus-banner__button .ecomus-button-text { flex: 1 0 100%} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__inner { max-width: 80%; margin-left: 0} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__inner ul.products { flex-wrap: wrap; transform: none !important; height: auto !important} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__inner ul.products.product-card-layout-list li.product { transition: .35s linear} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__inner ul.products.product-card-layout-list li.product .product-thumbnail { max-width: 160px; width: 100%} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__inner ul.products.has--hover li.product:not(.is--hover) { opacity: 0.3} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__button { font-size: 16px; font-size: 1rem} .ecomus-product-list--scrollbar ul.products.product-card-layout-list { max-height: 415px; overflow-x: hidden; overflow-y: auto} .ecomus-centermode-auto--yes .elementor-widget-container { overflow: hidden} .ecomus-centermode-auto--yes .swiper { overflow: visible !important} .ecomus-featured-product__gallery--left.single-product div.product .woocommerce-product-gallery { flex-direction: row-reverse; justify-content: flex-end} .ecomus-featured-product__gallery--left.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper { margin-left: 10px} .ecomus-featured-product__gallery--left.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper:not(.swiper) { margin-left: calc(14% + 10px)} } @media (max-width: 1499px) and (min-width: 1150px) { .ecomus-image-box-carousel__inner .ecomus-image-box-carousel__item--view-all .ecomus-image-box-carousel__image, .ecomus-image-box-carousel__inner .ecomus-image-box-carousel__item--view-all .ecomus-image-box-carousel__button { width: 0 !important; min-width: unset !important; overflow: hidden !important; flex: 0 !important; display: none} .ecomus-image-box-carousel__view-all-outsite { min-width: 140px; width: auto; position: absolute; top: 0; right: 0; background-color: var(--em-color__light); z-index: 9} .ecomus-image-box-carousel__view-all-outsite .ecomus-image-box-carousel__image { max-width: 100px; border-radius: var(--em-image-rounded)} } @media (min-width: 1500px) { .ecomus-image-box-carousel__view-all-outsite { display: none} } @media (max-width: 1499px) and (min-width: 1150px) { .ecomus-image-box-carousel__inner .ecomus-image-box-carousel__item--view-all .ecomus-image-box-carousel__image, .ecomus-image-box-carousel__inner .ecomus-image-box-carousel__item--view-all .ecomus-image-box-carousel__button { width: 0 !important; min-width: unset !important; overflow: hidden !important; flex: 0 !important; display: none} .ecomus-image-box-carousel__view-all-outsite { min-width: 140px; width: auto; position: absolute; top: 0; right: 0; background-color: var(--em-color__light); z-index: 9} .ecomus-image-box-carousel__view-all-outsite .ecomus-image-box-carousel__image { max-width: 100px; border-radius: var(--em-image-rounded)} .ecomus-product-category-tabs__items { padding: 46px 30px 56px 30px} } @media (min-width: 1500px) { .ecomus-image-box-carousel__view-all-outsite { display: none} .ecomus-product-category-tabs__items { padding: 66px 79px 76px 56px} } @media (max-width: 1199px) { .ecomus-lookbook__product-type--list ul.products.ecomus-lookbook-products__products { flex-wrap: nowrap} .ecomus-lookbook__product-type--list ul.products.product-card-layout-list li.product, .ecomus-lookbook__product-type--list ul.products.product-card-layout-list li.product:last-child { margin-bottom: 0} .ecomus-lookbook__product-type--list ul.products.product-card-layout-list li.product .product-inner, .ecomus-lookbook__product-type--list ul.products.product-card-layout-list li.product:last-child .product-inner { gap: 20px; padding-bottom: 0; border: none} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__button-item:hover { width: 30px; height: 30px} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__button-item:hover .ecomus-lookbook-products__button-dot { width: 8px; height: 8px} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__button { margin-top: 20px; padding-left: 30px; padding-right: 30px} .ecomus-lookbook__product-type--carousel .ecomus-lookbook-products__image, .ecomus-lookbook__product-type--carousel .ecomus-lookbook-products__content { width: calc(6 / 12* 100% - var(--em-spacing-x) / 2)} .ecomus-lookbook__product-type--carousel .ecomus-lookbook-products__content { padding-left: 20px} .ecomus-lookbook__product-type--carousel .ecomus-lookbook-products__wrapper { padding-left: 50px; padding-right: 50px} .ecomus-lookbook-products__title { font-size: 35.55556px; font-size: 2.22222rem; margin: 0 0 32px 0} .ecomus-lookbook-products__button-content { width: 30px; height: 30px} .ecomus-lookbook-products__button-item { width: 24px; height: 24px} .ecomus-lookbook-products__button-item.clicked { width: 30px; height: 30px} .ecomus-lookbook-products__button-item.clicked .ecomus-lookbook-products__button-dot { width: 8px; height: 8px} .ecomus-lookbook-products__button-dot { width: 8px; height: 8px} .ecomus-banner__icon-position--top .ecomus-banner__button .ecomus-align-icon-left { order: 2} .ecomus-video-banner { padding: 5%} .ecomus-video-popup__marker { width: 80px; height: 80px} .ecomus-video-popup__marker .ecomus-svg-icon { font-size: 16px; font-size: 1rem} .ecomus-testimonial-carousel-4__content { font-size: 20px; font-size: 1.25rem} .ecomus-testimonial-carousel-4__positioning { gap: 40px; margin-top: 31px} .ecomus-featured-product__gallery--left.single-product div.product .woocommerce-product-gallery { flex-direction: column} .ecomus-featured-product__gallery--left.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper { width: 100%; margin-bottom: 10px; margin-left: 0} .ecomus-featured-product__gallery--left.single-product div.product .woocommerce-product-gallery .ecomus-product-gallery-thumbnails { width: 100%} .ecomus-featured-product__gallery--left.single-product div.product .woocommerce-product-gallery .flex-control-nav { flex-direction: row} } @media (max-width: 1149px) { .ecomus-image-box-carousel__view-all-outsite { display: none} } @media (min-width: 1025px) { .ecomus-slidesperview-auto--yes .ecomus-image-carousel__item { width: fit-content} .ecomus-hover-show-button-hover .ecomus-instagram--elementor .ecomus-instagram__item p a.button { opacity: 0} .ecomus-hover-show-button-hover .ecomus-instagram--elementor .ecomus-instagram__item:hover p a.button { opacity: 1} .ecomus-image-box-carousel .swiper .swiper-wrapper.columns-2 .swiper-slide { width: calc( 50% - ( ( var(--em-swiper-items-space) * ( 2 - 1 ) ) / 2 ))} .ecomus-image-box-carousel .swiper .swiper-wrapper.columns-3 .swiper-slide { width: calc( 33.33% - ( ( var(--em-swiper-items-space) * ( 3 - 1 ) ) / 3 ))} .ecomus-image-box-carousel .swiper .swiper-wrapper.columns-4 .swiper-slide { width: calc( 25% - ( ( var(--em-swiper-items-space) * ( 4 - 1 ) ) / 4 ))} .ecomus-image-box-carousel .swiper .swiper-wrapper.columns-5 .swiper-slide { width: calc( 20% - ( ( var(--em-swiper-items-space) * ( 5 - 1 ) ) / 5 ))} .ecomus-image-box-carousel .swiper .swiper-wrapper.columns-6 .swiper-slide { width: calc( 16.66% - ( ( var(--em-swiper-items-space) * ( 6 - 1 ) ) / 6 ))} .ecomus-slidesperview-auto--yes.ecomus-view-all-btn--yes .swiper { margin-right: 0 !important} .ecomus-slidesperview-auto--yes .ecomus-image-box-carousel__item { overflow: hidden} .ecomus-slidesperview-auto--yes .ecomus-image-box-carousel__item .ecomus-image-box-carousel__image { --em-image-eff-scale: 1.05; border-radius: var(--em-image-rounded); margin: 0 auto} } @media (max-width: 1149px) and (min-width: 768px) { .ecomus-product-category-tabs__items { padding: 27px 15px} } @media (max-width: 1024px) and (min-width: 768px) { .ecomus-tablet-slidesperview-auto--yes .ecomus-image-carousel__item { width: fit-content} .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--left .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--left .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--right .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--right .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--left .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--left .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--right .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--right .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--left .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--left .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--right .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--right .ecomus-icons-box-carousel__item > a { display: flex; align-items: flex-start; flex-direction: row} .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--left .ecomus-icon-box__icon, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--left .ecomus-icon-box__icon, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--left .ecomus-icon-box__icon { order: 1; margin-right: var(--ecomus-icon-box-margin); margin-left: 0; margin-bottom: 0} .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--left .ecomus-icon-box__wrapper, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--left .ecomus-icon-box-carousel__wrapper, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--left .ecomus-icon-box__wrapper, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--left .ecomus-icon-box-carousel__wrapper, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--left .ecomus-icon-box__wrapper, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--left .ecomus-icon-box-carousel__wrapper { order: 2} .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item > a { justify-content: flex-start} .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item > a { justify-content: center} .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item > a { justify-content: flex-end} .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--top .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--top .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--top .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--top .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--top .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--top .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--top .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--top .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--top .ecomus-icons-box-carousel__item > a { display: flex; flex-direction: column} .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--top .ecomus-icon-box__icon, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--top .ecomus-icon-box__icon, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--top .ecomus-icon-box__icon { order: 1; margin-bottom: var(--ecomus-icon-box-margin); margin-left: 0; margin-right: 0} .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--top .ecomus-icon-box__wrapper, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--top .ecomus-icon-box-carousel__wrapper, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--top .ecomus-icon-box__wrapper, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--top .ecomus-icon-box-carousel__wrapper, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--top .ecomus-icon-box__wrapper, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--top .ecomus-icon-box-carousel__wrapper { order: 2} .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item > a { justify-content: flex-start; align-items: flex-start; text-align: left} .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item > a { justify-content: center; align-items: center; text-align: center} .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item > a { justify-content: flex-end; align-items: flex-end; text-align: right} .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--right .ecomus-icon-box__icon, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--right .ecomus-icon-box__icon, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--right .ecomus-icon-box__icon { order: 2; margin-left: var(--ecomus-icon-box-margin); margin-right: 0; margin-bottom: 0} .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--right .ecomus-icon-box__wrapper, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--right .ecomus-icon-box-carousel__wrapper, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--right .ecomus-icon-box__wrapper, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--right .ecomus-icon-box-carousel__wrapper, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--right .ecomus-icon-box__wrapper, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--right .ecomus-icon-box-carousel__wrapper { order: 1} .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item > a { justify-content: flex-start} .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item > a { justify-content: center} .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-tablet-icon-box__icon-position--right.ecomus-tablet-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item > a { justify-content: flex-end} .ecomus-product-list--scrollbar-tablet ul.products.product-card-layout-list { max-height: 415px; overflow-x: hidden; overflow-y: auto} .ecomus-tablet-slidesperview-auto--yes .ecomus-image-box-carousel .swiper { margin-right: 0 !important} .ecomus-tablet-slidesperview-auto--yes .ecomus-image-box-carousel__item { overflow: hidden} .ecomus-tablet-slidesperview-auto--yes .ecomus-image-box-carousel__item .ecomus-image-box-carousel__image { --em-image-eff-scale: 1.05; border-radius: var(--em-image-rounded); margin: 0 auto} .title-line-no-tablet .ecomus-image-box-grid__title { white-space: normal} } @media (max-width: 1024px) { .ecomus-brands--grid .ecomus-brands-filters__items { width: calc( 33.333% - 30px)} .ecomus-brands--list .ecomus-brands-filters__heading { font-size: 32px; font-size: 2rem; padding: 0} .ecomus-brands--list .ecomus-brands-filters__item { width: calc( 25% - 22.5px)} .ecomus-testimonial__title { font-size: 32px; font-size: 2rem} .ecomus-testimonial__quote { font-size: 36px; font-size: 2.25rem} .ecomus-testimonial__rating { margin-top: 6px} .ecomus-testimonial__description { font-size: 16px; font-size: 1rem; line-height: 25px; margin-top: 12px} .ecomus-testimonial__divider-yes .ecomus-testimonial__information, .ecomus-testimonial__information { margin-top: 13px} .ecomus-timeline { padding-top: 100px} .ecomus-timeline__inner { gap: 100px; padding: 80px 0} .ecomus-timeline__inner::before, .ecomus-timeline__inner::after { width: 20px} .ecomus-timeline__inner::before { left: calc(50% + 20px); transform: translate(-50%)} .ecomus-timeline__inner::after { right: calc(50% + 20px); transform: translate(50%)} .ecomus-store-locations__tabs { width: 41.66667%} .ecomus-store-locations__tab { width: 58.33333%} .ecomus-slides-elementor .ecomus-slide__title { font-size: 44px; font-size: 2.75rem} .ecomus-slides-elementor .swiper-pagination { --em-swiper-pagination-spacing: 42.75px} .ecomus-marquee { padding: 21px 0} .ecomus-banner { height: 420px} .ecomus-banner__title { font-size: 20px; font-size: 1.25rem; margin-bottom: 21px} .ecomus-banner__description { font-size: 14px; font-size: 0.875rem; margin-bottom: 21px} .ecomus-banner__button { margin-bottom: 30px} .e-con-inner { --em-container-spacing: 30px} .ecomus-stores-tab__heading { gap: 20px; margin-bottom: 30px} .ecomus-stores-tab__content { padding: 30px 30px 30px 32px} .ecomus-stores-tab__title { margin-bottom: 21px} .ecomus-image-content-slider .swiper-pagination { --em-swiper-pagination-spacing: 12px} .ecomus-image-content-slider .swiper-pagination { padding-left: 26px} .ecomus-image-content-slider__content { padding-left: 30px} .ecomus-image-content-slider__title { font-size: 40px; font-size: 2.5rem; margin-bottom: 12px} .ecomus-image-content-slider__description { margin-bottom: 32px} .ecomus-image-content-slider__image { height: 345px} .ecomus-product-tabs-grid__heading { gap: 30px} .ecomus-product-tabs-grid__heading:not(.has-heading) span, .ecomus-product-tabs-grid__heading:not(.has-heading) a { font-size: 26px; font-size: 1.625rem; line-height: 31.2px; padding: 0 0 10px} .ecomus-product-tabs-grid__heading.has-heading h4 { font-size: 32px; font-size: 2rem} .ecomus-product-tabs-grid__heading.has-heading .ecomus-product-tabs-grid__tab-heading { max-width: 60%; justify-content: flex-start; flex-wrap: nowrap; overflow-y: hidden; overflow-x: auto; scroll-behavior: smooth} .ecomus-product-tabs-grid__heading.has-heading .ecomus-product-tabs-grid__tab-heading::-webkit-scrollbar { display: none} .ecomus-product-tabs-grid__heading.has-heading .ecomus-product-tabs-grid__tab-heading span, .ecomus-product-tabs-grid__heading.has-heading .ecomus-product-tabs-grid__tab-heading a { white-space: nowrap} .ecomus-show-border-yes ul.products li.product { padding: 20px 10px} .ecomus-image-info__image, .ecomus-image-info__location { height: 450px} .ecomus-image-info__summary { min-width: 350px; margin-left: 36px; padding: 20px} .ecomus-product-category-tabs__item { font-size: 22px; font-size: 1.375rem; padding: 13px 0} .ecomus-categories-carousel__content--side .ecomus-categories-carousel__content { left: 15px} .ecomus-categories-carousel__content--side .ecomus-categories-carousel__button { left: 15px} .ecomus-product-tabs-carousel__heading { gap: 30px; margin-bottom: 30px} .ecomus-product-tabs-carousel__heading span { font-size: 26px; font-size: 1.625rem; line-height: 31.2px; padding: 0 0 10px} .ecomus-testimonial-carousel-2__item[data-image="true"] { gap: 16px; flex-direction: column} .ecomus-testimonial-carousel-2__image { max-width: 100%; margin: 0 auto} .ecomus-hero-images__image::before { width: 384px} .ecomus-hero-images__content { padding: 40px 20px; min-width: 450px} .ecomus-hero-images__title { font-size: 40px; font-size: 2.5rem} .ecomus-testimonial-carousel-2__product-button { display: none} .ecomus-store-locations__content { padding: 18px 15px} .ecomus-countdown-below--yes .product-summary .em-product-countdown { margin-top: 30px} .ecomus-countdown-below--yes .product-summary .em-product-countdown .ecomus-countdown { gap: 5px} .ecomus-countdown-below--yes .product-summary .em-product-countdown .timer { padding: 5px 0 5px; min-width: 42px} .ecomus-countdown-below--yes .product-summary .em-product-countdown .digits { font-size: 20px; font-size: 1.25rem} .ecomus-product-price-tables-carousel .product-summary { padding: 20px} .ecomus-product-price-tables-carousel__description { font-size: 14px; font-size: 0.875rem; padding-top: 14px} .ecomus-product-price-tables-carousel__description ul.no-style li { margin-bottom: 10px} .ecomus-product-price-tables-carousel__description ul.no-style li:last-child { margin-bottom: 0} .ecomus-product-price-tables-carousel__button { margin-top: 20px} } @media (max-width: 991px) and (min-width: 768px) { .ecomus-lookbook__product-type--carousel .ecomus-lookbook-products__wrapper { padding-left: 40px; padding-right: 0} } @media (max-width: 991px) { .ecomus-testimonial__gallery-content { padding-top: 0} .ecomus-time-countdown--1 .timer { padding: 7px 0 6px; min-width: 70px} .ecomus-time-countdown--1 .digits { font-size: 26px; font-size: 1.625rem} .ecomus-categories-carousel__heading { margin-bottom: 50px} .ecomus-categories-carousel__heading h4 { font-size: 32px; font-size: 2rem} .ecomus-products-carousel__heading-display-between h4 { font-size: 32px; font-size: 2rem} .ecomus-flash-sale-carousel { padding: 60px 20px 20px} .ecomus-flash-sale-carousel__title { gap: 10px; padding: 4px 16px; margin-left: 15px} .ecomus-flash-sale-carousel__title h4 { font-size: 32px; font-size: 2rem} .ecomus-flash-sale-carousel__title .ecomus-svg-icon { font-size: 31px; font-size: 1.9375rem} } @media (min-width: 768px) { .sticky-navigation-bar { position: sticky; top: var(--em-navigation-bar-top, 32px); transition: 0.3s} .ecomus-icon-box__position-left .ecomus-icon-box { display: flex; align-items: center; text-align: left} .ecomus-icon-box__position-left .ecomus-icon-box__icon { margin-right: 30px; margin-bottom: 0} .ecomus-icon-box__position-left .ecomus-icon-box__title { font-size: 18px; font-size: 1.125rem; margin-bottom: 3px} .ecomus-stores-tab-reverse--yes .ecomus-stores-tab__item { flex-direction: row-reverse} .ecomus-sticky--yes .ecomus-lookbook-products__image, .ecomus-sticky--yes .ecomus-lookbook-products__content { position: sticky; position: -webkit-sticky; top: 0; align-self: flex-start} .ecomus-image-box-carousel__heading .swiper-pagination { display: block !important} } @media (max-width: 767px) { .ecomus-brands-filters { justify-content: flex-start} .ecomus-brands-filters__heading { font-size: 22px; font-size: 1.375rem} .ecomus-brands--grid .ecomus-brands-filters__wrapper { margin: 0 -7.5px; row-gap: 15px} .ecomus-brands--grid .ecomus-brands-filters__items { margin: 0 7.5px; width: calc( 50% - 15px); padding: 15px} .ecomus-brands--list .ecomus-brands-filters__heading { font-size: 22px; font-size: 1.375rem} .ecomus-brands--list .ecomus-brands-filters__content { gap: 15px} .ecomus-brands--list .ecomus-brands-filters__item { width: calc( 50% - 7.5px)} .ecomus-timeline { padding-top: 60px; text-align: center} .ecomus-timeline__inner { gap: 30px; flex-direction: column-reverse} .ecomus-timeline__inner::before, .ecomus-timeline__inner::after { display: none} .ecomus-timeline__item:nth-child(2n+1) .ecomus-timeline__inner { flex-direction: column-reverse} .ecomus-timeline__item:nth-child(2n+1) .ecomus-timeline__content { text-align: center} .ecomus-timeline__item::before { display: none} .ecomus-timeline__image, .ecomus-timeline__content { width: 100%} .ecomus-timeline__title { font-size: 22px; font-size: 1.375rem} .ecomus-store-locations { flex-direction: column} .ecomus-store-locations__tabs { width: 100%} .ecomus-store-locations__scroll { gap: 15px; position: relative; overflow: hidden} .ecomus-store-locations__content.active .ecomus-store-locations__info { display: block} .ecomus-store-locations__content:not(.active) .ecomus-store-locations__title { margin-bottom: 0} .ecomus-store-locations__title { font-size: 16px; font-size: 1rem; line-height: 1.2} .ecomus-store-locations__info { display: none} .ecomus-store-locations__tab { width: 100%} .ecomus-testimonial__inner { width: 100%} .ecomus-testimonial__title { font-size: 22px; font-size: 1.375rem} .ecomus-testimonial__image-position--left .ecomus-testimonial-carousel--elementor { flex-direction: row} .ecomus-icon-box__title { font-size: 22px; font-size: 1.375rem} .ecomus-slides-elementor .ecomus-slide__title { font-size: 34px; font-size: 2.125rem} .ecomus-slides-elementor .ecomus-slide__description { font-size: 0; margin-bottom: 0} .ecomus-slides-elementor .ecomus-slide__button { --em-button-font-size: 16px; --em-button-padding-left: 16px; --em-button-padding-right: 16px; --em-button-padding-top: 11px; --em-button-padding-bottom: 11px} .ecomus-slides-elementor .ecomus-slide__button .ecomus-svg-icon { font-size: 10px; font-size: 0.625rem} .ecomus-slides-elementor .swiper-pagination { --em-swiper-pagination-spacing: 22.8px} .ecomus-marquee { padding: 20px 0} .ecomus-marquee__icon { font-size: 18px; font-size: 1.125rem} .ecomus-marquee__text { font-size: 18px; font-size: 1.125rem} .ecomus-image-box-carousel__heading { flex-direction: row-reverse; justify-content: space-between} .ecomus-image-box-carousel__heading.ecomus-image-box-carousel__heading--dots { flex-direction: row} .ecomus-image-box-carousel__button:not(.ecomus-image-box-carousel__button-yes) { margin-left: 0} .ecomus-categories-grid__title { --em-button-font-size: 16px; --em-button-padding-left: 20px; --em-button-padding-right: 20px; max-width: calc(100% - 30px); bottom: 15px} .ecomus-categories-grid__item { margin-bottom: 15px} .ecomus-image-box-carousel__title { margin-top: 15px; font-size: 20px; font-size: 1.25rem; line-height: 24px} .ecomus-image-box-carousel__item-side .ecomus-image-box-carousel__summary { padding: 10px 15px} .ecomus-image-box-carousel__description { margin-bottom: 10px} .ecomus-images-hotspot__button { width: 20px; height: 20px} .ecomus-images-hotspot__button span { width: 6px; height: 6px} .ecomus-images-hotspot__button::after { display: none} .ecomus-image-hotspot__button { width: 20px; height: 20px} .ecomus-image-hotspot__button span { width: 6px; height: 6px} .ecomus-image-hotspot__button::after { display: none} .ecomus-testimonial-carousel-2 .swiper-pagination { --em-swiper-pagination-spacing: 15px} .ecomus-testimonial-carousel-2__item { padding: 0 20px} .ecomus-testimonial-carousel-2__rating { margin-top: 34px; margin-bottom: 14px} .ecomus-testimonial-carousel-2__content { margin-bottom: 20px} .ecomus-testimonial-carousel-2__text { margin-bottom: 30px} .ecomus-testimonial-carousel-2__product { margin-bottom: 20px} .ecomus-mobile-slidesperview-auto--yes .ecomus-image-carousel__item { width: fit-content} .ecomus-image-carousel .swiper-pagination { --em-swiper-pagination-spacing: 15px} .ecomus-banner { height: 300px} .ecomus-banner__title { font-size: 18px; font-size: 1.125rem; margin-bottom: 15px} .ecomus-banner__sub-title { font-size: 14px; font-size: 0.875rem} .ecomus-banner__title + .ecomus-banner__sub-title { margin-top: -12px} .ecomus-banner__description { margin-bottom: 15px} .ecomus-banner__button { margin-bottom: 18.75px} .e-con-inner { --em-container-spacing: 15px} .ecomus-time-countdown--1 .timer { min-width: 60px} .ecomus-time-countdown--1 .digits { font-size: 16px; font-size: 1rem} .ecomus-time-countdown--1 .text { font-size: 12px; font-size: 0.75rem} .ecomus-time-countdown--2 .ecomus-time-countdown__wrapper { padding: 4px 10px} .ecomus-stores-tab__heading { gap: 15px; flex-wrap: nowrap; overflow-y: hidden; overflow-x: auto; scroll-behavior: smooth; white-space: nowrap} .ecomus-stores-tab__heading::-webkit-scrollbar { display: none} .ecomus-stores-tab__heading span { font-size: 20px; font-size: 1.25rem} .ecomus-stores-tab__animation--underline { justify-content: flex-start} .ecomus-stores-tab__item { flex-direction: column; align-items: flex-start} .ecomus-stores-tab__item .ecomus-stores-tab__image::before { display: none} .ecomus-stores-tab__item .ecomus-stores-tab__image img { position: static} .ecomus-stores-tab__item > * { width: 100%} .ecomus-stores-tab__content { padding: 30px 15px} .ecomus-stores-tab__title { font-size: 18px; font-size: 1.125rem} .ecomus-stores-tab__description p { margin-bottom: 1em} .ecomus-stores-tab-reverse--yes .ecomus-stores-tab__item { flex-direction: column-reverse} .ecomus-image-content-slider .swiper-pagination { --em-swiper-pagination-spacing: 4px} .ecomus-image-content-slider__item { flex-direction: column-reverse; height: auto; justify-content: flex-end} .ecomus-image-content-slider__item > * { width: 100%} .ecomus-image-content-slider .swiper-pagination { padding-left: 0} .ecomus-image-content-slider__content { padding: 40px 15px; text-align: center} .ecomus-image-content-slider__title { font-size: 32px; font-size: 2rem; margin-bottom: 14px} .ecomus-image-content-slider__description { font-size: 16px; font-size: 1rem; margin-bottom: 22px} .ecomus-image-content-slider__button { --em-button-font-size: 16px; --em-button-padding-left: 25.5px; --em-button-padding-right: 25.5px; --em-button-padding-top: 11.5px; --em-button-padding-bottom: 11.5px} .ecomus-image-content-slider__button .ecomus-svg-icon { font-size: 10px; font-size: 0.625rem; margin-left: 6px} .ecomus-image-content-slider__image { height: 300px} .ecomus-categories-carousel .swiper-button { width: 24px; height: 24px} .ecomus-categories-carousel__heading { padding-right: 15px; margin-bottom: 30px} .ecomus-categories-carousel__heading h4 { font-size: 22px; font-size: 1.375rem} .ecomus-categories-carousel__title { font-size: 15px; font-size: 0.9375rem; margin-top: 12px} .ecomus-categories-carousel__content--below .ecomus-button-link { right: 15px; bottom: 15px} .ecomus-categories-carousel__content--side .ecomus-categories-carousel__content { top: 15px; left: 10px} .ecomus-categories-carousel__content--side .ecomus-categories-carousel__button { left: 10px; bottom: 15px} .ecomus-products-carousel__heading-display-between { margin-bottom: 28px} .ecomus-products-carousel__heading-display-between h4 { font-size: 22px; font-size: 1.375rem} .ecomus-products-carousel__heading-display-center { margin-bottom: 28px} .ecomus-product-tabs-grid__heading:not(.has-heading) { justify-content: flex-start; flex-wrap: nowrap; overflow-y: hidden; overflow-x: auto; scroll-behavior: smooth} .ecomus-product-tabs-grid__heading:not(.has-heading)::-webkit-scrollbar { display: none} .ecomus-product-tabs-grid__heading:not(.has-heading) span, .ecomus-product-tabs-grid__heading:not(.has-heading) a { font-size: 20px; font-size: 1.25rem; line-height: 24px; padding: 0 0 5px; white-space: nowrap} .ecomus-product-tabs-grid__heading.has-heading { gap: 15px; flex-direction: column; margin-bottom: 30px} .ecomus-product-tabs-grid__heading.has-heading h4 { font-size: 22px; font-size: 1.375rem; text-align: center} .ecomus-product-tabs-grid__heading.has-heading .ecomus-product-tabs-grid__tab-heading { max-width: 100%} .ecomus-product-tabs-grid__heading.has-heading .ecomus-product-tabs-grid__tab-heading span, .ecomus-product-tabs-grid__heading.has-heading .ecomus-product-tabs-grid__tab-heading a { font-size: 14px; font-size: 0.875rem; gap: 5px} .ecomus-product-tabs-grid__heading.has-heading .ecomus-product-tabs-grid__tab-heading span .ecomus-svg-icon, .ecomus-product-tabs-grid__heading.has-heading .ecomus-product-tabs-grid__tab-heading a .ecomus-svg-icon { font-size: 9px; font-size: 0.5625rem} .ecomus-image-info { flex-direction: column} .ecomus-image-info__image, .ecomus-image-info__location { height: 300px} .ecomus-image-info__summary { position: relative; min-width: auto; margin-left: 0; text-align: center} .ecomus-image-info__title { font-size: 18px; font-size: 1.125rem; margin-bottom: 18px} .ecomus-image-info__description { margin-bottom: 15px} .ecomus-lookbook__product-type--carousel { flex-direction: column-reverse} .ecomus-lookbook__product-type--carousel .product-inner { display: flex; gap: 20px} .ecomus-lookbook__product-type--carousel .product-inner .product-thumbnail { --em-image-rounded-product-card: var(--em-image-rounded-product-card-small); width: 100%; max-width: 100px} .ecomus-lookbook__product-type--carousel .product-inner .product-thumbnail .wcboost-wishlist-button, .ecomus-lookbook__product-type--carousel .product-inner .product-thumbnail .wcboost-products-compare-button { display: none} .ecomus-lookbook__product-type--carousel ul.products li.product .woocommerce-loop-product__title, .ecomus-lookbook__product-type--carousel ul.products li.product .ecomus-rating { margin-top: 0} .ecomus-lookbook__product-type--carousel ul.products li.product .ecomus-rating { margin-bottom: 0} .ecomus-lookbook__product-type--carousel ul.products li.product .product-summary { padding-top: 0; display: block; text-align: left} .ecomus-lookbook__product-type--carousel ul.products li.product .ecomus-rating { margin-bottom: 9px} .ecomus-lookbook__product-type--carousel ul.products li.product .product-featured-icons .product-loop-button { --em-button-height: 32px; --em-button-width: 32px} .ecomus-lookbook__product-type--carousel .ecomus-lookbook-products__image, .ecomus-lookbook__product-type--carousel .ecomus-lookbook-products__content { width: 100%} .ecomus-lookbook__product-type--carousel .ecomus-lookbook-products__content, .ecomus-lookbook__product-type--carousel .ecomus-lookbook-products__wrapper { padding: 0} .ecomus-lookbook__product-type--carousel .swiper-pagination { display: block} .ecomus-lookbook__product-type--list { flex-direction: column} .ecomus-lookbook__product-type--list ul.products.product-card-layout-list li.product .product-thumbnail { width: 100%; max-width: 100px} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__title { font-size: 24px; font-size: 1.5rem; margin-bottom: 10px} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__wrapper { text-align: center} .ecomus-lookbook__product-type--list .ecomus-lookbook-products__inner { margin-top: 30px; text-align: left} .ecomus-lookbook-products__image, .ecomus-lookbook-products__content { width: 100%} .ecomus-lookbook-products__title { font-size: 30px; font-size: 1.875rem; margin: 0 0 17px 0} .ecomus-product-category-tabs { flex-direction: column} .ecomus-product-category-tabs__items { gap: 20px; flex-direction: row; width: 100%; flex-wrap: nowrap; overflow-y: hidden; overflow-x: auto; scroll-behavior: smooth} .ecomus-product-category-tabs__items::-webkit-scrollbar { display: none} .ecomus-product-category-tabs__item { font-size: 15px; font-size: 0.9375rem; padding: 5px 0; border-bottom: none; white-space: nowrap} .ecomus-product-category-tabs__images { width: 100%} .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--left .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--left .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--right .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--right .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--left .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--left .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--right .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--right .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--left .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--left .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--right .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--right .ecomus-icons-box-carousel__item > a { display: flex; align-items: flex-start; flex-direction: row} .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--left .ecomus-icon-box__icon, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--left .ecomus-icon-box__icon, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--left .ecomus-icon-box__icon { order: 1; margin-right: var(--ecomus-icon-box-margin); margin-left: 0; margin-bottom: 0} .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--left .ecomus-icon-box__wrapper, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--left .ecomus-icon-box-carousel__wrapper, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--left .ecomus-icon-box__wrapper, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--left .ecomus-icon-box-carousel__wrapper, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--left .ecomus-icon-box__wrapper, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--left .ecomus-icon-box-carousel__wrapper { order: 2} .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item > a { justify-content: flex-start; text-align: left} .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item > a { justify-content: center; text-align: center} .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item > a { justify-content: flex-end; text-align: right} .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--top .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--top .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--top .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--top .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--top .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--top .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--top .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--top .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--top .ecomus-icons-box-carousel__item > a { display: flex; flex-direction: column} .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--top .ecomus-icon-box__icon, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--top .ecomus-icon-box__icon, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--top .ecomus-icon-box__icon { order: 1; margin-bottom: var(--ecomus-icon-box-margin); margin-left: 0; margin-right: 0} .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--top .ecomus-icon-box__wrapper, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--top .ecomus-icon-box-carousel__wrapper, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--top .ecomus-icon-box__wrapper, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--top .ecomus-icon-box-carousel__wrapper, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--top .ecomus-icon-box__wrapper, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--top .ecomus-icon-box-carousel__wrapper { order: 2} .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item > a { justify-content: flex-start; align-items: flex-start; text-align: left} .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item > a { justify-content: center; align-items: center; text-align: center} .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item > a { justify-content: flex-end; align-items: flex-end; text-align: right} .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--right .ecomus-icon-box__icon, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--right .ecomus-icon-box__icon, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--right .ecomus-icon-box__icon { order: 2; margin-left: var(--ecomus-icon-box-margin); margin-right: 0; margin-bottom: 0} .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--right .ecomus-icon-box__wrapper, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--right .ecomus-icon-box-carousel__wrapper, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--right .ecomus-icon-box__wrapper, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--right .ecomus-icon-box-carousel__wrapper, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--right .ecomus-icon-box__wrapper, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--right .ecomus-icon-box-carousel__wrapper { order: 1} .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--left .ecomus-icons-box-carousel__item > a { justify-content: flex-start} .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--center .ecomus-icons-box-carousel__item > a { justify-content: center} .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icon-box, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--left.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icon-box, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item > a, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icon-box, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item, .ecomus-icon-box__icon-position--top.ecomus-mobile-icon-box__icon-position--right.ecomus-mobile-icon-box__icon-alignment--right .ecomus-icons-box-carousel__item > a { justify-content: flex-end} .ecomus-testimonial-carousel-3__item { padding: 20px 24px 30px} .ecomus-product-tabs-carousel__heading { flex-wrap: nowrap; overflow-y: hidden; overflow-x: auto; scroll-behavior: smooth} .ecomus-product-tabs-carousel__heading::-webkit-scrollbar { display: none} .ecomus-product-tabs-carousel__heading span { font-size: 20px; font-size: 1.25rem; line-height: 24px; padding: 0 0 5px; white-space: nowrap} .ecomus-hero-images { --em-button-padding-top: 12px; --em-button-padding-right: 24px; --em-button-padding-bottom: 11px; --em-button-padding-left: 24px; --em-button-font-size: 16px; --em-button-icon-spacing: 6px} .ecomus-hero-images__image::before { width: 375px} .ecomus-hero-images__content { padding: 20px 15px; min-width: auto} .ecomus-hero-images__title { font-size: 24px; font-size: 1.5rem; margin-bottom: 20px} .ecomus-product-list--scrollbar-mobile ul.products.product-card-layout-list { max-height: 415px; overflow-x: hidden; overflow-y: auto} .ecomus-flash-sale-carousel ul.products li.product .product-inner { padding: 5px 5px 20px} .ecomus-countdown-below--yes .product-summary .em-product-countdown { display: none} .ecomus-code-discount input.ecomus-code-discount__input { border-radius: var(--em-input-rounded) 0 0 var(--em-input-rounded)} .ecomus-code-discount__copy { position: relative; transform: none; visibility: visible; opacity: 1} .ecomus-code-discount__copy::after { max-width: 190px; left: auto; right: 60%; transform: translateX(40%)} .ecomus-instagram--elementor .ecomus-instagram__item p a.button:not(.loading):before, .ecomus-instagram--elementor .ecomus-instagram__item p a.button:not(.loading):after { display: none} .ecomus-subscribe-box .ecomus-currency-language .currency-dropdown { left: 0 !important; transform: none} .ecomus-video-banner__wrapper { justify-content: center} .ecomus-video-banner__content { padding: 20px; text-align: center} .ecomus-video-banner__before-title { font-size: 16px; font-size: 1rem; font-weight: 400} .ecomus-video-banner__title { font-size: 34px; font-size: 2.125rem; font-weight: 400} .ecomus-video-banner-button { --em-button-padding-top: 12px; --em-button-padding-bottom: 12px; --em-button-padding-right: 22px; --em-button-padding-left: 22px; --em-button-font-size: 16px; margin-top: 27px} .ecomus-video-popup__marker { width: 50px; height: 50px} .ecomus-video-popup__marker .ecomus-svg-icon { font-size: 10px; font-size: 0.625rem} .ecomus-numbered-list__item { gap: 10px; padding-bottom: 15px; margin-bottom: 15px} .ecomus-numbered-list__number { width: 40px; flex: 0 0 40px; height: 40px} .ecomus-testimonial-carousel-4__text { margin-bottom: 32px} .ecomus-testimonial-carousel-4__content { font-size: 16px; font-size: 1rem} .ecomus-testimonial-carousel-4__positioning { gap: 20px; margin-top: 28px} .ecomus-product-price-tables-carousel .product-summary { padding: 15px 15px 20px} .ecomus-product-price-tables-carousel__description { margin-top: 15px} .ecomus-mobile-slidesperview-auto--yes.ecomus-view-all-btn--yes .swiper { margin-right: 0 !important} .ecomus-mobile-slidesperview-auto--yes .ecomus-image-box-carousel__item { overflow: hidden} .ecomus-mobile-slidesperview-auto--yes .ecomus-image-box-carousel__item .ecomus-image-box-carousel__image { --em-image-eff-scale: 1.05; border-radius: var(--em-image-rounded); margin: 0 auto} .title-line-no-mobile .ecomus-image-box-grid__title { white-space: normal} } @media (max-width: 600px) { .ecomus-navigation-menu__title, .ecomus-subscribe-box__title { margin-bottom: 10px} } @media (max-width: 480px) { .ecomus-banner__summary { left: 0; right: 0} } .elementor .e-con { --content-width: min(100%, var(--container-max-width, 1440px)); --padding-top: var(--container-default-padding-top, 0); --padding-right: var(--container-default-padding-right, 0); --padding-bottom: var(--container-default-padding-bottom, 0); --padding-left: var(--container-default-padding-left, 0)} .elementor .e-con > .e-con-inner { margin-left: auto; margin-right: auto} .elementor .e-parent > .e-con-inner { --inner-padding-inline-start: var(--em-container-spacing); --inner-padding-inline-end: var(--em-container-spacing); padding-inline-start: var(--inner-padding-inline-start); padding-inline-end: var(--inner-padding-inline-end); max-width: calc( var(--content-width) + var(--em-container-spacing) * 2)} .elementor .elementor-widget-text-editor .elementor-widget-container > *:first-child { margin-top: 0} .elementor .elementor-widget-text-editor .elementor-widget-container > *:last-child { margin-bottom: 0} .elementor .elementor-widget:not(:last-child) { margin-bottom: 0} .elementor .em-ratio img { max-width: 100%; height: 100%; pointer-events: none} .elementor .elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor .elementor-widget-icon-list .elementor-icon-list-item > a, .elementor .elementor-widget-heading .elementor-heading-title, .elementor .elementor-widget-text-editor { font-family: inherit} .elementor .elementor-widget-image { text-align: left} .elementor .e-con-inner > .elementor-widget-video, .elementor .e-con > .elementor-widget-video, .elementor .elementor-widget-video .elementor-wrapper { height: var(--min-height); width: 100%} .elementor .wcboost-variation-swatches--image img { border-radius: inherit; height: 100%} .ecomus-heading { margin: 0} .ecomus-heading__icon { line-height: 1} .ecomus-toggle-mobile__title--toggle { display: flex; justify-content: space-between; align-items: center; cursor: pointer; position: relative} .ecomus-toggle-mobile__title--toggle + .ecomus-toggle-mobile__content { display: none; padding-bottom: 10px} .ecomus-toggle-mobile__title--toggle.active .em-collapse-icon:before, .ecomus-toggle-mobile__title--toggle.active .em-collapse-icon:after { -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0)} .ecomus-toggle-mobile__title--toggle .em-collapse-icon { position: relative; width: 12px} .ecomus-toggle-mobile__title--toggle .em-collapse-icon:before, .ecomus-toggle-mobile__title--toggle .em-collapse-icon:after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: inline-block; margin-top: -1px; width: 12px; height: 1px; background-color: currentColor; transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out, -webkit-transform .2s ease-in-out} .ecomus-toggle-mobile__title--toggle .em-collapse-icon:after { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg)} .em-sticky { position: -webkit-sticky; position: sticky; top: 0; align-self: flex-start} .ecomus-single-product-builder--empty { margin: 100px auto; max-width: 600px; width: 100%; text-align: center} .ecomus-single-product-builder--empty h4 { margin-bottom: 20px; margin-top: 0} .ecomus-single-product-builder--empty a { text-decoration: underline; text-underline-offset: 3px} @media (max-width: 768px) { .ecomus-single-product-builder--empty h4 { font-size: 28px} } @media (min-width: 1025px) { .em-responsive-image__tablet, .em-responsive-image__mobile { display: none} } @media (max-width: 1024px) and (min-width: 768px) { .em-responsive-image__desktop.hidden-tablet { display: none} .em-responsive-image__mobile { display: none} } @media (max-width: 767px) { .em-responsive-image__desktop.hidden-mobile { display: none} .em-responsive-image__tablet.hidden-mobile { display: none} } /* Navigation Bar --------------------------------------------- */ .ecomus-mobile-navigation-bar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 801; background-color: var(--em-color__light); display: flex; align-items: flex-end; justify-content: space-between; padding: 7px 15px; height: 67px; --em-color__navigation-bar--box-shadow: rgba(0, 0, 0, 0.08); box-shadow: 0 -4px 10px 0 var(--em-color__navigation-bar--box-shadow); overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: 1px; scrollbar-color: var(--em-color__grayer)} .ecomus-mobile-navigation-bar::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 8px} .ecomus-mobile-navigation-bar::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.16)} .ecomus-mobile-navigation-bar::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.05)} .ecomus-mobile-navigation-bar__item { height: 100%; width: 20%} .ecomus-mobile-navigation-bar__icon { --em-button-color: #000000; --em-button-color-hover: var(--em-button-color); --em-button-bg-color: transparent; --em-button-bg-color-hover: transparent; --em-button-border-color-hover: transparent; font-size: 12px; font-size: 0.75rem; gap: 9px; height: 100%} .ecomus-mobile-navigation-bar__icon .ecomus-svg-icon { font-size: 18px; font-size: 1.125rem; /*rtl:raw: transform: rotateY(0); */ } .ecomus-mobile-navigation-bar__icon .ecomus-svg-icon--shopping-cart { font-size: 24px; font-size: 1.5rem; margin-bottom: -5px} .ecomus-mobile-navigation-bar__icon .ecomus-svg-icon--home { font-size: 22px; font-size: 1.375rem; max-height: 18px} .ecomus-mobile-navigation-bar__icon .ecomus-svg-icon--home { font-size: 22px; font-size: 1.375rem; max-height: 18px} .ecomus-mobile-navigation-bar__icon .header-cart__counter, .ecomus-mobile-navigation-bar__icon .header-wishlist__counter { top: 0; right: 2px} .ecomus-mobile-navigation-bar__icon.em-button-light { --em-button-color-hover: var(--em-button-color); --em-button-bg-color: transparent; --em-button-bg-color-hover: transparent; --em-button-border-color-hover: transparent} /* Responsive --------------------------------------------- */ @media (min-width: 1200px) { .search-type-popup .header-search__products .header-search__products--slider ul.products { margin: 0; flex-wrap: nowrap} .search-type-popup .header-search__products .header-search__products--slider li.product { padding: 0} .search-type-popup .modal__footer { display: none !important} .footer-layout-2 .em-row { justify-content: space-between} .footer-layout-2 .footer-widgets-container { padding-top: 0; padding-bottom: 0} .footer-layout-2 .footer-widgets-area { flex: 0 0 auto; max-width: 100%; padding-top: var(--em-footer-widget-top-spacing); padding-bottom: var(--em-footer-widget-bottom-spacing)} .footer-layout-2 .footer-widgets-area-1 { flex: 0 0 40%; max-width: 100%; border-right: 1px solid var(--em-footer-widget-border-color); padding-right: 100px} .footer-5-columns .em-row { justify-content: space-between} .footer-5-columns .footer-widgets-area { flex: 0 0 auto; max-width: 100%} } @media (max-width: 1199px) and (min-width: 768px) { .footer-widgets-container .em-row { margin-top: -20px; margin-bottom: -20px} .footer-widgets-container .footer-widgets-area { padding-top: 20px; padding-bottom: 20px} } @media (max-width: 1024px) { .topbar-mobile--keep-all .topbar-container { overflow: hidden; overflow-x: auto} #gotop { right: 15px; width: 38px; height: 38px} .search-type-sidebar { --em-modal-content-width: 400px} .single-post h1.entry-title { font-size: 32px; font-size: 2rem} .ecomus-posts-related .swiper-pagination { display: block} .topbar-slides { max-width: 500px} .ecomus-icon-box-widget__item.vertical { width: 100%} } @media (max-width: 991px) and (min-width: 768px) { .error-404__title { font-size: 40px; font-size: 2.5rem} } @media (max-width: 991px) { .page-header__title { font-size: 32px; font-size: 2rem} .page-header__description { font-size: 14px; font-size: 0.875rem} .em-post-list .post-thumbnail { min-width: 300px; margin-right: 30px} } @media (max-width: 782px) { .ecomus-header-sticky.admin-bar .site-header.minimized { top: 46px} } @media (max-width: 767px) { body { --em-input-font-size: 16px} .campaign-bar-type--slides .campaign-bar__text { text-transform: lowercase} .campaign-bar-type--slides .campaign-bar__text:first-letter { text-transform: uppercase} .topbar:not(.topbar-mobile) { display: none} .topbar-mobile .topbar-items { max-width: 100%; flex: 0 1 auto} .topbar-mobile--keep-left .topbar-center-items, .topbar-mobile--keep-left .topbar-right-items { display: none} .topbar-mobile--keep-left .topbar-container { justify-content: center} .topbar-mobile--keep-right .topbar-center-items, .topbar-mobile--keep-right .topbar-left-items { display: none} .topbar-mobile--keep-right .topbar-container { justify-content: center} .topbar-mobile--keep-both .topbar-center-items { display: none} .topbar-slides { max-width: 100%; padding: 10px 15px} .topbar-slides__item { overflow: hidden; white-space: inherit; height: 100%; line-height: var(--em-line-height__body); margin-top: auto; margin-bottom: auto} .campaign-bar__close { padding-left: 15px; padding-right: 15px} .campaign-bar-type--slides { padding-right: 30px} .comment-list .children { margin-left: 0; padding-left: 0} .comment-respond .comment-form-author, .comment-respond .comment-form-email { width: 100%} .single-post h1.entry-title { font-size: 22px; font-size: 1.375rem} .single-post .entry-footer .entry-tags, .single-post .entry-footer .entry-meta__share { width: 100%} .single-post .entry-footer .entry-tags + .entry-meta__share, .single-post .entry-footer .entry-meta__share { justify-content: start; margin-top: 30px} .post-navigation { padding: 20px 0} .post-navigation a .nav-link { width: 100%} .post-navigation a .nav-title { font-size: 16px; font-size: 1rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden} .post-navigation .nav-previous .nav-link { padding-left: 10px; padding-right: 0} .post-navigation .nav-next .nav-link { padding-right: 10px; padding-left: 0} .post-navigation .em-button { --em-button-width: 26px; --em-button-height: 26px; --em-button-icon-size: 7px; flex-shrink: 0} .ecomus-posts-related .swiper-pagination-bullets.swiper-pagination-bullet--small .swiper-pagination-bullet { margin: 0 2px} .comment-respond .comment-form p span { margin-bottom: 0} .footer-main .copyright { text-align: center} .footer-main-container { flex-direction: column} .footer-payments ul { justify-content: center} .footer-widgets-area { padding-bottom: 30px} .footer-widgets-area:last-child { padding-bottom: 0} .footer-widgets-area .em-widget-heading { margin: 0; position: relative; display: flex; align-items: center; justify-content: space-between} .footer-widgets-area .em-widget-heading.active .em-collapse-icon:before { opacity: 0} .footer-widgets-area .em-widget-heading.active .em-collapse-icon:after { transform: translate(-50%, -50%) rotate(90deg)} .footer-widgets-area .em-collapse-icon { position: relative; width: 12px} .footer-widgets-area .em-collapse-icon:before, .footer-widgets-area .em-collapse-icon:after { content: ""; position: absolute; background-color: var(--em-color__dark); transform: translate(-50%, -50%) rotate(-90deg); top: 50%; left: 50%; transition: transform .25s ease-in-out, opacity .25s ease-in-out, -webkit-transform .25s ease-in-out} .footer-widgets-area .em-collapse-icon:before { width: 12px; height: 1px} .footer-widgets-area .em-collapse-icon:after { width: 1px; height: 12px} .footer-widgets-area .em-widget-group { display: none} .footer-widgets-area .em-widget-group > *:first-child { padding-top: 15px} .footer-widgets { --em-footer-widget-top-spacing: 40px; --em-footer-widget-bottom-spacing: 20px} .em-post-list { flex-direction: column} .em-post-list .post-thumbnail { margin-bottom: 15px; margin-right: 0} .em-post-list .entry-title { font-size: 20px; font-size: 1.25rem} .blog-grid .site-main .em-post-grid .entry-title { font-size: 20px; font-size: 1.25rem} .ecomus-posts-related__heading { margin: 45px 0 30px} .product-share__share .post__socials-share, .product-share__copylink { margin-left: 0; margin-right: 0} .error-404__title { font-size: 24px; font-size: 1.5rem; margin-top: 37px} .error-404__button { margin-top: 20px} .ecomus-icon-box-widget__item.vertical { width: 100%} #gotop { width: 32px; height: 32px} .login-modal .woocommerce-form--register-button .woocommerce-form-register__submit { width: 100%} .login-modal .woocommerce-form--register-button { flex-direction: column; gap: 15px} .cart-panel .panel__header { padding: 15px} .cart-panel .panel__button-close { right: 15px} .cart-panel .ecomus-free-shipping-bar, .cart-panel .widget_shopping_cart_content .woocommerce-mini-cart { padding-left: 15px; padding-right: 15px} .cart-panel .widget_shopping_cart_content .widget_shopping_cart_footer { padding: 30px 15px 15px 15px} .search-type-sidebar { --em-modal-content-width: 320px} .search-type-sidebar .modal__button-close { top: 18px} .search-type-sidebar .modal__header { margin-bottom: 20px} .search-type-sidebar .em-container { padding-left: 15px; padding-right: 15px} .search-type-sidebar .header-search__suggestion-label { font-size: 16px; font-size: 1rem; margin-bottom: 10px} .search-type-sidebar .header-search__products .header-search__suggestion-label { margin-bottom: 22px} .search-type-sidebar .header-search__products .swiper:not(.swiper-initialized) .swiper-wrapper:not(.columns-1) .swiper-slide { width: 100%; margin-right: 0; padding: 0} .search-type-sidebar .header-search__products .swiper:not(.swiper-initialized) .swiper-wrapper:not(.columns-1) .swiper-slide:not(:first-child):after { left: 0; right: 0} .search-type-sidebar .header-search__products ul.products li.product:not(:first-child):after { left: 7.5px; right: 7.5px} .search-type-sidebar .header-search__products ul.products.product-card-mobile-show-atc:not(.product-card-layout-list) li.product .product-loop-button-atc { display: none} .search-type-sidebar .header-search__products ul.products li.product .product-thumbnail:hover.product-thumbnails--fadein:not(.hover-swatch) .product-thumbnails--fadein-image { transform: none} .search-modal .search-modal__title { font-size: 18px; font-size: 1.125rem; font-weight: 500} .search-modal .search-modal__field { padding: 10px 50px 11px 44px} .mobile-shop-navigation ul.menu > li.menu-item-has-icon > ul.sub-menu { margin-left: 20px} .mobile-shop-navigation .sub-menu { margin-left: 15px} .ecomus-mini-products-recommended .products-recommended-header { row-gap: 1px; margin-bottom: 13px} .ecomus-mini-products-recommended .recommendation-heading { margin-bottom: 0} .ecomus-mini-products-recommended .swiper-pagination.swiper-pagination-horizontal, .ecomus-mini-products-recommended .swiper-pagination { text-align: left} } @media (max-width: 600px) { .ecomus-header-sticky.admin-bar .site-header.minimized { top: 0} } @media (max-width: 480px) { .ecomus-mobile-navigation-bar { padding-left: 5px; padding-right: 5px} .ecomus-mobile-navigation-bar__item { min-width: 20%} } @media (max-width: 450px) { .topbar-custom-text { line-height: var(--em-line-height__body)} } /*-------------------------------------------------------------- # RTL --------------------------------------------------------------*/ .ecomus-rtl-smart .ecomus-slides-elementor .ecomus-slides-elementor__item:before, .ecomus-rtl-smart .page-header:before { /*rtl:raw: content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; background-image: inherit; background-position-x: inherit; background-position-y: inherit; background-size: inherit; background-repeat-x: inherit; background-repeat-y: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: inherit; transform: rotateY(180deg); border-radius: inherit; */ } .ecomus-rtl-smart .ecomus-images-hotspot__image img, .ecomus-rtl-smart .ecomus-image-hotspot__image img, .ecomus-rtl-smart .ecomus-product-category-tabs__images img, .ecomus-rtl-smart .ecomus-lookbook-products__image-inner img, .ecomus-rtl-smart .ecomus-testimonial__photo img { /*rtl:raw: transform: rotateY(180deg); */ } body.rtl.ecomus-rtl-smart .e-con { --padding-inline-start: var(--padding-left); --padding-inline-end: var(--padding-right); --margin-inline-start: var(--margin-left); --margin-inline-end: var(--margin-right); border-width: 0} body.rtl.ecomus-rtl-smart .e-con:before { /*rtl:raw: content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; background-image: inherit; background-position-x: inherit; background-position-y: inherit; background-size: inherit; background-repeat-x: inherit; background-repeat-y: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: inherit; transform: rotateY(180deg); */ } /*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ /* Accessibility --------------------------------------------- */ /* Text meant only for screen readers. */ .screen-reader-text, .header-logo .site-title, .header-logo .site-description { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important} .screen-reader-text:focus, .header-logo .site-title:focus, .header-logo .site-description:focus { background-color: #f1f1f1; border-radius: var(--em-rounded-xs); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000} /* Do not show the outline on the skip link target. */ #primary[tabindex="-1"]:focus{outline:0}.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}