/*--------------------------------------------------------------*/ /* #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 - Product Listing - Hover Styles */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-hover-fade-skinborder.product-padding-default li.product .product-wrapper .product-details { padding: 0 15px 25px; line-height: normal; } /* #endregion - Product Listing - Hover Styles */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /* Primary */ .woocommerce ul.products.product-hover-fade-skinborder li.product:hover .product-wrapper:before { border-color: var(--wdtPrimaryColor); } /* #endregion - Accents *//*--------------------------------------------------------------*/ /* #region - Secondary Image Hover Effects */ /*--------------------------------------------------------------*/ .woocommerce ul[class*="product-hover-secimage"] li.product.product-with-secondary-image .product-thumb .image .primary-image, .woocommerce ul[class*="product-hover-secimage"] li.product.product-with-secondary-image .product-thumb .image .secondary-image { -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } /* Secondary Image Hover Effect - Fade ------------------------------------ */ .woocommerce ul.products.product-hover-secimage-fade li.product.product-with-secondary-image .product-thumb .image .secondary-image { opacity: 0; } .woocommerce ul.products.product-hover-secimage-fade li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image { opacity: 1; } .woocommerce ul.products.product-hover-thumb-fade-border li.product .product-thumb .image:before, .woocommerce ul.products.product-hover-thumb-fade-skinborder li.product .product-thumb .image:before { border-color: transparent; border-style: solid; border-width: 1px; bottom: 0; left: 0; margin: auto; right: 0; top: 0; z-index: 1; } /* #endregion - Secondary Image Hover Effects */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Content Hover Effects */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-thumb-content { opacity: 0; } .woocommerce ul.products li.product:hover .product-thumb-content { opacity: 1; } .woocommerce ul.products.product-content-hover-slidebottom li.product .product-thumb .product-thumb-content > div { -webkit-transition: -webkit-transform .5s ease, opacity .5s ease; transition: transform .5s ease, opacity .5s ease; } .woocommerce ul.products.product-content-hover-slidebottom li.product .product-thumb-content > div { -webkit-transform: translate(0, 10px); -moz-transform: translate(0, 50px); -o-transform: translate(0, 10px); transform: translate(0, 50px); } .woocommerce ul.products.product-content-hover-slidebottom li.product:hover .product-thumb .product-thumb-content > div { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .woocommerce ul.products.product-content-hover-slidebottom[class*="position-middle"] li.product .product-thumb .product-thumb-content > div.product-buttons-wrapper.product-icons .wc_inline_buttons { -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* #endregion - Product Listing - Content Hover Effects */ /*--------------------------------------------------------------*/ /* #region - Product Listing - List View */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product.product-list-view .product-wrapper { float: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb, .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { float: none; vertical-align: middle; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb { width: 55%; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { padding: 15px 30px; width: 45%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb:only-child, .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details:only-child { width: 100%; } .woocommerce ul.products:not(.product-content-alignment-center) li.product.product-list-view .product-wrapper .product-details { text-align: left; } .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button { text-align: inherit !important; } .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button .button { text-align: center !important; } .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline a, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline a.button, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline button, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline button.button, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline .button { width: auto; } .woocommerce ul.products li.product.product-list-view .product-wrapper[style*="background-color"] { border-width: 0; } /* Left Thumb */ .woocommerce ul.products li.product-list-left-thumb .product-details > div:last-child { margin-bottom: 10px !important; } /* Right Thumb */ .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .woocommerce ul.products:not(.product-content-alignment-center) li.product.product-list-view.product-list-right-thumb .product-wrapper .product-details { text-align: right; padding-left: 0; } .woocommerce ul.products:not(.product-content-alignment-center) li.product.product-list-view.product-list-left-thumb .product-wrapper .product-details { text-align: left; padding-right: 0; } .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: 100% } .woocommerce .page-with-sidebar ul.products li.product.product-list-view .product-wrapper .product-details, .page-with-sidebar .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { width: 100% } } /*----*****---- << 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: 100% } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { width: 100% } .woocommerce .page-with-sidebar ul.products li.product.product-list-view .product-wrapper .product-thumb, .page-with-sidebar .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb, .woocommerce .page-with-sidebar ul.products li.product.product-list-view .product-wrapper .product-details, .page-with-sidebar .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { width: 100% } } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .woocommerce ul.products li.product.product-list-view .product-wrapper, .woocommerce ul.products li.product.product-list-view.product-list-left-thumb .product-wrapper, .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb, .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { width: 100%; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { padding: 25px 0 0; } /* 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) { } /* #endregion - Responsive *//*--------------------------------------------------------------*/ /* #region - Product Listing - Padding Options */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-padding-content li.product .product-details { padding-left: 0; padding-right: 0; padding-top: 25px; padding-bottom: 0; } .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-boxed li.product .product-labels { left: 20px; top: 20px; -webkit-transition: all .3s ease; transition: all .3s ease; } .woocommerce ul.products.product-label-boxed li.product:hover .product-thumb .product-labels { opacity: 0; visibility: hidden; } .woocommerce ul.products.product-label-boxed li.product .product-thumb .product-labels > span { display: table; height: 25px; line-height: 24px; margin: 2px; min-height: 25px; min-width: 50px; text-align: center; vertical-align: middle; } .woocommerce ul.products.product-label-boxed li.product .product-labels span span { padding: 7px 12px; letter-spacing: 0; line-height: var(--wdtLineHeight_Alt); position: relative; top: 2px; } .woocommerce ul.products.product-label-boxed li.product .product-labels > span.out-of-stock { display: block; overflow: hidden; width: fit-content; height: auto; } .woocommerce ul.products.product-label-boxed li.product .product-labels > span.out-of-stock > span { height: 100%; } .woocommerce ul.products.product-label-boxed li.product .product-labels .onsale, .woocommerce ul.products.product-label-boxed li.product .product-labels .out-of-stock { border-radius: var(--wdtRadius_Zero); } /* #endregion - Product Listing Labels */ /*--------------------------------------------------------------*/ /* #region - Thumb IconsGroup */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons { position: absolute; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons { position: relative; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons { display: inline-block; float: none; width: auto; margin: -10px; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline a { -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline { display: inline-block; vertical-align: top; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .button { display: block; font-size: 0; font-weight: var(--wdtFontWeight_Base); height: 40px; line-height: 40px; margin: auto; padding: 0; position: relative; bottom: 0; top: 0; text-align: center; width: 40px; z-index: 2; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a:before, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a.button:before, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button:before, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button.button:before, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .button:before { display: block; font-size: var(--wdtFontSize_H6); font-weight: var(--wdtFontWeight_Base); height: 100%; line-height: inherit; margin: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; text-align: center; width: 100%; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline a.tinvwl-icon-heart:before { font-family: 'wdt-vogify-icons' !important; content: '\e808'; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline a.yith-wcqv-button:before { font-family: 'wdt-vogify-icons' !important; content: '\e80d'; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline a.tinvwl-icon-heart.tinvwl-product-in-list:before { font-family: 'wdt-vogify-icons' !important; content: '\e818'; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wcct_btn_wrapper a.add_to_cart_button.loading:before { opacity: 0.25; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wcct_btn_wrapper a.add_to_cart_button.loading:after { margin: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*="_btn_wrapper"] button.add_to_cart_variantbutton:has( ~ .added_to_cart.wc-forward) { display: none; } /* for Sidebar pages */ .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .button, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .button { height: 40px; line-height: 40px; width:40px; } .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a:before, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a.button:before, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button:before, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button.button:before, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .button:before, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a:before, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a.button:before, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button:before, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button.button:before, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .button:before { font-size: var(--wdtFontSize_H6); } /* Colors */ .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons button, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .button, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.button { color: var(--wdtAccentTxtColor); } /* #endregion - Thumb IconsGroup *//*--------------------------------------------------------------*/ /* #region - Product Listing - Thumb Button */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons { float: left; width: 100%; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline { display: inline-block; height: auto; line-height: normal; overflow: hidden; vertical-align: bottom; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2), .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) { margin: 1px; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) a, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) a.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) button.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) .button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) a, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) a.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) button.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) .button { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .button { background: none; line-height: 1; margin: 0; min-height: 40px; padding-top: 20px; margin-top: 0; position: relative; text-align: center; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.15s linear 0s, -webkit-transform 0.3s linear 0s; transition: color 0.15s linear 0s, transform 0.3s linear 0s; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a.button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button.button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .button:after { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a.button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button.button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .button:after { background-color: inherit; border-color: inherit; border-style: inherit; border-width: inherit; font-size: var(--wdtFontSize_H6); font-weight: var(--wdtFontWeight_Base); height: 100%; margin: 0; position: absolute; left: 0; top: 100%; text-align: center; width: 100%; -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation: none; animation: none; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a:hover, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a.button:hover, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button:hover, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button.button:hover, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .button:hover { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) a, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) a.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) button.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) .button { background: none; font-size: var(--wdtFontSize_Base); padding: 0; position: relative; text-transform: capitalize; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) a:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) a.button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) button.button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) .button:after { background-color: currentColor; content: ""; height: 1px; position: absolute; left: 0; top: 100%; width: 100%; -webkit-transition: inherit; -moz-transition: inherit; -ms-transition: inherit; -o-transition: inherit; transition: inherit; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) a:hover:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) a.button:hover:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) button:hover:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) button.button:hover:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) .button:hover:after { height: 3px; } .woocommerce ul.products li.product .product-thumb .product-cart-with-quantity .quantity, .woocommerce ul.products li.product .product-thumb .product-cart-with-quantity .product-button { display: inline-block; padding: 0 3px; vertical-align: top; } .woocommerce ul.products li.product .product-thumb .product-cart-with-quantity .quantity:not(.quantity-with-plusminus) .qty { min-height: 40px; } .woocommerce ul.products li.product .product-thumb .product-cart-with-quantity .quantity:not(.quantity-with-plusminus) > a[class*="arrow"] { right: 15px; } .woocommerce ul.products li.product .product-thumb .product-cart-with-quantity .product-button .added_to_cart { padding-top: 0; } /* Colors */ .woocommerce ul.products li.product .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button { color: var(--wdtAccentTxtColor); } /* #region - Product Listing - Thumb Button *//*--------------------------------------------------------------*/ /* #region - Product Listing - Thumb Content Alignment */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-thumb-alignment-bottom li.product .product-thumb-content { align-self: end; text-align: center; } .woocommerce ul.products:not([class*="alignment-bottom"]) li.product.featured .product-thumb-content { padding-top: 35px; } /* Hover Style - IconGroup - Bounce */ .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons .button { bottom: -60px; top: auto; visibility: hidden; } .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons .button { bottom: 0; visibility: visible; } .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb .product-buttons-wrapper.product-icons .button { bottom: 0; top: auto; } /* #endregion - Product Listing - Thumb Content Alignment *//*--------------------------------------------------------------*/ /* #region - Thumb IconsGroup Icon */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.add_to_wishlist:before { content: "\e805"; font-family: 'Vogify Icons'; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .yith-wcwl-wishlistaddedbrowse a:before, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .yith-wcwl-wishlistexistsbrowse a:before { content: "\e804"; font-family: 'Vogify Icons'; } .woocommerce ul.products li .yith-wcwl-add-to-wishlist, .woocommerce ul.products li .yith-wcwl-add-to-wishlist .yith-wcwl-add-button { vertical-align: top; } .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; } /* #endregion - Thumb IconsGroup Icon *//*--------------------------------------------------------------*/ /* #region - Thumb IconsGroup Icon */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.yith-wcqv-button:before { content: "\e802"; font-family: "Vogify Icons"; } /* #endregion - Thumb IconsGroup Icon *//*--------------------------------------------------------------*/ /* #region - Thumb IconsGroup Position */ /*--------------------------------------------------------------*/ .woocommerce ul.products[class*="product-thumb-iconsgroup-position"] li.product .product-thumb .product-buttons-wrapper.product-icons { margin: 20px; width: auto; } .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline { position: relative; display: block; } .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-thumb .product-element-group-wrapper .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-details .product-element-group-wrapper .product-buttons-wrapper.product-icons { position: static; } .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-thumb .product-element-group-wrapper .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline, .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-details .product-element-group-wrapper .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline { display: inline-block; } .woocommerce ul.products[class*="position-top"] li.product .product-thumb .product-buttons-wrapper.product-icons { top: 0; } .woocommerce ul.products.vertical-position-top-right li.product .product-thumb .product-buttons-wrapper.product-icons { right: 0; } /* Hover Style - Icon Group - Bounce */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product .product-thumb .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*="_btn_wrapper"]:has(> a), .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product .product-thumb .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*="_btn_wrapper"]:has(> a.button), .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product .product-thumb .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*="_btn_wrapper"]:has(> button), .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product .product-thumb .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*="_btn_wrapper"]:has(> button.button), .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product .product-thumb .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*="_btn_wrapper"]:has(> .button), .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product .product-thumb .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*="_btn_wrapper"]:has(> .tinv-wishlist a) { right: -60px; left: auto; visibility: hidden; } .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*="_btn_wrapper"]:has(> a), .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*="_btn_wrapper"]:has(> a.button), .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*="_btn_wrapper"]:has(> button), .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*="_btn_wrapper"]:has(> button.button), .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*="_btn_wrapper"]:has(> .button), .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*="_btn_wrapper"]:has(> .tinv-wishlist a) { right: 0; visibility: visible; } /* Hover Style - Icon Group Simple - Bounce */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*="_btn_wrapper"]:has(> a), .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*="_btn_wrapper"]:has(> a.button), .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*="_btn_wrapper"]:has(> button), .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*="_btn_wrapper"]:has(> button.button), .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*="_btn_wrapper"]:has(> .button) { left: auto; right: 0; } /* #endregion - Thumb IconsGroup Position */ /*--------------------------------------------------------------*/ /* #region - Thumb IconsGroup Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons .wc_btn_inline { margin: 10px; } .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .button { background-color: var(--wdtBodyBGColor); border: 0px solid currentColor; } .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .button { color: rgba(var(--wdtHeadAltColorRgb),1); } .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .button { color: rgba(var(--wdtAccentTxtColorRgb),0.85); } .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .button:hover { color: rgba(var(--wdtAccentTxtColorRgb),0.8); } /* #endregion - Thumb IconsGroup Style */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /* Primary */ .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a:hover, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button:hover, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button:hover, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button:hover, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .button:hover { color: rgba(var(--wdtPrimaryColorRgb),0.65) } /* #endregion - Accents *//*--------------------------------------------------------------*/ /* #region - Thumb Button Element */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_simple:after { content: "\e820"; font-family: 'Vogify Icons'; } .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: "\e813"; font-family: 'wdt-vogify-icons'; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.add_to_cart_button.product_type_simple:after { content: "\e813"; font-family: 'wdt-vogify-icons'; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.added_to_cart.wc-forward:after { content: "\e843"; font-family: 'Vogify Icons'; z-index: 1; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_external:after { content: "\f08e"; font-family: "Vogify Icons"; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_grouped:after { content: "\e81c"; font-family: "wdt-vogify-icons"; } /* #endregion - Thumb IconsGroup Icon *//*--------------------------------------------------------------*/ /* #region - Thumb Button Element Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-thumb-buttonelement-style-bgfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline { -webkit-border-radius: 10px; border-radius: 10px; } .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) { background-color: var(--wdtPrimaryColor);} .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) a:not(:hover), .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) a.button:not(:hover), .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) button:not(:hover), .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) button.button:not(:hover), .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) .button:not(:hover) { background-color: rgba(var(--wdtHeadAltColorRgb),1); } .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a:hover, .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a.button:hover, .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button:hover, .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button.button:hover, .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline .button:hover { color: var(--wdtAccentTxtColor); } /* Accents - Primary */ .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:hover { background-color: var(--wdtPrimaryColor); } /* #endregion - Thumb Button Element Style *//*--------------------------------------------------------------*/ /* #region - Product Listing - Thumb Button Stretch */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline a, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline a.button, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline button, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline button.button .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline .button, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline .yith-wcwl-add-to-wishlist, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline .yith-wcwl-add-to-wishlist .yith-wcwl-add-button { max-width: 100%; width: 100%; } /* #endregion - Product Listing - Thumb Button Stretch *//*--------------------------------------------------------------*/ /* #region - Product Content - Category */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-details .product-category-wrapper a { font-size: var(--wdtFontSize_Base); letter-spacing: 0; margin: 0 3px 3px 0; text-transform: uppercase; } .woocommerce ul.products li.product .product-details .product-category-wrapper a:last-child { margin-right: 0; } .woocommerce ul.products li.product .product-details .product-category-wrapper a:hover { color: rgba(var(--wdtPrimaryColorRgb),0.65); } /* #endregion - Product Content - Category *//*--------------------------------------------------------------*/ /* #region - Product Listing - Content - Title */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-details .product-title h5 { margin: 0; text-transform: capitalize; } .woocommerce ul.products li.product .product-details > .product-title h5 a { display: inline-block; padding: 0; } .woocommerce ul.products li.product-category .product-details .product-title h5 { display: block; padding: 5px 0; } .woocommerce ul.products li.product .product-details h5 .count { font-style: var(--wdtFontWeight_Base); } .woocommerce ul.products li.product-category .product-details h5 { margin: 10px 0; } .woocommerce ul.products li.product .product-wrapper > h3, .woocommerce ul.products li.product .product-wrapper > a h3 { display: none !important; } .woocommerce ul.products li.product .product-details .product-title h5 a:not(:hover) { color: inherit; } .woocommerce ul.products li.product .product-details .product-title h5 a:hover { color: rgba(var(--wdtPrimaryColorRgb),0.65); } /* #endregion - Product Listing - Content - Title *//*--------------------------------------------------------------*/ /* #region - Product Content - Price */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-details .price { letter-spacing: 0; } .woocommerce ul.products li.product .product-details .price del { opacity: 0.85; } .woocommerce ul.products li.product .product-details .price { letter-spacing: 0; margin: 0; padding: 0; width: 100%; } .woocommerce ul.products li.product .product-details .price, .woocommerce ul.products li.product .product-details .price ins, .woocommerce ul.products li.product .product-details .price del { font-size: var(--wdtFontSize_H6); font-family: var(--wdtFontTypo_Alt); } .woocommerce ul.products li.product .product-details .product-price { width: 100%; } .woocommerce ul.products li.product .product-details .product-price, .woocommerce ul.products li.product .product-details .product-price .price, .woocommerce ul.products li.product .product-details .price del { display: inline-block; } .woocommerce ul.products li.product .product-details .product-price, .woocommerce ul.products li.product .product-details .price { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; font-size: var(--wdtFontSize_H6); font-family: var(--wdtFontTypo_Alt); } /* #endregion - Product Content - Price *//*--------------------------------------------------------------*/ /* #region - Product Content Variation Swatches */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-details .variations_form ul { margin: 0; } .woocommerce ul.products li.product .product-details .variations_form ul.variations, .woocommerce ul.products li.product .product-details .variations_form ul.variations li.woo-variation-items-wrapper, .woocommerce ul.products li.product .product-details .variations_form ul.variations li .selection-box { display: table; } .woocommerce ul.products li.product.product-grid-view .product-details .variations_form ul.variations, .woocommerce ul.products li.product.product-grid-view .product-details .variations_form ul.variations li.woo-variation-items-wrapper, .woocommerce ul.products li.product.product-grid-view .product-details .variations_form ul.variations li .selection-box { margin-left: auto; margin-right: auto; } .woocommerce ul.products li.product.product-grid-view .product-details .variations_form ul.variations li .selection-box select { height: 38px; padding-top: 0; padding-bottom: 0; } .woocommerce ul.products li.product .product-details .variations_form ul.variations { position: relative; } .woocommerce ul.products li.product .product-details .variations_form ul.variations > li { margin: 5px 0; padding: 0; } .woocommerce ul.products li.product .product-details .variations_form ul.variations > li:last-child { margin-bottom: 0; } .woocommerce ul.products li.product .product-details .variations_form ul.variations li ul.variable-items-wrapper li, .woocommerce ul.products li.product .product-details .variations_form ul.variations li ul.variable-items-wrapper li span { display: inline-block; } /* #endregion - Product Content Variation Swatches *//*--------------------------------------------------------------*/ /* #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: "\e820"; font-family: 'Vogify Icons'; } .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: "\e813"; font-family: 'wdt-vogify-icons'; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.add_to_cart_button.product_type_simple:after { content: "\e813"; font-family: 'wdt-vogify-icons'; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.added_to_cart.wc-forward:after { content: "\e843"; font-family: 'Vogify Icons'; z-index: 1; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_external:after { content: "\f08e"; font-family: "Vogify Icons"; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_grouped:after { content: "\e81c"; font-family: "wdt-vogify-icons"; } /* #endregion - IconsGroup Button *//*--------------------------------------------------------------*/ /* #region - Product Content Button Element Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-content-buttonelement-style-skinbgfill-rounded-square li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline { -webkit-border-radius: 10px; border-radius: 10px; } /* #endregion - Product Content Button Element Style */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /* Primary */ .woocommerce ul.products[class*="product-content-buttonelement-style-skinbgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products[class*="product-content-buttonelement-style-skinbgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a, .woocommerce ul.products[class*="product-content-buttonelement-style-skinbgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a.button, .woocommerce ul.products[class*="product-content-buttonelement-style-skinbgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button, .woocommerce ul.products[class*="product-content-buttonelement-style-skinbgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button.button, .woocommerce ul.products[class*="product-content-buttonelement-style-skinbgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline .button { background-color: var(--wdtPrimaryColor); -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); } /* #endregion - Accents */