Kitchen Wall Decor

Home » Metal Wall Decor » Kitchen Wall Decor

Showing all 9 resultsSorted by popularity

Select options This product has multiple variants. The options may be chosen on the product page
Kitchen Typography | Metal Wall Sign
$31.00 – $339.99
Rated 0 out of 5
Select options This product has multiple variants. The options may be chosen on the product page
My Kitchen My Rules
$31.00 – $339.99
Rated 0 out of 5
Select options This product has multiple variants. The options may be chosen on the product page
Kitchen Knife
$31.00 – $339.99
Rated 0 out of 5
Select options This product has multiple variants. The options may be chosen on the product page
Kitchen Symbol
$31.00 – $339.99
Rated 0 out of 5
Select options This product has multiple variants. The options may be chosen on the product page
Coffee in Drop
$31.00 – $339.99
Rated 0 out of 5
Select options This product has multiple variants. The options may be chosen on the product page
Noodle Shaped
$31.00 – $339.99
Rated 0 out of 5
Select options This product has multiple variants. The options may be chosen on the product page
Coffee Typography
$31.00 – $339.99
Rated 0 out of 5
Select options This product has multiple variants. The options may be chosen on the product page
Atomic Element
$31.00 – $339.99
Rated 0 out of 5
Select options This product has multiple variants. The options may be chosen on the product page
Wooden Spoon Survivor
$31.00 – $339.99
Rated 0 out of 5

