Shop Character Area Rugs and Metal Decor Only at Sneagear

Rugs Collections

Select options This product has multiple variants. The options may be chosen on the product page
Traditional Foo Dog Tattoo Design Rug
£60.80 – £230.11
Select options This product has multiple variants. The options may be chosen on the product page
Hannya Mask Design | Traditional Tattoo Rug
£60.80 – £230.11
Select options This product has multiple variants. The options may be chosen on the product page
Tiger Head Design | Tattoo Inspired Rug
£60.80 – £230.11
Select options This product has multiple variants. The options may be chosen on the product page
Death Moth Design | Hand Tufted Rug
£60.80 – £230.11

Browse Categories

Explore the magic of themed rugs and metal wall art—reimagine your space with a fresh perspective.

Tiger Rugs

Select options This product has multiple variants. The options may be chosen on the product page
Red Background Black Panther Area Rug | Traditional Tibetan Tiger Design
£60.80 – £230.11
Select options This product has multiple variants. The options may be chosen on the product page
Blue and Pink Tiger Area Rug | Traditional Tibetan Design
£60.80 – £230.11
Select options This product has multiple variants. The options may be chosen on the product page
Yellow Red Tibetan Tiger Rug | Traditional Area Design
£60.80 – £230.11
Select options This product has multiple variants. The options may be chosen on the product page
Tiger Head Rug | Traditional Tibetan Design
£60.80 – £230.11

MLB Wall Decor

Select options This product has multiple variants. The options may be chosen on the product page
Los Angeles Angels Logo Black Metal Sign | LED Wall Decor
£23.86 – £261.66
Select options This product has multiple variants. The options may be chosen on the product page
Detroit Tigers Logo Black Metal Sign | LED Wall Decor
£23.86 – £261.66
Select options This product has multiple variants. The options may be chosen on the product page
Chicago Cubs Logo Black Metal Sign | LED Wall Decor
£23.86 – £261.66
Select options This product has multiple variants. The options may be chosen on the product page
San Diego Padres Logo Black Metal Sign | LED Wall Decor
£23.86 – £261.66

Shop Now

Winter Sale Upto 60%

Shop Now

Trending Blogs

Why read our blog? Practical Advice—Stylish Decor Tips—Fresh Ideas.

October 16, 2024

What to Put in a Halloween Gift Basket?

October 12, 2024

How to Choose the Color of the Rug?

Free Shipping

Free Shipping World wide

Secured Payment

Safe & Secured Payments

24/7 Support

Support Arround The Clock

