img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } /*# sourceURL=wp-emoji-styles-inline-css */ /*! 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} /*# sourceURL=/wp-includes/css/classic-themes.min.css */ :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: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--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: #75866C;--wp--preset--color--secondary: #04150B;--wp--preset--color--tertiary: #f3f3f3;--wp--preset--color--quaternary: #F4E1D0;--wp--preset--color--body-bg: #ffffff;--wp--preset--color--body-text: #565656;--wp--preset--color--alternate: #0c0c0c;--wp--preset--color--transparent: rgba(0,0,0,0);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 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--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.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, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.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-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-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;} /*# sourceURL=global-styles-inline-css */ :root { --wdt-elementor-color-primary: #04150B; --wdt-elementor-color-primary-rgb: 4,21,11; --wdt-elementor-color-secondary: #0C0C0C; --wdt-elementor-color-secondary-rgb: 12,12,12; --wdt-elementor-color-text: #565656; --wdt-elementor-color-text-rgb: 86,86,86; --wdt-elementor-color-accent: #75866C; --wdt-elementor-color-accent-rgb: 117,134,108; --wdt-elementor-color-custom-1: #F3F3F3; --wdt-elementor-color-custom-1-rgb: 243,243,243; --wdt-elementor-color-custom-2: #D9D9D9; --wdt-elementor-color-custom-2-rgb: 217,217,217; --wdt-elementor-color-custom-3: #FFFFFF; --wdt-elementor-color-custom-3-rgb: 255,255,255; --wdt-elementor-color-custom-4: #FAF3E7; --wdt-elementor-color-custom-4-rgb: 250,243,231; --wdt-elementor-typo-primary-font-family: "NeueHaas", Arial, Helvetica, sans-serif; --wdt-elementor-typo-primary-font-weight: 500; --wdt-elementor-typo-secondary-font-family: "NeueHaas", Arial, Helvetica, sans-serif; --wdt-elementor-typo-secondary-font-weight: 400; --wdt-elementor-typo-text-font-family: "NeueHaas", Arial, Helvetica, sans-serif; --wdt-elementor-typo-text-font-weight: 400; --wdt-elementor-typo-accent-font-family: "NeueHaas", Arial, Helvetica, sans-serif; --wdt-elementor-typo-accent-font-weight: 500; } /*# sourceURL=wdt-elementor-addon-core-inline-css */ .woocommerce form .form-row .required { visibility: visible; } /*# sourceURL=woocommerce-inline-inline-css */ :root {--wdtPrimaryColor:#75866c;--wdtPrimaryColorRgb:117,134,108;--wdtSecondaryColor:#04150b;--wdtSecondaryColorRgb:4,21,11;--wdtTertiaryColor:#f3f3f3;--wdtTertiaryColorRgb:243,243,243;--wdtQuaternaryColor:#f4e1d0;--wdtQuaternaryColorRgb:244,225,208;--wdtBodyBGColor:#ffffff;--wdtBodyBGColorRgb:255,255,255;--wdtBodyTxtColor:#565656;--wdtBodyTxtColorRgb:86,86,86;--wdtHeadAltColor:#0c0c0c;--wdtHeadAltColorRgb:12,12,12;--wdtLinkColor:#04150b;--wdtLinkColorRgb:4,21,11;--wdtLinkHoverColor:#75866c;--wdtLinkHoverColorRgb:117,134,108;--wdtBorderColor:#d9d9d9;--wdtBorderColorRgb:217,217,217;--wdtAccentTxtColor:#ffffff;--wdtAccentTxtColorRgb:255,255,255;--wdtFontTypo_Base: "NeueHaas", Arial, Helvetica, sans-serif;--wdtFontWeight_Base: 400;--wdtFontSize_Base: 16px;--wdtLineHeight_Base: 1.56;--wdtFontTypo_Alt: "NeueHaas", Arial, Helvetica, sans-serif;--wdtFontWeight_Alt: 600;--wdtFontSize_Alt: 70px;--wdtLineHeight_Alt: 1.25;--wdtFontTypo_H1: "NeueHaas", Arial, Helvetica, sans-serif;--wdtFontWeight_H1: 600;--wdtFontSize_H1: 70px;--wdtLineHeight_H1: 1.25;--wdtFontTypo_H2: "NeueHaas", Arial, Helvetica, sans-serif;--wdtFontWeight_H2: 600;--wdtFontSize_H2: 40px;--wdtLineHeight_H2: 1.25;--wdtFontTypo_H3: "NeueHaas", Arial, Helvetica, sans-serif;--wdtFontWeight_H3: 600;--wdtFontSize_H3: 30px;--wdtLineHeight_H3: 1.25;--wdtFontTypo_H4: "NeueHaas", Arial, Helvetica, sans-serif;--wdtFontWeight_H4: 600;--wdtFontSize_H4: 24px;--wdtLineHeight_H4: 1.25;--wdtFontTypo_H5: "NeueHaas", Arial, Helvetica, sans-serif;--wdtFontWeight_H5: 600;--wdtFontSize_H5: 20px;--wdtLineHeight_H5: 1.25;--wdtFontTypo_H6: "NeueHaas", Arial, Helvetica, sans-serif;--wdtFontWeight_H6: 600;--wdtFontSize_H6: 18px;--wdtLineHeight_H6: 1.25;--wdtFontTypo_Ext: "NeueHaas", Arial, Helvetica, sans-serif;--wdtFontWeight_Ext: 500;--wdtFontSize_Ext: 14px;--wdtLineHeight_Ext: 1;} /*# sourceURL=benher-inline-css */ .loader1 { background-color:var( --wdtBodyBGColor );}body { font-family: "NeueHaas", Arial, Helvetica, sans-serif;font-weight:400;font-size:16px;line-height:1.56;color:#565656; } a { color:#04150b;} a:hover { color:#75866c;} h1 { font-family: "NeueHaas", Arial, Helvetica, sans-serif;font-weight:600;font-size:70px;line-height:1.25; } h2 { font-family: "NeueHaas", Arial, Helvetica, sans-serif;font-weight:600;font-size:40px;line-height:1.25; } h3 { font-family: "NeueHaas", Arial, Helvetica, sans-serif;font-weight:600;font-size:30px;line-height:1.25; } h4 { font-family: "NeueHaas", Arial, Helvetica, sans-serif;font-weight:600;font-size:24px;line-height:1.25; } h5 { font-family: "NeueHaas", Arial, Helvetica, sans-serif;font-weight:600;font-size:20px;line-height:1.25; } h6 { font-family: "NeueHaas", Arial, Helvetica, sans-serif;font-weight:600;font-size:18px;line-height:1.25; } /*# sourceURL=benher-admin-inline-css */ .woocommerce-product-gallery{ opacity: 1 !important; } .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; } } @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; } } /*--------------------------------------------------------------*/ /* #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 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.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_Zero); border-radius: var(--wdtRadius_Zero); } /* 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: cover; height: 100%; width: 100%; } */ .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 { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; margin: 0; } .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 li.product .product-thumb a.image, .woocommerce ul.products 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 li.product .product-thumb:before, .woocommerce ul.products li.product .product-thumb:after { content: none; } .woocommerce ul.products li.product .product-thumb a.image > div[class*="image"], .woocommerce ul.products 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 li.product .product-thumb a.image > div[class*="image"] img { position: relative; line-height: 1; width: auto; } /* Product Thumb Group - Default */ .woocommerce ul.products li.product .product-wrapper .product-thumb:has( > .product-thumb-content ) { display: grid; } .woocommerce ul.products li.product .product-wrapper .product-thumb > .image:has( ~ .product-thumb-content ), .woocommerce ul.products li.product .product-wrapper .product-thumb > .product-thumb-content { grid-area: 1/-1; } .woocommerce ul.products li.product .product-wrapper .product-thumb:has( > :not(.image) ), .woocommerce ul.products li.product .product-wrapper .product-thumb .image, .woocommerce ul.products li.product .product-wrapper .product-thumb .image .product-thumb-overlay, .woocommerce ul.products li.product .product-wrapper .product-thumb .image img { width: auto; } /* 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"] li.product .product-thumb-content { padding: 10px; } .woocommerce ul.products li.product .product-thumb-content > div, .woocommerce ul.products li.product .product-details > div { clear: both; float: left; display: inline-block; width: 100%; line-height: normal; margin: 6px 0 0; } .woocommerce ul.products li.product.product-grid-view .product-details > div:first-child { margin-top: 0; flex: 1 0 calc(240px - calc(30px / 2)); } .woocommerce ul.products li.product .product-details > div:last-child { margin-top: 10px; } .woocommerce ul.products li.product.product-grid-view .product-details > div.product-buttons-wrapper:last-child { margin-top: 0; flex: 0 0 auto; width: fit-content; } .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; } /* 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: calc(var(--wdtFontSize_Ext) - 4px); font-weight: var(--wdtFontWeight_Ext); letter-spacing: 1px; margin: 2px; 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: var(--wdtFontWeight_Base); } .woocommerce ul.products li.product .out-of-stock { font-size: calc(var(--wdtFontSize_Ext) - 4px); } .woocommerce ul.products li.product .product-labels .new { background-color: #E2725B; color: var(--wdtAccentTxtColor); } .woocommerce ul.products li.product .product-labels span span { display: inline-block; width: 100%; } .woocommerce ul.products li.product .product-thumb .product-labels { position: absolute; right: 10px; top: 10px; text-align: right; z-index: 2; } /* Featured */ .woocommerce ul.products li.product .featured-tag { height: 30px; line-height: 30px; position: absolute; left: 0; top: 16px; z-index: 9; -webkit-transition: all .3s ease; transition: all .3s ease; } .woocommerce ul.products li.product:hover .featured-tag { opacity: 0; visibility: hidden; } .woocommerce.single-product .images .featured-tag, .wdt-product-image-gallery-container .featured-tag { height: 30px; line-height: 30px; position: absolute; right: 0; top: 0; z-index: 9; background-color: var(--wdtPrimaryColor); } .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: var(--wdtFontSize_Ext); 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: 30px; z-index: 99; -webkit-transition: width 0.1s cubic-bezier(0.86, 0, 0.07, 1) 0.05s; transition: width 0.1s cubic-bezier(0.86, 0, 0.07, 1) 0.05s; } .woocommerce ul.products li.product .featured-tag span, .woocommerce.single-product .images .featured-tag span, .wdt-product-image-gallery-container .featured-tag span { float: left; font-size: 0; font-weight: var(--wdtFontWeight_Base); overflow: hidden; padding-right: 20px; width: 3em; -webkit-transition-delay: 0s, 0s, 0s; transition-delay: 0s, 0s, 0s; -webkit-transition-duration: 0.3s, 0.25s, 0.25s; transition-duration: 0.3s, 0.25s, 0.25s; -webkit-transition-property: opacity, padding, width; transition-property: opacity, padding, width; -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 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: 15px; content: ""; position: absolute; bottom: 0; right: -20px; top: 0; z-index: 9; } .woocommerce.single-product .images .featured-tag:after, .wdt-product-image-gallery-container .featured-tag:after { left: -16px; 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: 5em; } .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: 0; text-align: left; text-indent: 0; } .woocommerce .star-rating:before { content: "\e021\e021\e021\e021\e021"; } .woocommerce .star-rating > span:before { content: "\e020\e020\e020\e020\e020"; } .woocommerce .star-rating:before, .woocommerce ul.products li.product .star-rating:before { color: rgba(var(--wdtHeadAltColorRgb),0.25); } .woocommerce .star-rating > span:before, .woocommerce ul.products li.product .star-rating > span:before { color: #FFC900; } /* #endregion - Product - Rating */ /*--------------------------------------------------------------*/ /* #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: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); } .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),0.15); } .woocommerce table.shop_attributes tr th, .woocommerce table.shop_attributes tr td { border-top: 1px solid rgba(var(--wdtHeadAltColorRgb),0.15); } .woocommerce table.shop_attributes td { font-style: normal; text-align: left; } .woocommerce table.shop_attributes td.woocommerce-product-attributes-item__value a { color: var(--wdtHeadAltColor); } .woocommerce table.shop_attributes td.woocommerce-product-attributes-item__value a:hover { color: var(--wdtLinkHoverColor); text-decoration: none; } .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; place-content: center; } .woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th { max-width: 250px; width: 250px; } .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: var(--wdtFontWeight_Base); height: 24px; line-height: 22px; 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: 1px; } .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: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Alt); 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 .woocommerce-orders-table.woocommerce-MyAccount-orders tbody .woocommerce-orders-table__row .woocommerce-orders-table__cell { text-align: left; font-size: var(--wdtFontSize_Base); place-content: baseline; color: var(--wdtHeadAltColor); } .woocommerce .woocommerce-orders-table.woocommerce-MyAccount-orders tbody .woocommerce-orders-table__row .woocommerce-orders-table__cell:first-child { padding-left: 30px; } .woocommerce .woocommerce-orders-table.woocommerce-MyAccount-orders tbody .woocommerce-orders-table__row .woocommerce-orders-table__cell:first-child a { text-wrap: nowrap; } .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: calc(var(--wdtFontSize_Ext) - 4px); font-weight: var(--wdtFontWeight_Ext); 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),0.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: solid; border-width: 1px; margin: 0 !important; padding: 40px; border-radius: var(--wdtRadius_Zero); } .woocommerce-page .woocommerce-customer-details h2 { border-bottom-width: 0; padding-bottom: 20px !important; } .woocommerce-page .woocommerce-customer-details address { border-top-width: 0; padding-top: 0 !important; } .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),0.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),0.15); } .woocommerce .shop_table.order_details th, .woocommerce .shop_table.order_details td { text-align: left; } .woocommerce-page .woocommerce-order-details { border: 1px solid; margin-bottom: 50px; overflow: hidden; padding: 40px; } .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: var(--wdtFontSize_Base); 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: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Alt); } .woocommerce .woocommerce-order-details .shop_table.order_details tfoot th { font-weight: var(--wdtFontWeight_Ext); text-transform: capitalize; } .woocommerce .woocommerce-order-details .shop_table.order_details tfoot td { font-weight: var(--wdtFontWeight_Ext); } .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: var(--wdtFontWeight_Ext); } .woocommerce .woocommerce-order-details .shop_table.order_details td.product-name .product-quantity { display: inline-block; font-weight: var(--wdtFontWeight_Ext); } .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); padding-right: 60px; border-color: var(--wdtBorderColor); border-radius:var(--wdtRadius_Zero); } .woocommerce-ResetPassword .woocommerce-Button.button{padding:var(--wdtPadding_Btn_Icon);} .woocommerce-ResetPassword .woocommerce-Button.button:before{ font-family: "benher-addon"; content: '\e800'; color: inherit; font-style: normal; font-weight: normal; width: clamp(1.375rem, 1.2078rem + 0.7643vw, 2.125rem) /*34px-22px*/; height: clamp(1.375rem, 1.2078rem + 0.7643vw, 2.125rem) /*34px-22px*/; background-color:var(--wdtAccentTxtColor); color:var(--wdtHeadAltColor); display:inline-flex; justify-content:center; align-items:center; border-radius:var(--wdtRadius_Full); z-index:1; font-size:1em; pointer-events:none; margin-right: clamp(0.75rem, 0.7221rem + 0.1274vw, 0.875rem); } .woocommerce form.lost_reset_password .password-input button { background-color: transparent; } .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: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); } .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; } .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: var(--wdtFontWeight_Ext); letter-spacing: 0.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),0.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),0.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: "\f110"; display: inline-block; font-family: "BenHer Icons"; font-size: var(--wdtFontSize_Base); 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: 0.6; pointer-events: none; } .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: clamp(0.75rem, 0.7221rem + 0.1274vw, 0.875rem); font-style: normal; font-weight: var(--wdtFontWeight_Ext); line-height: var(--wdtLineHeight_Alt); margin: 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_Part); border-radius: var(--wdtRadius_Part); } .woocommerce.tinv-wishlist tfoot a.button, .woocommerce.tinv-wishlist tfoot button.button, .woocommerce.tinv-wishlist tfoot input.button{padding:var(--wdtPadding_Btn_Icon); display:flex; align-items:center; justify-content:center; width:fit-content; } .woocommerce.tinv-wishlist tfoot a.button:before, .woocommerce.tinv-wishlist tfoot button.button:before, .woocommerce.tinv-wishlist tfoot input.button:before{ font-family: "benher-addon"; content: '\e800'; color: inherit; font-style: normal; font-weight: normal; width: clamp(1.375rem, 1.2078rem + 0.7643vw, 2.125rem) /*34px-22px*/; height: clamp(1.375rem, 1.2078rem + 0.7643vw, 2.125rem) /*34px-22px*/; background-color:var(--wdtAccentTxtColor); color:var(--wdtHeadAltColor); display:inline-flex; justify-content:center; align-items:center; border-radius:var(--wdtRadius_Full); z-index:1; font-size:1em; pointer-events:none; margin-right:clamp(0.75rem, 0.7221rem + 0.1274vw, 0.875rem); } .woocommerce.tinv-wishlist button.button.alt:before{content:none;} /* 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),0.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: var(--wdtFontWeight_Alt); margin-top: 0; min-height: 46px; padding: 0; vertical-align: middle; width: 45px; } .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: var(--wdtFontSize_H6); font-weight: var(--wdtFontWeight_Base); 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-right: 15px; display: inline-flex; width: 100%; max-width: 150px; align-items: center; border: 1px solid var(--wdtBorderColor); border-radius: var(--wdtRadius_Part); } .woocommerce div.product form.cart + .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a { margin-top: 0; } .woocommerce div.quantity .qty { font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Base); width: 100%; max-width: 50px; order: 1; } .woocommerce-page .cart .quantity > a.arrow-plus { order: 2; } .woocommerce-page .cart .quantity > a i::before { content: ""; position: relative; display: block; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; width: 10px; height: 10px; background: var(--wdtBodyTxtColor); transition: var(--wdt-Ad-Transition); } .woocommerce-page .cart .quantity > a.arrow-minus i::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100' xml:space='preserve'%3E%3Cpath d='M0,40.4h100v19.3H0V40.4z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100' xml:space='preserve'%3E%3Cpath d='M0,40.4h100v19.3H0V40.4z'/%3E%3C/svg%3E"); } .woocommerce-page .cart .quantity > a.arrow-plus i::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100' xml:space='preserve'%3E%3Cpath d='M43,0H57v43.2h42.1v13.6H57V100H43V56.8H0.9V43.2H43V0z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100' xml:space='preserve'%3E%3Cpath d='M43,0H57v43.2h42.1v13.6H57V100H43V56.8H0.9V43.2H43V0z'/%3E%3C/svg%3E"); } .woocommerce div.quantity .qty { border: none; } .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; text-align: center; height: 100%; } .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; } /* 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: var(--wdtFontWeight_Base); } .woocommerce .cart .quantity > a[class*="arrow"], .woocommerce-page .cart .quantity > a[class*="arrow"] { font-size: var(--wdtFontSize_Base); height: 100%; line-height: 1; margin: 0 !important; padding: 0; width: 100%; display: inline-flex !important; align-items: center; justify-content: center; } .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: auto; } .woocommerce .quantity.quantity-with-plusminus, .woocommerce-page .quantity.quantity-with-plusminus { border: 1px solid rgba(var(--wdtHeadAltColorRgb),0.15); } .woocommerce .quantity.quantity-with-plusminus input.qty, .woocommerce-page .quantity.quantity-with-plusminus input.qty { font-weight: var(--wdtFontWeight_Base); 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: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); -webkit-box-shadow: none; box-shadow: none; } .woocommerce .quantity.quantity-with-plusminus input.plus, .woocommerce-page .quantity.quantity-with-plusminus input.plus { font-size: var(--wdtFontSize_H6); } .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 1px; } .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),0.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 { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } /* 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: block; letter-spacing: 0; margin: 0 auto 30px !important; padding: 20px 30px !important; position: relative; width: 100%; max-width: 1520px; z-index: 1; } .woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error { background-color: #fafafa !important; border-width: 3px 0 0; } a.button.wc-backward{display:flex; justify-content:center; align-items:center; padding:var(--wdtPadding_Btn_Icon); width:fit-content; margin-left:auto; margin-right:auto; margin-top:30px;} a.button.wc-backward:before{ font-family: "benher-addon"; content: '\e800'; color: inherit; font-style: normal; font-weight: normal; width: clamp(1.375rem, 1.2078rem + 0.7643vw, 2.125rem) /*34px-22px*/; height: clamp(1.375rem, 1.2078rem + 0.7643vw, 2.125rem) /*34px-22px*/; background-color:var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); font-size:1em; display: inline-flex; justify-content: center; align-items: center; border-radius: var(--wdtRadius_Full); margin-right: clamp(0.75rem, 0.7221rem + 0.1274vw, 0.875rem); } .woocommerce-notice { background-color: var(--wdtTertiaryColor); 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),0.15); box-shadow: 0 0 3px rgba(var(--wdtHeadAltColorRgb),0.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; } .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; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { display: inline-block; float: right; font-size: var(--wdtFontSize_Ext); line-height: var(--wdtLineHeight_Alt); margin: 0; padding: 0; text-transform: capitalize; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); background-color: transparent; background-image: linear-gradient(90deg, currentColor 50%, currentColor 50%) !important; background-position: left bottom; background-size: 100% 1px; background-repeat: no-repeat; transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out; background-color: transparent !important; } .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 { color: var(--wdtLinkHoverColor) !important; background-size: 0 1px; background-position: right bottom; } .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: clamp(1.4375rem, 1.34rem + 0.4459vw, 1.875rem); text-transform: capitalize; } .related.products > h2, .upsells.products > h2 { text-align: center; text-transform: capitalize; margin-top: 0; margin-bottom: clamp(3.125rem, 2.5017rem + 2.0819vw, 5rem); line-height: var(--wdtLineHeight_Alt); } .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: var(--wdtFontSize_H5); } .woocommerce-shipping-fields #ship-to-different-address, .woocommerce .woocommerce-order-details .woocommerce-order-details__title { font-size: var(--wdtFontSize_H4); } .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: clamp(1.25rem, 1.1669rem + 0.2776vw, 1.5rem); } .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: var(--wdtFontSize_H4); } .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 - Product Category Isotope Filter */ /*--------------------------------------------------------------*/ .woocommerce .wdt-product-cat-filter { clear: both; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: -5px; margin-bottom: 35px; } .woocommerce .wdt-product-cat-filter a.filter { display: inline-block; position: relative; overflow: hidden; cursor: pointer; background-color: var(--wdtTertiaryColor); color: var(--wdtHeadAltColor); font-family: var(--wdtFontTypo_Alt); font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Ext); line-height: var(--wdtLineHeight_Alt); text-transform: capitalize; padding: var(--wdtPadding_Btn); text-align: center; backface-visibility: hidden; will-change: transform; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); margin: 5px; } .woocommerce .wdt-product-cat-filter a.filter:hover, .woocommerce .wdt-product-cat-filter a.filter.is-checked { background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); } /* Width Image */ .woocommerce .wdt-product-cat-filter a.filter:first-child:has( ~ a.filter img) { padding: 10px 30px 10px 10px; } .woocommerce .wdt-product-cat-filter a.filter:first-child:has( ~ a.filter img)::before { content: '\e883'; font-family: "BenHer Icons"; position: relative; width: 45px; height: 45px; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--wdtSecondaryColor); color: var(--wdtHeadAltColor); display: inline-flex; align-items: center; justify-content: center; margin: auto; margin-right: 10px; } .woocommerce .wdt-product-cat-filter a.filter:has(> img) { display: flex; align-items: center; justify-content: flex-start; padding: 10px 30px 10px 10px; } .woocommerce .wdt-product-cat-filter a.filter img { width: 45px; height: 45px; } .woocommerce .wdt-product-cat-filter a.filter img:has(~ span.filter-label) { margin-right: 10px; } /* Vertical Filter */ .woocommerce.wdt-vertical-filter { display: flex; align-items: flex-start; justify-content: space-between; } .woocommerce.wdt-vertical-filter .wdt-product-cat-filter { width: 25%; padding-right: clamp(0.625rem, 0.4026rem + 1.227vw, 1.875rem); /*30px - 10px*/ margin-bottom: 0; } .woocommerce.wdt-vertical-filter ul.products { width: 75%; margin: 0 -15px; } .woocommerce.wdt-vertical-filter .wdt-product-cat-filter a.filter { width: 100%; } /*--------------------------------------------------------------*/ /* #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(--wdtBorderColor); } .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),0.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),0.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(--wdtBorderColor); } /* 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; } .woocommerce ul.products li.product .price { font-size: 1em; color: var(--wdtBodyTxtColor); margin: 0; } .woocommerce ul.products li.product .price ins { font-size: 1em; font-weight: var(--wdtFontWeight_Base); } .woocommerce ul.products li.product .price ins span { color: var(--wdtBodyTxtColor); } /* #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: var(--wdtHeadAltColor); } .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); margin-left:15px; } /* 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(--wdtSecondaryColor); } /*----*****---- << 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: var(--wdtPrimaryColor); } /* #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: var(--wdtFontWeight_Base); } } /*----*****---- << 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),0.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: var(--wdtFontSize_H6); } .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: var(--wdtFontWeight_Alt); 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),0.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: var(--wdtFontWeight_Base); } .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: calc(var(--wdtFontSize_Ext) - 4px); 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; } .woocommerce.wdt-vertical-filter .wdt-product-cat-filter { width: 30%; } .woocommerce.wdt-vertical-filter ul.products { width: 70%; } .woocommerce .woocommerce-orders-table.woocommerce-MyAccount-orders tbody .woocommerce-orders-table__row .woocommerce-orders-table__cell:first-child { padding-left: 10px; } } @media only screen and (max-width: 768px) { .woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error { display: table; width: 100%; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { display: table; -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; width:100%; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { display: table; -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: calc(var(--wdtFontSize_Ext) - 4px); } .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: var(--wdtFontSize_Base); } .woocommerce div.product form.cart div.quantity .qty{ font-size: var(--wdtFontSize_Ext); } /* #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: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); } .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: var(--wdtFontSize_Ext); } .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: var(--wdtBodyBGColor); border: 1px solid rgba(var(--wdtHeadAltColorRgb),0.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: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Ext); 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: var(--wdtFontWeight_Alt); } .woocommerce-page .woocommerce-order-details { padding: 30px; } .woocommerce-page .woocommerce-customer-details address, .woocommerce-page .woocommerce-customer-details h2 { padding: 30px; } .woocommerce .woocommerce-order-details .woocommerce-order-details__title { margin-bottom: 10px; 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),0.15); border-style: solid; border-width: 0 0 1px; padding: 10px 0; text-align: left; } .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; text-align: left; } .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: var(--wdtFontSize_Ext); } .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: nowrap; flex-wrap: nowrap; } 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; 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 0.3s linear; transition: all 0.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; } .woocommerce.wdt-vertical-filter { flex-direction: column; } .woocommerce.wdt-vertical-filter .wdt-product-cat-filter { width: 100%; flex-direction: row; margin-bottom: 30px; } .woocommerce.wdt-vertical-filter .wdt-product-cat-filter a { width: auto; } .woocommerce.wdt-vertical-filter ul.products { width: 100%; margin: 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: var(--wdtFontSize_H4); } .woocommerce .shop_table tr td.product-stock-status > span { font-size: calc(var(--wdtFontSize_Ext) - 4px); padding: 10px 5px; } .woocommerce form .form-row label.inline { padding-left: 0; } .woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error { display: table; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { display: table; float: none; -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; } .woocommerce div.product form.cart div.quantity { margin-right: 12px; } } /*----*****---- << 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: clamp(1.875rem, 1.1607rem + 1.1161vw, 2.5rem); 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 (min-width:1281px) and (max-width:1540px) { .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper) { 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); } } @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(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: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); } } /*----------------------------------------------*/ /* #endregion - Product Listing without isotop */ /*----------------------------------------------*//*--------------------------------------------------------------*/ /* #region - Product Single */ /*--------------------------------------------------------------*/ .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce div.product .wdt-product-tabs div.summary, .woocommerce-page div.product .wdt-product-tabs div.summary, .woocommerce div.product *[class*="-wdt-shop-product-single-summary"] div.summary, .woocommerce-page div.product *[class*="-wdt-shop-product-single-summary"] div.summary { float: left; margin: 0; position: relative; width: 100%; } .swiper-vertical.swiper-autoheight .swiper-slide {height: auto !important;} .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; font-size: calc(var(--wdtFontSize_Ext) - 2px); height: 38px; line-height: 38px; min-height: 38px; min-width: 38px; overflow: hidden; padding: 0; position: absolute; left: 10px; top: 10px; text-align: center; width: 38px; z-index: 1; -webkit-border-radius: var(--wdtRadius_Full); border-radius: var(--wdtRadius_Full); } .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%; } .woocommerce div.product .elementor-widget div.summary { display: flex; flex-wrap: wrap; align-items: center; column-gap: 20px; } .woocommerce div.product .summary.wdt-product-summary > div.woocommerce-product-rating, .woocommerce div.product .summary.wdt-product-summary > div.product_meta_wrapper { width: fit-content; } .woocommerce .summary .price span, .woocommerce .summary .price { font-size: clamp(1.4375rem, 1.34rem + 0.4459vw, 1.875rem); } .woocommerce div.product .summary.wdt-product-summary .product-button form.cart:not(.variations_form) { display: flex; align-items: center; } .woocommerce div.product .summary.wdt-product-summary .product-button form.cart button { width: 100%; } .woocommerce div.product .summary .variations_button { display: flex; align-items: center; } /* #region - Product Images Gallery - Default */ .woocommerce div.product.type-product > div.images { width: 40%; margin: 0; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { position: absolute; top: 10px; left: 10px; -webkit-transform: scale(0.5); transform: scale(0.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: "\e802"; display: inline-block; font-family: "BenHer Icons"; font-size: var(--wdtFontSize_Base); 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: nowrap; flex-wrap: nowrap; -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: 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),0.05); box-shadow: 0 0 0 1px rgba(var(--wdtHeadAltColorRgb),0.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: calc(var(--wdtFontSize_Ext) - 4px); 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: calc(var(--wdtFontSize_Ext) - 4px); height: 50px; line-height: normal; padding: 12px 0 0; width: 50px; } .woocommerce-product-gallery span.new { background-color: indianred; font-size: var(--wdtFontSize_Ext); color: var(--wdtAccentTxtColor); padding: 6px 20px; position: absolute; left: auto; right: 0; top: 0; z-index: 9; } .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: 56%; 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; width: 100%; line-height: normal; margin: clamp(0.5rem, 0.4778rem + 0.1227vw, 0.625rem) 0; /*10px - 8px*/ } .woocommerce div.product .summary .woocommerce-variation-description { line-height: var(--wdtLineHeight_Base) !important; } .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 !important; } .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; } .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: var(--wdtFontSize_Base); 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-weight: var(--wdtFontWeight_Alt); } .woocommerce .product-price, .woocommerce-page .product-price, .woocommerce .product-price ins, .woocommerce-page .product-price ins { font-size: var(--wdtFontSize_Base); } .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: 20px 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 p.price del, .woocommerce div.product span.price del { opacity: 0.2 !important; } .woocommerce div.product .summary .variations_form .stock, .woocommerce div.product .summary .variations_form p.stock { margin: 0 0 20px; } .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; font-size: var(--wdtFontSize_Base); } .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 div.summary .stock.in-stock, .woocommerce div.product div.summary .wdt-single-product-stock, .woocommerce div.product.type-product > div.summary p.stock { display: table; width: auto !important; font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Base); line-height: 1; letter-spacing: 0; text-transform: capitalize; border: 1px solid transparent; color: var(--wdtAccentTxtColor); padding: 8px 12px; vertical-align: middle; -webkit-border-radius: var(--wdtRadius_2X); border-radius: var(--wdtRadius_2X); margin-bottom: 15px; } .woocommerce div.product .summary .in-stock, .woocommerce div.product .summary .in_stock, .woocommerce div.product div.summary .stock.in_stock, .woocommerce div.product div.summary .stock.in-stock, .woocommerce div.product div.summary .wdt-single-product-stock.in_stock, .woocommerce div.product.type-product > div.summary p.stock.in_stock, .woocommerce div.product div.summary .stock.available-on-backorder { background-color: transparent; color: #28a745; border-color: #28a745; } .woocommerce div.product .summary .out-of-stock, .woocommerce div.product div.summary .stock.out-of-stock, .woocommerce div.product div.summary .wdt-single-product-stock.out-of-stock, .woocommerce div.product.type-product > div.summary p.stock.out-of-stock { background-color: #dc3545; color: #ffffff; border-color: #dc3545; } .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; gap: 5px; } .woocommerce .product.product-type-grouped .summary .cart .group_table tr { border-color: rgba(var(--wdtHeadAltColorRgb),0.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: 15px; 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; margin: 8px 0; } .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: 1; color: var(--wdtLinkHoverColor); } .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: var(--wdtFontWeight_Alt); font-size: var(--wdtFontSize_Base); color: var(--wdtHeadAltColor); flex: 1; line-height: var(--wdtLineHeight_Base); } .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; -webkit-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; align-items: center; } .woocommerce div.product.product-type-grouped .summary form.cart .group_table tr td.woocommerce-grouped-product-list-item__quantity .quantity { min-width: 150px; } .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 div.product.product-type-grouped .summary form.cart .group_table tr td.woocommerce-grouped-product-list-item__price .stock { display: block; margin-left: 25px; } .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 { 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; line-height: 1; 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: 20px !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; } /* #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%; font-size: var(--wdtFontSize_Base); } .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: var(--wdtFontWeight_Alt); } .woocommerce div.product .summary .product_meta > span.yith-wcbr-brands span { font-weight: var(--wdtFontWeight_Base); } .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: "\f217"; font-family: 'BenHer Icons'; font-weight: var(--wdtFontWeight_Base); margin-right: 7px; vertical-align: top; } */ .woocommerce.single-product .product .add_to_wishlist:before { content: "\e805"; font-family: 'BenHer Icons'; font-weight: var(--wdtFontWeight_Base); 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: "\e804"; font-family: 'BenHer Icons'; margin-right: 5px; } .woocommerce.single-product .product .compare:before { content: "\e866"; font-family: "BenHer Icons"; margin-right: 5px; position: relative; top: 1px; } .woocommerce.single-product .product .yith-wcqv-button:before { content: "\e802"; font-family: "BenHer Icons"; margin-right: 5px; position: relative; top: 1px; } .woocommerce.single-product .product .wdt-wcsg-button:before { content: "\e809"; display: inline-block; font-family: 'Ext Icons'; font-weight: var(--wdtFontWeight_Base); 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: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Base); height: 30px; line-height: 26px; margin: 5px 10px 5px 0; text-align: center; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); } .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: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); -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: var(--wdtFontSize_Base); 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: "\e021"; font-family: "WooCommerce"; } .woocommerce p.stars.selected a.active:before { content: "\e020"; 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),0.25) !important; } .woocommerce p.stars a { font-size: 1.15em; } .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: #FFC900 !important; } /* #endregion - Product Rating */ /* #region - Product Tabs */ .woocommerce div.product .wdt-product-tabs:empty { display: none; } .woocommerce div.product .wdt-product-tabs { position: relative; display: inline-block; width: 100%; margin: clamp(3.75rem, 3.1717rem + 5.1694vw, 9.375rem) 0 0 0; /*150px - 60px*/ } .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; overflow: visible; padding: 0; margin: 0 0 clamp(1.5625rem, 1.2845rem + 1.5337vw, 3.125rem); /*50px - 25px*/ } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs:before { border: none; content: ''; height: 1px; left: 0; position: absolute; } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs ul.tabs li { background: none !important; border-radius: var(--wdtRadius_Zero); border-width: 0; display: inline-block; list-style: none; margin: 0 20px; 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_H6); font-weight: var(--wdtFontWeight_Ext) !important; letter-spacing: 0; line-height: 26px; padding: 20px 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: 1px; bottom: 0; margin: auto; } .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 { position: relative; width: 100%; background-color: transparent; text-align: left; border: none; margin: 0 0 clamp(3.75rem, 1.8802rem + 6.2457vw, 9.375rem) 0; /*150px - 60px*/ } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs .panel > h2, .woocommerce div.product .wdt-product-tabs .woocommerce-Reviews-title { display: none; font-size: var(--wdtFontSize_H5); 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: var(--wdtFontSize_H5); } .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),0.15); padding: 30px 20px 25px; } .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: var(--wdtFontSize_Ext); 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),0.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: var(--wdtFontSize_H5); font-weight: var(--wdtFontWeight_Alt); line-height: normal; margin-bottom: 20px; } .woocommerce #review_form #respond p, .woocommerce #review_form #respond .comment-notes { margin-bottom: 20px; } .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: 1.5em; margin-bottom: 5px; font-weight: var(--wdtFontWeight_Ext); } .woocommerce #review_form #respond .comment-form { display: block; } .woocommerce #review_form #respond .comment-form-cookies-consent label { display: inline; font-weight: var(--wdtFontWeight_Base); } .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 15px; } /* #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: flex; align-items: flex-start; flex-wrap: wrap; list-style: none; line-height: normal; margin: 15px 0; padding: 0; 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(--wdtHeadAltColor); font-size: 1.25em; line-height: 1; margin-block: 2px; margin-right: 10px; } .woocommerce div.product .summary > ul.product-additional-info li i.wdticon-shopping-cart:before { content: '\e803'; font-family: "benher-addon"; } .woocommerce div.product .summary > ul.product-additional-info li i.wdticon-users:before { content: '\e801'; font-family: "benher-addon"; } .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: currentColor; margin: 0 5px; } .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: none; text-decoration-skip-ink: none; } .woocommerce div.product .summary > ul.product-additional-info li span.ai-visitors-count { color: currentColor; margin: 0 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),0.15); box-shadow: 0 0 5px rgba(var(--wdtHeadAltColorRgb),0.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),0.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),0.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),0.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),0.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),0.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(--wdtPrimaryColor); } .woocommerce div.product form.cart .variations .reset_variations:hover { color: var(--wdtPrimaryColor); text-decoration: none; } /* #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_Base); } } /*----*****---- << 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),0.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: var(--wdtFontSize_Ext); } .woocommerce-tabs .panel h2 { font-size: var(--wdtFontSize_H6); } .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 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: var(--wdtFontSize_Ext); } .woocommerce div.product form.cart .group_table td, .woocommerce-page div.product form.cart .group_table td { font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); } .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.type-product > div.images { float: none; width: 100%; } .woocommerce div.product.type-product > div.summary { float: none; width: 100%; margin: 4% 0 0 0; } .woocommerce div.product form.cart .group_table td { font-size: var(--wdtFontSize_Base); } .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 #review_form #respond p.comment-form-author{margin-bottom:0;} } /* 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: calc(var(--wdtFontSize_Ext) - 2px); } .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: calc(var(--wdtFontSize_Ext) - 2px); } .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),0.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: calc(var(--wdtFontSize_Ext) - 2px); } } /*----*****---- << 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: var(--wdtFontSize_H5); } .woocommerce #review_form #respond { margin: 30px 0 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: calc(var(--wdtFontSize_Ext) - 2px); letter-spacing: 0; } .woocommerce .product form.cart .variations td { font-size: calc(var(--wdtFontSize_Ext) - 2px); text-align: center; width: 100%; } .woocommerce.single-product div.product .images .thumbnails .yith_magnifier_gallery li, .woocommerce.single-product .page-with-sidebar div.product .images .thumbnails .yith_magnifier_gallery li { width: 60px !important; } }/*--------------------------------------------------------------*/ /* #region - Product Listing Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-style-default:not(.product-padding-content) li.product.product-grid-view .product-details { padding-top: 10px; padding-bottom: 10px; } .woocommerce ul.products.product-style-default li.product .product-details > div.product-title:first-child > h5 { margin-top: 0; } /* #endregion - Product Listing Style */ /*--------------------------------------------------------------*/ /* #region - Secondary Image Hover Effects */ /*--------------------------------------------------------------*/ .woocommerce ul[class*="product-hover-secimage"] li.product.product-with-secondary-image .product-thumb .image .primary-image img, .woocommerce ul[class*="product-hover-secimage"] li.product.product-with-secondary-image .product-thumb .image .secondary-image img { -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } /* Image Hover Effect - ZoomIn -------------------------------------- */ .woocommerce ul.products.product-hover-secimage-zoomin li.product .product-thumb .image .secondary-image { z-index: 1; transform-origin: bottom right; transform: scale(0.52); -webkit-transform: scale(0.52); transition: var(--wdt-Ad-Transition); border: 3px solid var(--wdtAccentTxtColor); overflow: hidden; display: inline-flex; inset: 20px; width: auto; } .woocommerce ul.products.product-hover-secimage-zoomin li.product:hover .product-thumb .image .secondary-image { transform: scale(1); -webkit-transform: scale(1); } .woocommerce ul.products.product-hover-secimage-zoomin li.product .product-thumb .image .secondary-image::before { content: ""; position: absolute; z-index: 1; top: -110%; left: -210%; width: 200%; height: 200%; opacity: 0; transform: rotate(30deg); -webkit-transform: rotate(30deg); pointer-events: none; background: rgba(255, 255, 255, 0.13); background: linear-gradient(to right, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.0) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%); } .woocommerce ul.products.product-hover-secimage-zoomin li.product:hover .product-thumb .image .secondary-image::before { opacity: 1; top: -40%; left: -40%; transition-property: left, top, opacity; transition-duration: 0.7s, 0.7s, 0.15s; transition-timing-function: ease; } /* #endregion - Image 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: center; -ms-flex-align: center; align-items: center; } .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: 33.33%; } .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; } /* 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: 40% } .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: 60% } } /*----*****---- << 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-thumb, .page-with-sidebar .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb, .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 { display: block; width: 100% } } /*----*****---- << 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 { display: table; 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 *//*--------------------------------------------------------------*/ /* #region - Product Listing - Padding Options */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-padding-content li.product .product-details { padding-left: 0px; padding-right: 0px; padding-top: 30px; padding-bottom: 0px; display: flex; flex-wrap: wrap; gap: 10px; } .woocommerce ul.products.product-padding-content li.product.product-list-view .product-details { padding: 0 0 0 30px; } .woocommerce ul.products.product-padding-content li.product .product-wrapper { padding: 0; } .woocommerce ul.products.product-padding-content li.product .product-thumb .image { margin: 0; } /* #endregion - Product Listing - Padding Options *//*--------------------------------------------------------------*/ /* #region - Product Listing Labels */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-label-circle li.product .product-labels { direction: rtl; right: 10px; top: 10px; -webkit-transition: all .3s ease; transition: all .3s ease; } .woocommerce ul.products.product-label-circle li.product:hover .product-labels { opacity: 0; visibility: hidden; } .woocommerce ul.products.product-label-circle li.product .product-labels > span { display: inline-block; font-weight: var(--wdtFontWeight_Base); height: 42px; line-height: 42px; margin: 2px; padding: 0; min-height: 42px; min-width: 42px; overflow: hidden; vertical-align: middle; width: 42px; border-radius: 50%; } .woocommerce ul.products.product-label-circle li.product .product-labels span span { display: block; height: 100%; } .woocommerce ul.products.product-label-circle[class*="thumb-alignment-top"] li.product .product-labels > span ~ span { margin: 0 -1px 0 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .woocommerce ul.products.product-label-circle[class*="thumb-alignment-top"] li.product .product-labels > span:nth-child(1):nth-last-child(2) { opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: opacity .5s ease-in-out, transform .5s ease-in-out; transition: opacity .5s ease-in-out, transform .5s ease-in-out; } .woocommerce ul.products.product-label-circle[class*="thumb-alignment-top"] li.product:hover .product-labels > span:nth-child(1):nth-last-child(2) { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } /* #endregion - Product Listing Labels */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Thumb Content Alignment */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-thumb-alignment-middle li.product .product-thumb-content { align-self: center; text-align: center; } /* Hover Style - IconGroup - Bounce */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product .product-thumb .product-buttons-wrapper.product-icons .button { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons .button { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* #endregion - Product Listing - Thumb Content Alignment *//*--------------------------------------------------------------*/ /* #region - Thumb IconsGroup Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons .button { -webkit-border-radius: 50%; border-radius: 50%; } .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons .wc_btn_inline { margin: 4px; } /* #endregion - Thumb IconsGroup Style */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /* Primary */ .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons a:hover, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons a.button:hover, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons button:hover, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons button.button:hover, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons .button:hover { background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); } /* #endregion - Accents *//*--------------------------------------------------------------*/ /* #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: none !important; color: var(--wdtBodyTxtColor); border-radius: 50%; } .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: 0 0 5px 0 rgba(var(--wdtHeadAltColorRgb),0.25); box-shadow: 0 0 5px 0 rgba(var(--wdtHeadAltColorRgb),0.25); } /* #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(--wdtPrimaryColor); } /* #endregion - Accents *//*--------------------------------------------------------------*/ /* #region - Product Content - Element Group */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-details .product-element-group-wrapper { clear: both; display: block; float: none; width: auto; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items { display: block; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > div { margin: 0; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > div.product-title h5 { margin: 0 0 6px; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > div:only-child { width: 100%; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper > div:only-child { text-align: inherit; width: 100%; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper > div:nth-child(1):nth-last-child(2) { text-align: left; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline a, .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline a.button, .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline button, .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline button.button, .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline .button { text-align: center; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline a, .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline a.button, .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline button, .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline button.button, .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline .button { margin-top: 0; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items:empty, .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > div:not(.product-separator):empty { display: none; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items:empty ~ .product-element-group-items { text-align: inherit; width: 100%; } /* #endregion - Product Content - Element Group *//*--------------------------------------------------------------*/ /* #region - Product Listing - Content Button */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons { float: left; width: 100%; } .woocommerce ul.products li.product .product-details .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; box-sizing: content-box; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2), .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) { margin: 5px; } .woocommerce ul.products li.product .product-details .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-details .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-details .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-details .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-details .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-details .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-details .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-details .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-details .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-details .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-details .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .button { font-size: 0; line-height: 1; margin: 0; padding: 0; height: 40px; width: 40px; margin-top: 0; position: relative; text-align: center; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: var(--wdt-Ad-Transition); transition:var(--wdt-Ad-Transition); } .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a.button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button.button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .button:after, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .add_to_cart_variantbutton: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-details .product-buttons-wrapper.product-button a:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a.button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button.button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .button:after, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .add_to_cart_variantbutton:after { background-color: inherit; border-color: inherit; border-style: inherit; border-width: inherit; font-size: var(--wdtFontSize_H6); font-weight: var(--wdtFontWeight_Base); height: 100%; margin: 0; text-align: center; width: 100%; -webkit-animation: none; animation: none; } .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) a, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) a.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) button.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) .button { background: none; font-size: var(--wdtFontSize_Base); padding: 0; position: relative; text-transform: capitalize; } .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) a:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) a.button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) button.button:after, .woocommerce ul.products li.product .product-details .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-details .product-buttons-wrapper:not(.product-button):not(.product-icons) a:hover:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) a.button:hover:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) button:hover:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) button.button:hover:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) .button:hover:after { height: 3px; } .woocommerce ul.products li.product .product-details .product-cart-with-quantity .quantity, .woocommerce ul.products li.product .product-details .product-cart-with-quantity .product-button { display: inline-block; padding: 0 3px; vertical-align: top; } .woocommerce ul.products li.product .product-details .product-cart-with-quantity .quantity:not(.quantity-with-plusminus) .qty { min-height: 40px; } .woocommerce ul.products li.product .product-details .product-cart-with-quantity .quantity:not(.quantity-with-plusminus) > a[class*="arrow"] { right: 15px; } .woocommerce ul.products li.product .product-details .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 - 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),0.015); -webkit-box-shadow: 1px 1px 1px rgba(var(--wdtHeadAltColorRgb),0.15); box-shadow: 1px 1px 1px rgba(var(--wdtHeadAltColorRgb),0.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 - Button Element Button */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_simple:after { content: '\e822'; font-family: 'BenHer-addon'; font-size: 1.2rem; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_variable:after, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .add_to_cart_variantbutton:after { content: '\e821'; font-family: 'BenHer-addon'; font-style: normal; font-weight: normal; font-size: 1.3rem;} .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.add_to_cart_button.product_type_simple:after { content: "\e822"; font-family: 'BenHer-addon'; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.added_to_cart.wc-forward:after { content: '\e811'; font-family: 'BenHer-addon'; z-index: 1; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_external:after { content: "\f08e"; font-family: "BenHer Icons"; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_grouped:after { content: "\f16b"; font-family: 'BenHer Icons'; } /* #endregion - IconsGroup Button *//*--------------------------------------------------------------*/ /* #region - Product Content Button Element Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-content-buttonelement-style-bgfill-rounded li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline { -webkit-border-radius: 30px; border-radius: 30px; } .woocommerce ul.products[class*="product-content-buttonelement-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) { background-color: rgba(var(--wdtHeadAltColorRgb),0.075); } .woocommerce ul.products[class*="product-content-buttonelement-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a:hover, .woocommerce ul.products[class*="product-content-buttonelement-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a.button:hover, .woocommerce ul.products[class*="product-content-buttonelement-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button:hover, .woocommerce ul.products[class*="product-content-buttonelement-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button.button:hover, .woocommerce ul.products[class*="product-content-buttonelement-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline .button:hover { color: var(--wdtAccentTxtColor); } /* Accents - Primary */ .woocommerce ul.products[class*="product-content-buttonelement-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline:hover { background-color: var(--wdtPrimaryColor); } /* #endregion - Product Content Button Element Style */ /*# sourceURL=benher-woo-non-archive-inline-css */ .elementor-452 .elementor-element.elementor-element-fb31502{--display:flex;}.elementor-452 .elementor-element.elementor-element-9f13236 .wdt-icon-list li:not(:last-child){margin-bottom:calc(22px / 2);padding-bottom:calc(22px / 2);}.elementor-452 .elementor-element.elementor-element-9f13236 .wdt-icon-list{justify-content:left;}.elementor-452 .elementor-element.elementor-element-9f13236 .wdt-icon-list.layout-vertical > .wdt-icon-item{justify-content:left;}.elementor-452 .elementor-element.elementor-element-9f13236 .wdt-icon-text{text-align:left;}@media(max-width:767px){.elementor-452 .elementor-element.elementor-element-9f13236 .wdt-icon-list{justify-content:start;}.elementor-452 .elementor-element.elementor-element-9f13236 .wdt-icon-list.layout-vertical > .wdt-icon-item{justify-content:start;}} .elementor-453 .elementor-element.elementor-element-fb31502{--display:flex;}.elementor-453 .elementor-element.elementor-element-9f13236 .wdt-icon-list li:not(:last-child){margin-bottom:calc(22px / 2);padding-bottom:calc(22px / 2);}.elementor-453 .elementor-element.elementor-element-9f13236 .wdt-icon-list{justify-content:left;}.elementor-453 .elementor-element.elementor-element-9f13236 .wdt-icon-list.layout-vertical > .wdt-icon-item{justify-content:left;}.elementor-453 .elementor-element.elementor-element-9f13236 .wdt-icon-text{text-align:left;}@media(max-width:767px){.elementor-453 .elementor-element.elementor-element-9f13236 .wdt-icon-list{justify-content:start;}.elementor-453 .elementor-element.elementor-element-9f13236 .wdt-icon-list.layout-vertical > .wdt-icon-item{justify-content:start;}} .elementor-443 .elementor-element.elementor-element-fb31502{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-443 .elementor-element.elementor-element-9f13236 .wdt-icon-list li:not(:last-child){margin-bottom:calc(25px / 2);padding-bottom:calc(25px / 2);}.elementor-443 .elementor-element.elementor-element-9f13236 .wdt-icon-list{justify-content:left;}.elementor-443 .elementor-element.elementor-element-9f13236 .wdt-icon-list.layout-vertical > .wdt-icon-item{justify-content:left;}.elementor-443 .elementor-element.elementor-element-9f13236 .wdt-icon-list.icon-left .wdt-listicon-wrapper:not(:only-child){margin-right:14px;}.elementor-443 .elementor-element.elementor-element-9f13236 .wdt-icon-list.icon-right .wdt-listicon-wrapper:not(:only-child){margin-left:14px;}.elementor-443 .elementor-element.elementor-element-9f13236 .wdt-icon-text{text-align:left;}.elementor-443 .elementor-element.elementor-element-2b16892 .elementor-widget-container{text-align:start;justify-content:start;}@media(max-width:767px){.elementor-443 .elementor-element.elementor-element-9f13236 .wdt-listicon-wrapper{height:0px;line-height:0px;}} .elementor-446 .elementor-element.elementor-element-fb31502{--display:flex;}.elementor-446 .elementor-element.elementor-element-9f13236 .wdt-icon-list li:not(:last-child){margin-bottom:calc(25px / 2);padding-bottom:calc(25px / 2);}.elementor-446 .elementor-element.elementor-element-9f13236 .wdt-icon-list{justify-content:left;}.elementor-446 .elementor-element.elementor-element-9f13236 .wdt-icon-list.layout-vertical > .wdt-icon-item{justify-content:left;}.elementor-446 .elementor-element.elementor-element-9f13236 .wdt-icon-list.icon-left .wdt-listicon-wrapper:not(:only-child){margin-right:14px;}.elementor-446 .elementor-element.elementor-element-9f13236 .wdt-icon-list.icon-right .wdt-listicon-wrapper:not(:only-child){margin-left:14px;}.elementor-446 .elementor-element.elementor-element-9f13236 .wdt-icon-text{text-align:left;}@media(max-width:767px){.elementor-446 .elementor-element.elementor-element-9f13236 .wdt-listicon-wrapper{height:0px;line-height:0px;}} .woocommerce-currency-switcher{ width:100%;} .woocs_option_img_USD{ background: url(/images/no_flag.png) no-repeat 99% 0; background-size: 30px 20px; } .woocs_option_img_INR{ background: url(/images/no_flag.png) no-repeat 99% 0; background-size: 30px 20px; } /*# sourceURL=woocommerce-currency-switcher-inline-css */ @media only screen and (min-width: 480px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 33.33%; } } @media only screen and (min-width: 480px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 33.33%; } } @media only screen and (max-width: 1540px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 33.33%; } } @media only screen and (max-width: 1280px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 1024px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 767px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 479px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 1540px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 33.33%; } } @media only screen and (max-width: 1280px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (max-width: 1024px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (max-width: 767px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (max-width: 479px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (min-width: 480px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 33.33%; } } @media only screen and (min-width: 480px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 33.33%; } } @media only screen and (max-width: 1540px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 33.33%; } } @media only screen and (max-width: 1280px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 1024px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 767px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 479px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 1540px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 33.33%; } } @media only screen and (max-width: 1280px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (max-width: 1024px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (max-width: 767px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (max-width: 479px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (min-width: 480px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 33.33%; } } @media only screen and (min-width: 480px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 33.33%; } } @media only screen and (max-width: 1540px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 33.33%; } } @media only screen and (max-width: 1280px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 1024px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 767px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 479px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 1540px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 33.33%; } } @media only screen and (max-width: 1280px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (max-width: 1024px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (max-width: 767px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (max-width: 479px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (min-width: 480px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 33.33%; } } @media only screen and (min-width: 480px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 33.33%; } } @media only screen and (max-width: 1540px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 33.33%; } } @media only screen and (max-width: 1280px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 1024px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 767px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 479px) { #wdt-image-box-033d0be .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 1540px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 33.33%; } } @media only screen and (max-width: 1280px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (max-width: 1024px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (max-width: 767px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (max-width: 479px) { #wdt-image-box-033d0be .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (min-width: 480px) { #wdt-image-box-062f396 .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (min-width: 480px) { #wdt-image-box-062f396 .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (max-width: 1540px) { #wdt-image-box-062f396 .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 1280px) { #wdt-image-box-062f396 .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 1024px) { #wdt-image-box-062f396 .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 50%; } } @media only screen and (max-width: 767px) { #wdt-image-box-062f396 .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 479px) { #wdt-image-box-062f396 .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 1540px) { #wdt-image-box-062f396 .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (max-width: 1280px) { #wdt-image-box-062f396 .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (max-width: 1024px) { #wdt-image-box-062f396 .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 50%; } } @media only screen and (max-width: 767px) { #wdt-image-box-062f396 .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (max-width: 479px) { #wdt-image-box-062f396 .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } @media only screen and (min-width: 480px) { #wdt-image-box-2e040de .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 33.33%; } } @media only screen and (min-width: 480px) { #wdt-image-box-2e040de .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 33.33%; } } @media only screen and (max-width: 1540px) { #wdt-image-box-2e040de .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 33.33%; } } @media only screen and (max-width: 1280px) { #wdt-image-box-2e040de .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 50%; } } @media only screen and (max-width: 1024px) { #wdt-image-box-2e040de .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 50%; } } @media only screen and (max-width: 767px) { #wdt-image-box-2e040de .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 33.33%; } } @media only screen and (max-width: 479px) { #wdt-image-box-2e040de .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 50%; } } @media only screen and (max-width: 1540px) { #wdt-image-box-2e040de .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 33.33%; } } @media only screen and (max-width: 1280px) { #wdt-image-box-2e040de .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 50%; } } @media only screen and (max-width: 1024px) { #wdt-image-box-2e040de .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 50%; } } @media only screen and (max-width: 767px) { #wdt-image-box-2e040de .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 33.33%; } } @media only screen and (max-width: 479px) { #wdt-image-box-2e040de .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 50%; } } /*# sourceURL=wdt-image-box-inline-css */ @media only screen and (min-width: 480px) { #wdt-counter-b58b092 .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 33.33%; } } @media only screen and (min-width: 480px) { #wdt-counter-b58b092 .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 33.33%; } } @media only screen and (max-width: 1540px) { #wdt-counter-b58b092 .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 33.33%; } } @media only screen and (max-width: 1280px) { #wdt-counter-b58b092 .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 50%; } } @media only screen and (max-width: 1024px) { #wdt-counter-b58b092 .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 33.33%; } } @media only screen and (max-width: 767px) { #wdt-counter-b58b092 .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 50%; } } @media only screen and (max-width: 479px) { #wdt-counter-b58b092 .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column { width: 100%; } } @media only screen and (max-width: 1540px) { #wdt-counter-b58b092 .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 33.33%; } } @media only screen and (max-width: 1280px) { #wdt-counter-b58b092 .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 50%; } } @media only screen and (max-width: 1024px) { #wdt-counter-b58b092 .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 33.33%; } } @media only screen and (max-width: 767px) { #wdt-counter-b58b092 .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 50%; } } @media only screen and (max-width: 479px) { #wdt-counter-b58b092 .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column { flex: 0 0 100%; } } /*# sourceURL=wdt-counter-inline-css */