img:is([sizes="auto" i], [sizes^="auto, " i]) { contain-intrinsic-size: 3000px 1500px; } [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; } :root { --rounded-corners-radius: 16px; --feedback-duration: 3s; } :root { --rounded-corners-radius: 16px; --feedback-duration: 3s; } /*! 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-quick-view-overlay { background: rgba(0, 0, 0, .8); } #yith-quick-view-modal .yith-wcqv-main { background: #fff; } #yith-quick-view-close { color: #cdcdcd; } #yith-quick-view-close:hover { color: #f00; } /*--------------------------------------------------------------*/ /* #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; } } :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 - Product Custom Type Labels & Offer Labels */ /*--------------------------------------------------------------*/ /* #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 - Carousel */ /*--------------------------------------------------------------*/ .wdt-products-carousel-container { clear: both; display: block; float: left; overflow: hidden; width: 100%; } .wdt-products-carousel-container ul.products li .wdt-col { /* padding: 0 1px; */ width: 100%; } .wdt-products-carousel-container .swiper-container[data-carouselslidesperview="1"] ul.products li .wdt-col { padding: 0; } .wdt-products-carousel-container .swiper-container[data-carouselslidesperview="1"] ul.products li.product .product-wrapper { margin-top: 10px; margin-bottom: 10px; } div[class*="product"] .swiper-container.swiper-container-vertical { height: 500px; } div[class*="product"] .swiper-container.swiper-container-horizontal .swiper-wrapper { cursor: e-resize; } div[class*="product"] .swiper-container.swiper-container-vertical .swiper-wrapper { cursor: s-resize; } div[class*="thumb-container"] .swiper-wrapper .swiper-slide { cursor: pointer; text-align: center; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } div[class*="thumb-container"] .swiper-wrapper .swiper-slide img { border: 1px solid transparent; margin: auto; padding: 3px; -webkit-box-shadow: 0 0 0 1px rgba(var(--wdtHeadAltColorRgb), .05) inset; box-shadow: 0 0 0 1px rgba(var(--wdtHeadAltColorRgb), .05) inset; -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); } div[class*="thumb-container"] .swiper-wrapper .swiper-slide-active img { -webkit-box-shadow: 0 0 0 1px var(--wdtBorderColor) inset; box-shadow: 0 0 0 1px var(--wdtBorderColor) inset; } /*div[class*="thumb-container"] .swiper-wrapper .swiper-slide:after { border: 1px solid; content: ""; opacity: 0; position: absolute; bottom: 0; left: 0; right: 0; top: 0; visibility: hidden; -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); } div[class*="thumb-container"] .swiper-wrapper .swiper-slide.swiper-slide-active:after { opacity: 1; visibility: visible; }*/ div[class*="thumb-container"].swiper-container.swiper-container-vertical .swiper-wrapper { justify-content: center; } div[class*="thumb-container"].swiper-container.swiper-container-vertical .swiper-wrapper .swiper-slide { height: auto; } div[class*="thumb-container"].swiper-container.swiper-container-vertical .swiper-wrapper .swiper-slide img { height: 100%; width: auto; object-fit: cover; object-position: center center; } div[class*="product"] .swiper-container { float: left; overflow: hidden; position: relative; width: 100%; } div[class*="product"] .swiper-container.swiper-container-vertical .swiper-wrapper .swiper-slide { overflow: hidden; } div[class*="thumb-container"].swiper-container.swiper-container-horizontal .swiper-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Carousel ScrollBar */ div[class*="product"] .swiper-container div[class*="pagination-holder"] > div[class*="scrollbar"] { float: left; height: 8px; position: absolute; width: 100%; border-radius: 10px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .08) 17%, rgba(0, 0, 0, .08) 83%, rgba(0, 0, 0, 0) 100%); } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"] { height: 100%; margin: 0; right: 0; top: 0; width: 8px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .08) 17%, rgba(0, 0, 0, .08) 83%, rgba(0, 0, 0, 0) 100%); } div[class*="product"] .swiper-container div[class*="pagination-holder"] > div[class*="scrollbar"]:before, div[class*="product"] .swiper-container div[class*="pagination-holder"] > div[class*="scrollbar"]:after { content: ""; height: 100%; position: absolute; left: 0; top: 0; width: 100%; background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 17%, rgba(0, 0, 0, .1) 83%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#00000000", GradientType=1); } div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="pagination-holder"] > div[class*="scrollbar"]:before { top: -1px; } div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="pagination-holder"] > div[class*="scrollbar"]:after { bottom: -1px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:before { left: -1px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:after { right: -1px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:before, div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:after { height: 100%; width: 1px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 17%, rgba(0, 0, 0, .1) 83%, rgba(0, 0, 0, 0) 100%); } div[class*="product"] .swiper-container div[class$="scrollbar"] .swiper-scrollbar-drag { background-color: var(--wdtPrimaryColor); border-radius: inherit; } div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselscrollbar="true"] { padding-bottom: 30px; } div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="scrollbar"] { bottom: 0; } div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="scrollbar"] { bottom: 0; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselscrollbar="true"] { padding-right: 30px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="scrollbar"] { right: 0; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="scrollbar"] { right: 0; } /* Carousel Bullets */ div[class*="product"] .swiper-container div[class*="bullet-pagination"] { float: left; font-size: 0; line-height: 0; position: absolute; text-align: center; width: 100%; } div[class*="product"] .swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet { background: none; height: 16px; margin: 0; padding: 0; position: relative; width: 16px; } div[class*="product"] .swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet:before { background-color: var(--wdtHeadAltColor); content: ""; height: auto; margin: auto; position: absolute; bottom: 2px; left: 2px; right: 2px; top: 2px; width: auto; -webkit-border-radius: inherit; border-radius: inherit; -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); } div[class*="product"] .swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet-active:before { background-color: #666; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="bullet-pagination"] { margin: 0; position: absolute; top: 50%; right: 32px; width: 16px; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="bullet-pagination"] .swiper-pagination-bullet { display: block; } div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"] { padding-bottom: 30px; } div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="bullet-pagination"] { bottom: 0; } div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] { padding-bottom: 60px; } div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="bullet-pagination"] { bottom: 25px; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"] { padding-right: 30px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="bullet-pagination"] { right: 0; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] { padding-right: 60px; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="bullet-pagination"] { right: 25px; } /* Carousel Arrows */ div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class*="arrow"] { font-size: 0; height: 80px; line-height: 80px; opacity: 0; position: absolute; top: 50%; text-align: center; visibility: hidden; width: 40px; z-index: 2; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class*="arrow"] { background-color: rgba(var(--wdtHeadAltColorRgb), .15); color: var(--wdtAccentTxtColor); } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class*="arrow"]:hover { background-color: rgba(var(--wdtHeadAltColorRgb), .35); } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class$="arrow-prev"] { margin-left: -40px; left: 0; } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class$="arrow-next"] { margin-right: -40px; right: 0; } div[class*="product"] .swiper-container:hover div[class*="arrow-pagination"] > a[class*="arrow"] { opacity: 1; visibility: visible; } div[class*="product"] .swiper-container:hover div[class*="arrow-pagination"] > a[class$="arrow-prev"] { margin-left: 0; } div[class*="product"] .swiper-container:hover div[class*="arrow-pagination"] > a[class$="arrow-next"] { margin-right: 0; } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class*="arrow"]:before { display: block; font-family: "ny-icons"; font-size: 12px; line-height: inherit; } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class$="arrow-prev"]:before { content: ""; transform: rotate(180deg); } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class$="arrow-next"]:before { content: ""; } /* div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"] > a[class*="arrow"] { height: 40px; line-height: 40px; left: 50%; width: 80px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"] > a[class*="arrow"]:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"] > a[class$="arrow-prev"] { margin: -40px 0 0; top: 0; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"] > a[class$="arrow-next"] { margin: 0 0 -40px; bottom: 0; top: auto; } */ div[class*="product"] .swiper-container div[class*="arrow-pagination"].type2 { float: left; margin: 25px auto 0; position: relative; text-align: center; width: 100%; } div[class*="product"] .swiper-container div[class*="arrow-pagination"].type2 > a[class*="arrow"] { display: inline-block; font-size: 0; height: 50px; line-height: 0; margin: 0 1px; opacity: 1; position: static; visibility: visible; width: 35px; transform: none; } div[class*="product"] .swiper-container div[class*="arrow-pagination"].type2 > a[class*="arrow"]:before { font-size: 18px; line-height: 50px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"].type2 { height: auto; margin: auto 25px auto 0; width: 50px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"].type2 > a[class*="arrow"] { float: left; height: 35px; width: 50px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"].type2 > a[class*="arrow"]:before { line-height: 35px; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselscrollbar="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"], div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-top: -15px; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-top: -30px; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselscrollbar="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"], div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-left: -15px; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-left: -30px; } div[class*="product"] .swiper-container.swiper-container-vertical:hover div[class*="arrow-pagination"] > a[class$="arrow-prev"], div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"]:hover div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-top: 0; } div[class*="product"] .swiper-container.swiper-container-vertical:hover div[class*="arrow-pagination"] > a[class$="arrow-next"] { margin-bottom: 0; } /* #endregion - Carousel */ /*--------------------------------------------------------------*/ /* #region - Product Single 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; letter-spacing: 2px; margin: 10px 0 0; } .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); } .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper .wdt-counter-number { color: var(--wdtHeadAltColor); } /* #endregion - Product Single CountDown Timer */ /*--------------------------------------------------------------*/ /* #region - Product Custom Type Labels & Offer Labels */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-custom-type { position: absolute; top: 10px; text-align: center; z-index: 9; } .woocommerce ul.products li.product .product-custom-type { height: 25px; left: 5px; min-width: 50px; min-height: 25px; } .woocommerce ul.products li.product .product-custom-type .product-custom-type-label { display: inline-block; font-size: 10px; font-weight: 600; letter-spacing: 1px; line-height: 25px; padding: 0 10px; text-transform: uppercase; } .woocommerce ul.products li.product .product-custom-type .product-custom-type-label { background: #7da754; color: var(--wdtAccentTxtColor); } .woocommerce ul.products.product-label-rounded li.product .product-custom-type .product-custom-type-label { border-radius: 5px; } /* #endregion - Accents */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Loop Sorting */ /*--------------------------------------------------------------*/ .woocommerce .product-loop-sorting { clear: both; display: block; float: none; font-size: 0; line-height: 0; margin: 0; padding-bottom: 30px; position: relative; width: auto; } .woocommerce .product-loop-sorting, .woocommerce .product-loop-sorting > *, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group, .woocommerce .product-loop-sorting > *, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item { 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-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .woocommerce .product-loop-sorting > *, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group, .woocommerce .product-loop-sorting > *, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item { -ms-flex-pack: distribute; justify-content: space-around; } .woocommerce .product-loop-sorting:before { content: ""; margin: 0 10px; position: absolute; bottom: 0; left: 0; right: 0; width: auto; } .woocommerce ul.products ~ .product-loop-sorting { margin-top: 35px; margin-bottom: 0; padding: 15px 0 0; } .woocommerce ul.products ~ .product-loop-sorting:before { bottom: auto; top: 0; } .woocommerce .product-loop-sorting > *, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item { /* display: inline-block; */ float: none !important; font-size: var(--wdtFontSize_Base); line-height: normal; margin: 5px 0; vertical-align: middle; } .woocommerce .product-loop-sorting > .woocommerce-notices-wrapper { width: 100%; } .woocommerce .product-loop-sorting > .woocommerce-notices-wrapper:empty { display: none; } .woocommerce .product-loop-sorting > .product-loop-sorting-item:first-child { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .woocommerce .product-loop-sorting > .product-loop-sorting-item:last-child { text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .woocommerce .product-loop-sorting > .product-loop-sorting-item-group, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item, .woocommerce .product-loop-sorting > .product-loop-sorting-item:only-child, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group:only-child { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .woocommerce .product-loop-sorting .product-loop-sorting-item { padding: 0 10px; } .woocommerce .product-loop-sorting > .product-loop-sorting-item { margin: 10px 0; } .woocommerce .product-loop-sorting > .product-loop-sorting-item-group { margin: 0; } .woocommerce .product-loop-sorting > .product-loop-sorting-item:only-child, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group:only-child { text-align: center; width: 100%; } .woocommerce .product-loop-sorting .woocommerce-result-count { margin: 0; width: 100%; } .woocommerce .product-loop-sorting .woocommerce-ordering { display: inline-block; float: none; margin: 0; min-width: auto; } .woocommerce .product-loop-sorting .woocommerce-ordering select { height: 46px; padding-top: 0; padding-bottom: 0; } .woocommerce .product-loop-sorting .product-loop-sorting-item .select2-container { text-align: left; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span { display: inline-block; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options { margin: 0; padding: 0; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li { margin: 0; padding: 0; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li:not(:last-child) { margin-right: 20px; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span { border: 0px solid rgba(var(--wdtHeadAltColorRgb), .25); font-size: 0; height: 30px; line-height: 30px; opacity: .2; padding: 0; position: relative; text-align: center; vertical-align: middle; width: 30px; -webkit-border-radius: var(--wdtRadius_2X); border-radius: var(--wdtRadius_2X); } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li:hover span, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li:hover span, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li:hover span { cursor: pointer; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li:hover span, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li:hover span, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li:hover span, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span.active, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span.active, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span.active { opacity: 1; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span:before, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span:before, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span:before { display: inline-block; font-size: 20px; margin: auto; width: 100%; -webkit-transition: inherit; transition: inherit; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span[data-column="1"]:before { content: ""; font-family: "IcoMoon-Ultimate" !important; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span[data-column="2"]:before { content: ""; font-family: "Ext Icons"; font-size: 18px; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span[data-column="3"]:before { content: ""; font-family: "Ext Icons"; font-size: 20px; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span[data-column="4"]:before { content: ""; font-family: "Ext Icons"; font-size: 20px; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span[data-display="grid"]:before { content: ""; font-family: "ny-shop-icons"; font-size: 30px; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span[data-display="list"]:before { content: ""; font-family: "ny-shop-icons"; font-size: 30px; } .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span[data-list-option="left-thumb"]:before { content: ""; font-family: "Ext Icons"; font-size: 18px; } .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span[data-list-option="right-thumb"]:before { content: ""; font-family: "Ext Icons"; font-size: 18px; } .woocommerce .product-loop-sorting nav.woocommerce-pagination { clear: none; margin: 0; width: auto; } .woocommerce .product-loop-sorting nav.woocommerce-pagination ul { border-width: 0; font-size: 0; } .woocommerce .product-loop-sorting nav.woocommerce-pagination ul li { border-width: 0; display: inline-block; float: none; margin: 3px; overflow: visible; } /* .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller, */ .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller { opacity: .35; } /* .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller, .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller ul, .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller li, .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller ul li span, .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller ul li span:before, .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller .product-change-display li:hover span, .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller .product-change-layout li:hover span, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller ul, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller li, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller ul li span, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller ul li span:before, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller .product-change-display li:hover span, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li:hover span, */ .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller, .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller ul, .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller li, .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller ul li span, .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller ul li span:before, .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller .product-change-layout li:hover span, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller ul, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller li, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller ul li span, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller ul li span:before, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li:hover span { cursor: not-allowed; pointer-events: none; } /* Product Loop Filter Widget */ .product-loop-filters-area-content { display: none; } .product-loop-filters-area-content.show { display: block; } .product-loop-filters-area-content.show .product-loop-filters-area-content-inner { opacity: 0; transition: var(--wdt-elementor-base-transition); -webkit-transition: var(--wdt-elementor-base-transition); } .product-loop-filters-area-content.show .product-loop-filters-area-content-inner { opacity: 1; } .product-loop-filters-area-content .product-loop-filters-area-content-inner { display: flex; flex-wrap: wrap; position: relative; width: 100%; padding: 20px 0; border-width: 1px 0; border-color: var(--wdtBorderColor); border-style: solid; margin: 0 0 30px; } .product-loop-filters-area-content .widget { flex: 0 0 25%; max-width: 25%; margin: 0; padding: 10px; box-shadow: none; } .product-loop-filters-area-content .widget .widgettitle { font-size: 1rem; padding: 0; margin: 0 0 15px; } .product-loop-filters-area-content .widgettitle:before { content: none; } .product-loop-filters-area-content .widget ul li, .product-loop-filters-area-content .widget ol li { border: none; } .product-loop-filters-area-content .widget ul li > a, .product-loop-filters-area-content .widget ol li > a, .product-loop-filters-area-content .woocommerce .widget_layered_nav ul li span, .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span { font-size: .9rem; line-height: normal; } .product-loop-filters-area-content .widget ul li, .product-loop-filters-area-content .widget ol li, .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span { padding: 5px 0; line-height: normal; } .product-loop-filters-area-content .widget ul li, .product-loop-filters-area-content .widget ol li, .product-loop-filters-area-content .woocommerce .widget_layered_nav ul li:first-child a, .product-loop-filters-area-content .woocommerce .widget_layered_nav_filters ul li:first-child a, .product-loop-filters-area-content .woocommerce .widget_rating_filter ul li:first-child a, .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:first-child a { padding-top: 0; } .product-loop-filters-area-content .woocommerce .widget_layered_nav ul li span, .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span { line-height: normal; } .product-loop-filters-area-content .woocommerce.widget_price_filter .price_slider_amount .button { font-size: .8rem; padding: 8px 30px; border-radius: var(--wdtRadius_2X); } .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { display: flex; flex: 1 1 auto; align-items: center; } .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item .woocommerce-widget-bg-color { font-size: 0; width: 25px; height: 25px; border-radius: 50%; position: relative; display: block; transition: all .25s ease; } /* Transitions */ .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span { -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; } /* Color - Borders */ /* Color - Colors */ .woocommerce .product-loop-sorting .woocommerce-ordering select, .woocommerce .product-layout-controller .product-change-layout li span:before, .woocommerce .product-display-controller .product-change-display li span:before, .woocommerce .product-list-options-controller .product-list-options li span:before { color: rgba(var(--wdtHeadAltColorRgb), .8); } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li .page-numbers.dots { color: var(--wdtLinkColor); } /* #endregion - Product Listing - Loop Sorting */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /* Primary */ .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li .page-numbers.dots { background-color: transparent; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span.active, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span.active, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span.active, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li .page-numbers.dots { border-color: var(--wdtPrimaryColor); } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span.active:before, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span.active:before, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span.active:before { color: var(--wdtPrimaryColor); } /* #endregion - Accents */ /*--------------------------------------------------------------*/ /* #region - Responsive */ /*--------------------------------------------------------------*/ /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:1024px) { .woocommerce .product-loop-sorting { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .woocommerce .product-loop-sorting > .product-loop-sorting-item, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group { display: block; margin-left: auto; margin-right: auto; width: auto; } .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item { display: inline-block; } .woocommerce .product-loop-sorting > .product-loop-sorting-item, .woocommerce .product-loop-sorting > .product-loop-sorting-item:first-child, .woocommerce .product-loop-sorting > .product-loop-sorting-item:last-child { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .woocommerce .product-loop-sorting > .product-loop-sorting-item, .woocommerce .product-loop-sorting > .product-loop-sorting-item:first-child, .woocommerce .product-loop-sorting > .product-loop-sorting-item:last-child { text-align: center; } .woocommerce .product-loop-sorting > .product-loop-sorting-item, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item { display: inline-block; margin: 5px 0; width: 100%; } .woocommerce .product-loop-sorting .woocommerce-ordering { display: inline-block; float: none; } .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { float: none; display: block; text-align: center; } } /* #endregion - Responsive */ /*--------------------------------------------------------------*/ /* #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 Content - Rating */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-details .product-rating-wrapper { display: inline-block; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .woocommerce ul.products li.product .product-details .product-rating-wrapper .star-rating { display: inline-block; margin: 5px 0; vertical-align: middle; } /* #endregion - Product Content - Rating */ /*--------------------------------------------------------------*/ /* #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); } /* #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; } .main-title-section-wrapper.overlay-wrapper.dark-bg-breadcrumb > .main-title-section-bg, .main-title-section-wrapper.overlay-wrapper > .main-title-section-bg, .main-title-section-wrapper.dark-bg-breadcrumb > .main-title-section-bg, .main-title-section-wrapper > .main-title-section-bg { background-color: var(--wdtTertiaryColor); } .recentcomments a { display: inline !important; padding: 0 !important; margin: 0 !important; } .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; } 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 { 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 li.selected { background: #000 !important; color: #fff; } .woocommerce div.product .summary form.variations_form.cart .variations ul.button-variable-items-wrapper li { border-radius: 4px; } .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; } .eh_paypal_express_description { display: inline-block; } .woocommerce div.product .summary form.variations_form.cart .variations li { min-width: 30px; width: auto !important; border-radius: 4px; background: #f8f8f8; height: 30px; display: inline-flex; border: none !important; } .woocommerce div.product .summary form.variations_form.cart .variations li span.variable-item-span { border-radius: 0; justify-content: center; align-items: center; display: inline-flex; } .variable-item-contents { display: flex; height: 100%; margin: 0; padding: 0; box-sizing: border-box; align-items: stretch; justify-content: stretch; } .woocommerce #main ul.products li.product a img { aspect-ratio: 1/1; object-fit: cover; } /************ Cat FAQs *************/ .acc-container { max-width: 700px; width: 100%; } .acc { margin-bottom: 10px; } .acc-head { background-color: #f4f4f4; padding: 15px 20px; font-size: 22px; position: relative; cursor: pointer; } .acc-head p { color: #000; margin-bottom: 0; } .acc-head::before, .acc-head::after { content: ""; position: absolute; top: 50%; background-color: #000; transition: all .3s; } h3.belowContent { margin-top: 0; } .acc-head::before { right: 30px; width: 3px; height: 20px; margin-top: -10px; } .acc-head::after { right: 21px; width: 20px; height: 3px; margin-top: -2px; } .acc-content { padding: 15px 20px; display: none; } .acc-head.active::before { transform: rotate(90deg); } /************Cat FAQs end************/ .post-type-archive-product #main .elementor-element { padding: 0; } .post-type-archive-product #main .e-con-inner { margin: 0; width: 100%; max-width: 100%; } #filterBtn { display: none; } .archive.tax-product_cat .elementor-location-archive.product > .elementor-element { padding: 0 20px; } .archive.tax-product_cat .e-con-inner .elementor-element { padding: 0; } .archive.tax-product_cat .elementor-location-archive.product .e-con-inner { max-width: 100%; } #logoCol { width: 160px; } #menuCol { width: calc(100% - 160px); } #dMenu { margin-left: auto; margin-right: auto; } span.select2.select2-container { width: 100% !important; } .woocommerce div.product .summary form.cart .variations tbody { width: 100%; } .woocommerce div.product .summary form.cart .variations tbody td.value { padding: 0; } .woocommerce .product form.cart .variations tr:first-child { margin-right: 0; } .woocommerce div.product .summary form.cart .variations { padding: 0; width: 100%; } .mobile-menu #MM-container ul>li>a, .mobile-menu ul #MM-container ul>li>a { min-height: unset; line-height: normal; } .archive.tax-product_cat .e-con-inner .elementor-element.elementor-sticky--active { z-index: 9; } li.yay-currency-dropdown.mob { display: none; } #catPage .products li.product-category.product > div .image { max-width: 200px; margin: auto; display: block; } #catPage .products li.product-category.product > div { width: 100%; text-align: center; } a.button.quick_buy_now_button.disabled { pointer-events: none; } #primary .type-page .wp-block-woocommerce-checkout { padding: 0 20px; } .wc-block-checkout__form .wc-block-components-panel__button { padding: 15px !important; } #primary .type-page .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__title { padding: 15px !important; } #filterBar aside { margin-bottom: 13px; } #filterBar h2.widgettitle.align { padding-bottom: 0; font-size: 18px; margin-bottom: 5px; } .abtCat { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 1.5; max-height: 12em; transition: max-height .3s ease; } .readMoreBtn { cursor: pointer; border-radius: 5px; display: none; } button.readMoreBtn.button { margin-bottom: 20px; font-size: 12px; padding: 10px 15px; } .acc-container .acc .acc-head h3 { margin: 10px 0; padding-right: 25px; } #topBar .wdt-custom-header-top-txed, #topBar .wdt-custom-header-top-txed p { line-height: normal; } body.search.search-results .wrapper #main, body.woocommerce-cart .wrapper #main, .woocommerce-checkout .wrapper #main { padding-top: 70px; } .woocommerce-checkout .elementor-element > .e-con-inner { max-width: 100% !important; padding: 0 10px; } /************ Media Query *************/ @media (min-width:1282px) { /* #menu-primary-menu ul.elementor-icon-list-items li { width: 50%; } */ #menu-primary-menu ul.elementor-icon-list-items li.elementor-icon-list-item:last-child a { display: inline-block; padding: 0; } #menu-primary-menu ul.elementor-icon-list-items li.elementor-icon-list-item:last-child a:before { display: none; } #menu-primary-menu ul.elementor-icon-list-items li.elementor-icon-list-item:last-child a span.elementor-icon-list-text { background: #000; padding: 5px 10px; color: #fff; border-radius: 4px; } #menu-primary-menu ul.elementor-icon-list-items li.elementor-icon-list-item:last-child { margin-top: 10px; } } @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; } .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; } #MM-container .catList.active { height: auto; min-height: 150px; transition: all ease .3s; } #MM-container .catList { height: 0; overflow: hidden; transition: all ease .3s; min-height: 0px; } #MM-container .elementor-heading-title { position: relative; } #MM-container .elementor-heading-title:after { content: ">"; position: absolute; right: 0; font-family: monospace; transform: rotate(90deg); transition: all ease .3s; } #MM-container .active .elementor-heading-title:after { transform: rotate(270deg); transition: all ease .3s; } #MM-container > .elementor-element { padding-bottom: 10px; } #MM-container > .elementor-element.active { padding-bottom: 20px; } .logged-in .loggedIn { display: inline-block !important; } .yay-currency-dropdown.menu-item.mob { padding: 5px 15px 0; } li.yay-currency-dropdown.mob { display: inline-block; } } @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; } .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%; } #filterBtn { display: block; margin-top: -20px; } div#filterBar.filterOpen { position: fixed; width: 100%; height: 100%; display: block; z-index: 99; background: #fff; top: 0; padding: 50px 30px !important; box-sizing: border-box; max-width: 100vw; left: 0; overflow: auto; } div#closeBtn { display: none; } div#filterBar { display: none; } div#closeBtn.filterOpen { position: fixed; z-index: 99; top: 40px; right: 20px; display: block; } .acc-container .acc .acc-head h3 { font-size: 16px !important; } #header-wrapper { margin: 0 0 10px; } #catPage .e-con-inner { margin: 0; max-width: 100%; } #catPage .product-details h5 { font-size: 14px; margin: 0; } #catPage .product-wrapper { margin: 0; } .woocommerce ul.products.product-hover-secimage-fade li.product.product-with-secondary-image .product-thumb .image .secondary-image { display: none; } .woocommerce ul.products.product-hover-secimage-fade li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image { opacity: 0 !important; } @media (hover: none) { .products.elementor-grid *:hover { color: inherit; } .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button { display: none; } } } @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; } }