[data-font="Dashicons"]:before { font-family: "Dashicons" !important; content: attr(data-icon) !important; speak: none !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1 !important; font-style: normal !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -.1em !important; background: none !important; padding: 0 !important; } .yith-wcwl-share li a { color: #fff; } .yith-wcwl-share li a:hover { color: #fff; } .yith-wcwl-share a.facebook { background: #39599e; background-color: #39599e; } .yith-wcwl-share a.facebook:hover { background: #39599e; background-color: #39599e; } .yith-wcwl-share a.twitter { background: #45afe2; background-color: #45afe2; } .yith-wcwl-share a.twitter:hover { background: #39599e; background-color: #39599e; } .yith-wcwl-share a.pinterest { background: #ab2e31; background-color: #ab2e31; } .yith-wcwl-share a.pinterest:hover { background: #39599e; background-color: #39599e; } .yith-wcwl-share a.email { background: #fbb102; background-color: #fbb102; } .yith-wcwl-share a.email:hover { background: #39599e; background-color: #39599e; } .yith-wcwl-share a.whatsapp { background: #00a901; background-color: #00a901; } .yith-wcwl-share a.whatsapp:hover { background: #39599e; background-color: #39599e; } /*! This file is auto-generated */ .wp-block-button__link { color: #fff; background-color: #32373c; border-radius: 9999px; box-shadow: none; text-decoration: none; padding: calc(.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: #32373c; color: #fff; text-decoration: none; } :root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #fff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--color--primary: #000; --wp--preset--color--secondary: #686868; --wp--preset--color--tertiary: #f8f8f8; --wp--preset--color--body-bg: #fff; --wp--preset--color--body-text: #808080; --wp--preset--color--alternate: #000; --wp--preset--color--transparent: rgba(0, 0, 0, 0); --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, #9b51e0 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, #cf2e2e 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); --wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--font-family--inter: "Inter", sans-serif; --wp--preset--font-family--cardo: Cardo; --wp--preset--spacing--20: .44rem; --wp--preset--spacing--30: .67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); } :where(.is-layout-flex) { gap: .5em; } :where(.is-layout-grid) { gap: .5em; } body .is-layout-flex { display: flex; } .is-layout-flex { flex-wrap: wrap; align-items: center; } .is-layout-flex > :is(*, div) { margin: 0; } body .is-layout-grid { display: grid; } .is-layout-grid > :is(*, div) { margin: 0; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :root :where(.wp-block-pullquote) { font-size: 1.5em; line-height: 1.6; } :root { --wdt-elementor-color-primary: #000; --wdt-elementor-color-primary-rgb: 0, 0, 0; --wdt-elementor-color-secondary: #000; --wdt-elementor-color-secondary-rgb: 0, 0, 0; --wdt-elementor-color-text: #808080; --wdt-elementor-color-text-rgb: 128, 128, 128; --wdt-elementor-color-accent: #fff; --wdt-elementor-color-accent-rgb: 255, 255, 255; --wdt-elementor-color-custom-1: #9e9e9e; --wdt-elementor-color-custom-1-rgb: 158, 158, 158; --wdt-elementor-color-custom-2: #f8f8f8; --wdt-elementor-color-custom-2-rgb: 248, 248, 248; --wdt-elementor-color-custom-3: #f00; --wdt-elementor-color-custom-3-rgb: 255, 0, 0; --wdt-elementor-color-custom-4: #ff00f3; --wdt-elementor-color-custom-4-rgb: 255, 0, 243; --wdt-elementor-typo-primary-font-family: Jost; --wdt-elementor-typo-primary-font-weight: 600; --wdt-elementor-typo-secondary-font-family: Jost; --wdt-elementor-typo-secondary-font-weight: 600; --wdt-elementor-typo-text-font-family: Jost; --wdt-elementor-typo-text-font-weight: 400; --wdt-elementor-typo-accent-font-family: Roboto; --wdt-elementor-typo-accent-font-weight: 500; } .woocommerce form .form-row .required { visibility: hidden; } :root { --wvs-tick: url("data:image/svg+xml;utf8,%3Csvg filter=\'drop-shadow(0px 0px 2px rgb(0 0 0 / .8))\' xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 30 30\'%3E%3Cpath fill=\'none\' stroke=\'%23ffffff\' stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'4\' d=\'M4 16L11 23 27 7\'/%3E%3C/svg%3E"); --wvs-cross: url("data:image/svg+xml;utf8,%3Csvg filter=\'drop-shadow(0px 0px 5px rgb(255 255 255 / .6))\' xmlns=\'http://www.w3.org/2000/svg\' width=\'72px\' height=\'72px\' viewBox=\'0 0 24 24\'%3E%3Cpath fill=\'none\' stroke=\'%23ff0000\' stroke-linecap=\'round\' stroke-width=\'0.6\' d=\'M5 5L19 19M19 5L5 19\'/%3E%3C/svg%3E"); --wvs-single-product-item-width: 30px; --wvs-single-product-item-height: 30px; --wvs-single-product-item-font-size: 16px; } #yith-quick-view-modal .yith-wcqv-main { background: #fff; } #yith-quick-view-close { color: #cdcdcd; } #yith-quick-view-close:hover { color: #f00; } :root { --wdtPrimaryColor: #000; --wdtPrimaryColorRgb: 0, 0, 0; --wdtSecondaryColor: #686868; --wdtSecondaryColorRgb: 104, 104, 104; --wdtTertiaryColor: #f8f8f8; --wdtTertiaryColorRgb: 248, 248, 248; --wdtBodyBGColor: #fff; --wdtBodyBGColorRgb: 255, 255, 255; --wdtBodyTxtColor: #808080; --wdtBodyTxtColorRgb: 128, 128, 128; --wdtHeadAltColor: #000; --wdtHeadAltColorRgb: 0, 0, 0; --wdtLinkColor: #000; --wdtLinkColorRgb: 0, 0, 0; --wdtLinkHoverColor: #9e9e9e; --wdtLinkHoverColorRgb: 158, 158, 158; --wdtBorderColor: #c4c4c4; --wdtBorderColorRgb: 196, 196, 196; --wdtAccentTxtColor: #fff; --wdtAccentTxtColorRgb: 255, 255, 255; --wdtFontTypo_Base: "Jost", sans-serif; --wdtFontWeight_Base: 400; --wdtFontSize_Base: 16px; --wdtLineHeight_Base: 1.63; --wdtFontTypo_Alt: "Jost", sans-serif; --wdtFontWeight_Alt: 600; --wdtFontSize_Alt: 55px; --wdtLineHeight_Alt: 1.3; --wdtFontTypo_H1: "Jost", sans-serif; --wdtFontWeight_H1: 600; --wdtFontSize_H1: 55px; --wdtLineHeight_H1: 1.3; --wdtFontTypo_H2: "Jost", sans-serif; --wdtFontWeight_H2: 600; --wdtFontSize_H2: 45px; --wdtLineHeight_H2: 1.3; --wdtFontTypo_H3: "Jost", sans-serif; --wdtFontWeight_H3: 600; --wdtFontSize_H3: 35px; --wdtLineHeight_H3: 1.3; --wdtFontTypo_H4: "Jost", sans-serif; --wdtFontWeight_H4: 600; --wdtFontSize_H4: 25px; --wdtLineHeight_H4: 1.3; --wdtFontTypo_H5: "Jost", sans-serif; --wdtFontWeight_H5: 600; --wdtFontSize_H5: 20px; --wdtLineHeight_H5: 1.3; --wdtFontTypo_H6: "Jost", sans-serif; --wdtFontWeight_H6: 600; --wdtFontSize_H6: 18px; --wdtLineHeight_H6: 1.3; --wdtFontTypo_Ext: "Jost", sans-serif; --wdtFontWeight_Ext: 500; --wdtFontSize_Ext: 14px; --wdtLineHeight_Ext: 1; } /* #endregion - Responsive */ /*--------------------------------------------------------------*/ /* #region - Add-to-Cart Notification Widget */ /*--------------------------------------------------------------*/ .wdt-shop-cart-widget.cart-notification-widget, .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-inner, .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content { float: left; width: 100%; } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-close-button { font-size: 0; height: 25px; line-height: 0; position: absolute; right: 3px; top: 3px; text-align: center; width: 25px; -webkit-border-radius: 50%; border-radius: 50%; } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-close-button:before { content: "✖"; display: block; font-size: 14px; font-weight: normal; line-height: 25px; } .wdt-shop-cart-widget.cart-notification-widget { max-width: 500px; position: fixed; bottom: 32px; left: 18px; width: auto; z-index: 999; -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-inner { padding: 20px; } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content > * { display: table-cell; vertical-align: middle; } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content-thumb { line-height: 0; padding: 0 10px; width: 120px; } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content-info { padding: 5px 10px; text-align: left; } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content-thumb a, .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content-thumb a img { display: block; width: 100%; } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content-info a { display: block; font-size: 18px; font-weight: bold; } .wdt-shop-cart-widget.cart-notification-widget { opacity: 0; visibility: hidden; } .wdt-shop-cart-widget.cart-notification-widget.wdt-shop-cart-widget-active { opacity: 1; visibility: visible; } .wdt-shop-cart-widget.cart-notification-widget { background-color: var(--wdtBodyBGColor); } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-close-button:before { color: var(--wdtAccentTxtColor); } .wdt-shop-cart-widget.cart-notification-widget { -webkit-box-shadow: 0 1px 3px 1px rgba(var(--wdtHeadAltColorRgb), .25); box-shadow: 0 1px 3px 1px rgba(var(--wdtHeadAltColorRgb), .25); } /* #endregion - Add-to-Cart Notification Widget */ /*--------------------------------------------------------------*/ /* #region - Add-to-Cart Sidebar Widget */ /*--------------------------------------------------------------*/ .wdt-shop-cart-widget.activate-sidebar-widget { height: 100%; position: fixed; right: 0; top: 0; width: 350px; z-index: 999992; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); } .wdt-shop-cart-widget.activate-sidebar-widget:before { content: ""; } .wdt-shop-cart-widget.activate-sidebar-widget.wdt-shop-cart-widget-active { -webkit-transform: translateX(0); transform: translateX(0); } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-inner { height: 100%; padding: 45px 0 120px; position: relative; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header { border-width: 0 0 1px; padding-left: 15px; padding-right: 45px; position: absolute; left: 0; top: 0; width: 100%; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 { font-size: 15px; font-weight: bold; line-height: 45px; margin: 0; text-transform: uppercase; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 span, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header a { height: 45px; position: absolute; top: 0; text-align: center; width: 45px; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 span { font-size: 18px; right: 0; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 a { font-size: 0; line-height: 0; margin-right: 1px; overflow: hidden; right: 100%; text-indent: -9999px; -webkit-transform: translateX(100%); transform: translateX(100%); } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 a:before { content: "✖"; display: block; font-size: 15px; font-weight: normal; line-height: 45px; text-indent: 0; } .wdt-shop-cart-widget[class*="sidebar"].activate-sidebar-widget:hover .wdt-shop-cart-widget-header h3 a { -webkit-transform: translateX(0); transform: translateX(0); } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content { float: left; width: 100%; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-inner, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li { float: left; width: 100%; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .total { padding: 0 15px; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li { border-width: 1px 0; display: inline; margin: -1px 0 0 !important; padding: 15px 25px 15px 50px; position: relative; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li:first-child { border-top-width: 0; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li:last-child { border-bottom-width: 0; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li a:not(.remove) { font-weight: 600; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li a img { margin: auto; position: absolute; left: 0; top: 16px; width: 40px; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li a.remove { font-size: 16px; height: 20px; line-height: 20px; margin: auto; position: absolute; bottom: 0; left: auto; right: 0; top: 0 !important; text-align: center; width: 20px; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li a.remove:not(:focus) { text-decoration: none; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li:before { content: none !important; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li .quantity { display: table; margin: 0; font-size: 14px; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer { position: absolute; bottom: 0; left: 0; width: 100%; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer::before { content: ""; height: 1px; position: absolute; left: 0; right: 0; top: 0; width: auto; z-index: -1; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p { height: 50px; line-height: 50px; margin: 0; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p.total { padding: 0 15px; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p.total strong { float: left; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p.total .amount { float: right; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p.buttons { display: flex; grid-gap: 1px; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p.buttons a { height: 100%; line-height: inherit; margin: 0; padding-top: 0; padding-bottom: 0; text-align: center; width: 50%; -webkit-border-radius: 0; border-radius: 0; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart__empty-message { margin: 0; padding: 15px; } .wdt-shop-cart-widget-overlay { background-color: rgba(var(--wdtHeadAltColorRgb), .7); height: 100%; position: fixed; top: 0; left: 0; width: 100%; z-index: 999991; -webkit-transition: opacity .25s ease, visibility 0s ease .25s; transition: opacity .25s ease, visibility 0s ease .25s; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header a, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li { border-style: solid; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 a, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li a.remove, .wdt-shop-cart-widget-overlay { opacity: 0; visibility: hidden; } .wdt-shop-cart-widget[class*="sidebar"].activate-sidebar-widget:hover .wdt-shop-cart-widget-header h3 a, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li:hover a.remove, .wdt-shop-cart-widget.activate-sidebar-widget.wdt-shop-cart-widget-active + .wdt-shop-cart-widget-overlay { opacity: 1; visibility: visible; } /* Default Color - Colors */ .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li a:not(.remove):not(:hover), .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p.total .amount { color: var(--wdtHeadAltColor); } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 a, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 a:hover { color: var(--wdtAccentTxtColor); } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li a.remove { color: var(--wdtAccentTxtColor) !important; } /* Default Color - Borders */ .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer::before { -webkit-box-shadow: 0 2px 6px 0 rgba(var(--wdtHeadAltColorRgb), .5); box-shadow: 0 2px 6px 0 rgba(var(--wdtHeadAltColorRgb), .5); } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header a, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li { border-color: rgba(var(--wdtHeadAltColorRgb), .075); } /* Default Color - BG */ .wdt-shop-cart-widget.activate-sidebar-widget { background-color: #f7f7f7; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer { background-color: var(--wdtBodyBGColor); } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p.buttons a.checkout, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li a.remove, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p.buttons a:not(.checkout), .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 a, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p.buttons a:hover, .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-close-button { background-color: var(--wdtHeadAltColor); } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 span { background-color: rgba(var(--wdtBodyBGColorRgb), .15); } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-close-button:hover, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li a.remove:hover { background-color: #9f2124; } /* #endregion - Add-to-Cart Sidebar Widget */ .wdt-shop-cart-widget.activate-sidebar-widget .wdt-shop-cart-widget-inner .wdt-shop-cart-widget-header .wdt-shop-cart-widget-close-button { background: transparent; } /*--------------------------------------------------------------*/ /* #region - Responsive */ /*--------------------------------------------------------------*/ /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .wdt-shop-cart-widget.cart-notification-widget { margin: auto; bottom: 5px; left: 0; right: 0; } } /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .wdt-shop-cart-widget.cart-notification-widget { max-width: 420px; } } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content > * { display: table; margin: auto; text-align: center !important; } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content-info { font-size: 11px; } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content-info a { font-size: 13px; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 a { right: 0; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); } .wdt-shop-cart-widget[class*="sidebar"].activate-sidebar-widget:hover .wdt-shop-cart-widget-header h3 a { -webkit-border-radius: 0; border-radius: 0; -webkit-transform: scale(1); transform: scale(1); } } /*----*****---- << Mobile >> ----*****----*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (min-width: 320px) and (max-width: 479px) { .wdt-shop-cart-widget.cart-notification-widget { max-width: 290px; } .wdt-shop-cart-widget.activate-sidebar-widget { max-width: 290px; } .wdt-shop-cart-widget.activate-sidebar-widget { width: 290px; } } .loader1 { background-color: var(--wdtBodyBGColor); } body { font-family: "Jost", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.63; color: #808080; } a { color: #000; } a:hover { color: #9e9e9e; } h1 { font-family: "Jost", sans-serif; font-weight: 600; font-size: 55px; line-height: 1.3; color: #000; } h2 { font-family: "Jost", sans-serif; font-weight: 600; font-size: 45px; line-height: 1.3; color: #000; } h3 { font-family: "Jost", sans-serif; font-weight: 600; font-size: 35px; line-height: 1.3; color: #000; } h4 { font-family: "Jost", sans-serif; font-weight: 600; font-size: 25px; line-height: 1.3; color: #000; } h5 { font-family: "Jost", sans-serif; font-weight: 600; font-size: 20px; line-height: 1.3; color: #000; } h6 { font-family: "Jost", sans-serif; font-weight: 600; font-size: 18px; line-height: 1.3; color: #000; } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } .short-desc h2 { font-size: 25px; } .short-desc h3, .short-desc h4 { font-size: 22px; } .para { margin-bottom: 20px; } .single-product .product .wdt-product-image.swiper-slide { display: contents; } ul.variable-items-wrapper[aria-label="Type"] li { width: auto !important; padding: 0 10px !important; border-radius: 0 !important; } ul.variable-items-wrapper[aria-label="Type"] li span.variable-item-span { border-radius: 0 !important; } #Prd_Des > p:last-child { font-weight: bold; text-decoration: underline; } .single-product #primary .value.woo-variation-items-wrapper ul.variable-items-wrapper li.variable-item:hover { background: #000; color: #fff; } .single-product #primary .value.woo-variation-items-wrapper ul.variable-items-wrapper li.variable-item:before { opacity: 0; } .single-product #primary .woocommerce-variation-availability { display: none; } .single-product #primary .woocommerce-variation-price { margin-bottom: 0 !important; } .single-product #primary .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled { margin-top: 0 !important; } a.emailUs { display: inline-block; background: #000; color: #fff; padding: 2px 8px; font-size: 14px; border-radius: 3px; margin-right: 2px; line-height: normal; } .single-product .wdt-product-image-gallery-thumb.swiper-wrapper { display: flex; flex-wrap: wrap; overflow: auto; touch-action: auto; } .single-product .wdt-product-image-gallery-thumb.swiper-wrapper .swiper-slide:before { padding: 0 !important; } .single-product .wdt-product-image-gallery-thumb.swiper-wrapper .swiper-slide { transform: none !important; display: inline-flex !important; margin: 0 !important; width: 16.66% !important; } .single-product .wdt-product-image-gallery-thumb.swiper-wrapper .swiper-slide img { position: unset !important; transform: none !important; } .single-product .wdt-product-image-gallery-thumb.swiper-wrapper::-webkit-scrollbar { height: 7px; width: 2px; border: 1px solid #d5d5d5; border-radius: 3px; cursor: grab; margin-top: 5px; } .single-product .wdt-product-image-gallery-thumb.swiper-wrapper::-webkit-scrollbar-track { background: #f1f1f1; } .single-product .wdt-product-image-gallery-thumb.swiper-wrapper::-webkit-scrollbar-thumb { background: #000; border-radius: 3px; } /* ul.suggested-product-list { display: none; } */ #main .product-thumb-content .wc_inline_buttons a.wdt-button.add_to_cart_button { background: #fff !important; color: #000; box-shadow: 0 0 5px 0px rgba(0, 0, 0, .27); } #Social_icons i { color: #fff; font-size: 14px; display: flex; width: 32px; height: 32px; justify-content: center; align-items: center; } #Social_icons i.fab:before { position: unset; transform: none; } #Social_icons span.elementor-grid-item { display: inline-flex; } #Social_icons .elementor-social-icons-wrapper { display: flex; justify-content: flex-start; } #Product-Summary h2.product_title.entry-title { margin: 0; } #SD-wallMount .wdt-column-wrapper .wdt-column, #SD-Rugs .wdt-column-wrapper .wdt-column { width: 100% !important; } #extraIcn .wdt-column { width: 33.33%; } #extraIcn .wdt-column:nth-child(n + 4) { display: none; } #ShopDes h2 { font-size: 24px; margin-top: 0; } #ShopDes h3 { font-size: 20px; margin-top: 0; } .loggedIn { display: none !important; } .logged-in .loggedIn { display: inline-block !important; } li.mob.menu-item.menu-item-type-custom { display: none; } .breadcrumb .current ~ span { display: none; } .archive header.woocommerce-products-header { display: none; } #topBar .elementor-widget-container { display: flex; } #heroSlider .elementor-container.elementor-column-gap-default { max-width: 100%; } #heroSlider .elementor-container.elementor-column-gap-default { padding: 0 !important; } #heroSlider .wdt-swiper-pagination { display: none; } div#heroSlider { position: relative; } #heroSlider .wdt-carousel-arrow-pagination { position: absolute; width: 100%; bottom: 10px; display: flex; justify-content: space-between; padding: 0 10px; height: fit-content; gap: 10px; margin: 0; margin: auto; top: 0; } #heroSlider .wdt-carousel-arrow-pagination > * { margin: 0; border-radius: 50%; } #heroSlider .wdt-carousel-arrow-pagination > * { margin: 0; border-radius: 50%; } #heroSlider .wdt-carousel-arrow-pagination > div:hover * { color: #000; } .single.single-product .main-title-section { display: none; } .single.single-product #header-wrapper { margin: 0 0 20px; } .woo-variation-swatches .variable-items-wrapper[aria-label="Color"] li.variable-item { width: auto !important; padding: 0 10px !important; } .woo-variation-swatches .variable-items-wrapper[aria-label="Color"] li.variable-item span.variable-item-span.variable-item-span-button { border-radius: 0; } section#ProdSec { margin: 0; } .single-product #main .single_variation_wrap .woocommerce-variation-price { font-size: 18px; color: #000; margin: 10px 0 !important; } .woocommerce-MyAccount-content a { color: #000; font-weight: 500; text-decoration: underline; } #wcuCurrencySwitcherSimpleClassic ul { display: flex; border-radius: 7px 0 0 7px; overflow: hidden; box-shadow: 0 5px 30px -2px rgba(0, 0, 0, .13); padding: 0 0 0 5px; } #wcuCurrencySwitcherSimpleClassic ul li { display: none; width: 46px; height: 46px; order: 1; line-height: 48px; color: #fff; font-size: 12px; border-right: 1px solid #333; padding: 0; } #wcuCurrencySwitcherSimpleClassic ul li.wcuCurrent { display: block; order: 2; } #wcuCurrencySwitcherSimpleClassic ul:hover li { display: block; } .woocommerce div.product .summary form.variations_form.cart .variations ul.button-variable-items-wrapper li.selected { background: #000; color: #fff; } .catList li.product-category.product .wdt-col { width: 100%; padding: 20px 10px; height: auto; box-shadow: 0 3px 40px -9px rgba(0, 0, 0, .07); max-width: 280px; min-width: 280px; position: relative; border-radius: 2px; } .catList li.product-category.product .wdt-col:hover .product-details * { color: #fff; } .catList li.product-category.product .wdt-col:hover { background: #111113; } .catList li.product-category.product .wdt-col .product-thumb img { width: 80px; margin: auto; } .catList li.product-category.product .wdt-col .product-wrapper { margin-bottom: 0 !important; } .catList .woocommerce li.product-category .product-wrapper mark.count { font-size: 14px; } .catList .woocommerce li.product-category .product-wrapper h5 { font-size: 16px; text-transform: uppercase; font-weight: 500; letter-spacing: 2px; display: flex; flex-direction: column; } .catList li.product-category.product { display: flex !important; justify-content: center !important; align-items: center; width: auto !important; } .catList ul.products.elementor-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px !important; max-width: 100%; } .catList li.product-category.product .wdt-col .product-thumb a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding-bottom: 50px; height: auto !important; } .catList li.product-category.product .wdt-col .product-details { padding-top: 40px; } .catList li.product-category.product .wdt-col:hover img { filter: invert(.93); } .menu-item-has-children:hover ul.sub-menu.is-hidden .MegaMenu { display: block !important; } #customProduct .woocommerce-variation-add-to-cart { display: flex !important; flex-wrap: wrap; align-items: end; justify-content: space-between; } #customProduct .wau_wrapper_div { width: 60%; } #customProduct .quantity.quantity-with-plusminus { height: fit-content; } #customProduct button.single_add_to_cart_button { padding: 12px !important; display: flex; justify-content: center; background: #000 !important; color: #fff !important; } #customProduct button.single_add_to_cart_button:hover { background: #fff !important; color: #000 !important; } #customProduct button.single_add_to_cart_button.disabled { opacity: .6 !important; } .page-id-40571 #main > .container, .page-id-40630 #main > .container { width: 100%; } .steps { display: flex; flex-direction: column; margin-bottom: 20px; } .steps span { font-size: 18px; font-style: italic; } .page-id-40571 #main > .container, .page-id-40630 #main > .container { width: 100%; } #customProd .wdt-content-media-group { margin-bottom: 0; } #customProd .wdt-content-item { position: relative; } #customProd .wdt-content-detail-group { position: absolute; left: 0; bottom: 10px; padding: 0 6% 30px; } #customProd .wdt-content-detail-group > div { display: none; } #customProd .wdt-content-detail-group .wdt-content-button { display: block; } #customProd #wallArt .wdt-content-detail-group { padding: 0 6% 30px; width: 100%; } /* #customProd #wallArt .wdt-content-detail-group a { background-image: linear-gradient(90deg, #111, #111), linear-gradient(90deg, #ffffff, #ffffff); } */ .wdt-header-menu ul li.menu-item-depth-0 ul.sub-menu { margin-top: -5px; padding: 20px 12px; } #browseCat .wdt-content-image-wrapper { z-index: 9; } .product-type-simple #Product-Summary .product-buttons-wrapper form { display: flex; } .product-type-simple #Product-Summary .product-buttons-wrapper form .quantity { min-width: fit-content; margin-right: 30px; } .product-type-simple #Product-Summary .product-buttons-wrapper form button.single_add_to_cart_button { padding: 0; line-height: normal; } .product-type-simple #Product-Summary .product-buttons-wrapper p.stock.in-stock { display: none; } .product-grid-view .product-wrapper a.button.product_type_variable.add_to_cart_button { display: none; } .woocommerce-cart .wc-proceed-to-checkout > a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout > .eh_paypal_express_description { display: none !important; } .restricted_country#ProdSum form.variations_form, .restricted_country#ProdSum .product-buy-now, .restricted_country#ProdSum .wdt-single-product-share-container, .restricted_country#ProdSum ul.product-additional-info.single-item { display: none; } p.restricted_country { font-size: 24px; margin-top: 40px; } /************ Media Query *************/ @media (min-width:1282px) { #menu-primary-menu ul.elementor-icon-list-items li { width: 50%; } } @media (max-width: 1280px) { #menu-primary-menu-1 li.yay-currency-dropdown.menu-item > div { padding: 15px; } #menu-primary-menu-1 .sub-menu li.menu-item.menu-item-type-post_type { padding: 20px; } #menu-primary-menu-1 .sub-menu li.menu-item li.elementor-icon-list-item { padding: 5px 0px; margin: 0; } #menu-primary-menu-1 .sub-menu li.menu-item li.elementor-icon-list-item a { line-height: normal; min-height: unset; } #menu-primary-menu-1 .sub-menu li.menu-item .elementor-element.elementor-widget-heading { margin-bottom: 10px; } #menu-primary-menu-1 .sub-menu li.menu-item .elementor-column.elementor-inner-column { margin-bottom: 20px; } #menu-primary-menu-1 .sub-menu li.menu-item li.elementor-icon-list-item span.wdt-custom-label { top: 16px; right: 0px; padding: 3px 5px; border-radius: 3px; } section.MegaMenu { display: block !important; visibility: visible; } ul#menu-primary-menu-1 .customProduct .sub-menu li.menu-item { padding: 0 20px !important; } ul#menu-primary-menu-1 .customProduct .sub-menu li.menu-item a { position: relative; line-height: normal; height: auto; min-height: fit-content; padding: 5px 0px 5px 15px; margin: 0; } ul#menu-primary-menu-1 .customProduct .sub-menu li.menu-item a:before { content: ""; position: absolute; left: 3px; transition: .3s cubic-bezier(.79, .14, .15, .86); -webkit-transition: .3s cubic-bezier(.79, .14, .15, .86); width: 5px; height: 1px; background: currentColor; top: 50%; transform: translateY(-50%); } ul#menu-primary-menu-1 .customProduct .sub-menu li.see-all { margin-bottom: 10px; } ul#menu-primary-menu-1 .customProduct .sub-menu li.menu-item a:hover:before { width: 0; } ul#menu-primary-menu-1 .customProduct .sub-menu li.menu-item a:hover { padding-left: 0; } ul#menu-primary-menu-1 .customProduct .sub-menu li.menu-item:hover a, ul#menu-primary-menu-1 .customProduct .sub-menu li.menu-item a:hover { background: #fff; color: #000; } } @media (max-width: 1023px) { #extraIcn .wdt-column { width: 50%; } #heroSlider .wdt-carousel-arrow-pagination { top: unset; bottom: 10px; justify-content: center; padding: 0; margin: 0; display: none; } .woocommerce-account div#main { padding: 0 20px; } #heroSlider .wdt-swiper-pagination { display: block; margin-top: 7px; } #heroSlider .wdt-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { background: #000; } #heroSlider .wdt-swiper-pagination .swiper-pagination-bullet:before { background: #b7b7b7; border-radius: 50%; } } @media (max-width: 767px) { #extraIcn .wdt-column { width: 50%; } .short-desc h2, .short-desc h3, .short-desc h4 { font-size: 18px; } div#main > .container { width: 100%; } #header .elementor-section.elementor-section-boxed > .elementor-container { padding: 0 25px; } #ShopDes { padding: 0px; } .single-product .elementor-section.elementor-section-boxed > .elementor-container { max-width: 100%; padding: 0 10px; } .single-product.woocommerce div.product .summary.wdt-product-summary .product_meta_wrapper { margin: 0; } .single-product.woocommerce div.product .wdt-product-tabs { margin: 0; } .single-product.woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs { margin: 0 auto 40px; width: 100%; } ul.tabs.wc-tabs li a { font-size: 20px !important; } #ShopDes .wdt-column-wrapper.wdt-column-gap-wide { margin: 0; } .single-product .quantity.quantity-with-plusminus > input[type="button"] { width: 30px !important; text-indent: 5px; } .single-product .product .elementor-widget-wrap.elementor-element-populated > .elementor-section { padding: 0 0 20px 0 !important; } .single-product.woocommerce div.product .wdt-product-summary > div:first-child .product_title { margin-top: 0; } .single-product #primary > *:last-child { margin-bottom: 40px; } .single-product .wdt-product-image-gallery-thumb.swiper-wrapper .swiper-slide { width: 25% !important; } header#header section section .elementor-container { max-width: 100%; } #header .elementor-section.elementor-section-boxed > .elementor-container { padding: 0; } .tax-product_cat section#primary { padding: 0 25px; } section.main-title-section-wrapper .container { width: 100%; padding: 0 25px; } #main .elementor-section.elementor-section-boxed > .elementor-container { max-width: 100%; padding: 0 20px; } .woocommerce ul.products.product-style-default:not(.swiper-wrapper) { grid-template-columns: repeat(2, 1fr) !important; gap: 15px !important; } .products:not(.swiper-wrapper) .product-grid-view.product .product-details .product-title h5 { font-size: 16px !important; } #header-wrapper section.main-title-section-wrapper { margin-bottom: -70px; } .single.single-product #header-wrapper section.main-title-section-wrapper { margin-bottom: 0px; } #tab-description { margin-bottom: 0; } #ProdImg .elementor-widget-wrap.elementor-element-populated { padding: 0; } #header .elementor-column.elementor-col-50 { width: 40%; } #header .elementor-column.elementor-col-50:nth-child(2) { width: 60%; } .content-full-width article.post.blog-single-entry { padding: 0 20px; } #swiperuniqueid-1 .products.swiper-wrapper { padding-top: 70px; } .logged-in li.mob.so.menu-item.menu-item-type-custom { display: block; } li.mob.so.menu-item.menu-item-type-custom { display: none; } li.mob.si.menu-item.menu-item-type-custom { display: block; } .logged-in li.mob.si.menu-item.menu-item-type-custom { display: none; } .woocommerce-cart .inner-wrapper #main, .search.search-results .inner-wrapper #main { padding: 0 20px; } .shop_table td.product-thumbnail { display: none !important; } .shop_table tr.woocommerce-cart-form__cart-item.cart_item { padding: 10px 0 !important; } .woocommerce table.shop_table tr td.product-remove { right: -10px; top: -10px; background: #000; text-align: center; width: 24px !important; height: 24px !important; border-radius: 50%; } .woocommerce table.shop_table tr td.product-remove a.remove { color: #fff !important; font-size: 14px; } .woocommerce-cart table.shop_table.cart tbody tr { overflow: visible; } .woocommerce table.shop_table tr td.product-subtotal { display: none; } .woocommerce table.shop_table tr td.product-name a { font-size: 16px !important; } .search-results .product.type-product { margin-bottom: 0 !important; } .search-results .product.type-product .entry-body { display: none !important; } .search-results .tpl-blog-holder .entry-grid-layout.wdt-simple-style { position: unset !important; width: 100%; padding: 0; } .search-results .tpl-blog-holder .entry-grid-layout.wdt-simple-style .entry-title { margin-top: 10px !important; padding-right: 0 !important; margin-bottom: 0; } .search-results .tpl-blog-holder .entry-grid-layout.wdt-simple-style .entry-title a { font-size: 16px; font-weight: 500; line-height: 21px; } .search-results .tpl-blog-holder.apply-isotope { display: grid; grid-template-columns: repeat(2, 1fr) !important; gap: 15px !important; margin: 0; height: auto !important; } .search-results .tpl-blog-holder .entry-grid-layout.wdt-simple-style.grid-sizer { display: none; } div#tab-description { display: none; } #main .product-thumb-content .wc_inline_buttons a.wdt-button.add_to_cart_button { font-size: 12px; letter-spacing: .5px; padding: 10px 12px; } footer#footer { padding-bottom: 8px; } .main-title-section-wrapper .main-title-section-container { padding: 20px; } #ProdSum .elementor-widget-wrap.elementor-element-populated, #RelProd .elementor-widget-wrap.elementor-element-populated { padding-left: 0; padding-right: 0; } #extraIcn .wdt-column { justify-content: center; display: flex; } .post-type-archive-product #main { padding: 0 20px; } .woocommerce-account .woocommerce-MyAccount-navigation > ul { padding-left: 0; margin-bottom: 0; } .woocommerce-account.woocommerce-page #header-wrapper { margin: 0 0 70px; } #swiperuniqueid-1 ul li.product-grid-view.swiper-slide .wdt-col { padding: 0; } #ProdImg .swiper-wrapper { max-height: calc(100vw - 40px); } .single-product .wdt-product-image-gallery-thumb.swiper-wrapper .swiper-slide img { aspect-ratio: 1/1; object-fit: cover; } .page-id-40571 div#main > .container .e-con-inner, .page-id-40630 div#main > .container .e-con-inner { width: 100%; max-width: 100%; } } @media (max-width:500px) { #GlobalFooter > .elementor-container.elementor-column-gap-no { max-width: 100%; } .wdt-product-image.swiper-slide, .wdt-product-image.swiper-slide img { width: 100% !important; min-width: 100%; } } @media (max-width:380px) { #main .product-thumb-content .wc_inline_buttons a.wdt-button.add_to_cart_button { font-size: 10px; letter-spacing: 0px; line-height: initial; } } /* #endregion - Accents */ /*--------------------------------------------------------------*/ /* #region - Product Listing */ /*--------------------------------------------------------------*/ .woocommerce .woocommerce-result-count { float: left; } .woocommerce .woocommerce-ordering { float: right; } .woocommerce ul.products { clear: both; margin: 0; padding: 0; } .woocommerce ul.products:after, .woocommerce ul.products:before, .woocommerce-page ul.products:after, .woocommerce-page ul.products:before { content: none; } .woocommerce ul.products li.product { margin: 0; padding: 0; } .woocommerce ul.products li.product, .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products li.product, .woocommerce-page ul.products[class*="columns-"] li.product { margin: 0; width: 100%; } /* .woocommerce ul.products:not(.swiper-wrapper) li.product, .woocommerce ul.products[class*="columns-"]:not(.swiper-wrapper) li.product, .woocommerce-page ul.products:not(.swiper-wrapper) li.product, .woocommerce-page ul.products[class*="columns-"]:not(.swiper-wrapper) li.product { display: inline; float: none; } */ .woocommerce ul.products li.first, .woocommerce ul.products li.first .column { clear: both; } .woocommerce ul.products li.first .column { margin-left: 0; } .woocommerce ul.products:not(.swiper-wrapper) { display: block; float: none; margin: 0 -15px; width: auto; } .woocommerce ul.products:not(.swiper-wrapper) li.product { display: inline; } /*.woocommerce ul.products:not(.swiper-wrapper) li.product, .woocommerce ul.products:not(.swiper-wrapper) li.product.first { clear: none; }*/ .woocommerce ul.products.product-loader .wdt-col { -webkit-transition: var(--wdtBaseTransition); -moz-transition: var(--wdtBaseTransition); -ms-transition: var(--wdtBaseTransition); -o-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); } .woocommerce ul.products li.product.isotope-grid-sizer .wdt-col { min-height: 0; } .woocommerce ul.products li.product.isotope-grid-sizer .wdt-col:empty { padding: 0; } .woocommerce ul.products li.product .product-wrapper { display: inline-block; float: left; margin: 0 0 35px; width: 100%; } .page-template-tpl-fullwidth-php .woocommerce ul.products { overflow: hidden; padding-bottom: 80px; } .woocommerce ul.products li.product .product-wrapper, .woocommerce ul.products li.product .product-wrapper:before, .woocommerce ul.products li.product .product-thumb, .woocommerce ul.products li.product .product-thumb .image, .woocommerce ul.products li.product .product-thumb .image .product-thumb-overlay, .woocommerce ul.products li.product .product-thumb .image img, .woocommerce ul.products li.product .product-thumb a.image > div[class*="image"] img { -webkit-border-radius: var(--wdtRadius_3X); border-radius: var(--wdtRadius_3X); } /* WooCommerce Default - Product Listing */ /* .woocommerce ul.products { background-color: #f2f2f2; margin-left: -15px; margin-right: -15px; } .woocommerce ul.products:not([style*="height"]) li.product { display: inline; float: none; margin: 0; width: 100%; } .woocommerce ul.products:not([style*="height"]) li.product .product-wrapper { margin: 0 0 35px; } .woocommerce ul.products:not([style*="height"]) li.product.isotope-grid-sizer, .woocommerce ul.products:not([style*="height"]) li.product.isotope-grid-sizer .wdt-col { display: none; } .woocommerce ul.products:not([style*="height"]) li.product.product-category .product-details mark.count { background: none; font-style: normal; } */ /* Product Listing - Thumb */ .woocommerce ul.products li.product .product-thumb, .woocommerce ul.products li.product .product-thumb .image, .woocommerce ul.products li.product .product-thumb .image .product-thumb-overlay, .woocommerce ul.products li.product .product-thumb .image img { float: left; line-height: 0; margin: 0; width: 100%; } .woocommerce ul.products li.product .product-thumb { position: relative; overflow: hidden; } .woocommerce ul.products li.product .product-thumb .image { display: block; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } .woocommerce ul.products li.product .product-thumb .image .product-thumb-overlay { height: 100%; position: relative; z-index: 1; } .woocommerce ul.products.product-thumb-bg-image li.product .product-thumb .image .primary-image, .woocommerce ul.products.product-thumb-bg-image li.product .product-thumb .image .secondary-image { background-position: center center; background-repeat: no-repeat; background-size: contain; height: 100%; width: 100%; } .woocommerce ul.products li.product .product-thumb .image, .woocommerce ul.products li.product .product-thumb .image .primary-image, .woocommerce ul.products li.product .product-thumb .image .secondary-image { height: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: auto; } .woocommerce ul.products li.product .product-thumb a.image:focus > div[class*="image"] { outline: none; outline-offset: 0; } .woocommerce ul.products[class*="product-overlay-"] li.product .product-thumb .image .product-thumb-overlay { display: block; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; } .woocommerce ul.products[class*="product-overlay-"] li.product:hover .product-thumb .image .product-thumb-overlay { opacity: 1; } .woocommerce ul.products li.product .product-thumb .image .primary-image { margin: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .woocommerce ul.products li.product .product-thumb .product-thumb-content > * { line-height: normal; position: relative; z-index: 1; } .woocommerce ul.products li.product-category .product-thumb .image, .woocommerce ul.products:not(.product-thumb-bg-image) li.product .product-thumb a.image, .woocommerce ul.products:not(.product-thumb-bg-image) li.product .product-thumb a.image > .primary-image { position: relative; width: 100%; } .woocommerce ul.products li.product-category .product-thumb:before, .woocommerce ul.products li.product-category .product-thumb:after, .woocommerce ul.products:not(.product-thumb-bg-image) li.product .product-thumb:before, .woocommerce ul.products:not(.product-thumb-bg-image) li.product .product-thumb:after { content: none; } .woocommerce ul.products:not(.product-thumb-bg-image) li.product .product-thumb a.image > div[class*="image"], .woocommerce ul.products:not(.product-thumb-bg-image) li.product .product-thumb a.image > div[class*="image"] img { width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .woocommerce ul.products:not(.product-thumb-bg-image) li.product .product-thumb a.image > div[class*="image"] img { position: relative; } /* Product Listing - Buttons */ .woocommerce ul.products li.product .product-buttons-wrapper { display: inline-block; margin: auto; z-index: 1; } .woocommerce ul.products li.product .product-buttons-wrapper .wc_inline_buttons { display: inline-block; } .woocommerce ul.products li.product a.add_to_cart_button.added, .woocommerce ul.products li.product .product-thumb .yith-wcwl-add-button.hide a, .woocommerce ul.products li .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .feedback, .woocommerce ul.products li .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .feedback { display: none !important; } /* Product Listing - Content */ .woocommerce ul.products li.product .product-details { display: block; float: left; padding: 0; position: relative; text-align: center; width: 100%; } .woocommerce ul.products li.product .product-thumb-content { display: inline-block; padding: 15px; width: 100%; } .woocommerce ul.products[class*="product-thumb-iconsgroup-position"]:not(.product-thumb-bg-image) li.product .product-thumb-content { padding: 0; } .woocommerce ul.products li.product .product-thumb-content > div, .woocommerce ul.products li.product .product-details > div { clear: both; display: inline-block; float: left; margin: 6px 0 0; width: 100%; line-height: 1; } .woocommerce ul.products li.product .selection-box:after { border-width: 0; } /* Transitions */ .woocommerce ul.products li.product .product-wrapper, .woocommerce ul.products li.product a img, .woocommerce ul.products li.product .product-details, .woocommerce ul.products li.product .product-thumb, .woocommerce ul.products li.product .product-thumb-content, .woocommerce ul.products li.product .product-thumb .image div[class*="image"], .woocommerce ul.products li.product .product-thumb .image div[class*="image"] img, .woocommerce ul.products li.product .product-thumb .image .product-thumb-overlay, .woocommerce ul.products[class*="product-hover-"] li.product .product-wrapper:before, .woocommerce ul.products[class*="product-hover-thumb"] li.product .product-thumb .image:before { -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); } /*----*****---- << Product Listing Options >> ----*****----*/ /* Product Listing - Thumb Content Alignment */ .woocommerce ul.products li.product .product-thumb-content { text-align: center; } .woocommerce ul.products li.product .product-thumb:before, .woocommerce ul.products li.product .product-thumb:after { content: ""; display: block; } .woocommerce ul.products li.product .product-thumb:before { padding-top: 50%; } .woocommerce ul.products li.product .product-thumb:after { padding-bottom: 50%; } /* Product Listing - IconGroup Position */ .woocommerce ul.products:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb .product-buttons-wrapper.product-icons { position: static; text-align: inherit; } /* Product Listing - Content Alignment */ .woocommerce ul.products.product-content-alignment-center li.product .product-details { text-align: center; } /* Product Listing - Overall Hover Effects */ .woocommerce ul.products[class*="product-hover-"] li.product .product-wrapper { position: relative; } .woocommerce ul.products[class*="product-hover-"] li.product .product-wrapper:before, .woocommerce ul.products[class*="product-hover-thumb"] li.product .product-thumb .image:before { content: ""; position: absolute; pointer-events: none; } .woocommerce ul.products[class*="product-hover-thumb"] li.product .product-wrapper:before { content: none; } /* Product Listing - Image Hover Effects */ .woocommerce ul.products li:not(.product-with-secondary-image):hover .product-thumb .image .primary-image { -webkit-transform: none; transform: none; } /* #endregion - Product Listing */ /*--------------------------------------------------------------*/ /* #region - Product - Labels */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .out-of-stock, .woocommerce ul.products li.product .product-labels > span { display: inline-block; font-size: 10px; font-weight: 500; letter-spacing: 1.6px; margin: 0; padding: 0; position: relative; left: auto; top: auto; text-align: center; text-transform: uppercase; } .woocommerce.single-product div.product .onsale, .woocommerce.single-product div.product .out-of-stock { font-weight: normal; } .woocommerce ul.products li.product .out-of-stock { font-size: 9px; } .woocommerce ul.products li.product .product-labels .new { background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); } .woocommerce ul.products li.product .product-labels span span { display: inline-block; width: 100%; } .woocommerce ul.products li.product .product-labels { position: absolute; right: 0; top: 0; text-align: right; z-index: 2; } /* Featured */ .woocommerce ul.products li.product .featured-tag { height: 25px; line-height: 25px; position: absolute; left: 0; top: 10px; z-index: 9; display: none; } .woocommerce.single-product .images .featured-tag, .wdt-product-image-gallery-container .featured-tag { height: 25px; line-height: 25px; position: absolute; right: 0; top: 0; z-index: 9; } .woocommerce ul.products li.product .featured-tag i, .woocommerce.single-product .images .featured-tag i, .wdt-product-image-gallery-container .featured-tag i { font-size: 12px; line-height: inherit; position: absolute; right: 0; text-align: center; width: 100%; } .woocommerce ul.products li.product .featured-tag > div, .woocommerce.single-product .images .featured-tag > div, .wdt-product-image-gallery-container .featured-tag > div { height: 100%; line-height: inherit; position: relative; width: 25px; z-index: 99; -webkit-transition: width .1s cubic-bezier(.86, 0, .07, 1) .05s; transition: width .1s cubic-bezier(.86, 0, .07, 1) .05s; } .woocommerce ul.products li.product .featured-tag span, .woocommerce.single-product .images .featured-tag span, .wdt-product-image-gallery-container .featured-tag span { display: none; float: left; font-weight: 400; overflow: hidden; padding-right: 20px; width: 3em; -webkit-transition-delay: 0s, 0s, 0s; transition-delay: 0s, 0s, 0s; -webkit-transition-duration: .3s, .25s, .25s; transition-duration: .3s, .25s, .25s; -webkit-transition-property: opacity, padding, width; transition-property: opacity, padding, width; -webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1); transition-timing-function: cubic-bezier(.86, 0, .07, 1); } .woocommerce ul.products li.product:hover .featured-tag > div span, .woocommerce.single-product .images .featured-tag > div span, .wdt-product-image-gallery-container .featured-tag > div span { padding-left: 10px; width: 100%; } .woocommerce ul.products li.product .featured-tag:after, .woocommerce.single-product .images .featured-tag:after, .wdt-product-image-gallery-container .featured-tag:after { background-color: transparent; border-style: solid; border-width: 12px; content: ""; position: absolute; bottom: 0; right: -15px; top: 0; z-index: 9; } .woocommerce.single-product .images .featured-tag:after, .wdt-product-image-gallery-container .featured-tag:after { left: -15px; right: auto; } .woocommerce ul.products li.product .featured-tag span { opacity: 0; filter: alpha(opacity=0); } .woocommerce ul.products li.product:hover .featured-tag > div span { opacity: 1; filter: alpha(opacity=100); } /* #endregion - Product - Labels */ /*--------------------------------------------------------------*/ /* #region - Product - Rating */ /*--------------------------------------------------------------*/ .woocommerce .star-rating, .woocommerce ul.products li.product .star-rating { font-size: var(--wdtFontSize_Base); text-indent: -9999px; width: calc(5em + 16px); } .woocommerce .star-rating span, .woocommerce ul.products li.product .star-rating span { height: 100%; padding-top: 0; } .woocommerce .star-rating:before, .woocommerce .star-rating span:before { font-family: "WooCommerce"; letter-spacing: 4px; text-align: left; text-indent: 0; } .woocommerce .star-rating:before { content: ""; } .woocommerce .star-rating > span:before { content: ""; } .woocommerce .star-rating:before, .woocommerce ul.products li.product .star-rating:before { color: var(--wdtBorderColor); } .woocommerce .star-rating > span:before, .woocommerce ul.products li.product .star-rating > span:before { color: var(--wdtPrimaryColor); } /* #endregion - Product - Rating */ /*--------------------------------------------------------------*/ /* #region - Product - Swatches */ /*--------------------------------------------------------------*/ /* .zoo-cw-variations .zoo-cw-group-attribute { width: auto; } .zoo-cw-wrap-shop .zoo-cw-group-attribute { margin-bottom: 8px; } .zoo-cw-wrap-shop .zoo-cw-group-attribute:last-child { margin-bottom: 0; } .zoo-cw-group-attribute .zoo-cw-attribute-option { display: inline-block; float: none; margin: 3px; } .zoo-cw-group-attribute .zoo-cw-attribute-option .zoo-cw-attr-item { border-width: 0 !important; overflow: visible; padding: 0; position: relative; box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.35); } .zoo-cw-wrap-shop .zoo-cw-group-attribute[data-attribute-display-type] .selection-box { display: inline-block; width: auto; } .zoo-cw-wrap-shop .zoo-cw-group-attribute[data-attribute-display-type] .select2 { max-width: 100%; } .zoo-cw-active select:not(.zoo-cw-attribute-select), .zoo-cw-active select:not(.zoo-cw-attribute-select) + .select2, .variations_form:not(.no-cw-data) .zoo-cw-group-attribute select:not(.zoo-cw-attribute-select), .variations_form:not(.no-cw-data) .zoo-cw-group-attribute select:not(.zoo-cw-attribute-select) + select { display: none !important; } .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item), .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item):hover .variable-item-span, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected .variable-item-span, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover .variable-item-span, .zoo-cw-group-attribute .zoo-cw-attribute-option:hover .zoo-cw-attr-item, .zoo-cw-group-attribute .zoo-cw-attribute-option.zoo-cw-active .zoo-cw-attr-item { box-shadow: none !important; } .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item) .variable-item-span:after, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span-color::after, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .image-variable-item:not(.radio-variable-item) img:before, .zoo-cw-group-attribute .zoo-cw-attribute-option .zoo-cw-attr-item:after { background: none; content: ""; height: auto; opacity: 0; margin: -2px; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: auto; -webkit-border-radius: inherit; border-radius: inherit; box-shadow: 0 0 3px 1px rgba(0,0,0,0.5); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-span::after, .zoo-cw-group-attribute .zoo-cw-attribute-option .zoo-cw-attr-item:after { margin: -2px; } .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item):hover .variable-item-span:after, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected .variable-item-span:after, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover .variable-item-span:after, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .image-variable-item:not(.radio-variable-item):hover img:before, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .image-variable-item:not(.radio-variable-item).selected img:before, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .image-variable-item:not(.radio-variable-item).selected:hover img:before, .zoo-cw-group-attribute .zoo-cw-attribute-option:hover .zoo-cw-attr-item:after, .zoo-cw-group-attribute .zoo-cw-attribute-option.zoo-cw-active .zoo-cw-attr-item:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item { z-index: 0; } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item:after { margin: 0; z-index: -1; -webkit-box-shadow: none; box-shadow: none; } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option:hover, .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option.zoo-cw-active { box-shadow: none; } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item, .zoo-cw-group-attribute.attribute_pa_size .zoo-cw-attribute-option .zoo-cw-attr-item, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item { height: auto; line-height: normal; padding: 0; width: auto; } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item.zoo-cw-option-display-shape-circle, .zoo-cw-group-attribute.attribute_pa_size .zoo-cw-attribute-option .zoo-cw-attr-item.zoo-cw-option-display-shape-circle, .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item.zoo-cw-option-display-shape-circle:after, .zoo-cw-group-attribute.attribute_pa_size .zoo-cw-attribute-option .zoo-cw-attr-item.zoo-cw-option-display-shape-circle:after { border-radius: 10px; } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item, .zoo-cw-group-attribute.attribute_pa_size .zoo-cw-attribute-option .zoo-cw-attr-item, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item span { font-size: 14px; padding: 2px 8px; -webkit-border-radius: 3px; border-radius: 3px; } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item .zoo-cw-label-text, .zoo-cw-group-attribute.attribute_pa_size .zoo-cw-attribute-option .zoo-cw-attr-item .zoo-cw-label-text { font-size: inherit; line-height: inherit; } .zoo-cw-attribute-option .zoo-cw-attr-item:before, .zoo-cw-attribute-option .zoo-cw-attr-item:hover:before, .woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-attribute-behavior-blur .variable-item:not(.radio-variable-item).disabled:before, .woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-attribute-behavior-blur .variable-item:not(.radio-variable-item).disabled:hover:before { background: none !important; color: red; content: "\2716" !important; height: 0; line-height: 0; margin: auto !important; position: absolute; bottom: 0; left: 0; right: 0; top: 0; text-align: center; width: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .zoo-cw-attribute-option.unavailable .zoo-cw-attr-item:before, .zoo-cw-attribute-option.unavailable .zoo-cw-attr-item:hover:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .zoo-cw-attribute-option.unavailable .zoo-cw-attr-item.zoo-cw-option-display-size-2:before, .zoo-cw-attribute-option.unavailable .zoo-cw-attr-item.zoo-cw-option-display-size-2:hover:before { font-size: 18px; } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option:hover .zoo-cw-attr-item .zoo-cw-label-text, .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option.zoo-cw-active .zoo-cw-attr-item .zoo-cw-label-text { color: #fff; -webkit-box-shadow: none; box-shadow: none; } .woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-attribute-behavior-blur .variable-item:not(.radio-variable-item).disabled:after, .woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-attribute-behavior-blur .variable-item:not(.radio-variable-item).disabled:hover:after { content: none !important; } .zoo-cw-gallery-loading { background-color: rgba(242, 242, 242, 0.6); } .zoo-cw-gallery-loading > * { opacity: 0 !important; } .zoo-cw-gallery-loading.wpb_wrapper, .zoo-cw-gallery-loading.elementor-widget-container { display: inline-block; height: 100%; position: relative; } */ .woo-variation-swatches .variable-items-wrapper { margin: 0; width: 100%; } .woocommerce div.product .summary form.cart .variations { margin: 0; } .woocommerce div.product .summary form.variations_form.cart .variations li { margin: 4px; -webkit-box-shadow: none; box-shadow: none; border: 0px solid var(--wdtBorderColor); } .woocommerce div.product .summary form.variations_form.cart .variations li.selected { -webkit-box-shadow: none; box-shadow: none; } .woocommerce div.product .summary form.cart .variations .woo-variation-items-wrapper { align-items: center; padding: 0; } .woocommerce div.product .summary form.cart .variations .woo-variation-items-wrapper .reset_variations { color: var(--wdtLinkColor); margin-top: 0; } .woocommerce div.product .summary form.cart .variations .woo-variation-items-wrapper .reset_variations:hover { color: var(--wdtLinkHoverColor); } .woo-variation-swatches.wvs-show-label .variations td .woo-selected-variation-item-name, .woo-variation-swatches.wvs-show-label .variations td label, .woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name, .woo-variation-swatches.wvs-show-label .variations th label { color: var(--wdtPrimaryColor); } .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled .variable-item-contents::before, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled:hover .variable-item-contents::before { position: absolute; content: " "; display: block; background-repeat: no-repeat; background-position: center center; height: 100%; width: 100%; margin: auto; max-width: 14px; top: 0; right: 0; left: 0; bottom: 0; } .woocommerce .product form.cart .variations tr:first-child { margin-right: 20px; } .woocommerce div.product .summary form.variations_form.cart .variations li:before { min-width: 30px; border-radius: 4px; font-size: 12px; line-height: 1.2; opacity: 0; transition: .3s cubic-bezier(.68, -.55, .27, 1.55); -webkit-transition: .3s cubic-bezier(.68, -.55, .27, 1.55); bottom: 119%; } .woocommerce div.product .summary form.variations_form.cart .variations li:after { opacity: 0; transition: .3s cubic-bezier(.68, -.55, .27, 1.55); -webkit-transition: .3s cubic-bezier(.68, -.55, .27, 1.55); } .woocommerce div.product .summary form.variations_form.cart .variations li:hover:before, .woocommerce div.product .summary form.variations_form.cart .variations li:hover:after { opacity: 1; } .woocommerce div.product .summary form.variations_form.cart .variations ul.button-variable-items-wrapper li { width: 30px; height: 30px; background-color: #f8f8f8; border-radius: 8px; } .woocommerce div.product .summary form.variations_form.cart .variations ul.button-variable-items-wrapper li .variable-item-contents span { font-size: 13px; font-weight: var(--wdtFontWeight_Ext); } /* #endregion - Product - Swatches */ /*--------------------------------------------------------------*/ /* #region - Product Single */ /*--------------------------------------------------------------*/ .woocommerce div.product div.images, .woocommerce div.product div.images div.thumbnails a { float: left; } .woocommerce div.product.type-product > div.summary { float: right; } .woocommerce div.product div.images div.thumbnails:after, .woocommerce div.product form.cart:after, .woocommerce div.product form.cart:before, .woocommerce div.product p.cart:after, .woocommerce div.product p.cart:before { content: ""; display: table; } /* #endregion - Product Single */ /*--------------------------------------------------------------*/ /* #region - Misc */ /*--------------------------------------------------------------*/ /* #region - Tables */ .woocommerce table.shop_table { border-width: 0 0 1px; -webkit-border-radius: 5px; border-radius: 5px; } .woocommerce table.shop_table, .woocommerce table.shop_attributes { border-style: solid; border-width: 1px; } .woocommerce table.shop_attributes tr th { border-right: 1px solid rgba(var(--wdtHeadAltColorRgb), .15); } .woocommerce table.shop_attributes tr th, .woocommerce table.shop_attributes tr td { border-top: 1px solid rgba(var(--wdtHeadAltColorRgb), .15); } .woocommerce table.shop_attributes td { text-align: left; } .woocommerce table.shop_attributes tr:first-child td, .woocommerce table.shop_attributes tr:first-child th { border-top-width: 0; } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { background: none !important; padding: 15px 20px; } .woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th { max-width: 300px; width: 300px; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tbody td, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_attributes tr td, .woocommerce table.shop_attributes tr th { border-bottom-width: 0; } .woocommerce a.remove { display: inline-block; vertical-align: middle; font-weight: normal; height: 24px; line-height: 20px; width: 24px; margin-top: 0; } .woocommerce .shop_table tfoot th:last-child, .woocommerce .shop_table.cart tfoot th:last-child, .woocommerce table.shop_attributes tr:last-child th, .woocommerce table.shop_attributes tr:last-child td { border-bottom-color: transparent; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { margin-bottom: 30px; border-width: 2px; } .woocommerce table.shop_table thead th, .woocommerce-page table.shop_table tbody td { border-left-width: 0; border-right-width: 0; text-align: left; vertical-align: middle; overflow-wrap: anywhere; } .woocommerce table.shop_table tr td > label, .woocommerce-page table.shop_table tr td > label { display: none; } .woocommerce table.shop_table tbody tr td, .woocommerce-page table.shop_table tbody tr td { border-bottom-width: 1px; } .woocommerce table.shop_table tbody tr:last-child td, .woocommerce-page table.shop_table tbody tr:last-child td { border-bottom-width: 0; } .woocommerce table.shop_table thead th, .woocommerce-page table.shop_table thead th { background: transparent; font-size: 14px; font-weight: 700; line-height: 30px; padding: 15px; text-transform: uppercase; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { background: none; border-width: 0; padding: 15px; } .woocommerce table.shop_table thead th:first-child, .woocommerce-page table.shop_table thead th:first-child { padding-left: 30px; width: 150px; } .woocommerce table.shop_table tr td:first-child, .woocommerce-page table.shop_table tr td:first-child { padding-left: 30px; } .woocommerce table.shop_table tr td:last-child, .woocommerce-page table.shop_table tr td:last-child { padding-right: 30px; } .woocommerce table.shop_table tr td.product-remove, .woocommerce-page table.shop_table tr td.product-remove { width: 10px; } .woocommerce table.shop_table .product-thumbnail a, .woocommerce-page table.shop_table .product-thumbnail a { display: inline-block; } .woocommerce table.shop_table tbody td .woocommerce-Price-currencySymbol, .woocommerce-page table.shop_table tbody td .woocommerce-Price-currencySymbol { margin-right: 5px; } .woocommerce .shop_table tr td.product-stock-status > span { border: 1px solid; display: inline-block; font-size: 10px; font-weight: 500; letter-spacing: 2px; line-height: normal; padding: 14px 10px; text-align: center; text-transform: uppercase; width: 100%; } .woocommerce table tbody tr:nth-child(2n+1), .woocommerce-page table tbody tr:nth-child(2n+1) { background: none; } .woocommerce table.shop_table tr .woocommerce-remove-coupon { display: block; } /* Orders & Address Details */ .woocommerce-page .woocommerce-customer-details { border-style: solid; border-width: 2px; margin: 0 0 20px; padding: 4px; } .woocommerce-page .woocommerce-customer-details .addresses { border-width: 0; padding: 0; margin-bottom: 0; } .woocommerce-page .woocommerce-customer-details .addresses .woocommerce-column { border-color: rgba(var(--wdtHeadAltColorRgb), .15); border-style: solid; border-width: 2px; margin: 0; padding: 4px !important; } .woocommerce-page.woocommerce-view-order .woocommerce-customer-details .addresses .woocommerce-column + .woocommerce-column { margin-top: 30px; } .woocommerce-page .woocommerce-customer-details .addresses address:last-child, .woocommerce-page .woocommerce-customer-details .addresses address p:last-child { margin-bottom: 0; } .woocommerce-page .woocommerce-customer-details address, .woocommerce-page .woocommerce-customer-details h2 { border-style: dashed; border-width: 2px; margin: 0 !important; padding: 20px; } .woocommerce-page .woocommerce-customer-details h2 { border-bottom-width: 0; } .woocommerce-page .woocommerce-customer-details address { border-top-width: 0; padding-top: 0; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { margin: 15px 0 0 !important; } .addresses .col-1 header, .addresses .col-2 header, .addresses .col-1 address, .addresses .col-2 address, .woocommerce-page .woocommerce-customer-details .addresses .woocommerce-column .woocommerce-column__title { border-color: rgba(var(--wdtHeadAltColorRgb), .15); border-style: dashed; border-width: 2px; padding: 10px 20px; } .woocommerce-page .woocommerce-customer-details .addresses .woocommerce-column .woocommerce-column__title { border-bottom-width: 0; margin: 0 0 -2px; padding: 20px; text-align: left; } .addresses .col-1 header, .addresses .col-2 header { border-bottom-width: 0; } .addresses .col-1 h3, .addresses .col-2 h3 { margin-bottom: 0; } .addresses .col-1 address, .addresses .col-2 address { margin-top: 0; } .woocommerce-address-fields .woocommerce-address-fields__field-wrapper { display: inline-block; margin-bottom: 20px; width: 100%; } .woocommerce-page .woocommerce-customer-details address { margin-top: 0; } .woocommerce-page .woocommerce-customer-details address:last-child, .woocommerce-page .woocommerce-customer-details address p:last-child { margin-bottom: 0; } .addresses .col-1 header, .addresses .col-2 header, .addresses .col-1 address, .addresses .col-2 address { border-top-width: 0; padding: 0 20px 10px; } .addresses .col-1 header, .addresses .col-2 header { border-bottom-width: 0; } .addresses .col-1 address, .addresses .col-2 address { margin-top: 0; } .addresses .col-1 h3, .addresses .col-2 h3 { margin-bottom: 0; } .woocommerce-page .woocommerce-customer-details, .woocommerce-page .woocommerce-customer-details h2, .woocommerce-page .woocommerce-customer-details address { border-color: rgba(var(--wdtHeadAltColorRgb), .15); } .woocommerce .shop_table.order_details th, .woocommerce .shop_table.order_details td { text-align: left; } .woocommerce-page .woocommerce-order-details { border: 2px solid; margin-bottom: 50px; overflow: hidden; padding: 60px; } .woocommerce-account .woocommerce-order-details { padding: 25px 35px; } .woocommerce .woocommerce-order-details .woocommerce-order-details__title { display: inline-block; margin-bottom: 20px; } .woocommerce-account .woocommerce-order-details .woocommerce-order-details__title { margin-bottom: 15px; } .woocommerce .shop_table.customer_details th, .woocommerce .shop_table.customer_details td { text-align: left; } .woocommerce-page .woocommerce-order-details .shop_table tr th:first-child, .woocommerce-page .woocommerce-order-details .shop_table tr th:last-child, .woocommerce-page .woocommerce-order-details .shop_table tr td:first-child, .woocommerce-page .woocommerce-order-details .shop_table tr td:last-child { border-left-width: 0; border-right-width: 0; font-size: 15px; line-height: 30px; padding: 20px 0; vertical-align: middle; } .woocommerce-page .woocommerce-order-details table.shop_table tr th, .woocommerce-page .woocommerce-order-details table.shop_table tr td { background: transparent; line-height: 30px; padding: 20px 50px 20px 0; vertical-align: middle; } .woocommerce .woocommerce-order-details table.shop_table.order_details thead th { border-top-width: 0; font-size: 16px; font-weight: bold; } .woocommerce .woocommerce-order-details .shop_table.order_details tfoot th { font-weight: 600; text-transform: capitalize; } .woocommerce .woocommerce-order-details .shop_table.order_details tfoot td { font-weight: 500; } .woocommerce-page .woocommerce-order-details table.shop_table tr th:last-child, .woocommerce-page .woocommerce-order-details table.shop_table tr td:last-child { text-align: right; } .woocommerce .woocommerce-order-details .shop_table.order_details small.shipped_via { display: block; margin-top: -8px; } .woocommerce .woocommerce-order-details .shop_table.order_details tr td.woocommerce-table__product-name { width: 66.66%; } .woocommerce .woocommerce-order-details .shop_table.order_details tr td.woocommerce-table__product-name a { font-weight: 600; } .woocommerce .woocommerce-order-details .shop_table.order_details td.product-name .product-quantity { display: inline-block; font-weight: 500; } .woocommerce .woocommerce-order-details .shop_table.order_details td.product-name .wc-item-meta { padding-left: 0; } .woocommerce .woocommerce-order-details .shop_table.order_details td.product-name .wc-item-meta li { display: inline-flex; } .woocommerce td.product-name .wc-item-meta dt, .woocommerce td.product-name .wc-item-meta dt + *, .woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation dt + *, .woocommerce td.product-name .wc-item-meta .wc-item-meta-label, .woocommerce td.product-name .wc-item-meta .wc-item-meta-label + *, .woocommerce td.product-name dl.variation .wc-item-meta-label, .woocommerce td.product-name dl.variation .wc-item-meta-label + * { display: inline-block; float: none; } .woocommerce .woocommerce-order-details .shop_table.order_details { border-width: 0 !important; margin-bottom: 0; } .woocommerce .woocommerce-order-details .shop_table.order_details tfoot tr:last-child th, .woocommerce .woocommerce-order-details .shop_table.order_details tfoot tr:last-child td { padding-bottom: 10px; } .woocommerce .woocommerce-order-details + .woocommerce-customer-details, .woocommerce-page.woocommerce-view-order .woocommerce-customer-details, .woocommerce-page.woocommerce-order-received .woocommerce-customer-details { border-width: 0; padding: 0; } /* #endregion - Tables */ /* #region - Forms */ .woocommerce form .form-row { float: left; margin-bottom: 20px; padding: 0; width: 100%; } .woocommerce form .form-row-first, .woocommerce form .form-row-last { display: inline-block; overflow: visible; padding: 0; width: -webkit-calc(50% - 15px); width: -moz-calc(50% - 15px); width: calc(50% - 15px); } .woocommerce .woocommerce-form-coupon.checkout_coupon .form-row-last .button { margin: 0; } .woocommerce form .form-row-first { float: left; } .woocommerce form .form-row-last { float: right; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { line-height: normal; padding: var(--wdtInputPadding); } .woocommerce form .form-row textarea { height: 180px; } .woocommerce form .form-row.notes { margin-bottom: 0; } .woocommerce form p { display: inline-block; margin-bottom: 20px; position: relative; vertical-align: top; width: 100%; } .woocommerce select, .woocommerce form select, .woocommerce form .form-row select { padding-left: 12px; } .woocommerce form .form-row .select2-container { line-height: 38px; width: 100% !important; } .woocommerce form.lost_reset_password p, .woocommerce form .woocommerce-privacy-policy-text p { line-height: inherit; } .woocommerce form .woocommerce-privacy-policy-text p a.woocommerce-privacy-policy-link { position: relative; } .woocommerce form .woocommerce-privacy-policy-text p a.woocommerce-privacy-policy-link:before { position: absolute; content: ""; display: block; bottom: 1px; width: 100%; background: currentColor; height: 1px; left: 0; right: 0; } .woocommerce form .form-row label, .woocommerce-page form .form-row label { display: inline-block; font-size: calc(var(--wdtFontSize_Base) - 2px); font-weight: normal; } .woocommerce form .form-row label:not(.checkbox), .woocommerce-page form .form-row label:not(.checkbox) { padding-bottom: 5px; margin-bottom: 5px; width: 100%; } .woocommerce form .form-row label.inline { display: inline-block; line-height: 18px; margin: 0; padding: 15px 20px; } .woocommerce-form__label-for-checkbox input[type="checkbox"] { margin-right: 10px; margin-top: -2px; } .woocommerce ul#shipping_method li, .woocommerce-checkout #payment ul.payment_methods li, .woocommerce ul#shipping_method li label, .woocommerce-checkout #payment ul.payment_methods li label { line-height: inherit; } .comment-form-wdt-privatepolicy input[type="checkbox"], .woocommerce form .form-row .input-checkbox, .woocommerce-form__label-for-checkbox input[type="checkbox"] { opacity: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .comment-form-wdt-privatepolicy input[type="checkbox"] ~ label, .woocommerce-form__label-for-checkbox > span, .woocommerce .woocommerce-shipping-methods input[type="radio"] ~ label, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] ~ label { display: inline-block; line-height: var(--wdtLineHeight_Base); padding-left: 30px; position: relative; } .comment-form-wdt-privatepolicy input[type="checkbox"] ~ label::before, .woocommerce-form__label-for-checkbox > span::before, .woocommerce .woocommerce-shipping-methods input[type="radio"] ~ label::before, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] ~ label::before { border-width: 1px; border-style: solid; content: ""; height: 15px; left: 0; margin-top: 0; position: absolute; top: 6px; -webkit-border-radius: 1px; border-radius: 1px; -webkit-transition: .2s; transition: .2s; width: 15px; z-index: 0; } .comment-form-wdt-privatepolicy input[type="checkbox"] ~ label:before { top: 3px; } .comment-form-wdt-privatepolicy input[type="checkbox"]:checked ~ label::before, .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox:checked + span:before, .woocommerce .woocommerce-shipping-methods li input[type="radio"]:checked + label:before, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"]:checked + label:before { background: none; border-bottom: 1px solid currentColor; border-left: 1px solid transparent; border-right: 1px solid currentColor; border-top: 1px solid transparent; height: 18px; left: -2px; top: 2px; width: 9px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .comment-form-wdt-privatepolicy input[type="checkbox"]:checked ~ label:before { top: -1px; } .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label-for-checkbox > span { top: -2px; margin-left: -1px; font-size: var(--wdtFontSize_Base); } .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox + span:before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox:checked + span:before { top: 50%; -webkit-transform: translateY(-50%) rotate(40deg); transform: translateY(-50%) rotate(40deg); } .woocommerce .woocommerce-shipping-methods input[type="radio"], .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] { opacity: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] { position: absolute; } .woocommerce ul#shipping_method li > input[type="radio"] ~ label, .woocommerce .woocommerce-shipping-methods li > input[type="radio"] ~ label, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] ~ label { display: inline-block; font-weight: 500; letter-spacing: .5px; vertical-align: middle; cursor: pointer; position: relative; top: -1px; } #add_payment_method .cart-collaterals .shipping-calculator-button::after, .woocommerce-cart .cart-collaterals .shipping-calculator-button::after, .woocommerce-checkout .cart-collaterals .shipping-calculator-button::after { content: none; } /* Color - Border */ .woocommerce-form__label-for-checkbox > span:before, .woocommerce .woocommerce-shipping-methods li > input[type="radio"] ~ label:before, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] ~ label:before { border-color: rgba(var(--wdtHeadAltColorRgb), .15); } /* Color - Color */ .woocommerce .woocommerce-shipping-methods li > input[type="radio"] ~ label, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] ~ label { color: rgba(var(--wdtHeadAltColorRgb), .8); } .woocommerce .woocommerce-shipping-methods li > input[type="radio"] ~ label:hover, .woocommerce .woocommerce-shipping-methods li > input[type="radio"]:checked + label, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] ~ label:hover, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"]:checked + label { color: var(--wdtHeadAltColor); } /* Accent - Primary */ .comment-form-wdt-privatepolicy input[type="checkbox"] ~ label::before, .woocommerce-form__label-for-checkbox > span::before, .woocommerce .woocommerce-shipping-methods input[type="radio"] ~ label::before, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] ~ label::before, .woocommerce form.login .woocommerce-form-row label:before, .woocommerce form.register .woocommerce-form-row label:before { color: var(--wdtPrimaryColor); } /* #endregion - Forms */ /* #region - Buttons */ .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .button, .woocommerce div.product .summary .yith-wcwl-add-to-wishlist a, .woocommerce div.product .summary .compare, .woocommerce div.product .summary .yith-wcqv-button, .woocommerce div.product .summary .wdt-wcsg-button { cursor: pointer; display: inline-block; float: none; position: relative; outline: none; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .button, .woocommerce ul.products li.product .product-element-group-items .wc_btn_inline a, .woocommerce ul.products li.product .product-element-group-items .wc_btn_inline a.button, .woocommerce ul.products li.product .product-element-group-items .wc_btn_inline button, .woocommerce ul.products li.product .product-element-group-items .wc_btn_inline button.button, .woocommerce ul.products li.product .product-element-group-items .wc_btn_inline .button { letter-spacing: 0; margin-top: 0; } .woocommerce form .button, .woocommerce table .button, .woocommerce form .button.alt, .woocommerce table .button.alt { margin-top: 0; } .woocommerce div.product .summary .compare, .woocommerce div.product .summary .wccm_btn_wrapper a.compare, .woocommerce div.product .summary .yith-wcwl-add-to-wishlist a, .woocommerce div.product .summary .wcqv_btn_wrapper a.button, .woocommerce div.product .summary .wcsg_btn_wrapper a.button { margin: 8px 0; } .yith-wcwl-add-to-wishlist { display: inline-block !important; margin-top: 0; } .yith-wcwl-add-to-wishlist .yith-wcwl-add-button { display: inline-block !important; position: relative; } .yith-wcwl-add-to-wishlist .yith-wcwl-add-button img { margin: auto; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.hide { display: none !important; } .yith-wcwl-add-to-wishlist .feedback { display: none; margin-bottom: 8px; } .yith-wcwl-add-to-wishlist a .yith-wcwl-icon { display: none; } .woocommerce .button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading::after, .woocommerce a.button.loading::after, .woocommerce #respond input#submit.loading:after { content: ""; display: inline-block; font-family: "Neytri Icons"; font-size: 16px; margin-left: 10px; position: relative; right: auto; top: auto; vertical-align: middle; } .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled[disabled], .woocommerce button.button.alt.disabled, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled[disabled], .woocommerce input.button.alt.disabled, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled[disabled], .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled[disabled] { cursor: not-allowed !important; opacity: .6; } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt[disabled]:disabled, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt[disabled]:disabled, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt[disabled]:disabled, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled, .yith-wcwl-add-to-wishlist a, .yith-wcqv-button, .wdt-wcsg-button, .woocommerce .wishlist_table .add_to_cart.button, .woocommerce .yith-wcwl-popup-button a.add_to_wishlist, .woocommerce .wishlist_table a.ask-an-estimate-button, .woocommerce .wishlist-title a.show-title-form, .woocommerce .hidden-title-form a.hide-title-form, .woocommerce .hidden-title-form a.save-title-form, .woocommerce .wishlist_manage_table a.create-new-wishlist, .woocommerce a.added_to_cart { background-color: var(--wdtHeadAltColor); color: var(--wdtAccentTxtColor); border-width: 0; cursor: pointer; display: inline-block; float: none; font-family: var(--wdtFontTypo_Alt); font-size: var(--wdtFontSize_Base); font-style: normal; font-weight: normal; line-height: var(--wdtLineHeight_Alt); margin: 10px 0 0; outline: none; padding: var(--wdtPadding_Btn); position: relative; text-align: center !important; text-transform: uppercase; -webkit-appearance: none; appearance: none; -webkit-border-radius: var(--wdtRadius_2X); border-radius: var(--wdtRadius_2X); } /* Hover */ .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled:hover, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .yith-wcwl-add-to-wishlist a:hover, .yith-wcqv-button:hover, .wdt-wcsg-button:hover, .woocommerce .wishlist_table .add_to_cart.button:hover, .woocommerce .yith-wcwl-popup-button a.add_to_wishlist:hover, .woocommerce .wishlist_table a.ask-an-estimate-button:hover, .woocommerce .wishlist-title a.show-title-form:hover, .woocommerce .hidden-title-form a.hide-title-form:hover, .woocommerce .hidden-title-form a.save-title-form:hover, .woocommerce .wishlist_manage_table a.create-new-wishlist:hover, .woocommerce a.added_to_cart:hover { background-color: rgba(var(--wdtHeadAltColorRgb), .75); color: var(--wdtAccentTxtColor); } /* #endregion - Buttons */ /* #region - Product Quantity */ .woocommerce .quantity, .woocommerce-page .quantity { margin: 0 auto; overflow: hidden; position: relative; width: auto; } .woocommerce .quantity .qty, .woocommerce-page .quantity .qty, .woocommerce .quantity input, .woocommerce-page .quantity input { display: inline-block; float: left; font-weight: bold; margin-top: 0; min-height: 42px; padding: 0; vertical-align: middle; width: 47px; -webkit-box-shadow: 0 0 0 1px rgba(var(--wdtHeadAltColorRgb), .15) inset; box-shadow: 0 0 0 1px rgba(var(--wdtHeadAltColorRgb), .15) inset; } .woocommerce .woocommerce-grouped-product-list .quantity input, .woocommerce-page .woocommerce-grouped-product-list .quantity input { width: 40px; } .woocommerce .cart .quantity .qty, .woocommerce-page .cart .quantity .qty { background: none; text-align: center; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .woocommerce div.quantity > a { border-width: 0; } .woocommerce .quantity input:not(.qty) { color: var(--wdtBodyTxtColor); font-size: 26px; font-weight: normal; padding: 0; text-align: center; } .woocommerce div.product form.cart div.quantity, .woocommerce div.product form.cart div.quantity ~ a, .woocommerce div.product form.cart div.quantity ~ a.button, .woocommerce div.product form.cart div.quantity ~ button, .woocommerce div.product form.cart div.quantity ~ button.button, .woocommerce div.product form.cart div.quantity ~ .button { display: inline-block; float: none; margin: 0; vertical-align: middle; } .woocommerce div.product form.cart div.quantity { margin: 0; } .woocommerce div.product form.cart + .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a { margin-top: 0; } .woocommerce div.quantity .qty { font-size: 15px; font-weight: 400; } .woocommerce div.quantity > a[class*="arrow"] { height: 20px; } .woocommerce div.quantity > a:focus { outline: none; } .woocommerce div.quantity:not(.quantity-with-plusminus) .qty, .woocommerce-page div.quantity:not(.quantity-with-plusminus) .qty, .woocommerce div.quantity:not(.quantity-with-plusminus) input, .woocommerce-page div.quantity:not(.quantity-with-plusminus) input { padding: 0 15px; text-align: left; width: 90px; } .woocommerce div.quantity:not(.quantity-with-plusminus) > a[class*="arrow"] { background: transparent !important; border-width: 0; } .woocommerce div.quantity:not(.quantity-with-plusminus) > a[class*="arrow"] > i { position: absolute; left: 0; right: 0; } .woocommerce div.quantity:not(.quantity-with-plusminus) > a[class*="arrow"] > i:before { display: block; } .woocommerce div.quantity:not(.quantity-with-plusminus) > a.arrow-plus > i { bottom: 0; } .woocommerce div.quantity:not(.quantity-with-plusminus) > a.arrow-minus > i { top: 0; } .woocommerce.single-product .product .single_add_to_cart_button { background: transparent !important; border: 2px solid var(--wdtPrimaryColor) !important; color: var(--wdtLinkColor) !important; opacity: 1 !important; font-size: 14px !important; } .woocommerce.single-product .product .single_add_to_cart_button:before { display: none; } /* Quantity - Shop Call-to-action Pages */ .woocommerce table.shop_table tbody td .quantity, .woocommerce-page table.shop_table tbody td .quantity, .woocommerce table.shop_table.cart tbody td .quantity, .woocommerce-page table.shop_table.cart tbody td .quantity { display: inline-block; margin: 0; overflow: hidden; position: relative; text-align: center; vertical-align: middle; } .woocommerce table.shop_table tbody td .quantity > label, .woocommerce-page table.shop_table tbody td .quantity > label, .woocommerce table.shop_table.cart tbody td .quantity > label, .woocommerce-page table.shop_table.cart tbody td .quantity > label { display: none; } .woocommerce table.shop_table tbody td .quantity .qty, .woocommerce-page table.shop_table tbody td .quantity .qty, .woocommerce table.shop_table.cart tbody td .quantity .qty, .woocommerce-page table.shop_table.cart tbody td .quantity .qty { float: left; font-size: var(--wdtFontSize_Base); font-weight: normal; } .woocommerce .cart .quantity > a[class*="arrow"], .woocommerce-page .cart .quantity > a[class*="arrow"] { float: left; font-size: 15px; height: 20px; line-height: 20px; margin: 0 !important; padding: 0; position: absolute !important; right: 12px; text-align: center; top: 0; width: 20px; } .woocommerce .cart .quantity > a.arrow-minus, .woocommerce-page .cart .quantity > a.arrow-minus { bottom: 0; line-height: 0; top: auto; } /* Quantity PlusMinus */ .woocommerce div.product form.cart div.quantity.quantity-with-plusminus { width: fit-content; } .woocommerce .quantity.quantity-with-plusminus, .woocommerce-page .quantity.quantity-with-plusminus { border: 2px solid var(--wdtPrimaryColor); border-radius: var(--wdtRadius_2X); } .woocommerce .quantity.quantity-with-plusminus input.qty, .woocommerce-page .quantity.quantity-with-plusminus input.qty { font-weight: var(--wdtFontWeight_Ext); text-align: center; } .woocommerce .quantity.quantity-with-plusminus .qty, .woocommerce-page .quantity.quantity-with-plusminus .qty, .woocommerce .quantity.quantity-with-plusminus input, .woocommerce-page .quantity.quantity-with-plusminus input { border-width: 0; float: left; margin: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .woocommerce .quantity.quantity-with-plusminus input.plus, .woocommerce-page .quantity.quantity-with-plusminus input.plus { font-size: 20px; } .woocommerce .quantity.quantity-with-plusminus input.minus:hover, .woocommerce-page .quantity.quantity-with-plusminus input.minus:hover, .woocommerce .quantity.quantity-with-plusminus input.plus:hover, .woocommerce-page .quantity.quantity-with-plusminus input.plus:hover { color: var(--wdtHeadAltColor); } .woocommerce .cart .quantity.quantity-with-plusminus .qty, .woocommerce-page .cart .quantity.quantity-with-plusminus .qty { border-style: solid; border-width: 0; } .woocommerce .quantity.quantity-with-plusminus .qty, .woocommerce-page .quantity.quantity-with-plusminus .qty, .woocommerce .quantity.quantity-with-plusminus input, .woocommerce-page .quantity.quantity-with-plusminus input, .woocommerce .cart .quantity.quantity-with-plusminus .qty:focus, .woocommerce-page .cart .quantity.quantity-with-plusminus .qty:focus { border-color: rgba(var(--wdtHeadAltColorRgb), .15); } /* Quantity PlusMinus - Shop Call-to-action Pages */ .woocommerce table.shop_table tbody td .quantity.quantity-with-plusminus input[type="button"], .woocommerce-page table.shop_table tbody td .quantity.quantity-with-plusminus input[type="button"], .woocommerce table.shop_table.cart tbody td .quantity.quantity-with-plusminus input[type="button"], .woocommerce-page table.shop_table.cart tbody td .quantity.quantity-with-plusminus input[type="button"] { width: 40px; } .woocommerce .quantity.quantity-with-plusminus .qty:hover, .woocommerce-page .quantity.quantity-with-plusminus .qty:hover, .woocommerce .quantity.quantity-with-plusminus input:hover, .woocommerce-page .quantity.quantity-with-plusminus input:hover, .woocommerce table.shop_table.cart .quantity.quantity-with-plusminus input:hover, .woocommerce-page table.shop_table.cart .quantity.quantity-with-plusminus input:hover { background: none; } .woocommerce .cart .quantity > a[class*="arrow"], .woocommerce-page .cart .quantity > a[class*="arrow"], .woocommerce div.product div.summary .cart .quantity > a[class*="arrow"], .woocommerce.single-product div.product .cart .quantity > a[class*="arrow"] { color: var(--wdtHeadAltColor); } .woocommerce .cart .quantity > a[class*="arrow"]:hover, .woocommerce-page .cart .quantity > a[class*="arrow"]:hover, .woocommerce div.product div.summary .cart .quantity > a[class*="arrow"]:hover, .woocommerce.single-product div.product .cart .quantity > a[class*="arrow"]:hover, .woocommerce .quantity.quantity-with-plusminus input:not(.qty):hover, .woocommerce-page .quantity.quantity-with-plusminus input:not(.qty):hover, .woocommerce-page table.shop_table.cart .quantity > a:hover i, .woocommerce-page .woocommerce table.shop_table tbody td .quantity > a:hover { color: var(--wdtPrimaryColor); } .woocommerce .quantity-with-arrows input[type=number], .woocommerce-page .quantity-with-arrows input[type=number], .woocommerce .quantity-with-plusminus input[type=number], .woocommerce-page .quantity-with-plusminus input[type=number] { -webkit-appearance: none; appearance: none; } /* Webkit browsers like Safari and Chrome */ .woocommerce .quantity.quantity-with-arrows input[type=number]::-webkit-inner-spin-button, .woocommerce .quantity.quantity-with-arrows input[type=number]::-webkit-outer-spin-button, .woocommerce .quantity.quantity-with-plusminus input[type=number]::-webkit-inner-spin-button, .woocommerce .quantity.quantity-with-plusminus input[type=number]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* For Firefox */ .woocommerce .quantity.quantity-with-arrows input[type='number'], .woocommerce .quantity.quantity-with-plusminus input[type='number'] { -moz-appearance: textfield; } .woocommerce .quantity.quantity-with-arrows noindex:-o-prefocus, .woocommerce .quantity.quantity-with-arrows input[type=number], .woocommerce .quantity.quantity-with-plusminus noindex:-o-prefocus, .woocommerce .quantity.quantity-with-plusminus input[type=number] { padding-right: 1.2em; } /* #endregion - Quantity */ /* #region - Notices */ .woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error, .woocommerce-notice { clear: both; display: inline-block; letter-spacing: 0; margin: 0 0 30px !important; padding: 20px 30px !important; position: relative; width: 100%; z-index: 1; } .woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error { background-color: #fafafa !important; border-width: 3px 0 0; } .woocommerce-notice { background-color: var(--wdtBodyBGColor); border-left: 5px solid; } .woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-info, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-notice { -webkit-box-shadow: 0 0 3px rgba(var(--wdtHeadAltColorRgb), .15); box-shadow: 0 0 3px rgba(var(--wdtHeadAltColorRgb), .15); } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-error:after, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-info:after, .woocommerce .woocommerce-message:before, .woocommerce .woocommerce-message:after { content: none; } .woocommerce .woocommerce-error > a, .woocommerce .woocommerce-info > a, .woocommerce .woocommerce-message > a { display: inline-block; line-height: normal; position: relative; text-decoration: none; -webkit-box-shadow: 0 -1px 0 var(--wdtHeadAltColor) inset; box-shadow: 0 -1px 0 var(--wdtHeadAltColor) inset; } .woocommerce .woocommerce-error > a:focus, .woocommerce .woocommerce-error > a:hover, .woocommerce .woocommerce-info > a:focus, .woocommerce .woocommerce-info > a:hover, .woocommerce .woocommerce-message > a:focus, .woocommerce .woocommerce-message > a:hover { outline: none; text-decoration: none !important; -webkit-box-shadow: 0 -1px 0 var(--wdtBorderColor) inset; box-shadow: 0 -1px 0 var(--wdtBorderColor) inset; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { background: transparent; display: inline-block; float: right; font-size: 14px; line-height: 24px; margin: 0; padding: 0; text-transform: capitalize; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); } .woocommerce .woocommerce-error .button:focus, .woocommerce .woocommerce-info .button:focus, .woocommerce .woocommerce-message .button:focus { outline: none; text-decoration: none !important; } .woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover { background: transparent; color: rgba(var(--wdtHeadAltColorRgb), .7) !important; } .woocommerce .woocommerce-message, .woocommerce-notice.woocommerce-notice--success { border-color: #3db44c; } .woocommerce .woocommerce-error, .woocommerce-notice.woocommerce-notice--error { border-color: #e0352d; } .woocommerce .woocommerce-info, .woocommerce-notice.woocommerce-notice--info { border-color: #019ed5; } .woocommerce-notice.woocommerce-notice--warning { border-color: #fb0; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce .woocommerce-error > a, .woocommerce .woocommerce-info > a, .woocommerce .woocommerce-message > a { color: var(--wdtHeadAltColor); } .woocommerce-checkout-header ~ form.woocommerce-checkout .woocommerce-NoticeGroup { margin-top: 30px; } /* #endregion - Notices */ /* #region - Typography */ .woocommerce div.product .product_title { font-size: var(--wdtFontSize_H3); } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs .panel > h2, .woocommerce div.product .wdt-product-tabs .woocommerce-Reviews-title, .woocommerce div.product .wdt-product-tabs-exploded > h2, .woocommerce #reviews #comments h2, .related.products > h2, .upsells.products > h2, .woocommerce .wishlist-title h2, .woocommerce #customer_login.col2-set h2 { font-size: 1.75rem; } .related.products > h2, .upsells.products > h2 { margin-bottom: 1em; } .woocommerce #review_form #respond .comment-reply-title, .wdt-shop-single-sticky-addtocart-info > h3, .woocommerce-billing-fields h3, .woocommerce-additional-fields > h3, .woocommerce-shipping-fields h2, .woocommerce .wdt-cart-coupon-holder .coupon label, .woocommerce .cart-collaterals .cart_totals h2, .woocommerce .cart-collaterals .cross-sells h2, #order_review_heading, .woocommerce-account .woocommerce-MyAccount-content form h3, .woocommerce-order-downloads__title { font-size: 1.6rem; } .woocommerce-shipping-fields #ship-to-different-address, .woocommerce .woocommerce-order-details .woocommerce-order-details__title { font-size: 1.45rem; } .woocommerce ul.products li.product .product-thumb-content .product-title h5, .woocommerce ul.products li.product .product-details .product-title h5, .woocommerce ul.products li.product-category .product-wrapper h3 { font-size: var(--wdtFontSize_H5); font-weight: var(--wdtFontWeight_Ext); } .woocommerce-page .woocommerce-customer-details h2, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses h3, .woocommerce-page .woocommerce-customer-details .addresses .woocommerce-column .woocommerce-column__title, .woocommerce-account .woocommerce-MyAccount-content fieldset legend { font-size: 1.25rem; } /* .woocommerce .wdt-cart-coupon-holder .coupon label { font-size: 1rem; } */ .woocommerce .cart-collaterals .cart_totals h2, .woocommerce-billing-fields h3, .woocommerce-shipping-fields h2, .woocommerce-additional-fields > h3, .woocommerce-checkout-order-review-wrap #order_review_heading, .woocommerce .woocommerce-order-details .woocommerce-order-details__title { line-height: 1em; margin-top: 0; margin-bottom: 20px; } .woocommerce table.shop_table thead th, .woocommerce-page table.shop_table thead th { font-size: var(--wdtFontSize_Base); text-transform: capitalize; } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs .panel > h2, .woocommerce div.product .wdt-product-tabs .woocommerce-Reviews-title, .woocommerce div.product .wdt-product-tabs-exploded > h2, .woocommerce #review_form #respond .comment-reply-title { text-transform: none; } /* #endregion - Typography */ /* #endregion - Misc */ /*--------------------------------------------------------------*/ /* #region - Default Colors */ /*--------------------------------------------------------------*/ /* Backgrounds */ .woocommerce ul.products li.product .featured-tag, .woocommerce.single-product .featured-tag, .wdt-product-image-gallery-container .featured-tag { background-color: var(--wdtHeadAltColor); } .woocommerce ul.products li .product-wrapper, .woocommerce-tabs .panel, .woocommerce table .quantity .qty { background-color: transparent; } .woocommerce .shop_table th, .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: var(--wdtPrimaryColor); } .woocommerce tbody td, .woocommerce tbody th, .woocommerce table.shop_attributes .alt td, .woocommerce table.shop_attributes .alt th, .woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th { background: rgba(var(--wdtPrimaryColorRgb), .02); } .woocommerce .shop_attributes tbody tr:nth-child(2n+1) th, .woocommerce .shop_attributes tbody tr:nth-child(2n+1) td, .woocommerce-page .shop_attributes tbody tr:nth-child(2n+1) th, .woocommerce-page .shop_attributes tbody tr:nth-child(2n+1) td { background: rgba(var(--wdtPrimaryColorRgb), .035); } .woocommerce ul.products li.product:hover .onsale { background-color: #77a464; } .woocommerce span.out-of-stock, .woocommerce ul.products li.product:hover .out-of-stock, .woocommerce a.remove:hover, .woocommerce .widget_shopping_cart .cart_list li a.remove:hover, .woocommerce.widget_shopping_cart .cart_list li a.remove:hover { background-color: #9f2124; } .woocommerce ul.products li.product-category .product-details h5 .count, .woocommerce .quantity input:not(.qty), .woocommerce .product form.cart table.variations td, .woocommerce .product form.cart .group_table td, .woocommerce p.price del, .woocommerce span.price del, .woocommerce .product-price del, .woocommerce-grouped-product-list-item__price del, .woocommerce p.price ins, .woocommerce span.price ins, .woocommerce .product-price ins, .woocommerce-grouped-product-list-item__price ins, .woocommerce p.price .amount, .woocommerce span.price .amount, .woocommerce .product-price .amount, .woocommerce-grouped-product-list-item__price .amount { background-color: transparent; } /* Borders */ .woocommerce ul.products li.product .featured-tag:after, .woocommerce ul.products li.product:hover .featured-tag:after, .woocommerce.single-product .featured-tag:after, .wdt-product-image-gallery-container .featured-tag:after { border-color: var(--wdtHeadAltColor); } .woocommerce ul.products li.product .featured-tag:after { border-right-color: transparent !important; } .woocommerce.single-product .images .featured-tag:after, .wdt-product-image-gallery-container .featured-tag:after { border-left-color: transparent !important; } .woocommerce ul.products li.product .product-details h5, .woocommerce ul.products li.product-category .product-wrapper h3 { border-color: #f2f2f2; } .woocommerce ul.products li.product:hover a img, .woocommerce-page .woocommerce ul.products li.product:hover a img { -webkit-box-shadow: none; box-shadow: none; } .woocommerce table.shop_table, .woocommerce table.shop_attributes, .woocommerce-page table.shop_table tbody tr td, .woocommerce table.shop_table tbody tr td, .woocommerce table.shop_attributes tr th, .woocommerce table.shop_attributes tr td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce .shop_table tr td.product-stock-status > span, .woocommerce .cart .quantity, .woocommerce-page .cart .quantity, .woocommerce .order_details, .woocommerce .order_details li, .woocommerce-page .woocommerce-order-details { border-color: var(--wdtPrimaryColor); } /* Colors */ .woocommerce ul.products li.product:hover .onsale, .woocommerce ul.products li.product:hover .out-of-stock, .woocommerce .product span.out-of-stock, .woocommerce ul.products li.product .featured-tag i, .woocommerce.single-product .featured-tag i, .wdt-product-image-gallery-container .featured-tag i, .woocommerce ul.products li.product .featured-tag > div, .woocommerce.single-product .featured-tag > div, .wdt-product-image-gallery-container .featured-tag > div { color: var(--wdtAccentTxtColor); } .woocommerce ul.products li.product .product-details .product-category-wrapper a, .woocommerce div.product .woocommerce-product-rating .woocommerce-review-link { color: var(--wdtBodyTxtColor); } .woocommerce ul.products li .product-title p, .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .product-details .product-category-wrapper a:hover, .woocommerce p.price del, .woocommerce span.price del, .woocommerce .product-price del, .woocommerce p.price del .amount, .woocommerce span.price del .amount, .woocommerce .product-price del .amount, .product .summary .price .amount, .product .summary .price .from, .woocommerce ul.products li .product-title h3, .woocommerce ul.products li .product-title h3 a, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce p.price, .woocommerce span.price, .woocommerce .product-price, .woocommerce p.price ins, .woocommerce span.price ins, .woocommerce .product-price ins, .woocommerce p.price ins .amount, .woocommerce span.price ins .amount, .woocommerce .product-price ins .amount, .woocommerce table.shop_attributes tbody th, .woocommerce-page .woocommerce table.shop_table thead th, .woocommerce-page .woocommerce table.shop_table tbody td .quantity .qty, .woocommerce-page .woocommerce table.shop_table tbody td .quantity > a, .woocommerce .woocommerce-order-details table.shop_table tr th, .woocommerce .woocommerce-order-details table.shop_table tr td:last-child, .woocommerce .woocommerce-order-details .shop_table.order_details tr td.woocommerce-table__product-name a, .woocommerce table.shop_table.woocommerce-table--order-downloads tr td[data-title="Product"] a { color: var(--wdtHeadAltColor); } .woocommerce .woocommerce-order-details .shop_table.order_details tr td.woocommerce-table__product-name a:hover, .woocommerce table.shop_table.woocommerce-table--order-downloads tr td[data-title="Product"] a:hover { color: var(--wdtLinkHoverColor); } .woocommerce-page .woocommerce-order-details table.shop_table td a:not(.button) { color: inherit; } .woocommerce a.remove { color: #9f2124; } /* #endregion - Default Colors */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /*----*****---- << Primary >> ----*****----*/ .woocommerce span.onsale { background-color: var(--wdtPrimaryColor) !important; } .woocommerce ul.products li.product .featured-tag, .woocommerce ul.products li.product:hover .featured-tag, .woocommerce.single-product .featured-tag, .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option:hover .zoo-cw-attr-item:after, .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option.zoo-cw-active .zoo-cw-attr-item:after, .woocommerce .widget.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-range { background-color: #e2e2e2; } .woocommerce ul.products li.product .featured-tag:after, .woocommerce ul.products li.product:hover .featured-tag:after, .woocommerce.single-product .featured-tag:after, .wdt-product-image-gallery-container .featured-tag:after, .woocommerce .product form.cart .variations li.zoo-cw-attr-row > .zoo-cw-type-text > .zoo-cw-attribute-option:hover, .woocommerce .product form.cart .variations li.zoo-cw-attr-row > .zoo-cw-type-text > .zoo-cw-attribute-option.zoo-cw-active { border-color: var(--wdtPrimaryColor); } .woocommerce .widget_layered_nav ul li.chosen > a, .woocommerce .widget_layered_nav ul li.chosen > .count, .woocommerce .widget_layered_nav_filters ul li.chosen > a, .woocommerce .widget_layered_nav_filters ul li.chosen > .count, .woocommerce-page .woocommerce-order-details table.shop_table td a:not(.button):hover { color: var(--wdtPrimaryColor); } /* Buttons WooCommerce */ .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt[disabled]:disabled, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt[disabled]:disabled, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt[disabled]:disabled, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled, .yith-wcwl-add-to-wishlist a, .yith-wcqv-button, .wdt-wcsg-button, .woocommerce .wishlist_table .add_to_cart.button, .woocommerce .yith-wcwl-popup-button a.add_to_wishlist, .woocommerce .wishlist_table a.ask-an-estimate-button, .woocommerce .wishlist-title a.show-title-form, .woocommerce .hidden-title-form a.hide-title-form, .woocommerce .hidden-title-form a.save-title-form, .woocommerce .wishlist_manage_table a.create-new-wishlist, .woocommerce a.added_to_cart { background-color: var(--wdtPrimaryColor); } /*----*****---- << Secondary >> ----*****----*/ /* Buttons WooCommerce */ .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled:hover, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .yith-wcwl-add-to-wishlist a:hover, .yith-wcqv-button:hover, .wdt-wcsg-button:hover, .woocommerce .wishlist_table .add_to_cart.button:hover, .woocommerce .yith-wcwl-popup-button a.add_to_wishlist:hover, .woocommerce .wishlist_table a.ask-an-estimate-button:hover, .woocommerce .wishlist-title a.show-title-form:hover, .woocommerce .hidden-title-form a.hide-title-form:hover, .woocommerce .hidden-title-form a.save-title-form:hover, .woocommerce .wishlist_manage_table a.create-new-wishlist:hover, .woocommerce a.added_to_cart:hover { background-color: #646464; } /* #endregion - Accents */ /*--------------------------------------------------------------*/ /* #region - Responsive */ /*--------------------------------------------------------------*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:1025px) and (max-width:1280px) { .woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .woocommerce table.shop_table td, .woocommerce-page table.shop_table td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td { font-weight: normal; } } /*----*****---- << Tablet >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:1280px) { .woocommerce .page-with-sidebar table.shop_table, .woocommerce .page-with-sidebar table.shop_table tbody, .woocommerce .page-with-sidebar table.shop_table tfoot, .woocommerce .page-with-sidebar table.shop_table tr, .woocommerce .page-with-sidebar table.shop_table tr th, .woocommerce .page-with-sidebar table.shop_table tr td { display: block; margin: 10px 0 0; text-align: center; width: 100%; } .woocommerce .page-with-sidebar table.shop_table tr { display: block; overflow: hidden; position: relative; } .page-with-sidebar .woocommerce table.shop_table tbody tr:last-child td:last-child, .woocommerce-page .page-with-sidebar table.shop_table tbody tr:last-child td:last-child { padding-top: 0 !important; } .page-with-sidebar .woocommerce table.shop_table tr td.product-remove { background-color: var(--wdtBodyBGColor); border: 1px solid rgba(var(--wdtHeadAltColorRgb), .15) !important; border-right-width: 1px; border-radius: 5px; display: flex; align-items: center; justify-content: center; height: 45px !important; line-height: 45px; margin: auto; padding: 0; padding-top: 0px; position: absolute; right: 20px; text-align: center; top: 20px; width: 45px !important; z-index: 1; } .woocommerce .page-with-sidebar table.shop_table tr td.product-thumbnail { line-height: 0; margin: 0; padding: 15px; width: 100% !important; } .woocommerce .page-with-sidebar form.woocommerce input[type="hidden"] + table.shop_table { margin-top: 0; } .woocommerce .page-with-sidebar table.shop_table tr th, body .woocommerce .page-with-sidebar table.shop_table tr td { border-bottom-width: 0; border-left-width: 0; border-width: 0; float: left; height: auto !important; margin-bottom: 20px; padding: 5px 15px; text-align: left; width: auto !important; } .page-with-sidebar .woocommerce table.shop_table tr td.product-thumbnail { font-size: 18px; } .page-with-sidebar .woocommerce .shop_table .product-thumbnail a { display: inline-block; margin: 0; max-width: 100%; } .page-with-sidebar .woocommerce table.shop_table tr td.product-thumbnail img { width: 100%; height: auto; } .page-with-sidebar .woocommerce table.shop_table tr td > label, .page-with-sidebar .woocommerce-page table.shop_table tr td > label { display: block; font-size: calc(var(--wdtFontSize_Base) - 2px); font-weight: 700; line-height: normal; margin-bottom: 10px; width: 100%; } .page-with-sidebar .woocommerce table.shop_table tr td.product-quantity, .page-with-sidebar .woocommerce table.shop_table tr td.product-price { display: table-cell; float: none; text-align: center; vertical-align: middle; width: 1% !important; } .page-with-sidebar .woocommerce table.shop_table tr td.product-subtotal { border-style: solid; border-bottom-style: solid; border-width: 1px 0 0; border-bottom-width: 0px; display: block; margin: 10px 0 0; padding: 20px 15px; } .page-with-sidebar .woocommerce table.shop_table tr th, body .page-with-sidebar .woocommerce table.shop_table tr td { border-width: 0; } .page-with-sidebar .woocommerce table.shop_table, .page-with-sidebar .woocommerce table.shop_table tbody, .page-with-sidebar .woocommerce table.shop_table tfoot, .page-with-sidebar .woocommerce table.shop_table tr, .page-with-sidebar .woocommerce table.shop_table tr th, .page-with-sidebar .woocommerce table.shop_table tr td { margin-bottom: 15px; } .woocommerce .page-with-sidebar form .form-row, .woocommerce-page .page-with-sidebar form .form-row { padding: 0; } .woocommerce .page-with-sidebar form .form-row-first, .woocommerce-page .page-with-sidebar form .form-row-first, .woocommerce .page-with-sidebar form .form-row-last, .woocommerce-page .page-with-sidebar form .form-row-last { width: 100%; } .woocommerce .page-with-sidebar .woocommerce-message, .woocommerce .page-with-sidebar .woocommerce-info, .woocommerce .page-with-sidebar .woocommerce-error { display: flex; align-items: center; justify-content: space-between; width: 100%; } .woocommerce .page-with-sidebar .woocommerce-error > a:not(.button), .woocommerce .page-with-sidebar .woocommerce-info > a:not(.button), .woocommerce .page-with-sidebar .woocommerce-message > a:not(.button) { text-decoration: underline; } .woocommerce .page-with-sidebar .woocommerce-error > a, .woocommerce .page-with-sidebar .woocommerce-info > a, .woocommerce .page-with-sidebar .woocommerce-message > a { display: block; margin-left: 0; order: 1; -webkit-box-shadow: none !important; box-shadow: none !important; } .page-with-sidebar .woocommerce table.shop_table.order_details tbody tr td, .woocommerce-page .page-with-sidebar table.shop_table.order_details tbody tr td, .page-with-sidebar .woocommerce table.shop_table.order_details tfoot tr:not(:last-child) th, .woocommerce-page .page-with-sidebar table.shop_table.order_details tfoot tr:not(:last-child) th, .page-with-sidebar .woocommerce table.shop_table.order_details tfoot tr:not(:last-child) td, .woocommerce-page .page-with-sidebar table.shop_table.order_details tfoot tr:not(:last-child) td { border-bottom: 1px solid rgba(var(--wdtHeadAltColorRgb), .15); } .woocommerce-page .page-with-sidebar .woocommerce-order-details { padding: 25px 20px; } } @media only screen and (min-width:768px) and (max-width:1024px) { .woocommerce table.shop_table tbody th, .woocommerce table.shop_table th, .woocommerce table.shop_table td, .woocommerce-page table.shop_table th, .woocommerce-page table.shop_table td, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td { font-weight: normal; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td, .woocommerce table.shop_table thead th, .woocommerce-page table.shop_table thead th { padding: 20px 10px; } .woocommerce .shop_table tr td.product-stock-status > span { font-size: 10px; line-height: 20px; } .woocommerce table.shop_table tbody td .quantity.quantity-with-plusminus input[type="button"], .woocommerce-page table.shop_table tbody td .quantity.quantity-with-plusminus input[type="button"] { width: 30px; } .woocommerce table.shop_table tbody td .quantity.quantity-with-plusminus input.qty, .woocommerce-page table.shop_table tbody td .quantity.quantity-with-plusminus input.qty { width: 35px; } } @media only screen and (max-width: 768px) { .woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error { display: table; text-align: center; width: 100%; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { display: table-footer-group; float: none; text-decoration: underline; -webkit-box-shadow: none !important; box-shadow: none !important; } .woocommerce ul.products li.product, .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products li.product, .woocommerce-page ul.products[class*="columns-"] li.product { margin: 0; width: 100%; } .woocommerce table.shop_table tr td::before, .woocommerce-page table.shop_table tr td::before { content: none; } .woocommerce-page .woocommerce-customer-details .addresses .woocommerce-column { margin: 0 0 20px; } } @media only screen and (min-width: 768px) { /* Plugin Styles Override */ .woocommerce table.shop_table thead, .woocommerce-page table.shop_table thead { display: table-header-group; } .woocommerce table.shop_table tr, .woocommerce-page table.shop_table tr { display: table-row; } .woocommerce table.shop_table tbody th, .woocommerce-page table.shop_table tbody th, .woocommerce table.shop_table tr td, .woocommerce-page table.shop_table tr td { display: table-cell; } .woocommerce table.shop_table tr:nth-child(2n) td, .woocommerce-page table.shop_table tr:nth-child(2n) td { background: none; } .woocommerce table.shop_table tr td:not(:last-child), .woocommerce-page table.shop_table tr td:not(:last-child) { text-align: left !important; } .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { display: table-cell; } .woocommerce-cart table.shop_table tr.cart-discount th, .woocommerce-cart table.shop_table tr.cart-discount td { vertical-align: middle; } } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .woocommerce .pagination .column { margin: 0 auto; text-align: center; width: 100%; } .woocommerce .pagination ul, .woocommerce .pagination ul li { float: none; } .woocommerce .pagination ul li { display: inline-block; } .woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error { display: table; text-align: center; width: 100%; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { display: table-footer-group; float: none; text-decoration: underline; -webkit-box-shadow: none !important; box-shadow: none !important; } .woocommerce .woocommerce-error > a, .woocommerce .woocommerce-info > a, .woocommerce .woocommerce-message > a { display: block; margin-left: 0; -webkit-box-shadow: none !important; box-shadow: none !important; } .woocommerce .woocommerce-error > a:not(.button), .woocommerce .woocommerce-info > a:not(.button), .woocommerce .woocommerce-message > a:not(.button) { text-decoration: underline; } .woocommerce .product p.price del, .woocommerce-page .product p.price del, .woocommerce div.product p.price del, .woocommerce-page div.product p.price del, .woocommerce .product span.price del, .woocommerce-page .product span.price del, .woocommerce div.product span.price del, .woocommerce-page div.product span.price del, .woocommerce .product-price del, .woocommerce-page .product-price del { font-size: 14px; } .woocommerce .product p.price, .woocommerce-page .product p.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce .product span.price, .woocommerce-page .product span.price, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce .product p.price ins, .woocommerce-page .product p.price ins, .woocommerce div.product p.price ins, .woocommerce-page div.product p.price ins, .woocommerce .product span.price ins, .woocommerce-page .product span.price ins, .woocommerce div.product span.price ins, .woocommerce-page div.product span.price ins { font-size: 16px; } .woocommerce div.product form.cart div.quantity .qty { font-size: 14px; } /* #region - Plugin Style Override */ .woocommerce table.shop_table tr:nth-child(2n) td, .woocommerce-page table.shop_table tr:nth-child(2n) td { background: none; } .woocommerce table.shop_table tr td, .woocommerce-page table.shop_table tr td { text-align: inherit !important; } .woocommerce table.shop_table tr td:before, .woocommerce-page table.shop_table tr td:before { display: none; } /* #endregion */ .woocommerce table.shop_table tr { display: block; overflow: hidden; position: relative; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .woocommerce table.shop_table td, .woocommerce-page table.shop_table td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td { font-size: 16px; font-weight: normal; } .woocommerce table.shop_table tr td.product-name[data-title="Product"] a { font-size: calc(var(--wdtFontSize_Base) + 3px); font-weight: var(--wdtFontWeight_Alt); } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .woocommerce table.shop_table tbody th, .woocommerce-page table.shop_table tbody th, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot th { font-size: 13px; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { text-align: center; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { padding: 0; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .woocommerce .shop_table thead th:first-child, .woocommerce .shop_table thead th:last-child { border-bottom-width: 0; border-top: 1px solid transparent; } .woocommerce .shop_table .product-thumbnail a { display: inline-block; margin: 10px 0 0; } .woocommerce .shop_table td.product-name a, .woocommerce .shop_table td.product-stock-status span, .woocommerce .shop_table tr.order td a { display: inline-block; margin-top: 18px; } .woocommerce .shop_table td.product-name a { white-space: normal; } .woocommerce .shop_table td.product-price span, .woocommerce .shop_table td.product-subtotal span { margin-top: 10px; display: inline-block; } .woocommerce table.shop_table tr td.product-remove { background-color: transparent; border: 1px solid rgba(var(--wdtHeadAltColorRgb), .15) !important; display: flex; justify-content: center; align-items: center; height: 45px !important; line-height: 45px; margin: auto; padding: 0 !important; position: absolute; right: 15px; text-align: center; top: 15px; width: 45px !important; z-index: 1; } .woocommerce table.shop_table tr td.product-remove > div { display: inherit; } .woocommerce table.shop_table, .woocommerce table.shop_table tbody, .woocommerce table.shop_table tfoot, .woocommerce table.shop_table tr, .woocommerce table.shop_table tr th, .woocommerce table.shop_table tr td { display: block; text-align: center; width: 100%; } .woocommerce table.shop_table tr th, body .woocommerce table.shop_table tr td { border-width: 0; float: left; height: auto !important; margin-bottom: 20px; padding: 5px 15px; text-align: left; width: auto !important; } .woocommerce table.shop_table tr td:first-child, .woocommerce-page table.shop_table tr td:first-child { padding-left: 15px; } .woocommerce table.shop_table tr td:last-child, .woocommerce-page table.shop_table tr td:last-child { padding-right: 15px; } .woocommerce table.shop_table tr td.product-thumbnail { line-height: 0; margin: 0; padding: 15px; width: 100% !important; } .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { display: block; } .woocommerce table.shop_table tr td.product-thumbnail a { display: inline-block; margin: 0; max-width: 100%; width: 100%; } .woocommerce table.shop_table tr td.product-thumbnail img { height: auto; width: 100%; } .woocommerce table.shop_table tr td.product-name { margin: 0 0 10px; } .woocommerce .shop_table td.product-name a, .woocommerce .shop_table tr.order td a, .woocommerce .shop_table td.product-stock-status span { margin: 0; } .woocommerce table.shop_table tr td.product-quantity, .woocommerce table.shop_table tr td.product-price { display: table-cell; float: none; text-align: center; vertical-align: middle; width: 1% !important; } .woocommerce table.shop_table tr td.product-subtotal { border-style: solid; border-width: 1px 0 0; display: block; margin: 10px 0 0; padding: 20px 15px 15px; } .woocommerce table.shop_table tr td.product-name, .woocommerce table.shop_table tr td.product-subtotal { text-align: center; width: 100% !important; } .woocommerce table.shop_table tr td > label, .woocommerce-page table.shop_table tr td > label { display: block; font-size: 14px; font-weight: 600; line-height: normal; margin-bottom: 10px; width: 100%; } .woocommerce .shop_table td.product-price span, .woocommerce .shop_table td.product-subtotal span { margin: 0; line-height: 30px; height: 30px; } .woocommerce .shop_table td.product-price del > span { display: unset; } .woocommerce .shop_table.order_details th, .woocommerce .shop_table.order_details td { text-align: center; } .woocommerce table.shop_table.order_details thead th, .woocommerce-page table.shop_table.order_details thead th { border-bottom-width: 0; } .woocommerce .shop_table.order_details td.product-name a { margin-top: 0; } .woocommerce .woocommerce-order-details .shop_table.order_details tr td.woocommerce-table__product-name a, .woocommerce table.shop_table.woocommerce-table--order-downloads tr td[data-title="Product"] a { font-size: var(--wdtFontSize_Base); font-weight: bold; } .woocommerce-page .woocommerce-order-details { padding: 25px 20px; } .woocommerce .woocommerce-order-details .woocommerce-order-details__title { margin-bottom: 10px; text-align: center; width: 100%; } .woocommerce .woocommerce-order-details .shop_table.order_details thead { display: none; } .woocommerce .woocommerce-order-details .shop_table.order_details tr { border-color: rgba(var(--wdtHeadAltColorRgb), .15); border-style: solid; border-width: 0 0 1px; padding: 10px 0; } .woocommerce .woocommerce-order-details .shop_table.order_details tfoot tr:last-child { border-width: 0; } .woocommerce .woocommerce-order-details .shop_table.order_details tr th, .woocommerce .woocommerce-order-details .shop_table.order_details tr td { display: block; margin: 0; padding: 0 !important; width: 100% !important; } .woocommerce .woocommerce-order-details .order-again { text-align: center; } .woocommerce-page .woocommerce-order-details table.shop_table tr td:last-child { text-align: center; } .woocommerce table.shop_table tbody td .quantity .qty, .woocommerce-page table.shop_table tbody td .quantity .qty { font-size: 14px; } .woocommerce .quantity.quantity-with-plusminus .qty, .woocommerce-page .quantity.quantity-with-plusminus .qty, .woocommerce .quantity.quantity-with-plusminus input, .woocommerce-page .quantity.quantity-with-plusminus input, .woocommerce table.shop_table tbody td .quantity.quantity-with-plusminus input[type="button"], .woocommerce-page table.shop_table tbody td .quantity.quantity-with-plusminus input[type="button"] { width: 35px; } .woocommerce form .form-row-first, .woocommerce-page form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last { width: 100%; } .woocommerce form .form-row, .woocommerce-page form .form-row { padding: 0; } /* Quick View */ body[class*="woocommerce"] .yith-wcqv-wrapper #yith-quick-view-content > div.product > div.product { padding-right: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } body[class*="woocommerce"] .yith-wcqv-wrapper #yith-quick-view-content div.images, body[class*="woocommerce"] .yith-wcqv-wrapper #yith-quick-view-content div.summary { display: block; float: none; margin: 25px; width: auto; } body[class*="woocommerce"] .yith-wcqv-wrapper #yith-quick-view-content div.summary { margin-top: 0; } body[class*="woocommerce"] .yith-wcqv-wrapper #yith-quick-view-close { background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor) !important; height: 45px; line-height: 45px; opacity: 1; right: 0; top: 0; width: 45px; z-index: 10; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .3s linear; transition: all .3s linear; } body[class*="woocommerce"] .yith-wcqv-wrapper:hover #yith-quick-view-close { -webkit-transform: scale(1); transform: scale(1); } body[class*="woocommerce"] .yith-wcqv-wrapper:hover #yith-quick-view-close:hover { background-color: var(--wdtHeadAltColor); } body[class*="woocommerce"] .yith-wcqv-wrapper #yith-quick-view-content div.summary, body[class*="woocommerce"] .yith-wcqv-wrapper #yith-quick-view-content div.summary .product form.cart .variations li.zoo-cw-attr-row div.label, body[class*="woocommerce"] .yith-wcqv-wrapper #yith-quick-view-content div.summary .product form.cart .variations li.zoo-cw-attr-row div.label label { text-align: left; } } @media only screen and (max-width: 767px) { body[class*="woocommerce"] .yith-wcqv-wrapper #yith-quick-view-content div.images { margin-bottom: 0; } } @media only screen and (max-width: 768px) { .woocommerce-page.woocommerce-view-order .woocommerce-customer-details .addresses .woocommerce-column + .woocommerce-column { margin-top: 30px; } } /*----*****---- << Mobile >> ----*****----*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .woocommerce div.product .product_title { font-size: calc(var(--wdtFontSize_H3) - 2px); } .woocommerce .shop_table tr td.product-stock-status > span { font-size: 10px; padding: 10px 5px; } .woocommerce form .form-row label.inline { padding-left: 0; } .woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error { display: table; text-align: center; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { display: table-footer-group; float: none; text-decoration: underline; -webkit-box-shadow: none !important; box-shadow: none !important; } .woocommerce div.product form.cart div.quantity, .woocommerce div.product form.cart div.quantity ~ a, .woocommerce div.product form.cart div.quantity ~ a.button, .woocommerce div.product form.cart div.quantity ~ button, .woocommerce div.product form.cart div.quantity ~ button.button, .woocommerce div.product form.cart div.quantity ~ .button, .woocommerce div.product form.cart div.quantity ~ .button.alt, .woocommerce div.product form.cart div.quantity ~ .button.disabled, .woocommerce div.product form.cart div.quantity ~ .button[disabled], .woocommerce div.product form.cart div.quantity ~ .button.alt.disabled, .woocommerce div.product form.cart div.quantity ~ .button.alt[disabled] { margin-top: 5px; margin-bottom: 5px; } } /*----*****---- << Mobile >> ----*****----*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (min-width: 320px) and (max-width: 479px) { .woocommerce select, .woocommerce-page select { min-height: auto; } } /*----*****---- << Mobile >> ----*****----*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { .woocommerce .woocommerce-ordering { min-width: 100%; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { width: 90px; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { width: 161px; } .woocommerce table.shop_table .quantity.quantity-with-plusminus input, .woocommerce-page table.shop_table .quantity.quantity-with-plusminus input, .woocommerce table.shop_table tbody td .quantity.quantity-with-plusminus .qty, .woocommerce-page table.shop_table tbody td .quantity.quantity-with-plusminus .qty, .woocommerce table.shop_table tbody td .quantity.quantity-with-plusminus input[type="button"], .woocommerce-page table.shop_table tbody td .quantity.quantity-with-plusminus input[type="button"] { width: 24px; } .woocommerce .shop_table.order_details th:first-child, .woocommerce .shop_table.order_details td:first-child { width: 50%; } } /* #endregion - Responsive */ /*-------------------------------------------*/ /* #region - Product Listing without isotop */ /*-------------------------------------------*/ .woocommerce ul.products:not(.products-apply-isotope) .product .wdt-col { width: 100% !important; } .woocommerce ul.products:not(.products-apply-isotope, .swiper-wrapper) { margin: 0; } .woocommerce ul.products:not(.products-apply-isotope, .swiper-wrapper) .product .wdt-col { padding: 0; } .woocommerce ul.products:not(.products-apply-isotope, .swiper-wrapper) .product .wdt-col .product-wrapper { margin: 0; } .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper) { display: grid; gap: 30px; width: 100%; margin: 0; } .woocommerce ul.products[class*="columns-5"]:not(.products-apply-isotope, .swiper-wrapper), .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).wdt-columns-4 { grid-template-columns: repeat(5, 1fr); } .woocommerce ul.products[class*="columns-4"]:not(.products-apply-isotope, .swiper-wrapper), .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).wdt-columns-4 { grid-template-columns: repeat(4, 1fr); } .woocommerce ul.products[class*="columns-3"]:not(.products-apply-isotope, .swiper-wrapper), .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).wdt-columns-3 { grid-template-columns: repeat(3, 1fr); } .woocommerce ul.products[class*="columns-2"]:not(.products-apply-isotope, .swiper-wrapper), .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).wdt-columns-2 { grid-template-columns: repeat(2, 1fr); } .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).list-product-active { grid-template-columns: repeat(2, 1fr); } @media only screen and (max-width: 1540px) { .woocommerce .product-loop-sorting { padding-bottom: 50px !important; } } @media only screen and (min-width:1281px) and (max-width:1540px) { .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper) { grid-template-columns: repeat(3, 1fr); } .woocommerce ul.products[class*="columns-3"]:not(.products-apply-isotope, .swiper-wrapper), .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).wdt-columns-3 { grid-template-columns: repeat(3, 1fr); } .woocommerce ul.products[class*="columns-2"]:not(.products-apply-isotope, .swiper-wrapper), .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).wdt-columns-2 { grid-template-columns: repeat(2, 1fr); } } @media only screen and (min-width:1025px) and (max-width:1280px) { .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper) { grid-template-columns: repeat(2, 1fr); } .woocommerce ul.products[class*="columns-3"]:not(.products-apply-isotope, .swiper-wrapper), .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).wdt-columns-3 { grid-template-columns: repeat(3, 1fr); } .woocommerce ul.products[class*="columns-2"]:not(.products-apply-isotope, .swiper-wrapper), .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).wdt-columns-2 { grid-template-columns: repeat(2, 1fr); } } @media only screen and (min-width:481px) and (max-width:1024px) { .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper) { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 800px) { .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).list-product-active { grid-template-columns: repeat(1, 1fr); } } @media only screen and (max-width:480px) { .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper) { grid-template-columns: repeat(1, 1fr); } } @media only screen and (max-width: 767px) { .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper) { grid-template-columns: repeat(1, 1fr); } } /*----------------------------------------------*/ /* #endregion - Product Listing without isotop */ /*----------------------------------------------*/ /*--------------------------------------------------------------*/ /* #region - Product Single */ /*--------------------------------------------------------------*/ .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce div.product .wdt-product-tabs div.summary, .woocommerce-page div.product .wdt-product-tabs div.summary, .woocommerce div.product *[class*="-wdt-shop-product-single-summary"] div.summary, .woocommerce-page div.product *[class*="-wdt-shop-product-single-summary"] div.summary { float: left; margin: 0 0 35px; position: relative; width: 100%; } .woocommerce div.product .elementor-widget div.images, .woocommerce div.product .elementor-widget div.summary { float: none; width: 100%; } .woocommerce.single-product div.images span.onsale, .woocommerce-product-gallery span.onsale, .wdt-product-image-gallery-container span.onsale, #yith-quick-view-content span.onsale, .woocommerce.single-product div.images span.out-of-stock, .woocommerce-product-gallery span.out-of-stock, .wdt-product-image-gallery-container span.out-of-stock, #yith-quick-view-content span.out-of-stock { display: inline-block; height: 20px; line-height: 18px; margin: 0; min-height: 20px; min-width: 42px; text-align: center; vertical-align: middle; border-radius: 3px; text-transform: uppercase; letter-spacing: 1.6px; left: 20px; top: 45px; z-index: 1; font-size: 10px; } /* .woocommerce.single-product div.images span.out-of-stock, .woocommerce-product-gallery span.out-of-stock, .wdt-product-image-gallery-container span.out-of-stock, #yith-quick-view-content span.out-of-stock { font-size: 12px; padding: 0 20px; position: absolute; top: 10px; left: 10px; width: auto; z-index: 1; } */ .woocommerce-product-gallery .featured-tag + span.new, .wdt-product-image-gallery-container .featured-tag + span.new { right: 0; top: 30px; } .woocommerce.single-product .featured-tag span, .wdt-product-image-gallery-container .featured-tag span { opacity: 0; filter: alpha(opacity=0); } .woocommerce.single-product .featured-tag > div span, .wdt-product-image-gallery-container .featured-tag > div span { opacity: 1; filter: alpha(opacity=100); } .related-products-container, .upsell-products-container { clear: both; float: left; margin: 20px 0 0; padding: 0; width: 100%; } /* #region - Product Images Gallery - Default */ .woocommerce div.product.type-product > div.images { width: 36%; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { position: absolute; top: 10px; left: 10px; -webkit-transform: scale(.5); transform: scale(.5); z-index: 9; text-align: center; width: 40px; height: 40px; line-height: 40px; background: var(--wdtBodyBGColor); border-radius: 50%; opacity: 0; visibility: hidden; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { content: ""; display: inline-block; font-family: "Neytri Icons"; font-size: 1em; height: 100%; width: 100%; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger img { margin: auto !important; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .woocommerce div.product div.images:hover .woocommerce-product-gallery__trigger { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .woocommerce div.product div.images .flex-viewport, .woocommerce div.product div.images .flex-viewport .woocommerce-product-gallery__wrapper, .woocommerce div.product div.images .flex-viewport .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image, .woocommerce div.product div.images .flex-viewport .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a { display: block; float: left; overflow: hidden; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { margin: 0; } .woocommerce div.product div.images ol.flex-control-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 -5px; min-width: 100%; overflow: hidden; padding: 5px 0 0; width: auto; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* .woocommerce div.product div.images ol.flex-control-nav li { float: left; list-style: none; min-height: 100%; min-width: 20%; padding: 5px; width: 20%; } */ .woocommerce div.product div.images ol.flex-control-nav li { float: left; list-style: none; min-height: 100%; min-width: auto; padding: 5px; width: auto; } .woocommerce div.product div.images ol.flex-control-nav li img { border: 2px solid transparent !important; cursor: pointer; height: auto; margin: auto; min-height: 100%; opacity: 1; width: auto; -webkit-box-shadow: 0 0 0 1px rgba(var(--wdtHeadAltColorRgb), .05); box-shadow: 0 0 0 1px rgba(var(--wdtHeadAltColorRgb), .05); -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); } .woocommerce div.product div.images ol.flex-control-nav li img.flex-active { -webkit-box-shadow: 0 0 0 1px var(--wdtBorderColor); box-shadow: 0 0 0 1px var(--wdtBorderColor); } .woocommerce.single-product .product-with-secondary-image { clear: both; } .woocommerce.single-product .product-thumb-wrapper { float: left; position: relative; width: 100%; } .woocommerce.single-product .product-thumb-wrapper span.onsale, .woocommerce.single-product .product-thumb-wrapper span.out-of-stock { font-size: 11px; height: 50px; line-height: 50px; left: auto; right: -1em; top: -1em; width: 50px; z-index: 1000; } .woocommerce.single-product .product-thumb-wrapper span.out-of-stock { font-size: 10px; height: 50px; line-height: normal; padding: 12px 0 0; width: 50px; } .woocommerce-product-gallery span.new { background-color: var(--wdtPrimaryColor); font-size: 10px; color: var(--wdtAccentTxtColor); padding: 0 5px; position: absolute; left: auto; left: 20px; top: 20px; z-index: 9; letter-spacing: 1.6px; text-transform: uppercase; height: 20px; line-height: 20px; margin: 0 0 5px 0; min-height: 20px; min-width: 42px; text-align: center; vertical-align: middle; border-radius: 3px; } .woocommerce div.product .images .thumbnails { margin: 0 -5px; overflow: hidden; } .woocommerce div.product .images .thumbnails .yith_magnifier_gallery li { margin: 0 5px; padding: 0; width: 122px !important; } .woocommerce .page-with-sidebar .product .images .thumbnails .yith_magnifier_gallery li, .woocommerce-page .page-with-sidebar .product .images .thumbnails .yith_magnifier_gallery li { width: 88px !important; } .woocommerce div.product div.images div.thumbnails a { margin-right: 3.8%; width: 30.75%; } .woocommerce div.product div.images div.thumbnails a.first { clear: both; } .woocommerce div.product div.images div.thumbnails a.last { margin-right: 0; } /* #endregion - Product Images Gallery - Default */ /* #region - Product Content Summary */ .woocommerce div.product.type-product > div.summary { width: 60%; margin: 0 0 0 4%; } .woocommerce div.product.type-product > div.summary > *:not(.clear):not(.button):not([id*="tmpl-add-to-cart-button"]), .woocommerce div.product .summary-content > *, .woocommerce div.product .summary-content .woocommerce-product-rating, .woocommerce div.product .summary form.cart, .woocommerce div.product .summary form.cart .variations, .woocommerce div.product .summary .variations_button, .woocommerce div.product .summary .woocommerce-variation-price, .woocommerce div.product .summary .woocommerce-variation-availability, .woocommerce div.product .summary .woocommerce-variation-description { clear: both; display: inline-block; line-height: var(--wdtLineHeight_Base); margin: 10px 0; width: 100%; } .woocommerce div.product .summary form.cart .variations { padding: 0; } .woocommerce div.product .summary form.cart .single_variation_wrap .single_variation > p { margin: 10px 0; } .woocommerce div.product > div.summary > *:first-child { margin-top: 0; } .woocommerce div.product > div.summary > *:last-child { margin-bottom: 0; } .woocommerce div.product .summary form.cart + .yith-wcwl-add-to-wishlist, .woocommerce div.product .summary form.cart + .compare { margin-top: 0; margin-bottom: 0; } .woocommerce div.product .summary form.cart *:last-child { margin-bottom: 0; } .woocommerce div.product form.cart .variations label { color: var(--wdtHeadAltColor); text-transform: capitalize; font-size: var(--wdtFontSize_H4); font-weight: var(--wdtFontWeight_Alt); } .woocommerce div.product div.summary > *:not(.clear):not(.wdt-single-product-separator):not(.wdt-single-product-clear):empty, .woocommerce div.product .summary-content > *:not(.clear):empty, .woocommerce div.product .summary .woocommerce-variation-description:empty, .woocommerce div.product .summary-content .woocommerce-variation-description:empty, .woocommerce div.product .summary .woocommerce-variation-price:empty, .woocommerce div.product .summary-content .woocommerce-variation-price:empty, .woocommerce div.product .summary .woocommerce-variation-availability:empty, .woocommerce div.product .summary-content .woocommerce-variation-availability:empty, .woocommerce div.product .summary .woocommerce-variation.single-variation>*:empty, .woocommerce div.product.type-product > .summary > *[id*="tmpl-add-to-cart-button"] { display: none; } .woocommerce .product p.price del, .woocommerce-page .product p.price del, .woocommerce div.product p.price del, .woocommerce-page div.product p.price del, .woocommerce .product span.price del, .woocommerce-page .product span.price del, .woocommerce div.product span.price del, .woocommerce-page div.product span.price del, .woocommerce .product-price del, .woocommerce-page .product-price del { font-size: 16px; margin: 0 5px 0 0; position: relative; text-decoration: none; } .woocommerce .product p.price del:after, .woocommerce-page .product p.price del:after, .woocommerce div.product p.price del:after, .woocommerce-page div.product p.price del:after, .woocommerce .product span.price del:after, .woocommerce-page .product span.price del:after, .woocommerce div.product span.price del:after, .woocommerce-page div.product span.price del:after, .woocommerce .product-price del:after, .woocommerce-page .product-price del:after { background-color: currentColor; content: ""; height: 1px; margin: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: 100%; } .woocommerce .product p.price, .woocommerce-page .product p.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce .product span.price, .woocommerce-page .product span.price, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce .product p.price ins, .woocommerce-page .product p.price ins, .woocommerce div.product p.price ins, .woocommerce-page div.product p.price ins, .woocommerce .product span.price ins, .woocommerce-page .product span.price ins, .woocommerce div.product span.price ins, .woocommerce-page div.product span.price ins { font-size: 30px; font-weight: normal; } .woocommerce .product-price, .woocommerce-page .product-price, .woocommerce .product-price ins, .woocommerce-page .product-price ins { font-size: 18px; } .woocommerce div.product .summary .variations_button, .woocommerce div.product .summary .woocommerce-variation-price, .woocommerce div.product .summary .woocommerce-variation-availability, .woocommerce div.product .summary .woocommerce-variation-description, .woocommerce div.product .summary .woocommerce-product-details__short-description, .woocommerce div.product .summary form.cart .single_variation_wrap .single_variation > p { line-height: var(--wdtLineHeight_Base); } .woocommerce div.product .summary .woocommerce-variation-availability, .woocommerce div.product .summary .woocommerce-variation-description, .woocommerce div.product .summary .woocommerce-product-details__short-description { margin: 0; } .woocommerce div.product .summary .variations_form .variations_button .button.alt.disabled.wc-variation-is-unavailable { opacity: 1; } .woocommerce div.product .summary .variations_form .variations_button .button.alt.disabled.wc-variation-is-unavailable:before { content: none; } .woocommerce div.product .summary .woocommerce-variation-description > *:last-child, .woocommerce div.product .summary .woocommerce-product-details__short-description > *:last-child { margin-bottom: 0; } .woocommerce div.product p.price del, .woocommerce div.product p.price ins, .woocommerce div.product span.price del, .woocommerce div.product span.price ins { display: inline-block; } .woocommerce div.product .summary .variations_form .stock, .woocommerce div.product .summary .variations_form p.stock { margin: 0 0 10px; } .woocommerce div.product form.cart p:last-child, .woocommerce div.product .variations_form .stock:last-child, .woocommerce div.product .variations_form p.stock:last-child, .woocommerce-product-details__short-description *:last-child, .woocommerce-variation-description *:last-child { margin-bottom: 0; } .woocommerce div.product .summary form.cart .variations, .woocommerce div.product .summary .yith-wcwl-add-to-wishlist a, .woocommerce div.product .summary .compare, .woocommerce div.product .summary .yith-wcqv-button, .woocommerce div.product .summary .wdt-wcsg-button { width: auto; } .woocommerce div.product .summary .woocommerce-product-rating { display: inline-block; } .woocommerce div.product .summary .woocommerce-product-rating .star-rating { margin: 0 5px 0 0; } .woocommerce div.product .summary .woocommerce-product-rating .star-rating, .woocommerce div.product .summary .woocommerce-product-rating .woocommerce-review-link { display: inline-block; float: none; vertical-align: middle; } .woocommerce div.product .summary .woocommerce-product-rating .woocommerce-review-link:not(:focus) { text-decoration: none; } .woocommerce div.product .summary .woocommerce-variation.single-variation > *:empty { display: none; } .woocommerce div.product div.summary .stock, .woocommerce div.product.type-product > div.summary p.stock { border: 1px solid rgba(var(--wdtHeadAltColorRgb), .15); color: rgba(var(--wdtHeadAltColorRgb), .75); display: table; padding: 5px 10px; vertical-align: middle; width: auto; border-radius: 3px; } .woocommerce div.product .summary .stock.out-of-stock, .woocommerce div.product.type-product > .summary p.stock.out-of-stock { border-color: currentColor; color: #9f2124; } .woocommerce div.product.type-product > .summary p.price del, .woocommerce div.product.type-product > .summary span.price del { display: inline-block; } .woocommerce div.product form.cart .group_table td { padding: 12px 15px; vertical-align: middle; } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__quantity { padding-left: 0; text-align: left; } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__price { padding-right: 0; text-align: right; } .woocommerce .product.product-type-grouped .summary .cart .group_table { margin-bottom: 30px; } .woocommerce .product.product-type-grouped .summary .cart .group_table td { border-width: 0; padding: 15px 0; vertical-align: middle; } .woocommerce .product.product-type-grouped .summary .cart .group_table tr { border-color: rgba(var(--wdtHeadAltColorRgb), .15); border-style: solid; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .woocommerce .product.product-type-grouped .summary .cart .group_table tr + tr { border-width: 1px 0 0; margin-top: 25px; padding-top: 15px; } .woocommerce .product.product-type-grouped .summary .cart .group_table td { border-width: 0; padding: 0; text-align: left; width: auto; } .woocommerce .product.product-type-grouped .summary .cart .group_table td a { background: transparent !important; padding: 0 !important; } .woocommerce .product.product-type-grouped .summary .cart .group_table td a:not(:focus) { text-decoration: none; } .woocommerce .product.product-type-grouped .summary .cart .group_table td a:not(:hover) { color: inherit; } .woocommerce .product.product-type-grouped .summary .cart .group_table td a:hover { opacity: .75; } .woocommerce div.product.product-type-grouped .summary form.cart .group_table tr td.woocommerce-grouped-product-list-item__label { font-family: var(--wdtFontTypo_Alt); font-weight: bold; font-size: 1em; color: var(--wdtHeadAltColor); flex: 1; } .woocommerce div.product.product-type-grouped .summary form.cart .group_table tr td.woocommerce-grouped-product-list-item__quantity { position: relative; margin-right: 40px; } .woocommerce div.product.product-type-grouped .summary form.cart .group_table tr td.woocommerce-grouped-product-list-item__price { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; align-items: center; flex: 1; justify-content: flex-end; } .woocommerce div.product.product-type-grouped .summary form.cart .group_table tr td.woocommerce-grouped-product-list-item__price del, .woocommerce div.product.product-type-grouped .summary form.cart .group_table tr td.woocommerce-grouped-product-list-item__price ins { display: inline-block; } .woocommerce div.product.product-type-grouped .summary form.cart .group_table tr td.woocommerce-grouped-product-list-item__price del+ins { margin-left: 4px; } .woocommerce .product form.cart .variations li { padding: 0; } .woocommerce .product form.cart table.variations { display: table; } .woocommerce .product form.cart table.variations tbody { display: inline-flex; flex-direction: row; margin: 0 -5px; position: relative; z-index: 0; flex-wrap: wrap; } .woocommerce .product form.cart .variations tr { width: 100%; } .woocommerce .product form.cart .variations tr { display: inline-block; padding: 5px; vertical-align: middle; } .woocommerce .product form.cart .variations tr th { display: table; padding: 0; } .woocommerce .product form.cart .variations tr th.label { display: block; margin-bottom: 10px; padding: 0; text-align: left; background-color: transparent; } .woocommerce div.product form.cart .variations .selection-box { position: relative; z-index: 1; } .woocommerce div.product form.cart .variations select { display: block; float: none; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { vertical-align: middle; } .woocommerce div.product form.cart .variations .zoo-cw-group-attribute .zoo-cw-attribute-option.unavailable { cursor: not-allowed; } .woocommerce div.product form.cart .variations .zoo-cw-group-attribute[data-attribute-display-type="text"] .selection-box:after { content: none; } .woocommerce .product form.cart table.variations { margin-bottom: 0 !important; } .woocommerce div.product form.cart .variations .reset_variations { margin-left: 20px; } .woocommerce .product form.cart .variations li.zoo-cw-attr-row > div { display: inline-block; float: none; line-height: normal; position: relative; text-align: inherit; vertical-align: middle; width: auto; } .woocommerce .product form.cart .variations li.zoo-cw-attr-row div.label { margin: 0 15px 0 0; min-width: 60px; } .woocommerce .product form.cart .variations li.zoo-cw-attr-row div.label label { display: inline-block; font-size: var(--wdtFontSize_Base); line-height: var(--wdtLineHeight_Base); margin: 0; } .woocommerce .product form.cart .variations li:not(.zoo-cw-attr-row) div.label label { display: block; margin: 0 0 8px; } .woocommerce .product form.cart .variations li.zoo-cw-attr-row div.label .zoo-cw-name { display: none; } .woocommerce div.product .summary form.cart .variations { padding: 0; } /* .woocommerce div.product .summary form.cart .variations li:not(:last-child) { margin: 0 0 20px; } */ /* #endregion - Product Content Summary */ /* #region - Product Summary Meta */ .woocommerce div.product .summary .product_meta { margin: 0; } .woocommerce div.product .summary .product_meta > span { display: inline-block; margin: 10px 0; width: 100%; } .woocommerce div.product .summary .product_meta > span:only-child { margin: 0; } .woocommerce div.product .summary .product_meta > span strong { margin-right: 3px; } .woocommerce div.product .summary .product_meta a { position: relative; } .woocommerce div.product .summary .product_meta a:not(:focus) { text-decoration: none; } .woocommerce div.product .summary form.cart + .product_meta, .woocommerce div.product .summary .compare + .product_meta, .woocommerce div.product .summary .wccm_btn_wrapper a.compare + .product_meta, .woocommerce div.product .summary .yith-wcwl-add-to-wishlist a + .product_meta, .woocommerce div.product .summary .wcqv_btn_wrapper a.button + .product_meta, .woocommerce div.product .summary .wcsg_btn_wrapper a.button + .product_meta, .woocommerce div.product .summary .product-buttons-wrapper + .product_meta, .woocommerce div.product .summary .product-buttons-wrapper + .product_meta_wrapper { margin-top: 0; } .woocommerce div.product .summary .product_meta > span.yith-wcbr-brands { font-weight: bold; } .woocommerce div.product .summary .product_meta > span.yith-wcbr-brands span { font-weight: normal; } .woocommerce div.product .summary .product_meta > span.yith-wcbr-brands + .yith-wcbr-brands-logo { display: none; } .woocommerce div.product .summary .product_meta > .yith-wcbr-brands-logo img { max-width: 120px; } /* #endregion - Summary Meta */ /* #region - Product Summary Buttons */ .woocommerce div.product .summary .product-button.style-simple .compare, .woocommerce div.product .summary .product-button.style-simple .yith-wcwl-add-to-wishlist a { background: none !important; border-width: 0; padding: 0; } .woocommerce.single-product .product .single_add_to_cart_button:before { content: ""; font-family: "Neytri Icons"; font-weight: normal; margin-right: 7px; vertical-align: top; } .woocommerce.single-product .product .add_to_wishlist:before { content: ""; font-family: "ny-icons"; font-weight: normal; margin-right: 5px; position: relative; top: 1px; } .woocommerce.single-product .product .yith-wcwl-wishlistaddedbrowse a:before, .woocommerce.single-product .product .yith-wcwl-wishlistexistsbrowse a:before { content: ""; font-family: "Neytri Icons"; margin-right: 5px; } .woocommerce.single-product .product .compare:before { content: ""; font-family: "ny-icons"; margin-right: 5px; position: relative; top: -1px; font-size: 14px; } .woocommerce.single-product .product .yith-wcqv-button:before { content: ""; font-family: "Neytri Icons"; margin-right: 5px; position: relative; top: 1px; } .woocommerce.single-product .product .wdt-wcsg-button:before { content: ""; display: inline-block; font-family: "Ext Icons"; font-weight: normal; margin-right: 10px; } /* Variations / Swatches */ .woocommerce .product form.cart .variations li.zoo-cw-attr-row > .zoo-cw-type-text > .zoo-cw-attribute-option { border: 2px solid; display: inline-block; font-size: 14px; font-weight: 400; height: 30px; line-height: 26px; margin: 5px 10px 5px 0; text-align: center; -webkit-border-radius: 0; border-radius: 0; } .woocommerce .product form.cart .variations li.zoo-cw-attr-row > .zoo-cw-type-text > .zoo-cw-attribute-option .zoo-cw-attr-item { display: inline-block; height: 100% !important; line-height: 26px; margin: 0; overflow: hidden; padding: 0; width: 100%; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .woocommerce .product form.cart .variations li.zoo-cw-attr-row > .zoo-cw-type-text > .zoo-cw-attribute-option .zoo-cw-attr-item:after { content: none; } .woocommerce .product form.cart .variations li.zoo-cw-attr-row > .zoo-cw-type-text > .zoo-cw-attribute-option .zoo-cw-attr-item span { display: inline-block; font-size: 16px; line-height: inherit; padding: 0 10px; position: relative; width: 100%; } .woocommerce .product form.cart .variations .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option:hover .zoo-cw-attr-item .zoo-cw-label-text, .woocommerce .product form.cart .variations .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option.zoo-cw-active .zoo-cw-attr-item .zoo-cw-label-text { color: inherit; } /* #endregion - Product Summary Buttons */ /* #region - Product Rating */ .woocommerce #review_form #respond p.stars { display: inline-flex; width: auto; } .woocommerce #review_form #respond p.stars span { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .woocommerce p.stars a:before { color: var(--wdtBorderColor); -webkit-transition: inherit; transition: inherit; } .woocommerce p.stars a:before, .woocommerce p.stars a:hover ~ a:before, .woocommerce p.stars.selected a.active:before { content: ""; font-family: "WooCommerce"; } .woocommerce p.stars.selected a.active:before { content: ""; font-family: "WooCommerce"; } .woocommerce p.stars a:hover ~ a:before, .woocommerce p.stars.selected a.active:before { color: var(--wdtPrimaryColor); } .woocommerce p.stars a:before, .woocommerce p.stars a:hover ~ a:before, .woocommerce p.stars.selected a.active ~ a:before { color: rgba(var(--wdtHeadAltColorRgb), .25) !important; } .woocommerce p.stars.selected a.active:before, .woocommerce p.stars:hover a:before, .woocommerce p.stars.selected a:not(.active):before, .woocommerce p.stars.selected a.active:before { color: var(--wdtPrimaryColor) !important; } /* #endregion - Product Rating */ /* #region - Product Tabs */ .woocommerce div.product .wdt-product-tabs:empty { display: none; } .woocommerce div.product .wdt-product-tabs { display: inline-block; margin: 50px 0 0 0; position: relative; width: 100%; } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs { clear: both; display: inline-block; position: relative; width: 100%; } /* .woocommerce div.product .wdt-product-tabs .woocommerce-tabs:before { content: ''; height: 1px; left: 50%; position: absolute; top: 0; transform: translateX(-50%); transform: translateX(-50%); width: -webkit-calc(100vw); width: -moz-calc(100vw); width: calc(100vw); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); } */ .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs { clear: both; margin: 0 0 60px; overflow: visible; padding: 0; text-align: left; } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs:before { border: none; content: ""; height: 1px; left: 50%; position: absolute; transform: translateX(-50%); transform: translateX(-50%); width: 100%; width: 100%; width: 100%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li { background: none !important; border-radius: 0; border-width: 0; display: inline-block; list-style: none; margin: 0 80px; padding: 0; } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li:first-child { margin-left: 0; padding-left: 0; } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li.active { z-index: auto; } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li.active:after, .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li.active:before { content: none; } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li a { font-size: var(--wdtFontSize_H4); font-weight: 600 !important; letter-spacing: 0; line-height: 26px; padding: 10px 0; position: relative; text-transform: none; } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li a:before, .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li a:after { content: ""; position: absolute; width: 0; height: 4px; bottom: 0; margin: auto; border-radius: 10px; } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li a:before { left: 0px; } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li a:after { right: 0; transition: width .8s cubic-bezier(.22, .61, .36, 1); -moz-transition: width .8s cubic-bezier(.22, .61, .36, 1); -webkit-transition: width .8s cubic-bezier(.22, .61, .36, 1); } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li:hover a:before, .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li.active a:before { width: 100%; -webkit-transition: width .5s cubic-bezier(.22, .61, .36, 1); -moz-transition: width .5s cubic-bezier(.22, .61, .36, 1); transition: width .5s cubic-bezier(.22, .61, .36, 1); } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li:hover a:after, .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li.active a:after { background: transparent; width: 100%; } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs .panel { background-color: transparent; border: none; margin: 0 0 50px 0; position: relative; text-align: left; width: 100%; } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs .panel > h2, .woocommerce div.product .wdt-product-tabs .woocommerce-Reviews-title { display: none; font-size: 1.6em; margin-bottom: 30px; padding-bottom: 15px; position: relative; text-align: center; text-transform: none; word-wrap: break-word; -ms-word-wrap: break-word; } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs .panel > h2:before, .woocommerce div.product .wdt-product-tabs .woocommerce-Reviews-title:before { bottom: 0; content: ""; display: block; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 40px; } .wdt-product-tabs-wrapper.wdt-product-hide-tab-title .woocommerce-tabs .panel > h2:first-child, .wdt-product-tabs-wrapper.wdt-product-hide-tab-title .woocommerce-Reviews-title { display: none; } .woocommerce div.product .elementor-toggle-item .wdt-product-tabs { margin: 0; } .woocommerce div.product .elementor-toggle-item .wdt-product-tabs.wdt-product-tabs-exploded > h2 { font-size: 1.2rem; } .woocommerce table.shop_attributes td p { line-height: normal; padding: 0; } .woocommerce .comment-form-rating select, .woocommerce .comment-form-rating .select2 { display: none; } .woocommerce #reviews #comments ol.commentlist { margin: 0 0 20px; padding: 0; } .woocommerce #reviews #comments ol.commentlist li { border: 1px solid rgba(var(--wdtHeadAltColorRgb), .15); padding: 30px 20px 25px; background: var(--wdtBodyBGColor); border-radius: 10px; } .woocommerce #reviews #comments ol.commentlist li:last-child { margin-bottom: 0; } .woocommerce #reviews #comments ol.commentlist li .comment_container { position: relative; } .woocommerce #reviews #comments ol.commentlist li img.avatar { background: none; position: absolute; left: 0; top: 5px; width: 40px; -webkit-border-radius: 50%; border-radius: 50%; } .woocommerce #reviews #comments ol.commentlist li .star-rating { display: inline-block; float: right; margin: 5px 0; } .woocommerce #reviews #comments ol.commentlist li .star-rating:before, .woocommerce #reviews #comments ol.commentlist li .star-rating span:before { font-size: var(--wdtFontSize_Base); line-height: inherit; } .woocommerce #reviews #comments ol.commentlist li .comment-text { border-width: 0; display: block; margin: 0 0 0 50px; padding: 0; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); } .woocommerce #reviews #comments ol.commentlist li .meta { color: var(--wdtBodyTxtColor); } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { float: left; font-size: 14px; line-height: 30px; margin: 5px 0; min-height: 30px; vertical-align: middle; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author { color: var(--wdtHeadAltColor); font-size: var(--wdtFontSize_Base); text-transform: capitalize; font-weight: var(--wdtFontWeight_Base); } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date { letter-spacing: 0; } .woocommerce #reviews #comments ol.commentlist li .description { border-top: 1px solid rgba(var(--wdtHeadAltColorRgb), .15); clear: both; display: block; margin: 0; padding: 10px 0 0; } .woocommerce #reviews #comments ol.commentlist li .description p:last-child { margin-bottom: 0; } .woocommerce #review_form #respond { margin-top: 20px; } .woocommerce #review_form #respond > .comment-form:last-child, .woocommerce #review_form #respond > .comment-form:last-child > p:last-child { margin-bottom: 0; } .woocommerce #review_form #respond .comment-reply-title { display: inline-block; font-size: 20px; font-weight: bold; line-height: normal; margin-bottom: 20px; } .woocommerce #review_form #respond p, .woocommerce #review_form #respond .comment-notes { margin-bottom: 0; } .woocommerce #review_form #respond p, .woocommerce #review_form #respond .comment-form-rating { clear: both; line-height: inherit; } .woocommerce #review_form #respond label { display: block; line-height: 1em; margin-bottom: 0; font-weight: 500; } .woocommerce #review_form #respond .comment-form-cookies-consent label { display: inline; font-weight: 500; } .woocommerce #review_form #respond .comment-form > .column:first-child:not(.first), .woocommerce #review_form #respond .comment-notes + .column.wdt-three-fourth, .woocommerce #review_form #respond form.comment-form .column.wdt-three-fourth:first-child { margin-left: 0; width: 100%; } .woocommerce.single-product .elementor-widget-tabs .wdt-product-tabs { margin-left: 10px !important; margin-right: 10px !important; width: auto; } .woocommerce.single-product .elementor-widget-tabs .wdt-product-tabs .elementor-tab-title, .woocommerce.single-product .elementor-widget-tabs .wdt-product-tabs .elementor-tab-content { padding-left: 0; padding-right: 0; } .wdt-shop-default-single-template.woocommerce div.product .wdt-product-tabs .woocommerce-tabs .panel > h2 { display: none; } .woocommerce .page-with-sidebar div.product .wdt-product-tabs .woocommerce-tabs:before, .woocommerce .page-with-sidebar div.product .wdt-product-tabs .woocommerce-tabs ul.tabs:before { width: 100%; } .woocommerce .page-with-sidebar div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li { margin: 0 20px; } /* #endregion - Product Tabs */ /* Additional Info */ .woocommerce div.product .summary > ul.product-additional-info { clear: both; display: inline-block; margin-top: 20px; padding: 0; width: 100%; } .woocommerce div.product .summary > ul.product-additional-info li { display: inline-block; list-style: none; line-height: normal; margin: 15px 0; padding: 0 0 0 30px; position: relative; width: 100%; } .woocommerce div.product .summary > ul.product-additional-info li:last-child { margin-bottom: 0; } .woocommerce div.product .summary > ul.product-additional-info li i { color: var(--wdtPrimaryColor); position: absolute; left: 0; top: 2px; } .woocommerce div.product .summary > ul.product-additional-info li i:before { font-weight: normal; margin-right: 7px; vertical-align: top; } .woocommerce div.product .summary > ul.product-additional-info li span.offer-end-of-day, .woocommerce div.product .summary > ul.product-additional-info li span.offer-delivery-date, .woocommerce div.product .summary > ul.product-additional-info li span.offer-free-shipping { color: var(--wdtPrimaryColor); } .woocommerce div.product .summary > ul.product-additional-info li span.offer-end-of-day, .woocommerce div.product .summary > ul.product-additional-info li span.offer-delivery-date { text-decoration: underline; text-decoration-skip-ink: none; } .woocommerce div.product .summary > ul.product-additional-info li span.ai-visitors-count { background: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); padding: 2px 8px; margin: 0 3px; border-radius: 5px; } .woocommerce div.product .summary > ul.product-additional-info.single-item { display: inline-flex; margin-top: 15px; margin-bottom: 15px; } .woocommerce div.product .summary > ul.product-additional-info.single-item li { margin: 0; } .woocommerce div.product .summary > .wdt-single-product-separator + .product-additional-info { margin-top: 0; } .woocommerce div.product .summary > ul.product-additional-info:not(.single-item):last-child { margin-bottom: 0; } .woocommerce div.product .summary.aligncenter > ul.product-additional-info li { padding-left: 0; } .woocommerce div.product .summary.aligncenter > ul.product-additional-info li i { position: relative; } /* #endregion - Product Single */ /*--------------------------------------------------------------*/ /* #region - Custom CSS - Single Product Page */ /*--------------------------------------------------------------*/ .woocommerce div.product .summary.bg-with-shadow { background: var(--wdtBodyBGColor); padding: 35px 35px 30px 35px; padding-left: 20px !important; padding-right: 20px !important; -webkit-box-shadow: 0 0 5px rgba(var(--wdtHeadAltColorRgb), .15); box-shadow: 0 0 5px rgba(var(--wdtHeadAltColorRgb), .15); } .woocommerce div.product .bg-white .wdt-product-tabs .woocommerce-tabs:after { background: var(--wdtBodyBGColor); content: ""; height: 100%; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: -webkit-calc(100vw); width: -moz-calc(100vw); width: calc(100vw); z-index: -1; } .wdt-content-scroll { padding-right: 6px; } .wdt-content-scroll .elementor-section > .elementor-column-gap-default > .elementor-row, .wdt-content-scroll .elementor-section.elementor-section-boxed:not([data-settings*="background_background"]):not([class*="ary-bg"]) > .elementor-column-gap-default > .elementor-row { margin: 0 0 0 -10px; width: auto; } /* Custom Vertical Bordered Tabs */ .elementor-widget-tabs.elementor-tabs-view-vertical.wdt-vertical-bordered .elementor-tabs-wrapper { border-color: rgba(var(--wdtHeadAltColorRgb), .2); border-style: solid; border-width: 1px 0 1px 1px; } .elementor-widget-tabs.elementor-tabs-view-vertical.wdt-vertical-bordered .elementor-tabs-wrapper .elementor-tab-title { border-width: 1px 0 !important; } .elementor-widget-tabs.elementor-tabs-view-vertical.wdt-vertical-bordered .elementor-tabs-wrapper .elementor-tab-title:first-child { border-top-width: 0 !important; } .elementor-widget-tabs.elementor-tabs-view-vertical.wdt-vertical-bordered .elementor-tabs-wrapper .elementor-tab-title:last-child { margin-bottom: -1px; } /* Custom Bottom-line Accordion */ .wdt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-tab-title, .wdt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-tab-content { border-color: var(--wdtBorderColor); border-style: solid; border-width: 0 0 1px !important; } .wdt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-tab-title { line-height: normal; padding: 30px 0; } .wdt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-tab-content { padding: 24px 0 28px; } .wdt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-tab-content > *:last-child { margin-bottom: 0; } .wdt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-accordion-item { border-width: 0; } .wdt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-accordion-item:first-child .elementor-tab-title { padding-top: 10px; } .wdt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-accordion-item:last-child .elementor-tab-title:not(.elementor-active) { border-width: 0 !important; padding-bottom: 10px; } /* #endregion - Custom CSS - Single Product Page */ /*--------------------------------------------------------------*/ /* #region - Default Colors */ /*--------------------------------------------------------------*/ /* Backgrounds */ .woocommerce div.product .wdt-product-tabs .woocommerce-tabs .panel > h2:before, .woocommerce div.product .wdt-product-tabs .woocommerce-Reviews-title:before, .woocommerce div.product .woocommerce-tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs:before { background-color: rgba(var(--wdtHeadAltColorRgb), .15); } .woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline button.disabled.wc-variation-is-unavailable, .woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline button.button.disabled.wc-variation-is-unavailable, .woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline .button.alt.disabled.wc-variation-is-unavailable, .woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline .button.disabled.wc-variation-is-unavailable, .woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline .button.alt.disabled.wc-variation-is-unavailable { background-color: rgba(var(--wdtHeadAltColorRgb), .5); } /* Borders */ .woocommerce .product form.cart .variations li.zoo-cw-attr-row > .zoo-cw-type-text > .zoo-cw-attribute-option { border-color: rgba(var(--wdtHeadAltColorRgb), .15); } .woocommerce .product form.cart .variations li.zoo-cw-attr-row > .zoo-cw-type-text > .zoo-cw-attribute-option:hover, .woocommerce .product form.cart .variations li.zoo-cw-attr-row > .zoo-cw-type-text > .zoo-cw-attribute-option.zoo-cw-active { border-color: var(--wdtHeadAltColor); } /* Colors */ .woocommerce div.product .summary .yith-wcwl-add-to-wishlist a, .woocommerce div.product .summary .compare, .woocommerce div.product .summary .yith-wcqv-button, .woocommerce div.product .summary .wdt-wcsg-button { color: var(--wdtAccentTxtColor); } .woocommerce div.product .summary .product_meta a, .woocommerce div.product .summary .product_meta > span strong, .woocommerce div.product .summary .product_meta > span.yith-wcbr-brands, .woocommerce div.product .summary .product-button.style-simple .compare, .woocommerce div.product .summary form.cart .group_table td label a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #review_form #respond .comment-reply-title, .woocommerce .product form.cart .variations li.zoo-cw-attr-row div.label label, .woocommerce .product form.cart .variations li.zoo-cw-attr-row > .zoo-cw-type-text > .zoo-cw-attribute-option:hover .zoo-cw-attr-item span:before, .woocommerce .product form.cart .variations li.zoo-cw-attr-row > .zoo-cw-type-text > .zoo-cw-attribute-option.zoo-cw-active .zoo-cw-attr-item span:before, .woocommerce .product form.cart .variations li.zoo-cw-attr-row > .zoo-cw-type-text > .zoo-cw-attribute-option .zoo-cw-attr-item span:hover:first-letter { color: var(--wdtHeadAltColor); } .woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a, .woocommerce small.note, .woocommerce .product form.cart .variations li.zoo-cw-attr-row > .zoo-cw-type-text > .zoo-cw-attribute-option .zoo-cw-attr-item span:first-letter { color: rgba(var(--wdtHeadAltColorRgb), .8); } /* #endregion - Default Colors */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li a:before, .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li a:after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after, .woocommerce div.product form.cart .variations .reset_variations:before { background-color: var(--wdtPrimaryColor); } .woocommerce div.product div.images ol.flex-control-nav li img.flex-active, div[class*="thumb-container"] .swiper-wrapper .swiper-slide.swiper-slide-active img, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .summary .product_meta a:hover, .woocommerce div.product .summary form.cart .group_table td label a:hover, .woocommerce div.product .woocommerce-product-rating .woocommerce-review-link:hover, .woocommerce table.cart td.product-name a:not(.button):hover { color: var(--wdtLinkHoverColor); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li a:hover { color: var(--wdtPrimaryColor); } .woocommerce div.product form.cart .variations .reset_variations:hover { color: var(--wdtPrimaryColor); } .woocommerce #reviews #comment { height: 120px; } /* -------------------------------------- custom style starts --------------------------------------- */ .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li { margin: 0 clamp(.625rem, -1.875rem + 5.2083vw, 4.375rem); } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li:first-child { margin-left: 0; } /* -------------------------------------- custom style ends ----------------------------------------- */ /* #endregion - Accents */ /*-------------------------------------------------------------- Responsive --------------------------------------------------------------*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:1025px) and (max-width:1280px) { .woocommerce div.product .images .thumbnails .yith_magnifier_gallery li { width: 92px !important; } .woocommerce .page-with-sidebar .product .images .thumbnails .yith_magnifier_gallery li, .woocommerce-page .page-with-sidebar .product .images .thumbnails .yith_magnifier_gallery li { width: 67px !important; } } /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:1024px) { .woocommerce .page-with-sidebar .product div.images, .woocommerce-page .page-with-sidebar .product div.images, .woocommerce .page-with-sidebar .product div.summary, .woocommerce-page .page-with-sidebar .product div.summary { float: left; width: 100%; } .woocommerce .page-with-sidebar .product div.summary, .woocommerce-page .page-with-sidebar .product div.summary { margin: 0; } .woocommerce.single-product .page-with-sidebar .product-thumb-wrapper span.onsale, .woocommerce.single-product .page-with-sidebar .product-thumb-wrapper span.out-of-stock { right: -25px; } .woocommerce div.product .images .thumbnails .yith_magnifier_gallery li { width: 71px !important; } .woocommerce .page-with-sidebar .product .images .thumbnails .yith_magnifier_gallery li, .woocommerce-page .page-with-sidebar .product .images .thumbnails .yith_magnifier_gallery li { width: 160px !important; } .wdt-sticky-content.elementor-widget-accordion { position: inherit !important; margin: 20px -20px 0; left: auto !important; top: auto !important; width: auto !important; } } /*----*****---- << Tablet >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:1280px) { .woocommerce .product form.cart .variations li.zoo-cw-attr-row div.label { margin: 0 0 15px; } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li a { font-size: var(--wdtFontSize_H5); } } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .woocommerce div.product div.images, .woocommerce-page div.product div.images, .woocommerce div.product div.summary, .woocommerce-page div.product div.summary { float: left; width: 100%; } .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .wdt-product-tabs .woocommerce-tabs:before { content: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li { display: block; margin: 0; padding: 0; text-align: center; } .woocommerce div.product .woocommerce-tabs ul.tabs li:not(:last-child), .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li:not(:last-child) { border-style: solid; border-width: 0 0 1px; } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li, .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li.active { border-color: rgba(var(--wdtHeadAltColorRgb), .15); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after, .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li a:before, .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li a:after { bottom: -1px; } .woocommerce-tabs ul.tabs li a { font-size: 13px; } .woocommerce-tabs .panel h2 { font-size: 18px; } /* .woocommerce #review_form #respond p.form-submit { text-align: center; } */ .woocommerce #review_form #respond p.form-submit input { display: inline-block; float: none; } .woocommerce #review_form #respond p.comment-form-comment { margin-bottom: 0; } /* .woocommerce #review_form #respond p.stars span { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } */ .woocommerce div.product form.cart .group_table { border-width: 1px; display: block; position: relative; width: 100%; } .woocommerce-page div.product form.cart .group_table { border-top-width: 0 !important; } .woocommerce div.product form.cart .group_table thead { display: block; float: left; } .woocommerce div.product form.cart .group_table tbody { display: block; overflow-x: auto; position: relative; width: auto; white-space: nowrap; } .woocommerce div.product form.cart .group_table td { display: block; min-height: 1.25em; } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { font-size: 14px; } .woocommerce div.product form.cart .group_table td, .woocommerce-page div.product form.cart .group_table td { font-size: 16px; font-weight: normal; } .woocommerce .cart .button, .woocommerce-page .cart .button, .woocommerce .cart input.button, .woocommerce-page .cart input.button, .woocommerce div.product form.cart .button { display: inline-block; float: none; margin: 10px 0 0; } .woocommerce div.product div.images, .woocommerce div.product div.summary { width: 100%; } .woocommerce div.product form.cart .group_table td { font-size: 1rem; } .woocommerce.single-product .product-thumb-wrapper span.onsale, .woocommerce.single-product .product-thumb-wrapper span.out-of-stock { right: 5px; top: 5px; } .woocommerce.single-product .elementor-widget-tabs .elementor-tab-content .elementor-widget-accordion .elementor-accordion .elementor-tab-title { border-width: 0; } .woocommerce.single-product .wdt-product-tabs .elementor-section.elementor-section-boxed > .elementor-container { max-width: 100%; } .woocommerce table.shop_attributes td { text-align: center; } .woocommerce .page-with-sidebar div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li { margin: 0; margin-bottom: 20px; } } /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .woocommerce div.product .images .thumbnails .yith_magnifier_gallery li, .woocommerce.single-product .page-with-sidebar .product .images .thumbnails .yith_magnifier_gallery li { width: 133px !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li { padding: 0 12px 0 5px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 12px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash { display: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date { display: block; } .woocommerce table.shop_attributes td { text-align: left; } } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { .woocommerce div.product.product-type-external .summary a, .woocommerce div.product.product-type-external .summary a.button, .woocommerce div.product.product-type-external .summary button, .woocommerce div.product.product-type-external .summary button.button, .woocommerce div.product.product-type-external .summary .button, .woocommerce div.product.product-type-external .summary .button.alt, .woocommerce div.product.product-type-external .summary .button.disabled, .woocommerce div.product.product-type-external .summary .button[disabled], .woocommerce div.product.product-type-external .summary .button.alt.disabled, .woocommerce div.product.product-type-external .summary .button.alt[disabled] { font-size: 13px; } .woocommerce div.product .woocommerce-tabs .panel { text-align: center; } .woocommerce #review_form #respond p { text-align: left; } .woocommerce .woocommerce-product-rating .star-rating { margin-top: 2px; } .woocommerce.single-product div.images .thumbnails.slider .caroufredsel_wrapper { width: 100% !important; } .woocommerce #reviews #comments ol.commentlist li img.avatar { display: block; float: none; margin: 0 auto; position: static; text-align: center; width: 60px; } .woocommerce #reviews #comments ol.commentlist li .description { margin: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 20px 0 0; padding: 0; text-align: center; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { display: inline-block; float: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash { display: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date { display: block; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { display: block; float: none; margin: 0 auto; } .woocommerce table.shop_attributes tr:not(:last-child) { border-color: rgba(var(--wdtHeadAltColorRgb), .15); border-style: solid; border-width: 0 0 1px; } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { border-width: 0 !important; } .woocommerce table.shop_attributes td { text-align: center !important; } .woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th, .woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td { float: left; max-width: 100%; width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals table { border-top-width: 0; } .woocommerce table.shop_attributes tr td { border-top-width: 1px !important; } .woocommerce .product form.cart .variations li.zoo-cw-attr-row div.label { margin: 0 0 15px; } .woocommerce .product form.cart .variations li.zoo-cw-attr-row div.label, .woocommerce .product form.cart .variations li.zoo-cw-attr-row div.label label { width: 100%; } .woocommerce div.product form.cart .variations .reset_variations:before { right: 0; } .woocommerce div.product form.cart .variations .reset_variations:after { margin-left: -5px; margin-right: -5px; } .woocommerce #review_form #respond p.stars span, .woocommerce #review_form #respond p.stars a { margin-left: 0; margin-right: 0; } .woocommerce .product.product-type-grouped .summary .cart .group_table tr > * { flex-basis: 100%; } .woocommerce div.product.product-type-grouped .summary form.cart .group_table tr td.woocommerce-grouped-product-list-item__quantity { order: 1; padding: 0; top: auto; } .woocommerce div.product.product-type-grouped .summary form.cart .group_table tr td.woocommerce-grouped-product-list-item__price { order: 0; padding: 0 0 15px; } /* Custom CSS - Single Product Page */ .wdt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-tab-title { display: table; direction: rtl; width: 100%; } .wdt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-tab-title > * { display: table-cell; float: none !important; vertical-align: middle; } .wdt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-tab-title .elementor-accordion-icon { font-size: .75em; } } /*----*****---- << Mobile >> ----*****----*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (min-width: 320px) and (max-width: 479px) { .woocommerce.single-product .product .images .thumbnails .yith_magnifier_gallery li, .woocommerce.single-product .page-with-sidebar .product .images .thumbnails .yith_magnifier_gallery li { width: 90px !important; } .woocommerce div.product form.cart .variations td.label { font-size: var(--wdtFontSize_Base); } } /*----*****---- << Mobile >> ----*****----*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { .woocommerce div.product .product_title { font-size: 20px; } .woocommerce #review_form #respond { margin: 30px 0 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 13px; letter-spacing: 0; } .woocommerce .product form.cart .variations td { font-size: 12px; text-align: center; width: 100%; } .woocommerce.single-product div.product .images .thumbnails .yith_magnifier_gallery li, .woocommerce.single-product .page-with-sidebar div.product .images .thumbnails .yith_magnifier_gallery li { width: 60px !important; } } /*--------------------------------------------------------------*/ /* #region - Product Listing Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-style-default:not(.product-padding-content) li.product.product-grid-view .product-details { padding-top: 10px; padding-bottom: 10px; } .woocommerce ul.products.product-style-default li.product .product-details > div.product-title:first-child > h5 { margin-top: 0; } /* #endregion - Product Listing Style */ /*--------------------------------------------------------------*/ /* #region - Secondary Image Hover Effects */ /*--------------------------------------------------------------*/ .woocommerce ul[class*="product-hover-secimage"] li.product.product-with-secondary-image .product-thumb .image .primary-image, .woocommerce ul[class*="product-hover-secimage"] li.product.product-with-secondary-image .product-thumb .image .secondary-image { -webkit-transition: all .35s ease; transition: all .35s ease; } /* Secondary Image Hover Effect - Fade ------------------------------------ */ .woocommerce ul.products.product-hover-secimage-fade li.product.product-with-secondary-image .product-thumb .image .secondary-image { opacity: 0; } .woocommerce ul.products.product-hover-secimage-fade li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image { opacity: 1; } .woocommerce ul.products.product-hover-thumb-fade-border li.product .product-thumb .image:before, .woocommerce ul.products.product-hover-thumb-fade-skinborder li.product .product-thumb .image:before { border-color: transparent; border-style: solid; border-width: 1px; bottom: 0; left: 0; margin: auto; right: 0; top: 0; z-index: 1; } /* #endregion - Secondary Image Hover Effects */ /*--------------------------------------------------------------*/ /* #region - Product Listing - IconGroup Hover Effects */ /*--------------------------------------------------------------*/ .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons .button, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons a:before, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button:before, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons button:before, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button:before, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons .button:before, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons a:after, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button:after, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons button:after, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button:after, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons .button:after { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /** Flip X **/ .woocommerce ul.products.product-icongroup-hover-flipx li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-flipx li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-flipx li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-flipx li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-flipx li.product .product-thumb .product-buttons-wrapper.product-icons .button { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); } .woocommerce ul.products.product-icongroup-hover-flipx li.product:hover .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-flipx li.product:hover .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-flipx li.product:hover .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-flipx li.product:hover .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-flipx li.product:hover .product-thumb .product-buttons-wrapper.product-icons .button { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } /* #endregion - Product Listing - IconGroup Hover Effects */ /*--------------------------------------------------------------*/ /* #region - Product Listing - List View */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product.product-list-view .product-wrapper { float: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb, .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { float: none; vertical-align: middle; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb { width: 100%; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { padding: 15px 30px; width: 66.66%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb:only-child, .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details:only-child { width: 100%; } .woocommerce ul.products:not(.product-content-alignment-center) li.product.product-list-view .product-wrapper .product-details { text-align: left; } .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button { text-align: inherit !important; } .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button .button { text-align: center !important; } .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline a, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline a.button, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline button, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline button.button, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline .button { width: auto; } .woocommerce ul.products li.product.product-list-view .product-wrapper[style*="background-color"] { border-width: 0; } /* Left Thumb */ .woocommerce ul.products li.product-list-left-thumb .product-details > div:last-child { margin-bottom: 10px !important; } /* Right Thumb */ .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .woocommerce ul.products:not(.product-content-alignment-center) li.product.product-list-view.product-list-right-thumb .product-wrapper .product-details { text-align: right; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper { direction: rtl; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper > div { direction: ltr; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper > div:nth-child(1):nth-last-child(2) { text-align: right; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper > div:nth-child(2):nth-last-child(1) { text-align: left; } /* #endregion - Product Listing - List View */ /*--------------------------------------------------------------*/ /* #region - Responsive */ /*--------------------------------------------------------------*/ /*----*****---- << Tablet (Landscape) >> ----*****----*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:1025px) and (max-width:1280px) { .woocommerce .page-with-sidebar ul.products li.product.product-list-view .product-wrapper .product-thumb, .page-with-sidebar .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb { width: 70%; } .woocommerce .page-with-sidebar ul.products li.product.product-list-view .product-wrapper .product-details, .page-with-sidebar .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { width: 30%; } } /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:1024px) { .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb { width: 40%; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { width: 60%; } /* .woocommerce .page-with-sidebar ul.products li.product.product-list-view .product-wrapper .product-details, .page-with-sidebar .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { width: 100% } */ .woocommerce .page-with-sidebar ul.products li.product.product-list-view .product-wrapper .product-thumb, .page-with-sidebar .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb, .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb { width: 60%; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { width: 40%; } } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .woocommerce ul.products li.product.product-list-view .product-wrapper, .woocommerce ul.products li.product.product-list-view.product-list-left-thumb .product-wrapper, .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb, .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { width: 100%; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { padding: 10px 20px; } /* Right Thumb */ .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper { direction: ltr; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper > div:nth-child(1):nth-last-child(2) { text-align: left; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper > div:nth-child(2):nth-last-child(1) { text-align: right; } } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { padding: 10px; } } /* #endregion - Responsive */ .abctest { display: block; } /*--------------------------------------------------------------*/ /* #region - Product Listing Labels */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-label-boxed li.product .product-labels { left: 20px; top: 20px; } .woocommerce ul.products.product-label-boxed li.product .product-labels > span { display: table; height: 20px; line-height: 20px; margin: 0 0 5px 0; min-height: 20px; min-width: 42px; text-align: center; vertical-align: middle; border-radius: 3px; } .woocommerce ul.products.product-label-boxed li.product .product-labels span span { padding: 0 5px; margin-right: -1.6px; } .woocommerce ul.products.product-label-boxed li.product .product-labels > span.out-of-stock { display: block; font-size: 9px; overflow: hidden; width: 50px; } .woocommerce ul.products.product-label-boxed li.product .product-labels > span.out-of-stock > span { height: 100%; } .woocommerce ul.products.product-label-boxed li.product .product-labels .onsale, .woocommerce ul.products.product-label-boxed li.product .product-labels .out-of-stock { border-radius: 3px; } /* #endregion - Product Listing Labels */ /*--------------------------------------------------------------*/ /* #region - Thumb IconsGroup */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons { position: absolute; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons { position: relative; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons { display: inline-block; float: none; width: auto; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline a { -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline { display: inline-block; vertical-align: top; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .button { display: block; font-size: 0; font-weight: normal; height: 30px; line-height: 32px; margin: auto; padding: 0; position: relative; bottom: 0; top: 0; text-align: center; width: 30px; z-index: 2; -webkit-border-radius: 0; border-radius: 0; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a:before, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a.button:before, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button:before, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button.button:before, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .button:before { display: block; font-size: 14px; font-weight: normal; height: 100%; line-height: inherit; margin: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; text-align: center; width: 100%; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wcct_btn_wrapper a.add_to_cart_button.loading:before { opacity: .25; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wcct_btn_wrapper a.add_to_cart_button.loading:after { margin: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } /* for Sidebar pages */ .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .button, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .button { height: 30px; line-height: 32px; width: 30px; } .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a:before, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a.button:before, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button:before, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button.button:before, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .button:before, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a:before, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a.button:before, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button:before, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button.button:before, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .button:before { font-size: 14px; } /* Colors */ .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons button, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .button, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.button { color: var(--wdtAccentTxtColor); } /* #endregion - Thumb IconsGroup */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Thumb Button */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons { float: left; width: 100%; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline { display: inline-block; height: auto; line-height: normal; overflow: hidden; vertical-align: bottom; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2), .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) { margin: 1px; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) a, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) a.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) button.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) .button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) a, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) a.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) button.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) .button { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .button { background: none; line-height: 1; margin: 0; min-height: 40px; margin-top: 0; position: relative; text-align: center; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color .15s linear 0s, -webkit-transform .3s linear 0s; transition: color .15s linear 0s, transform .3s linear 0s; letter-spacing: 2.6px; font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Ext); } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a.button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button.button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .button:after { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a.button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button.button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .button:after { background-color: inherit; border-color: inherit; border-style: inherit; border-width: inherit; font-size: 18px; font-weight: normal; height: 100%; margin: 0; position: absolute; left: 0; top: 100%; text-align: center; width: 100%; -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation: none; animation: none; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a:hover, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a.button:hover, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button:hover, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button.button:hover, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .button:hover { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) a, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) a.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) button.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) .button { background: none; font-size: 15px; padding: 0; position: relative; text-transform: capitalize; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) a:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) a.button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) button.button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) .button:after { background-color: currentColor; content: ""; height: 1px; position: absolute; left: 0; top: 100%; width: 100%; -webkit-transition: inherit; -moz-transition: inherit; -ms-transition: inherit; -o-transition: inherit; transition: inherit; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) a:hover:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) a.button:hover:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) button:hover:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) button.button:hover:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) .button:hover:after { height: 3px; } .woocommerce ul.products li.product .product-thumb .product-cart-with-quantity .quantity, .woocommerce ul.products li.product .product-thumb .product-cart-with-quantity .product-button { display: inline-block; padding: 0 3px; vertical-align: top; } .woocommerce ul.products li.product .product-thumb .product-cart-with-quantity .quantity:not(.quantity-with-plusminus) .qty { min-height: 40px; } .woocommerce ul.products li.product .product-thumb .product-cart-with-quantity .quantity:not(.quantity-with-plusminus) > a[class*="arrow"] { right: 15px; } .woocommerce ul.products li.product .product-thumb .product-cart-with-quantity .product-button .added_to_cart { padding-top: 0; } /* Colors */ .woocommerce ul.products li.product .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button { color: var(--wdtAccentTxtColor); } /* #region - Product Listing - Thumb Button */ /*--------------------------------------------------------------*/ /* #region - Thumb CountDown Timer */ /*--------------------------------------------------------------*/ .wdt-product-sale-countdown-holder { float: left; width: 100%; } .wdt-product-sale-countdown-holder .wdt-shop-downcount { display: block; margin: 0 -10px; } .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper { display: inline-block; line-height: 24px; min-height: 70px; padding: 10px; position: relative; width: 90px; text-align: center; } /* .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper:before, .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper:after { content: ""; height: 25px; margin: auto; position: absolute; right: -2px; width: 4px; border-radius: 25px; } */ .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper:before { margin-top: -2px; top: 50%; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper:after { bottom: 50%; -webkit-transform: translateY(100%); transform: translateY(100%); } .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper.last:before, .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper.last:after { visibility: hidden; } .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper .wdt-counter-number { font-size: 28px; font-weight: 600; } .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper .title { font-size: 12px; font-weight: normal; letter-spacing: 2px; margin: 10px 0 0; } .woocommerce ul.products li.product .wdt-product-sale-countdown-holder .wdt-shop-downcount { margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; padding: 4px; } .woocommerce ul.products li.product .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper { margin: 1px; min-height: auto; padding: .75rem; text-align: center; width: auto; -webkit-border-radius: 5px; border-radius: 5px; } .woocommerce ul.products li.product .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper:before, .woocommerce ul.products li.product .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper:after { content: none; } .woocommerce ul.products li.product .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper .wdt-counter-number { font-size: var(--wdtFontSize_H5); padding: 5px; font-weight: var(--wdtFontWeight_Base); } .woocommerce ul.products li.product .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper .title { font-size: 13px; letter-spacing: 0; margin: 0; padding: 0; -webkit-border-bottom-left-radius: inherit; border-bottom-left-radius: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; } .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper:before, .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper:after { background-color: rgba(var(--wdtHeadAltColorRgb), .75); } .woocommerce ul.products li.product .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper { background-color: var(--wdtBodyBGColor); } .woocommerce ul.products li.product .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper .title { background-color: transparent; } .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper .wdt-counter-number { color: var(--wdtHeadAltColor); } .woocommerce ul.products li.product .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper .title, .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper .wdt-counter-number { color: var(--wdtPrimaryColor); } /* #endregion - Thumb CountDown Timer */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Thumb Content Alignment */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-thumb-alignment-bottom li.product .product-thumb-content { text-align: center; } .woocommerce ul.products.product-thumb-alignment-bottom li.product .product-thumb:before { padding-top: 100%; } .woocommerce ul.products.product-thumb-alignment-bottom li.product .product-thumb:after { padding-top: 0; padding-bottom: 0; } .woocommerce ul.products:not([class*="alignment-bottom"]) li.product.featured .product-thumb-content { padding-top: 35px; } /* Hover Style - IconGroup - Bounce */ .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons .button { bottom: -60px; top: auto; visibility: hidden; } .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons .button { bottom: 0; visibility: visible; } .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb .product-buttons-wrapper.product-icons .button { bottom: 0; top: auto; } /* #endregion - Product Listing - Thumb Content Alignment */ /*--------------------------------------------------------------*/ /* #region - Thumb IconsGroup Position */ /*--------------------------------------------------------------*/ .woocommerce ul.products[class*="product-thumb-iconsgroup-position"] li.product .product-thumb .product-buttons-wrapper.product-icons { margin: 5px; width: auto; } .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline { display: block; } .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-thumb .product-element-group-wrapper .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-details .product-element-group-wrapper .product-buttons-wrapper.product-icons { position: static; } .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-thumb .product-element-group-wrapper .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline, .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-details .product-element-group-wrapper .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline { display: inline-block; } .woocommerce ul.products[class*="position-top"] li.product .product-thumb .product-buttons-wrapper.product-icons { top: 15px; } .woocommerce ul.products.vertical-position-top-right li.product .product-thumb .product-buttons-wrapper.product-icons { right: 15px; } /* Hover Style - Icon Group - Bounce */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product .product-thumb .product-buttons-wrapper.product-icons .button { right: -60px; left: auto; } .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons .button { right: 10px; } /* Hover Style - Icon Group Simple - Bounce */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons .button { left: auto; right: 0; } /* #endregion - Thumb IconsGroup Position */ /*--------------------------------------------------------------*/ /* #region - Thumb IconsGroup Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons .wc_btn_inline { margin: 0 0 10px 0; } .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons .blockUI.blockOverlay { -webkit-border-radius: 50%; border-radius: 50%; } .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .button:not(:hover) { background-color: var(--wdtPrimaryColor); } .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .button:not(:hover) { color: var(--wdtAccentTxtColor); } /* #endregion - Thumb IconsGroup Style */ /*--------------------------------------------------------------*/ /* #region - Thumb Button Element */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_simple:after { content: ""; font-family: "Neytri Icons"; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_variable:after { content: ""; font-family: "Neytri Icons"; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.add_to_cart_button.product_type_simple:after { content: ""; font-family: "Neytri Icons"; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.added_to_cart.wc-forward:after { content: ""; font-family: "Neytri Icons"; z-index: 1; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_external:after { content: ""; font-family: "Neytri Icons"; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_grouped:after { content: ""; font-family: "Neytri Icons"; } /* #endregion - Thumb IconsGroup Icon */ /*--------------------------------------------------------------*/ /* #region - Thumb Button Element Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a.button, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button.button, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline .button { background: var(--wdtPrimaryColor) !important; color: var(--wdtAccentTxtColor); border-radius: 0; padding: var(--wdtInputPadding); } .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline { background-color: #fafafa; -webkit-box-shadow: none; box-shadow: none; border-radius: 5px; } /* #endregion - Thumb Button Element Style */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /* Primary */ .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:hover, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a:hover, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a.button:hover, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button:hover, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button.button:hover, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline .button:hover { color: var(--wdtAccentTxtColor); } /* #endregion - Accents */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Thumb Button Stretch */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline a, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline a.button, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline button, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline button.button .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline .button, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline .yith-wcwl-add-to-wishlist, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline .yith-wcwl-add-to-wishlist .yith-wcwl-add-button { max-width: 100%; width: 100%; } /* #endregion - Product Listing - Thumb Button Stretch */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Content - Title */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-details .product-title h5 { margin: 0; text-transform: capitalize; } .woocommerce ul.products li.product .product-details > .product-title h5 { margin-top: 10px; } .woocommerce ul.products li.product .product-details > .product-title h5 a { display: inline-block; padding: 0; } .woocommerce ul.products li.product-category .product-details .product-title h5 { display: block; padding: 5px 0; } .woocommerce ul.products li.product .product-details h5 .count { font-style: normal; } .woocommerce ul.products li.product-category .product-details h5 { margin: 10px 0; } .woocommerce ul.products li.product .product-wrapper > h3, .woocommerce ul.products li.product .product-wrapper > a h3 { display: none !important; } .woocommerce ul.products li.product .product-details .product-title h5 a:not(:hover) { color: inherit; } .woocommerce ul.products li.product .product-details .product-title h5 a:hover { color: var(--wdtLinkHoverColor); } /* #endregion - Product Listing - Content - Title */ /*--------------------------------------------------------------*/ /* #region - Product Content - Price */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-details .price { letter-spacing: 0; } .woocommerce ul.products li.product .product-details .price ins { font-weight: normal; } .woocommerce ul.products li.product .product-details .price del { opacity: .85; } .woocommerce ul.products li.product .product-details .price { letter-spacing: .4px; margin: -1px 0 0; padding: 0; width: 100%; } .woocommerce ul.products li.product .product-details .price, .woocommerce ul.products li.product .product-details .price ins, .woocommerce ul.products li.product .product-details .price del { font-size: 14px; } .woocommerce ul.products li.product .product-details .price ins { font-weight: 600; } .woocommerce ul.products li.product .product-details .product-price { width: 100%; } .woocommerce ul.products li.product .product-details .product-price, .woocommerce ul.products li.product .product-details .product-price .price, .woocommerce ul.products li.product .product-details .price del { display: inline-block; } .woocommerce ul.products li.product .product-details .product-price, .woocommerce ul.products li.product .product-details .price { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } /* #endregion - Product Content - Price */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Content Alignment */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-content-alignment-left li.product .product-details { text-align: left; } /* #endregion - Product Listing - Content Alignment */ /*--------------------------------------------------------------*/ /* #region - Content IconsGroup Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons .button { background: none !important; color: var(--wdtBodyTxtColor); -webkit-border-radius: 50%; border-radius: 50%; } .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons .wc_inline_buttons { background-color: rgba(var(--wdtHeadAltColorRgb), .015); -webkit-box-shadow: 1px 1px 1px rgba(var(--wdtHeadAltColorRgb), .15); box-shadow: 1px 1px 1px rgba(var(--wdtHeadAltColorRgb), .15); } /* #endregion - Content IconsGroup Style */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /* Primary */ .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons a:hover, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons a.button:hover, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons button:hover, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons button.button:hover, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons .button:hover { color: var(--wdtPrimaryColor); } /* #endregion - Accents */ /*--------------------------------------------------------------*/ /* #region - Product Content Button Element Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a.button, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button.button, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline .button { background: none !important; color: var(--wdtBodyTxtColor); border-radius: 50%; } .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline { background-color: rgba(var(--wdtHeadAltColorRgb), .015); -webkit-box-shadow: 1px 1px 1px rgba(var(--wdtHeadAltColorRgb), .15); box-shadow: 1px 1px 1px rgba(var(--wdtHeadAltColorRgb), .15); } /* #endregion - Product Content Button Element Style */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /* Primary */ .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline:hover, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a:hover, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a.button:hover, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button:hover, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button.button:hover, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline .button:hover { color: var(--wdtPrimaryColor); } @media only screen and (min-width: 480px) { #wdt-image-box-cc02562 .wdt-column {} } @media only screen and (max-width: 1540px) { #wdt-image-box-cc02562 .wdt-column { width: 100%; } } @media only screen and (max-width: 1280px) { #wdt-image-box-cc02562 .wdt-column { width: 100%; } } @media only screen and (max-width: 1024px) { #wdt-image-box-cc02562 .wdt-column { width: 100%; } } @media only screen and (max-width: 767px) { #wdt-image-box-cc02562 .wdt-column { width: 100%; } } @media only screen and (max-width: 479px) { #wdt-image-box-cc02562 .wdt-column { width: 100%; } } @media only screen and (min-width: 480px) { #wdt-image-box-af8779e .wdt-column {} } @media only screen and (max-width: 1540px) { #wdt-image-box-af8779e .wdt-column { width: 100%; } } @media only screen and (max-width: 1280px) { #wdt-image-box-af8779e .wdt-column { width: 100%; } } @media only screen and (max-width: 1024px) { #wdt-image-box-af8779e .wdt-column { width: 100%; } } @media only screen and (max-width: 767px) { #wdt-image-box-af8779e .wdt-column { width: 100%; } } @media only screen and (max-width: 479px) { #wdt-image-box-af8779e .wdt-column { width: 100%; } } @media only screen and (min-width: 480px) { #wdt-image-box-a06f3cf .wdt-column {} } @media only screen and (max-width: 1540px) { #wdt-image-box-a06f3cf .wdt-column { width: 100%; } } @media only screen and (max-width: 1280px) { #wdt-image-box-a06f3cf .wdt-column { width: 100%; } } @media only screen and (max-width: 1024px) { #wdt-image-box-a06f3cf .wdt-column { width: 100%; } } @media only screen and (max-width: 767px) { #wdt-image-box-a06f3cf .wdt-column { width: 100%; } } @media only screen and (max-width: 479px) { #wdt-image-box-a06f3cf .wdt-column { width: 100%; } } @media only screen and (min-width: 480px) { #wdt-image-box-0e7365c .wdt-column { width: 33.33%; } } @media only screen and (max-width: 1540px) { #wdt-image-box-0e7365c .wdt-column { width: 33.33%; } } @media only screen and (max-width: 1280px) { #wdt-image-box-0e7365c .wdt-column { width: 33.33%; } } @media only screen and (max-width: 1024px) { #wdt-image-box-0e7365c .wdt-column { width: 50%; } } @media only screen and (max-width: 767px) { #wdt-image-box-0e7365c .wdt-column { width: 100%; } } @media only screen and (max-width: 479px) { #wdt-image-box-0e7365c .wdt-column { width: 100%; } }

Area Rugs

Metal Wall Decor

Wall Clock