/* Theme Name: CozyCorner Theme URI: https://demo.theme-sky.com/cozycorner/ Author: Theme Sky Team Author URI: https://theme-sky.com/ Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites Version: 1.0.0 Tested up to: 6.6 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: cozycorner */ /* I. HEADER 1. MENU 2. HEADER TOP 3. HEADER MIDDLE 4. HEADER BOTTOM II. MAIN CONTENT 1. BREADCRUMB 2. CUSTOM COZYCORNER III. FOOTER IV. WOOCOMMERCE MESSAGE V. PRODUCT DEFAULT 1. PRODUCT IMAGES 2. PRODUCT LABEL 3. PRODUCT META 4. PRODUCT GROUP BUTTONS VI. PRODUCT DETAIL 1. PRODUCT IMAGE 2. PRODUCT SUMMARY 3. ADS BANNERS 4. FREQUENTLY BOUGHT TOGETHER 5. WOOCOMMERCE TABS VII. SHOPPING CART VIII. CHECKOUT IX. MY ACCOUNT X. WISHLIST XI. COMPARE XII. POPUP/MODAL XIII. BLOG IX. BLOG DETAIL XV. PAGE TEMPLATE XVI. RESPONSIVE */ /*------------------------------------------------------------------------------------------------------------------- I. ICONS ---------------------------------------------------------------------------------------------------------------------*/ .comment-actions a:after, .summary .woocommerce-tabs .panel .close:before, .search-button.search-icon .icon:before, .my-wishlist-wrapper > a:before, .ts-tiny-account-wrapper .account-control > a:before, .shopping-cart-wrapper .cart-control .ic-cart:before, .cart-dropdown-form .form-content > label:before, .ts-menu-drop-icon:after, .icon-toggle:before, ul.style-check li:before, .threesixty .nav_bar a:before, .woocommerce-product-details__short-description ul li:before, .woocommerce .widget_layered_nav_filters ul li a:after, .short-description ul li:before, .load-more-wrapper .button:after, .ts-shop-load-more .button:after, .more-less-buttons a > span:after, .woocommerce .woocommerce-ordering .orderby-current:before, .product-per-page-form .perpage-current:before, .ts-fbt-form .item .thumbnail-wrapper:after, .ts-fbt-form .items .plus:before, #to-top a:before, body #ts-ajax-add-to-cart-message:before, .ts-remove-from-wishlist:before, .ts-floating-sidebar .close:before, .ts-sidebar .close:before, .ts-product-columns-selector [class*="columns-"]:before, .ts-product-columns-selector > .current-selector:after, .woocommerce-store-notice__dismiss-link:before, .woocommerce a.remove:after, .filter-widget-area-button > a:before, .filter-widget-area-button > a:after, .dokan-store-list-filter-button:before, .ts-product-size-chart-button:before, .product-per-page-form .perpage-current:after, .woocommerce .woocommerce-ordering .orderby .orderby-current:after, .wcml_currency_switcher > a:after, .wpml-ls-legacy-dropdown > ul > li > a:after, .wpml-ls-legacy-dropdown-click > ul > li > a:after, body .swiper-button-next:after, body .swiper-button-prev:after, body .flex-direction-nav .flex-prev:after, body .flex-direction-nav .flex-next:after, .product-per-page-form .perpage-current:after, .woocommerce .woocommerce-ordering .orderby-current:after, .widget-title-wrapper a.block-control:after, .widget_display_search > form > div:before, .search-table .search-button:before, .wp-block-search .wp-block-search__button:before, .woocommerce-product-search button[type="submit"]:before, body .select2-search--dropdown:before, #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, .product .woocommerce-Tabs-panel > h2:after, .product .woocommerce-Tabs-panel #reviews > h2:after, a.ts-add-to-wishlist:before, a.ts-add-to-compare:before, .product-group-button > div a:before, .product-group-button-meta > div a:before, .woocommerce .button.add_to_cart_button.added:before, .woocommerce .button.single_add_to_cart_button.added:before, .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before, .woocommerce .widget_price_filter .price_slider_amount .price_label > span:first-child:after, .search-button.search-icon .icon.active:before, .ts-popup-modal .close:after, .woocommerce table.shop_table .product-remove a:before, .woocommerce .widget_shopping_cart .cart_list li a.remove:before, .woocommerce.widget_shopping_cart .cart_list li a.remove:before, .woocommerce .woocommerce-widget-layered-nav_filters ul li a:after, .product-on-sale-form > label:after, .widget-container.product-filter-by-brand ul > li label:after, .product-filter-by-price ul > li label:after, .woocommerce .widget_rating_filter ul li a:after, .elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li a.remove:before, li.recentcomments .comment-author-link:before, .ts-product-video-button:before,.ts-product-360-button:before, body .select2-container--default .select2-selection--single .select2-selection__arrow b:before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before, .product-description ul li:before, .column-tabs .list-categories ul.tabs li:before, .ts-instagram-wrapper .item > a:after, .icon-arrow:before, .brn_arrow:before, .product-style-v6 .subscribe-email .button:after, .product-style-v3 .ts-fbt-form .submit-wrapper button:after, .button.button-readmore:after, .quantity .number-button:before, .quantity .number-button:after { font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; } body .flex-direction-nav .flex-prev:after, body .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: "\e912"} body .flex-direction-nav .flex-next:after, body .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: "\e914"} .product-style-v3 .swiper-button-prev:after, .product-style-v3 .swiper-rtl .swiper-button-next:after {content: "\e9c3"} .product-style-v3 .swiper-button-next:after, .product-style-v3 .swiper-rtl .swiper-button-prev:after {content: "\e9c2"} .ts-tiny-account-wrapper .account-control > a:before {content: "\e998"} .shopping-cart-wrapper .cart-control .ic-cart:before {content: "\e99c"} .cart-dropdown-form .form-content > label:before {content: "\e9b2"} .my-wishlist-wrapper > a:before {content: "\e9a0"} .icon-arrow:before {content: "\e913"} .woocommerce .woocommerce-ordering .orderby-current:before {content: "\e901"} .product-per-page-form .perpage-current:before {content: "\e9a2"} .dokan-store-list-filter-button:before, .filter-widget-area-button > a:before {content: "\e958"} .filter-widget-area-button.active > a:before {content: "\e94e"; font-size: 0.95em;} .ts-product-columns-selector .columns-1:before {content: "\e9a4"} .ts-product-columns-selector .columns-1-1:before {content: "\e9a5"} .ts-product-columns-selector .columns-2:before {content: "\e992"} .ts-product-columns-selector .columns-3:before {content: "\e993"} .ts-product-columns-selector .columns-4:before {content: "\e994"} .ts-product-columns-selector .columns-5:before {content: "\e92a"} #to-top a:before {content: "\e916"} .icon-toggle:before {content: "\e9ab"} li.cat-parent.active > .icon-toggle:before {content: "\e9a9"} .brn_arrow:before {content: "\e918";font-size: 7px;} body #cboxClose:after, .ts-remove-from-wishlist:before, html body > h1 a.close:before, .ts-sidebar .close:before, .ts-floating-sidebar .close:before, .woocommerce a.remove:after, .woocommerce-store-notice__dismiss-link:before, .summary .woocommerce-tabs .panel .close:before, .search-button.search-icon .icon.active:before, .ts-popup-modal .close:after, .woocommerce .woocommerce-widget-layered-nav_filters ul li a:after, .woocommerce table.shop_table .product-remove a:before, .woocommerce .widget_shopping_cart .cart_list li a.remove:before, .woocommerce.widget_shopping_cart .cart_list li a.remove:before, .elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li a.remove:before {content: "\e9c4";} .woocommerce .widget_layered_nav_filters ul li a:before {display: none;} .woocommerce .widget_layered_nav_filters ul li a:after { content: "\e94e"; font-size: 9px; line-height: 1; color: inherit; display: inline-block; margin-left: 5px;/* rtl */ } .ts-menu-drop-icon:after, .more-less-buttons a > span:after, .filter-widget-area-button > a:after, .product-per-page-form .perpage-current:after, .woocommerce .woocommerce-ordering .orderby .orderby-current:after, .header-language .wpml-ls-legacy-dropdown > ul > li > a:after, .header-language .wpml-ls-legacy-dropdown-click > ul > li > a:after, .header-currency .wcml_currency_switcher > a:after, .product-per-page-form .perpage-current:after, .woocommerce .woocommerce-ordering .orderby-current:after, .ts-product-columns-selector > .current-selector:after, body .select2-container--default .select2-selection--single .select2-selection__arrow b:before { content: "\e951"; } .filter-widget-area-button > a:after, .product-per-page-form .perpage-current:after, .ts-product-columns-selector > .current-selector:after, .woocommerce .woocommerce-ordering .orderby .orderby-current:after { font-size: 8px; } :where(.product-style-v2, .product-style-v4, .product-style-v5, .product-style-v6) .filter-widget-area-button > a:after {display: none;} .ts-menu > nav ul.sub-menu .ts-menu-drop-icon:after{ content: "\e918"; } .ts-menu-drop-icon.active:after {content: "\e952"} div.product.tabs-accordion ul.tabs + .woocommerce-Tabs-panel > h2.active:after, .product .woocommerce-Tabs-panel > h2:after, .product .woocommerce-Tabs-panel #reviews > h2:after {content: "\e951"} div.product.tabs-accordion ul.tabs + .woocommerce-Tabs-panel > h2:after, .product .woocommerce-Tabs-panel > h2.active:after, .product .woocommerce-Tabs-panel #reviews > h2.active:after {content: "\e921"} .search-no-results-wrapper:before{ content: "\f12a"; font-family:"Font Awesome 5 Free"; font-style: normal; font-weight: 900; text-transform: none; letter-spacing: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; width: 120px; height: 120px; background: var(--ts-primary-color); color: var(--ts-text-in-primary-color); border-radius: 50%; font-size: 50px; text-align: center; line-height: 120px; margin-bottom: 50px; } .mobile-menu-wrapper li .ts-menu-drop-icon:after {content: "\e9ab"} .mobile-menu-wrapper li.active .ts-menu-drop-icon.active:after {content: "\e90f";} body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {content: "\e952"} .search-table .search-button:before, .widget_display_search > form > div:before, .wp-block-search .wp-block-search__button:before, .woocommerce-product-search button[type="submit"]:before, body .select2-search--dropdown:before, .search-button.search-icon .icon:before {content: "\e99b"} .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before {content: "\e99b"} .widget-container.product-filter-by-brand ul > li label:after, .product-filter-by-price ul > li label:after, .woocommerce .widget_rating_filter ul li a:after, .product-on-sale-form > label:after {content: "\e94d"} /*** Group product icon ***/ .product-group-button > div.quickshop a:before {content: "\e99b"} a.ts-add-to-wishlist:before {content: "\e9a0"} a.ts-add-to-wishlist.added:before {content: "\e9a1"} a.ts-add-to-compare:before, .product-group-button > div.compare a:before{content: "\e999"} a.ts-add-to-compare.added:before, .product-group-button > div.compare a.added:before {content: "\e99a"} .product-group-button div.loop-add-to-cart a:before {content: "\e99c"} .woocommerce .product-group-button .button.add_to_cart_button.added:before, .product-group-button div.loop-add-to-cart a.added:before {content: "\e99f"} .ts-compare-popup .button, .ts-wishlist-table-wrapper .product-add-to-cart a, .woocommerce .button.add_to_cart_button, .woocommerce .button.single_add_to_cart_button, .product-group-button-meta div.loop-add-to-cart a.button { display: flex; align-items: center; justify-content: center; gap: 10px; position: relative; overflow: hidden; } .product-style-v3 .ts-wishlist-table-wrapper .product-add-to-cart a, .product-style-v3 .product-group-button-meta div.loop-add-to-cart a.button { font-size: calc(1rem + 2px); display: inline-flex; } .product-style-v3 .ts-compare-popup .button:after{display: none;} .product-style-v3 .ts-fbt-form .submit-wrapper button {display: inline-flex;justify-content: center;} .product-style-v3 .ts-compare-popup .button:not(.added), .product-style-v3 .ts-wishlist-table-wrapper .product-add-to-cart a:not(.added), .product-style-v3 .woocommerce .button.add_to_cart_button:not(.added), .product-style-v3 .ts-fbt-form .submit-wrapper button:not(.added), .product-style-v3.woocommerce .button.single_add_to_cart_button:not(.added), .product-style-v3 .product-group-button-meta div.loop-add-to-cart a.button:not(.added) { gap: 20px; } .product-style-v3 .ts-compare-popup .button:not(.loading):after, .product-style-v3 .ts-wishlist-table-wrapper .product-add-to-cart a:not(.loading):after, .product-style-v3 .woocommerce .button.add_to_cart_button:not(.loading):after, .product-style-v3.woocommerce .button.single_add_to_cart_button:not(.loading):after, .product-style-v3 .ts-fbt-form .submit-wrapper button:not(.loading):after, .product-style-v3 .product-group-button-meta div.loop-add-to-cart a.button:not(.loading):after { content: "\e9c2"; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; } .product-style-v6 .ts-fbt-form .submit-wrapper button {display: inline-flex;justify-content: center;} .product-style-v6 #reviews .woocommerce-product-rating .woocommerce-review-link, .product-style-v6 .ts-compare-popup .button:not(.added), .product-style-v6 .ts-wishlist-table-wrapper .product-add-to-cart a:not(.added), .product-style-v6 .woocommerce .button.add_to_cart_button:not(.added), .product-style-v6 .ts-fbt-form .submit-wrapper button:not(.added), .product-style-v6.woocommerce .button.single_add_to_cart_button:not(.added), .product-style-v6 .product-group-button-meta div.loop-add-to-cart a.button:not(.added) { gap: 20px; display: inline-flex; } .product-style-v6 .product-group-button-meta div.loop-add-to-cart a.button.loading:before{ border-top-color: var(--ts-btn-addtocart-color); } .product-style-v6 #reviews .woocommerce-product-rating .woocommerce-review-link { justify-content: center; padding-left: 40px; padding-right: 40px; min-width: 0; } .product-style-v6 #reviews .woocommerce-product-rating .woocommerce-review-link:after, .product-style-v6 .ts-compare-popup .button:not(.loading):after, .product-style-v6 .ts-wishlist-table-wrapper .product-add-to-cart a:not(.loading):after, .product-style-v6 .woocommerce .button.add_to_cart_button:not(.loading):after, .product-style-v6 .woocommerce .button.single_add_to_cart_button:not(.loading):after, .product-style-v6 .ts-fbt-form .submit-wrapper button:not(.loading):after, .product-style-v6 .product-group-button-meta div.loop-add-to-cart a.button:not(.loading):after { content: "\e914"; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; font-size: 1.25em; } .woocommerce .button.add_to_cart_button.added:before, .woocommerce .button.single_add_to_cart_button.added:before { content: "\e9bc"; line-height: 1; } .product-style-v6 .subscribe-email .button:after, .load-more-wrapper .button:after, .ts-shop-load-more .button:after { content: "\e914";/* rtl */ } #add_payment_method .cart-collaterals .shipping-calculator-button, .woocommerce-cart .cart-collaterals .shipping-calculator-button, .woocommerce-checkout .cart-collaterals .shipping-calculator-button { display: inline-flex; flex-direction: row-reverse; align-items: center; gap: 10px; } #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: "\e94f"; margin: 0; } .ts-product-360-button:before, .ts-product-video-button:before { content: "\e9d3"; display: inline-block; } .ts-product-360-button:before {content: "\e9cb"} .threesixty .nav_bar a:before {content: "\e9cf"} .threesixty .nav_bar a.nav_bar_stop:before {content: "\e9ce"} .threesixty .nav_bar a.nav_bar_previous:before {content: "\e9cc"} .threesixty .nav_bar a.nav_bar_next:before {content: "\e9cd"} .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before {content: "\e9aa";} .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before {content: "\e953";} .ts-instagram-wrapper .item > a:after {content: "\e930";} nav > ul.menu li[class*="fa-"]:before, .widget_nav_menu li[class*="fa-"]:before{ font-family:"Font Awesome 5 Free"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .widget_nav_menu li.fas:before, nav > ul.menu li.fas:before {font-weight: 900;} .widget_nav_menu li.fab:before, nav > ul.menu li.fab:before {font-family: "Font Awesome 5 Brands";} .elementor-lightbox .dialog-lightbox-close-button, .elementor-lightbox .elementor-swiper-button {outline: 0} .widget-title-wrapper a.block-control { position: absolute; width: 20px; height: 20px; top: 1px; right: 0;/* rtl */ line-height: 20px; cursor: pointer; color: inherit; text-decoration: none; text-align: center; text-indent: 0; letter-spacing: 0; z-index: 8; display: none; } .widget-title-wrapper a.block-control:after { content: "\e951"; width: 20px; height: 20px; font-size: 9px; line-height: 20px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: inline-block; transition: 200ms ease; text-align: end; } .widget-title-wrapper a.block-control.active:after {content: "\e952";} /*------------------------------------------------------------------------------------------------------------------- LOADING ---------------------------------------------------------------------------------------------------------------------*/ .images.loading:after, .swiper-lazy-preloader, .custom-breadcrumb-wrapper.loading:after, body:not(.elementor-editor-active) .elementor-section.loading:before, .ts-product .content-wrapper.loading:after, .ts-instagram-wrapper.loading:after, .ts-logo-slider-wrapper.loading .content-wrapper:after, .related-posts.loading .content-wrapper:after, .woocommerce .product figure.loading:after, .ts-products-widget-wrapper.loading:after, .ts-blogs-widget-wrapper.loading:after, .ts-recent-comments-widget-wrapper.loading:after, .blogs article a.gallery.loading:after, .ts-blogs-wrapper.loading .content-wrapper:after, .ts-testimonial-wrapper .items.loading:after, .entry-format .thumbnail.loading:after, article .thumbnail.loading:after, .thumbnails.loading:after, .ts-product-category-wrapper .content-wrapper.loading:after, .thumbnails-container.loading:after, .column-products.loading:after, .ts-team-members .loading:after, .ts-products-widget-wrapper.loading:after, .ts-blogs-widget-wrapper.loading:after, .ts-recent-comments-widget-wrapper.loading:after, .ts-tiny-cart-wrapper li div.blockUI.blockOverlay:after, .widget_shopping_cart li div.blockUI.blockOverlay:after, .elementor-widget-wp-widget-woocommerce_widget_cart div.blockUI.blockOverlay:after, .ts-popup-modal.loading .overlay:before, .ts-wishlist-table-wrapper.loading:after, .ts-compare-popup.loading:after, .ts-frequently-bought-together.loading .ts-fbt-form:after, .dropdown-container ul.cart_list li.loading:after, div.blockUI.blockOverlay:after, .woocommerce div.blockUI.blockOverlay:after, .wpcf7-spinner:after, .footer-container.loading:after, .mailchimp-subscription .processing button.button:before, .search-table .search-button:after, .woocommerce a.button.loading:before, .woocommerce button.button.loading:before, .ts-grouped-product-wrapper .wishlist a.loading:before, .product-group-button > div a.loading:before, .woocommerce .product-group-button > div a.loading:before, .product-group-button-meta > div.button-in a.loading:before, .woocommerce .product-group-button-meta > div.button-in a.loading:before { content: ""; width: var(--loading-size); height: var(--loading-size); border: 2px solid rgba(86,86,86,.3); border-top-color: #000; border-radius: 50%; text-align: center; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: calc( var(--loading-size) * -0.5 ); margin-left: calc( var(--loading-size) * -0.5 ); -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; background: transparent !important; z-index: 5; } .search-table .search-button:after { margin-top: calc(var(--loading-size) * -0.5 - 1px); } .woocommerce a.button.loading:after, .woocommerce button.button.loading:after { content: ''; position: absolute; inset: 0; padding: 0; margin: 0; animation: none; z-index: 2; } div.blockUI.blockOverlay:after, .woocommerce div.blockUI.blockOverlay:after { border-top-color: var(--ts-dropdown-color); } .woocommerce a.button.loading:after, .woocommerce button.button.loading:after { background: var(--ts-btn-addtocart-bg); } .woocommerce a.button.loading:hover, .woocommerce button.button.loading:hover{ border-color: var(--ts-btn-addtocart-border); background: var(--ts-btn-addtocart-bg); } .woocommerce a.button.loading:before, .woocommerce button.button.loading:before { border-color: rgba(194,194,194,0.3); border-top-color: var(--ts-btn-color); } .ts-grouped-product-wrapper .wishlist a.loading:before, .product-group-button > div a.loading:before, .woocommerce .product-group-button > div a.loading:before, .product-group-button-meta > div.button-in a.loading:before, .woocommerce .product-group-button-meta > div.button-in a.loading:before { border-width: 1px; border-top-color: var(--ts-btn-thumbnail-color); } :where(.product-group-button, .product-group-button-meta) > div a.loading, :where(.product-group-button, .product-group-button-meta) > div a.button.loading, .woocommerce :where(.product-group-button, .product-group-button-meta) > div a.loading, .woocommerce :where(.product-group-button, .product-group-button-meta) > div a.button.loading { --loading-size: 14px; } .ts-grouped-product-wrapper .wishlist a.loading:hover:before, .product-group-button > div a.loading:hover:before, .woocommerce .product-group-button > div a.loading:hover:before, .product-group-button-meta > div.button-in a.loading:hover:before, .woocommerce .product-group-button-meta > div.button-in a.loading:hover:before { border-top-color: var(--ts-btn-thumbnail-color); } .product-group-button > div.loop-add-to-cart a.button:after, .woocommerce .product-group-button > div.loop-add-to-cart a.button:after {display: none;} .ts-tiny-cart-wrapper li div.blockUI.blockOverlay:after { z-index: 4; } .mailchimp-subscription .processing button.button:before, .search-table .search-button:after { opacity: 0; visibility: hidden; } .mailchimp-subscription .processing button.button, .search-table .search-button { --loading-size: 18px; } .mailchimp-subscription .processing button.button:before { border-top-color: var(--ts-body-bg); } .mailchimp-subscription .processing button.button:hover:before { border-top-color: var(--ts-text-color); } .mailchimp-subscription .processing button.button > span {opacity: 0;visibility: hidden;} .button-in .blockUI.blockOverlay:before{opacity:1!important} .images.loading, .swiper-lazy-preloader, body:not(.elementor-editor-active) .elementor-section.loading:before, .ts-product .content-wrapper.loading, .ts-instagram-wrapper.loading, .ts-logo-slider-wrapper.loading .content-wrapper, .related-posts.loading .content-wrapper, .woocommerce .product figure.loading, .ts-products-widget-wrapper.loading, .ts-blogs-widget-wrapper.loading, .ts-recent-comments-widget-wrapper.loading, .blogs article a.gallery.loading, .ts-blogs-wrapper.loading .content-wrapper, .ts-testimonial-wrapper .items.loading, .entry-format .thumbnail.loading, article .thumbnail.loading, .thumbnails.loading, .ts-product-category-wrapper .content-wrapper.loading, .thumbnails-container.loading, .column-products.loading, .ts-team-members .loading, .ts-products-widget-wrapper.loading, .ts-blogs-widget-wrapper.loading, .ts-recent-comments-widget-wrapper.loading, .single-product-buttons a.compare, .ts-tiny-cart-wrapper li div.blockUI.blockOverlay, .widget_shopping_cart li div.blockUI.blockOverlay, .elementor-widget-wp-widget-woocommerce_widget_cart div.blockUI.blockOverlay, .dropdown-container ul.cart_list li.loading, div.blockUI.blockOverlay, .woocommerce div.blockUI.blockOverlay, .wpcf7-spinner, .footer-container.loading { --loading-size: 24px; z-index: 9; } .swiper-lazy-preloader, body:not(.elementor-editor-active) .elementor-section.loading, div.blockUI.blockOverlay, .woocommerce div.blockUI.blockOverlay, .woocommerce-cart .woocommerce-cart-form div.blockUI.blockOverlay, .ts-popup-modal.loading .overlay, .images.loading, .ts-product .content-wrapper.loading, .ts-logo-slider-wrapper.loading .content-wrapper, .ts-instagram-wrapper.loading, .related-posts.loading .content-wrapper, .woocommerce .product figure.loading, .blogs article a.gallery.loading, .ts-blogs-wrapper.loading .content-wrapper, .ts-testimonial-wrapper .items.loading, .entry-format .thumbnail.loading, article .thumbnail.loading, .thumbnails.loading, .ts-product-category-wrapper .content-wrapper.loading, .thumbnails-container.loading, .column-products.loading, .ts-team-members .loading, .ts-popup-modal.loading .overlay, .footer-container.loading { --loading-size: 30px; } .footer-container.loading{position: relative;} .footer-container.loading:before{opacity: 1;} .mailchimp-subscription .processing button.button:before, .search-table .loading ~.search-button:after, .search-table .loading .search-button:after { opacity: 1; visibility: visible; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite } .search-table .search-field.loading ~ .search-button:before, .search-table .search-field.loading .search-button:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: none; width: 100%; animation: none; margin: 0; padding: 0; transform: none; height: 100% } .header-text-light .header-middle .search-table .loading ~.search-button:after, .header-text-light .header-middle .search-table .loading .search-button:after { border-color: rgba(255,255,255,0.3); } .header-middle .search-table .loading ~.search-button:after, .header-middle .search-table .loading .search-button:after, .header-text-light .header-middle .search-table .loading ~.search-button:after, .header-text-light .header-middle .search-table .loading .search-button:after { border-top-color: var(--ts-hd-middle-color); } div.blockUI.blockOverlay { z-index: 992 !important; -webkit-animation: none !important; -moz-animation: none !important; animation: none !important; background: transparent !important; left: 0; top: 0; width: 100%; height: 100%; position: absolute; opacity: 1 !important } .dropdown-container ul.cart_list li.loading:before, div.blockUI.blockOverlay:before, .woocommerce div.blockUI.blockOverlay:before, .footer-container.loading:before { left: 0; right: 0; bottom: 0; height: 100%; width: 100%; top: 0; z-index: 4; opacity: .9; margin: 0; background-image: none; position: absolute; display: inline-block; content: ""; -webkit-animation: none; -moz-animation: none; animation: none; background-color: var(--ts-dropdown-bg) } .woocommerce-cart .cart-collaterals div.blockUI.blockOverlay:before { border-radius: var(--ts-border-radius); } .footer-container.loading:before {opacity: 1;background: var(--ts-footer-bg);} .footer-container.loading:after { border-color: rgba(150,150,150,0.2); border-top-color: var(--ts-footer-heading-color); } .dropdown-container ul.cart_list li.loading:before { background-color: var(--ts-dropdown-bg) } .swiper-lazy-preloader, .ts-popup-modal.loading .overlay:before { border-color: rgba(255, 255, 255, .6); border-top-color: rgba(255, 255, 255, 1) } .images.loading, .ts-product .content-wrapper.loading, .ts-logo-slider-wrapper.loading, .ts-instagram-wrapper.loading, .related-posts.loading .content-wrapper, .woocommerce .product figure.loading, .ts-products-widget-wrapper.loading, .ts-blogs-widget-wrapper.loading, .ts-recent-comments-widget-wrapper.loading, .blogs article a.gallery.loading, .ts-blogs.loading .content-wrapper, .ts-testimonial-wrapper .items.loading, .entry-format .thumbnail.loading, article .thumbnail.loading, .thumbnails.loading, .ts-product-category-wrapper .content-wrapper.loading, body:not(.elementor-editor-active) .elementor-section.loading, .thumbnails-container.loading, .column-products.loading, .ts-team-members .loading { position: relative; overflow: hidden; background: transparent !important; border-color: transparent } .images > *, .ts-product:not(.ts-slider) .content-wrapper > *, .ts-logo-slider-wrapper .content-wrapper > *, .related-posts:not(.ts-slider) .content-wrapper > *, .woocommerce .product figure > *, .ts-products-widget-wrapper:not(.ts-slider) > *, .ts-blogs-widget-wrapper:not(.ts-slider) > *, .ts-recent-comments-widget-wrapper:not(.ts-slider) > *, .blogs article a.gallery > *, .ts-blogs:not(.ts-slider) .content-wrapper > *, .ts-testimonial-wrapper:not(.ts-slider) .items > *, article .thumbnail > *, .thumbnails > *, .ts-product-category-wrapper:not(.ts-slider) .content-wrapper > *, body:not(.elementor-editor-active) .elementor-section > *, .thumbnails-container > *, .ts-team-members:not(.ts-slider) > * { transition: opacity 350ms ease 0s, visibility 350ms ease 0s } .images.loading > *, .ts-product .content-wrapper.loading > *, .ts-instagram-wrapper.loading > *, .ts-logo-slider-wrapper.loading .content-wrapper > *, .related-posts.loading .content-wrapper > *, .woocommerce .product figure.loading > *, .ts-products-widget-wrapper.loading > *, .ts-blogs-widget-wrapper.loading > *, .ts-recent-comments-widget-wrapper.loading > *, .blogs article a.gallery.loading > *, .ts-blogs.loading .content-wrapper > *, .ts-testimonial-wrapper .items.loading > *, .entry-format .thumbnail.loading > *, article .thumbnail.loading > *, .thumbnails.loading > *, .ts-product-category-wrapper .content-wrapper.loading > *, body:not(.elementor-editor-active) .elementor-section.loading >* , .thumbnails-container.loading > *, .column-products.loading > *, .ts-team-members .loading > * { visibility: hidden; opacity: 0 } .thumbnails.loading:before, .thumbnails-container.loading:before { display: block !important } .ts-product.ts-slider .content-wrapper.loading {height: 500px;} .ts-product-category-wrapper.ts-slider .content-wrapper.loading {height: 160px;} .ts-product-category-wrapper.style-icon.ts-slider .content-wrapper.loading {height: 80px;} .ts-logo-slider-wrapper.loading .content-wrapper, .ts-product.ts-slider.ts-product-brand-wrapper .content-wrapper.loading {height: auto;} .ts-team-members .loading {height: 482px;} .ts-blogs.loading .content-wrapper, .related-posts.loading .content-wrapper, .ts-instagram-wrapper.loading, .ts-testimonial-wrapper .items.loading {height: 200px} .ts-products-widget-wrapper.loading, .ts-recent-comments-widget-wrapper.loading, .ts-blogs-widget-wrapper.loading {height: 200px;} .single-product-buttons a.ts-add-to-wishlist, .single-product-buttons a.ts-add-to-compare, .load-more-wrapper .button, .ts-shop-load-more .button, .product-style-v6 .subscribe-email .button, .woocommerce .ts-shop-load-more .button { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; } .product-style-v6 .subscribe-email .button, .load-more-wrapper .button, .ts-shop-load-more .button, .woocommerce .ts-shop-load-more .button { gap: 20px; } .single-product-buttons a.ts-add-to-wishlist, .single-product-buttons a.ts-add-to-compare { line-height: 18px !important; --loading-size: 12px; position: relative; } .single-product-buttons a.ts-add-to-wishlist:before, .single-product-buttons a.ts-add-to-compare:before { font-size: 13px; line-height: 1; } .single-product-buttons a.ts-add-to-compare:before { position: relative; top: -1px; } .single-product-buttons a.ts-add-to-wishlist.loading:after, .single-product-buttons a.ts-add-to-compare.loading:after { content: ""; width: var(--loading-size); height: var(--loading-size); border: 1px solid rgba(0,0,0,.3); border-top-color: #000; border-radius: 50%; text-align: center; display: inline-block; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; position: absolute; left: 0;/* rtl */ top: 50%; margin-top: calc(var(--loading-size)*-1/2); } .single-product-buttons a.ts-add-to-wishlist.loading:hover:after, .single-product-buttons a.ts-add-to-compare.loading:hover:after { border-color: var(--ts-primary-opacity); border-top-color: var(--ts-primary-color); } .single-product-buttons a.ts-add-to-wishlist.loading:before, .single-product-buttons a.ts-add-to-compare.loading:before { opacity: 0; visibility: hidden; } /*------------------------------------------------------------------------------------------------------------------- I. HEADER ---------------------------------------------------------------------------------------------------------------------*/ header .logo-header a {padding: 0;} header .logo img { width: var(--ts-logo-width, 190px); } /*-------------------------------------------------------- 1. MENU ---------------------------------------------------------*/ nav.menu > ul, nav > ul.menu, nav > ul.menu > ul {padding: 0;margin: 0;} nav.menu > ul, nav > ul.menu { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--ts-gap-small); } .header-v8 .ts-header nav > ul.menu { padding: 13px 30px; background: var(--ts-dropdown-bg); color: var(--ts-dropdown-color); border: 1px solid; border-radius: 40px; } .header-top nav > ul.menu {gap: 0 20px;} .ts-header .header-top .header-right, .ts-header .header-bottom .header-right { gap: 0 var(--ts-gap-small); } .ts-menu nav > ul > li, nav > ul.menu > li { list-style: none; position: relative; padding: 0; display: inline-flex; align-items: center; cursor: pointer; gap: 0 10px; } .header-bottom .ts-menu nav > ul > li.special-item { order: 100; margin-left: auto; /* rtl */ } .header-bottom .ts-menu nav > ul > li.special-item > a { font-weight: normal; } .header-bottom .ts-menu nav > ul > li.special-item .ts-menu-drop-icon { top: -3px; } .mobile-menu-wrapper ul > li > a, .ts-header nav > ul.menu > li > a{ font-size: var(--ts-menu-font-size); font-family: var(--ts-menu-font-family); font-weight: var(--ts-menu-font-weight); letter-spacing: var(--ts-menu-letter-spacing); } .ts-header .header-bottom nav > ul.menu > li > a{ font-size: var(--ts-menu-2-font-size); font-family: var(--ts-menu-2-font-family); font-weight: var(--ts-menu-2-font-weight); letter-spacing: var(--ts-menu-2-letter-spacing); } .ts-menu nav > ul > li > a, nav > ul.menu > li > a { line-height: 24px; } .header-top .ts-menu nav > ul > li > a, .header-top nav > ul.menu > li > a { line-height: 22px; } .ts-menu nav > ul > li > a, nav > ul.menu > li > a { position: relative; display: inline-block; text-decoration: none; } li.hide ul.sub-menu { display: none !important; } .ts-header .menu-wrapper .ts-menu {width: 100%;display: inline-block; position: relative;} .menu-desc {line-height: 1.2;font-size: 0.9rem;font-weight: normal;width: 100%;color: var(--ts-gray-color);margin-top: 5px;} .ts-header nav > ul.menu > li:hover, .ts-header nav > ul > li:hover {z-index: 1003;} .ts-menu nav > ul > li > a, nav > ul.menu > li > a, nav > ul.menu > li a:hover, nav > ul > li a:hover { text-decoration: none; } /*** Menu Icon ***/ nav > ul.menu li a.has-icon .menu-icon, nav > ul.menu li:before { display: inline-block; font-size: 1.25em; position: relative; top: -1px; } .header-bottom .ts-menu nav > ul > li.icon-primary-color:before, .header-bottom nav > ul.menu > li.icon-primary-color:before, nav > ul.menu li.icon-primary-color:before { color: var(--ts-primary-color); } nav > ul.menu li a.has-icon { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } nav > ul.menu li a.has-icon .menu-icon { min-width: 20px; display: inline-block; position: relative; } .ts-menu > nav > ul.menu li a.has-icon .menu-icon { width: 20px; } ul.menu li > a > .menu-icon .icon-hover { position: absolute; top: 0; left: 0; /* rtl */ opacity: 0; visibility: hidden; } ul.menu li:hover > a > .menu-icon .icon-hover { opacity: 1; visibility: visible; } ul.menu li:hover > a.has-icon > .menu-icon > img.icon-hover ~ img { opacity: 0; visibility: hidden; } .mobile-menu-wrapper .mobile-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h5, .ts-header .menu-wrapper .ts-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h5 { margin-bottom: 20px; } nav > ul.menu li .menu-desc { text-transform: none; margin-top: 5px; } .menu-sub-label { position: absolute; right: -23px; /* rtl */ top: -12px; padding: 1px 2px; line-height: 13px; font-size: 9px; color: #ffffff; background-color: #000000; text-align: center; min-width: 35px; text-transform: uppercase; border-radius: 3px; } .menu-sub-label:before { width: 0; height: 0; border-top: 0; border-left: 5px solid;/* rtl */ border-bottom: 6px solid; border-top-color: transparent !important; border-bottom-color: transparent !important; border-left-color: #000000; border-right-color: #000000; transform: rotate(15deg); position: absolute; right: 50%;/* rtl */ margin-right: -3px;/* rtl */ content: ""; bottom: -5px; } /*** Submenu ***/ .ts-header nav > ul.menu ul.sub-menu li:hover > ul.sub-menu { -webkit-animation-duration: 300ms; -moz-animation-duration: 300ms; animation-duration: 300ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_menu_sub; -moz-animation-name: animation_menu_sub; animation-name: animation_menu_sub; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; display: block; } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu .sub-menu { top: -35px; left: 100%; /* rtl */ padding: 40px 40px 40px 80px; /* rtl */ } :where(.header-v1, .header-v2, .header-v6) .header-sticky:not(.is-sticky) .header-middle nav > ul.menu li:not(.ts-megamenu) ul.sub-menu .sub-menu, .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu .sub-menu {padding-top: 40px;} .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu .sub-menu:after {top: -1px;} .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu > li:first-child .sub-menu {top: -40px;} .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu > li .sub-menu:after { left: 40px; /* rtl */ top: 1px; } .ts-header nav > ul.menu li .ts-megamenu-widgets-container > ul { padding: 0; margin: 0; width: auto; } .ts-mega-menu { margin: 0 -10px; overflow: hidden; } .ts-menu-drop-icon { font-size: 1.2rem; margin: 0; display: inline-block; letter-spacing: 0; } .ts-header .ts-menu .ts-menu-drop-icon { line-height: 1; position: relative; top: 1px; font-size: 8px; } .ts-header .header-middle .ts-menu .ts-menu-drop-icon { top: 0; } .ts-menu-drop-icon:hover {cursor: pointer;} .ts-header nav > ul.menu li.parent > a:after { font-size: 14px; display: inline-block; vertical-align: -2px; } .ts-header nav ul.menu .sub-menu > li { display: block; position: relative; z-index: 2; } .ts-header nav > ul.menu .sub-menu li.parent > a:after { margin-left: 0; /* rtl */ position: absolute; right: 0; /* rtl */ display: none; } .ts-header nav > ul.menu .sub-menu li.parent > .ts-menu-drop-icon { position: absolute; right: 0; /* rtl */ padding: 0; margin: 0 0 0 3px; /* rtl */ display: flex; align-items: center; transform: none; width: auto; height: 22px; line-height: 22px; top: 6px; } .ts-header nav > ul.menu .sub-menu > li.parent:first-child > .ts-menu-drop-icon { top: 0; } .ts-header nav > ul.menu li ul.sub-menu { position: absolute; z-index: 999; top: 100%; margin: 0; display: none; padding-top: 25px; } .ts-header nav > ul.menu li:not(.ts-megamenu) ul.sub-menu { padding: 55px 30px 30px 30px; width: 290px; left: -40px;/* rtl */ } .ts-header .ts-menu > nav > ul.menu li:not(.ts-mega-menu) .sub-menu > li.parent { padding-right: 20px;/* rtl */ } nav > ul.menu ul.sub-menu { color: var(--ts-dropdown-color); } nav > ul.menu li {list-style: none;} nav > ul.menu li:where([class^="icon-"], [class*=" icon-"], [class*="fa-"]) { font-family: inherit !important; font-style: inherit; font-weight: inherit; font-variant: inherit; text-transform: inherit; line-height: 22px; } nav > ul.menu li:where([class^="icon-"], [class*=" icon-"], [class*="fa-"]):before { -webkit-animation: rotateIn 1s linear; animation: rotateIn 1s linear; } nav > ul.menu li:where([class^="icon-"], [class*=" icon-"]):before { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } nav > ul.menu li[class*="fa-"]:before { font-family:"Font Awesome 5 Free"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ts-header nav > ul.menu li ul.sub-menu > * { position: relative; z-index: 2; } .ts-header nav > ul.menu li ul.sub-menu:after { content: ""; position: absolute; top: 25px; right: 0; left: 0; bottom: 0; z-index: 0; background-color: var(--ts-dropdown-bg); } .ts-header .header-bottom nav > ul.menu li ul.sub-menu:after { top: 26px; } /**/ .product-style-v4 .ts-header .header-middle nav > ul.menu li ul.sub-menu {padding-top: 27px;} .product-style-v4 .ts-header .header-middle nav > ul.menu li.ts-megamenu ul.sub-menu {padding-top: 27px;} .product-style-v4 .ts-header .header-middle nav > ul.menu li:not(.ts-megamenu) ul.sub-menu {padding-top: 57px;} .product-style-v4 .ts-header .header-middle nav > ul.menu li ul.sub-menu:after {top: 27px;} .product-style-v4 .ts-header .is-sticky .header-middle nav > ul.menu li ul.sub-menu {padding-top: 30px;} .product-style-v4 .ts-header .is-sticky .header-middle nav > ul.menu li.ts-megamenu ul.sub-menu {padding-top: 30px;} .product-style-v4 .ts-header .is-sticky .header-middle nav > ul.menu li:not(.ts-megamenu) ul.sub-menu {padding-top: 60px;} .product-style-v4 .ts-header .is-sticky .header-middle nav > ul.menu li ul.sub-menu:after {top: 30px;} /**/ .header-v5.product-style-v4 .ts-header .is-sticky .header-middle nav > ul.menu li ul.sub-menu {padding-top: 29px;} .header-v5.product-style-v4 .ts-header .is-sticky .header-middle nav > ul.menu li.ts-megamenu ul.sub-menu {padding-top: 60px;} .header-v5.product-style-v4 .ts-header .is-sticky .header-middle nav > ul.menu li:not(.ts-megamenu) ul.sub-menu {padding-top: 29px;} .header-v5.product-style-v4 .ts-header .is-sticky .header-middle nav > ul.menu li ul.sub-menu:after {top: 29px;} /**/ .ts-header nav > ul.menu li:not(.ts-megamenu) ul.sub-menu:after { border: 1px solid; border-radius: 6px; } .ts-header nav > ul.menu li:not(.ts-megamenu) ul.sub-menu:after { box-shadow: 0 0 54px rgba(0, 0, 0, .1); } .ts-header nav > ul.menu li.ts-megamenu ul.sub-menu:after { box-shadow: 0 30px 54px rgba(0, 0, 0, .1); } .header-v3 .ts-header nav > ul.menu li.ts-megamenu ul.sub-menu:after, .ts-header .is-sticky nav > ul.menu li.ts-megamenu ul.sub-menu:after { box-shadow: 0 50px 54px rgba(0, 0, 0, .1); } .menu-background-overlay .ts-header nav > ul.menu li ul.sub-menu:after { box-shadow: none; } .ts-header nav > ul.menu li.ts-megamenu > ul.sub-menu > li { padding: 0 !important; margin: 0 auto; display: block; padding: 32px 0; } .ts-header nav > ul.menu ul.sub-menu > li > a { position: relative; } .ts-header nav > ul.menu ul.sub-menu > li > a, .ts-header nav > ul.menu ul.sub-menu > li > .ts-menu-drop-icon, .ts-header nav > ul.menu ul.sub-menu > li:before { color: var(--ts-dropdown-color); } .ts-header nav > ul.menu ul.sub-menu > li:hover > a, .ts-header nav > ul.menu ul.sub-menu > li:hover > .ts-menu-drop-icon, .ts-header nav > ul.menu ul.sub-menu > li:hover:before, .ts-header nav > ul.menu ul.sub-menu > li[class*="current-"]:hover:before, .ts-header nav > ul.menu ul.sub-menu > li[class*="current-"] > a, .ts-header nav > ul.menu ul.sub-menu > li[class*="current-"]:before, .ts-header nav > ul.menu ul.sub-menu > li[class*="current-"] > .ts-menu-drop-icon { color: var(--ts-link-hover-color); } /*** Mega Menu ***/ .ts-header nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu {width: 1500px;} .ts-header nav > ul.menu li.ts-megamenu-columns-4 ul.sub-menu {width: 880px;} .ts-header nav > ul.menu li.ts-megamenu-columns-3 ul.sub-menu {width: 650px;} .ts-header nav > ul.menu li.ts-megamenu-columns-2 ul.sub-menu {width: 461px;} .ts-header nav > ul.menu li.ts-megamenu-columns-1 ul.sub-menu {width: 300px;} .ts-header { font-size: 1em; line-height: 20px; } .header-language-currency, .group-icons-left, .ts-header .header-left, .ts-header .header-right { display: flex; align-items: center; gap: 0 20px; } .header-language-currency, .group-icons-left, .ts-header .header-left {gap: 0 20px;} .ts-header .header-right {gap: 0 23px;} :where(.header-v4, .header-v6) .ts-header .header-right {gap: 0 25px;} .header-language-currency {flex-wrap: wrap;} .header-language-currency {gap: 0 20px;} .ts-header .header-right { justify-content: flex-end; margin-left: auto;/* rtl */ } .header-v3 .ts-header .header-middle .header-right { gap: 0 5px; --ts-header-icon-size: 16px; } .shopping-cart-wrapper a.cart-control {color: inherit;} .header-v3 .search-button.search-icon .icon, .header-v3 .my-wishlist-wrapper .tini-wishlist, .header-v3 .shopping-cart-wrapper .cart-control .ic-cart, .header-v3 .ts-tiny-account-wrapper .account-control > a { width: 41px; height: 41px; border-radius: 50%; background: rgba(204,204,204,0.2); text-align: center; justify-content: center; } .header-v3 .shopping-cart-wrapper .cart-control { padding-right: 0;/* rtl */ } .header-v3 .search-button.search-icon .icon:before, .header-v3 .my-wishlist-wrapper .tini-wishlist:before, .header-v3 .shopping-cart-wrapper .cart-control .ic-cart:before, .header-v3 .ts-tiny-account-wrapper .account-control > a:before { line-height: 40px; } .header-v3 .my-wishlist-wrapper .tini-wishlist .count-number, .header-v3 .shopping-cart-wrapper .cart-control .cart-number { right: -5px;/* rtl */ left: auto;/* rtl */ top: -5px; } .header-v3 .header-middle .ts-search-by-category:not(:last-child) { margin-right: 35px;/* rtl */ } .header-v7 .header-top > .container { font-size: calc(var(--ts-body-font-size) - 1px); } .header-v7 .header-middle > .container {align-items: stretch;} .header-v7 .header-middle > .container, .header-v7 .header-top > .container, .header-v7 .header-top .header-left { gap: 40px; } .header-v7 .header-top .header-left { justify-content: space-between; flex: 1; padding-right: 40px;/* rtl */ border-right: 1px solid var(--ts-hd-top-border);/* rtl */ } .header-v7 .ts-header .hotline, .header-v7 .header-left > * { margin: 0; padding: 0; } .header-v7 .ts-header .hotline:after {display: none;} .header-v7 .header-middle .header-left { padding-right: 40px;/* rtl */ border-right: 1px solid var(--ts-hd-middle-border);/* rtl */ } .header-v7 .header-middle .header-right { padding-left: 40px;/* rtl */ border-left: 1px solid var(--ts-hd-middle-border);/* rtl */ } .header-v7 .header-middle .header-language-currency { margin: 0 !important; padding-left: 40px;/* rtl */ border-left: 1px solid var(--ts-hd-middle-border);/* rtl */ } .header-v7 .header-middle .menu-wrapper {flex: 1;} .header-v8 .header-language-currency { padding: 10px 20px; border: 1px solid; border-radius: 40px; } .header-right .header-language-currency:last-child > .header-currency .wcml_currency_switcher > ul, .header-right .header-language-currency:last-child > .header-language .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-right .header-language-currency:last-child > .header-language .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { left: auto;/* rtl */ right: 0;/* rtl */ margin-left: 0;/* rtl */ } .header-right .header-language-currency:last-child > .header-language .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-right .header-language-currency:last-child > .header-language .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { left: -30px;/* rtl */ } .header-middle .header-center { flex: 1; display: flex; gap: 0 var(--ts-gap-small); align-items: center; } .has-language:not(.has-currency) .header-middle .header-right > .header-language:not(:last-child), .has-currency .header-middle .header-right > .header-currency:not(:last-child) { margin-right: 20px; /*rtl*/ } .ts-header .ts-search-by-category > :where(h5, h6) {display: none;} .ts-header .ts-search-by-category .ts-search-result-container { padding: 10px; position: absolute; top: 100%; min-width: 380px; padding: 61px 30px 30px; left: 50%;/* rtl */ transform: translateX(-50%);/* rtl */ color: var(--ts-dropdown-color); z-index: 10; opacity: 0; visibility: hidden; border-radius: var(--ts-border-radius-large); transition: 250ms ease; } .ts-header .ts-search-by-category .ts-search-result-container:before { position: absolute; content: ""; inset: 31px 0 0; background-color: var(--ts-dropdown-bg); border: 1px solid; border-radius: var(--ts-border-radius); display: block !important; } :where(.product-style-v4,.product-style-v6) .ts-header .ts-search-by-category .ts-search-result-container:before { border-radius: var(--ts-border-radius-large); } .ts-header .ts-search-by-category .ts-search-result-container > p:only-child {margin: 0;} .ts-header .is-sticky .ts-search-by-category .ts-search-result-container, .header-v3 .ts-header .is-sticky .ts-search-by-category .ts-search-result-container {padding-top: 50px;} .ts-header .is-sticky .ts-search-by-category .ts-search-result-container:before {top: 20px;} .header-v3 .ts-header .is-sticky .ts-search-by-category .ts-search-result-container:before {top: 21px;} .header-v3 .ts-header .ts-search-by-category .ts-search-result-container {padding-top: 54px;} .header-v3 .ts-header .ts-search-by-category .ts-search-result-container:before {top: 24px;} .ts-header .ts-search-by-category.focusing .ts-search-result-container { opacity: 1; visibility: visible; } .ts-search-result-container > * { position: relative; z-index: 2; } #ts-search-sidebar .ts-search-result-container > p:only-child { margin: 20px 0 0; } .ts-search-result-container .view-all-wrapper { margin-top: 20px; margin-bottom: 0; text-align: center; text-decoration: underline; text-underline-offset: 4px; } .view-all-wrapper > a { font-family: var(--ts-btn-font-family); font-weight: var(--ts-btn-font-weight); font-style: var(--ts-btn-font-style); text-transform: var(--ts-btn-text-transform); color: inherit !important } .view-all-wrapper a:hover {color: var(--ts-link-hover-color) !important;text-decoration: revert !important;} /**/ .header-language, .header-currency { position: relative; display: block; font-size: calc(1rem - 1px); color: inherit; } .header-top .header-language, .header-top .header-currency { font-size: 1em; } .header-top a:hover, .header-middle a:hover, .header-bottom a:hover {text-decoration: none;} .header-currency .wcml-spinner {display: none;} .ts-header .header-top nav > ul > li {font-size: inherit;font-weight: inherit;padding: 0;} .ts-header .header-top nav > ul.menu > li > a, .ts-header .header-top nav > ul > li > a {font-weight: inherit;font-size: inherit;font-family: inherit;} .ts-header .my-wishlist-wrapper, .ts-header .shopping-cart-wrapper .cart-icon {line-height: 0;} /*** Social ***/ .social-icons ul li { list-style: none; position: relative; margin: 0; padding: 0; position: relative; } .social-icons ul { gap: 20px; display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; } .social-icons li { padding: 0 !important; display: block; position: relative; } .social-icons li i { display: block; } .ts-social-icons li i{ width: auto; height: auto; width: 100%; } .header-social-icon {position: relative;} .header-social-icon .social-icons li i { font-size: 16px; } .header-social-icon .social-icons { display: flex; } .header-social-icon a span{ display: none; } /*-------------------------------------------------------- 2. HEADER TOP ---------------------------------------------------------*/ .header-top, .header-top ul li{ line-height: 20px; } .header-top { background-color: var(--ts-hd-top-bg); color: var(--ts-hd-top-color); } .header-top *, .header-top *:before, .header-top *:after{ border-color: var(--ts-hd-top-border); } .header-info { text-transform: none; } .header-info, .header-info div { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--ts-gap-small); } .header-info a { position: relative; } .header-info a:after { content: ''; position: absolute; bottom: 2px; left: 0; right: 0; border-bottom: 1px solid; transition: 250ms ease; } .header-info a:hover:after {transform: scaleX(0);} .header-info div {gap: 0 10px;} .header-info i {font-size: 1.2em;} .header-info i.icon-arrow { font-size: 2.1em; line-height: 0; } .header-top > .container { flex-wrap: wrap; font-size: calc(var(--ts-body-font-size) - 2px); line-height: 20px; padding-top: 9px; padding-bottom: 9px; } :where(.header-v1, .header-v2.product-style-v2, .header-v3) .header-top > .container { font-size: calc(var(--ts-body-font-size) - 1px); } .header-top > .container, .header-middle > .container, .header-bottom > .container { position: relative; } .header-top > .container:after, .header-middle > .container:after, .header-bottom > .container:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; border-width: 0 0 1px 0; border-style: solid; } .header-v2.product-style-v4 .header-sticky:not(.is-sticky) .header-middle > .container:after, .header-v8 .header-sticky:not(.is-sticky) .header-middle > .container:after, .header-v4 :where(.header-top, .header-middle) > .container:after, .header-v5 :where(.header-top, .header-middle) > .container:after, .header-transparent:not(.header-v6) .header-sticky:not(.is-sticky) :where(.header-middle, .header-bottom) > .container:after { display: none; } :where(.header-v6, .header-v7) .ts-header nav > ul.menu li.ts-megamenu ul.sub-menu:after { box-shadow: 0 54px 54px rgba(0, 0, 0, .1); } .header-v5 .header-middle > .container { border: 1px solid var(--ts-hd-middle-border); border-radius: 20px; } .header-v4 .header-sticky:not(.is-sticky) .header-middle {border-radius: 20px;} .header-v4.product-style-v5 .header-middle {border-radius: 0;} .header-v5 .is-sticky .header-middle > .container {border: 0; border-radius: 0;} .header-sticky:not(.is-sticky) .header-middle > .container:after { border-color: var(--ts-hd-middle-border); } .header-bottom > .container:after { border-color: var(--ts-hd-bottom-border); } body.layout-fullwidth .header-top > .container:after, body .header-fullwidth .header-top > .container:after, body.layout-fullwidth .header-middle > .container:after, body .header-fullwidth .header-middle > .container:after, body.layout-fullwidth .header-bottom > .container:after, body .header-fullwidth .header-bottom > .container:after { left: var(--ts-content-padding); right: var(--ts-content-padding); } body:not(.wide) .is-sticky .header-middle > .container:after, body.header-v3.layout-fullwidth :where(.header-top, .header-middle, .header-bottom) > .container:after, body.header-v3 .header-fullwidth :where(.header-top, .header-middle, .header-bottom) > .container:after, body.header-v7.layout-fullwidth :where(.header-top, .header-middle, .header-bottom) > .container:after, body.header-v7 .header-fullwidth :where(.header-top, .header-middle, .header-bottom) > .container:after { left: 0; right: 0; } .header-top .header-right > *:not(:last-child) { padding-right: calc(var(--ts-gap-small) + 3px); /* rtl */ position: relative; } .header-top .header-right > *:not(:last-child):after { content: ''; width: 3px; height: 3px; border-radius: 50%; background: var(--ts-hd-top-color); position: absolute; right: 0; /* rtl */ top: 50%; transform: translateY(-50%); display: inline-block; } .header-top .header-right > *:not(:last-child):after, body:not(.header-v2):not(.header-v5) .header-top .header-info i.icon-arrow { color: var(--ts-hd-top-color); } .header-v1 .header-top .header-right > *:not(:last-child):after, body:not(.header-v2):not(.header-v5) .header-top .header-info i.icon-arrow { opacity: 0.5; } .ts-header .social-icons ul li { font-size: 16px; line-height: 1; } /*-------------------------------------------------------- 3. HEADER MIDDLE ---------------------------------------------------------*/ .header-middle { background-color: var(--ts-hd-middle-bg); color: var(--ts-hd-middle-color); border-color: var(--ts-hd-middle-border); } nav > ul.menu > li > a, nav > ul.menu > li:before, nav > ul.menu > li > .ts-menu-drop-icon { color: var(--ts-main-menu-color); } .ts-header .header-middle nav > ul.menu > li > a:hover, nav > ul.menu > li:hover > a, nav > ul.menu > li:hover:before, nav > ul.menu > li:hover > .ts-menu-drop-icon, nav > ul > li[class*="current-"]:hover:before, nav > ul > li[class*="current-"] > a, nav > ul > li[class*="current-"] > .ts-menu-drop-icon, nav > ul > li[class*="current-"]:before { color: var(--ts-main-menu-hover-color); } .ts-header .header-top nav > ul.menu > li > a:hover, .header-top nav > ul.menu > li:hover > a, .header-top nav > ul.menu > li:hover:before, .header-top nav > ul.menu > li:hover > .ts-menu-drop-icon, .header-top nav > ul > li[class*="current-"]:hover:before, .header-top nav > ul > li[class*="current-"] > a, .header-top nav > ul > li[class*="current-"] > .ts-menu-drop-icon, .header-top nav > ul > li[class*="current-"]:before { color: var(--ts-hd-top-link-hover); } nav.secondary-menu > ul.menu > li > a, nav.secondary-menu > ul.menu > li:before, nav.secondary-menu > ul.menu > li > .ts-menu-drop-icon { color: var(--ts-2nd-menu-color); } nav.secondary-menu > ul.menu > li:hover > a, nav.secondary-menu > ul.menu > li:hover:before, nav.secondary-menu > ul.menu > li:hover > .ts-menu-drop-icon, nav.secondary-menu > ul > li[class*="current-"]:hover:before, nav.secondary-menu > ul > li[class*="current-"] > a, nav.secondary-menu > ul > li[class*="current-"] > .ts-menu-drop-icon, nav.secondary-menu > ul > li[class*="current-"]:before { color: var(--ts-2nd-menu-hover-color); } .header-middle nav > ul.menu > li {position: relative;} .header-middle nav > ul.menu > li:after { content: ''; width: 100%; height: 1px; border-bottom: 1px solid; position: absolute; bottom: -2px; transform: scaleX(0); transition: 250ms ease; } .header-middle nav > ul.menu > li:hover:after, .header-middle nav > ul.menu > li[class*="current-"]:after { transform: scaleX(1); border-color: var(--ts-main-menu-hover-color); } .header-v8 .header-middle nav > ul.menu > li:after { display: none; } .header-top *, .header-top *:before, .header-top *:after{border-color: var(--ts-hd-top-border);} .header-middle *, .header-middle *:before, .header-middle *:after{border-color: var(--ts-hd-middle-border);} .header-bottom *, .header-bottom *:before, .header-bottom *:after{border-color: var(--ts-hd-bottom-border);} .header-top > .container, .header-middle > .container, .header-bottom > .container { display: flex; position: relative; align-items: center; gap: 0 var(--ts-gap-small); } .header-middle > .container { padding-top: 20px; padding-bottom: 20px; gap: 0 var(--ts-gap-large); } .header-middle .header-left {gap: 0 var(--ts-gap-large);} .header-bottom > .container { padding-top: 0; padding-bottom: 26px; } .header-top { --ts-hd-icon-hover: var(--ts-hd-top-link-hover); --ts-main-menu-color: var(--ts-hd-top-color); } .header-middle { --ts-hd-icon-hover: var(--ts-hd-middle-link-hover); } .header-bottom { --ts-menu-link-color: var(--ts-hd-bottom-color); --ts-menu-link-hover-color: var(--ts-hd-bottom-link-hover); --ts-hd-icon-hover: var(--ts-hd-bottom-link-hover); } .menu-wrapper { display: flex; align-items: center; } :where(.header-v2, .header-v5) .header-info .amount { font-size: 1.875em; font-family: var(--ts-heading-font-family); } :where(.header-v2.product-style-v4, .header-v5) .header-info .amount { color: var(--ts-text-color); } :where(.header-v2, .header-v5) :is(.nav-top, .header-language-currency) { font-weight: var(--ts-menu-font-weight); } :where(.product-style-v2, .product-style-v4, .product-style-v5) #ts-search-sidebar .ts-search-by-category > :where(h5, h6), :where(.header-v2.product-style-v2, .header-v4, .header-v6, .header-v7) :is(.nav-top, .header-language-currency, .dropdown-container) { text-transform: uppercase; } :where(.header-v2, .header-v5) .header-info i:not(.icon-arrow) {font-size: 1.1em;} :is(.product-style-v2, .product-style-v4, .product-style-v6) .my-wishlist-wrapper .tini-wishlist .count-number, :is(.product-style-v2, .product-style-v6) .shopping-cart-wrapper .cart-control .cart-number { font-size: 10px; font-weight: 500; background: transparent; color: #ffffff; font-family: var(--ts-font-family); inset: 6px 0 0 2px;/* rtl */ width: calc(var(--ts-header-icon-size) - 3px); height: calc(var(--ts-header-icon-size) - 3px); line-height: calc(var(--ts-header-icon-size) - 3px); } body.product-style-v6 .shopping-cart-wrapper .cart-control .cart-number { inset: 5px 0 0 1px;/* rtl */ } .product-style-v4 .shopping-cart-wrapper .cart-control { width: 50px; height: 50px; border-radius: 10px; background: var(--ts-cart-count-bg); color: var(--ts-cart-count-color); display: inline-flex; justify-content: center; align-items: center; } .product-style-v4 .shopping-cart-wrapper a.cart-control:hover { color: var(--ts-cart-count-color); } .product-style-v4 .shopping-cart-wrapper .cart-control .cart-number { font-size: 9px; font-weight: 500; background: transparent; color: #ffffff; font-family: var(--ts-font-family); inset: calc(50% + 3px) auto auto auto;/* rtl */ transform: translateY(-50%); width: calc(var(--ts-header-icon-size) - 2px); height: calc(var(--ts-header-icon-size) - 4px); line-height: calc(var(--ts-header-icon-size) - 4px); } :is(.product-style-v2, .product-style-v4, .product-style-v6) .shopping-cart-wrapper .cart-control { padding-right: 0;/*rtl*/ } :is(.product-style-v2, .product-style-v4, .product-style-v6) .my-wishlist-wrapper .tini-wishlist .count-number {display: none;} .product-style-v2 .shopping-cart-wrapper .cart-control .ic-cart:before {content: "\e99e";} .product-style-v4 .shopping-cart-wrapper .cart-control .ic-cart:before {content: "\e99d";} .product-style-v6 .shopping-cart-wrapper .cart-icon { width: 50px; height: 50px; background: var(--ts-primary-color); color: var(--ts-text-in-primary-color); border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; } .product-style-v6 .shopping-cart-wrapper .cart-control .cart-number { color: inherit; } .product-style-v6 .shopping-cart-wrapper .cart-control:hover .cart-number, .product-style-v6 .shopping-cart-wrapper .cart-control:hover .ic-cart:before { color: var(--ts-text-in-primary-color) !important; opacity: 0.6; } /*** Hotline ***/ .ts-header .hotline { position: relative; line-height: 24px; padding-right: 25px;/*rtl*/ margin-right: 5px;/*rtl*/ text-transform: none; } .product-style-v5 .ts-header .hotline { text-transform: uppercase; } .ts-header .hotline:after { content: ''; width: 1px; height: 20px; position: absolute; top: 50%; transform: translateY(-50%); right: 0;/*rtl*/ border-right: 1px solid var(--ts-hd-middle-border); } .ts-header .hotline > a { display: flex; gap: 0 10px; } .ts-header .hotline i { font-size: 1.2em; position: relative; top: 3px; } .ts-header .header-top .hotline i {display: none;} .ts-header .header-top .hotline > a { padding-left: 0;/* rtl */ flex-direction: row; gap: 0 10px; } .header-language a:hover, .my-account-wrapper .account-control > a:hover, .shopping-cart-wrapper a.cart-control:hover, .my-wishlist-wrapper a:hover, .header-currency a:hover {text-decoration: none;} .shopping-cart-wrapper { cursor: pointer; position: relative; } .shopping-cart-wrapper .cart-icon { position: relative; } .search-button.search-icon .icon:before, .my-wishlist-wrapper .tini-wishlist:before, .shopping-cart-wrapper .cart-control .ic-cart:before, .ts-tiny-account-wrapper .account-control > a:before { font-size: var(--ts-header-icon-size); line-height: 1; } :where(.ipad-menu-toggle, .ts-mobile-icon-toggle, .icon-menu-sticky-header) { display: none; width: 18px; height: 15px; flex-direction: column; cursor: pointer; overflow: hidden; justify-content: space-between; } .ipad-menu-toggle {z-index: 9;} :where(.ipad-menu-toggle, .ts-mobile-icon-toggle, .icon-menu-sticky-header) span { width: 100%; height: 1px; background: currentColor; transition: .3s ease; } :where(.ts-mobile-icon-toggle.active, .icon-menu-sticky-header.active) span:nth-of-type(1), .active-menu .ipad-menu-toggle span:nth-of-type(1) { transform-origin: bottom; transform: rotatez(45deg) translate(5px,4px); } :where(.ts-mobile-icon-toggle.active, .icon-menu-sticky-header.active) span:nth-of-type(2), .active-menu .ipad-menu-toggle span:nth-of-type(2) { transform-origin: top; transform: rotatez(-45deg); } :where(.ts-mobile-icon-toggle.active, .icon-menu-sticky-header.active) span:nth-of-type(3), .active-menu .ipad-menu-toggle span:nth-of-type(3) { transform-origin: bottom; width: 50%; transform: translate(30px,-11px) rotatez(45deg); } .shopping-cart-wrapper .cart-control .ic-cart { display: inline-block; line-height: 0; } .search-button.search-icon .icon, .my-account-wrapper .account-control > a{ display: inline-block; vertical-align: bottom; position: relative; box-sizing: content-box; cursor: pointer; } .search-button.search-icon .icon {line-height: 1;} .my-account-wrapper .account-control > a, .my-wishlist-wrapper .tini-wishlist, .shopping-cart-wrapper .cart-control { display: flex; flex-wrap: wrap; align-items: center; cursor: pointer; gap: 0 10px; line-height: 1.2; letter-spacing: 0; } .shopping-cart-wrapper .cart-control { gap: 0 13px; padding-right: 6px;/* rtl */ } .my-wishlist-wrapper .tini-wishlist .title {display: none;} .search-button.search-icon .icon span {display: inline-block;} :is(.header-language, .header-currency) + :is(.my-account-wrapper, .my-wishlist-wrapper, .shopping-cart-wrapper) {margin-left: 17px; /* rtl */} .my-wishlist-wrapper .tini-wishlist, .shopping-cart-wrapper .cart-control { position: relative; } .my-wishlist-wrapper .tini-wishlist .count-number, .shopping-cart-wrapper .cart-control .cart-number { width: 18px; height: 18px; font-size: 9px; font-weight: 800; line-height: 18px; text-align: center; letter-spacing: 0; border-radius: 50%; overflow: hidden; background: var(--ts-cart-count-bg); color: var(--ts-cart-count-color); position: absolute; right: -8px;/* rtl */ top: -7px; } .product-style-v5 .my-wishlist-wrapper .tini-wishlist .count-number, .product-style-v5 .shopping-cart-wrapper .cart-control .cart-number { border-radius: 0; } .shopping-cart-wrapper .cart-control .cart-number { left: 12px;/* rtl */ right: auto;/* rtl */ } .shopping-cart-wrapper {position: relative;} .my-account-wrapper .account-control > a span { font-weight: 600; margin-top: 2px; } /*** Logo wrapper ***/ .normal-logo, .sticky-logo, .mobile-logo { display: inline-block; vertical-align: middle; } .sticky-logo, .mobile-logo { display: none; } header .logo-wrapper a { font-size: 40px; display: inline-block; vertical-align: top; } header .logo-wrapper a:hover { text-decoration: none; } .logo-center > .container > .header-left, .logo-center > .container > .header-right { flex: 1; min-height: auto; } .logo-center > .container > .header-middle{ flex: none; } /*** Header Dropdown ***/ .shopping-cart-wrapper .dropdown-container, .my-account-wrapper .dropdown-container, body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-currency ul { display: none; position: absolute; content: ""; right: auto; /* rtl */ left: 50%; /* rtl */ top: 100%; min-width: 115px; padding: 74px 30px 30px 30px; } body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:hover, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:hover, .header-currency ul a:hover { color: var(--ts-dropdown-hover-color); } .ts-search-by-category {position: relative;} .shopping-cart-wrapper .dropdown-container:before, .my-account-wrapper .dropdown-container:before, .wcml_currency_switcher > ul:before, .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { content: ""; position: absolute; left: 0; right: 0; top: 36px; bottom: 0; display: block !important; z-index: -1; background-color: var(--ts-dropdown-bg); border-color: var(--ts-dropdown-border); border-width: 1px; border-style: solid; box-shadow: 0 15px 15px rgba(0,0,0,0.15); border-radius: var(--ts-border-radius); } .ts-header nav > ul.menu li:not(.ts-megamenu) ul.sub-menu:after { border-radius: var(--ts-border-radius); } :where(.product-style-v4,.product-style-v6) .ts-header nav > ul.menu li:not(.ts-megamenu) ul.sub-menu:after, :where(.product-style-v4,.product-style-v6) .shopping-cart-wrapper .dropdown-container:before, :where(.product-style-v4,.product-style-v6) .my-account-wrapper .dropdown-container:before { border-radius: var(--ts-border-radius-large); } .header-top .wcml_currency_switcher > ul:before, .header-top .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-top .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { border-radius: var(--ts-border-radius); } .product-style-v4 .header-top .wcml_currency_switcher > ul:before, .product-style-v4 .header-top .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .product-style-v4 .header-top .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { border-radius: 10px; } :where(.product-style-v4,.product-style-v6) .woocommerce div.product div.images .flex-control-thumbs li img, :where(.product-style-v4,.product-style-v6) .wcml_currency_switcher > ul:before, :where(.product-style-v4,.product-style-v6) .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, :where(.product-style-v4,.product-style-v6) .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { border-radius: 10px; } :where(.product-style-v2,.product-style-v3) .search-table .search-field input[type="text"], :where(.product-style-v2,.product-style-v3) .wp-block-search .wp-block-search__input, :where(.product-style-v2,.product-style-v3) .woocommerce-product-search .search-field { border-radius: 0; } .shopping-cart-wrapper .dropdown-container, .my-account-wrapper .dropdown-container, .wcml_currency_switcher > ul, .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { color: var(--ts-dropdown-color); } .my-account-wrapper .dropdown-container input[type="submit"] { width: 100%; } .wcml_currency_switcher > ul, .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { padding: 40px 30px 30px 30px; width: 150px; left: 0; margin-left: -30px; /* rtl */ } .wcml_currency_switcher > ul:before, .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { top: 15px; } .wcml_currency_switcher > ul { width: 130px; } .wcml_currency_switcher > ul:before, .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { top: 10px; } .header-middle .wcml_currency_switcher > ul, .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { padding-top: 74px; } .shopping-cart-wrapper .dropdown-container:before, .my-account-wrapper .dropdown-container:before, .header-middle .wcml_currency_switcher > ul:before, .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { top: 43px; } .is-sticky .shopping-cart-wrapper .dropdown-container, .is-sticky .my-account-wrapper .dropdown-container, .is-sticky .header-middle .wcml_currency_switcher > ul, .is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { padding-top: 60px; } .is-sticky .shopping-cart-wrapper .dropdown-container:before, .is-sticky .my-account-wrapper .dropdown-container:before, .is-sticky .header-middle .wcml_currency_switcher > ul:before, .is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { top: 32px; } .header-v2 .is-sticky .shopping-cart-wrapper .dropdown-container:before, .header-v2 .is-sticky .my-account-wrapper .dropdown-container:before, .header-v2 .is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-v2 .is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { top: 26px; } .header-v3 .shopping-cart-wrapper .dropdown-container, .header-v3 .my-account-wrapper .dropdown-container, .header-v3 .header-middle .wcml_currency_switcher > ul, .header-v3 .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-v3 .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu{ padding-top: 54px; } .header-v3 .is-sticky .shopping-cart-wrapper .dropdown-container, .header-v3 .is-sticky .my-account-wrapper .dropdown-container, .header-v3 .is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-v3 .is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { padding-top: 50px; } .header-v3 .shopping-cart-wrapper .dropdown-container:before, .header-v3 .my-account-wrapper .dropdown-container:before, .header-v3 .header-middle .wcml_currency_switcher > ul:before, .header-v3 .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-v3 .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { top: 24px; } .header-v3 .is-sticky .shopping-cart-wrapper .dropdown-container:before, .header-v3 .is-sticky .my-account-wrapper .dropdown-container:before, .header-v3 .is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-v3 .is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { top: 21px; } .header-v4 .my-account-wrapper .dropdown-container, .header-v4 .header-middle .wcml_currency_switcher > ul, .header-v4 .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-v4 .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { padding-top: 84px; } .header-v4 .my-account-wrapper .dropdown-container:before, .header-v4 .header-middle .wcml_currency_switcher > ul:before, .header-v4 .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-v4 .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before {top: 54px;} .header-v4 .shopping-cart-wrapper .dropdown-container:before {top: 40px;} .header-v4 .is-sticky .my-account-wrapper .dropdown-container, .header-v4 .is-sticky .header-middle .wcml_currency_switcher > ul, .header-v4 .is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-v4 .is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu {padding-top: 74px;} .header-v4 .is-sticky .my-account-wrapper .dropdown-container:before, .header-v4 .is-sticky .header-middle .wcml_currency_switcher > ul:before, .header-v4 .is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-v4 .is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before {top: 34px;} .header-v4 .shopping-cart-wrapper .dropdown-container {padding-top: 70px;} .header-v4 .is-sticky .shopping-cart-wrapper .dropdown-container {padding-top: 50px;} .header-v4 .is-sticky .shopping-cart-wrapper .dropdown-container:before {top: 20px;} .header-v6 .is-sticky .shopping-cart-wrapper .dropdown-container:before, .header-v6 .is-sticky .my-account-wrapper .dropdown-container:before {top: 26px;} .header-v6 .header-middle .wcml_currency_switcher > ul:before, .header-v6 .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-v6 .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { top: 44px; } .header-v6 .is-sticky .header-middle .wcml_currency_switcher > ul:before, .header-v6 .is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-v6 .is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { top: 27px; } .header-v7 .shopping-cart-wrapper .dropdown-container, .header-v7 .my-account-wrapper .dropdown-container, .header-v7 .header-middle .wcml_currency_switcher > ul, .header-v7 .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-v7 .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { padding-top: 66px; } .header-v7 .shopping-cart-wrapper .dropdown-container:before, .header-v7 .my-account-wrapper .dropdown-container:before { top: 34px; } .header-v7 .header-middle .wcml_currency_switcher > ul:before, .header-v7 .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-v7 .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { top: 35px; } .header-v7 .is-sticky .shopping-cart-wrapper .dropdown-container, .header-v7 .is-sticky .my-account-wrapper .dropdown-container, .header-v7 .is-sticky .header-middle .wcml_currency_switcher > ul, .header-v7 .is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-v7 .is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { padding-top: 60px; } .header-v7 .is-sticky .shopping-cart-wrapper .dropdown-container:before, .header-v7 .is-sticky .my-account-wrapper .dropdown-container:before { top: 26px; } .header-v7 .is-sticky .header-middle .wcml_currency_switcher > ul:before, .header-v7 .is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-v7 .is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { top: 27px; } .header-v8 .shopping-cart-wrapper .dropdown-container, .header-v8 .my-account-wrapper .dropdown-container, .header-v8 .header-middle .wcml_currency_switcher > ul, .header-v8 .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-v8 .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu, .header-v8 .is-sticky .shopping-cart-wrapper .dropdown-container, .header-v8 .is-sticky .my-account-wrapper .dropdown-container, .header-v8 .is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-v8 .is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { padding-top: 66px; } .header-v8 .shopping-cart-wrapper .dropdown-container:before, .header-v8 .my-account-wrapper .dropdown-container:before, .header-v8 .is-sticky .shopping-cart-wrapper .dropdown-container:before, .header-v8 .is-sticky .my-account-wrapper .dropdown-container:before { top: 35px; } .header-v8 .header-middle .wcml_currency_switcher > ul:before, .header-v8 .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-v8 .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before, .header-v8 .is-sticky .header-middle .wcml_currency_switcher > ul:before, .header-v8 .is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-v8 .is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { top: 36px; } .header-v8.product-style-v6 .shopping-cart-wrapper .dropdown-container, .header-v8.product-style-v6 .is-sticky .shopping-cart-wrapper .dropdown-container { padding-top: 52px; } .header-v8.product-style-v6 .shopping-cart-wrapper .dropdown-container:before {top: 21px;} .header-v8.product-style-v6 .is-sticky .shopping-cart-wrapper .dropdown-container:before {top: 20px;} .product-style-v5 .shopping-cart-wrapper .dropdown-container:before, .product-style-v5 .my-account-wrapper .dropdown-container:before, .product-style-v5 .wcml_currency_switcher > ul:before, .product-style-v5 .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .product-style-v5 .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { border-radius: 0; } .header-top a, .header-middle a, .header-bottom a, .header-language a, .header-currency a { color: inherit; } .header-top a:hover, .header-top .header-language .wpml-ls-current-language > a:hover, .header-top .header-currency a.body .wcml_currency_switcher > a:hover { color: var(--ts-hd-top-link-hover); } .header-middle a:hover, .header-middle .search-button.search-icon .icon:hover, .header-middle .header-language .wpml-ls-current-language > a:hover, .header-middle .header-currency a.body .wcml_currency_switcher > a:hover { color: var(--ts-hd-middle-link-hover); } .header-middle .sub-menu .elementor-icon-list-item a:hover, .header-bottom .sub-menu .elementor-icon-list-item a:hover { color: var(--ts-dropdown-hover-color); } .highlight, body:not(.header-v2):not(.header-v5) .header-info i, body:not(.header-v2):not(.header-v5) .header-info .amount, nav > ul.menu > li.highlight > a, nav > ul.menu > li.highlight > .ts-menu-drop-icon, nav > ul.menu > li.highlight:before, nav.secondary-menu > ul.menu > li.highlight > a, nav.secondary-menu > ul.menu > li.highlight > .ts-menu-drop-icon, nav.secondary-menu > ul.menu > li.highlight:before { color: var(--ts-highlight); } .header-bottom { background-color: var(--ts-hd-bottom-bg); color: var(--ts-hd-bottom-color); border-color: var(--ts-hd-bottom-border); } .header-bottom .sub-menu{ color: var(--ts-dropdown-color); } .header-bottom a:hover { color: var(--ts-hd-bottom-link-hover); } .header-bottom .sub-menu a:hover, .header-bottom nav > ul > li:hover > a, .header-bottom nav > ul > li:hover:before, .header-bottom nav > ul > li:hover > .ts-menu-drop-icon, .header-bottom nav > ul > li[class*="current-"] > a, .header-bottom nav > ul > li[class*="current-"] > .ts-menu-drop-icon, .header-bottom nav > ul > li[class*="current-"]:before { color: var(--ts-2nd-menu-hover-color); } .shopping-cart-wrapper:hover .dropdown-container, .my-account-wrapper:hover .ts-tiny-account-wrapper .dropdown-container, .header-language:hover .wpml-ls-sub-menu, .header-currency:hover ul { display: block; -webkit-animation-duration: 300ms; -moz-animation-duration: 300ms; animation-duration: 300ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_menu; -moz-animation-name: animation_menu; animation-name: animation_menu; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; z-index: 5; } .header-language:hover .wpml-ls-sub-menu, .header-currency:hover ul { display: flex; -webkit-animation-duration: 200ms; -moz-animation-duration: 200ms; animation-duration: 200ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_menu; -moz-animation-name: animation_menu; animation-name: animation_menu; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; } .my-account-wrapper .dropdown-container, .shopping-cart-wrapper .dropdown-container { z-index: 992; } :where(.product-style-v2, .product-style-v4, .product-style-v5) .my-account-wrapper .dropdown-container, :where(.product-style-v2, .product-style-v4, .product-style-v5) .shopping-cart-wrapper .dropdown-container { text-transform: uppercase; } .ts-tiny-cart-wrapper .cart_list li .subtotal{ display: none; } .header-currency:hover, body .header-language:hover, .my-account-wrapper:hover, .shopping-cart-wrapper:hover, .shopping-cart-wrapper:hover .dropdown-container, .shopping-cart-wrapper.active .dropdown-container { z-index: 1003; } .shopping-cart-wrapper .dropdown-container { width: 470px; } .shopping-cart-wrapper .dropdown-container.cart-empty { width: 400px; } .shopping-cart-wrapper.updating .dropdown-container, .header-language:hover .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{ animation: none !important;-moz-animation: none !important;-webkit-animation: none !important; } header .cart-dropdown-form .form-content { position: relative; z-index: 2; } .cart-dropdown-form .form-content > label { display: flex; flex-flow: column wrap; align-items: center; gap: 26px; } .cart-dropdown-form .form-content > label:before { font-size: 60px; display: inline-block; line-height: 1; opacity: 0.15; margin: 10px 0; } .cart-dropdown-form.cart-empty .form-content > label > span { font-size: var(--ts-h6-font-size); } :where(.product-style-v2,.product-style-v4,.product-style-v5) .cart-dropdown-form.cart-empty .form-content > label > span { font-size: 1em; } .cart-dropdown-form .form-content > label > span { display: block; text-align: center; font-weight: 500; } .dropdown-container .cart-number { margin-bottom: 30px; text-transform: uppercase; } .ts-tiny-cart-wrapper .form-content > label { padding: 0; margin: 0; position: relative; z-index: 2; } .ts-tiny-cart-wrapper ul.cart_list li .price {width: 100%; gap: 5px;} .ts-tiny-cart-wrapper ul.cart_list li .price .amount{font-weight: 500;} .product-style-v6 .ts-tiny-cart-wrapper ul.cart_list li .price > .amount, .product-style-v6 .ts-tiny-cart-wrapper ul.cart_list li .price ins { margin: 0; padding: 0; border: 0; } .woocommerce .ts-tiny-cart-wrapper .dropdown-container ul.cart_list, .ts-tiny-cart-wrapper .dropdown-container ul.cart_list { padding: 0; margin: 0; overflow: auto; max-height: 330px; position: relative; flex-direction: row; gap: 20px; scrollbar-width: none; -ms-overflow-style: none; } .ts-tiny-cart-wrapper .dropdown-container ul.cart_list::-webkit-scrollbar { width: 0; height: 0; } body .dropdown-container ul.cart_list li.loading:before, body .ts-tiny-cart-wrapper ul li div.blockUI.blockOverlay:before { bottom: 0; left: 0; right: 0; width: auto; height: auto; } .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper, .woocommerce .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper { display: flex; flex: 1; gap: 5px; flex-direction: column; } .cart-item-wrapper .product-brands { font-size: calc(1em - 2px); line-height: 1.2; color: var(--ts-gray-color); font-weight: normal; } .woocommerce ul.cart_list li:after, .woocommerce ul.cart_list li:before, .woocommerce ul.product_list_widget li:after, .woocommerce ul.product_list_widget li:before {display: none;} .woocommerce ul.cart_list li.loading:after, .woocommerce ul.cart_list li.loading:before, .woocommerce ul.product_list_widget li.loading:after, .woocommerce ul.product_list_widget li.loading:before {display: inline-block;} .dropdown-footer > a { width: 100%; float: none; /* rtl */ margin: 0 0 10px !important; } .dropdown-footer > a:last-child { margin-left: 4%;/* rtl */ margin-bottom: 0 !important; } .dropdown-footer > a:first-child:last-child { margin: 0;/* rtl */ } .ts-tiny-cart-wrapper .total, .widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total, .elementor-widget-wp-widget-woocommerce_widget_cart .total { padding: 20px 0; position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 5px; } .ts-tiny-cart-wrapper .total .amount, .widget_shopping_cart .total .amount, .woocommerce .widget_shopping_cart .total .amount, .woocommerce.widget_shopping_cart .total .amount, .elementor-widget-wp-widget-woocommerce_widget_cart .total .amount{ font-size: calc(var(--ts-body-font-size) + 1px); font-weight: 500; } .dropdown-footer .cart-items{color: var(--ts-gray-color);} .dropdown-footer .buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; } .dropdown-footer .buttons > a.button {width: 100%;} :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) a:not(.button), .dropdown-footer .buttons > a:not(.button) {position: relative;line-height: 1.2;transition: none;color: inherit; text-decoration: none;} :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) a:not(.button):after, .dropdown-footer .buttons > a:not(.button):after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; border-bottom: 1px solid; transition: 200ms ease; } :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) a:not(.button):hover, .dropdown-footer .buttons > a:not(.button):hover {color: inherit;} :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) a:not(.button):hover:after, .dropdown-footer .buttons > a:not(.button):hover:after { width: 0; } .woocommerce-page.woocommerce-checkout ul:is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) a:not(.button):after {display: none;} /*** Cart ***/ .elementor-widget-wp-widget-woocommerce_widget_cart .total, .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { margin: 20px 0 0; border-top: 1px solid var(--ts-border); } .elementor-widget-wp-widget-woocommerce_widget_cart .buttons, .woocommerce .widget_shopping_cart .buttons, .woocommerce.widget_shopping_cart .buttons { margin: 0; } .elementor-widget-wp-widget-woocommerce_widget_cart .buttons a, .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a { width: 100%; margin: 0 0 5px; text-decoration: none !important; } .ts-tiny-cart-wrapper li div.blockUI.blockOverlay, .widget_shopping_cart li div.blockUI.blockOverlay, .elementor-widget-wp-widget-woocommerce_widget_cart li div.blockUI.blockOverlay { background-image: none !important; } .ts-tiny-cart-wrapper li:last-child div.blockUI.blockOverlay, .widget_shopping_cart li:last-child div.blockUI.blockOverlay, .elementor-widget-wp-widget-woocommerce_widget_cart li:last-child div.blockUI.blockOverlay{ bottom: 0 !important; } .woocommerce-cart .cart-dropdown-form, .woocommerce-checkout .cart-dropdown-form, .woocommerce-cart #ts-shopping-cart-sidebar, .woocommerce-checkout #ts-shopping-cart-sidebar, .shopping-cart-wrapper .dropdown-container .theme-title { display: none !important; } /*** My account dropdown ***/ .my-account-wrapper{ position: relative; } .dropdown-container .dropdown-footer { margin: 20px 0 0; border-top: 1px solid var(--ts-border); font-size: var(--ts-text-small); } #ts-shopping-cart-sidebar .dropdown-container .dropdown-footer { margin: 0; border-top: 0; } .dropdown-container .form-content .buttons {margin-top: 25px;} .dropdown-container .form-content .total + .buttons {margin-top: 0;} .cart-empty .ts-free-shipping-message-bar { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--ts-border); } :where(.product-style-v4, .product-style-v6) .cart-empty .ts-free-shipping-message-bar { border-color: var(--ts-product-border); } .product-style-v5 .ts-free-shipping-message-bar {font-size: var(--ts-text-small);} .cart-empty .ts-free-shipping-message-bar .message {justify-content: center;} .cart-empty .buttons .button {width: 100%;} .cart-empty .buttons .button { font-size: var(--ts-h6-font-size); } .ts-free-shipping-message-bar {color: inherit;} .ts-free-shipping-message-bar .progress-bar { width: 100%; height: 5px; overflow: hidden; position: relative; background-color: var(--ts-border); border-radius: 20px; } .ts-free-shipping-message-bar .progress-bar > span { height: 100%; width: 0; background-color: var(--ts-dropdown-color); border-radius: 20px; display: block; background-image: repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(255, 255, 255, 0.3) 7px, rgba(255, 255, 255, 0.3) 11px); transition: 0.7s ease 0s; animation: progress-animation 2s forwards; position: relative; } :where(.product-style-v2, .product-style-v3) .ts-free-shipping-message-bar .progress-bar, :where(.product-style-v2, .product-style-v3) .ts-free-shipping-message-bar .progress-bar > span { border-radius: 0; } .ts-free-shipping-message-bar.success .message { color: var(--ts-primary-color); } .ts-free-shipping-message-bar.success .progress-bar > span { background-color: var(--ts-primary-color); } @keyframes progress-animation { from { width: 0%; } to { width: var(--ts-progress-width); } } .ts-free-shipping-message-bar .message { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin: 0 0 8px; font-size: 0.93em; line-height: 16px; } .dropdown-container .dropdown-footer, .ts-free-shipping-message-bar .message, .cart-item-wrapper .product-brands { text-transform: none; } .dropdown-container .dropdown-footer, .ts-free-shipping-message-bar .message { font-family: var(--ts-product-font-family); font-style: var(--ts-product-font-style); letter-spacing: var(--ts-product-letter-spacing); text-transform: var(--ts-product-text-transform); font-variant: lining-nums; } :where(.product-style-v2,.product-style-v4) .cart-item-wrapper .product-brands { font-family: var(--ts-font-family); } .product-style-v2 .dropdown-container .form-content .buttons { font-family: var(--ts-btn-font-family); font-weight: var(--ts-btn-font-weight); font-style: var(--ts-btn-font-style); font-size: var(--ts-btn-font-size); line-height: var(--ts-btn-line-height); letter-spacing: var(--ts-btn-letter-spacing); text-transform: var(--ts-btn-text-transform); } .ts-free-shipping-message-bar .message .amount { font-weight: bold; } .ts-tiny-account-wrapper .form-content h4{ text-align: center; margin-bottom: 15px; } .ts-tiny-account-wrapper .dropdown-container .form-content > form { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; } .ts-tiny-account-wrapper .dropdown-container .login-remember {display: none;} :is(.login-username, .login-password) input {margin: 0;} .ts-tiny-account-wrapper .dropdown-container .form-content > form > *:not(.login-remember):not(.login-forget-password) { width: 100%; } .my-account-wrapper .dropdown-container .form-content p { margin-bottom: 0; } .my-account-wrapper .form-content > form > a.register { display: block; text-align: center; font-size: 90%; padding: 7px 0 4px; } .dropdown-container .form-content .login-submit {width: 100%;} .logged-in .my-account-wrapper .dropdown-container { width: 260px; margin-left: -156px; /* rtl */ } .logged-in .header-right .my-account-wrapper:last-child .dropdown-container, .header-right .my-account-wrapper:last-child .dropdown-container { margin-left: 0; /* rtl */ left: auto; /* rtl */ right: 0; /* rtl */ } .logged-in .my-account-wrapper .dropdown-container ul { margin: 0; display: flex; flex-direction: column; gap: 13px; font-size: calc(1rem + 2px); } :where(.product-style-v2, .product-style-v3, .product-style-v4).logged-in .my-account-wrapper .dropdown-container ul { font-size: 1rem; } .logged-in .my-account-wrapper .dropdown-container ul li { list-style: none; padding: 0; } .logged-in .my-account-wrapper .dropdown-container ul li.link-bottom { padding-top: 18px; border-top: 1px solid var(--ts-border); margin-top: 7px; font-size: calc(1em - 3px); } .logged-in .my-account-wrapper .dropdown-container li.link-bottom a { text-decoration: underline; text-underline-offset: 2px; } .logged-in .my-account-wrapper .dropdown-container a { text-decoration: none; } .my-account-wrapper .dropdown-container a:hover { color: var(--ts-primary-color); } .header-right .shopping-cart-wrapper .dropdown-container, body:not(.logged-in) .header-right .my-account-wrapper .dropdown-container { right: 0; /* rtl */ left: auto; margin-left: 0; /* rtl */ } body:not(.logged-in) .header-right .my-account-wrapper:nth-last-child(3) .dropdown-container { right: -96px; /* rtl */ } body:not(.logged-in) .header-right .my-account-wrapper:nth-last-child(2) .dropdown-container { right: -55px; /* rtl */ } body:not(.logged-in) .header-right .my-account-wrapper .dropdown-container{ width: 400px; } /*** Fix Header Sticky ***/ .header-sticky { position: relative; width: 100%; left: 0;/* rtl */ transition: 100ms ease 0s; } .header-sticky.is-sticky { box-shadow: 0 4px 4px rgba(155,155,155,.3); -webkit-animation-duration: 350ms; -moz-animation-duration: 350ms; animation-duration: 350ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: mySticky; -moz-animation-name: mySticky; animation-name: mySticky; backface-visibility: hidden; -webkit-backface-visibility: hidden; z-index: 993; } .header-sticky.is-sticky .header-bottom { display: none; } header .header-sticky .logo-sticky, .is-sticky.is-sticky img.normal-logo { display: none; } .header-sticky.is-sticky img.sticky-logo { display: inline-block; } .sticky-wrapper.is-sticky .logo-sticky { opacity: 1; width: auto; height: auto; padding: 5px 0; position: relative; display: table-cell; } /*** Cart Sidebar ***/ #ts-shopping-cart-sidebar .dropdown-container .theme-title { font-size: var(--ts-h5-font-size); line-height: var(--ts-h5-line-height); margin-bottom: 20px; } #ts-shopping-cart-sidebar .dropdown-container .theme-title .count { font-weight: var(--ts-font-weight); font-style: var(--ts-font-style); line-height: var(--ts-line-height); letter-spacing: var(--ts-letter-spacing); font-size: 1em; color: var(--ts-gray-color); display: inline-block; } .ts-sidebar-content .ts-tiny-cart-wrapper { height: 100%; } .ts-sidebar-content .ts-tiny-cart-wrapper .cart-dropdown-form { height: 100%; } .ts-sidebar-content .ts-tiny-cart-wrapper > .cart-icon { display: none; } .ts-sidebar-content .ts-tiny-cart-wrapper .cart-wrapper { flex: 1; overflow: hidden; } .ts-sidebar-content .ts-tiny-cart-wrapper .form-content, .ts-sidebar-content .ts-tiny-cart-wrapper .cart-content { display: flex; flex-direction: column; height: 100%; } #ts-shopping-cart-sidebar .ts-sidebar-content { overflow: hidden; } #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper .cart-content .cart_list { width: 100%; max-height: 100%; overflow-x: hidden; overflow-y: auto; margin-right: -7px; /* rtl */ flex: 1; align-content: flex-start; } #ts-shopping-cart-sidebar .cart-dropdown-form .form-content > label { flex: 1; display: inline-flex; align-items: center; justify-content: center; } #ts-shopping-cart-sidebar .cart-dropdown-form .form-content > label:before { font-size: 140px; line-height: 140px; } #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper .cart-content .cart_list::-webkit-scrollbar {display: none;} .ts-sidebar-content .dropdown-container .cart-number { padding-right: 60px;/* rtl */ margin-bottom: 40px; } .ts-sidebar-content .ts-tiny-cart-wrapper { width: 100%; display: inline-block; } /*** Currency ***/ .header-currency img.wcml-spinner { left: 50%; margin-top: -1px; margin-left: -8px; right: auto; } .header-currency { position: relative; } .header-currency a { text-decoration: none; display: block; } .header-currency ul li{ position: relative; list-style: none; margin: 0; z-index: 991; width: 100%; transition: 350ms ease 0s; cursor: pointer; } /*-------------------------------------------------------- 4. HEADER BOTTOM ---------------------------------------------------------*/ .header-bottom .menu-wrapper { display: flex; flex-wrap: wrap; flex: 1; gap: 0 var(--ts-gap-small); align-items: stretch; } nav.main-menu ul.menu li.ts-megamenu-columns-1 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li, nav.main-menu ul.menu li.ts-megamenu-columns-2 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li, nav.main-menu ul.menu li.ts-megamenu-columns-3 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li, nav.main-menu ul.menu li.ts-megamenu-columns-4 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li, nav.main-menu ul.menu li:not(.ts-mega-menu) .sub-menu > li { padding: 7px 0; } nav.main-menu ul.menu li.ts-megamenu-columns-1 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li:first-child, nav.main-menu ul.menu li.ts-megamenu-columns-2 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li:first-child, nav.main-menu ul.menu li.ts-megamenu-columns-3 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li:first-child, nav.main-menu ul.menu li.ts-megamenu-columns-4 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li:first-child, nav.main-menu ul.menu li:not(.ts-mega-menu) .sub-menu > li:first-child { padding-top: 0; } nav.main-menu ul.menu li.ts-megamenu-columns-1 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li:last-child, nav.main-menu ul.menu li.ts-megamenu-columns-2 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li:last-child, nav.main-menu ul.menu li.ts-megamenu-columns-3 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li:last-child, nav.main-menu ul.menu li.ts-megamenu-columns-4 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li:last-child, nav.main-menu ul.menu li:not(.ts-mega-menu) .sub-menu > li:last-child { padding-bottom: 0; } nav.main-menu ul.menu li.ts-megamenu-columns-1 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li > a, nav.main-menu ul.menu li.ts-megamenu-columns-2 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li > a, nav.main-menu ul.menu li.ts-megamenu-columns-3 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li > a, nav.main-menu ul.menu li.ts-megamenu-columns-4 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li > a, nav.main-menu ul.menu li:not(.ts-mega-menu) .sub-menu > li > a { display: inline-block; } /*** Menu Overlay ***/ .ts-header, .ts-header .header-template {position: relative;} body.menu-background-overlay #page{overflow: hidden;} .ts-header > .overlay { position: absolute; top: 100%; left: 0; right: 0; min-height: 100vh; background: rgba(0,0,0,0.4); z-index: 993; display: none; } .menu-background-overlay .ts-header > .overlay { display: block; -webkit-animation-duration: 250ms; -moz-animation-duration: 250ms; animation-duration: 250ms; animation-delay: 150ms; -webkit-animation-delay: 150ms; -moz-animation-delay: 150ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_fade; -moz-animation-name: animation_fade; animation-name: animation_fade; } /*** Search Sidebar ***/ .ts-floating-sidebar * { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ts-floating-sidebar .ts-sidebar-content { position: fixed; padding: 40px 25px; top: 0; bottom: 0; right: 0; /* rtl */ z-index: 99992; width: var(--ts-float-sidebar-width); max-width: 100%; transform: translateX(var(--ts-float-sidebar-width)); /* rtl */ transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); overflow-y: auto; background: var(--ts-dropdown-bg); color: var(--ts-dropdown-color); } .ts-floating-sidebar.active .ts-sidebar-content { transform: translateX(0px); box-shadow: -3px 0 21px rgba(63,63,63,0.15); /* rtl */ } :where(.header-v1,.header-v3) #ts-search-sidebar .ts-sidebar-content, :where(.header-v1,.header-v3) #group-icon-header .ts-sidebar-content, #ts-filter-widget-area .ts-sidebar-content { left: 0; /* rtl */ right: auto; /* rtl */ transform: translateX(calc(var(--ts-float-sidebar-width) * -1)); /* rtl */ } :where(.header-v1,.header-v3) #ts-search-sidebar.active .ts-sidebar-content, :where(.header-v1,.header-v3) #group-icon-header.active .ts-sidebar-content, #ts-filter-widget-area.active .ts-sidebar-content { transform: translateX(0px); box-shadow: 3px 0 21px rgba(63,63,63,0.15); /* rtl */ } #ts-filter-widget-area .ts-sidebar-content {padding-top: 0;} .ts-floating-sidebar .ts-sidebar-content :where(h1, h2, h3, h4, h5, h6) {color: inherit;} .filter-widget-area-button + .overlay, .ts-floating-sidebar div.overlay { position: fixed; opacity: 0; visibility: hidden; left: 0; right: 0; bottom: 0; top: 0; content: ""; background: rgba(0,0,0,0.5); z-index: 99991; transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; } .admin-bar .ts-floating-sidebar div.overlay, .admin-bar .ts-floating-sidebar .ts-sidebar-content { top: 32px; } .before-loop-wrapper > .filter-widget-area-button + .overlay {margin: 0;} .filter-widget-area-button.active + .overlay, .ts-floating-sidebar.active div.overlay { visibility: visible; opacity: 1; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } /*------------------------------------------------------------------------------------------------------------------- II. MAIN CONTENT ---------------------------------------------------------------------------------------------------------------------*/ div#main {width: 100%;clear: both;} .page-template-blank-page-template div#main {min-height: 0;} li > div > h3.product-name { margin-bottom: 0; display: flex; flex-direction: column; gap: 5px; flex: 1; line-height: inherit; font-weight: inherit; color: inherit; } /*-------------------------------------------------------- 1. BREADCRUMB ---------------------------------------------------------*/ .elementor-widget .page-title { margin-bottom: 0; } .breadcrumb-title-wrapper { width: 100%; display: block; margin: 0; position: relative; overflow: hidden; background-color: var(--ts-breadcrumb-bg); } .product-style-v5:not(.woocommerce.archive) .breadcrumb-title-wrapper:not(.no-title) { border-bottom: 1px solid var(--ts-border); } .breadcrumb-title-wrapper * {backface-visibility: hidden;-webkit-backface-visibility: hidden;} .breadcrumb-title-wrapper .breadcrumb-title { display: flex; flex-direction: column; gap: 0; } .breadcrumb-title-wrapper:not(.breadcrumb-v3) .breadcrumb-title > * {width: 100%;} .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumbs ~ .page-title {margin-top: 23px;} .product-style-v1 .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumbs ~ .page-title {margin-top: 22px;} .product-style-v4 .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumbs ~ .page-title {margin-top: 12px;} .product-style-v6 .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumbs ~ .page-title {margin-top: 0; margin-bottom: 30px;} .product-style-v6:is(.single-post, .page-template-blog-template) .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumbs ~ .page-title {margin-top: 4px; margin-bottom: 33px;} .breadcrumb-title-wrapper.text-center ~ .page-container #reviews .woocommerce-product-rating { justify-content: center; } .breadcrumb-title-wrapper.text-center ~ .page-container .theme-title .heading-title, .breadcrumb-title-wrapper.text-center ~ .page-container #comment-wrapper .heading-title, .breadcrumb-title-wrapper.text-center ~ .page-container .comments-title .heading-title, .breadcrumb-title-wrapper.text-center ~ .page-container .cross-sells > h2, .breadcrumb-title-wrapper.text-center ~ .page-container .up-sells > h2, .breadcrumb-title-wrapper.text-center ~ .page-container .related > h2, .breadcrumb-title-wrapper.text-center ~ .page-container .ts-frequently-bought-together > h3, .breadcrumb-title-wrapper.text-center ~ .page-container #reviews .woocommerce-noreviews, .breadcrumb-title-wrapper.text-center ~ .page-container #primary > #reviews > h2, .breadcrumb-title-wrapper.text-center ~ .page-container #reviews .woocommerce-Reviews-title, .breadcrumb-title-wrapper.text-center ~ .page-container #reviews .woocommerce-product-rating .woocommerce-review-actions, .breadcrumb-title-wrapper.text-center ~ .page-container #reviews > .review-title > span, .breadcrumb-title-wrapper.text-center {text-align: center;} .breadcrumb-title-wrapper.text-center .page-title {justify-content: center;} .ts-breadcrumbs { font-size: calc(var(--ts-body-font-size) - 1px); line-height: 18px; position: relative; padding: 15px 0; color: var(--ts-breadcrumb-color); z-index: 2; } :where(.product-style-v2, .product-style-v6) .ts-breadcrumbs {padding: 20px 0;} .product-style-v3 .ts-breadcrumbs {padding: 20px 0;font-size: calc(var(--ts-body-font-size) - 2px);} .product-style-v4 .ts-breadcrumbs {font-size: calc(var(--ts-body-font-size) - 2px);} .breadcrumb-v4 .ts-breadcrumbs {padding: 5px 0;} :where(.product-style-v2, .product-style-v5) .ts-breadcrumbs { text-transform: uppercase; } .product-style-v5 .breadcrumb-title-wrapper.breadcrumb-v1 .ts-breadcrumbs { border-bottom: 1px solid var(--ts-border); } .product-style-v5 .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumbs ~ .page-title { margin-top: var(--ts-content-padding); margin-bottom: var(--ts-content-padding); } body .elementor-element .ts-breadcrumbs { padding: 0; } .header-v2.product-style-v2 .ts-breadcrumbs { text-transform: uppercase; } .product-style-v6 .ts-breadcrumbs { font-size: calc(var(--ts-body-font-size) - 2px); } .product-style-v6 .ts-breadcrumbs .breadcrumbs-container { padding: 9px 20px; border: 1px solid; border-radius: 40px; max-width: max-content; } .ts-breadcrumbs .breadcrumbs-container:after { content: ''; display: table; clear: both; } .ts-breadcrumbs .breadcrumbs-container > * { display: inline-block; } .ts-breadcrumbs .breadcrumbs-container > span.current { -ms-word-wrap: break-word; word-wrap: break-word; display: inline; } .ts-breadcrumbs .breadcrumbs-container > .brn_arrow { font-size: 0; display: inline-flex; margin: 0 7px; vertical-align: 1px; } .breadcrumb-title-wrapper .page-title { margin-bottom: 0; color: var(--ts-breadcrumb-link-color); font-size: var(--ts-h2-font-size); line-height: var(--ts-h2-line-height); display: flex; flex-wrap: wrap; align-items: center; gap: 20px; } .single-product .breadcrumb-title-wrapper.breadcrumb-v1 .page-title { font-size: var(--ts-h1-font-size); line-height: var(--ts-h1-line-height); } :where(.product-style-v2, .product-style-v4, .product-style-v5) ul.filter-bar, :where(.product-style-v2, .product-style-v4, .product-style-v5) .single-post-meta, :where(.product-style-v2, .product-style-v4, .product-style-v5) .entry-author { font-family: var(--ts-heading-font-family); font-weight: var(--ts-heading-font-weight); font-style: var(--ts-heading-font-style); text-transform: var(--ts-product-text-transform); } :where(.product-style-v2, .product-style-v4, .product-style-v5) #shop-top-area, :where(.product-style-v2, .product-style-v4, .product-style-v5) .woocommerce-tabs ul.tabs li, :where(.product-style-v2, .product-style-v4, .product-style-v5) #left-sidebar, :where(.product-style-v2, .product-style-v4, .product-style-v5) #right-sidebar, :where(.product-style-v2, .product-style-v4, .product-style-v5) #ts-filter-widget-area, :where(.product-style-v2, .product-style-v4, .product-style-v5) .breadcrumb-title-wrapper .page-title { font-family: var(--ts-product-font-family); font-style: var(--ts-product-font-style); text-transform: var(--ts-product-text-transform); } :where(.product-style-v2, .product-style-v4, .product-style-v5) .widget-title-wrapper .widget-title, :where(.product-style-v2, .product-style-v4, .product-style-v5) .widget-title-wrapper .widgettitle, :where(.product-style-v2, .product-style-v4, .product-style-v5) .widget-container .wp-block-search__label, :where(.product-style-v2, .product-style-v4, .product-style-v5) .widget-container .wp-block-group h2 { line-height: var(--ts-text-small-line-height); font-size: calc(var(--ts-body-font-size) - 1px); } .breadcrumb-title-wrapper .page-title .thumbnail { display: inline-flex; justify-content: center; align-items: center; width: 64px; height: 64px; padding: 15px; border-radius: 50%; background: var(--ts-product-bg); } .breadcrumb-title-wrapper .page-title .thumbnail img { max-width: 100%; max-height: 100%; object-fit: contain; } .ts-breadcrumbs a, .ts-breadcrumbs .brn_arrow, .ts-breadcrumbs .breadcrumbs-container > span:not(.current) { color: var(--ts-breadcrumb-link-color); } .ts-breadcrumbs a:hover { color: var(--ts-link-hover-color); text-decoration: underline; } .breadcrumb-title-wrapper:not(.breadcrumb-v3):not(.breadcrumb-v4) .ts-breadcrumbs {order: -1;} .breadcrumb-v1 .page-title {margin-top: -6px;} /*** Style 3 ***/ .breadcrumb-title-wrapper.breadcrumb-v3 .page-title .thumbnail { width: auto; height: auto; padding: 15px 40px; border-radius: 40px; gap: 20px; font-size: calc(var(--ts-body-font-size) + 1px); line-height: 1.2; font-weight: 500; background: transparent; border: 1px solid; } .breadcrumb-title-wrapper.breadcrumb-v3 .page-title .thumbnail img { max-height: 30px; } .breadcrumb-title-wrapper.breadcrumb-v3 .ts-breadcrumbs {padding: 0; margin-top: 10px;} .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumbs-container { display: inline-block; padding: 10px 20px; border: 1px solid; border-radius: 40px; } .breadcrumb-title-wrapper.breadcrumb-v3 .page-title { font-size: 100px; line-height: 1.25; font-weight: 500; } .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumbs + .page-title { margin-top: 20px; } /*** Style 4 ***/ .breadcrumb-title-wrapper.has-background { background-size: cover; background-position: center; background-repeat: no-repeat; } .breadcrumb-title-wrapper.has-background .breadcrumb-title { min-height: 200px; justify-content: center; } .breadcrumb-title-wrapper.has-background .ts-breadcrumbs, .breadcrumb-title-wrapper.has-background .page-title, .breadcrumb-title-wrapper.has-background .ts-breadcrumbs a, .breadcrumb-title-wrapper.has-background .ts-breadcrumbs .brn_arrow, .breadcrumb-title-wrapper.has-background .ts-breadcrumbs .breadcrumbs-container > span:not(.current) { color: var(--ts-breadcrumb-2-color); } .custom-breadcrumb-wrapper.loading { min-height: 200px; --loading-size: 30px; position: relative; } .custom-breadcrumb-wrapper.loading > * { display: none; } .ts-active-filters:empty {display: none;} /*-------------------------------------------------------- 2. CUSTOM COZYCORNER ---------------------------------------------------------*/ .top-slideshow, .overflow-hidden .elementor-image {overflow: hidden;} .elementor-toggle .elementor-toggle-item .elementor-toggle-title {text-decoration: none;} small, .font-small, .font-small li{line-height: 18px;} .header-language a, .header-currency a, .ts-header .menu-wrapper .ts-menu a, .product .meta-wrapper a {text-decoration: none;} .product:not(.product-category) .product-name a {transition: none;font-size: inherit;} .ts-grouped-product-wrapper .item .product-title a:hover, .product:not(.product-category) .product-name a:hover {color: var(--ts-link-hover-color);} .woocommerce div.product p.price del, .woocommerce div.product span.price del {opacity: 1;font-size: 0.6em !important;} .elementor-text-editor > *:first-child img.alignnone {margin: 2px 10px 0 0; /* rtl */} .woocommerce-review__dash {display: none;} :where(h1,h2,h3,h4,h5,h6) > a, .comments-area .comments-title a, .entry-meta-top a{color: inherit;} .elementor-vertical-align-middle .elementor-image-box-img img {vertical-align: middle;} .elementor-widget-text-editor p:last-child, .elementor-text-editor p:last-child { margin-bottom: 0; } body .elementor-lightbox img:not(.swiper-lazy-loaded) { opacity: 0 !important; } body .elementor-lightbox .dialog-lightbox-close-button { z-index: 11; text-decoration: none; transition: all .2s; } body .elementor-lightbox .dialog-lightbox-close-button, body .elementor-slideshow__footer, body .elementor-slideshow__header { transition: all .2s; } .el-icon-play.elementor-widget-video .elementor-custom-embed-image-overlay img { aspect-ratio: auto; } .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe, .elementor-lightbox .elementor-video-container .elementor-video-portrait iframe, .elementor-lightbox .elementor-video-container .elementor-video-square iframe { background: transparent; } /*------------------------------------------------------------------------------------------------------------------- III. FOOTER ---------------------------------------------------------------------------------------------------------------------*/ .footer-container { background: var(--ts-footer-bg); color: var(--ts-footer-color); overflow: hidden; font-size: 1em; line-height: 1.5; } .product-style-v6 .footer-container { border-radius: var(--ts-border-radius-large); } .footer-container h1, .footer-container h2, .footer-container h3, .footer-container h4, .footer-container h5, .footer-container h6 {color: var(--ts-footer-heading-color);} .footer-container a, .footer-container ul li a {color: var(--ts-footer-link-color);} .footer-container .elementor-widget-text-editor a:not(.button) {color: inherit;} .footer-container a:hover, .footer-container ul li a:hover, .footer-container .elementor-widget-text-editor a:not(.button):hover { color: var(--ts-footer-link-hover-color); text-decoration: none; } /*** To Top Button ***/ #to-top { position: fixed; right: 5px; /* rtl */ bottom: 5px; width: 36px; height: 36px; transition: 350ms ease 0s; text-align: center; cursor: pointer; z-index: 992; transform: scale(0); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .product-style-v6 #to-top { right: var(--ts-body-padding); /* rtl */ bottom: var(--ts-body-padding); } .product-style-v6 .ts-stick-compare-button { left: var(--ts-body-padding);/* rtl */ bottom: var(--ts-body-padding); } #to-top a { display: block; width: 100%; height: 100%; overflow: hidden; text-transform: uppercase; font-size: 0; line-height: 0; letter-spacing: 0; text-decoration: none; color: var(--ts-btn-color); background-color: var(--ts-btn-bg); border-radius: var(--ts-btn-radius); box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); } #to-top a:before { font-size: 16px; line-height: 36px; } #to-top a:hover { text-decoration: none; transform: scale(1.05); } #to-top.on { transform: scale(1); } /*------------------------------------------------------------------------------------------------------------------- IV. WOOCOMMERCE MESSAGE ---------------------------------------------------------------------------------------------------------------------*/ #primary > .woocommerce-message { position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; border-radius: 0; justify-content: center; margin: 0; } .woocommerce-store-notice, p.demo_store { background-color: var(--ts-primary-color); color: var(--ts-text-in-primary-color); } .woocommerce-store-notice__dismiss-link { font-size: 0; line-height: 0; padding: 5px 10px; text-decoration: none !important; display: inline-block; position: absolute; top: 50%; right: 15px;/* rtl */ transform: translateY(-50%); } .woocommerce-store-notice__dismiss-link:before { font-size: 14px; line-height: 1; } .home .woocommerce-message {display: none !important;} body #ts-ajax-add-to-cart-message { position: fixed; width: 370px; text-align: start; z-index: 99992; visibility: hidden; opacity: 0; line-height: 26px; transform: translate(0px, 100%); left: 20px;/* rtl */ bottom: 20px;/* rtl */ display: flex; flex-wrap: wrap; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; overflow: hidden; transition: transform 200ms ease-out; padding: 10px 30px 10px 56px; gap: 0px 10px; border-radius: 40px; } body:where(.product-style-v2,.product-style-v3,.product-style-v5) #ts-ajax-add-to-cart-message { border-radius: 0; } body #ts-ajax-add-to-cart-message.show { transform: translate(0px, 0px); opacity: 1; visibility: visible; display: block; } body #ts-ajax-add-to-cart-message:before { content: '\e9bc'; position: absolute; left: 30px;/* rtl */ top: 10px; z-index: 993; font-size: 0.9em; } body #ts-ajax-add-to-cart-message:not(.error) > span.error-message, body #ts-ajax-add-to-cart-message.error > span.error-message .button, body #ts-ajax-add-to-cart-message.error > span:not(.error-message) {display: none;} .alert {padding: 9px 15px;margin-bottom: 40px;border-radius: 0;box-shadow: none;text-shadow: none;} #primary > .woocommerce-notices-wrapper:not(:empty) {margin-bottom: 43px;} body .wc-block-components-notice-banner, :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning), :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning){ box-shadow: none; text-shadow: none; width: 100%; display: flex; align-items: center; position: relative; overflow: hidden; margin: 0 0 20px; font-size: calc(1rem - 1px); line-height: var(--ts-line-height); border-width: 0; border-radius: var(--ts-btn-radius); padding: 8px 20px; gap: 5px 10px; font-weight: 500; } .product-style-v6 :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning), .product-style-v6 :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) { padding-left: var(--ts-product-padding); padding-right: var(--ts-product-padding); } body.product-style-v6 .wc-block-components-notice-banner, .product-style-v6 :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning), .product-style-v6:is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning){ margin: 0 0 10px; } .product-style-v5.single-product #primary > .woocommerce-info { border-bottom: 1px solid var(--ts-border); } .woocommerce-notices-wrapper > :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning), :is(.woocommerce,.woocommerce-page) .woocommerce-notices-wrapper > :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning){ margin-bottom: 0; } ul:is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning), :is(.woocommerce,.woocommerce-page) ul:is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) { margin: 0; } .product-style-v5:not(.woocommerce-checkout) .woocommerce-notices-wrapper, .product-style-v5 .checkout-login-coupon-wrapper > * { border-bottom: 1px solid var(--ts-input-border); } .product-style-v5 .checkout-login-coupon-wrapper > * { padding-left: var(--ts-content-padding); padding-right: var(--ts-content-padding); } .product-style-v5 .checkout-login-coupon-wrapper .woocommerce-info { padding-left: 0 !important; padding-right: 0 !important; } .product-style-v5:not(.woocommerce-checkout) .woocommerce-notices-wrapper:empty { display: none; } body.product-style-v5 .wc-block-components-notice-banner, body.product-style-v5 :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning), body.product-style-v5 :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) { background: none; border: 0; margin: 0; border-radius: 0; font-family: var(--ts-heading-font-family); font-style: var(--ts-heading-font-style); text-transform: var(--ts-product-text-transform); padding-left: var(--ts-content-padding); padding-right: var(--ts-content-padding); } ul:is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning), :is(.woocommerce,.woocommerce-page) ul:is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning){ flex-direction: column; } :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) a:not(.button) { color: inherit; } :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) a:not(.button):hover { color: var(--ts-link-hover-color); } :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning):focus, :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning):focus-visible, :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning):focus, :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning):focus-visible { outline:none; } :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) li, :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) li { display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; width: 100%; } body .wc-block-components-notice-banner, body .wc-block-components-notice-banner .wc-block-components-notice-banner__content { width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 0.9rem; } body .wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary + ul { width: 100%; margin: 0; } body .wc-block-components-notice-banner > svg, :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning):before{display: none !important;} body .wc-block-components-notice-banner.is-success, body #ts-ajax-add-to-cart-message, .woocommerce-message { background-color: #D3EFDB; color: #12762E; } body .wc-block-components-notice-banner.is-error, body #ts-ajax-add-to-cart-message.error, .woocommerce-error { background-color: #FCE8E8; color: #DE1010; } body .wc-block-components-notice-banner.is-info, .woocommerce-info { background-color: #fff6d1; color: #000000; } :is(.checkout-login-wrapper,.checkout-coupon-wrapper) .woocommerce-info { background: rgba(155,155,155,0.1); } .product-style-v6 :is(.checkout-login-wrapper,.checkout-coupon-wrapper) .woocommerce-info { background-color: var(--ts-input-background-color) } body .wc-block-components-notice-banner.is-warning, .woocommerce-warning { background-color: #fff8e5; color: #ffb900; } :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) .button, body .wc-block-components-notice-banner .button { background: #ffffff !important; padding: 5px 15px !important; border: 0 !important; border-radius: var(--ts-btn-radius) !important; min-width: 0 !important; width: auto !important; color: #12762E !important; margin-left: auto; /* rtl */ order: 10; opacity: 1; font-size: 12px; line-height: 14px; white-space: nowrap; } :is(.woocommerce,.woocommerce-page) .woocommerce-warning .button, body .wc-block-components-notice-banner.is-warning .button { color: #ffb900 !important; } :is(.woocommerce,.woocommerce-page) .woocommerce-error .button, body .wc-block-components-notice-banner.is-error .button { color: #DE1010 !important; } :is(.woocommerce,.woocommerce-page) .woocommerce-info .button, body .wc-block-components-notice-banner.is-info .button { color: #3660a0 !important; } :is(.woocommerce,.woocommerce-page) .woocommerce-message .button:hover, body .wc-block-components-notice-banner.is-success .button:hover { background: #12762E !important; color: #ffffff !important; } :is(.woocommerce,.woocommerce-page) .woocommerce-warning .button:hover, body .wc-block-components-notice-banner.is-warning .button:hover { background: #ffb900 !important; color: #ffffff !important; } :is(.woocommerce,.woocommerce-page) .woocommerce-error .button:hover, body .wc-block-components-notice-banner.is-error .button:hover { background: #DE1010 !important; color: #ffffff !important; } :is(.woocommerce,.woocommerce-page) .woocommerce-info .button:hover, body .wc-block-components-notice-banner.is-info .button:hover { background: #3660a0 !important; color: #ffffff !important; } .alert.alert-success, div.wpcf7-mail-sent-ok {background: transparent !important;} .search-no-results-wrapper, .cart-empty.woocommerce-info, .return-to-shop, .index-template #primary > .alert { text-align: center; justify-content: center; font-size: 1.3em; } .index-template #primary > .alert {margin-bottom: 20px;} .search-no-results-wrapper > p { max-width: 540px; font-size: 1em; line-height: 1.6; margin: 0 auto; } .search-no-results-wrapper .search--form {max-width: 600px;margin: 50px auto 0;} body.search.search-no-results .ts-pagination {padding: 0 !important;border: 0;margin: 0;} .woocommerce.archive #primary > .woocommerce-info {display: none;} .woocommerce-checkout #payment ul.payment_methods .woocommerce-info {padding: 0;} .woocommerce.archive.search-no-results .woocommerce-no-products-found > .woocommerce-info {display: none;} /**/ .search-no-results-wrapper:before, .index-template #primary > .alert { margin-top: 50px; } body.search.search-no-results .alert p { line-height: 1.5; } body.search.search-no-results .search-wrapper { max-width: 600px; margin: 0 auto var(--ts-section-gap); } body.search.search-no-results .search-content input[type="text"] { padding-top: 12px; padding-bottom: 12px; color: var(--ts-input-color); background-color: var(--ts-input-background-color); border-color: var(--ts-input-border); } .woocommerce > .return-to-shop { margin-bottom: 0; } .woocommerce > .return-to-shop .button {min-width: 200px;} body .wc-empty-cart-message .wc-block-components-notice-banner.is-info, body .cart-empty.woocommerce-info { color: inherit; background: transparent !important; padding-bottom: 0; padding-top: 30px; margin-bottom: 0; flex-direction: column; align-items: center; gap: 30px; } body.product-style-v5 .cart-empty.woocommerce-info { padding-top: 8%; } body .wc-empty-cart-message .wc-block-components-notice-banner.is-info:before, body .cart-empty.woocommerce-info:before { content: '\e9b2'; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; display: block !important; line-height: 1; font-size: 100px; color: rgba(0,0,0,.15); position: static; } body .wc-empty-cart-message .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content { justify-content: center; font-size: 1.06rem; } .woocommerce-error li, .woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce .woocommerce-message li { padding: 0; line-height: 26px; } /*------------------------------------------------------------------------------------------------------------------- V. PRODUCT DEFAULT ---------------------------------------------------------------------------------------------------------------------*/ #shop-top-area aside { position: relative; padding-bottom: 30px; } #main #shop-top-area + .page-container { padding-top: 30px; } #shop-top-area aside:after { content: ''; position: absolute; left: var(--ts-content-padding); right: var(--ts-content-padding); bottom: 0; border-width: 0 0 1px; border-style: solid; } #shop-top-area .widget-container ul li a:before, #shop-top-area .ts-product-categories-widget ul li .icon-toggle { order: 100; width: 100%; } .product-style-v3 #main { display: flex; flex-direction: column; } .product-style-v5 #shop-top-area {margin-bottom: -1px;} .product-style-v5 #shop-top-area, .product-style-v3 .custom-breadcrumb-wrapper ~ #shop-top-area { border-width: 0 0 1px; border-style: solid; } .product-style-v5 .breadcrumb-title-wrapper ~ #shop-top-area { border-top-width: 1px; } .product-style-v3 .custom-breadcrumb-wrapper ~ #shop-top-area {order: -1;} .product-style-v5 #shop-top-area aside:after, .product-style-v3 .custom-breadcrumb-wrapper ~ #shop-top-area aside:after {display: none;} #shop-top-area aside > * { padding: 0; border: 0; display: flex; gap: 15px; } #shop-top-area .widget-title-wrapper .widget-title { margin-bottom: 0; margin-top: 6px; min-width: 106px; line-height: var(--ts-text-small-line-height); font-size: var(--ts-text-small); font-weight: normal; } .product-style-v3 #shop-top-area .widget-title-wrapper .widget-title, .product-style-v6 #shop-top-area .widget-title-wrapper .widget-title { margin-top: 4px; } #shop-top-area .widget-container ul { flex-direction: row; flex-wrap: wrap; gap: 10px; } #shop-top-area .widget_product_categories ul > li > a, #shop-top-area .ts-product-categories-widget ul > li > a{ font-size: inherit; line-height: inherit; font-weight: inherit; } #shop-top-area .product-filter-by-brand ul li label, #shop-top-area .product-filter-by-price ul li label, #shop-top-area .woocommerce .widget_rating_filter ul li a, #shop-top-area .widget_product_categories ul li, #shop-top-area .ts-product-categories-widget ul li a { gap: 8px; align-items: center; padding: 11px 20px; border: 1px solid var(--ts-border); border-radius: var(--ts-btn-radius); transition: 150ms ease; position: relative; } #shop-top-area .widget_product_categories ul li, #shop-top-area .ts-product-categories-widget ul li { flex-wrap: nowrap; } #shop-top-area .widget_product_categories ul li ul, #shop-top-area .ts-product-categories-widget ul li ul { margin: 0; padding: 0 0 0 5px;/* rtl */ gap: 20px; display: flex !important; } #shop-top-area .ts-product-categories-widget ul.product-categories > li { gap: 8px; align-items: center; padding: 11px 20px; border: 1px solid var(--ts-border); border-radius: var(--ts-btn-radius); transition: 150ms ease; position: relative; } #shop-top-area .widget_product_categories ul ul li, #shop-top-area .ts-product-categories-widget ul li a { padding: 0; border: 0; border-radius: 0; } #shop-top-area .product-filter-by-brand ul li label:before, #shop-top-area .product-filter-by-price ul li label:before, .woocommerce #shop-top-area .widget_rating_filter ul li a:before, .woocommerce #shop-top-area .widget_rating_filter ul li a:after, #shop-top-area .product-filter-by-price ul li label:after, #shop-top-area .widget-container.product-filter-by-brand ul > li label:after { display: none; } #shop-top-area .widget-container a:hover, #shop-top-area .widget-container li:hover > a, #shop-top-area .widget-container li:hover > label, #shop-top-area .widget-container li:hover > .count, #shop-top-area .widget-container li:hover > a > .count, #shop-top-area .widget-container li:hover > label > .count, #shop-top-area .widget-container li:hover > .icon-toggle, #shop-top-area .widget-container li:where(.current, .current-cat) > a, #shop-top-area .widget-container li:where(.current, .current-cat) > label, #shop-top-area .widget-container li:where(.current, .current-cat) > .count, #shop-top-area .widget-container li:where(.current, .current-cat) > a > .count, #shop-top-area .widget-container li:where(.current, .current-cat) > label > .count, #shop-top-area .widget-container li:where(.current, .current-cat) > .icon-toggle, #shop-top-area .product-filter-by-brand ul li label:hover, #shop-top-area .product-filter-by-brand ul li > label:hover > .count, #shop-top-area .product-filter-by-price ul li label:hover, .woocommerce #shop-top-area .widget_rating_filter ul li a:hover, #shop-top-area .product-filter-by-brand ul li.selected label, #shop-top-area .product-filter-by-brand ul li.selected > label > .count, #shop-top-area .product-filter-by-price ul li.chosen label, .woocommerce #shop-top-area .widget_rating_filter ul li.current a { color: inherit; font-weight: normal; border-color: var(--ts-text-color); } .product-style-v6.woocommerce .widget_layered_nav_filters ul li a:hover { border-color: currentColor; } .product-style-v6 #shop-top-area .product-filter-by-color ul li.chosen a, .product-style-v6 #shop-top-area .product-filter-by-color ul li a:hover { border-color: currentColor; } #shop-top-area .ts-product-categories-widget ul.product-categories > li:hover, #shop-top-area .widget_product_categories ul li:hover, #shop-top-area .ts-product-categories-widget ul li a:hover {border-color: var(--ts-text-color);} .woocommerce #shop-top-area .widget_price_filter form { padding: 0; width: 100%; max-width: 500px; } #shop-top-area .widget_price_filter .price_slider_wrapper { display: flex; align-items: center; gap: 20px; } .woocommerce #shop-top-area .widget_price_filter .price_slider_wrapper .ui-widget-content { margin: 0; flex: 1; } .woocommerce #shop-top-area .widget_price_filter .price_slider_amount { gap: 20px; flex-wrap: nowrap; } .woocommerce #shop-top-area .widget_price_filter .price_slider_amount .price_label { margin: 0; } /*** Products ***/ .ts-shortcode:not(.ts-slider) .items { display: grid; position: relative; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--ts-v-gap) var(--ts-h-gap); } .ts-shortcode.ts-slider .items .item{ padding-left: calc(var(--ts-h-gap) / 2); padding-right: calc(var(--ts-h-gap) / 2); } .ts-shortcode.ts-slider .items{ margin-left: calc(var(--ts-h-gap) / 2 * -1); margin-right: calc(var(--ts-h-gap) / 2 * -1); } .woocommerce .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { display: grid; position: relative; grid-template-columns: repeat(3, minmax(0,1fr)); padding: 0; grid-gap: var(--ts-product-v-gap) var(--ts-product-h-gap); margin: 0; } .ts-product-category-wrapper.style-big-text.direction-horizontal.woocommerce .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { grid-template-columns: repeat(1, minmax(0,1fr)); } :is(.columns-1, .columns-1-1, .columns-2) .woocommerce .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { grid-template-columns: repeat(var(--ts-product-columns), minmax(0,1fr)) !important; } .woocommerce .products .product-wrapper { padding: var(--ts-product-padding); } .product-style-v2 .ts-fbt-form .item { background: var(--ts-product-bg); } .product-style-v2.woocommerce .products .product-wrapper, .product-style-v2 .woocommerce .products .product .product-wrapper { height: 100%; background: var(--ts-product-bg); } .product-style-v4 .ts-fbt-form .item, .product-style-v4.woocommerce .products .product-wrapper, .product-style-v4 .woocommerce .products .product .product-wrapper { height: 100%; border: 1px solid var(--ts-product-border); border-radius: 20px; background: var(--ts-body-bg); } .product-style-v5 .ts-fbt-form .item, .product-style-v5.woocommerce .products .product-wrapper, .product-style-v5 .woocommerce .products .product .product-wrapper { min-height: 100%; background: var(--ts-product-bg); outline: 1px solid var(--ts-product-border); } .product-style-v5 .woocommerce.main-products .products .product .product-wrapper{ min-height: 100%; } :where(.product-style-v5, .product-style-v6) .ts-frequently-bought-together .ts-fbt-form .item .thumbnail-wrapper, .product-style-v5.woocommerce .products .product-wrapper .thumbnail-wrapper, .product-style-v5 .woocommerce .products .product-wrapper .thumbnail-wrapper { position: static; background: transparent; } .product-style-v4 div.product:not(.fbt-in-summary) .ts-frequently-bought-together{ --ts-product-padding: 30px; } .product-style-v6.woocommerce.archive #main-content { background: transparent; border-radius: 0; } .product-style-v6 .ts-fbt-form .item, .product-style-v6.woocommerce .products .product-wrapper, .product-style-v6 .woocommerce .products .product .product-wrapper { height: 100%; outline: 1px solid var(--ts-product-border); background: var(--ts-product-bg); color: var(--ts-product-color); --ts-text-small: 13px; } .product-style-v6 .ts-fbt-form .item :where(h1,h2,h3,h4,h5,h6), .product-style-v6.woocommerce .products .product-wrapper :where(h1,h2,h3,h4,h5,h6), .product-style-v6 .woocommerce .products .product .product-wrapper :where(h1,h2,h3,h4,h5,h6) { color: var(--ts-product-color); } .product-style-v6 .wp-block-themepunch-revslider .woocommerce .products > .product:only-child .product-wrapper { outline: 0; border-radius: 20px; } .product-label-v1 .wp-block-themepunch-revslider .woocommerce .products .product-group-button > div:not(.wishlist):not(.loop-add-to-cart) { display: none; } .wp-block-themepunch-revslider .woocommerce .products .product .meta-wrapper:not(.meta-wrapper-2):not(.meta-wrapper-3) { line-height: inherit; } body.product-style-v6 .ts-shortcode.ts-product:not(.ts-product-category-wrapper) .swiper-button-next, body.product-style-v6 .ts-shortcode.ts-product:not(.ts-product-category-wrapper) .swiper-button-prev { top: var(--ts-product-padding); right: var(--ts-product-padding);/* rtl */ margin-bottom: 0; } body.product-style-v6 .ts-shortcode.ts-product:not(.ts-product-category-wrapper) .swiper-button-prev { right: calc(var(--ts-product-padding) + var(--swiper-nav-width) + 10px);/* rtl */ } .product-style-v6 .ts-shortcode.ts-product:not(.ts-product-category-wrapper) .shortcode-heading-wrapper .shortcode-title { margin-bottom: 0; } .product-style-v6 .ts-shortcode.ts-product:not(.ts-product-category-wrapper) .shortcode-heading-wrapper { padding: var(--ts-product-padding); } .product-style-v6 .ts-shortcode.ts-product:not(.ts-product-category-wrapper).has-nav .shortcode-heading-wrapper { max-width: calc(100% - 70px - var(--swiper-nav-width) * 2); } .product-style-v6 .ts-shortcode.ts-product:not(.ts-product-category-wrapper) .products { outline: 1px solid var(--ts-product-border); } .product-style-v6 .ts-shortcode.ts-product:not(.ts-product-category-wrapper) .shortcode-title {color: inherit;} .product-style-v6 .ts-shortcode.ts-product:not(.ts-product-category-wrapper) { color: var(--ts-product-color); background: var(--ts-product-bg); border-radius: 20px; overflow: hidden; transform: translateZ(0); } .product-style-v6.woocommerce .products .product-wrapper .thumbnail-wrapper, .product-style-v6 .woocommerce .products .product-wrapper .thumbnail-wrapper { background: transparent; } .product-style-v4 .ts-product .product .meta-wrapper:not(.meta-wrapper-2):not(.meta-wrapper-3), .product-style-v4 .page-container:not(.columns-1):not(.columns-1-1):not(.columns-2) .product .meta-wrapper:not(.meta-wrapper-2):not(.meta-wrapper-3) { order: -1; } .product-style-v4 .ts-frequently-bought-together .items .item .meta-wrapper:not(.meta-wrapper-2):not(.meta-wrapper-3) { padding: 0 !important; } .product-style-v4 .products .product-group-button-meta > *:not(.loop-add-to-cart), .product-style-v4 .products .meta-wrapper:not(.meta-wrapper-2) .price { display: none; } .product-style-v4 .ts-product .product .meta-wrapper:not(.meta-wrapper-2):not(.meta-wrapper-3), .product-style-v4 .page-container:not(.columns-1):not(.columns-1-1):not(.columns-2) .product .meta-wrapper:not(.meta-wrapper-2):not(.meta-wrapper-3) { padding: 0 14px; } .product-style-v4 .ts-product .products .product .meta-wrapper-2, .product-style-v4 .page-container:not(.columns-1):not(.columns-1-1):not(.columns-2) .products .product .meta-wrapper-2 { width: auto; display: flex; justify-content: center; min-height: 38px; padding: 0; border: 1px solid var(--ts-product-border); border-radius: 60px; flex-direction: row; overflow: hidden; padding: 0 45px 0 0;/* rtl */ transition: 300ms ease; } .product-style-v4.woocommerce .products .product .meta-wrapper-2 .price, .product-style-v4 .woocommerce .products .product .meta-wrapper-2 .price { display: flex; padding: 7px 20px; margin: 0; max-width: max-content; } .product-style-v4 .page-container:where(.columns-1,.columns-1-1) .products .product .meta-wrapper-2 { gap: 15px 0; } .product-style-v4 .page-container:where(.columns-1,.columns-1-1,.columns-2) .products .product .meta-wrapper-2 .price { border: 1px solid var(--ts-product-border); border-radius: 60px; } .product-style-v4 .wp-block-themepunch-revslider .ts-product .products .product .meta-wrapper-2 .price {min-height: 36px;} .product-style-v4 .ts-product .products .product .meta-wrapper-2 .price, .product-style-v4 .page-container:not(.columns-1):not(.columns-1-1):not(.columns-2) .products .product .meta-wrapper-2 .price { height: 100%; border-width: 0 1px 0 0;/* rtl */ border-style: solid; border-color: var(--ts-product-border); transition: 300ms ease; justify-content: center; } .product-style-v4 .woocommerce.main-products .quantity { --qty-height: 30px; } .product-style-v4 .product-group-button-meta { height: 100%; } .product-style-v4 .ts-product .product-group-button-meta div.loop-add-to-cart a.button, .product-style-v4 .page-container:not(.columns-1):not(.columns-1-1):not(.columns-2) .product-group-button-meta div.loop-add-to-cart a.button { min-width: 0; padding: 1px 4px 0 0;/* rtl */ position: absolute; inset: -1px;/* 1px border */ border: 0; border-radius: 0; font-size: 0; line-height: 1; background: transparent; color: var(--ts-heading-color); display: inline-flex; justify-content: flex-end; gap: 0; } .product-style-v4 .ts-product .product-group-button-meta div.loop-add-to-cart a.button:before, .product-style-v4 .page-container:not(.columns-1):not(.columns-1-1):not(.columns-2) .product-group-button-meta div.loop-add-to-cart a.button:before { content: '\e9ab'; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; font-size: 8px; width: 45px; height: 100%; display: inline-flex; justify-content: center; align-items: center; } .product-style-v4 .ts-product .product-group-button-meta div.loop-add-to-cart a.button.added:before, .product-style-v4 .page-container:not(.columns-1):not(.columns-1-1):not(.columns-2) .product-group-button-meta div.loop-add-to-cart a.button.added:before { content: '\e9bc'; font-size: 10px; } .product-style-v4 .ts-product .product-group-button-meta div.loop-add-to-cart a.button.loading:before, .product-style-v4 .page-container:not(.columns-1):not(.columns-1-1):not(.columns-2) .product-group-button-meta div.loop-add-to-cart a.button.loading:before { content: ""; width: var(--loading-size); height: var(--loading-size); border: 2px solid rgba(86, 86, 86, .3); border-top-color: #000; border-radius: 50%; text-align: center; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: calc(var(--loading-size)* -0.5); margin-left: calc(var(--loading-size)* -0.5); -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; background: transparent !important; z-index: 5; } .product-style-v4 .product-group-button .loop-add-to-cart {display: none;} .product-style-v4 .ts-product .product-group-button-meta div.loop-add-to-cart a.button.loading:after, .product-style-v4 .page-container:not(.columns-1):not(.columns-1-1):not(.columns-2) .product-group-button-meta div.loop-add-to-cart a.button.loading:after, .product-style-v4 .ts-product .products .product .meta-wrapper-2:hover, .product-style-v4 .page-container:not(.columns-1):not(.columns-1-1):not(.columns-2) .products .product .meta-wrapper-2:hover { background: var(--ts-btn-thumbnail-bg); border-color: var(--ts-body-bg); } .wp-block-themepunch-revslider .style-big-text.direction-horizontal .product-category-wrapper .category-name { font-size: inherit; } .woocommerce .products .product-wrapper, .woocommerce .products .product .meta-wrapper { display: flex; flex-direction: column; gap: 14px 0; position: relative; } .woocommerce .products .product-wrapper .thumbnail-wrapper { background: var(--ts-product-bg); border-radius: var(--ts-border-radius); position: relative; } .product-style-v2 .woocommerce.ts-product .products .product-wrapper .thumbnail-wrapper, .product-style-v2 .page-container:not(.columns-1):not(.columns-1-1):not(.columns-2) .woocommerce .products .product-wrapper .thumbnail-wrapper { position: static; } .product-style-v1.woocommerce .products .product-wrapper .thumbnail-wrapper, .product-style-v1 .woocommerce .products .product-wrapper .thumbnail-wrapper { overflow: hidden; } .product-style-v2 .header-info, .product-style-v2 .ts-header .hotline { font-size: calc(var(--ts-body-font-size) + 1px); } :where(, .product-style-v3) .woocommerce .products .product-wrapper { height: 100%; background: var(--ts-product-bg); border-radius: var(--ts-border-radius); } body:not(.product-style-v1):not(.product-label-v1) .page-container:where(.columns-1,.columns-1-1,.columns-2) .woocommerce .products .product-wrapper .thumbnail-wrapper { background: transparent; border-radius: 0; position: static; } body.product-style-v6 .page-container:where(.columns-1,.columns-1-1,.columns-2) .woocommerce .product .product-label { inset: var(--ts-product-padding) auto auto var(--ts-product-padding);/* rtl */ } .woocommerce .products .product .meta-wrapper { line-height: var(--ts-product-line-height); gap: 5px 0; } .woocommerce :is(.columns-1, .columns-1-1, .columns-2) .products .product .meta-wrapper { gap: 3px 0; } /*** Center product meta ***/ .product-style-v4 .products .product-wrapper { align-items: center; } :where(.product-style-v2, .product-style-v4) :where(.cross-sells, .upsells, .related) .product .meta-wrapper, :where(.product-style-v2, .product-style-v4) .ts-product .products .product .meta-wrapper, :where(.product-style-v2, .product-style-v4) :is(.columns-3,.columns-4,.columns-5) .products .product .meta-wrapper{ text-align: center; align-items: center; } :where(.product-style-v2, .product-style-v4) .ts-product .short-description ul, :where(.product-style-v2, .product-style-v4) :is(.columns-3,.columns-4,.columns-5) .short-description ul { align-items: center; } /**/ .woocommerce .products ul {margin: 0;} .columns-1 .woocommerce .products .product-wrapper { flex-direction: row; align-items: center; gap: 0 2%; } .columns-1.no-sidebar .woocommerce .products .product-wrapper { gap: 0 3%; } .columns-1 .woocommerce .products .product-wrapper .thumbnail-wrapper {width: 230px;} .product-style-v4 .columns-1 .woocommerce .products .product-wrapper .thumbnail-wrapper {width: 200px;} :where(.product-style-v5, .product-style-v6) .columns-1 .woocommerce .products .product-wrapper .thumbnail-wrapper {width: 210px;} .product-style-v4 .products .product .thumbnail-wrapper img {border-radius: 20px;} :is(.product-style-v1, .product-label-v1) .columns-1 .woocommerce .products .product-wrapper .thumbnail-wrapper {width: 20%;} :is(.columns-1, .columns-1-1, .columns-2) .woocommerce .products .product-wrapper .product-name { font-size: calc(var(--ts-product-font-size) * 1.7); line-height: 1.2; } .product-style-v5 :is(.columns-1, .columns-1-1, .columns-2) .woocommerce .products .product-wrapper .product-name, .columns-2.has-1-sidebar .woocommerce .products .product-wrapper .product-name { font-size: calc(var(--ts-product-font-size) * 1.6); } :is(.columns-1, .columns-1-1, .columns-2) .woocommerce .products .product-wrapper .product-name{font-weight: var(--ts-heading-font-weight);} .product-style-v5 .columns-2.has-1-sidebar .woocommerce .products .product-wrapper .product-name { font-size: calc(var(--ts-product-font-size) * 1.3); } .columns-1-1 .product .quantity { flex-direction: column; align-items: flex-start; } .product-style-v4 .columns-1-1 .product .quantity { flex-direction: row; align-items: center; } .columns-1 .product-group-button { top: 10px; right: 10px;/* rtl */ } .columns-1 .short-description.grid, .columns-2 .short-description.grid, .woocommerce .products .product .meta-wrapper-2, .woocommerce .products .product .meta-wrapper-3, .woocommerce .products .product .meta-wrapper-3 .price, .product-group-button-meta .button-in.wishlist, .woocommerce .woocommerce-product-rating:after, .woocommerce .woocommerce-product-rating:before { display: none; } :is(.columns-1, .columns-2) .woocommerce .products .product .meta-wrapper-2 {order: 1;} :is(.columns-1, .columns-1-1, .columns-2) .woocommerce .products .product .meta-wrapper-2, :is(.columns-1, .columns-1-1, .columns-2) .woocommerce .products .product .meta-wrapper-3 { display: flex; } :is(.columns-1, .columns-1-1, .columns-2) .product-group-button-meta { align-items: flex-end; } .columns-1 .woocommerce .products .product .meta-wrapper:not(.meta-wrapper-2):not(.meta-wrapper-3) { flex: 1; } .columns-1 .woocommerce .products .product .meta-wrapper-3 { width: 16%; } :is(.columns-1, .columns-1-1) .products .product .meta-wrapper-2 .price {display: none;} :where(.product-style-v5, .product-style-v6) .columns-1 .woocommerce .products .product .meta-wrapper-3 { width: 21%; } .columns-1 .woocommerce .products .product .meta-wrapper-2 { position: static; align-items: flex-end; } body:not(.product-style-v1):not(.product-style-v6) .page-container:where(.columns-1,.columns-1-1, .columns-2) .woocommerce .products .product .meta-wrapper-2 { padding-right: 10px;/* rtl */ } .product-style-v6 .page-container:where(.columns-1,.columns-1-1, .columns-2) .woocommerce .products .product .meta-wrapper-2 { padding-right: 50px;/* rtl */ min-width: 28%; align-items: flex-start; } .product-group-button-meta .button-in.wishlist { position: absolute; top: 10px; right: 10px;/* rtl */ } body:not(.product-style-v1) .columns-1 .product-group-button-meta > div.wishlist a:before, .columns-2 .product-group-button-meta > div.wishlist a:before { font-size: var(--product-icon-font-size); line-height: calc(var(--product-icon-size) - 1px); } :is(.columns-1, .columns-1-1) .woocommerce.main-products { --ts-product-h-gap: 0; --ts-product-v-gap: 0; } .product-style-v1 .columns-2 .woocommerce.main-products .products {gap: 0;} .product-style-v1 :is(.columns-1, .columns-1-1, .columns-2) .woocommerce.main-products .products > .product { margin-bottom: 30px; padding-bottom: 30px; border-width: 0 0 1px; border-style: solid; } /**/ .columns-1-1 .woocommerce .products .product-wrapper { display: grid; grid-template-columns: [left] 340px [center] 1fr [right] 30%;/* rtl */ gap: 15px 30px; } .columns-1-1 .woocommerce .products .meta-wrapper-3, .columns-1-1 .woocommerce .products .thumbnail-wrapper { grid-row-start: 1; grid-row-end: span 2; align-self: center; } .columns-1-1 .woocommerce .products .thumbnail-wrapper { grid-column: left;/* rtl */ } .columns-1-1 .woocommerce .products .meta-wrapper-3 { grid-column: right;/* rtl */ } .columns-1-1 .woocommerce .products .meta-wrapper:not(.meta-wrapper-2):not(.meta-wrapper-3) { grid-area: auto / center; align-self: flex-end; } .columns-1-1 .woocommerce .products .meta-wrapper-2 { grid-area: auto / center; align-self: flex-start; } /**/ .columns-2 .woocommerce .products .product-wrapper { display: grid; grid-template-columns: [left] 250px [right] 1fr;/* rtl */ gap: 5px 0; } .columns-2.no-sidebar .woocommerce .products .product-wrapper { grid-template-columns: [left] 300px [right] 1fr;/* rtl */ } .columns-2.no-sidebar .woocommerce .products .product-wrapper > .meta-wrapper { padding-left: 50px; padding-right: 50px; } .columns-2:not(.no-sidebar) .woocommerce .products .product-wrapper > .meta-wrapper { padding: 2px 20px; } .has-2-sidebar.columns-2 .woocommerce.main-products { --ts-product-columns: 1 !important; } .columns-2 .woocommerce .products .thumbnail-wrapper { grid-column: left;/* rtl */ grid-row-start: 1; grid-row-end: span 2; align-items: center; } .columns-2.has-description-list .woocommerce .products .thumbnail-wrapper { grid-row-end: span 3; display: flex; justify-content: center; } .columns-2 .woocommerce .products .thumbnail-wrapper ~ .meta-wrapper-2 { grid-area: auto / right;/* rtl */ align-self: flex-start; } .columns-2 .woocommerce .products .thumbnail-wrapper ~ .meta-wrapper:not(.meta-wrapper-2):not(.meta-wrapper-3) { align-self: flex-end; } .columns-2 .woocommerce .products .thumbnail-wrapper ~ .meta-wrapper-3 { align-self: center; } .columns-2 .woocommerce .products .product .meta-wrapper:not(.meta-wrapper-2):not(.meta-wrapper-3) .price {display: none;} .columns-2 .woocommerce .products .product .meta-wrapper-3 .price {display: flex;} /*** Product categories ***/ .list-categories { width: 100%; display: flex; flex-wrap: wrap; align-items: center; } .list-categories .style-default-bg.direction-horizontal .product-category-wrapper .count {display: none;} .ts-product-category-wrapper { --ts-product-h-gap: 0; --ts-product-v-gap: 0; } .list-categories .ts-product-category-wrapper { --ts-product-h-gap: 16px; --ts-product-v-gap: 16px; } .ts-product-category-wrapper .products { align-items: center; } .ts-product .products.swiper { display: flex; flex-wrap: wrap; position: static; } :where(.cross-sells, .upsells, .related) .products.swiper, .ts-product:not(.ts-product-categories).ts-slider .products.swiper { margin-left: calc(var(--ts-product-h-gap) * -0.5); margin-right: calc(var(--ts-product-h-gap) * -0.5); width: calc(100% + var(--ts-product-h-gap)); } :where(.cross-sells, .upsells, .related) .products.swiper .product, .ts-product:not(.ts-product-categories).ts-slider .products.swiper .product { height: auto; padding-left: calc(var(--ts-product-h-gap) * 0.5); padding-right: calc(var(--ts-product-h-gap) * 0.5); } body :is(.cross-sells, .upsells, .related) :where(.swiper-button-prev, .swiper-button-next), :where(.cross-sells, .upsells, .related) .products .meta-wrapper .color-swatch { display: none; } :where(.cross-sells, .upsells, .related) .products.swiper .product .product-wrapper, .ts-product:not(.ts-product-categories).ts-slider .products.swiper .product .product-wrapper { height: 100%; } .ts-product-category-wrapper .products.swiper .product-category {width: auto;} .product-category-wrapper > a { display: flex; align-items: center; justify-content: center; } .woocommerce .products .product .product-category-wrapper > a img { width: auto; height: auto; } .ts-product-category-wrapper:not(.style-icon):not(.style-auto-width.direction-horizontal) .product-category-wrapper:hover > a:not(.meta-btn) > img { transform: scale(1.02); } .product-category-wrapper .category-name { font-size: calc(var(--ts-body-font-size) + 1px); line-height: var(--ts-line-height); font-weight: 500; margin: 20px 0 0; } .ts-product-category-wrapper:not(.direction-horizontal) .product-category-wrapper .category-name { text-align: center; } .product-category-wrapper .category-name .count { font-size: 0.9em; } .product-category-wrapper .category-name a {color: inherit;} .style-default .product-category-wrapper > a { height: 100px; } .style-default.woocommerce .products .product .product-category-wrapper > a img { max-width: 70%; max-height: 100%; object-fit: contain; } /*** Style has background ***/ .style-default-bg .product-category-wrapper > a { padding: 20px; border-radius: 50%; width: 100%; aspect-ratio: 1; position: relative; } .style-default-bg .product-category-wrapper > a:before { content: ''; position: absolute; inset: 0; padding: 10px; background: #f5f5f5; border-radius: 50%; transition: transform 0.3s; } .woocommerce.style-default-bg .products .product .product-category-wrapper > a img { max-width: 65%; max-height: 55%; } .ts-product-category-wrapper.style-default-bg .product-category-wrapper:hover > a:not(.meta-btn) > img { transform: scale(0.84); } .style-default-bg.direction-horizontal .product-category-wrapper { display: flex; align-items: center; gap: 20px; } .style-default-bg.direction-horizontal .product-category-wrapper > a { width: 70px; height: 70px; padding: 10px; } .style-default-bg.direction-horizontal .product-category-wrapper > a img { max-width: 100%; max-height: 100%; } .style-default-bg.direction-horizontal .product-category-wrapper h4 {margin: 0;} /*** Style icon ***/ .style-icon.direction-vertical .product-category-wrapper > a:not(.meta-btn) { width: 76px; height: 76px; padding: 15px; margin: 0 auto; position: relative; } .style-icon.direction-vertical .product-category-wrapper > a:not(.meta-btn):before { content: ''; position: absolute; inset: 0; transform: scale(0); background: var(--ts-primary-color); opacity: 0.1; border-radius: 50%; transition: 0.3s ease; } .style-icon.direction-vertical .product-category-wrapper:hover > a:not(.meta-btn):before { transform: scale(1); } .style-icon.direction-vertical .product-category-wrapper .category-name { margin: 5px 0 0; } .style-icon.direction-horizontal.woocommerce .products .product .product-category-wrapper > a img { height: 30px; width: 30px; object-fit: contain; } .woocommerce.ts-product-category-wrapper.style-icon.direction-vertical .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { align-items: flex-start; } /*** Style auto width ***/ .woocommerce.style-icon.direction-horizontal .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper), .woocommerce.style-auto-width .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { display: flex; flex-wrap: wrap; align-items: stretch; } .product-category-wrapper a {text-decoration: none !important;} .style-auto-width.direction-vertical .product-category-wrapper > a {height: 85px;} .style-auto-width.direction-vertical.woocommerce .products .product .product-category-wrapper > a img { max-height: 100%; object-fit: contain; } :where(.style-icon, .style-auto-width).direction-horizontal .product-category-wrapper { height: 100%; display: flex; align-items: center; gap: 20px; padding: 8px 40px; background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: var(--ts-btn-radius); transition: 0.3s ease; } .ts-slider.style-icon.direction-horizontal .product-category-wrapper { justify-content: center; } :where(.style-icon, .style-auto-width).direction-horizontal .product-category-wrapper:hover { background: transparent; border-color: var(--ts-text-color); } .woocommerce:where(.style-icon, .style-auto-width).direction-horizontal .products .product .product-category-wrapper .meta-wrapper { margin-top: 0; } :where(.style-icon, .style-auto-width).direction-horizontal.woocommerce .products .product .product-category-wrapper > a img { height: 52px; max-width: 80px; object-fit: contain; } :where(.style-big-text, .style-auto-width.direction-horizontal, .style-icon.direction-horizontal) .product-category-wrapper .category-name {margin: 0;} .hide-cat-img .product-category-wrapper > a {display: none;} /*** Style big text ***/ .style-big-text.direction-vertical .product-category-wrapper .category-name { margin: 0 0 20px; font-size: var(--ts-h1-font-size); line-height: var(--ts-h1-line-height); } .style-big-text.direction-horizontal .product-category-wrapper .category-name { margin: 0; font-size: calc(var(--ts-h1-font-size) * 3.8); line-height: 1; position: relative; } .style-big-text .product-category-wrapper .meta-btn { display: inline-flex; flex-wrap: nowrap; gap: 15px; padding: 10px 30px; color: inherit; border: 1px solid; border-radius: var(--ts-btn-radius); font-size: var(--ts-body-font-size); line-height: var(--ts-line-height); } .style-big-text.direction-vertical .product-category-wrapper {text-align: center;} .style-big-text.direction-horizontal .product-category-wrapper { display: flex; align-items: center; gap: 0 60px; } .style-big-text .product-category-wrapper .meta-btn img { max-width: 72px; max-height: 32px; } .style-big-text .product-category-wrapper .category-name { transition: 0.3s ease; } .wp-block-themepunch-revslider .style-big-text .product-category-wrapper .category-name {color: inherit;} .style-big-text .product-category-wrapper:hover .category-name { color: var(--ts-primary-color); } .style-big-text .product-category-wrapper:hover .meta-btn { background: var(--ts-primary-color); border-color: var(--ts-primary-color); color: var(--ts-text-in-primary-color); } .style-big-text.direction-horizontal .product-category-wrapper .category-name:after { content: ''; position: absolute; bottom: -2%; left: 0; right: 0; width: 0; border-bottom: 5px solid; transition: 0.3s ease; } .style-big-text.direction-horizontal .product-category-wrapper:hover .category-name:after { width: 100%; } .wp-block-themepunch-revslider .ts-product-category-wrapper.woocommerce:not(.partial-right), body .ts-product-category-wrapper.style-big-text.direction-horizontal { overflow: visible; } /*------------------------------------------------------------- 1. PRODUCT IMAGES --------------------------------------------------------------*/ /**/ .ts-product-category-wrapper.woocommerce:not(.partial-right) {overflow: hidden;} .woocommerce .product .thumbnail-wrapper * { backface-visibility: hidden; -webkit-backface-visibility: hidden; } .woocommerce .product .thumbnail-wrapper > a { position: relative; display: block; text-decoration: none; z-index: 2; transition: 300ms ease 0s; } .woocommerce .products .product a img { margin: 0; box-shadow: none; width: 100%; transition: 300ms ease; } .woocommerce .product figure { z-index: 1; margin-bottom: 0; } .woocommerce .product.outofstock figure img {opacity: 0.5;} .woocommerce .product figure img:first-child { position: relative; z-index: 2 } .woocommerce .product figure.has-back-image img:last-child { width: 100%; position: absolute; right: 0; left: 0; top: 0; z-index: 3; } body.ts_desktop.woocommerce .product figure.has-back-image img, body.ts_desktop .woocommerce .product figure.has-back-image img { backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: opacity 300ms ease 0s; } body.ts_desktop.woocommerce .product figure.has-back-image img:last-child, body.ts_desktop .woocommerce .product figure.has-back-image img:last-child { opacity: 0; } body.ts_desktop.woocommerce .product .thumbnail-wrapper:hover figure.has-back-image img:last-child, body.ts_desktop .woocommerce .product .thumbnail-wrapper:hover figure.has-back-image img:last-child { opacity: 1; } body.ts_desktop.woocommerce .product .thumbnail-wrapper:hover figure.has-back-image img:first-child, body.ts_desktop .woocommerce .product .thumbnail-wrapper:hover figure.has-back-image img:first-child { opacity: 0; } .button-in a, .button-in a:hover, .woocommerce .product .category-name h3 a:hover {text-decoration: none !important;} /*------------------------------------------------------------- 2. PRODUCT LABEL --------------------------------------------------------------*/ ul.product_list_widget li .product-label { --label-size: 30px; --label-font-size: 8px; } ul.product_list_widget .product-label > *:not(.onsale) {display: none !important;} :where(.product-label-v2, .product-label-v4) .product-label { --label-font-size: 14px; } .woocommerce .product .product-label { position: absolute; inset: 10px auto auto 10px; /* rtl */ display: flex; flex-flow: row wrap; gap: 4px; z-index: 3; } .product-label-v1.woocommerce .product .product-label, .product-label-v1 .woocommerce .product .product-label { inset: auto 10px 10px auto !important; /* rtl */ flex-direction: column; } .product-style-v4.woocommerce .products .product-wrapper .thumbnail-wrapper, .product-style-v4 .woocommerce .products .product-wrapper .thumbnail-wrapper { position: static; } .product-style-v4.woocommerce .product .product-label, .product-style-v4 .woocommerce .product .product-label { inset: 10px auto auto 10px; /* rtl */ } .product-style-v4 div.product .woocommerce-product-gallery .product-label { inset: 0px auto auto 0px; /* rtl */ } .product-style-v4 :where(.columns-1,.columns-1-1) .woocommerce .product .product-label { inset: 18px auto auto 18px; /* rtl */ } .product-style-v2.woocommerce .product .product-label, .product-style-v2 .woocommerce .product .product-label, .product-style-v6.woocommerce .product .product-label, .product-style-v6 .woocommerce .product .product-label { inset: 0 auto auto 0; /* rtl */ } .product-style-v2:not(.product-label-v1) :where(.columns-1,.columns-1-1) .woocommerce .product .product-label { inset: 0 auto auto 50%; /* rtl */ transform: translateX(-50%); } .product-style-v5.woocommerce .product .product-label, .product-style-v5 .woocommerce .product .product-label { inset: 20px auto auto 20px; /* rtl */ } .ts-discount-number { min-width: var(--label-size); min-height: 0; padding: 3px 5px; display: inline-block; vertical-align: top; position: static; font-size: var(--label-font-size); line-height: calc(var(--label-font-size) + 1px) !important; text-align: center; text-transform: uppercase; font-weight: 700; border-radius: 0; background: var(--ts-sale-label-bg); color: var(--ts-sale-label-color); margin: 0 20px 0 0;/* rtl */ } .product-style-v3 div.product .summary.entry-summary > .ts-variation-price, .product-style-v3 div.product .summary.entry-summary p.price, .product-style-v3 div.product .summary.entry-summary span.price { font-size: var(--ts-h4-font-size); } .woocommerce.product-style-v3 .ts-fbt-form .submit-wrapper .total-price, .product-style-v3 div.product .summary.entry-summary > .ts-variation-price, .product-style-v3 div.product .summary.entry-summary p.price, .product-style-v3 div.product .summary.entry-summary span.price, .product-style-v3 div.product .summary.entry-summary p.price ins, .product-style-v3 div.product .summary.entry-summary span.price ins { font-weight: 600; } .product-style-v3 div.product .summary.entry-summary p.price del, .product-style-v3 div.product .summary.entry-summary span.price del { font-size: var(--ts-text-small) !important; font-weight: 400; } .product-label-v3 .ts-discount-number { padding: 0; border-radius: 0; font-size: var(--ts-h4-font-size); line-height: 1 !important; font-weight: 600; text-align: start; background: transparent !important; } :where(.product-label-v1,.product-label-v5) .ts-discount-number { min-width: var(--label-size); min-height: var(--label-size); padding: 5px; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; } .product-label-v6.single-product #primary > div.product { --label-font-size: 16px; } .product-label-v6 .ts-discount-number { min-width: var(--label-size); min-height: 0; padding: 16px 30px; display: inline-block; vertical-align: top; position: static; font-size: var(--label-font-size); line-height: calc(var(--label-font-size) + 1px) !important; text-align: center; text-transform: uppercase; border-radius: 40px; font-weight: var(--ts-product-price-font-weight); margin: 0 4px 0 0;/* rtl */ } .woocommerce .product-label > :is(span, span.onsale) { min-width: var(--label-size); min-height: 0; padding: 3px 5px; display: inline-block; vertical-align: top; position: static; font-size: var(--label-font-size); line-height: calc(var(--label-font-size) + 1px) !important; text-align: center; text-transform: uppercase; font-weight: 700; border-radius: 0; } .woocommerce .product-label > span:not(.onsale.numeric) { font-size: calc(var(--label-font-size) - 1px); } .product-label-v3.woocommerce .product-label > :is(span, span.onsale), .product-label-v3 .woocommerce .product-label > :is(span, span.onsale) { font-weight: 600; } .product-label-v6.woocommerce .product-label > :is(span, span.onsale), .product-label-v6 .woocommerce .product-label > :is(span, span.onsale) { border-radius: 20px; font-weight: var(--ts-product-price-font-weight); } .product-style-v6.woocommerce :where(.cross-sells, .upsells, .related) > h2, .product-style-v6 #reviews .woocommerce-Reviews-title, .product-style-v6 .woocommerce-tabs #reviews > .review-title, .product-style-v6.woocommerce div.product .woocommerce-tabs ul.tabs { font-size: var(--ts-h4-font-size); line-height: var(--ts-h4-line-height); } .product-style-v6.woocommerce :where(.cross-sells, .upsells, .related) > h2 { border-bottom: 1px solid var(--ts-product-border); } .product-style-v6 #review_form_wrapper .comment-reply-title { font-size: var(--ts-h5-font-size); line-height: var(--ts-h5-line-height); } .woocommerce .product-label span span { display: flex; width: 100%; height: 100%; align-items: center; position: relative; justify-content: center; } .featured .products .product-label .featured { display: none; } .ts-shortcode .woocommerce.loading .products { transition: none; } .woocommerce .product-label span.onsale { color: var(--ts-sale-label-color); background: var(--ts-sale-label-bg); } .woocommerce .product-label span.new { color: var(--ts-new-label-color); background: var(--ts-new-label-bg); } .woocommerce .product-label span.featured { color: var(--ts-hot-label-color); background: var(--ts-hot-label-bg); } .woocommerce .product-label span.out-of-stock { color: var(--ts-soldout-label-color); background: var(--ts-soldout-label-bg); } /*** Custom ***/ :where(.product-label-v1,.product-label-v5) .woocommerce .product-label, :where(.product-label-v1,.product-label-v5).woocommerce .product-label { flex-direction: column-reverse; } :where(.product-label-v1,.product-label-v5) .woocommerce .product-label > :is(span, span.onsale), :where(.product-label-v1,.product-label-v5).woocommerce .product-label > :is(span, span.onsale) { width: var(--label-size); height: var(--label-size); padding: 5px; border-radius: 100%; display: inline-flex; align-items: center; } :where(.product-label-v1,.product-label-v5) .woocommerce .product-label > span.out-of-stock > span, :where(.product-label-v1,.product-label-v5).woocommerce .product-label > span.out-of-stock > span { font-size: 0.9em; } /**/ .product-style-v3 .ts-fbt-form .item, .product-style-v3.woocommerce .products .product-wrapper, .product-style-v3 .woocommerce .products .product-wrapper { background: var(--ts-product-bg); } .product-label-v3.woocommerce .product .product-label, .product-label-v3 .woocommerce .product .product-label { --label-size: 0; --label-font-size: 17px; gap: 20px; inset: 20px auto auto 20px;/* rtl */ } .product-label-v3.woocommerce .products .product-wrapper .thumbnail-wrapper, .product-label-v3 .woocommerce .products .product-wrapper .thumbnail-wrapper { position: static; } .product-label-v3.woocommerce .product-label > :is(span, span.onsale), .product-label-v3 .woocommerce .product-label > :is(span, span.onsale){ padding: 0; border-radius: 0; font-weight: 600; text-align: start; background: transparent !important; } /**/ .product-label-v4 .ts-discount-number, .product-label-v4.woocommerce .product-label > :is(span, span.onsale), .product-label-v4 .woocommerce .product-label > :is(span, span.onsale){ border-radius: 20px; } /**/ .single-product #primary > div.product, .single-product #primary > div.product .product-label { --label-size: 50px; --label-font-size: 13px; top: 0; left: 0;/* rtl */ } .single-product.product-label-v3 #primary > div.product, .single-product.product-label-v3 #primary > div.product .product-label { --label-size: 0; --label-font-size: 25px; } .product-label-v2.single-product #primary > div.product, .product-label-v2.single-product #primary > div.product .product-label { --label-font-size: 14px; } .single-product.product-style-v5 #primary > div.product:is(.fbt-in-summary, .summary-scrolling) { --ts-summary-padding-right: var(--ts-product-padding); } .single-product.product-style-v5 #primary > div.product:not(.summary-scrolling) { display: flex; flex-flow: row wrap; } .single-product:where(.product-style-v5, .product-style-v6) #primary > div.product:not(.summary-scrolling) > .summary { align-content: flex-start; } .single-product.product-style-v5 #primary > div.product:not(.summary-scrolling):not(.fbt-in-summary) > .summary ~ *, .single-product.product-style-v5 #primary > div.product.fbt-in-summary:not(.summary-scrolling) > .summary ~ *:not(.ts-frequently-bought-together), .single-product.product-style-v5 #primary > div.product.fbt-in-summary:not(.summary-scrolling) > .ts-frequently-bought-together ~ * { width: 100%; } .single-product.product-style-v5 #primary > div.product:not(.summary-scrolling):not(.fbt-in-summary) > .summary ~ *, .single-product.product-style-v5 #primary > div.product.fbt-in-summary:not(.summary-scrolling) > .summary ~ *:not(.ts-frequently-bought-together) { border-top: 1px solid var(--ts-border); } .single-product.product-style-v5 div.product:not(.fbt-in-summary) .ts-frequently-bought-together > h3 { border-bottom: 1px solid var(--ts-border); margin: 0px; padding: var(--ts-product-padding); } .single-product.product-style-v6 div.product .ts-frequently-bought-together > h3 { border-bottom: 1px solid var(--ts-border); margin: 0px; padding: var(--ts-product-padding); color: inherit; } .single-product:where(.product-style-v5,.product-style-v6) .ts-fbt-form .item {position: relative;} .single-product:where(.product-style-v5,.product-style-v6) div.product:not(.fbt-in-summary) .ts-fbt-form .items { padding-bottom: 0; } .single-product.product-style-v5 div.product:not(.fbt-in-summary) .ts-frequently-bought-together > .ts-fbt-form, .single-product.product-style-v5 div.product:not(.fbt-in-summary) .ts-fbt-form .items {gap: 0;} .single-product:where(.product-style-v5,.product-style-v6) div.product:not(.fbt-in-summary) .ts-fbt-form {border: 0;} .single-product.product-style-v5 div.product:not(.fbt-in-summary) .ts-frequently-bought-together .submit-wrapper, .single-product.product-style-v6 div.product .ts-frequently-bought-together .submit-wrapper { padding: var(--ts-product-padding); } .single-product:where(.product-style-v5,.product-style-v6) div.product .ts-fbt-form .item .thumbnail-wrapper:after { top: calc(50% - 20px); line-height: 40px; right: -20px; width: 40px; height: 40px; border: 1px solid var(--ts-product-border); text-align: center; border-radius: 50%; align-items: center; margin: 0; background: var(--ts-dropdown-bg); z-index: 2; } /**/ .single-product.product-style-v6:is(.woocommerce,.woocommerce-page,.single) #main > .page-container #main-content{ --ts-section-gap: 0; } .single-product.product-style-v6:is(.woocommerce,.woocommerce-page,.single) #main > .page-container { margin-bottom: var(--ts-section-gap); padding-bottom: 0; } .single-product.product-style-v6 #primary > div.product:not(.summary-scrolling) { display: flex; flex-flow: row wrap; gap: 0; } body.single-product.product-style-v6 :where(.cross-sells, .upsells, .related), .single-product.product-style-v6 #primary > div.product:not(.show-tabs-content-default) > *, .single-product.product-style-v6 #primary > div.product.show-tabs-content-default > *, .single-product.product-style-v6 #primary > div.product.show-tabs-content-default .woocommerce-tabs .panel, .single-product.product-style-v6 #primary > div.product.tabs-accordion .woocommerce-tabs .panel { color: var(--ts-dropdown-color); background: var(--ts-dropdown-bg); border-radius: var(--ts-border-radius-large); overflow: hidden; border: 1px solid var(--ts-product-border); } body.single-product.product-style-v6 :where(.cross-sells, .upsells, .related) :where(h1,h2,h3,h4,h5,h6), .single-product.product-style-v6 #primary > div.product:not(.show-tabs-content-default) > * :where(h1,h2,h3,h4,h5,h6), .single-product.product-style-v6 #primary > div.product.show-tabs-content-default > * :where(h1,h2,h3,h4,h5,h6), .single-product.product-style-v6 #primary > div.product.show-tabs-content-default .woocommerce-tabs .panel :where(h1,h2,h3,h4,h5,h6), .single-product.product-style-v6 #primary > div.product.tabs-accordion .woocommerce-tabs .panel :where(h1,h2,h3,h4,h5,h6) { color: inherit; } .single-product.product-style-v6 #primary > div.product > .ads-banner { border-radius: 0; border: 0; } .single-product.product-style-v6 #primary > div.product.tabs-accordion .woocommerce-tabs, .single-product.product-style-v6 #primary > div.product.show-tabs-content-default .woocommerce-tabs { background: transparent; border: 0; border-radius: 0; } body.single-product.product-style-v6 .product-bottom-content, .single-product.product-style-v6 #primary > div.product:not(.show-tabs-content-default) > *, .single-product.product-style-v6 #primary > div.product.show-tabs-content-default > *, .single-product.product-style-v6 #primary > div.product.show-tabs-content-default .woocommerce-tabs .panel, .single-product.product-style-v6 #primary > div.product.tabs-accordion .woocommerce-tabs .panel { margin: 0 0 10px; } .single-product.product-style-v6 #primary > div.product.show-tabs-content-default .woocommerce-tabs, .product-style-v6 div.product.tabs-accordion .woocommerce-Tabs-panel > h2 ~ *, .product-style-v6 div.product.tabs-accordion .woocommerce-Tabs-panel #reviews > h2 ~ * { margin-bottom: 0; } body.single-product.product-style-v6 #primary { display: flex; flex-direction: column; } body.single-product.product-style-v6 :where(.cross-sells, .upsells, .related) {overflow: hidden;order: 10;} body.single-product.product-style-v6 :where(.cross-sells, .upsells, .related) > h2 {margin: 0;} body.single-product.product-style-v6 :where(.cross-sells, .upsells, .related) > h2, .woocommerce.product-style-v6 div.product:not(.tabs-in-summary) .woocommerce-tabs ul.tabs, .single-product.product-style-v6 #primary > div.product > .woocommerce-product-gallery, .single-product.product-style-v6 #primary > div.product > .summary { padding: var(--ts-product-padding); } .woocommerce.product-style-v6 div.product.tabs-in-summary .woocommerce-tabs ul.tabs, .woocommerce.product-style-v6 div.product .woocommerce-tabs ul.tabs {margin: 0;} .single-product.product-style-v6 #primary > div.product > .woocommerce-product-gallery { border-top-right-radius: 0; border-bottom-right-radius: 0; border: 1px solid var(--ts-product-border); } .single-product.product-style-v6 #primary > div.product > .summary { font-weight: var(--ts-product-font-weight); border-top-left-radius: 0; border-bottom-left-radius: 0; border: 1px solid var(--ts-product-border); margin-left: -1px;/**/ } .single-product.product-style-v6 #primary > div.product.summary-scrolling > .summary { width: calc(100% - var(--ts-gallery-width) - 10px); border-top-left-radius: var(--ts-border-radius-large); border-bottom-left-radius: var(--ts-border-radius-large); } .single-product.product-style-v6 #primary > div.product.summary-scrolling > .woocommerce-product-gallery { border-top-right-radius: var(--ts-border-radius-large); border-bottom-right-radius: var(--ts-border-radius-large); } .product-style-v6.single-product #primary > div.product.social-icons-vertical:not(.fbt-in-summary) > .summary { padding-right: var(--ts-summary-padding-right);/* rtl */ } .product-style-v6.woocommerce.single-product div.product.social-icons-vertical:not(.fbt-in-summary):not(.summary-scrolling) .summary > .ts-social-sharing:not(:empty) { top: var(--ts-product-padding); right: var(--ts-product-padding);/* rtl */ } .product-style-v6.single-product #primary > div.product:not(.fbt-in-summary):not(.summary-scrolling) > .summary ~ *, .product-style-v6.single-product #primary > div.product.fbt-in-summary:not(.summary-scrolling) > .summary ~ *:not(.ts-frequently-bought-together), .product-style-v6.single-product #primary > div.product.fbt-in-summary:not(.summary-scrolling) > .ts-frequently-bought-together ~ * { width: 100%; } .product-style-v6.woocommerce div.product form.cart .variations label, .product-style-v6.woocommerce div.product .summary .product-counter > .ts-countdown + span { font-size: var(--label-font-size); } .product-style-v6.woocommerce div.product .summary .ts-countdown .counter-wrapper { padding: 10px 25px; } .product-style-v6.woocommerce div.product.tabs-accordion .woocommerce-tabs { background: transparent !important; margin: 0 !important; } .product-style-v6.woocommerce div.product.tabs-accordion .woocommerce-tabs .panel { border: 0; padding: 0 !important; } .product-style-v6.woocommerce div.product.tabs-accordion .woocommerce-Tabs-panel > h2, .product-style-v6.woocommerce div.product.tabs-accordion .woocommerce-Tabs-panel #reviews > h2 { font-size: var(--ts-h4-font-size); line-height: var(--ts-h4-line-height); padding: var(--ts-product-padding) !important; } .product-style-v6.woocommerce div.product.tabs-accordion ul.tabs + .woocommerce-Tabs-panel > h2.active:after, .product-style-v6.woocommerce .product .woocommerce-Tabs-panel > h2:after, .product-style-v6.woocommerce .product .woocommerce-Tabs-panel #reviews > h2:after { content: "\e9ab"; width: 60px; height: 60px; line-height: 60px; text-align: center; border: 1px solid var(--ts-product-border); border-radius: 50%; font-size: 17px; } .product-style-v6.woocommerce div.product.tabs-accordion ul.tabs + .woocommerce-Tabs-panel > h2:after, .product-style-v6.woocommerce .product .woocommerce-Tabs-panel > h2.active:after, .product-style-v6.woocommerce .product .woocommerce-Tabs-panel #reviews > h2.active:after { content: "\e9a9"; } .product-style-v6 div.product.tabs-accordion .woocommerce-Tabs-panel > h2 ~ *, .product-style-v6 div.product.tabs-accordion .woocommerce-Tabs-panel #reviews > h2 ~ *{ border-top: 1px solid var(--ts-product-border); } .product-style-v6 div.product.tabs-accordion .woocommerce-Tabs-panel > h2 ~ *:not(.comments-review-form), .product-style-v6 div.product.tabs-accordion .woocommerce-Tabs-panel #reviews > h2 ~ *:not(.comments-review-form) { padding: var(--ts-product-padding); } .product-style-v6 .tabs-accordion #reviews .woocommerce-noreviews { margin-top: 0; } .product-style-v6 #review_form_wrapper #review_form { margin-top: var(--ts-product-padding); } /*------------------------------------------------------------- 3. PRODUCT META --------------------------------------------------------------*/ .woocommerce .products .product-category .meta-wrapper {padding: 0;margin: 0;} .woocommerce .products .product .meta-wrapper > * {margin: 0;z-index: 2;} .woocommerce .products .product .meta-wrapper .review-count {display: none;} ul.product_list_widget li .review-count, .ts-product .review-count, .woocommerce :is(.cross-sells,.up-sells,.related) .product-wrapper .woocommerce-product-rating .review-count, .woocommerce.grid .products .product .meta-wrapper .woocommerce-product-rating > *:not(.star-rating) {display: none;} .woocommerce .products .product .product-sku, .woocommerce .products .product .product-brands, .woocommerce .products .product .short-description, .woocommerce .products .product .product-categories {overflow: hidden;text-decoration: none;} .woocommerce .products ul:after, .woocommerce .products ul:before, .woocommerce ul.products:after, .woocommerce ul.products:before {display: none;} table.group_table .woocommerce-grouped-product-list-item__label a, .woocommerce ul.cart_list li .product-name a, ul.product_list_widget li .ts-wg-meta a.title, .woocommerce ul.product_list_widget li .product-name a, .woocommerce .products .product .product-name { font-family: var(--ts-product-font-family); font-style: var(--ts-product-font-style); letter-spacing: var(--ts-product-letter-spacing); text-transform: var(--ts-product-text-transform); font-weight: var(--ts-product-font-weight); font-size: var(--ts-product-font-size); line-height: var(--ts-product-line-height); } table.group_table .woocommerce-grouped-product-list-item__label a { font-size: inherit; line-height: 1.2; } /*** Product price ***/ .woocommerce-grouped-product-list-item__price, .ts-fbt-form .item .meta-wrapper span.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price, :is(.price, .woocommerce .price, .product-price) { display: flex; flex-wrap: wrap; align-items: center; gap: 0px 6px; font-family: var(--ts-product-price-font-family) !important; font-style: var(--ts-product-price-font-style) !important; font-weight: var(--ts-product-price-font-weight) !important; font-size: var(--ts-product-price-font-size); color: var(--ts-product-price-color); } .ts-fbt-form .item .meta-wrapper span.price { font-size: var(--ts-product-price-font-size) !important; color: var(--ts-product-price-color) !important; } .woocommerce-grouped-product-list-item__price { font-size: inherit; } .woocommerce ul.cart_list li .product-name a, .woocommerce ul.product_list_widget li .product-name a { font-size: var(--ts-body-font-size); line-height: var(--ts-line-height); font-weight: normal; } .woocommerce ul.cart_list :is(.price, .woocommerce .price, .product-price) { font-weight: var(--ts-body-font-weight) !important; } .woocommerce-grouped-product-list-item__price del, .ts-fbt-form .item .meta-wrapper span.price del, :is(.price, .woocommerce .price, .product-price) del { font-size: 1em !important; font-weight: normal !important; order: 2 !important; color: var(--ts-product-regular-price-color) !important; } .woocommerce-grouped-product-list-item__price ins, .ts-fbt-form .item .meta-wrapper span.price ins, :is(.price, .woocommerce .price, .product-price) ins { color: var(--ts-product-sale-price-color) !important; } .product-style-v6 .woocommerce-grouped-product-list-item__price ins { padding: 0 !important; } .product-style-v1 .woocommerce-grouped-product-list-item__price del, .product-style-v1 .ts-fbt-form .item .meta-wrapper span.price del, .product-style-v1 :is(.price, .woocommerce .price, .product-price) del, .product-style-v1.woocommerce :is(.price, .product-price) del { font-size: 0.875em !important; } .product-style-v6 .woocommerce-grouped-product-list-item__price ins, .product-style-v6 :is(.price, .woocommerce .price, .product-price) > .amount, .product-style-v6 .ts-fbt-form .item .meta-wrapper span.price ins, .product-style-v6 :is(.price, .woocommerce .price, .product-price) ins { padding: 9px 20px; border-radius: var(--ts-btn-radius); } .product-style-v6 .ts-search-result-container :is(.price, .woocommerce .price, .product-price) > .amount, .product-style-v6 .ts-search-result-container :is(.price, .woocommerce .price, .product-price) ins { padding-top: 6px; padding-bottom: 6px; } .woocommerce.product-style-v6 .total-price-label, .woocommerce.product-style-v6 .ts-fbt-form .submit-wrapper .total-price .amount, .product-style-v6 div.product .summary.entry-summary > :is(.price, .ts-variation-price) { gap: 30px; font-size: var(--label-font-size); } .product-style-v6 div.product.product-type-grouped .summary.entry-summary > .price { gap: 30px 20px; } .product-style-v6 div.product .summary.entry-summary > :is(.price, .ts-variation-price) del { font-size: 0.9em !important; } .woocommerce.product-style-v6 .total-price-label, .woocommerce.product-style-v6 .ts-fbt-form .submit-wrapper .total-price .amount, .product-style-v6 div.product .summary.entry-summary > :is(.price, .ts-variation-price) > .amount, .product-style-v6 div.product .summary.entry-summary > :is(.price, .ts-variation-price) ins { padding: 17px 30px; } .woocommerce.product-style-v6 .total-price-label, .product-style-v6.woocommerce .ts-fbt-form .submit-wrapper .total-price .amount, .product-style-v6 div.product .summary.entry-summary .ts-countdown .counter-wrapper, .product-style-v6 div.product .summary.entry-summary > :is(.price, .ts-variation-price) ins, .product-style-v6 .ts-fbt-form .item .meta-wrapper span.price ins, .product-style-v6 :is(.price, .woocommerce .price, .product-price) ins { color: var(--ts-sale-label-color) !important; background: var(--ts-sale-label-bg); } .woocommerce.product-style-v6 .ts-fbt-form .submit-wrapper { gap: 4px; } .woocommerce.product-style-v6 .ts-fbt-form .submit-wrapper h6 { font-size: var(--label-font-size); font-weight: var(--ts-heading-font-weight); margin-bottom: 12px; color: inherit; } .woocommerce.product-style-v6 .ts-fbt-form .submit-wrapper button { margin-top: 16px; } .woocommerce.product-style-v6 .ts-fbt-form .submit-wrapper .total-price {margin: 0;} .woocommerce.product-style-v6 .total-price-label, .product-style-v6.woocommerce .ts-fbt-form .submit-wrapper .total-price .amount { font-family: var(--ts-product-price-font-family) !important; font-style: var(--ts-product-price-font-style) !important; border-radius: var(--ts-btn-radius); display: inline-block; vertical-align: middle; line-height: 1; } .product-style-v6 .ts-fbt-form .item .meta-wrapper span.price > .amount, .product-style-v6 :is(.price, .woocommerce .price, .product-price) > .amount {border: 1px solid #cccccc;} .woocommerce .products .product .price { margin: 4px 0 2px; } .product-style-v6 .ts-fbt-form .item .meta-wrapper div.product span.price, .product-style-v6.woocommerce .products .product .price, .product-style-v6 .woocommerce .products .product .price { margin: 13px 0 2px; } .product-style-v6 .ts-fbt-form .item .meta-wrapper span.price, .product-style-v6.woocommerce .products .product .price, .product-style-v6 :is(.price, .woocommerce .price, .product-price) { gap: 4px 20px; } .product-style-v6 .products .product.product-type-grouped .price { gap: 4px 10px; } .product-style-v6 .ts-compare-popup .product-price { gap: 4px 10px; margin-top: 8px; } .product-style-v6 .ts-compare-popup :is(.price, .woocommerce .price, .product-price) > .amount, .product-style-v6 .ts-compare-popup :is(.price, .woocommerce .price, .product-price) ins { padding: 5px 20px; } .product-style-v6.woocommerce-cart .woocommerce-cart-form :is(.price, .woocommerce .price, .product-price) > .amount, .product-style-v6.woocommerce-cart .woocommerce-cart-form :is(.price, .woocommerce .price, .product-price) ins { padding: 0; border: 0; border-radius: 0; } .product-style-v6.woocommerce-cart .woocommerce-cart-form :is(.price, .woocommerce .price, .product-price) > .amount {border: 0;} /**/ .products .product .product-sku { width: max-content; max-width: 100%; padding: 3px 10px; font-size: 11px; line-height: 1; border-radius: var(--ts-border-radius-large); background: var(--ts-primary-color); color: var(--ts-text-in-primary-color); } .products .product .product-brands, .products .product .product-categories, ul.product_list_widget li .product-brands { color: var(--ts-gray-color); font-size: var(--ts-text-small); line-height: 1.2; text-transform: var(--ts-text-small-transform); } .product .product-brands, .product .product-brands a, .products .product .product-categories, .products .product .product-categories a, .woocommerce .products .product .product-categories a, .widget-container ul li .product-categories a { font-family: var(--ts-font-family); font-size: var(--ts-text-small); line-height: 1.2; font-weight: var(--ts-font-weight); text-transform: var(--ts-text-small-transform); display: inline-block; padding: 0; margin: 0; text-decoration: none; color: inherit; } .product-style-v2 div.product .summary.entry-summary form.cart, .product-style-v2 div.product .summary.entry-summary form.cart table { font-size: var(--ts-text-small); } .product-style-v2 div.product .summary.entry-summary form.cart .variations { --ts-btn-padding-top: 4px; } .product .product-brands a:hover, .products .product .product-categories a:hover, .woocommerce .products .product .product-categories a:hover, .widget-container ul li .product-categories a:hover { text-decoration: none; color: var(--ts-primary-color); } .woocommerce ul.product_list_widget li :is(.product-brands, .product-categories) a {display: inline-block;} /*** List Style ***/ .woocommerce.list .product:not(.product-category) .product-wrapper { width: 100%; display: grid; grid-template-columns: 48% minmax(0,1fr); align-items: center; gap: 0 20px; } .woocommerce.list .product:not(.product-category) .product-wrapper { gap: 0 15px; } .woocommerce.list:is(.columns-1, .columns-2, .columns-3) .product:not(.product-category) .product-wrapper { gap: 0 20px; } .woocommerce.list .products .product .meta-wrapper { gap: 10px; } .woocommerce.list.columns-2 .product:not(.product-category) .product-wrapper { grid-template-columns: 42% minmax(0,1fr); } .e-parent .e-child .woocommerce.list.columns-2 .product:not(.product-category) .product-wrapper { grid-template-columns: 50% minmax(0,1fr); } .woocommerce.main-products.list .product:not(.product-category) .product-wrapper .thumbnail-wrapper { margin-bottom: 0; } .woocommerce.main-products.list .products .product-wrapper { grid-template-columns: minmax(24%,0) minmax(0,1fr) minmax(28%,0); gap: 30px; align-items: flex-start; } .woocommerce.main-products.list .products .product .meta-wrapper { padding-top: 20px; } .woocommerce.main-products.list .product:not(.product-category) .product-wrapper:before {display: none;} /*** Rating ***/ .star-rating span:before, .star-rating:before, .woocommerce .star-rating span:before, .woocommerce p.stars a:before, .ts-testimonial-wrapper .rating:before, .ts-testimonial-wrapper .rating span:before, blockquote .rating:before, blockquote .rating span:before { white-space: nowrap; display: inline-block; vertical-align: top; line-height: 1; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; } .star-rating, .woocommerce .star-rating, .ts-testimonial-wrapper .rating, blockquote .rating { width: calc(5 * var(--ts-star-size) + 4 * var(--ts-star-gap) + 2px); height: var(--ts-star-size); line-height: 1; overflow: hidden; position: relative; backface-visibility: visible; -webkit-backface-visibility: visible; } .woocommerce .star-rating span:before, .woocommerce .star-rating:before, .ts-testimonial-wrapper .rating:before, .ts-testimonial-wrapper .rating span:before, blockquote .rating:before, blockquote .rating span:before { content: "\e9ae\e9ae\e9ae\e9ae\e9ae"; font-size: var(--ts-star-size); letter-spacing: var(--ts-star-gap); } .woocommerce p.stars a:before {font-size: 18px;color: var(--ts-rating-color);} .woocommerce p.stars a:hover ~ a:before, .woocommerce p.stars.selected a:hover ~ a:before, .woocommerce p.stars.selected a.active ~ a:before, .woocommerce p.stars a:before { content: "\e9ae"; } .woocommerce p.stars.selected a:not(.active):before, .woocommerce p.stars.selected:hover a:before, .woocommerce p.stars:hover a:before, .woocommerce p.stars.selected a.active:before { content: "\e9ae"; } .woocommerce p.stars.selected a:not(.active):before, .woocommerce p.stars.selected:hover a:before, .woocommerce p.stars:hover a:before, .woocommerce p.stars.selected a.active:before { color: var(--ts-rated-color); } .woocommerce p.stars a:hover ~ a:before, .woocommerce p.stars.selected a:hover ~ a:before, .woocommerce p.stars.selected a.active ~ a:before, .woocommerce p.stars a:before { color: var(--ts-rating-color); } .star-rating:before, .woocommerce .star-rating:before, .ts-testimonial-wrapper .rating:before, .product .woocommerce-product-rating .star-rating:before, .commentlist .comment-text .star-rating:before, blockquote .rating:before { color: var(--ts-rating-color) !important; opacity: 1 !important; } .woocommerce .star-rating span:before, .ts-testimonial-wrapper .rating span:before, blockquote .rating span:before { color: var(--ts-rated-color) !important; } .woocommerce p.stars a { width: 22px; height: 18px; } .woocommerce p.stars a, .woocommerce p.stars a:hover ~ a, .woocommerce p.stars.selected a.active ~ a { color: inherit !important; } .star-rating span, .woocommerce .star-rating span, .product_list_widget .star-rating span, .woocommerce p.stars:hover a, .woocommerce p.stars.selected a, .woocommerce .star-rating span:before, .ts-testimonial-wrapper .rating span:before, blockquote .rating span:before { content: "\e9ae\e9ae\e9ae\e9ae\e9ae"; } .star-rating span, .woocommerce .star-rating span, .ts-testimonial-wrapper .rating span, blockquote .rating span, .product_list_widget .star-rating span { overflow: hidden; top: 0; left: 0; /* rtl */ position: absolute; padding-top: 16px; } .woocommerce .star-rating span {font-size: 0;} blockquote .rating span:before, .ts-testimonial-wrapper .rating span:before, .star-rating span:before { position: absolute; top: 0; left: 0; /* rtl */ } .woocommerce .products .star-rating {margin: 0;} .woocommerce .products .meta-wrapper .woocommerce-product-rating, .woocommerce .products .meta-wrapper .color-swatch {margin: 5px 0 7px;} /*** Short Description ***/ .meta-wrapper .short-description { font-size: var(--ts-text-small); line-height: var(--ts-text-small-line-height); text-transform: var(--ts-text-small-transform); } ul.style-check, .elementor-widget-text-editor ul.style-check, .product-description ul, .woocommerce-product-details__short-description ul, .short-description ul { display: flex; flex-flow: column wrap; gap: 8px; margin: 0; } ul.style-check li, .elementor-widget-text-editor ul.style-check li, .product-description ul li, .woocommerce-product-details__short-description ul li, .meta-wrapper .short-description ul li, .short-description ul li { list-style: none; line-height: 20px; margin: 0; position: relative; padding: 0 0 0 18px; /* rtl */ } ul.style-check li:before, .elementor-widget-text-editor ul.style-check li:before, .product-description ul li:before, .woocommerce-product-details__short-description ul li:before, .short-description ul li:before { content: '\e94d'; display: inline-block; color: var(--ts-link-hover-color); font-size: 0.8em; position: absolute; top: 0; left: 0; /* rtl */ } .elementor-widget-text-editor ul.style-check li:before { width: auto; height: auto; background: transparent; border-radius: 0; } /*** Quantity ***/ input[type=number].qty::-webkit-inner-spin-button, input[type=number].qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .quantity { position: relative; display: flex; flex-wrap: wrap; align-items: center; letter-spacing: 0; float: none; gap: 8px; --qty-width: 114px; --qty-height: calc(var(--ts-btn-line-height) + var(--ts-btn-padding-top) * 2 + 2px); } .woocommerce .quantity input.qty, .quantity input.qty { margin: 0; padding: 5px 50px 5px 30px;/* rtl */ width: 100%; line-height: calc(var(--qty-height) - 12px); background-color: transparent; border-color: var(--ts-input-border); text-align: start; } .woocommerce.product-style-v2 .meta-wrapper .quantity input.qty, .product-style-v2 div.summary.entry-summary .quantity input.qty { border-color: currentColor; } .woocommerce:is(.product-style-v3,.product-style-v4,.product-style-v5,.product-style-v6) .quantity input.qty, :is(.product-style-v3,.product-style-v4,.product-style-v5,.product-style-v6) .quantity input.qty { border-color: var(--ts-input-color); } .woocommerce div.product .summary form.cart div.quantity { margin: 0 10px 0 0;/* rtl */ } .product-style-v3 div.product.gallery-layout-slider-2-col .summary.entry-summary form.cart div.quantity { margin: 0 0 20px; width: 100%; } .product-style-v3 .columns-2 .woocommerce .products .meta-wrapper .quantity, .product-style-v3 .quantity {--qty-width: 80px;} .product-style-v3 .quantity .ts-screen-reader-text {display: none !important;} .product-style-v3.woocommerce .quantity input.qty, .product-style-v3 .quantity input.qty { padding: 5px 0 !important; font-size: calc(var(--ts-body-font-size) + 1px); } .product-style-v3 .quantity .number-button:before, .product-style-v3 .quantity .number-button:after { text-align: end; } .product-style-v3 :is(.columns-1, .columns-1-1) .product-group-button-meta {gap: 30px;} .product-style-v3 .columns-2 .product-group-button-meta {gap: 15px;} .quantity .ts-screen-reader-text { padding: 0; display: none; font-family: var(--ts-heading-font-family); text-transform: var(--ts-heading-text-transform); font-size: var(--ts-text-small); color: var(--ts-product-color); } .product-style-v4 .quantity .ts-screen-reader-text { font-family: inherit; text-transform: inherit; color: var(--ts-gray-color); } :is(.columns-1, .columns-1-1, .columns-2) .quantity .ts-screen-reader-text {display: block;} .quantity span:not(.amount) {display: none;} .quantity .number-button { width: var(--qty-width); position: relative; } .quantity .number-button:before, .quantity .number-button:after { width: 45px; font-size: 8px; line-height: 1; padding: 0 5px; z-index: 1; right: 0;/* rtl */ position: absolute; text-align: start; } .product-style-v2 .quantity .number-button:before, .product-style-v2 .quantity .number-button:after { width: 40px; } .quantity .number-button:before { content: "\e921"; bottom: calc(var(--qty-height) * 0.5 + 2px); } .quantity .number-button:after { content: "\e90e"; bottom: 0; transform: translateY(-100%); padding-top: 3px; } .product-style-v4 .product-group-button-meta .quantity .number-button:before { bottom: calc(var(--qty-height) * 0.5 + 0px); } .product-style-v4 .product-group-button-meta .quantity .number-button:after { padding-top: 0; } .product-style-v3 .quantity .number-button:after, .product-style-v4 .quantity .number-button:after { padding-top: 4px; } :where(.product-style-v1, .product-style-v2, .product-style-v5, .product-style-v6) .product-group-button-meta .quantity .number-button:after { padding-top: 7px; } .quantity .minus, .quantity .plus { border: 0; background: transparent; width: 50px; height: calc(var(--qty-height) * 0.5); margin: 0 !important; position: absolute; right: 0;/* rtl */ bottom: 0; padding: 0; z-index: 2; cursor: pointer; border-radius: 0; font-size: 0; line-height: 0; } .quantity .plus { bottom: calc(var(--qty-height) * 0.5); } .quantity .minus:hover, .quantity .plus:hover { z-index: 3; } /**/ .product-style-v2 .columns-1 .woocommerce .products .meta-wrapper .quantity { --qty-width: 100px; } .woocommerce table.shop_table .quantity, .columns-2 .woocommerce .products .meta-wrapper .quantity { --qty-width: 90px; width: var(--qty-width); } .columns-2 .woocommerce .products .meta-wrapper .quantity + .loop-add-to-cart {flex: 1;} .woocommerce table.shop_table .quantity input.qty, .columns-2 .woocommerce .quantity input.qty, .columns-2 .quantity input.qty { padding: 5px 35px 5px 10px;/* rtl */ text-align: center; } .product-style-v3.woocommerce table.shop_table .quantity input.qty, .product-style-v3 .columns-2 .woocommerce .quantity input.qty, .product-style-v3 .columns-2 .quantity input.qty { text-align: start; } .product-style-v2 .woocommerce .quantity input.qty, .product-style-v2 .quantity input.qty { font-size: calc(var(--ts-btn-font-size) + 3px); } .woocommerce table.shop_table .quantity .number-button:before, .woocommerce table.shop_table .quantity .number-button:after, .woocommerce table.shop_table .quantity .minus, .woocommerce table.shop_table .quantity .plus, .columns-2 .quantity .number-button:before, .columns-2 .quantity .number-button:after, .columns-2 .quantity .minus, .columns-2 .quantity .plus { width: 35px; } .woocommerce table.shop_table .quantity .number-button:after, .columns-2 .quantity .number-button:after { padding-top: 6px; } .product-style-v4 :where(.columns-1,.columns-1-1,.columns-2) .products .product-group-button-meta > .quantity { display: flex; align-self: center; } .product-style-v4 .product-group-button-meta > .quantity { --qty-width: 100px; } :where(.product-style-v2, .product-style-v4) .product-group-button-meta > .quantity .number-button:before, :where(.product-style-v2, .product-style-v4) .product-group-button-meta > .quantity .number-button:after, :where(.product-style-v2, .product-style-v4) .product-group-button-meta > .quantity .minus, :where(.product-style-v2, .product-style-v4) .product-group-button-meta > .quantity .plus { width: 35px; } .product-style-v6 div.product .summary .quantity { --qty-width: 100px; } /**/ .woocommerce div.product form.cart table.group_table .quantity, .dropdown-container .quantity { --qty-width: 65px; --qty-height: 30px; } .woocommerce div.product form.cart table.group_table .quantity input.qty, .dropdown-container.woocommerce .quantity input.qty, .dropdown-container .quantity input.qty { font-size: 13px; padding: 5px 25px 5px 20px;/* rtl */ } .woocommerce div.product form.cart table.group_table .quantity .number-button:before, .woocommerce div.product form.cart table.group_table .quantity .number-button:after, .woocommerce div.product form.cart table.group_table .quantity .minus, .woocommerce div.product form.cart table.group_table .quantity .plus, .dropdown-container .quantity .number-button:before, .dropdown-container .quantity .number-button:after, .dropdown-container .quantity .minus, .dropdown-container .quantity .plus { width: 25px; } .woocommerce div.product form.cart table.group_table .quantity .number-button:after, .dropdown-container .quantity .number-button:after { bottom: -2px; } .woocommerce div.product form.cart table.group_table .quantity .number-button:before, .woocommerce div.product form.cart table.group_table .quantity .number-button:after, .dropdown-container .quantity .number-button:before, .dropdown-container .quantity .number-button:after { font-size: 7px; color: var(--ts-dropdown-color); } /*------------------------------------------------------------- 4. PRODUCT GROUP BUTTONS --------------------------------------------------------------*/ .product-group-button, .product-group-button-meta { display: flex; gap: 3px; --product-icon-size: 28px; --product-icon-font-size: 12px; } .product-group-button { position: absolute; top: 7px; right: 7px;/* rtl */ flex-direction: column; align-items: center; z-index: 4; } :where(.product-style-v2,.product-style-v4,.product-style-v5) .product-group-button { top: 10px; right: 10px;/* rtl */ } .product-style-v6 .product-group-button { top: 0; right: 0;/* rtl */ } .product-style-v6 .columns-1-1 .product-group-button { top: 10px; right: 10px;/* rtl */ } .product-style-v6 .page-container:where(.columns-1,.columns-2) .product-group-button { top: 40px; right: 40px;/* rtl */ } .product-group-button > div a, .product-group-button > div.loop-add-to-cart a.button, .product-group-button-meta > div.button-in a { font-size: 0; line-height: 0; padding: 0; border: 0; min-width: 0; width: var(--product-icon-size); height: var(--product-icon-size); display: block; letter-spacing: 0; text-align: center; border-radius: 50%; transition: 250ms ease; text-decoration: none !important; position: relative; overflow: visible; } .product-style-v2 .product-group-button .button-tooltip, .product-style-v2 .product-group-button-meta .button-in .button-tooltip, .product-style-v2 .product-group-button > div a, .product-style-v2 .product-group-button > div.loop-add-to-cart a.button, .product-style-v2 .product-group-button-meta > div.button-in a { border-radius: 0; } .product-group-button > div a, .product-group-button > div.loop-add-to-cart a.button, .product-group-button-meta > div.button-in a, .product-group-button > div a:hover, .product-group-button > div.loop-add-to-cart a.button:hover, .product-group-button-meta > div.button-in a:hover { color: var(--ts-btn-thumbnail-color); background-color: var(--ts-btn-thumbnail-bg); border: 1px solid var(--ts-btn-thumbnail-border); } .product-group-button > div a:before { font-size: var(--product-icon-font-size); line-height: calc(var(--product-icon-size) - 2px); transition: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .page-container:where(.columns-1,.columns-1-1,.columns-2) .product-group-button > div.loop-add-to-cart {display: none;} :where(.ts-stick-compare-button, .ts-compare-popup) { display: none; position: fixed; bottom: 0; z-index: 992; } .ts-stick-compare-button { left: 5px;/* rtl */ padding: 7px 30px; gap: 5px; bottom: 5px; font-size: 1rem; font-family: var(--ts-btn-font-family); font-weight: var(--ts-btn-font-weight); text-transform: var(--ts-btn-text-transform); font-style: var(--ts-btn-font-style); color: var(--ts-btn-color); background-color: var(--ts-btn-bg); border: 1px solid var(--ts-btn-border); border-radius: var(--ts-btn-radius); box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); transition: 150ms ease 0s; } .ts-stick-compare-button:hover { cursor: pointer; text-decoration: none; transform: translate(0,-5px); } .ts-compare-popup { left: 0; right: 0; background: var(--ts-dropdown-bg); color: var(--ts-dropdown-color); gap: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.2); } .ts-stick-compare-button.active { display: inline-flex; } .ts-compare-popup.active { display: flex; } .ts-compare-popup .content-wrapper { display: flex; align-items: center; gap: 40px; width: 100%; padding-top: 20px; padding-bottom: 20px; max-width: var(--ts-site-max-width); margin: 0 auto; } .ts-compare-popup .actions { width: 250px; display: flex; flex-direction: column; text-align: center; align-items: center; gap: 10px; } .ts-compare-popup .button { width: 100%; } .ts-compare-popup .empty-compare-button { display: inline-block; text-decoration: none; position: relative; color: inherit; font-size: 0.93em; font-family: var(--ts-btn-font-family); font-weight: var(--ts-btn-font-weight); font-style: var(--ts-btn-font-style); letter-spacing: var(--ts-btn-letter-spacing); text-transform: var(--ts-btn-text-transform); } .empty-compare-button:after { content: ''; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px solid; transition: 300ms ease; } .empty-compare-button:hover:after { width: 0; } .ts-compare-popup .items { flex: 1; display: flex; gap: 20px; } .ts-compare-popup .items .item { position: relative; flex: 1; outline: 1px dashed var(--ts-border); padding: 10px 20px; } .product-style-v6 .ts-compare-popup .items .item { border-color: var(--ts-product-border); } .ts-compare-popup .items .item.empty { display: flex; align-items: center; justify-content: center; } .ts-compare-popup .items .item.empty > * { display: none !important; } .ts-compare-popup .items .item.empty:before { content: '\e9ab'; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; font-size: 18px; color: var(--ts-border); } .ts-compare-popup .items .item .product-thumbnail {width: 80px;} .ts-compare-popup .items .item a { color: inherit; text-decoration: none; } .ts-compare-popup .items .item .product-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-family: var(--ts-product-font-family); font-style: var(--ts-product-font-style); letter-spacing: var(--ts-product-letter-spacing); text-transform: var(--ts-product-text-transform); font-weight: var(--ts-product-font-weight); font-size: var(--ts-product-font-size); line-height: var(--ts-product-line-height); } .ts-compare-popup .items .item .product-name:hover {color: var(--ts-link-hover-color);} .ts-compare-popup .items .item .product-meta { display: flex; flex-direction: column; gap: 4px; } .ts-compare-popup .items .item .product-wrapper { display: flex; gap: 20px; align-items: center; } .ts-compare-popup .close, .ts-compare-popup .item .remove { width: 30px; height: 30px; font-size: 10px; position: absolute; top: 0; right: 0; display: inline-block; text-align: center; } .ts-compare-popup .close { font-size: 13px; } .ts-compare-popup .close:hover, .ts-compare-popup .item .remove:hover { color: var(--ts-link-hover-color); cursor: pointer; } .ts-compare-popup .close:before, .ts-compare-popup .item .remove:before { content: '\e94e'; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; line-height: 30px; } /*** Tooltip ***/ .product-group-button .button-tooltip, .product-group-button-meta .button-tooltip, .product-no-tooltip .product-group-button .button-tooltip, .product-no-tooltip .product-group-button-meta .button-tooltip { display: none; } .ts-add-to-wishlist .button-tooltip {display: inline-block;} .product-group-button .button-tooltip { font-family: var(--ts-font-family); font-weight: var(--ts-font-weight); font-style: var(--ts-font-style); } .button-in .blockUI,.button-in .blockUI.blockOverlay {opacity: 0 !important;} .product-group-button-meta .loop-add-to-cart .button-tooltip {display: inline-block;} .product-style-v3 .columns-2 .product-group-button-meta .loop-add-to-cart a.button { font-size: var(--ts-body-font-size); gap: 10px; } .columns-2 .main-products .product-group-button-meta .loop-add-to-cart { --ts-btn-padding-left: 15px; } .product-group-button-meta div.loop-add-to-cart a.button { display: inline-flex; min-width: 200px; vertical-align: bottom; } /*** Single Wishlist/Compare ***/ .single-product-buttons { display: flex; align-items: center; gap: 30px; } .woocommerce .single-product-buttons a.button.compare { padding: 0; border: 0; color: inherit; font-weight: inherit; background: transparent; border-radius: 0; } ul.cart_list, .woocommerce ul.cart_list, ul.product_list_widget, .woocommerce ul.product_list_widget, ul.product_list_widget li .ts-wg-meta, .woocommerce ul.product_list_widget li .ts-wg-meta { display: flex; flex-flow: column wrap; gap: 20px; } ul.product_list_widget, .woocommerce ul.product_list_widget { margin-top: 20px; } .ts-header .ts-search-result-container ul.product_list_widget, .woocommerce .ts-header .ts-search-result-container ul.product_list_widget { margin-top: 0; } ul.cart_list li, .woocommerce ul.cart_list li, ul.product_list_widget li, .woocommerce ul.product_list_widget li { width: 100%; display: flex; flex-flow: row wrap; align-items: center; gap: 20px; padding: 0; margin: 0; position: relative; overflow: hidden; } ul.product_list_widget li, .woocommerce ul.product_list_widget li { gap: 15px; } .widget_recent_reviews.woocommerce ul.product_list_widget li {display: block;} ul.product_list_widget li:last-child, .woocommerce ul.product_list_widget li:last-child { border-bottom-width: 0; padding-bottom: 0; } .woocommerce a.remove { width: 12px; height: 12px; background: transparent !important; font-size: 0; color: inherit !important; font-weight: inherit; text-align: start; } .woocommerce a.remove:after { font-size: 9px; line-height: 12px; display: inline-block; } .woocommerce ul.product_list_widget li .ts-wg-thumbnail, ul.product_list_widget li .ts-wg-thumbnail { position: relative; } ul.product_list_widget li .ts-wg-thumbnail, .woocommerce ul.product_list_widget li .ts-wg-thumbnail, .woocommerce ul.cart_list li .thumbnail { margin: 0 !important; float: none; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width: 90px; } .woocommerce.widget_recent_reviews ul.product_list_widget li img { float: left;/* rtl */ margin-right: 15px;/* rtl */ } .ts-floating-sidebar .woocommerce ul.product_list_widget li .ts-wg-thumbnail, .ts-floating-sidebar ul.product_list_widget li img, .ts-floating-sidebar .woocommerce ul.cart_list li img, .ts-floating-sidebar .woocommerce ul.product_list_widget li img { width: 100px; } ul.product_list_widget li .ts-wg-meta, .woocommerce ul.product_list_widget li .ts-wg-meta { flex: 1; gap: 5px; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { margin: 6px 0; } .woocommerce.archive .widget_shopping_cart .cart_list li, .woocommerce.archive .woocommerce.widget_shopping_cart .cart_list li, .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-left: 0; /* rtl */ padding-right: 30px; /* rtl */ display: block; } .woocommerce .widget_shopping_cart .cart_list li .quantity, .woocommerce.widget_shopping_cart .cart_list li .quantity { font-weight: 500; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { color: inherit; text-decoration: none; display: block; font-weight: inherit; } .woocommerce ul.cart_list li a:hover, .woocommerce ul.product_list_widget li a:hover { color: var(--ts-primary-color); } .woocommerce.ts-products-widget-wrapper ul.product_list_widget li .ts-wg-meta > a { line-height: 1.4; max-height: calc(2* 1.4em); } .woocommerce ul.product_list_widget li a { display: block; font-weight: inherit; color: inherit; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { margin: 0; background: var(--ts-product-bg); border-radius: var(--ts-border-radius); } ul.product_list_widget .product-label { position: absolute; top: 10px; right: 10px;/* rtl */ z-index: 2; } .product-label-v1 ul.product_list_widget .product-label { top: auto; bottom: 10px; } ul.product_list_widget li .cart-item-wrapper, .woocommerce ul.product_list_widget li .cart-item-wrapper, .woocommerce .widget_shopping_cart .cart_list li .cart-item-wrapper, .woocommerce.widget_shopping_cart .cart_list li .cart-item-wrapper { padding: 0 35px 0 15px; /* rtl */ flex: 1; display: flex; flex-flow: row wrap; align-items: center; } ul.product_list_widget li .subtotal .button, .woocommerce ul.product_list_widget li .subtotal .button { padding: 0 15px !important; width: auto !important; min-width: 110px !important; font-size: 12px !important; line-height: 28px !important; } ul.product_list_widget li .subtotal .button, .woocommerce ul.product_list_widget li .subtotal .button { margin-left: 5px; /* rtl */ } .ts-active-filters { font-family: var(--ts-heading-font-family); font-size: var(--ts-text-small); } .woocommerce .widget_layered_nav_filters ul li a { text-decoration: none; padding: 8px 20px; background: transparent; border: 1px solid var(--ts-border); color: inherit; font-size: calc(var(--ts-text-small) + 2px); font-weight: 500; display: flex; align-items: center; gap: 0 5px; } .product-style-v1.woocommerce .widget_layered_nav_filters ul li a { background: var(--ts-product-border); } .woocommerce.dropdown-container ul.cart_list li .product-name a { -webkit-line-clamp: 1; } .product-style-v2.woocommerce .widget_layered_nav_filters ul li a { font-size: 1em; } .woocommerce .widget_layered_nav_filters ul li a:hover { border-color: var(--ts-dropdown-color); } .product-style-v4 :where(.before-loop-wrapper,.ts-active-filters,#ts-filter-widget-area,.ts-sidebar) { color: var(--ts-heading-color); } .widget-hover-style-v2 .style-filter-top #ts-filter-widget-area .product-filter-by-brand ul li label, .widget-hover-style-v2 .style-filter-top #ts-filter-widget-area .product-filter-by-price ul li label, .widget-hover-style-v2 .style-filter-top #ts-filter-widget-area .woocommerce .widget_rating_filter ul li a, .widget-hover-style-v2 .style-filter-top #ts-filter-widget-area .widget_product_categories ul li, .widget-hover-style-v2 .style-filter-top #ts-filter-widget-area .ts-product-categories-widget ul li a, .widget-hover-style-v2 .product-filter-by-color ul li a, .widget-hover-style-v2.woocommerce .widget_layered_nav_filters ul li a, .widget-hover-style-v2.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { border-color: currentColor; } .widget-hover-style-v2 #shop-top-area .product-filter-by-color ul li.chosen a, .widget-hover-style-v2 #shop-top-area .product-filter-by-color ul li a:hover, .widget-hover-style-v2 #shop-top-area .product-filter-by-brand ul li label:hover, .widget-hover-style-v2 #shop-top-area .product-filter-by-price ul li label:hover, .widget-hover-style-v2 #shop-top-area .woocommerce .widget_rating_filter ul li a:hover, .widget-hover-style-v2 #shop-top-area .widget_product_categories ul li:hover, .widget-hover-style-v2 #shop-top-area .ts-product-categories-widget ul li a:hover, .widget-hover-style-v2 .style-filter-top #ts-filter-widget-area .product-filter-by-brand ul li label:hover, .widget-hover-style-v2 .style-filter-top #ts-filter-widget-area .product-filter-by-price ul li label:hover, .widget-hover-style-v2 .style-filter-top #ts-filter-widget-area .woocommerce .widget_rating_filter ul li a:hover, .widget-hover-style-v2 .style-filter-top #ts-filter-widget-area .widget_product_categories ul li:hover, .widget-hover-style-v2 .style-filter-top #ts-filter-widget-area .ts-product-categories-widget ul li a:hover, .widget-hover-style-v2 .product-filter-by-color ul li.chosen a, .widget-hover-style-v2 .product-filter-by-color ul li a:hover, .widget-hover-style-v2.woocommerce .widget_layered_nav_filters ul li a:hover, .widget-hover-style-v2.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen, .widget-hover-style-v2.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:hover { background: var(--ts-dropdown-color); border-color: var(--ts-dropdown-color); color: var(--ts-dropdown-bg); } .widget-hover-style-v2.product-style-v6.woocommerce .widget_layered_nav_filters ul li a{ border-color: currentColor; } .product-style-v6.widget-hover-style-v2 .breadcrumb-title-wrapper ~ #shop-top-area .product-filter-by-color ul li.chosen a, .product-style-v6.widget-hover-style-v2 .breadcrumb-title-wrapper ~ #shop-top-area .product-filter-by-color ul li a:hover, .product-style-v6.widget-hover-style-v2 .breadcrumb-title-wrapper ~ #shop-top-area .product-filter-by-brand ul li label:hover, .product-style-v6.widget-hover-style-v2 .breadcrumb-title-wrapper ~ #shop-top-area .product-filter-by-price ul li label:hover, .product-style-v6.widget-hover-style-v2 .breadcrumb-title-wrapper ~ #shop-top-area .woocommerce .widget_rating_filter ul li a:hover, .product-style-v6.widget-hover-style-v2 .breadcrumb-title-wrapper ~ #shop-top-area .widget_product_categories ul li:hover, .product-style-v6.widget-hover-style-v2 .breadcrumb-title-wrapper ~ #shop-top-area .ts-product-categories-widget ul li a:hover, .product-style-v6.widget-hover-style-v2 .breadcrumb-title-wrapper ~ .page-container .style-filter-top #ts-filter-widget-area .product-filter-by-brand ul li label:hover, .product-style-v6.widget-hover-style-v2 .breadcrumb-title-wrapper ~ .page-container .style-filter-top #ts-filter-widget-area .product-filter-by-price ul li label:hover, .product-style-v6.widget-hover-style-v2 .breadcrumb-title-wrapper ~ .page-container .style-filter-top #ts-filter-widget-area .woocommerce .widget_rating_filter ul li a:hover, .product-style-v6.widget-hover-style-v2 .breadcrumb-title-wrapper ~ .page-container .style-filter-top #ts-filter-widget-area .widget_product_categories ul li:hover, .product-style-v6.widget-hover-style-v2 .breadcrumb-title-wrapper ~ .page-container .style-filter-top #ts-filter-widget-area .ts-product-categories-widget ul li a:hover, .product-style-v6.widget-hover-style-v2 .breadcrumb-title-wrapper ~ .page-container .product-filter-by-color ul li.chosen a, .product-style-v6.widget-hover-style-v2 .breadcrumb-title-wrapper ~ .page-container .product-filter-by-color ul li a:hover, .product-style-v6.widget-hover-style-v2.woocommerce .breadcrumb-title-wrapper ~ .page-container .widget_layered_nav_filters ul li a:hover, .product-style-v6.widget-hover-style-v2.woocommerce .breadcrumb-title-wrapper ~ .page-container .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen, .product-style-v6.widget-hover-style-v2.woocommerce .breadcrumb-title-wrapper ~ .page-container .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:hover { background: var(--ts-text-color); border-color: var(--ts-text-color); color: var(--ts-body-bg); } .products {clear: both;} .overlay {cursor: pointer;} #ts-filter-widget-area .product-label, #left-sidebar .product-label, #right-sidebar .product-label {font-size: 10px;} .select2-container--default .select2-selection--single .select2-selection__clear { margin-right: 5px; /* rtl */ float: left; /* rtl */ font-size: 120% !important; color: red; } .woocommerce .before-loop-wrapper .woocommerce-notices-wrapper { width: 100%; order: -1; margin: 0 0 20px; } .before-loop-wrapper { display: flex; flex-wrap: wrap; align-items: center; line-height: 18px; flex: 1 0 auto; line-height: var(--ts-text-small-line-height); font-size: var(--ts-text-small); padding-bottom: 30px; margin-bottom: 30px; border-width: 0 0 1px; border-style: solid; --ts-border-radius-large: 40px; } .ts-active-filters:not(:empty) { padding-bottom: 30px; margin-bottom: 30px; border-width: 0 0 1px; border-style: solid; display: flex; flex-wrap: wrap; align-items: center; gap: 20px; } .product-style-v3 .ts-active-filters:not(:empty) { padding-bottom: 0; border: 0; } .page-container:not(.no-sidebar) #main-content .before-loop-wrapper { padding-bottom: 30px; border: 0; margin: 0; } .title-in-sidebar #main-content .before-loop-wrapper, .before-loop-wrapper { padding-bottom: 30px; margin-bottom: 30px; border-width: 0 0 1px; border-style: solid; } .product-style-v1 .title-in-sidebar #main-content .before-loop-wrapper, .product-style-v1 .before-loop-wrapper { padding-bottom: 0; margin-bottom: 30px; border-width: 0; } .product-style-v3 .before-loop-wrapper { padding-bottom: 30px; margin-bottom: 0 !important; border-width: 0; } .product-style-v4.woocommerce.archive #main > .page-container { padding-top: 30px; } :where(.product-style-v2, .product-style-v3) .before-loop-wrapper { --ts-border-radius-large: 0; } :where(.product-style-v2, .product-style-v4) .before-loop-wrapper { padding-bottom: 0; margin-bottom: 30px; border-width: 0; } .style-filter-dropdown .filter-widget-area .product-filter-by-color ul li a { font-size: 1em; } .product-style-v4 .ts-active-filters:not(:empty) { padding: 0; border: 0; } .product-style-v5 .ts-active-filters, .product-style-v5 .product-filter-by-color, .product-style-v5 .before-loop-wrapper, .product-style-v5 .widget-title-wrapper .widget-title {text-transform: uppercase;} .product-style-v5 .before-loop-wrapper, .product-style-v5 .page-container:not(.no-sidebar) #main-content .before-loop-wrapper { border-width: 1px 0; margin: 0; padding: 0; align-items: stretch; } .product-style-v5 .page-container:not(.no-sidebar) #main-content .before-loop-wrapper { margin: 0 0 0 -1px;/* rtl */ } .product-style-v5 .before-loop-wrapper > *:not(#ts-filter-widget-area) { padding: 15px var(--ts-product-padding); align-self: center; margin: 0; } .product-style-v5 .before-loop-wrapper > .ts-product-columns-selector:not(#ts-filter-widget-area), .product-style-v5 .before-loop-wrapper > .ts-product-columns-selector:not(#ts-filter-widget-area) + * { border-left: 1px solid var(--ts-border);/* rtl */ } .product-style-v5 .style-filter-dropdown .before-loop-wrapper > #ts-filter-widget-area + .ts-product-columns-selector:not(#ts-filter-widget-area) { border: 0; } .product-style-v5 .before-loop-wrapper > .ts-product-columns-selector:not(#ts-filter-widget-area) + * + * { margin-left: auto;/* rtl */ } .product-style-v5 .before-loop-wrapper > .ts-product-columns-selector:not(#ts-filter-widget-area) + * + * ~ * { margin-left: -40px;/* rtl */ } .product-style-v5 .before-loop-wrapper > .product-on-sale-form { min-height: 70px; display: flex; flex-direction: column; justify-content: center; } .product-style-v5.woocommerce .woocommerce-ordering .orderby-current, .product-style-v5 .product-per-page-form .perpage-current { padding-top: 7px; padding-bottom: 7px; } .product-style-v5 .before-loop-wrapper > *:not(#ts-filter-widget-area):first-child {border: 0;} #main-content.style-filter-sidebar .before-loop-wrapper { margin-bottom: 30px; } .before-loop-wrapper + .ts-active-filters:not(:empty) { margin-top: 20px; } .product-style-v3 .before-loop-wrapper + .ts-active-filters:not(:empty), .product-style-v2 .before-loop-wrapper + .ts-active-filters:not(:empty) { margin-top: -10px; } .product-style-v5 .before-loop-wrapper + .ts-active-filters:not(:empty){ margin: 0; padding: 15px var(--ts-product-padding); } .product-style-v6 #shop-top-area {margin-top: 10px;} .product-style-v6 #shop-top-area, .product-style-v6 .before-loop-wrapper + .ts-active-filters:not(:empty), .product-style-v6 .before-loop-wrapper { padding: 30px 40px; border-width: 0; background: var(--ts-product-bg); color: var(--ts-product-color); border-radius: 20px; } .product-style-v6 .before-loop-wrapper + .ts-active-filters:not(:empty) { margin: 10px 0; } .product-style-v6 #main #shop-top-area + .page-container {padding-top: 0;} .product-style-v6 #shop-top-area aside {padding: 0;} .product-style-v6 #shop-top-area aside:after {display: none;} .product-style-v6 .before-loop-wrapper, .product-style-v6 #main-content.style-filter-sidebar .before-loop-wrapper { margin: 10px 0; } .product-style-v6 .breadcrumb-title-wrapper ~ .page-container .before-loop-wrapper + .ts-active-filters, .product-style-v6 .breadcrumb-title-wrapper ~ #shop-top-area, .product-style-v6 .breadcrumb-title-wrapper ~ .page-container .before-loop-wrapper { padding: 0 var(--ts-content-padding); margin: 0 0 60px; border-width: 0; background: transparent; color: inherit; border-radius: 0; } .product-style-v6 .breadcrumb-title-wrapper ~ #shop-top-area {margin-top: 60px;} .product-style-v6 .ts-active-filters { padding: 0 var(--ts-content-padding); border: 0; } .product-style-v6 .breadcrumb-title-wrapper ~ .page-container:not(.no-sidebar) #main-content .before-loop-wrapper { padding: 0; margin-bottom: 30px; } .product-style-v6 .woocommerce.main-products .products { background: var(--ts-product-bg); outline: 1px solid var(--ts-product-border); border-radius: var(--ts-border-radius-large); overflow: hidden; } .product-style-v6.woocommerce-page.woocommerce-cart { --ts-cart-gap: 10px; } .product-style-v6.woocommerce-page.woocommerce-cart #main-content article.page > .woocommerce {gap: var(--ts-cart-gap);} .product-style-v6.woocommerce-page.woocommerce-cart #main-content article.page > .woocommerce > *:not(:empty) { overflow: hidden; margin: 0; } .product-style-v6.woocommerce-page.woocommerce-cart #main-content article.page > .woocommerce > .cross-sells { padding: 0 !important; } .product-style-v6 .woocommerce .cart-collaterals .cart_totals {padding: 0;} .product-style-v6 .cross-sells {margin: 0 !important;} .product-style-v6 .cross-sells > h2 { margin: 0 !important; padding: var(--ts-product-padding); border-bottom: 1px solid var(--ts-product-border); } .product-style-v6.elementor-page #main-content, .product-style-v6.woocommerce.archive #main-content { padding: 0; } .product-style-v1 .filter-widget-area-button > a, .product-style-v1 .product-on-sale-form label, .product-style-v1 .woocommerce-ordering ul li a, .product-style-v1 .product-per-page-form ul li a, .product-style-v1.woocommerce .woocommerce-ordering .orderby-current, .product-style-v1 .product-per-page-form .perpage-current { font-size: calc(var(--ts-text-small) + 2px); } .product-style-v3 .before-loop-wrapper, .product-style-v3 .filter-widget-area-button > a, .product-style-v3 .product-on-sale-form label, .product-style-v3 .woocommerce-ordering ul li a, .product-style-v3 .product-per-page-form ul li a, .product-style-v3.woocommerce .woocommerce-ordering .orderby-current, .product-style-v3 .product-per-page-form .perpage-current { font-size: var(--ts-h6-font-size); } .product-style-v1 .filter-widget-area-button > a, .product-style-v1 .product-on-sale-form label, .product-style-v1.woocommerce .woocommerce-ordering .orderby-current, .product-style-v1 .product-per-page-form .perpage-current { font-weight: 500; } :where(.product-style-v2,.product-style-v4) .ts-active-filters, .product-style-v2 .meta-wrapper .short-description, :where(.product-style-v2,.product-style-v4) .before-loop-wrapper { font-family: var(--ts-product-font-family); font-style: var(--ts-product-font-style); text-transform: var(--ts-product-text-transform); font-size: var(--ts-text-small); line-height: var(--ts-text-small-line-height); } .product-style-v4 .product-group-button-meta > .quantity, .product-style-v4 .before-loop-wrapper .product-per-page-form { font-size: calc(var(--ts-text-small) + 1px); } :where(.columns-1,.columns-1-1) .meta-wrapper .short-description.grid {display: none;} body:where(.product-style-v2,.product-style-v5) :where(.columns-1,.columns-1-1,.columns-2) .meta-wrapper .quantity .ts-screen-reader-text { text-transform: uppercase; line-height: 1; } body:where(.product-style-v2,.product-style-v5) .columns-2 .meta-wrapper .quantity .ts-screen-reader-text { font-size: calc(var(--ts-text-small) - 1px); } body:not(.product-style-v1) :where(.columns-1,.columns-1-1) .meta-wrapper .quantity .ts-screen-reader-text { font-size: var(--ts-text-small); line-height: var(--ts-text-small-line-height); } body:not(.product-style-v1):not(.product-style-v3) :where(.columns-1,.columns-1-1) .meta-wrapper .short-description { font-size: calc(var(--ts-text-small) + 1px); line-height: calc(var(--ts-text-small-line-height) + 2px); } :where(.product-style-v2,.product-style-v4) .before-loop-wrapper { line-height: var(--ts-text-small); } body:not(.product-style-v1) :where(.columns-1,.columns-1-1) .meta-wrapper .short-description ul { gap: 10px; } .before-loop-wrapper > *:not(:last-child) { margin-right: var(--filter-gap);/* rtl */ } .product-style-v6 .before-loop-wrapper > .filter-widget-area-button:not(:last-child) { margin-right: 30px;/* rtl */ } .product-style-v6 .before-loop-wrapper > .product-on-sale-form:not(:last-child) { margin-right: auto;/* rtl */ } .before-loop-wrapper > #ts-filter-widget-area {margin: 0;} .woocommerce .woocommerce-result-count {margin: 0;color: var(--ts-gray-color);} .before-loop-wrapper .woocommerce-ordering ul li, .before-loop-wrapper .product-per-page-form ul li {line-height: inherit;} .woocommerce .before-loop-wrapper .woocommerce-notices-wrapper:empty {display: none;} .before-loop-wrapper > * {margin: 0;} .woocommerce-result-count, .ts-product-columns-selector li {display: none;} .product-filter-by-brand-wrapper select, .product-filter-by-brand-wrapper select option {font-size: 100%;} .ts-sidebar, .ts-floating-sidebar { --ts-checkbox-size: 24px; } :where(#ts-filter-widget-area, #left-sidebar, #right-sidebar) { --ts-text-small: 14px; } .ts-active-filters > .widget_layered_nav_filters { display: flex; align-items: center; gap: 20px; } .ts-active-filters .widget_layered_nav_filters ul { flex-direction: row; flex-wrap: wrap; } .ts-active-filters .button-text, .ts-active-filters .widget_layered_nav_filters .widgettitle { margin: 0; font-size: var(--ts-text-small); line-height: var(--ts-text-small-line-height); white-space: nowrap; font-weight: inherit; } .product-style-v6 .ts-active-filters .widget_layered_nav_filters .widgettitle {color: inherit;} .style-filter-dropdown .filter-widget-area .widget-title-wrapper h3, .style-filter-dropdown #ts-filter-widget-area .ts-heading h6 { color: inherit; } .product-style-v4 .woocommerce-ordering > span.orderby-label, .product-style-v4 .product-per-page-form > span, .product-style-v4 #ts-filter-widget-area .ts-heading h6, .product-style-v4 .style-filter-dropdown #ts-filter-widget-area .ts-heading h6 { color: var(--ts-gray-color); text-transform: none; font-family: var(--ts-font-family); font-size: 13px; } #ts-filter-widget-area .ts-heading { margin-bottom: 0px; margin-top: 14px; min-width: 100px; line-height: var(--ts-text-small-line-height); font-size: var(--ts-text-small); font-weight: normal; } #ts-filter-widget-area .ts-heading h6 {font-size: inherit;} .style-filter-dropdown #ts-filter-widget-area .ts-heading {min-width: 0;} .style-filter-dropdown .filter-widget-area .widget-title-wrapper { border-color: var(--ts-product-color); } .ts-active-filters .button-text { text-decoration: underline; text-underline-offset: 4px; color: inherit } .ts-active-filters .button-text:hover { text-decoration: none; } .product-style-v2 .product-category-wrapper .category-name, .product-style-v2.woocommerce .widget_layered_nav_filters ul li a, .product-style-v2 .ts-active-filters .button-text, .product-style-v2 .ts-active-filters .widget_layered_nav_filters .widgettitle, .product-style-v2 .style-filter-dropdown #ts-filter-widget-area .ts-heading h6 { text-transform: uppercase; } /*** Filter Button ***/ .filter-widget-area-button > a { display: flex; padding: 8px 18px; border: 1px solid; color: inherit; gap: 7px; border-radius: var(--ts-border-radius-large); text-decoration: none; width: max-content; max-width: 100%; } .filter-widget-area-button > a {min-width: 0;} .filter-widget-area-button > a:before { font-size: 14px; min-width: 15px; } .ts-sidebar-content .filter-widget-area { display: flex; flex-direction: column; gap: 30px; } /*** Columns selector ***/ .ts-product-columns-selector {position: relative;} .product-style-v6 .ts-product-columns-selector { margin-left: var(--filter-gap);/* rtl */ margin-right: 0; order: 11; } .product-style-v5 .before-loop-wrapper > .ts-product-columns-selector { min-height: 70px; } .ts-product-columns-selector, .ts-product-columns-selector ul { display: flex; align-items: center; } .ts-product-columns-selector [class*="columns-"] { display: inline-block; vertical-align: middle; cursor: pointer; line-height: 0; } .ts-product-columns-selector [class*="columns-"]:before { display: inline-block; font-size: 15px; line-height: 16px; color: #ccc; transition: 250ms ease; } .ts-product-columns-selector [class*="columns-"]:hover:before, .ts-product-columns-selector .selected[class*="columns-"]:before { color: var(--ts-product-color); } .product-style-v6 .ts-product-columns-selector [class*="columns-"]:not(.current-selector):before { color: var(--ts-dropdown-color); } .product-style-v6 .ts-product-columns-selector [class*="columns-"]:hover:before, .product-style-v6 .ts-product-columns-selector .selected[class*="columns-"]:before { color: var(--ts-primary-color); } .ts-product-columns-selector > .current-selector {display: none !important;} .ts-product-columns-selector ul { margin: 0; padding: 0; gap: 15px; } .ts-product-columns-selector ul li { padding: 0; } /*** Products Per Page ***/ .woocommerce-ordering > span.orderby-label, .product-per-page-form > span { font-weight: normal; } :where(.product-style-v3, .product-style-v6) .woocommerce-ordering > span.orderby-label, :where(.product-style-v3, .product-style-v6) .product-per-page-form > span, .before-loop-wrapper > .product-filter-by-brand .product-per-page-form > select, .before-loop-wrapper > .product-per-page-form > select {display: none;} .product-style-v6 .ts-product-columns-selector > .current-selector {display: flex !important;} .ts-product-columns-selector > .current-selector:before {color: inherit;} .product-style-v6 .ts-product-columns-selector:hover > .current-selector:before, .product-style-v6 .ts-product-columns-selector [class*="columns-"]:hover:before {color: var(--ts-primary-color);} /*** Sort/Order ***/ .product-per-page-form, .product-per-page-form .perpage-current, .ts-product-columns-selector > .current-selector, .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-ordering .orderby .orderby-current { display: flex; gap: 0 10px; margin-top: 0; margin-bottom: 0; align-items: center; } .before-loop-wrapper > .woocommerce-ordering { margin-left: auto;/* rtl */ } .before-loop-wrapper > .woocommerce-ordering:hover, .before-loop-wrapper > .product-per-page-form:hover {z-index: 7;} .product-per-page-form .perpage-current, .woocommerce .woocommerce-ordering .orderby .orderby-current {gap: 0 7px;} .woocommerce-ordering ul, .product-per-page-form ul { margin: 0; } .product-per-page-form ul.perpage, .woocommerce-ordering ul li {position: relative;} .woocommerce-ordering ul li, .product-per-page-form ul li { list-style: none; padding: 0; } .woocommerce-ordering ul li a, .product-per-page-form ul li a { color: inherit; text-decoration: none; padding: 7px 18px; display: block; } .ts-product-columns-selector > .current-selector, .woocommerce .woocommerce-ordering .orderby-current, .product-per-page-form .perpage-current { padding-left: 18px; padding-right: 18px; border: 1px solid; border-radius: var(--ts-border-radius-large); } .filter-widget-area-button > a, .ts-product-columns-selector > .current-selector, .woocommerce .woocommerce-ordering .orderby-current, .product-per-page-form .perpage-current, .woocommerce .widget_layered_nav_filters ul li a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .product-filter-by-color ul li a { line-height: 16px; padding: 6px 15px; } .product-style-v3 .filter-widget-area-button > a, .product-style-v3.woocommerce .woocommerce-ordering .orderby-current, .product-style-v3 .product-per-page-form .perpage-current { padding-left: 0 !important; padding-right: 0 !important; border-width: 0 0 1px; min-width: 0; font-weight: 500; } .product-style-v3 .product-on-sale-form label {font-weight: 500;} .product-style-v6 .ts-product-columns-selector > ul, .woocommerce .woocommerce-ordering .orderby ul, .product-per-page-form ul.perpage ul { margin: 0; padding: 30px 0 20px; width: 100%; min-width: 200px; position: absolute; top: 100%; left: 50%; /* rtl */ right: auto; /* rtl */ transform: translateX(-50%); /* rtl */ z-index: 7; display: none; color: var(--ts-dropdown-color); flex-direction: column; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .product-per-page-form ul.perpage ul, .product-style-v6 .ts-product-columns-selector > ul {min-width: 0;} .product-style-v6 .ts-product-columns-selector > ul:before, .woocommerce .woocommerce-ordering .orderby ul:before, .product-per-page-form ul.perpage ul:before { position: absolute; content: ""; top: 10px; left: 0; right: 0; bottom: 0; z-index: -1; border: 1px solid var(--ts-dropdown-border); border-radius: 10px; color: var(--ts-dropdown-color); background-color: var(--ts-dropdown-bg); } .product-style-v3.woocommerce .woocommerce-ordering .orderby ul:before, .product-style-v3 .product-per-page-form ul.perpage ul:before, .product-style-v2.woocommerce .woocommerce-ordering .orderby ul:before, .product-style-v2 .product-per-page-form ul.perpage ul:before { border-radius: 0; } .product-style-v5.woocommerce .woocommerce-ordering .orderby ul, .product-style-v5 .product-per-page-form ul.perpage ul { padding-top: 37px; } .product-style-v5.woocommerce .woocommerce-ordering .orderby ul:before, .product-style-v5 .product-per-page-form ul.perpage ul:before { top: 17px; } .product-style-v5.woocommerce .page-container:not(.no-sidebar) .woocommerce-ordering .orderby ul:before, .product-style-v5 .page-container:not(.no-sidebar) .product-per-page-form ul.perpage ul:before { top: 17px; } .product-style-v6 .ts-product-columns-selector:hover > ul, .woocommerce .woocommerce-ordering:hover .orderby ul, .product-per-page-form:hover ul.perpage ul { -webkit-animation-duration: 300ms; -moz-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_fade; -moz-animation-name: animation_fade; animation-name: animation_fade; display: flex; } .woocommerce .woocommerce-ordering ul.orderby.active, .product-per-page-form ul.perpage.active { z-index: 999; } .woocommerce-ordering select {display: none;} /*** Product On Sale Form ***/ .product-on-sale-form label { padding: 0; position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 7px; cursor: pointer; color: inherit; } .product-on-sale-form > label:before { content: ''; width: var(--ts-checkbox-size); height: var(--ts-checkbox-size); border: 1px solid; border-radius: 3px; display: inline-block; position: relative; } :where(.product-style-v2, .product-style-v3) .product-on-sale-form > label:before { border-radius: 0; } .product-on-sale-form > label:after { font-size: 10px; line-height: 1; display: inline-block; position: absolute; top: 5px; left: 5px; /* rtl */ opacity: 0; visibility: hidden; transition: 150ms ease; } .product-on-sale-form > label > input[type^="check"] {display: none;} .product-style-v6 .breadcrumb-title-wrapper ~ .page-container .before-loop-wrapper .product-on-sale-form > label:hover:after, .product-style-v6 .breadcrumb-title-wrapper ~ .page-container .before-loop-wrapper .product-on-sale-form.checked > label:after, .product-on-sale-form > label:hover:after, .product-on-sale-form.checked > label:after { opacity: 1; visibility: visible; } .product-style-v6 .product-on-sale-form > label:hover:before, .product-style-v6 .product-on-sale-form.checked > label:before { border-color: var(--ts-product-color); background-color: var(--ts-product-color); } .product-style-v6 .product-on-sale-form > label:hover:after, .product-style-v6 .product-on-sale-form.checked > label:after { color: var(--ts-product-bg); } /*** Collapse Scroll Sidebar ***/ .woocommerce.archive .collapse-scroll-sidebar #main-content{position: static;} .collapse-scroll-sidebar .ts-sidebar .widget-container > *:not(.widget-title-wrapper) { display: none; width: 100%; } .collapse-scroll-sidebar .ts-sidebar .widget-container.widget_layered_nav_filters > ul, .collapse-scroll-sidebar .ts-sidebar .widget-container > *:not(.widget-title-wrapper):first-child { display: flex; } .collapse-scroll-sidebar .ts-sidebar .widget-container > *:not(.widget-title-wrapper).active{display: block;} .collapse-scroll-sidebar .ts-sidebar .widget-container > ul:not(.widget-title-wrapper).active{display: flex;} .ts_desktop .collapse-scroll-sidebar .ts-sidebar > aside{ position: -webkit-sticky; position: sticky; top: 0; transition: top 200ms ease 0s; } /*** Pagination Styles ******************************************************** .post-nav-links: Unit Test .woocommerce nav.woocommerce-pagination: Shop/Product-category/Product-reviews .ts-pagination: Blog .dokan-pagination-container .dokan-pagination: Dokan ******************************************************************************/ .post-nav-links, .wp-block-query-pagination, .wp-block-query-pagination .wp-block-query-pagination-numbers { padding-top: 20px; margin-bottom: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .wp-block-query-pagination .wp-block-query-pagination-numbers { padding-top: 0; } .woocommerce .after-loop-wrapper { width: 100%; display: inline-block; position: relative; text-align: center; } .pagination-style-v6.woocommerce .after-loop-wrapper { padding: 0 var(--ts-content-padding); } .dokan-dashboard-content .pagination li a:hover, .woocommerce .woocommerce-pagination a:hover, .ts-pagination a:hover {text-decoration: none;} .ts-pagination, .woocommerce nav.woocommerce-pagination, .dokan-pagination-container .dokan-pagination { display: block; text-align: center; font-family: var(--ts-heading-font-family); font-weight: var(--ts-heading-font-weight); font-style: var(--ts-heading-font-style); font-variant: lining-nums; } .ts-pagination:empty {margin-top: 0;} .ts-pagination, .woocommerce nav.woocommerce-pagination, .dokan-pagination-container .dokan-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; border: 0; } .dokan-pagination-container .dokan-pagination li { list-style: none; display: inline-block; border: 0; padding: 0; float: none; } .dokan-pagination-container .dokan-pagination li:first-child > a:before {display: block !important;} .dokan-pagination-container .dokan-pagination li:empty {display: none;} .post-nav-links > a, .post-nav-links > span,.wp-block-query-pagination a{color: inherit;text-decoration: none !important;} .wp-block-query-pagination :is(a,span.current), .post-nav-links > :where(a,span), .ts-pagination :where(a,span), .dokan-pagination-container .dokan-pagination li a, body.woocommerce nav.woocommerce-pagination :where(a,span) { padding: 0; text-align: center; display: inline-block; min-width: 0; width: var(--ts-pagination-width); height: var(--ts-pagination-height); line-height: calc(var(--ts-pagination-height) - 2px); font-size: var(--ts-pagination-font-size); color: var(--ts-pagination-btn-bg); background: transparent; border: 1px solid var(--ts-pagination-border); border-radius: var(--ts-pagination-radius); font-weight: 500; overflow: hidden; display: inline-block; vertical-align: top; } .ts-pagination ul li span.dots, body.woocommerce nav.woocommerce-pagination ul li span.dots { border: 0; } .post-nav-links > :where(a,span):hover, .post-nav-links > :where(a,span):focus, .post-nav-links > :where(a,span).current, .wp-block-query-pagination a:hover, .wp-block-query-pagination span.current, .dokan-pagination-container .dokan-pagination li a:hover, .dokan-pagination-container .dokan-pagination li a:focus, .dokan-pagination-container .dokan-pagination li a.current, .ts-pagination :where(a,span):hover, .ts-pagination :where(a,span):focus, .ts-pagination :where(a,span).current, body.woocommerce nav.woocommerce-pagination :where(a,span):hover, body.woocommerce nav.woocommerce-pagination :where(a,span):focus, body.woocommerce nav.woocommerce-pagination :where(a,span).current { color: var(--ts-pagination-btn-bg); border-color: var(--ts-pagination-btn-bg); background: transparent; } .wp-block-query-pagination a:is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next), .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a, body.woocommerce nav.woocommerce-pagination a:where(.prev,.next), .ts-pagination a:where(.prev,.next) { width: auto; padding: 0 20px; min-width: 185px; border-radius: var(--ts-pagination-radius2); color: var(--ts-pagination-btn-color); border-color: var(--ts-pagination-btn-bg); background: var(--ts-pagination-btn-bg); } .wp-block-query-pagination a:is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next):hover, .wp-block-query-pagination a:is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next):focus, .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a:hover, .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a:focus, body.woocommerce nav.woocommerce-pagination a:where(.prev,.next):hover, body.woocommerce nav.woocommerce-pagination a:where(.prev,.next):focus, .ts-pagination a:where(.prev,.next):hover, .ts-pagination a:where(.prev,.next):focus { color: var(--ts-pagination-btn-bg); background: transparent; } /*** v2 ***/ .pagination-style-v2 { --ts-pagination-width: 50px; --ts-pagination-height: 30px; --ts-pagination-font-size: 15px; --ts-pagination-radius: 0; --ts-pagination-radius2: 0px; --ts-pagination-btn-color: #ffffff; --ts-pagination-btn-bg: #000000; --ts-pagination-border: #000000; } .pagination-style-v2 .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a, .pagination-style-v2.woocommerce nav.woocommerce-pagination a:where(.prev,.next), .pagination-style-v2 .ts-pagination a:where(.prev,.next) { min-width: 95px; font-size: 0; } :is(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5) .dokan-pagination-container .dokan-pagination li a:hover, :is(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5) .dokan-pagination-container .dokan-pagination li a:focus, :is(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5) .dokan-pagination-container .dokan-pagination li a.current, :is(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5) .ts-pagination :where(a,span):hover, :is(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5) .ts-pagination :where(a,span):focus, :is(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5) .ts-pagination :where(a,span).current, :is(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5).woocommerce nav.woocommerce-pagination :where(a,span):hover, :is(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5).woocommerce nav.woocommerce-pagination :where(a,span):focus, :is(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5).woocommerce nav.woocommerce-pagination :where(a,span).current { color: var(--ts-pagination-btn-color); border-color: var(--ts-pagination-btn-bg); background: var(--ts-pagination-btn-bg); } :is(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5) .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a:hover, :is(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5) .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a:focus, :is(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5).woocommerce nav.woocommerce-pagination a:where(.prev,.next):hover, :is(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5).woocommerce nav.woocommerce-pagination a:where(.prev,.next):focus, :is(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5) .ts-pagination a:where(.prev,.next):hover, :is(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5) .ts-pagination a:where(.prev,.next):focus { color: var(--ts-pagination-btn-bg); border-color: var(--ts-pagination-btn-bg); background: transparent; } :where(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5) .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a:before, :where(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5).woocommerce nav.woocommerce-pagination a:where(.prev,.next):before, :where(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5) .ts-pagination a:where(.prev,.next):before { content: '\e912'; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; display: inline-block; font-size: var(--ts-pagination-font-size); line-height: calc(var(--ts-pagination-height) - 2px); } :where(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5) .dokan-pagination-container .dokan-pagination li:last-child a:before, :where(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5).woocommerce nav.woocommerce-pagination a.next:before, :where(.pagination-style-v2,.pagination-style-v4,.pagination-style-v5) .ts-pagination a.next:before { content: '\e914'; } /*** v3 ***/ .pagination-style-v3 { --ts-pagination-width: 55px; --ts-pagination-height: 40px; --ts-pagination-font-size: 22px; --ts-pagination-radius: 0; --ts-pagination-radius2: 0px; --ts-pagination-btn-color: #000000; --ts-pagination-btn-bg: transparent; --ts-pagination-border: #000000; } .pagination-style-v3 .dokan-pagination-container .dokan-pagination li a, .pagination-style-v3 .ts-pagination :where(a,span), .pagination-style-v3.woocommerce nav.woocommerce-pagination :where(a,span) { border-width: 0 0 1px; border-color: transparent; color: #999999; } .pagination-style-v3 .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a, .pagination-style-v3.woocommerce nav.woocommerce-pagination a:where(.prev,.next), .pagination-style-v3 .ts-pagination a:where(.prev,.next) { min-width: 0; font-size: 0; padding: 0; border: 0 !important; background: transparent !important; color: var(--ts-pagination-border); } .pagination-style-v3 .dokan-pagination-container .dokan-pagination li a:hover, .pagination-style-v3 .dokan-pagination-container .dokan-pagination li a:focus, .pagination-style-v3 .dokan-pagination-container .dokan-pagination li a.current, .pagination-style-v3 .ts-pagination :where(a,span):hover, .pagination-style-v3 .ts-pagination :where(a,span):focus, .pagination-style-v3 .ts-pagination :where(a,span).current, .pagination-style-v3.woocommerce nav.woocommerce-pagination :where(a,span):hover, .pagination-style-v3.woocommerce nav.woocommerce-pagination :where(a,span):focus, .pagination-style-v3.woocommerce nav.woocommerce-pagination :where(a,span).current { color: var(--ts-pagination-border); border-color: var(--ts-pagination-border); } .pagination-style-v3 .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a:hover, .pagination-style-v3 .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a:focus, .pagination-style-v3.woocommerce nav.woocommerce-pagination a:where(.prev,.next):hover, .pagination-style-v3.woocommerce nav.woocommerce-pagination a:where(.prev,.next):focus, .pagination-style-v3 .ts-pagination a:where(.prev,.next):hover, .pagination-style-v3 .ts-pagination a:where(.prev,.next):focus { color: var(--ts-pagination-border); } .pagination-style-v3 .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a:before, .pagination-style-v3.woocommerce nav.woocommerce-pagination a:where(.prev,.next):before, .pagination-style-v3 .ts-pagination a:where(.prev,.next):before { content: '\e915'; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; display: inline-block; font-size: calc(var(--ts-pagination-font-size) * 3); line-height: calc(var(--ts-pagination-height) - 2px); } .pagination-style-v3 .dokan-pagination-container .dokan-pagination li:last-child a:before, .pagination-style-v3.woocommerce nav.woocommerce-pagination a.next:before, .pagination-style-v3 .ts-pagination a.next:before { content: '\e913'; } /*** v4 ***/ .pagination-style-v4 { --ts-pagination-font-size: 13px; --ts-pagination-btn-color: #ffffff; --ts-pagination-btn-bg: #000000; --ts-pagination-border: #000000; } .pagination-style-v4 .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a, .pagination-style-v4.woocommerce nav.woocommerce-pagination a:where(.prev,.next), .pagination-style-v4 .ts-pagination a:where(.prev,.next) { min-width: 115px; font-size: 0; } .pagination-style-v4 .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a:before, .pagination-style-v4.woocommerce nav.woocommerce-pagination a:where(.prev,.next):before, .pagination-style-v4 .ts-pagination a:where(.prev,.next):before { font-size: calc(var(--ts-pagination-font-size) + 2px); } /*** v5 ***/ .pagination-style-v5 { --ts-pagination-font-size: 13px; } .pagination-style-v5 .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a, .pagination-style-v5.woocommerce nav.woocommerce-pagination a:where(.prev,.next), .pagination-style-v5 .ts-pagination a:where(.prev,.next) { min-width: 0; font-size: 0; padding: 0; text-align: center; width: var(--ts-pagination-width); height: var(--ts-pagination-height); line-height: var(--ts-pagination-height); color: var(--ts-pagination-btn-bg); background: transparent; } .pagination-style-v5 .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a:before, .pagination-style-v5.woocommerce nav.woocommerce-pagination a:where(.prev,.next):before, .pagination-style-v5 .ts-pagination a:where(.prev,.next):before { font-size: calc(var(--ts-pagination-font-size) + 2px); } .pagination-style-v5 .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a:hover, .pagination-style-v5 .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a:focus, .pagination-style-v5.woocommerce nav.woocommerce-pagination a:where(.prev,.next):hover, .pagination-style-v5.woocommerce nav.woocommerce-pagination a:where(.prev,.next):focus, .pagination-style-v5 .ts-pagination a:where(.prev,.next):hover, .pagination-style-v5 .ts-pagination a:where(.prev,.next):focus { color: var(--ts-pagination-btn-color); background: var(--ts-pagination-btn-bg); } /*** v6 ***/ .pagination-style-v6 { --ts-pagination-width: 50px; --ts-pagination-height: 50px; --ts-pagination-font-size: 14px; } .pagination-style-v6 .post-nav-links > :where(a,span), .pagination-style-v6 .ts-pagination :where(a,span), .pagination-style-v6 .dokan-pagination-container .dokan-pagination li a, body.pagination-style-v6.woocommerce nav.woocommerce-pagination :where(a,span) { color: var(--ts-text-color); border-color: var(--ts-text-color); background: transparent; } .pagination-style-v6 .dokan-pagination-container .dokan-pagination li a:hover, .pagination-style-v6 .dokan-pagination-container .dokan-pagination li a:focus, .pagination-style-v6 .dokan-pagination-container .dokan-pagination li a.current, .pagination-style-v6 .ts-pagination :where(a,span):hover, .pagination-style-v6 .ts-pagination :where(a,span):focus, .pagination-style-v6 .ts-pagination :where(a,span).current, .pagination-style-v6.woocommerce nav.woocommerce-pagination :where(a,span):hover, .pagination-style-v6.woocommerce nav.woocommerce-pagination :where(a,span):focus, .pagination-style-v6.woocommerce nav.woocommerce-pagination :where(a,span).current { color: var(--ts-body-bg); border-color: var(--ts-text-color); background: var(--ts-text-color); } .pagination-style-v6 .ts-pagination, .pagination-style-v6.woocommerce nav.woocommerce-pagination, .pagination-style-v6 .dokan-pagination-container .dokan-pagination { position: relative; padding: 0 220px; } .pagination-style-v6 .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a, .pagination-style-v6.woocommerce nav.woocommerce-pagination a:where(.prev,.next), .pagination-style-v6 .ts-pagination a:where(.prev,.next) { width: 220px; padding: 0 10px; border-radius: var(--ts-pagination-radius2); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0 20px; color: var(--ts-text-color); border-color: var(--ts-text-color); background: transparent; position: absolute; line-height: 1.2; top: 50%; transform: translateY(-50%); } .pagination-style-v6 .dokan-pagination-container .dokan-pagination li:first-child a, .pagination-style-v6.woocommerce nav.woocommerce-pagination a.prev, .pagination-style-v6 .ts-pagination a.prev { left: 0;/* rtl */ } .pagination-style-v6 .dokan-pagination-container .dokan-pagination li:last-child a, .pagination-style-v6.woocommerce nav.woocommerce-pagination a.next, .pagination-style-v6 .ts-pagination a.next { right: 0;/* rtl */ } .pagination-style-v6 .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a:hover, .pagination-style-v6 .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a:focus, .pagination-style-v6.woocommerce nav.woocommerce-pagination a:where(.prev,.next):hover, .pagination-style-v6.woocommerce nav.woocommerce-pagination a:where(.prev,.next):focus, .pagination-style-v6 .ts-pagination a:where(.prev,.next):hover, .pagination-style-v6 .ts-pagination a:where(.prev,.next):focus { color: var(--ts-body-bg); border-color: var(--ts-text-color); background: var(--ts-text-color); } .pagination-style-v6 .dokan-pagination-container .dokan-pagination li:first-child a:before, .pagination-style-v6 .dokan-pagination-container .dokan-pagination li:last-child a:after, .pagination-style-v6.woocommerce nav.woocommerce-pagination a.prev:before, .pagination-style-v6.woocommerce nav.woocommerce-pagination a.next:after, .pagination-style-v6 .ts-pagination a.prev:before, .pagination-style-v6 .ts-pagination a.next:after { content: '\e912'; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; display: inline-block; font-size: calc(var(--ts-pagination-font-size) + 4px); line-height: 1; } .pagination-style-v6 .dokan-pagination-container .dokan-pagination li:last-child a:after, .pagination-style-v6.woocommerce nav.woocommerce-pagination a.next:after, .pagination-style-v6 .ts-pagination a.next:after { content: '\e914'; } /*** Ajax Pagination ***/ .archive.ajax-pagination .woocommerce > .products.loading:after { left: 50%; top: 250px; right: auto; bottom: auto; width: 36px; height: 36px; z-index: 9; margin-left: -18px; content: ""; border: 2px solid rgba(155,155,155,0.3); border-top-color: var(--ts-text-color); border-radius: 50%; text-align: center; position: absolute; display: inline-block; font-weight: normal; opacity: 0; visibility: hidden; } .archive.ajax-pagination .woocommerce > .products.loading:after { opacity: 1; visibility: visible; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .archive.ajax-pagination .woocommerce > .products:before{ content: ""; display: block; position: absolute; left: 0;/* rtl */ right: auto; width: 1px; bottom: 0; top: 0; z-index: 7; transition: opacity ease 0s; } .archive.ajax-pagination .woocommerce > .products.loading:before{ right: 0;/* rtl */ width: 100%; opacity: 0.7; background: var(--ts-body-bg); z-index: 5; } /*** Shop Load More ***/ .ts-shop-load-more, .ts-shop-result-count { text-align: center; display: block; } .ts-shop-result-count { margin-top: var(--ts-section-gap); margin-bottom: 10px; font-size: 1em; } .ts-shop-result-count > span { display: inline-block; } .load-more-wrapper .ts-blog-result-count { margin-bottom: 14px; } .load-more-wrapper { margin-top: var(--blogs-gap-v); margin-bottom: var(--ts-section-gap); } .readmore-icon .load-more-wrapper, .ts-masonry .load-more-wrapper { margin-top: 30px; } .ts-blogs .load-more-wrapper {margin-bottom: 0;} .load-more-wrapper, .ts-shop-load-more { display: block; margin-left: auto; margin-right: auto; } .ts-shop-load-more { text-align: center; } .load-more-wrapper .button, .ts-shop-load-more .button, .woocommerce .ts-shop-load-more .button { text-decoration: none; transition: 200ms ease; position: relative; background: transparent; border-color: var(--ts-text-color); color: var(--ts-text-color); } .ts-shop-load-more .button, .woocommerce .ts-shop-load-more .button { min-width: 200px; overflow: hidden; } .load-more-wrapper .button:hover, .ts-shop-load-more .button:hover, .woocommerce .ts-shop-load-more .button:hover { background: var(--ts-primary-color) !important; border-color: var(--ts-primary-color) !important; color: var(--ts-text-in-primary-color) !important; } .infinity-scroll.woocommerce .ts-shop-load-more .button:after {display: none;} .infinity-scroll.woocommerce .ts-shop-load-more { --loading-size: 30px; } .infinity-scroll.woocommerce .ts-shop-load-more .button { font-size: 0; min-width: 0; background: transparent !important; border-color: transparent !important; } .infinity-scroll.woocommerce .ts-shop-load-more .button.loading:before { border-color: rgba(194, 194, 194, 0.3); border-top-color: var(--ts-text-color); } /*------------------------------------------------------------------------------------------------------------------- VI. PRODUCT DETAIL ---------------------------------------------------------------------------------------------------------------------*/ .woocommerce div.product { --ts-gallery-width: 56%; --ts-thumbnail-size: 90px; --ts-thumbnail-gap: 20px; --ts-summary-padding-left: 40px; --ts-summary-padding-right: 0; } .woocommerce.product-style-v4 div.product { --ts-summary-padding: 40px; } .woocommerce div.product.gallery-layout-vertical { --ts-gallery-width: 63%; } .woocommerce div.product.gallery-layout-slider-2-col { --ts-summary-padding-left: 40px; } .woocommerce div.product.social-icons-vertical { --ts-summary-padding-right: 60px; } .woocommerce div.product.gallery-layout-grid.has-gallery, .woocommerce div.product.gallery-layout-slider-2-col.has-gallery { --ts-gallery-width: 74%; } .woocommerce div.product.gallery-layout-grid.has-gallery.social-icons-vertical, .woocommerce div.product.gallery-layout-slider-2-col.has-gallery.social-icons-vertical { --ts-summary-padding-right: 70px; } .woocommerce div.product.gallery-layout-grid div.images .woocommerce-product-gallery__wrapper { display: flex; flex-wrap: wrap; gap: 10px; } .woocommerce div.product.gallery-layout-grid div.images .woocommerce-product-gallery__image { overflow: hidden; width: 100%; } .woocommerce div.product.gallery-layout-grid.has-gallery div.images .woocommerce-product-gallery__image { width: calc(50% - 5px); } .single-product.product-style-v2 .breadcrumb-title-wrapper.no-title ~ .page-container :where(#left-sidebar,#right-sidebar) > aside, .single-product.product-style-v2 .breadcrumb-title-wrapper.no-title ~ .page-container #primary > div.product { margin-top: 25px; } .single-product.product-style-v1 .breadcrumb-title-wrapper.no-title ~ .page-container :where(#left-sidebar,#right-sidebar) > aside, .single-product.product-style-v1 .breadcrumb-title-wrapper.no-title ~ .page-container #primary > div.product { margin-top: -12px; } .single-product:where(.product-style-v1,.product-style-v2) .breadcrumb-title-wrapper.no-title ~ .page-container :where(#left-sidebar,#right-sidebar) > aside { padding-top: 0; } .single-product #primary > div.product .quantity .number-button:after { padding-top: 6px; } .woocommerce div.product div.images.woocommerce-product-gallery { opacity: 1 !important; transition: none !important; height: auto !important; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {position: relative;} .woocommerce div.product:after { content: ''; display: table; clear: both; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper img { background: var(--ts-product-bg); border-radius: var(--ts-border-radius); } .woocommerce div.product div.summary ~ * {clear: both;} .woocommerce div.product div.images { width: var(--ts-gallery-width); float: left; /* rtl */ position: relative; } .woocommerce div.product div.summary { width: calc(100% - var(--ts-gallery-width)); padding-left: var(--ts-summary-padding-left); /* rtl */ padding-right: var(--ts-summary-padding-right); /* rtl */ float: left; /* rtl */ } /*-------------------------------------------------------- 1. PRODUCT IMAGE ---------------------------------------------------------*/ .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg { z-index: 2; cursor: zoom-in; background: var(--ts-product-bg); } /*** Thumbnails ***/ .woocommerce div.product.has-gallery:not(.gallery-layout-grid) .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:not(.flex-active-slide):not(:first-child) { display: none; } .woocommerce div.product div.images .flex-control-thumbs {display: flex;flex-flow: row wrap;gap: 10px;margin: var(--ts-thumbnail-gap) 0 0;} .woocommerce div.product.gallery-layout-horizontal.thumbnails-center div.images .flex-control-thumbs {justify-content: center;} .woocommerce div.product div.images .flex-control-thumbs li {padding: 0;width: 90px;overflow: hidden;} .woocommerce div.product div.images .flex-control-thumbs li img { background: var(--ts-product-bg); opacity: 1; border: 1px solid var(--ts-product-bg); border-radius: 5px; transition: 200ms ease; } .woocommerce:where(.product-style-v2,.product-style-v3,.product-style-v5) div.product div.images .flex-control-thumbs li img, :where(.product-style-v2,.product-style-v3,.product-style-v5) .woocommerce div.product div.images .flex-control-thumbs li img { border-radius: 0; } .product-style-v4 div.product div.images .flex-control-thumbs li img {border-radius: 10px;} .woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover {border-color: var(--ts-product-color);} /*** Main Images ***/ .woocommerce div.product div.images,.woocommerce div.product div.summary { margin-bottom: var(--ts-section-gap); } .woocommerce div.product div.summary { display: flex; flex-flow: row wrap; align-items: center; gap: 0; position: relative; --ts-star-size: 16px; --ts-star-gap: 7px; font-size: var(--ts-text-small); color: var(--ts-btn-thumbnail-color); border-radius: var(--ts-border-radius); } .product-style-v4 div.product div.summary { background-color: var(--ts-btn-thumbnail-bg); border: 1px solid var(--ts-btn-thumbnail-border); } .woocommerce div.product:not(.fbt-in-summary) div.summary { float: right;/* rtl */ } /**/ .woocommerce.product-style-v4 #reviews .woocommerce-review-actions {--ts-btn-padding-top: 4px;} .product-style-v4 #reviews .woocommerce-product-rating .woocommerce-review-link { color: var(--ts-heading-color); background-color: transparent; border-color: var(--ts-heading-color); } .product-style-v4 #reviews .woocommerce-product-rating .woocommerce-review-link:hover { color: var(--ts-body-bg); background-color: var(--ts-heading-color); border-color: var(--ts-heading-color); } .woocommerce.product-style-v4 div.product .woocommerce-tabs ul.tabs:before {display: none;} .product-style-v4 .site-content div.product div.summary { width: calc(100% - var(--ts-gallery-width) - var(--ts-summary-padding-left)); padding: var(--ts-summary-padding); } .woocommerce.product-style-v4 div.product .woocommerce-tabs ul.tabs { margin: 0 0 40px; padding: 0; } .woocommerce.product-style-v4 div.product .woocommerce-tabs .panel { padding: 60px 40px; border: 1px solid var(--ts-product-border); border-radius: var(--ts-border-radius); overflow: hidden; transform: translateZ(0); } .woocommerce.product-style-v4 div.product:not(.summary-scrolling).show-tabs-content-default .woocommerce-tabs .panel { padding: 0; border: 0; border-radius: 0; } .woocommerce.product-style-v4 div.product .woocommerce-tabs #tab-ts_custom { padding: 0; border: 0; border-radius: var(--ts-border-radius); overflow: hidden; transform: translateZ(0); } .woocommerce.product-style-v4 div.product.summary-scrolling div.images, .woocommerce.product-style-v4 div.product.summary-scrolling div.summary { margin-bottom: 0; } .woocommerce.product-style-v4 .breadcrumb-title-wrapper.no-title ~ .page-container div.product div.summary { border: 1px solid var(--ts-product-border); background: transparent; } .woocommerce.product-style-v4 div.product.summary-scrolling div.woocommerce-product-gallery { padding: var(--ts-summary-padding); border: 1px solid var(--ts-product-border); background: transparent; border-top-left-radius: var(--ts-border-radius); border-top-right-radius: var(--ts-border-radius); margin-bottom: -1px; } .woocommerce.product-style-v4 div.product.summary-scrolling .ads-banner, .woocommerce.product-style-v4 div.product.summary-scrolling .ts-frequently-bought-together { padding: var(--ts-summary-padding); border: 1px solid var(--ts-product-border); margin-bottom: -1px; } .product-style-v4 div.product.summary-scrolling .ts-frequently-bought-together > h3 { font-size: var(--ts-h5-font-size); line-height: var(--ts-h5-line-height); text-align: start; margin-bottom: 20px; } .woocommerce.product-style-v4 div.product.summary-scrolling .woocommerce-tabs #tab-reviews { padding: 0; border: 0; border-radius: 0; } .woocommerce.product-style-v4 div.product .woocommerce-tabs #tab-description {padding: 0;} .woocommerce.product-style-v4 div.product.summary-scrolling .woocommerce-tabs #tab-description { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: var(--ts-border-radius); border-bottom-right-radius: var(--ts-border-radius); } .woocommerce.product-style-v4 div.product.summary-scrolling.gallery-layout-vertical div.images .flex-control-thumbs { margin: var(--ts-summary-padding) 0 var(--ts-summary-padding) var(--ts-summary-padding);/* rtl */ } .woocommerce.product-style-v4 div.product.summary-scrolling.gallery-layout-vertical.has-gallery .woocommerce-product-gallery__wrapper { padding-left: calc(var(--ts-thumbnail-size) + var(--ts-thumbnail-gap) + var(--ts-summary-padding));/* rtl */ } .woocommerce.product-style-v4 div.product.summary-scrolling.gallery-layout-vertical.has-gallery div.images .product-label { left: calc(var(--ts-thumbnail-size) + var(--ts-thumbnail-gap) + var(--ts-summary-padding));/* rtl */ } .woocommerce.product-style-v4 .breadcrumb-title-wrapper.no-title ~ .page-container div.product { --ts-summary-padding-left: 20px; } .woocommerce.product-style-v4 div.product.summary-scrolling .ts-product-video-button, .woocommerce.product-style-v4 div.product.summary-scrolling .ts-product-360-button, .woocommerce.product-style-v4 div.product.summary-scrolling div.images .woocommerce-product-gallery__trigger { top: var(--ts-summary-padding); right:var(--ts-summary-padding); /* rtl */ } .woocommerce.product-style-v4 div.product.summary-scrolling .ts-product-video-button, .woocommerce.product-style-v4 div.product.summary-scrolling .ts-product-360-button { top: 72px; } .woocommerce.product-style-v4 div.product.summary-scrolling .ts-product-video-button + .ts-product-360-button { top: 122px; } .woocommerce.single-product.product-style-v4 #reviews #comments ol.commentlist li { padding: 40px; border: 1px solid var(--ts-product-border); border-radius: var(--ts-border-radius); margin: 0 0 20px; } .woocommerce.single-product.product-style-v4 #reviews #comments ol.commentlist li:last-child { margin: 0; } .woocommerce.product-style-v4 div.product:not(.show-tabs-content-default):not(.tabs-in-summary) + :where(.cross-sells, .upsells, .related) { padding-top: 0; border: 0; } /**/ .woocommerce.product-style-v5 div.product { --ts-summary-padding: 40px; --ts-summary-padding-left: 0; --ts-summary-padding-right: 40px; } .woocommerce.product-style-v5 div.product div.woocommerce-product-gallery, .woocommerce.product-style-v5 div.product div.summary { padding: var(--ts-product-padding); border-radius: 0; background: transparent; margin: 0; } .woocommerce.product-style-v5 div.product div.summary {border: 0;} .woocommerce.product-style-v5 div.product div.woocommerce-product-gallery, .woocommerce.product-style-v5 div.product.summary-scrolling:not(.fbt-in-summary) > *:not(.summary) { border-width: 0 1px 0 0;/* rtl */ border-style: solid; } .woocommerce.product-style-v5 div.product.summary-scrolling:not(.fbt-in-summary) div.woocommerce-product-gallery { border-bottom-width: 1px; } .woocommerce.product-style-v5 div.product.social-icons-vertical div.summary { padding-right: var(--ts-summary-padding-right);/* rtl */ } .woocommerce.product-style-v5 div.product .woocommerce-tabs ul.tabs{ margin: 0; padding: var(--ts-product-padding); } body.woocommerce.product-style-v5 div.product.social-icons-vertical:not(.fbt-in-summary):not(.summary-scrolling) .summary > .ts-social-sharing:not(:empty) { top: var(--ts-product-padding); right: var(--ts-product-padding);/* rtl */ } .woocommerce.product-style-v5 div.product.gallery-layout-vertical div.images .flex-control-thumbs, .woocommerce.product-style-v6 div.product.gallery-layout-vertical div.images .flex-control-thumbs { left: var(--ts-product-padding);/* rtl */ top: var(--ts-product-padding); bottom: var(--ts-product-padding); } .woocommerce.single-product.product-style-v5 #primary > div.product.gallery-layout-vertical.has-gallery div.images .product-label, .woocommerce.single-product.product-style-v6 #primary > div.product.gallery-layout-vertical.has-gallery div.images .product-label { left: calc(var(--ts-thumbnail-size) + var(--ts-thumbnail-gap));/* rtl */ } .woocommerce.product-style-v5 div.product:not(.tabs-in-summary):not(.tabs-accordion) #reviews > h2, .woocommerce.product-style-v5 div.product:not(.tabs-in-summary):not(.tabs-accordion) #reviews #review_form_wrapper { padding: var(--ts-product-padding); } .product-style-v5 #reviews .woocommerce-noreviews, .woocommerce.product-style-v5 #reviews #comments ol.commentlist li:last-child, .woocommerce.product-style-v5 #reviews #comments ol.commentlist li { margin: 0; padding: var(--ts-product-padding); border-width: 0 0 1px; border-style: solid; border-color: var(--ts-border); } .woocommerce.product-style-v5 #review_form_wrapper #review_form {margin-top: 0;} body.single-product.product-style-v5 :where(.cross-sells, .upsells, .related) { padding: 0; margin: 0; } body.single-product.product-style-v5 :where(.cross-sells, .upsells, .related) > h2 { margin: 0; padding: var(--ts-product-padding); } .woocommerce.product-style-v5 #reviews #comments ol.commentlist li .comment-text { padding: 0; gap: 10px; } .woocommerce.product-style-v5 #reviews #comments ol.commentlist li .comment-text p.meta { width: 100%; position: static; order: 10; margin-top: 40px; } .product-style-v5 #reviews #comments .comment-text .description { font-size: 15px; line-height: 1.2; font-weight: var(--ts-heading-font-weight); } /*** Layout Vertical ***/ .woocommerce div.product.gallery-layout-vertical { --ts-thumbnail-size: 110px; } .woocommerce div.product.gallery-layout-vertical div.images { position: relative; } .woocommerce div.product.gallery-layout-vertical div.images > * {flex: 1;} .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs { width: var(--ts-thumbnail-size); flex-direction: column; flex-wrap: nowrap; max-height: 100%; margin: 0; overflow-x: hidden; overflow-y: auto; justify-content: flex-start; position: absolute; top: 0; bottom: 0; left: 0;/* rtl */ } .woocommerce div.product.thumbnails-center div.images .flex-control-thumbs { justify-content: center; } .woocommerce div.product.gallery-layout-vertical.has-gallery .woocommerce-product-gallery__wrapper { padding-left: calc(var(--ts-thumbnail-size) + var(--ts-thumbnail-gap)); /* rtl */ } .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs li {width: 100%;flex: none;} #ts-quickshop-modal div.product.gallery-layout-vertical.has-gallery div.images .product-label, .single-product #primary > div.product.gallery-layout-vertical.has-gallery div.images .product-label { left: calc(var(--ts-thumbnail-size) + var(--ts-thumbnail-gap)); /* rtl */ } .product-label-v3 #ts-quickshop-modal div.product.gallery-layout-vertical.has-gallery div.images .product-label, .single-product.product-label-v3 #primary > div.product.gallery-layout-vertical.has-gallery div.images .product-label { left: calc(var(--ts-thumbnail-size) + var(--ts-thumbnail-gap) + 20px); /* rtl */ } /*** Lightbox ***/ .ts-product-video-button, .ts-product-360-button, .woocommerce div.product div.images .woocommerce-product-gallery__trigger { font-size: 0; line-height: 0; padding: 0; border: 0; min-width: 0; width: 40px; height: 40px; display: block; letter-spacing: 0; text-align: center; position: absolute; top: 0; right: 0; /* rtl */ left: auto; /* rtl */ z-index: 9; transition: 250ms ease; color: var(--ts-btn-thumbnail-color); background: var(--ts-btn-thumbnail-bg); border: 1px solid var(--ts-btn-thumbnail-border); border-radius: 50%; text-decoration: none !important; text-indent: initial !important; box-sizing: border-box; } .product-style-v4.header-v2 .breadcrumb-v1 .ts-breadcrumbs { padding-top: 0; } .product-style-v2 .ts-product-video-button, .product-style-v2 .ts-product-360-button, .product-style-v2.woocommerce div.product div.images .woocommerce-product-gallery__trigger { border-radius: 0; } .ts-product-video-button:hover, .ts-product-360-button:hover, .woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover { background: var(--ts-primary-color); color: var(--ts-text-in-primary-color); } .ts-product-video-button, .ts-product-360-button {top: 45px;} .ts-product-video-button + .ts-product-360-button {top: 90px;} :where(.product-style-v1, .product-style-v3) .ts-product-video-button, :where(.product-style-v1, .product-style-v3) .ts-product-360-button, :where(.product-style-v1, .product-style-v3).woocommerce div.product div.images .woocommerce-product-gallery__trigger { top: 10px; right: 10px; /* rtl */ } :where(.product-style-v1, .product-style-v3) .ts-product-video-button, :where(.product-style-v1, .product-style-v3) .ts-product-360-button {top: 55px;} :where(.product-style-v1, .product-style-v3) .ts-product-video-button + .ts-product-360-button {top: 100px;} .product-style-v2 .ts-product-video-button, .product-style-v2 .ts-product-360-button {top: 39px;} .product-style-v2 .ts-product-video-button + .ts-product-360-button {top: 78px;} :is(.product-style-v5, .product-style-v6) .ts-product-video-button, :is(.product-style-v5, .product-style-v6) .ts-product-360-button, .woocommerce:is(.product-style-v5, .product-style-v6) div.product div.images .woocommerce-product-gallery__trigger { top: var(--ts-product-padding); right: var(--ts-product-padding);/* rtl */ left: auto;/* rtl */ } :is(.product-style-v5, .product-style-v6) .ts-product-video-button, :is(.product-style-v5, .product-style-v6) .ts-product-360-button { top: 45px; right: 0;/* rtl */ } :is(.product-style-v5, .product-style-v6) .ts-product-video-button + .ts-product-360-button { top: 90px; } .ts-product-360-button:before, .ts-product-video-button:before, .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { font-size: 26px; line-height: 40px; position: static; width: 100%; height: 100%; border: 0; display: inline-block; color: inherit; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { font-size: 18px; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:after {display: none;} .ts-product-video-button:hover, .ts-product-360-button:hover, .woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover { text-decoration: none; } /*-------------------------------------------------------- 2. PRODUCT SUMMARY ---------------------------------------------------------*/ body.woocommerce.single-product.product-style-v2 #main, body.woocommerce.single-product.product-style-v4 .page-container, body.woocommerce.single-product.product-style-v5 .page-container, body:where(.product-style-v2,.product-style-v4,.product-style-v5) #ts-quickshop-modal div.summary, body:where(.product-style-v2,.product-style-v4) #comments .comment-detail .comment-actions, body:where(.product-style-v2,.product-style-v4) #comments .comment-detail .comment-text strong, body:where(.product-style-v2,.product-style-v4) #reviews #comments .comment-text .description strong { font-family: var(--ts-product-font-family); font-style: var(--ts-product-font-style); letter-spacing: var(--ts-product-letter-spacing); text-transform: var(--ts-product-text-transform); font-weight: var(--ts-product-font-weight); font-size: var(--ts-product-font-size); line-height: var(--ts-product-line-height); } body:where(.product-style-v2,.product-style-v4) #comments .comment-detail .comment-actions {color: var(--ts-heading-color);} body:where(.product-style-v2,.product-style-v4) #comments .comment-detail .comment-text strong, body:where(.product-style-v2,.product-style-v4) #reviews #comments .comment-text .description strong { font-size: var(--ts-h5-font-size); line-height: 1.1; color: var(--ts-heading-color); } body:where(.product-style-v2,.product-style-v4) .commentlist li #comment-wrapper, body:where(.product-style-v2,.product-style-v4) .commentlist li.comment .comment-detail { font-size: calc(1em - 1px); } body:where(.product-style-v2,.product-style-v4) #comments .comment-meta { font-size: calc(1em - 2px); } .woocommerce:where(.product-style-v2,.product-style-v4) #reviews .woocommerce-noreviews, .woocommerce:where(.product-style-v2,.product-style-v4) #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce:where(.product-style-v2,.product-style-v4) #review_form #respond p.comment-notes, body:where(.product-style-v2,.product-style-v4) #reviews #comments .comment-text .description { font-family: var(--ts-font-family); font-weight: var(--ts-font-weight); font-style: var(--ts-font-style); line-height: var(--ts-line-height); letter-spacing: var(--ts-letter-spacing); text-transform: var(--ts-body-text-transform); font-size: var(--ts-body-font-size); } .woocommerce div.product .summary > * {clear: both;} .woocommerce div.product .summary > *:not(.product_title):not(.button) {line-height: 20px;} .woocommerce div.product .summary > .product-brands:not(.product_title):not(.button) {line-height: 1.2;} .woocommerce div.product .summary a:not(.button) {color: inherit;} .woocommerce div.product .summary a:not(.button):hover {color: var(--ts-primary-color);text-decoration: none;} .woocommerce div.product .summary > .product-brands { color: var(--ts-gray-color); } .woocommerce div.product .summary table.group_table .woocommerce-grouped-product-list-item__label a:hover { text-decoration: none; color: var(--ts-primary-color); } .woocommerce div.product .summary > .single-product-buttons {gap: 0 var(--ts-summary-gap);margin-top: var(--ts-summary-gap);} div.product .summary > .summary-custom-content-title { margin-top: 8px; font-size: 1em; } .product-style-v3 div.product .summary.entry-summary form.cart { --ts-btn-padding-top: 12px; } .woocommerce div.product .summary .product-counter { display: flex; gap: 0 10px; flex-direction: row-reverse; width: 100%; justify-content: flex-end; align-items: center; } .woocommerce div.product .summary .product-counter > span { display: none; flex: 1; max-width: max-content; } .woocommerce div.product .summary .ts-variation-price + .product-counter { margin-top: var(--ts-summary-gap); } .woocommerce div.product .summary .product-counter > span, .woocommerce div.product .summary .product-counter > .ts-countdown {margin-bottom: 10px;} .product-style-v3 div.product .summary.entry-summary .product-counter > span, .product-style-v3 div.product .summary.entry-summary .product-counter > .ts-countdown, .woocommerce div.product.product-type-variable .summary .product-counter > span, .woocommerce div.product.product-type-variable .summary .product-counter > .ts-countdown {margin-bottom: 20px;} .woocommerce div.product .summary .product-counter > .ts-countdown + span {display: block;} .woocommerce div.product .summary .ts-countdown .counter-wrapper { justify-content: flex-start; padding: 5px 20px; border-radius: 40px; width: fit-content; gap: 16px; background: var(--ts-product-sale-price-color); color: #ffffff; font-size: 13px; } .product-style-v2 .ts-discount-number, .product-style-v2 .total-price-label { border-radius: 0; font-size: 14px; padding: 3px 10px; } .product-style-v2.woocommerce div.product .summary .ts-countdown .counter-wrapper { gap: 10px; border-radius: 0; font-size: 14px; padding: 1px 10px; } .product-style-v2.woocommerce div.product .summary .ts-countdown .counter-wrapper > div:not(:last-child):after { right: -7px;/* rtl */ margin: -1px 0 0; } .woocommerce div.product .summary .ts-countdown .counter-wrapper > div {position: relative;min-width: 18px;justify-content: center;} .woocommerce div.product .summary .ts-countdown .counter-wrapper > div:not(:last-child):after { content: ':'; display: inline-block; position: absolute; right: -10px;/* rtl */ top: 50%; transform: translateY(-50%); } .woocommerce div.product .summary .ts-countdown .counter-wrapper .ref-wrapper {display: none;} /*** Product Ratings ***/ .woocommerce #reviews .woocommerce-product-rating, .woocommerce div.product .woocommerce-product-rating { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; } .woocommerce #reviews .woocommerce-product-rating { align-items: flex-end; } .woocommerce #reviews .woocommerce-product-rating .review-count { line-height: 1em; position: relative; top: 1px; } .woocommerce #reviews .woocommerce-product-rating .star-rating, .woocommerce div.product .woocommerce-product-rating .star-rating { margin: -3px 0 0; float: none; } .summary .woocommerce-product-rating .woocommerce-review-actions, .woocommerce .summary .woocommerce-product-rating:after, .woocommerce .summary .woocommerce-product-rating:before {display: none;} .woocommerce td.product-name p.backorder_notification { color: #ff9e20; font-size: 1em; font-style: italic; margin: 3px 0 0; } .woocommerce .woocommerce-product-rating {line-height: inherit;} .summary .woocommerce-product-rating .woocommerce-review-link{text-decoration: none !important;} .woocommerce .woocommerce-product-rating { display: flex; flex-flow: row wrap; align-items: center; font-size: calc(var(--ts-body-font-size) - 1px); color: var(--ts-product-regular-price-color); } .product-style-v5 div.product .summary .woocommerce-product-rating, .product-style-v6 div.product .summary .woocommerce-product-rating { font-size: calc(var(--ts-body-font-size) - 2px); font-weight: normal; color: inherit; } /*** Summary Custom Content ***/ .woocommerce div.product .summary > .ts-summary-custom-content { padding: 13px 20px; border: 1px solid; border-radius: var(--ts-border-radius); font-size: 0.92em; } .ts-summary-custom-content ul { display: flex; flex-flow: column wrap; gap: 8px; } .ts-summary-custom-content ul li { padding: 0; } .ts-summary-custom-content ul li:after { content: ''; display: table; clear: both; } .ts-summary-custom-content ul, .ts-summary-custom-content ul li img.alignnone { margin: 0; padding: 0; } .ts-summary-custom-content ul li img.alignnone { float: left; /* rtl */ margin-right: 10px; /* rtl */ } .ts-summary-custom-content ul.no-style li { list-style: none; } /*** Product Meta ***/ div.product .summary .meta-content { display: flex; flex-direction: column; gap: 6px; } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {color: inherit;} div.product .summary .meta-content > div { display: flex; gap: 10px; } div.product .summary .meta-content > div > span:first-child { min-width: 110px; } div.product .summary .meta-content > div.wcml-dropdown {width: 100%;} .tags-link .tag-links {flex: 1;} div.product .summary .meta-content .tags-link a { min-width: 0; border-width: 0; border-radius: 0; padding: 0; font-size: inherit !important; line-height: inherit !important; font-weight: inherit; margin: 0; float: none; background: transparent !important; text-transform: none !important; } .woocommerce div.product .summary > .meta-content:not(:empty), .woocommerce div.product .summary > .ts-social-sharing:not(:empty) { margin-top: var(--ts-summary-gap); padding-top: var(--ts-summary-gap); border-width: 1px 0 0; border-style: solid; } div.product .summary .ts-social-sharing > span:first-child {display: none;} div.product .summary .ts-social-sharing ul {gap: 6px 20px;} div.product .summary .ts-social-sharing ul li {font-size: 18px;} div.product .summary .ts-social-sharing ul li {color: var(--ts-gray-color);} div.product .summary .ts-social-sharing ul li:hover {color: var(--ts-link-hover-color);} .woocommerce:not(.product-style-v4) div.product.social-icons-vertical:not(.fbt-in-summary):not(.summary-scrolling) .summary > .ts-social-sharing:not(:empty) { position: absolute; top: 0; right: 0;/* rtl */ margin: 0; padding: 0; border: 0; width: 18px !important; } .woocommerce:not(.product-style-v4) div.product.social-icons-vertical:not(.fbt-in-summary):not(.summary-scrolling) .summary .ts-social-sharing ul { gap: 20px 0; flex-direction: column; } /*** Product Price ***/ .woocommerce div.product .summary > .price {align-items: center;gap: 14px;margin: 0;} .woocommerce div.product .summary > .price + *:not(.ts-discount-number) {clear: both;} .woocommerce div.product p.price ins,.woocommerce div.product span.price ins {font-weight: var(--ts-product-price-font-weight);} .woocommerce div.product .woocommerce-product-rating {margin-bottom: var(--ts-summary-gap);} .woocommerce div.product .summary .woocommerce-product-rating {margin-top: 5px;} .product-style-v4 div.product .summary.entry-summary .woocommerce-product-rating { margin: 20px 0 var(--ts-summary-gap); padding: 0 0 var(--ts-summary-gap); border-width: 0 0 1px; border-style: solid; } /*** Product Short Description ***/ body.single-product:where(.product-style-v4,.product-style-v5,.product-style-v6) { --ts-border: var(--ts-product-border); } .woocommerce div.product .summary > .woocommerce-product-details__short-description { margin: var(--ts-summary-gap) 0; padding: var(--ts-summary-gap) 0; border-width: 1px 0; border-style: solid; } .woocommerce div.product .summary:has(:not(form.cart)) :not(.woocommerce-product-details__short-description) + .product-counter:has(.ts-countdown) { margin-top: var(--ts-summary-gap); } .woocommerce div.product .summary:has(:not(form.cart)) .woocommerce-product-details__short-description + .product-counter + .single-product-buttons { margin-top: 0; } .product-style-v4 div.product .summary.entry-summary > .woocommerce-product-details__short-description{ color: #6A645D; font-family: var(--ts-font-family); font-weight: var(--ts-font-weight); font-style: var(--ts-font-style); line-height: var(--ts-line-height); letter-spacing: var(--ts-letter-spacing); font-size: var(--ts-body-font-size); text-transform: var(--ts-body-text-transform); } .woocommerce div.product .summary > *:not(.price):not(.ts-variation-price):not(.ts-discount-number):not(form.cart):not(.ts-countdown) { width: 100%; flex: none; } .woocommerce div.product .summary > .product-brands, .woocommerce div.product .summary > .product_title { margin-bottom: calc(var(--ts-summary-gap) * 0.35); } .product-style-v5 div.product .summary.entry-summary.entry-summary > .product-brands, .product-style-v5 div.product .summary.entry-summary > .product_title { margin-bottom: calc(var(--ts-summary-gap) * 0.5); } .woocommerce div.product .summary > .product_title { font-size: var(--ts-single-product-font-size); line-height: var(--ts-single-product-line-height); } body:where(.product-style-v2,.product-style-v4,.product-style-v5) div.product .summary > .product_title { text-transform: uppercase; order: -1; } .woocommerce div.product .summary > .ts-variation-price, .woocommerce div.product .summary > p.price, .woocommerce div.product .summary > span.price {font-size: var(--ts-h3-font-size);line-height: 1 !important;} .product-style-v5 div.product .summary.entry-summary > .ts-variation-price, .product-style-v5 div.product .summary.entry-summary > p.price, .product-style-v5 div.product .summary.entry-summary > span.price { gap: 6px; } .product-style-v5 div.product .summary.entry-summary > .ts-variation-price del, .product-style-v5 div.product .summary.entry-summary > p.price del, .product-style-v5 div.product .summary.entry-summary > span.price del { font-size: 1em !important; font-weight: 300 !important; } .woocommerce-product-details__short-description > p {margin-bottom: 10px;} .woocommerce-product-details__short-description > *:last-child {margin-bottom: 0;} .woocommerce div.product .summary > .group-product-heading { font-size: 100%; text-transform: uppercase; } .woocommerce-product-gallery__wrapper:after {content: '';clear: both; display: table;} /*** Navigation ***/ .single-navigation > a:hover {text-decoration: none} .woocommerce div.product .summary > .single-navigation {margin-bottom: 20px;} div.product .single-navigation { display: flex; gap: 3px; } div.product .single-navigation > a { display: flex; align-items: center; gap: 10px; position: relative; } div.product .single-navigation > a .product-info { position: absolute; bottom: 10%; left: -50%; position: absolute; bottom: calc(100% + 5px); left: 50%; transform: translateX(-50%); width: 70px; box-shadow: 0 0 10px rgba(0, 0, 0, .1); border-radius: 5px; overflow: hidden; opacity: 0; visibility: hidden; transition: 200ms ease; } div.product .single-navigation > a:hover .product-info { opacity: 1; visibility: visible; } div.product .single-navigation > a > span { font-size: 0; width: 40px; height: 40px; border-width: 1px; border-style: solid; border-radius: 5px; text-align: center; } div.product .single-navigation > a > span:before { font-size: 15px; line-height: 40px; } /*** Product Variations ***/ .woocommerce div.product .summary .single_variation_wrap,.woocommerce div.product .summary .woocommerce-variation-add-to-cart{width: 100%;} .woocommerce div.product .summary .woocommerce-variation-add-to-cart, .woocommerce div.product .summary form.cart { display: flex; flex-wrap: wrap; align-items: flex-end; margin: 0; } .woocommerce div.product .summary form.cart { width: auto !important; flex: 1; } .woocommerce div.product form.cart table { border: 0; outline: 0; font-size: 1em; } .woocommerce div.product .summary form.cart .single_add_to_cart_button { flex: 1; min-width: 0; padding-left: 5px; padding-right: 5px; } .product-style-v3 div.product .summary.entry-summary form.cart .single_add_to_cart_button { max-width: 310px; } .woocommerce div.product.outofstock .summary .woocommerce-variation-add-to-cart-disabled, .woocommerce div.product.sold-individually .summary form.cart div.quantity {display: none;} .woocommerce div.product .summary .ts-buy-now-button { width: 100%; color: var(--ts-btn-hover-color); background-color: var(--ts-btn-hover-bg); border-color: var(--ts-btn-hover-border); margin: 10px 0 0; } .woocommerce div.product .summary .button.ts-buy-now-button:hover { color: var(--ts-btn-color); background-color: var(--ts-btn-bg); border-color: var(--ts-btn-border); } .woocommerce div.product form.cart .variations {outline: 0;margin: 0 0 40px;overflow: visible;} .woocommerce div.product.has-buy-now-btn form.cart .variations { margin: 0 0 30px; overflow: visible; } .woocommerce div.product form.cart .variations * {display: block;} .woocommerce div.product form.cart .variations .label .ts-value {display: none;} .ts-product-size-chart-button, .ts-product-size-chart-button:hover { color: var(--ts-gray-color); } .ts-megamenu-container .elementor-widget-image-box .elementor-image-box-title { padding-top: 20px; padding-bottom: 20px; } .ts-megamenu-container .elementor-widget-image-box:hover { box-shadow: 0 0 20px rgba(0,0,0,.25); } .elementor-image-box-img img { box-sizing: content-box; } .ts-product-size-chart-button > span { display: inline-block; font-size: 1em; line-height: 1.2; overflow: hidden; position: relative; } .woocommerce div.product form.cart .variations tr .ts-product-size-chart-button { position: absolute; top: 0; right: 0; /* rtl */ display: inline-flex; flex-wrap: wrap; align-items: center; gap: 7px; text-decoration: none !important; } .woocommerce div.product form.cart .variations tbody { display: flex; flex-direction: column; gap: 20px; } .product-style-v5 div.product .summary form.cart .variations tbody {gap: 30px;} .product-style-v5 div.product .summary form.cart .variations tr { flex-direction: column; align-items: flex-start; } .product-style-v5 div.product .summary form.cart .variations label {margin: 0;} .product-style-v5 div.product .summary form.cart .variations tr > th.label {width: 100%;} .woocommerce div.product form.cart .variations tr { clear: both; display: flex; flex-wrap: wrap; gap: 10px; position: relative; align-items: center; } .woocommerce div.product form.cart .variations tr:last-child {margin-bottom: 0;} .woocommerce div.product form.cart .variations tr > * {padding: 0;line-height: 18px;} .woocommerce div.product form.cart .variations tr > th.label {width: 90px;} .woocommerce div.product form.cart .variations tr > td.value {flex: 1;} .woocommerce div.product form.cart .variations label { padding-bottom: 0; position: relative; font-weight: var(--ts-product-font-weight); margin: 0; } .woocommerce div.product form.cart .ts-product-attribute > div.option, .woocommerce div.product form.cart .reset_variations {display: inline-flex;} .woocommerce div.product form.cart .reset_variations { clear: both; color: red; font-size: 0.86em; line-height: 1.1; position: absolute; left: 100px;/* rtl */ bottom: -15px; transform: translateY(100%); } .product-style-v5 div.product .summary form.cart .reset_variations { left: 0 !important;/* rtl */ } .woocommerce div.product form.cart .reset_variations, .ts-product-attribute > div.option:not(.color) > a {text-decoration: none !important;} .woocommerce div.product form.cart .variations .ts-product-attribute, .ts-product-attribute { display: flex; flex-wrap: wrap; gap: 7px; } .ts-product-attribute > div.option { line-height: 1; position: relative; } .ts-product-attribute > div.option.hidden { display: block !important; opacity: 0.4; } .ts-product-attribute > div.option.hidden a { cursor: not-allowed; } .ts-product-attribute > div.option:not(.color) > a { min-width: 50px; padding: 5px 20px; border: 1px solid var(--ts-border); font-size: var(--ts-text-small); font-weight: normal; color: var(--ts-dropdown-color); line-height: 18px; text-align: center; border-radius: 40px; } :where(.product-style-v1, .product-style-v6) .ts-product-attribute > div.option:not(.color) > a { font-weight: var(--ts-product-font-weight); } .product-style-v2 .ts-product-attribute > div.option:not(.color) > a { border-radius: 0; } .ts-product-attribute div.option.color:hover, .ts-product-attribute div.option.color.selected, .ts-product-attribute > div.option > a:hover, .ts-product-attribute > div.option.selected > a { background: transparent; color: var(--ts-dropdown-color) !important; border-color: var(--ts-dropdown-color); } .ts-product-attribute div.option.color > a { width: 40px; aspect-ratio: 1; display: inline-flex !important; justify-content: center; align-items: center; border: 1px solid var(--ts-border); } .ts-product-attribute div.option.color > a > span:not(.ts-tooltip), .ts-product-attribute div.option.color img { width: 16px; height: 16px; object-fit: cover; } .ts-product-attribute div.option.color > a, .ts-product-attribute div.option.color > a > span:not(.ts-tooltip), .ts-product-attribute div.option.color img { border-radius: 50%; } :where(.product-style-v2, .product-style-v3) .ts-product-attribute div.option.color > a, :where(.product-style-v2, .product-style-v3) .ts-product-attribute div.option.color > a > span:not(.ts-tooltip), :where(.product-style-v2, .product-style-v3) .ts-product-attribute div.option.color img { border-radius: 0; } .ts-product-attribute div.option.color > a:hover, .ts-product-attribute div.option.color.selected > a, .widget-hover-style-v2 .ts-product-attribute > div.option > a, .widget-hover-style-v2 .ts-product-attribute div.option.color > a { border: 1px solid var(--ts-dropdown-color); } .widget-hover-style-v2 .ts-product-attribute > div.option > a:hover, .widget-hover-style-v2 .ts-product-attribute > div.option.selected > a, .widget-hover-style-v2 .ts-product-attribute div.option.color > a:hover, .widget-hover-style-v2 .ts-product-attribute div.option.color.selected > a { background: var(--ts-dropdown-color); border-color: var(--ts-dropdown-color); color: var(--ts-dropdown-bg) !important; } .widget-hover-style-v2 div.product.color-variation-thumbnail .ts-product-attribute > div.option.color > a:hover, .widget-hover-style-v2 div.product.color-variation-thumbnail .ts-product-attribute > div.option.color.selected > a { background: transparent !important; } .single_variation_wrap {position: relative;} .single_variation_wrap .woocommerce-variation .woocommerce-variation-description:not(:empty) {margin-bottom: 40px;} .single_variation_wrap .woocommerce-variation .woocommerce-variation-price {display: none !important;} .woocommerce div.product form.cart .woocommerce-variation-description p {margin-bottom: 10px;} .woocommerce div.product form.cart .woocommerce-variation-description p:last-child {margin-bottom: 0;} .woocommerce div.product form.cart div.quantity .screen-reader-text { display: none; top: 0; width: auto; height: 25px; line-height: 20px; margin: 0; padding: 0; clip: initial; white-space: nowrap; transform: translateY(-100%); } .woocommerce a.button.disabled.ts-buy-now-button {opacity: .3;} .woocommerce div.product form.cart .variations select { width: 100%; min-width: 0; font-size: 1em; margin: 0; border: 1px solid; background-size: 14px; -webkit-background-size: 14px; background-position: calc(100% - 20px) 50%; /* rtl */ background-color: transparent; transition: 250ms ease; } .product-style-v3 div.product .summary form.cart .variations select { background-position: 100% 50%; /* rtl */ } .woocommerce div.product form.cart .variations tr:last-child select { margin-bottom: 0; } /*** Product Group ***/ .woocommerce div.product form.cart table.group_table tbody { border-width: 1px; border-style: solid; padding: 20px; display: block; margin-bottom: 20px; border-radius: var(--ts-border-radius); } .woocommerce div.product form.cart table.group_table tr { display: grid; grid-template-columns: 100px 1fr; align-items: center; gap: 0 20px; margin-bottom: 10px; } .woocommerce div.product form.cart table.group_table tr:last-child { margin-bottom: 0; } .woocommerce div.product form.cart table.group_table th, .woocommerce div.product form.cart table.group_table td { padding: 0 !important; /* rtl */ border: 0 !important; } .woocommerce div.product form.cart table.group_table td, .woocommerce div.product form.cart .group_table td:first-child { width: auto; text-align: inherit; } .woocommerce div.product form.cart table.group_table label {padding: 0;} .woocommerce div.product form.cart table.group_table .woocommerce-grouped-product-list-item__label { grid-area: 1 / 2 / 2 / 3; align-self: flex-end; } .woocommerce div.product form.cart table.group_table .woocommerce-grouped-product-list-item__thumbnail { grid-area: 1 / 1 / 4 / 2; align-self: center; background: var(--ts-product-bg); border-radius: var(--ts-border-radius); } .woocommerce div.product form.cart table.group_table .woocommerce-grouped-product-list-item__quantity { grid-area: 3 / 2 / 4 / 3; align-self: flex-start; } .woocommerce div.product form.cart table.group_table .woocommerce-grouped-product-list-item__price { grid-area: 2 / 2 / 3 / 3; } .single-product #primary > div.product table.group_table .quantity .number-button:after { padding-top: 3px; } .woocommerce div.product form.cart table.group_table th:last-child, .woocommerce div.product form.cart table.group_table td:last-child { padding-right: 0 !important; /* rtl */ } .woocommerce div.product form.cart table.group_table div.quantity .screen-reader-text { display: none; } .woocommerce div.product form.cart table.group_table .button { padding: 7px 20px; } /*** Color Variation Thumbnail ***/ .woocommerce div.product.color-variation-thumbnail .ts-product-attribute div.option.color { width: 50px; height: 50px; } .woocommerce div.product.color-variation-thumbnail .ts-product-attribute div.option.color a { display: block; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; outline: 0 !important; border: 1px solid var(--ts-border); } .woocommerce div.product.color-variation-thumbnail .ts-product-attribute div.option.color:hover a, .woocommerce div.product.color-variation-thumbnail .ts-product-attribute div.option.color.selected a { border-color: var(--ts-text-color); } .color-swatch > div > span, .woocommerce div.product.color-variation-thumbnail .ts-product-attribute div.option.color a, .woocommerce div.product.color-variation-thumbnail .ts-product-attribute div.option.color a img { border-radius: 5px; } .woocommerce:where(.product-style-v2, .product-style-v3) .color-swatch > div > span, .woocommerce:where(.product-style-v2, .product-style-v3) div.product.color-variation-thumbnail .ts-product-attribute div.option.color a, .woocommerce:where(.product-style-v2, .product-style-v3) div.product.color-variation-thumbnail .ts-product-attribute div.option.color a img { border-radius: 0; } .woocommerce div.product .ts-product-attribute div.option.color .ts-tooltip { position: absolute; left: 50%;/* rtl */ bottom: 100%; transform: translate(-50%, -10px);/* rtl */ padding: 5px 10px; font-size: 12px; line-height: 1.1; background: #0D0D0D; color: #ffffff; border-radius: 3px; white-space: nowrap; display: inline-block; z-index: 10; opacity: 0; visibility: hidden; transition: 350ms ease 0s; } .woocommerce div.product .ts-product-attribute div.option.color .ts-tooltip:after { width: 0; height: 0; position: absolute; left: 50%; bottom: 0; transform: translateY(100%); content: ""; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 4px solid #0D0D0D; } .woocommerce div.product .ts-product-attribute div.option.color:hover .ts-tooltip { opacity: 1; visibility: visible; } .woocommerce div.product.color-variation-thumbnail .ts-product-attribute div.option.color a img { width: 100%; height: 100%; background: var(--ts-product-bg); -o-object-fit: cover; object-fit: cover; image-rendering: -webkit-optimize-contrast; } .single-product-buttons a.compare:hover {text-decoration: none !important;} .ts-social-sharing .sharethis-inline-share-buttons {display: inline-block !important;} .ts-social-sharing ul { display: flex; gap: 10px 20px; vertical-align: middle; margin: 0; } .ts-social-sharing ul li { list-style: none; font-size: 16px; line-height: 1; letter-spacing: 0; padding: 0; } .ts-social-sharing ul li, .ts-social-sharing ul li a {color: inherit; display: inline-block; vertical-align: middle;} .ts-social-sharing ul li a:hover { text-decoration: none; color: var(--ts-link-hover-color); } /*-------------------------------------------------------- 3. ADS BANNERS ---------------------------------------------------------*/ .woocommerce div.product .ads-banner { margin-bottom: var(--ts-section-gap); } .woocommerce div.product .ads-banner:empty { display: none !important; } .woocommerce.product-style-v5 div.product .ads-banner, .woocommerce div.product .ads-banner:last-child, .woocommerce div.product .ads-banner > *:last-child { margin-bottom: 0 !important; } .woocommerce div.product .ads-banner img.alignnone { margin: 0 !important; } /*-------------------------------------------------------- 4. FREQUENTLY BOUGHT TOGETHER ---------------------------------------------------------*/ .ts-frequently-bought-together { margin-bottom: var(--ts-section-gap); --h-gap: 40px; --item-gap: 40px; --ts-checkbox-size: 24px; --loading-size: 30px; } div.product > .ts-frequently-bought-together:last-child {margin-bottom: 0;} :where(.layout-fullwidth, .main-content-fullwidth) .ts-frequently-bought-together {--h-gap: 60px;} .product-style-v2 .ts-frequently-bought-together {--item-gap: 5px;} .product-style-v3 .ts-frequently-bought-together {--item-gap: 4px;} body div.product.summary-scrolling .ts-frequently-bought-together, .product-style-v4 .ts-frequently-bought-together {--item-gap: 20px;--h-gap: 20px;} body.product-style-v6 div.product.summary-scrolling .ts-frequently-bought-together, :is(.product-style-v5,.product-style-v6) .ts-frequently-bought-together {--item-gap: 0;--h-gap: 0;margin: 0;} .single-product.product-style-v6 .ts-frequently-bought-together {overflow: hidden;} body div.product.summary-scrolling .ts-fbt-form .submit-wrapper button {margin-top: 8px;} .ts-frequently-bought-together.loading .ts-fbt-form {position: relative;} .ts-frequently-bought-together.loading .ts-fbt-form:before { content: ''; position: absolute; inset: 0; padding: 0; margin: 0; z-index: 3; background: var(--ts-dropdown-bg); opacity: 0.8; } /**/ .product-style-v2 .ts-fbt-form .item {position: relative;} .product-style-v2 .ts-fbt-form .item .thumbnail-wrapper {position: static;} .product-style-v2 .ts-fbt-form .item .thumbnail-wrapper:after { width: 30px; height: 30px; background: var(--ts-dropdown-color); color: var(--ts-dropdown-bg); line-height: 30px; text-align: center; top: calc(50% - 15px); right: -17px;/* rtl */ z-index: 2; } :is(.product-style-v2, .product-style-v3) .ts-fbt-form .item > label:before {border-radius: 0;} .ts-fbt-form {flex-wrap: wrap;} .ts-fbt-form, .ts-fbt-form .items { display: flex; gap: 0 var(--h-gap); } .ts-fbt-form .items { flex: 1; gap: var(--item-gap); overflow-x: auto; padding-bottom: 5px; } .product-style-v6 .ts-fbt-form .items {padding: 0;} .breadcrumb-title-wrapper.text-center ~ .page-container .ts-frequently-bought-together > h3 {text-align: center;} .ts-fbt-form .items .item { min-width: calc(25% - var(--item-gap)); } .ts-fbt-form .item .thumbnail-wrapper { background-color: var(--ts-product-bg); position: relative; } .ts-fbt-form .item .thumbnail-wrapper, .ts-fbt-form .item .thumbnail-wrapper img { border-radius: var(--ts-border-radius); } .ts-fbt-form .items .plus {display: none;} .ts-fbt-form .items .plus:before { content: '\e9ab'; width: 10px; height: 10px; font-size: 10px; line-height: 1; } .ts-fbt-form .item .thumbnail-wrapper:after { content: '\e9ab'; width: 10px; height: 10px; position: absolute; top: calc(50% - 5px); font-size: 10px; line-height: 1; right: calc(var(--item-gap) * -0.5 - 5px);/* rtl */ } :where(.product-style-v3, .product-style-v4) .ts-fbt-form .item .thumbnail-wrapper:after, :where(.product-style-v3, .product-style-v4) .ts-fbt-form .items .plus, .ts-fbt-form .item:last-child .thumbnail-wrapper:after { display: none; } .ts-fbt-form .item .meta-wrapper span.price { margin: 3px 0 5px; } .product-style-v6 .ts-fbt-form .item { gap: 0; --ts-checkbox-size: 40px; } .product-style-v6 .ts-fbt-form .item > label { width: var(--ts-checkbox-size); height: var(--ts-checkbox-size); padding: 0; font-size: 0; margin: 0; gap: 0; border-radius: 50%; overflow: hidden; position: absolute; right: var(--ts-product-padding);/* rtl */ bottom: var(--ts-product-padding); } .product-style-v6 .ts-fbt-form .item > label:before { border-radius: 50%; border-color: var(--ts-product-border); } .product-style-v6 .ts-fbt-form .item > label:after { top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; } .product-style-v6 .ts-fbt-form .item .meta-wrapper span.price { margin: 12px 0 0; padding-right: calc(var(--ts-checkbox-size) + 10px);/* rtl */ } .ts-fbt-form .item { padding: var(--ts-product-padding); } .ts-fbt-form .item .product-wrapper, .ts-fbt-form .item .meta-wrapper, .ts-fbt-form .item { display: flex; flex-direction: column; gap: 12px; } .ts-fbt-form .item > label { display: flex; align-items: center; gap: 10px; padding: 0 0 0 calc(var(--ts-checkbox-size) + 8px);/* rtl */ cursor: pointer; position: relative; margin-top: auto; font-size: var(--ts-text-small); } .ts-fbt-form .item > label:before { content: ''; width: var(--ts-checkbox-size); height: var(--ts-checkbox-size); border: 1px solid var(--ts-product-color); border-radius: 5px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .ts-fbt-form .item > label:after { content: "\e94d"; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; display: inline-block; position: absolute; top: 50%; left: 6px;/* rtl */ transform: translateY(-50%); font-size: 11px; line-height: 1; text-align: center; opacity: 0; visibility: hidden; transition: 150ms ease; color: var(--ts-dropdown-bg); } .ts-fbt-form .item > label:hover:before, .ts-fbt-form .item > label.selected:before { background-color: var(--ts-dropdown-color); } .ts-fbt-form .item > label:hover:after, .ts-fbt-form .item > label.selected:after { opacity: 1; visibility: visible; } html .ts-fbt-form .item input[type^=checkbox] { display: none; } .ts-fbt-form .item .product-name { font-family: var(--ts-product-font-family); font-style: var(--ts-product-font-style); letter-spacing: var(--ts-product-letter-spacing); text-transform: var(--ts-product-text-transform); font-weight: var(--ts-product-font-weight); font-size: var(--ts-product-font-size); line-height: var(--ts-product-line-height); color: var(--ts-product-color); } .ts-fbt-form .item .product-brands { color: var(--ts-gray-color); font-size: var(--ts-text-small); line-height: 1.2; text-transform: var(--ts-text-small-transform); } .ts-fbt-form .item a {color: inherit;} .ts-fbt-form .item a:hover {color: var(--ts-primary-color);} .ts-fbt-form .item .meta-wrapper {gap: 6px;} .ts-fbt-form .submit-wrapper { width: 24%; display: flex; flex-direction: column; gap: 10px; } .product-style-v3 .ts-fbt-form .submit-wrapper { width: 20%; --ts-btn-padding-top: 12px; } .ts-fbt-form .submit-wrapper h6 { margin: 0; font-size: calc(1em - 1px); font-weight: normal; } .ts-fbt-form .submit-wrapper .total-price { font-size: var(--ts-single-product-font-size); line-height: var(--ts-single-product-line-height); font-weight: 500; margin-top: 8px; color: var(--ts-product-sale-price-color) !important; } .ts-fbt-form .submit-wrapper button { width: 100%; max-width: 320px; margin-top: 23px; } .total-price-label { width: fit-content; display: inline-block; padding: 4px 20px; font-size: 13px; font-weight: var(--ts-heading-font-weight); border-radius: 40px; background: var(--ts-product-sale-price-color); color: #ffffff; } /*-------------------------------------------------------- 5. WOOCOMMERCE TABS ---------------------------------------------------------*/ .woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0 0 60px; padding: 0 0 22px; overflow: visible; display: flex; flex-wrap: wrap; gap: 40px; } .woocommerce div.product.centered-tab-headings .woocommerce-tabs ul.tabs {justify-content: center;} .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs:after {display: none;} .woocommerce div.product .woocommerce-tabs ul.tabs:before { position: absolute; content: " "; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid var(--ts-border); } .woocommerce div.product .woocommerce-tabs ul.tabs li { position: relative; z-index: 1; border-width: 0; border-radius: 0; background: transparent !important; transition: 300ms ease; margin: 0; padding: 0; color: var(--ts-heading-color); line-height: 1.1; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before { content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 0; width: 100%; border-radius: 0; border-width: 0 0 2px; border-style: solid; border-color: var(--ts-heading-color); transform: scale(0); transform-origin: center left;/* rtl */ transition: 300ms ease; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before { transform: scale(1); box-shadow: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li > a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {color: inherit;} .woocommerce div.product .woocommerce-tabs ul.tabs li > a { margin: 0; padding: 0; position: relative; z-index: 1; width: 100%; display: inline-block; vertical-align: baseline; } .woocommerce:where(.product-style-v4,.product-style-v5,.product-style-v6) div.product .woocommerce-tabs ul.tabs li:hover > a, .woocommerce:where(.product-style-v4,.product-style-v5,.product-style-v6) div.product .woocommerce-tabs ul.tabs li.active > a, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover > a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active > a { color: var(--ts-product-color); } .woocommerce:where(.product-style-v4,.product-style-v5,.product-style-v6) div.product .woocommerce-tabs ul.tabs li > a { color: var(--ts-gray-color); } .woocommerce.product-style-v4 div.product .woocommerce-tabs ul.tabs li > a, .woocommerce.product-style-v4 div.product .woocommerce-tabs ul.tabs li.active > a { font-weight: 500; } .woocommerce div.product .woocommerce-tabs .panel { position: relative; margin: 0; display: none; } .woocommerce div.product .woocommerce-tabs ul + .panel { display: block; } .woocommerce-tabs .panel .custom-tab-content > h1, .woocommerce-tabs .panel .custom-tab-content > h2, .woocommerce-tabs .panel .custom-tab-content > h3, .woocommerce-tabs .panel .custom-tab-content > h4, .woocommerce-tabs .panel .custom-tab-content > h5, .woocommerce-tabs .panel .custom-tab-content > h6, .woocommerce-tabs .panel .custom-tab-content > .heading { margin-bottom: 9px; line-height: 1.3; } .woocommerce-tabs .panel .custom-tab-content > *:last-child, .woocommerce-tabs .panel .product-content > *:last-child { margin-bottom: 0; } .woocommerce-tabs .panel ol li, .woocommerce-tabs .panel ul li { padding: 2px 0; } div.product:not(.tabs-accordion) .woocommerce-tabs .woocommerce-Tabs-panel > h2 { display: none; } div.product:not(.tabs-accordion) .woocommerce-tabs #reviews .woocommerce-Reviews-title, div.product:not(.tabs-accordion) .woocommerce-tabs .woocommerce-Tabs-panel #reviews > h2 { background: transparent; padding: 0; } div.product:not(.tabs-accordion) .woocommerce-tabs #reviews .woocommerce-Reviews-title:after, div.product:not(.tabs-accordion) .woocommerce-tabs .woocommerce-Tabs-panel #reviews > h2:after { display: none; } .woocommerce:where(.product-style-v4,.product-style-v5) div.product .woocommerce-tabs .panel:not(.woocommerce-Tabs-panel--description):not(.woocommerce-Tabs-panel--reviews) { padding: var(--ts-product-padding); } .woocommerce.product-style-v6 div.product:not(.tabs-in-summary) .woocommerce-tabs .panel:not(.woocommerce-Tabs-panel--description):not(.woocommerce-Tabs-panel--reviews) { padding: var(--ts-product-padding); } .woocommerce.product-style-v6 div.product:not(.tabs-in-summary) .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews > h2 {margin: 0;} .woocommerce.product-style-v6 div.product:not(.tabs-in-summary):not(.tabs-accordion) .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews > h2 > span, .woocommerce.product-style-v6 div.product:not(.tabs-in-summary) .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews > h2 .woocommerce-product-rating { padding: var(--ts-product-padding); border-bottom: 1px solid var(--ts-product-border); margin: 0; } .product-style-v6 #reviews .woocommerce-noreviews, .woocommerce.product-style-v6 #reviews #comments ol.commentlist li:last-child, .woocommerce.product-style-v6 #reviews #comments ol.commentlist li { padding: var(--ts-product-padding); border-bottom: 1px solid var(--ts-border); margin: 0; } .product-style-v6 #review_form_wrapper #review_form { padding: var(--ts-product-padding); margin: 0; } .product-style-v6 #ts-quickshop-modal .woocommerce-product-rating .review-count {color: inherit;} .product-style-v6 #ts-quickshop-modal .woocommerce-product-rating .review-count, .product-style-v6 div.product .woocommerce-product-rating .review-count { font-size: calc(var(--ts-body-font-size) - 3px); } .woocommerce.product-style-v6 #reviews .woocommerce-product-rating .review-count { position: relative; top: 2px; } .woocommerce.product-style-v6 #reviews .woocommerce-product-rating .woocommerce-review-actions { margin-top: 18px; } .woocommerce.product-style-v6 div.product.tabs-in-summary .woocommerce-tabs .panel:not(.woocommerce-Tabs-panel--description) { padding: var(--ts-product-padding) 0; } /*** Show Tabs Content Default ***/ .woocommerce div.product.show-tabs-content-default .woocommerce-tabs ul.tabs {display: none;} .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .woocommerce-Tabs-panel {display: block !important;} .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .woocommerce-Tabs-panel:not(:last-child) {margin-bottom: var(--ts-section-gap);} .woocommerce.product-style-v5 div.product.show-tabs-content-default .woocommerce-tabs .woocommerce-Tabs-panel:not(:last-child) {margin-bottom: 0;} /*** Separate Tab Reviews ***/ .single-product #primary > #reviews { position: relative; margin-top: var(--ts-section-gap); padding-top: var(--ts-section-gap); padding-bottom: var(--ts-section-gap); } .product-style-v3 .comments-area, .single-related-wrapper { clear: both; position: relative; border-top: 1px solid var(--ts-border); padding-top: var(--ts-section-gap); padding-bottom: var(--ts-section-gap); } .product-style-v3 .comments-area, .product-style-v2 .single-related-wrapper, .product-style-v2 .comments-area { border: 0; } .single-post.product-style-v3 #main > .page-container { padding-bottom: 0; } .product-style-v3 .comments-area:before, .single-related-wrapper:before, .single-product #primary > #reviews:before { content: ''; position: absolute; top: 0; bottom: 0; left: calc(-50vw + 50%); right: calc(-50vw + 50%); background: #f5f5f5; } .product-style-v3 .comments-area:before, .single-related-wrapper:before { background: var(--ts-related-post-bg); } .product-style-v3 .single-related-wrapper:before { display: none; } .product-style-v3 .comments-area > *, .single-product #primary > #reviews > * {position: relative;} .product-style-v3 .comments-title .heading-title, .product-style-v3 .single-related-wrapper .theme-title, :where(.product-style-v3, .product-style-v4) .single-related-wrapper .theme-title {text-align: center;} .product-style-v4:where(.page-template-blog-template, .single-post) .breadcrumb-title-wrapper { margin: 61px 0 0; text-align: center; } /*** Tab Table ***/ .woocommerce table.shop_attributes td p{padding: 0;} .ts-dimensions-content > ul, .woocommerce-tabs .panel .ts-dimensions-content > ul, table.chart-table tbody, .woocommerce-tabs .panel table tbody { margin: 0; padding: 0; border: 0; display: flex; flex-direction: column; gap: 5px; } .ts-dimensions-content > ul > li, .woocommerce-tabs .panel .ts-dimensions-content > ul > li, table.chart-table tr, .woocommerce-tabs .panel table tr { list-style: none; padding: 10px 30px; border-radius: 40px; background: rgba(155,155,155,0.1); display: flex; gap: 10px; line-height: 18px; font-weight: var(--ts-heading-font-weight); } .product-style-v2 .ts-dimensions-content > ul, .product-style-v2 .woocommerce-tabs .panel .ts-dimensions-content > ul, .product-style-v2 table.chart-table tbody, .product-style-v2 .woocommerce-tabs .panel table tbody { gap: 1px; } :where(.product-style-v2, .product-style-v5) .ts-dimensions-content > ul > li, :where(.product-style-v2, .product-style-v5) .woocommerce-tabs .panel .ts-dimensions-content > ul > li, :where(.product-style-v2, .product-style-v5) table.chart-table tr, :where(.product-style-v2, .product-style-v5) .woocommerce-tabs .panel table tr { border-radius: 0; } table.chart-table tr > *, .woocommerce-tabs .panel table tr > * { border: 0; padding: 0; background: transparent !important; } .ts-dimensions-content > ul > li > span:first-child, .chart-content table tr > *:first-child, .woocommerce-tabs .panel table tr > *:first-child, .woocommerce table.shop_attributes th { width: 15%; min-width: 165px; font-weight: normal; } .woocommerce table.shop_attributes {border: 0;margin: 0;} .woocommerce table.shop_attributes td {font-style: inherit;} /*** Tab Description ***/ .product-content > *:last-child { margin-bottom:0; } .product-content.show-more-less { padding-bottom: var(--ts-section-gap); overflow: hidden; position: relative; transition: 3s ease 0s; } .product-content.show-more-less.closed { max-height: 960px; } .more-less-buttons > a.more-button:after { position: absolute; z-index: 0; bottom: 0; left: -1px; right: -1px; height: 200px; content: ""; transition: 350ms ease 0s; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),to(#fff)); background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 50%); } .more-less-buttons { position: absolute; z-index: 2; left: 1px; right: 1px; bottom: 0; margin: 0; text-align: center; } .more-less-buttons .less-button {display: none;} .more-less-buttons a {display: block;} .more-less-buttons a > span { padding: 10px 30px; border-width: 1px; border-style: solid; border-radius: var(--ts-border-radius); min-width: 0; text-align: center; font-family: var(--ts-btn-font-family); font-weight: var(--ts-btn-font-weight); font-style: var(--ts-btn-font-style); font-size: var(--ts-btn-font-size); line-height: var(--ts-btn-line-height); letter-spacing: var(--ts-btn-letter-spacing); color: var(--ts-text-color); background-color: var(--ts-body-bg); border-color: var(--ts-text-color); display: inline-flex; gap: 5px; position: relative; z-index: 1; cursor: pointer; } .more-less-buttons a > span:after {font-size: 8px;} .more-less-buttons a.less-button > span:after {content: '\e921';} .more-less-buttons a > span:hover { color: var(--ts-body-bg); background-color: var(--ts-text-color); } .more-less-buttons a:hover {text-decoration: none;} /*** Tab Reviews ***/ #reviews .woocommerce-Reviews-title { margin-bottom: 10px; text-align: center; } .woocommerce div.product.tabs-accordion #reviews .woocommerce-product-rating, .woocommerce div.product .woocommerce-tabs #reviews #comments > .woocommerce-Reviews-title { display: none; } .woocommerce-tabs #reviews > .review-title { font-size: var(--ts-h3-font-size); line-height: var(--ts-h3-line-height); margin-bottom: 60px; } #reviews > .review-title { margin-bottom: 60px; } #reviews > .review-title > span { display: block; margin-bottom: var(--ts-summary-gap); } .product-style-v5 #reviews > .review-title, .woocommerce div.product.tabs-accordion #reviews > .review-title > span, .product-style-v5 .woocommerce-tabs #reviews > .review-title {margin: 0;} :where(.product-style-v2, .product-style-v4).woocommerce div.product .summary > .ts-variation-price, :where(.product-style-v2, .product-style-v4).woocommerce div.product .summary > p.price, :where(.product-style-v2, .product-style-v4).woocommerce div.product .summary > span.price { font-size: var(--ts-single-product-font-size); line-height: var(--ts-single-product-line-height); } .product-style-v2 .theme-title .heading-title, .product-style-v2 #comment-wrapper .heading-title, .product-style-v2 .comments-title .heading-title, .product-style-v2.woocommerce .cross-sells > h2, .product-style-v2.woocommerce .up-sells > h2, .product-style-v2.woocommerce .related > h2, .product-style-v2 .woocommerce-tabs #reviews > .review-title, .product-style-v2 .ts-frequently-bought-together > h3, .product-style-v2 #primary > #reviews > h2, .product-style-v2 #reviews .woocommerce-Reviews-title, .product-style-v2.woocommerce.show-tabs-content-default div.product .woocommerce-tabs ul.tabs { font-size: calc(var(--ts-single-product-font-size) - 10px); line-height: calc(var(--ts-single-product-line-height) - 10px); text-transform: var(--ts-product-text-transform); } .product-style-v4 .theme-title .heading-title, .product-style-v4 #comment-wrapper .heading-title, .product-style-v4 .comments-title .heading-title, .product-style-v4.woocommerce .cross-sells > h2, .product-style-v4.woocommerce .up-sells > h2, .product-style-v4.woocommerce .related > h2, .product-style-v4 .woocommerce-tabs #reviews > .review-title, .product-style-v4 .ts-frequently-bought-together > h3, .product-style-v4 #primary > #reviews > h2, .product-style-v4 #reviews .woocommerce-Reviews-title, .product-style-v4.woocommerce.show-tabs-content-default div.product .woocommerce-tabs ul.tabs { font-size: var(--ts-single-product-font-size); line-height: var(--ts-single-product-font-size); text-transform: var(--ts-product-text-transform); } .product-style-v4 .ts-frequently-bought-together > h3, .product-style-v4.woocommerce .cross-sells > h2, .product-style-v4.woocommerce .up-sells > h2, .product-style-v4.woocommerce .related > h2 { text-align: center; } #reviews .woocommerce-product-rating .woocommerce-review-actions { width: 100%; margin-top: var(--ts-summary-gap); } .woocommerce-product-rating .review-count {line-height: 1.5; font-weight: var(--ts-font-weight);} #reviews .woocommerce-product-rating { margin: 0; float: none; } .woocommerce div.product #reviews .woocommerce-product-rating .star-rating, .woocommerce .woocommerce-product-rating .star-rating {margin: 0;} #reviews .woocommerce-noreviews {margin-bottom: 0;} /*** Tab Accordion ***/ .woocommerce div.product.tabs-accordion .woocommerce-tabs ul.tabs { display: none !important; } .woocommerce div.product.tabs-accordion .woocommerce-tabs .panel { display: block !important; border-width: 1px 0 0; border-style: solid; } .woocommerce div.product.tabs-accordion .summary .woocommerce-tabs { margin-bottom: var(--ts-section-gap); } div.product.tabs-accordion .woocommerce-Tabs-panel > h2, div.product.tabs-accordion .woocommerce-Tabs-panel #reviews > h2 { font-size: var(--ts-h3-font-size); line-height: 1.2; padding: 25px 0; text-align: start; position: relative; cursor: pointer; margin-bottom: 0; display: flex; justify-content: space-between; align-items: center; } div.product.tabs-accordion .woocommerce-Tabs-panel > h2:hover, div.product.tabs-accordion .woocommerce-Tabs-panel #reviews > h2:hover, div.product.tabs-accordion .woocommerce-Tabs-panel > h2.active, div.product.tabs-accordion .woocommerce-Tabs-panel #reviews > h2.active { color: var(--ts-heading-color); } div.product.tabs-accordion .woocommerce-Tabs-panel > h2 ~ *, div.product.tabs-accordion .woocommerce-Tabs-panel #reviews > h2 ~ * { display: none; margin-bottom: 30px; } div.product.tabs-accordion .woocommerce-Tabs-panel > h2 ~ .clear, div.product.tabs-accordion .woocommerce-Tabs-panel #reviews > h2 ~ .clear {padding: 0;} div.product.tabs-accordion .woocommerce-Tabs-panel > h2 ~ table { max-width: calc(100% - 60px); margin: 20px auto; padding: 0; } div.product.tabs-accordion .woocommerce-Tabs-panel > h2:after, div.product.tabs-accordion .woocommerce-Tabs-panel #reviews > h2:after { font-size: 10px; } .tabs-accordion #reviews .woocommerce-noreviews { margin-top: 25px; } .tabs-accordion.tabs-in-summary #reviews .woocommerce-noreviews { margin-top: 10px; } .tabs-accordion #comments + #review_form_wrapper { margin-top: 0; padding-top: 0; padding-bottom: 0; } /*** Tabs Inside Summary ***/ .woocommerce div.product.tabs-in-summary .woocommerce-tabs { margin: 50px 0 0; } .woocommerce div.product.tabs-accordion .summary .woocommerce-tabs { margin: var(--ts-summary-gap) 0 0; } .woocommerce div.product.tabs-accordion .woocommerce-tabs .panel:last-child { margin: 0; } div.product.tabs-accordion > .woocommerce-tabs .woocommerce-Tabs-panel:last-child > h2, div.product.tabs-accordion > .woocommerce-tabs .woocommerce-Tabs-panel:last-child #reviews > h2 { padding-bottom: 0; } div.product.tabs-in-summary.tabs-accordion .woocommerce-Tabs-panel > h2, div.product.tabs-in-summary.tabs-accordion .woocommerce-Tabs-panel #reviews > h2 { font-size: var(--ts-h5-font-size); border-radius: 0; background: transparent; } div.product.tabs-in-summary .woocommerce-Tabs-panel .ts-size-chart-content, div.product.tabs-in-summary.tabs-accordion .woocommerce-Tabs-panel > h2 ~ *, div.product.tabs-in-summary.tabs-accordion .woocommerce-Tabs-panel #reviews > h2 ~ * { overflow-y: visible; overflow-x: auto; } div.product.tabs-accordion ul.tabs + .woocommerce-Tabs-panel > h2 ~ * { display: block; } div.product.tabs-in-summary #review_form_wrapper #review_form { margin-top: 30px; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs { font-size: var(--ts-h5-font-size); line-height: var(--ts-h5-line-height); margin: 0 0 30px; } .woocommerce div.product.tabs-in-summary #reviews ol.commentlist li .comment_container { padding: 20px 0; } .woocommerce div.product.tabs-in-summary #comments + #review_form_wrapper { margin-top: 10px; } /*** Tab Dokan ***/ .woocommerce div.product.tabs-accordion #tab-more_seller_product {margin-top: 20px;} #tab-seller > h2 { font-size: 100%; text-transform: uppercase; text-decoration: underline; text-underline-position: under; font-weight: bold; line-height: inherit; } #tab-seller .seller-rating { float: left; /* rtl */ top: 2px; margin-right: 10px; /* rtl */ position: relative; } #tab-seller ul li a { color: inherit; } #tab-seller ul.list-unstyled li { list-style: none; } /*------------------------------------------------------------------------------------------------------------------- VII. SHOPPING CART ---------------------------------------------------------------------------------------------------------------------*/ body.woocommerce-cart article > .woocommerce { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0 var(--ts-cart-gap); } body :where(.cross-sells, .upsells, .related) { margin-top: var(--ts-section-gap); } body :where(.cross-sells, .upsells, .related) .content-wrapper { overflow: hidden; } body:where(.product-style-v1,.product-style-v3,.product-style-v6) .no-sidebar :where(.cross-sells, .upsells, .related) .content-wrapper { width: auto !important; margin-left: 0; margin-right: calc(-50vw + 50% - 235px); } body.single-product :where(.cross-sells, .upsells, .related) { padding-top: var(--ts-section-gap); border-width: 1px 0 0; border-style: solid; } body.single-product #reviews + :where(.cross-sells, .upsells, .related) { margin-top: 0; border: 0; } body :where(.cross-sells, .upsells, .related) .products {overflow: visible;} body.woocommerce-cart article > .woocommerce > *:not(.woocommerce-cart-form):not(.cart-collaterals) { width: 100%; } .product-style-v5 .woocommerce-notices-wrapper { margin-bottom: 0; } .product-style-v6 .woocommerce-notices-wrapper { margin-bottom: 10px; } .woocommerce-notices-wrapper { margin-bottom: 40px; } .woocommerce-notices-wrapper:empty { display: none; } body.woocommerce-cart:is(.product-style-v5,.product-style-v6) article > .woocommerce > .woocommerce-notices-wrapper:not(:empty) { margin-bottom: 0; } body.woocommerce-cart article > .woocommerce > .woocommerce-notices-wrapper .cart-empty.woocommerce-info { padding-top: 40px; margin-bottom: -36px; } body .woocommerce table.shop_table { border: 0; margin: 0; font-size: var(--ts-product-font-size); } .woocommerce table.shop_tablea.remove { width: 20px; height: 20px; text-align: end; } .woocommerce table.shop_table a.remove:after { font-size: 12px; line-height: 20px; } body .woocommerce table.shop_table a {color: inherit; text-decoration: none;} body .woocommerce table.shop_table a:hover {color: var(--ts-link-hover-color) !important;} .woocommerce table.shop_table.woocommerce-cart-form__contents, .woocommerce table.shop_table.woocommerce-cart-form__contents thead, .woocommerce table.shop_table.woocommerce-cart-form__contents tr, .woocommerce table.shop_table.woocommerce-cart-form__contents th, .woocommerce table.shop_table.woocommerce-cart-form__contents td, .woocommerce table.shop_table.woocommerce-cart-form__contents tbody, .woocommerce table.shop_table.woocommerce-cart-form__contents tfoot { display: block; border-color: var(--ts-input-border); } .woocommerce table.shop_table.woocommerce-cart-form__contents th, .woocommerce table.shop_table.woocommerce-cart-form__contents td { border-width: 0; margin: 0; } .woocommerce table.shop_table.woocommerce-cart-form__contents td.product-thumbnail img { background: var(--ts-product-bg); border-radius: var(--ts-border-radius); } .woocommerce table.shop_table.woocommerce-cart-form__contents th { padding: 0 0 15px 0; } .woocommerce table.shop_table.woocommerce-cart-form__contents tbody th { padding-bottom: 0; } .woocommerce table.shop_table.woocommerce-cart-form__contents tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 40px; } .woocommerce table.shop_table.woocommerce-cart-form__contents tr > .product-remove { text-align: end; } .woocommerce table.shop_table.woocommerce-cart-form__contents thead { border-width: 0 0 1px 0; border-style: solid; } .woocommerce table.shop_table.woocommerce-cart-form__contents tbody tr { border-width: 0 0 1px 0; border-style: solid; } .woocommerce table.shop_table.woocommerce-cart-form__contents tbody tr:last-child { border-width: 0; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 100px; } .woocommerce table.shop_table.woocommerce-cart-form__contents .product-name { text-align: start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .woocommerce table.shop_table.woocommerce-cart-form__contents thead th.product-name { order: -1; } .woocommerce table.shop_table.woocommerce-cart-form__contents .product-price { font-size: 1em !important; font-family: inherit !important; font-style: inherit !important; font-weight: inherit !important; } .woocommerce table.shop_table.woocommerce-cart-form__contents th.product-price { font-weight: var(--ts-heading-font-weight) !important; } .woocommerce table.shop_table.woocommerce-cart-form__contents td.product-price { font-weight: inherit !important; } .woocommerce table.shop_table.woocommerce-cart-form__contents .product-price, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-quantity, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-subtotal { width: 120px; } /**/ body.product-style-v5.woocommerce-cart article > .woocommerce {align-items: stretch;} .product-style-v5 .woocommerce table.shop_table.woocommerce-cart-form__contents th, .product-style-v5 .woocommerce table.shop_table.woocommerce-cart-form__contents td, .product-style-v5 .woocommerce .cart-collaterals .cart_totals {padding: 0;} .product-style-v5 .cart_totals table.shop_table tr, .product-style-v5 #add_payment_method .wc-proceed-to-checkout, .product-style-v5.woocommerce-cart .wc-proceed-to-checkout, .product-style-v5.woocommerce-checkout .wc-proceed-to-checkout, body.product-style-v5.woocommerce-cart .cross-sells > h2, .product-style-v5 .woocommerce table.shop_table.woocommerce-cart-form__contents tr { padding: var(--ts-content-padding) !important; } .product-style-v5 .woocommerce table.shop_table.woocommerce-cart-form__contents .product-price, .product-style-v5 .woocommerce table.shop_table.woocommerce-cart-form__contents .product-quantity, .product-style-v5 .woocommerce table.shop_table.woocommerce-cart-form__contents .product-subtotal { width: 200px; } .product-style-v5.woocommerce-cart .woocommerce .cart-collaterals, .product-style-v5 .woocommerce > form.checkout #order_review, .product-style-v5 .woocommerce-cart .cart-collaterals .shipping-calculator-form { border-left: 1px solid var(--ts-input-border);/* rtl */ border-radius: 0; } .product-style-v5 #add_payment_method .wc-proceed-to-checkout, .product-style-v5.woocommerce-cart .wc-proceed-to-checkout, .product-style-v5.woocommerce-checkout .wc-proceed-to-checkout { border-top: 1px solid var(--ts-input-border); } .product-style-v5 .woocommerce table.shop_table.cart td.actions {margin: 0;} body.product-style-v5.woocommerce-cart .cross-sells { border-top: 1px solid var(--ts-input-border); margin: 0; } body.product-style-v5.woocommerce-cart .cross-sells > h2 { border-bottom: 1px solid var(--ts-input-border); margin: 0; } .product-style-v5.woocommerce-checkout .woocommerce > .woocommerce-order { padding: var(--ts-content-padding); } .product-style-v5 .woocommerce > .woocommerce-order .woocommerce-customer-details, .product-style-v5 .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details { font-size: calc(1em - 1px); } /**/ .woocommerce table.shop_table.cart td.actions { padding: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 30px; margin: 20px 0 0 0; } #add_payment_method table.cart td.actions .coupon .coupon-error-notice, .woocommerce-cart table.cart td.actions .coupon .coupon-error-notice, .woocommerce-checkout table.cart td.actions .coupon .coupon-error-notice, .woocommerce form.checkout_coupon .coupon-error-notice { font-size: 13px; } .woocommerce table.shop_table.cart td.actions .button.empty-cart-button { color: inherit; border-width: 0; padding: 0; background: transparent; } .woocommerce table.shop_table.cart td.actions .button.empty-cart-button:hover { color: var(--ts-link-hover-color); } .woocommerce table.shop_table.cart td.actions > .button { order: 3; } .woocommerce table.shop_table.cart td.actions > .empty-cart-button { order: 2; margin-left: auto;/* rtl */ } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { display: grid; grid-template-columns: 1fr auto; float: none; order: 1; gap: 5px; } table.cart td.actions .coupon:before, table.cart td.actions .coupon:after { display: none !important; } table.cart td.actions .coupon .button { white-space: nowrap; padding-left: 20px; padding-right: 20px; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text { margin: 0;/* rtl */ } .cart_totals table.shop_table, .cart_totals table.shop_table tbody, .cart_totals table.shop_table td { display: block } .cart_totals table.shop_table tr { display: flex; justify-content: space-between; align-items: center; gap: 0 20px; padding: 20px 0; border-width: 0 0 1px 0; border-style: solid; border-color: var(--ts-input-border); } .cart_totals table.shop_table tr.order-total { border-width: 0; } .cart_totals table.shop_table tr.shipping { flex-direction: column; align-items: flex-start; gap: 10px 0; } .woocommerce ul#shipping_method { display: flex; flex-direction: column; gap: 7px; } #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout { padding: 0 0 5px; } .cart_totals table.shop_table tbody tr:first-child { padding-top: 0; } .woocommerce .cart_totals table.shop_table th:first-child, .woocommerce .cart_totals table.shop_table td { padding: 0; display: block; text-align: start !important; } .woocommerce .cart_totals table.shop_table .woocommerce-shipping-totals td { width: 100%; } #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 { margin-bottom: 0; } body.woocommerce-cart .woocommerce-cart-form { flex: 1; } .woocommerce-cart .woocommerce .cart-collaterals { width: var(--ts-cart-sidebar); background: var(--ts-product-bg); border-radius: var(--ts-border-radius); position: relative; } .woocommerce .cart-collaterals .cart_totals { float: none; width: 100%; padding: 40px; } .cart-collaterals .cart_totals tr:not(.shipping) > td:last-child { text-align: right; /* rtl */ } .woocommerce-cart .cart-collaterals .cart_totals table { border: 0; margin: 0; } .woocommerce-cart .cart-collaterals .cart_totals > h2 { display: none; } .woocommerce-cart .cart-collaterals .cart_totals table th { width: 36%; } .woocommerce-cart .woocommerce-shipping-calculator { margin-top: 4px; width: 100%; --ts-input-background-color: transparent; } .woocommerce table.shop_table th, .woocommerce table.shop_table td, #add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th { line-height: 24px; } .woocommerce .woocommerce-shipping-calculator .button { min-width: 0; padding: 0 20px; font-size: var(--ts-small-font-size); padding: 8px 30px; font-size: 1em; } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th { border-width: 0; } .woocommerce ul#shipping_method .amount, .elementor-widget-wp-widget-woocommerce_widget_cart .total, #add_payment_method .cart-collaterals .shipping-calculator-button, .woocommerce-cart .cart-collaterals .shipping-calculator-button, .woocommerce-checkout .cart-collaterals .shipping-calculator-button, .woocommerce table.shop_table .cart-subtotal .amount.woocommerce-Price-amount, .woocommerce table.shop_table .order-total .amount { font-weight: var(--ts-heading-font-weight); } .woocommerce table.shop_table.woocommerce-checkout-review-order-table .cart-subtotal .amount.woocommerce-Price-amount { font-weight: inherit; } .woocommerce-cart .cart-collaterals .cart_totals table tr:last-child td, .woocommerce-cart .cart-collaterals .cart_totals table tr:last-child th { border-bottom-width: 0; } .woocommerce .cart-collaterals table.shop_table tr td, .woocommerce .cart-collaterals table.shop_table tr:not(.shipping) th { vertical-align: middle; } .woocommerce table.shop_table th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { border-top-width: 0; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight: inherit; } .woocommerce table.shop_table thead th { padding: 0 0 20px; font-weight: var(--ts-heading-font-weight); } .woocommerce-cart .cart-collaterals .cart_totals table th, .product-style-v5 .woocommerce table.shop_table.woocommerce-cart-form__contents th { font-weight: var(--ts-heading-font-weight) !important; } .woocommerce .woocommerce-order-details table.shop_table tfoot th { padding: 20px 50px; text-align: end;/* rtl */ font-weight: var(--ts-heading-font-weight); } .woocommerce table.shop_table td { padding: 20px 0; border-top-width: 0px; } .woocommerce table.shop_table.order_details tr td:first-child { padding-left: 0; padding-right: 20px;/* rtl */ } .woocommerce ul#shipping_method li { margin: 0; line-height: 20px; padding: 3px 0; display: flex; } .woocommerce ul#shipping_method li input { margin: 0 8px 0 0;/* rtl */ } .woocommerce-cart .cart-collaterals .cart_totals table .woocommerce-shipping-destination { color: var(--ts-gray-color); font-style: italic; font-size: 95%; margin-top: 5px; font-family: var(--ts-font-family); font-weight: var(--ts-font-weight); font-style: var(--ts-font-style); text-transform: var(--ts-body-text-transform); } .woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-button, .woocommerce-cart .cart-collaterals .cart_totals table .woocommerce-shipping-destination { padding-left: 21px; /* rtl */ } .woocommerce-cart .cart-collaterals .cart_totals table .woocommerce-shipping-destination strong { font-weight: normal; font-style: inherit; } #add_payment_method .cart-collaterals .shipping-calculator-button, .woocommerce-cart .cart-collaterals .shipping-calculator-button, .woocommerce-checkout .cart-collaterals .shipping-calculator-button { color: inherit; text-decoration: none !important; } #add_payment_method .cart-collaterals .shipping-calculator-button ~ *, .woocommerce-cart .cart-collaterals .shipping-calculator-button ~ *, .woocommerce-checkout .cart-collaterals .shipping-calculator-button ~ * { clear: both; } #add_payment_method .cart-collaterals .shipping-calculator-form, .woocommerce-cart .cart-collaterals .shipping-calculator-form, .woocommerce-checkout .cart-collaterals .shipping-calculator-form { padding: 30px 30px 10px; border-width: 1px; border-style: solid; border-radius: var(--ts-border-radius); font-size: calc(1em - 1px); position: relative; } .product-style-v6 #add_payment_method .cart-collaterals .shipping-calculator-form, .woocommerce-cart.product-style-v6 .cart-collaterals .shipping-calculator-form, .woocommerce-checkout.product-style-v6 .cart-collaterals .shipping-calculator-form { border-radius: var(--ts-border-radius-large); } /*** Woo Block Cart ***/ body .is-large.wc-block-cart { margin-bottom: 0; font-size: 1em; } body .wc-block-cart-items__row {position: relative;} body table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name { color: inherit; text-decoration: none; } body table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name:hover { color: var(--ts-primary-color); } body .wc-block-components-totals-item__description, body .wc-block-components-product-metadata { width: 100%; font-size: 1em; color: var(--ts-gray-color); margin: 0 !important; order: 10; } body table.wc-block-cart-items .wc-block-cart-items__header { font-size: 1em; text-transform: capitalize; } body .is-medium table.wc-block-cart-items td:first-child, body .is-mobile table.wc-block-cart-items td:first-child, body .is-small table.wc-block-cart-items td:first-child, body .is-large.wc-block-cart .wc-block-cart-items th:first-child, body .is-large.wc-block-cart .wc-block-cart-items td:first-child { width: 130px; padding-left: 30px; /*rtl*/ } .wc-block-cart-item__image img { background: var(--ts-product-bg); border-radius: var(--ts-border-radius); } body .is-large.wc-block-cart .wc-block-cart-items th:last-child, body .is-large.wc-block-cart .wc-block-cart-items td:last-child { padding-right: 0; /*rtl*/ } body .wc-block-cart-item__wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 0 30px; } body .wc-block-components-product-price { display: flex; flex-wrap: wrap; gap: 0 6px; } body .wc-block-components-product-price > * {margin: 0 !important;} body .wc-block-components-product-price del, body .wc-block-components-product-price .wc-block-components-product-price__regular { text-decoration: line-through; text-decoration-thickness: 1px; font-size: 1em; } body .wc-block-components-product-badge { border: 0; border-radius: 0; font-size: 0.86rem; padding: 0; text-transform: none; color: var(--ts-gray-color); font-weight: normal; margin-left: -25px; /* rtl*/ } body table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices {margin-left: auto; /* rtl*/} table.wc-block-cart-items .wc-block-cart-items__row .price {font-weight: 500;} body .wc-block-components-product-badge:before,body .wc-block-components-product-badge:after {display: inline-block; vertical-align: middle;} body .wc-block-components-product-badge:before {content: '(';} body .wc-block-components-product-badge:after {content: ')';} body table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: 0; text-decoration: none; } body table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:before { content: "\e9c4"; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; font-size: 12px; line-height: 20px; width: 12px; height: 12px; background: transparent !important; color: inherit !important; font-weight: inherit; text-align: start; } .wc-block-cart-item__total-price-and-sale-badge-wrapper { padding-top: 5px; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap>*, .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap>*, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector { margin-bottom: 0 !important; } body .is-medium.wc-block-components-sidebar-layout .wc-block-components-sidebar, body .is-mobile.wc-block-components-sidebar-layout .wc-block-components-sidebar, body .is-small.wc-block-components-sidebar-layout .wc-block-components-sidebar, body .wc-block-components-sidebar { padding: var(--ts-content-padding); background: var(--ts-product-bg); color: var(--ts-product-color); } body .wc-block-components-sidebar { width: 32%; } body .is-medium.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title, body .is-mobile.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title, body .is-small.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title, body .is-large.wc-block-cart .wc-block-cart__totals-title { font-size: var(--ts-h4-font-size); line-height: var(--ts-h4-line-height); font-family: var(--ts-heading-font-family); font-weight: var(--ts-heading-font-weight); margin: 0 0 22px; padding: 0; text-align: start; display: block; text-transform: none; } body .wc-block-components-totals-wrapper, body .is-medium .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper, body .is-mobile .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper, body .is-small .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper, body .is-large .wc-block-components-sidebar .wc-block-components-panel, body .is-large .wc-block-components-sidebar .wc-block-components-totals-coupon, body .is-large .wc-block-components-sidebar .wc-block-components-totals-item, body .is-large .wc-block-components-sidebar .wc-block-components-totals-coupon, body .is-large .wc-block-components-sidebar .wc-block-components-totals-item, body .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-calculator, body .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-rates-control__package:not(.wc-block-components-panel){ padding-left: 0; padding-right: 0; } body .wc-block-components-validation-error {font-size: 1em;} body .wc-block-components-totals-shipping .wc-block-components-shipping-address {margin-top: 0;} body .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link { color: var(--ts-text-color); font-family: var(--ts-heading-font-family); font-weight: var(--ts-heading-font-weight); font-style: var(--ts-heading-font-style); text-underline-offset: 2px; } body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) { padding: 10px 30px; border-width: 1px; border-style: solid; border-radius: var(--ts-btn-radius); text-align: center; text-decoration: none; filter: none; box-shadow: none; text-shadow: none; background-image: none; cursor: pointer; font-family: var(--ts-btn-font-family); font-weight: var(--ts-btn-font-weight); font-style: var(--ts-btn-font-style); font-size: var(--ts-btn-font-size); line-height: var(--ts-btn-line-height); letter-spacing: var(--ts-btn-letter-spacing); } .wc-block-components-sidebar-layout { align-items: flex-start; } body .is-medium table.wc-block-cart-items .wc-block-cart-items__row, body .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, body .is-small table.wc-block-cart-items .wc-block-cart-items__row { display: flex; padding: 10px 0; border-width: 0 0 1px; border-style: solid; } body .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image, body .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image, body .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image { max-width: 130px; } body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus {box-shadow: none !important;} /*** Woo Block Checkout ***/ body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content { padding: 6px 15px !important; } body .wp-block-woocommerce-checkout-order-summary-block > .wc-block-components-totals-wrapper:first-child{border-top-width: 0;} body .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, body .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, body .wc-block-components-form .wc-block-components-text-input input[type=email], body .wc-block-components-form .wc-block-components-text-input input[type=number], body .wc-block-components-form .wc-block-components-text-input input[type=tel], body .wc-block-components-form .wc-block-components-text-input input[type=text], body .wc-block-components-form .wc-block-components-text-input input[type=url], body .wc-block-components-text-input input[type=email], body .wc-block-components-text-input input[type=number], body .wc-block-components-text-input input[type=tel], body .wc-block-components-text-input input[type=text], body .wc-block-components-text-input input[type=url] { max-height: 46px; padding: padding: calc(var(--ts-btn-padding-top) + 5px) var(--ts-btn-padding-left) var(--ts-btn-padding-top); border: 1px solid var(--ts-input-border); border-radius: var(--ts-btn-radius); } body .wc-blocks-components-select .wc-blocks-components-select__select { max-width: 100%; border: 1px solid var(--ts-input-border); border-radius: var(--ts-btn-radius); padding: calc(var(--ts-btn-padding-top) + 5px) var(--ts-btn-padding-left) var(--ts-btn-padding-top); } body .wc-blocks-components-select .wc-blocks-components-select__label { left: var(--ts-btn-padding-left);/* rtl */ } body .wc-block-components-product-details.wc-block-components-product-details li { list-style: none; font-size: calc(1em - 1px); padding: 2px 0; color: var(--ts-text-color); } body .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, body .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true], body .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, body .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true], body .wc-block-components-form .wc-block-components-text-input.has-error input:focus, body .wc-block-components-text-input.has-error input:focus { box-shadow: none; padding: calc(var(--ts-btn-padding-top) + 5px) var(--ts-btn-padding-left) var(--ts-btn-padding-top); } body .wc-block-components-order-summary__button-text { font-size: 1.2em; font-weight: 800; padding: 0; text-align: start; display: block; } body .wc-block-components-order-summary .wc-block-components-panel__button { margin: 0 0 22px; } body .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list, body .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list { border: 1px solid var(--ts-border); border-bottom-left-radius: var(--ts-border-radius); border-bottom-right-radius: var(--ts-border-radius); box-shadow: none; } body .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label, body .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label, body .wc-block-components-form .wc-block-components-text-input label, body .wc-block-components-text-input label { left: 14px; padding: 0; } body .is-large .wp-block-woocommerce-checkout-order-summary-block { border: 0; border-radius: 0; } body .wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices { display: flex; } body .wc-block-components-form .wc-block-components-text-input input:-webkit-autofill, body .wc-block-components-form .wc-block-components-text-input.is-active input[type=email], body .wc-block-components-form .wc-block-components-text-input.is-active input[type=number], body .wc-block-components-form .wc-block-components-text-input.is-active input[type=tel], body .wc-block-components-form .wc-block-components-text-input.is-active input[type=text], body .wc-block-components-form .wc-block-components-text-input.is-active input[type=url], body .wc-block-components-text-input input:-webkit-autofill, body .wc-block-components-text-input.is-active input[type=email], body .wc-block-components-text-input.is-active input[type=number], body .wc-block-components-text-input.is-active input[type=tel], body .wc-block-components-text-input.is-active input[type=text],.wc-block-components-text-input.is-active input[type=url] { padding: 25px 14px 10px 14px; } body .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, body .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted { border-radius: var(--ts-border-radius); box-shadow: inset 0 0 0 1px var(--ts-border); } body .wp-block-woocommerce-checkout {padding-top: 0;} body .wc-block-components-order-summary .wc-block-components-order-summary__button-text {font-weight: 600;} body .is-mobile .wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button {margin: 10px auto;} body .wc-block-components-checkbox label {padding: 0;} body .is-mobile .wc-block-checkout__terms, body .is-small .wc-block-checkout__terms {margin-bottom: 25px;} body .is-mobile .wc-block-checkout__terms.wc-block-checkout__terms--with-separator, body .is-small .wc-block-checkout__terms.wc-block-checkout__terms--with-separator { padding-top: 25px; } body .wc-block-components-title.wc-block-components-title {margin-top: -10px;} body .is-medium .wc-block-checkout__sidebar, body .is-mobile .wc-block-checkout__sidebar, .is-small .wc-block-checkout__sidebar {margin-bottom: var(--ts-section-gap);} /**/ /*------------------------------------------------------------------------------------------------------------------- VIII. CHECKOUT ---------------------------------------------------------------------------------------------------------------------*/ /*** Login ***/ form.login label:hover {cursor: pointer;} .lost_password a { text-decoration: none; color: inherit; display: inline-block; position: relative; overflow: hidden; line-height: 1.2; } /*** Coupon ***/ .woocommerce-no-js form.woocommerce-form-coupon, .woocommerce-no-js form.woocommerce-form-login { display: none !important; } .woocommerce .checkout-login-coupon-wrapper, .woocommerce .checkout-login-coupon-wrapper form.login { margin-bottom: 40px; } .product-style-v6 .woocommerce .checkout-login-coupon-wrapper, .product-style-v6 .woocommerce .checkout-login-coupon-wrapper form.login { margin-bottom: 10px; } .product-style-v6 .woocommerce > form.checkout { margin-top: 0; } .woocommerce form.checkout_coupon, .woocommerce .checkout-login-coupon-wrapper form.login { font-size: calc(1rem - 1px); max-width: 100%; margin-top: 0; overflow: hidden; border-width: 0; padding: 0; --ts-placeholder-font-size: calc(1rem - 1px); --ts-btn-padding-top: 12px; } .woocommerce .checkout-login-coupon-wrapper form.login { display: flex; flex-flow: row wrap; gap: 20px; justify-content: space-between; } .woocommerce .checkout-login-coupon-wrapper form.login > .form-row {margin: 0;} .woocommerce .checkout-login-coupon-wrapper form.login > .form-row-first, .woocommerce .checkout-login-coupon-wrapper form.login > .form-row-last {width: calc(50% - 15px);margin: 0;} .woocommerce .checkout-login-coupon-wrapper form.login .clear {display: none;} .woocommerce .checkout-login-coupon-wrapper form.login p:first-child { width: 100%; margin-bottom: 0; } .woocommerce .checkout-login-coupon-wrapper form.login .button { margin-top: 0; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon { display: flex; flex-flow: row wrap; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon p:not(.form-row-first):not(.form-row-last) { flex-basis: 100%; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-first { flex: 1 0 auto; margin: 0; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-last { width: auto; min-width: 250px; margin-left: 10px; /* rtl */ margin-bottom: 0; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-last .button { width: 100%; padding-left: 5px; padding-right: 5px; } /*** Checkout Form ***/ .woocommerce > form.checkout { overflow: hidden; width: 100%; margin-top: 44px; display: flex; gap: 0 var(--ts-cart-gap); align-items: flex-start; flex-wrap: wrap; } .product-style-v5 .woocommerce .checkout-login-coupon-wrapper, .product-style-v5 .woocommerce > form.checkout { margin: 0; } .product-style-v5 .woocommerce .checkout-login-coupon-wrapper form.login { margin: 10px 0 20px 0; } .woocommerce > form.checkout #order_review_heading {display: none;} .woocommerce > form.checkout #customer_details { flex: 1; } .product-style-v5 .woocommerce > form.checkout { align-items: stretch; --ts-placeholder-font-size: calc(1rem - 1px); } .product-style-v5 .woocommerce > form.checkout > * { padding: var(--ts-content-padding) !important; } .product-style-v5 .woocommerce form .form-row label { font-size: calc(1rem - 1px); } .product-style-v5 .woocommerce-shipping-fields h3 { font-size: 1em; line-height: 1; font-weight: var(--ts-heading-font-weight); } .woocommerce > form.checkout #order_review, .woocommerce .cart-collaterals .cart_totals, .product-style-v6.woocommerce-page #left-sidebar, .product-style-v6.woocommerce-page #right-sidebar, .product-style-v6.woocommerce-page.woocommerce-cart #main-content article.page > .woocommerce > *:not(:empty), .product-style-v6.woocommerce-page:not(.single-product):not(.archive):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main-content, .product-style-v6 .woocommerce > form.checkout, .product-style-v6.woocommerce-account article > .woocommerce, .product-style-v6 .checkout-login-wrapper form.woocommerce-form-login, .product-style-v6 .woocommerce > .woocommerce-order, .product-style-v6 .ts-wishlist-table-wrapper, .product-style-v6 .ts-compare-table-wrapper, .product-style-v6 .ts-empty-compare-message, .product-style-v6 .woocommerce form.track_order, .product-style-v6 .woocommerce form.woocommerce-ResetPassword.lost_reset_password { background: var(--ts-product-bg); color: var(--ts-product-color); } .woocommerce .cart-collaterals .cart_totals, .woocommerce > form.checkout #order_review { width: var(--ts-cart-sidebar); padding: var(--ts-content-padding); } .product-style-v6 .woocommerce > form.checkout #order_review { padding: 0; } .product-style-v6 .woocommerce > form.checkout { gap: 0 var(--ts-content-padding); } .woocommerce .cart-collaterals .cart_totals { width: 100%; position: static !important; } .product-style-v6.woocommerce .cart-collaterals .cart_totals, .product-style-v6.woocommerce > form.checkout #order_review, .product-style-v6.woocommerce-page #left-sidebar, .product-style-v6.woocommerce-page #right-sidebar, .product-style-v6.woocommerce-page.woocommerce-cart #main-content article.page > .woocommerce > *:not(:empty), .product-style-v6.woocommerce-page:not(.single-product):not(.archive):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main-content, .product-style-v6 .woocommerce > form.checkout, .product-style-v6.woocommerce-account article > .woocommerce, .product-style-v6 .checkout-login-wrapper form.woocommerce-form-login, .product-style-v6 .woocommerce > .woocommerce-order, .product-style-v6 .ts-wishlist-table-wrapper, .product-style-v6 .ts-empty-compare-message, .product-style-v6 .woocommerce form.track_order, .product-style-v6 .woocommerce form.woocommerce-ResetPassword.lost_reset_password { padding: var(--ts-product-padding); border-radius: var(--ts-border-radius-large); } .product-style-v6 .ts-compare-table-wrapper { border-radius: var(--ts-border-radius-large); } .product-style-v6 .ts-wishlist-table-wrapper, .product-style-v6 .ts-compare-table-wrapper, .product-style-v6 .ts-empty-compare-message { min-height: 500px; } .product-style-v6.woocommerce-page.woocommerce-cart #main-content article.page > .woocommerce > .woocommerce-notices-wrapper { padding: 0 !important; border-radius: 0; background: transparent; } .product-style-v6 .ts-popup-modal .quickshop-content, body.single-product.product-style-v6 :where(.cross-sells, .upsells, .related), .single-product.product-style-v6 #primary > div.product:not(.show-tabs-content-default) > *, .single-product.product-style-v6 #primary > div.product.show-tabs-content-default > *, .single-product.product-style-v6 #primary > div.product.show-tabs-content-default .woocommerce-tabs .panel, .single-product.product-style-v6 #primary > div.product.tabs-accordion .woocommerce-tabs .panel, .product-style-v6 #ts-shopping-cart-sidebar, .product-style-v6 .shopping-cart-wrapper .dropdown-container, .product-style-v6 .my-account-wrapper .dropdown-container, .product-style-v6 .woocommerce > form.checkout #customer_details, .product-style-v6.woocommerce-page #left-sidebar, .product-style-v6.woocommerce-page #right-sidebar, .product-style-v6.woocommerce-page.woocommerce-cart #main-content article.page > .woocommerce > *:not(:empty), .product-style-v6.woocommerce-page:not(.single-product):not(.archive):not(.woocommerce-cart):not(.woocommerce-checkout) #main-content, .product-style-v6 .woocommerce > form.checkout, .product-style-v6.woocommerce-account article > .woocommerce, .product-style-v6 .checkout-login-wrapper form.woocommerce-form-login, .product-style-v6 .woocommerce > .woocommerce-order, .product-style-v6 .ts-wishlist-table-wrapper, .product-style-v6 .ts-compare-table-wrapper, .product-style-v6 .ts-empty-compare-message, .product-style-v6 .woocommerce form.track_order, .product-style-v6 .woocommerce form.woocommerce-ResetPassword.lost_reset_password { --ts-border: var(--ts-product-border); --ts-btn-color: var(--ts-btn-addtocart-color); --ts-btn-bg: var(--ts-btn-addtocart-bg); --ts-btn-border: var(--ts-btn-addtocart-border); --ts-btn-hover-color: var(--ts-btn-addtocart-hover-color); --ts-btn-hover-bg: var(--ts-btn-addtocart-hover-bg); --ts-btn-hover-border: var(--ts-btn-addtocart-hover-border); --ts-heading-color: var(--ts-product-color); } .product-style-v6.woocommerce-account .woocommerce-MyAccount-navigation { margin-top: 0; } :where(.product-style-v4).woocommerce-cart .woocommerce .cart-collaterals, :where(.product-style-v4).woocommerce-cart .cart-collaterals .shipping-calculator-form { outline: 1px solid var(--ts-input-border); } :where(.product-style-v4) .woocommerce > form.checkout #order_review { border: 1px solid var(--ts-input-border); border-radius: var(--ts-border-radius); } .product-style-v6 .woocommerce #customer_login > *, .product-style-v6 .woocommerce #customer_login {outline:0;border:0;} .woocommerce > form.checkout #order_review_heading { margin: 0; } .woocommerce > form.checkout .woocommerce-NoticeGroup { width: 100%; margin-bottom: 50px; } .product-style-v5 .woocommerce > form.checkout .woocommerce-NoticeGroup { margin-bottom: 0; border-bottom: 1px solid var(--ts-border); } #add_payment_method .checkout .checkout-inline-error-message, .woocommerce-cart .checkout .checkout-inline-error-message, .woocommerce-checkout .checkout .checkout-inline-error-message { font-size: 0.85em; margin: 5px 0 0; } .woocommerce > form.checkout .woocommerce-NoticeGroup ~ #customer_details {grid-row: 2 / 4;} .woocommerce > form.checkout .woocommerce-NoticeGroup ~ #order_review_heading {grid-row: 2 / 3;} .woocommerce > form.checkout .woocommerce-NoticeGroup ~ #order_review {grid-row: 3 / 4;} .woocommerce form.checkout .form-row { margin-bottom: 24px; } .woocommerce form.checkout #billing_address_1_field { margin-bottom: 10px; } .woocommerce > form.checkout #customer_details .col-1, .woocommerce > form.checkout #customer_details .col-2 { width: 100%; float: none; } .woocommerce form .form-row.create-account { margin-bottom: 15px; } .woocommerce-shipping-fields h3 { margin: 10px 0 30px; font-size: 1em; line-height: 1.2; color: inherit; } .woocommerce form .form-row label { line-height: 1.5; font-size: 1em; padding-bottom: 8px; } .product-style-v3.woocommerce form .form-row:not(.notes) label:not(.woocommerce-form__label-for-checkbox), .product-style-v3 .woocommerce form .form-row:not(.notes) label:not(.woocommerce-form__label-for-checkbox) { padding-bottom: 0; } .woocommerce-checkout p.form-row.notes { margin-bottom: 0; } .woocommerce form input[type="password"] { padding-right: 40px; /* rtl */ } .woocommerce form .form-row .required { font-weight: normal; } .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper { display: flex; flex-flow: row wrap; margin-left: -15px; margin-right: -15px; } .woocommerce-billing-fields__field-wrapper > p.form-row, .woocommerce-shipping-fields__field-wrapper > p.form-row { width: 100%; display: inline-flex; flex-direction: column; justify-content: flex-end; } .woocommerce form .woocommerce-billing-fields__field-wrapper > p.form-row, .woocommerce form .woocommerce-shipping-fields__field-wrapper > p.form-row { margin-left: 15px; margin-right: 15px; } .woocommerce-billing-fields__field-wrapper > p.form-row-first, .woocommerce-billing-fields__field-wrapper > p.form-row-last, .woocommerce-shipping-fields__field-wrapper > p.form-row-first, .woocommerce-shipping-fields__field-wrapper > p.form-row-last { width: calc(50% - 30px); } .product-style-v3.woocommerce-checkout .woocommerce > form.checkout #customer_details { margin-left: 0; margin-right: 0; } .product-style-v3.woocommerce-checkout .woocommerce > form.checkout #customer_details .form-row:before, .product-style-v3.woocommerce-checkout .woocommerce > form.checkout #customer_details .form-row:after { display: none; } .product-style-v3.woocommerce-checkout .woocommerce > form.checkout #customer_details .form-row label.screen-reader-text { position: static !important; opacity: 0; visibility: hidden; } .product-style-v3.woocommerce-checkout .woocommerce > form.checkout #customer_details .form-row label { width: 25%; padding-top: var(--ts-btn-padding-top); padding-bottom: 0; } .product-style-v3.woocommerce-checkout .woocommerce > form.checkout #customer_details .form-row .woocommerce-input-wrapper { flex: 1; } .product-style-v3.woocommerce-checkout .woocommerce-billing-fields__field-wrapper, .product-style-v3.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper { margin: 0; } .product-style-v3.woocommerce-checkout .woocommerce > form.checkout #customer_details .form-row { margin: 0 !important; display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; } .product-style-v3.woocommerce-checkout #add_payment_method .checkout .checkout-inline-error-message, .product-style-v3.woocommerce-checkout .checkout .checkout-inline-error-message { width: 100%; padding-left: calc(25% + 20px);/* rtl */ } .product-style-v3.woocommerce-checkout .woocommerce > form.checkout #customer_details .form-row:not(.notes) { margin: 0 0 20px !important; } .product-style-v3.woocommerce-checkout .woocommerce-shipping-fields h3 { margin: 30px 0 10px; } .product-style-v3.woocommerce-checkout .woocommerce-password-strength, .product-style-v3.woocommerce-checkout .woocommerce-password-hint { width: calc(75% - 20px); margin-left: calc(25% + 20px);/* rtl */ margin-top: 0; } .product-style-v3.woocommerce-checkout .woocommerce > form.checkout #customer_details .woocommerce-additional-fields {margin-top: 20px;} .product-style-v3.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > p.form-row-first, .product-style-v3.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > p.form-row-last, .product-style-v3.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > p.form-row-first, .product-style-v3.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > p.form-row-last { width: 100%; } .woocommerce-shipping-fields h3#ship-to-different-address .input-checkbox { margin-top: -4px; } .woocommerce-terms-and-conditions-wrapper a { color: var(--ts-primary-color); font-weight: bold; } .woocommerce-terms-and-conditions-wrapper a:hover { text-decoration: none; } .woocommerce-invalid #terms { outline: none !important; } /*** Payment Process ***/ #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { font-size: var(--ts-product-font-size); background: transparent !important; border-radius: 0; } .woocommerce-checkout #payment ul li { list-style: none; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods { padding: 15px 0; border-width: 0; } .woocommerce-checkout #payment ul.payment_methods { padding: 20px 0; border-width: 0; } #order_review table.shop_table td, #order_review table.shop_table th { padding: 0; margin: 0; border-width: 0; } #order_review table.shop_table tr { display: flex; justify-content: space-between; align-items: center; gap: 0 20px; padding: 20px 0; border-width: 0 0 1px 0; border-style: solid; } #order_review table.shop_table thead tr { border-width: 0; padding: 0; } #order_review table.shop_table tr.shipping { flex-direction: column; align-items: flex-start; gap: 10px 0; } #order_review .shop_table th:last-child, #order_review .shop_table td:last-child { text-align: end; } #order_review .shop_table .product-name strong { font-weight: inherit; } #add_payment_method .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout { padding: 5px 0; } #add_payment_method #payment ul.payment_methods li label, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label { display: inline; } #add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: none; line-height: 24px; font-size: 10px; text-transform: uppercase; color: inherit; text-decoration: none; } #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input { margin: -2px 5px 0 0; /* rtl */ } #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img { margin: -2px 5px 0; max-width: 120px; } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { padding: 0 0 10px 0; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { margin: 0; font-size: 100%; line-height: 24px; padding: 0 0 0 24px;/* rtl */ background: transparent; font-family: var(--ts-font-family); font-weight: var(--ts-font-weight); font-style: var(--ts-font-style); text-transform: var(--ts-body-text-transform); font-size: 0.9em; color: var(--ts-gray-color); } #add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before { display: none; } .woocommerce ul#shipping_method li label { padding: 0; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding: 0; margin: 0; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { width: 100%; float: none; margin-bottom: 0; } .woocommerce-terms-and-conditions { border: none; box-shadow: none; background: rgba(101,101,101,0.1); } /*------------------------------------------------------------------------------------------------------------------- XII. POPUP/MODAL ---------------------------------------------------------------------------------------------------------------------*/ body #main, body.dokan-store #main:before { background-color: var(--ts-body-bg); } body #cboxClose, .ts-sidebar .close, .ts-floating-sidebar .close, .ts-popup-modal .close { position: absolute; top: 0; right: 0; /* rtl */ z-index: 999; width: 30px; height: 30px; font-size: 0; line-height: 30px; text-align: center; letter-spacing: 0; transition: 350ms ease 0s; } .ts-popup-modal .close { top: -7px; transform: translateX(calc(100% + 10px)); } .ts-sidebar .close, #ts-filter-widget-area .close { position: static; } .ts-sidebar .ts-heading, #ts-filter-widget-area .ts-heading { padding: 17px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--ts-border); } :where(#left-sidebar,#right-sidebar,#ts-filter-widget-area) .product-on-sale-form {display: none;} #ts-filter-widget-area .ts-heading { margin-bottom: 20px; } .ts-sidebar .ts-heading h6, #ts-filter-widget-area .ts-heading h6 { margin: 0; font-weight: normal; } body #cboxClose:hover, .ts-popup-modal .close:hover { opacity: 0.7; cursor: pointer; } .ts-floating-sidebar .close:hover { opacity: 1; color: var(--ts-link-hover-color); cursor: pointer; } .ts-floating-sidebar .close { top: 15px; right: 10px;/* rtl */ } body #cboxClose { background-image: none; text-indent: 0; color: #ffffff; text-transform: none; z-index: 100001; background: transparent !important; color: inherit !important; right: 20px; /* rtl */ top: 10px; min-width: 0; } body #cboxClose:hover { color: var(--ts-primary-color); } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove, .elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li a.remove { font-size: 0; color: inherit !important; position: absolute; top: 50%; left: auto; /* rtl */ right: 0; /* rtl */ width: 20px; height: 20px; transform: translateY(-50%); } .woocommerce .widget_shopping_cart .cart_list li a.remove:hover, .woocommerce.widget_shopping_cart .cart_list li a.remove:hover, .elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li a.remove:hover { color: var(--ts-primary-color) !important; background: transparent !important; } .woocommerce .widget_shopping_cart .cart_list li:first-child a.remove, .woocommerce.widget_shopping_cart .cart_list li:first-child a.remove, .elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li:first-child a.remove { top: calc(50% - 10px); } .woocommerce .widget_shopping_cart .cart_list li a.remove:before, .woocommerce.widget_shopping_cart .cart_list li a.remove:before, .elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li a.remove:before { font-size: 8px; line-height: 20px !important; } .ts-sidebar .close:before, .ts-floating-sidebar .close:before, .ts-popup-modal .close:after { font-size: 13px; line-height: 30px !important; } .ts-popup-modal .close:after { font-size: 16px; color: #ffffff; } .ts-popup-modal .overlay { position: fixed; visibility: hidden; opacity: 0; left: 0; right: 0; bottom: 0; top: 0; content: ""; z-index: 99990; } .ts-popup-modal .overlay { background: rgba(0,0,0,0.5); transition: all 200ms linear 0s; } .ts-popup-modal.show .overlay:before { display: none; } .ts-popup-modal { opacity: 0; } .ts-popup-modal.show, .ts-popup-modal.loading { opacity: 1; } .ts-popup-modal.loading .overlay:before, .ts-popup-modal.show .overlay, .ts-popup-modal.loading .overlay, .ts-popup-modal.show .popup-container { visibility: visible; opacity: 1; } .ts-popup-modal:not(.show) .product-360-content .threesixty_images {display: none !important;} .ts-popup-modal .popup-container { position: fixed; padding: 0; top: 50%; left: 50%; z-index: 99991; visibility: hidden; opacity: 0; transform: translate(-50%,-50%); width: 1200px; height: auto; transition: opacity 0.2s ease, visibility 0.2s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; max-width: 80%; color: var(--ts-dropdown-color); background-color: var(--ts-dropdown-bg); } .product-style-v1 .threesixty .threesixty_images img, .product-style-v1 #ts-product-video-modal .popup-container .ts-video.auto-size, .product-style-v1 .ts-popup-modal .popup-container { border-radius: 5px; } :where(.product-style-v4,.product-style-v6) .threesixty .threesixty_images img, :where(.product-style-v4,.product-style-v6) #ts-product-video-modal .popup-container .ts-video.auto-size, :where(.product-style-v4,.product-style-v6) .ts-popup-modal .popup-container { border-radius: 15px; } .ts-search-form-widget .popular-search > a { position: relative; text-decoration: none; } .ts-search-form-widget .popular-search > a:not(:last-child) { padding-right: 20px;/* rtl */ } .ts-search-form-widget .popular-search > a:not(:last-child):after { content: ''; width: 1px; height: 10px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: currentColor; opacity: 0.2; } #ts-product-360-modal .popup-container { width: 600px; } .ts-popup-modal .login-popup-container.popup-container { width: 900px; overflow: hidden; } #ts-product-size-chart-modal .popup-container {max-width: 90%;} #ts-product-video-modal .popup-container { width: 980px; max-width: 80%; } #ts-login-popup-modal .close { top: 6px; right: 6px;/* rtl */ transform: none; } #ts-login-popup-modal .close:after { font-size: 14px; color: inherit; } #ts-login-popup-modal .close:hover:after {color: var(--ts-link-hover-color);} .login-popup-content {display: flex; flex-wrap: wrap;} .login-popup-content > * {width: 100%;} .login-popup-content .banner-content > a { display: block; width: 100%; height: 100%; } .login-popup-content .banner-content img { width: 100%; height: 100%; object-fit: cover; } .login-popup-content .form-content { display: flex; flex-flow: column wrap; justify-content: center; font-size: 1em; position: relative; padding: 30px; } .login-popup-content .form-content a {color: inherit;} .login-popup-content .form-content a:hover {color: var(--ts-link-hover-color);} .login-popup-content .form-content > * {width: 100%;} .create-account-wrapper { text-align: center; line-height: 18px; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; align-items: center; border-top: 1px solid var(--ts-border); text-align: center; padding-top: 20px; margin-top: 20px; } body:not(.logged-in) .my-account-wrapper .ts-tiny-account-wrapper .dropdown-container { font-size: calc(1rem - 1px); } body.product-style-v5:not(.logged-in) .my-account-wrapper .ts-tiny-account-wrapper .dropdown-container, .product-style-v5.logged-in .my-account-wrapper .dropdown-container ul { font-size: calc(1rem - 2px); } #ts-login-form .forget-password, .create-account-wrapper a { display: inline-block; vertical-align: middle; overflow: hidden; position: relative; line-height: 1.3; text-decoration: underline; text-underline-offset: 2px; } #ts-login-form p {margin: 0;} #ts-login-form { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; } #ts-login-form > * {width: 100%;} #ts-login-form .login-forget-password { order: 1; text-align: center; } #ts-login-form .login-submit .button {width: 100%;} #ts-login-form .login-remember label { padding: 0; display: flex; align-items: center; } /*** Size Chart Popup ***/ .product-size-chart-container { border-radius: 5px; overflow: hidden; } .ts-popup-modal .product-size-chart-container .product-size-chart-content { padding: 30px; } .ts-popup-modal .product-size-chart-container .ts-size-chart-content { max-height: 56vh; overflow-y: auto; } .product-size-chart-content .chart-image { margin-bottom: 20px; } .product-size-chart-content > h2 { margin-bottom: 15px; text-align: center; } .product-size-chart-content .chart-table, .product-size-chart-content .chart-content > *:last-child { margin-bottom: 0; } .chart-image, .ts-size-chart-content .chart-label, .product-size-chart-content .chart-label, .ts-size-chart-content .chart-table tr td:not(:first-child), .product-size-chart-content .chart-table tr td:not(:first-child) { text-align: center; } .ts-size-chart-content .chart-table tr:first-child td, .ts-size-chart-content .chart-table tr td:first-child, .product-size-chart-content .chart-table tr:first-child td, .product-size-chart-content .chart-table tr td:first-child { font-weight: 600; } .ts-size-chart-content .chart-table tr td:first-child, .product-size-chart-content .chart-table tr td:first-child { width: 160px; } .chart-image img {border-radius: var(--ts-border-radius);} /*** Quick Shop ***/ .opening-quickshop { overflow: hidden; padding-right: var(--scrollbarWidth); /* rtl */ } .opening-quickshop .is-sticky > div { padding-right: var(--scrollbarWidth); /* rtl */ } #ts-quickshop-modal { position: fixed; inset: 0; z-index: -1; } #ts-quickshop-modal.loading, #ts-quickshop-modal.show {z-index: 99990;} #ts-quickshop-modal .overlay {position: absolute;} .ts-popup-modal .quickshop-content {max-height: 100%;padding: 30px;} #ts-quickshop-modal .woocommerce div.product div.summary, #ts-quickshop-modal .woocommerce div.product .woocommerce-product-gallery {margin-bottom: 0 !important;} #ts-quickshop-modal div.product > .summary { position: absolute; top: 0; max-height: 100%; right: -30px;/* rtl */ padding: 0 30px 0 0;/* rtl */ border: 0; border-radius: 0; float: none; transition: none; overflow-x: hidden; overflow-y: auto; background: transparent !important; --ts-star-size: 14px; --ts-star-gap: 5px; } body:not(.product-style-v6) #ts-quickshop-modal .woocommerce div.product .woocommerce-product-rating .star-rating { margin: -4px 0 0; } #ts-quickshop-modal .product .product-brands, #ts-quickshop-modal .product .product-brands a, #ts-quickshop-modal .woocommerce .woocommerce-product-rating {border-radius: 0;} .product-style-v4 #ts-quickshop-modal .woocommerce div.product .summary > .woocommerce-product-details__short-description, :is(.product-style-v2,.product-style-v3,.product-style-v4) #ts-quickshop-modal div.product > .summary { font-size: calc(var(--ts-text-small) - 1px); } #ts-quickshop-modal .woocommerce-product-details__short-description ul {gap: 8px;} #ts-quickshop-modal .woocommerce div.product {--ts-thumbnail-gap: 10px;--ts-gallery-width: 52%;} #ts-quickshop-modal .woocommerce div.product.gallery-layout-vertical { --ts-gallery-width: 56%; --ts-thumbnail-size: 70px; --ts-summary-gap: 25px; } #ts-quickshop-modal .woocommerce-product-gallery__image { padding-left: 0; padding-right: 0; } .product-style-v4 #ts-quickshop-modal .woocommerce div.product.gallery-layout-vertical { --ts-gallery-width: 54%; } #ts-quickshop-modal .woocommerce div.product .summary > .product-brands, #ts-quickshop-modal .woocommerce div.product .summary > .product_title { margin-bottom: calc(var(--ts-summary-gap) * 0.3); } #ts-quickshop-modal .woocommerce div.product form.cart .variations tr > th.label {width: 70px;} .product-style-v5 #ts-quickshop-modal .woocommerce div.product form.cart .variations tr > th.label {width: 100%;} #ts-quickshop-modal .woocommerce div.product form.cart .reset_variations { left: 80px;/* rtl */ } #ts-quickshop-modal .woocommerce div.product form.cart .variations tbody {gap: 10px;} :is(.product-style-v2, .product-style-v4) #ts-quickshop-modal .woocommerce div.product .summary > .ts-variation-price, :is(.product-style-v2, .product-style-v4) #ts-quickshop-modal .woocommerce div.product .summary > p.price, :is(.product-style-v2, .product-style-v4) #ts-quickshop-modal .woocommerce div.product .summary > span.price, :is(.product-style-v2, .product-style-v4) #ts-quickshop-modal .woocommerce div.product .summary > p.price ins, :is(.product-style-v2, .product-style-v4) #ts-quickshop-modal .woocommerce div.product .summary > span.price ins, #ts-quickshop-modal .woocommerce div.product .summary > .product_title { font-size: var(--ts-h3-font-size); line-height: var(--ts-h3-line-height); } #ts-quickshop-modal .woocommerce div.product .summary > .product_title {color: inherit;} .product-style-v1 #ts-quickshop-modal .ts-product-attribute > div.option:not(.color) > a { padding-top: 5px; padding-bottom: 5px; } :where(.product-style-v5,.product-style-v6) .ts-popup-modal .quickshop-content { padding: 0; --ts-product-padding: 30px; } :where(.product-style-v5,.product-style-v6) #ts-quickshop-modal div.product .woocommerce-product-gallery { padding: var(--ts-product-padding); border-width: 0 1px 0 0;/* rtl */ border-style: solid; } :where(.product-style-v5,.product-style-v6) #ts-quickshop-modal div.product.gallery-layout-vertical div.images .flex-control-thumbs { top: var(--ts-product-padding); left: var(--ts-product-padding);/* rtl */ bottom: var(--ts-product-padding); } :where(.product-style-v5,.product-style-v6) #ts-quickshop-modal div.product > .summary { padding: 0 5px 0 0;/* rtl */ inset: var(--ts-product-padding) var(--ts-product-padding) var(--ts-product-padding) auto;/* rtl */ width: calc(100% - var(--ts-gallery-width) - var(--ts-product-padding) * 2 - 5px); } .product-style-v6 #ts-quickshop-modal div.product > .summary { --ts-btn-padding-top: 14px; } /*** Product 360 ***/ .threesixty .nav_bar a:hover {background: transparent;} .threesixty .nav_bar {position: absolute;top:35px;right:-10px;transform: translateX(100%);z-index: 11;display: flex;flex-flow: column wrap;justify-content: center;gap: 5px;} .threesixty .nav_bar a{width: 30px;height: 30px;font-size: 0;text-decoration: none;letter-spacing: 0;text-align: center;} .threesixty .nav_bar a:hover {opacity: 0.7;} .threesixty .nav_bar a:before {font-size: 24px;color: #ffffff;line-height: 30px;display: inline-block;} ol.threesixty_images li {font-size: 0;padding: 0;line-height: 0;} .ts-popup-modal .threesixty {width: 100% !important;} .threesixty .threesixty_images {display: none;list-style: none;margin: 0;padding: 0;} .threesixty .threesixty_images img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: auto;height: auto;transition: 0.35s ease 0s;background: #ffffff;} .threesixty .threesixty_images img:hover {cursor: grabbing;} .threesixty .threesixty_images img.previous-image {visibility: hidden;} .threesixty .threesixty_images img.current-image {visibility: visible;} .threesixty .spinner {width: 60px;display: block;margin: 0 auto;height: 30px;background: #333;background: rgba(0, 0, 0, 0.7);border-radius: var(--ts-border-radius);} .threesixty .spinner span {font-family: Arial, "MS Trebuchet", sans-serif;font-size: 12px;font-weight: bolder;color: #FFF;text-align: center;line-height: 30px;display: block;} .threesixty:-webkit-full-screen {background: #ffffff;width: 100%;height: 100%;margin-top: 0;padding-top: 200px;} .threesixty:-moz-full-screen {background: #ffffff;width: 100%;height: 100%;margin-top: 0;padding-top: 200px;} /*** Add To Cart Popup ***/ body .ts-popup-modal .add-to-cart-popup-container { width: 500px; padding: 30px; border-radius: var(--ts-border-radius); --ts-border: var(--ts-product-border); --ts-btn-color: var(--ts-btn-addtocart-color); --ts-btn-bg: var(--ts-btn-addtocart-bg); --ts-btn-border: var(--ts-btn-addtocart-border); --ts-btn-hover-color: var(--ts-btn-addtocart-hover-color); --ts-btn-hover-bg: var(--ts-btn-addtocart-hover-bg); --ts-btn-hover-border: var(--ts-btn-addtocart-hover-border); } .add-to-cart-popup-content .heading .theme-title { margin: 0 0 20px; padding: 0; font-size: var(--ts-body-font-size); line-height: var(--ts-line-height); text-transform: var(--ts-product-text-transform); text-align: center; color: var(--ts-primary-color); display: flex; justify-content: center; align-items: center; gap: 10px; font-weight: 500; } .add-to-cart-popup-content .heading .theme-title:before { content: '\e9bc'; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; font-size: 0.9em; } .add-to-cart-popup-content .item { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; } .add-to-cart-popup-content .item .product-image { width: 150px; background: var(--ts-product-bg); border-radius: var(--ts-border-radius); overflow: hidden; } .add-to-cart-popup-content .product-meta {flex: 1;} .add-to-cart-popup-content .product-meta .product-name { font-family: var(--ts-product-font-family); font-style: var(--ts-product-font-style); letter-spacing: var(--ts-product-letter-spacing); text-transform: var(--ts-product-text-transform); font-weight: var(--ts-product-font-weight); font-size: var(--ts-product-font-size); line-height: var(--ts-product-line-height); margin-bottom: 5px; color: inherit; } .product-style-v6 .add-to-cart-popup-content .product-meta .product-name { margin-bottom: 15px; } .add-to-cart-popup-content .product-meta .product-name a:hover { text-decoration: none; color: var(--ts-link-hover-color); } .add-to-cart-popup-content .action { width: 100%; display: flex; gap: 10px; --ts-btn-padding-top: 12px; --ts-btn-padding-left: 25px; } .add-to-cart-popup-content .action > a {flex: 1;} /*------------------------------------------------------------------------------------------------------------------- X. WISHLIST ---------------------------------------------------------------------------------------------------------------------*/ #main > .no-title + .page-container .ts-wishlist-table-wrapper {margin-top: 20px;} .ts-wishlist-table-wrapper { font-family: var(--ts-product-font-family); font-style: var(--ts-product-font-style); letter-spacing: var(--ts-product-letter-spacing); text-transform: var(--ts-product-text-transform); font-size: var(--ts-product-font-size); line-height: var(--ts-product-line-height); margin-bottom: var(--ts-content-padding); position: relative; overflow: hidden; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) { display: flex; padding: 20px 0; gap: 50px; align-items: center; border-bottom: 1px solid var(--ts-border); position: relative; } .product-style-v5 .ts-wishlist-table-wrapper {margin-bottom: 0;} .product-style-v5 .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) {padding: 0;gap: 0;} .product-style-v5 .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > * { padding: var(--ts-content-padding); } .ts-wishlist-table-wrapper .heading-row {font-weight: var(--ts-heading-font-weight); padding-top: 0;} .ts-wishlist-table-wrapper .heading-row .product-price {color: var(--ts-text-color)} .ts-wishlist-table-wrapper .product-price { font-family: inherit !important; font-style: inherit !important; font-weight: inherit !important; font-size: inherit !important; } .sku-wrapper .sku, .ts-discount-number, .woocommerce-product-rating .review-count, .ts-fbt-form .submit-wrapper, .ts-fbt-form .submit-wrapper button, .product-per-page-form ul.perpage, .woocommerce div.product .woocommerce-tabs ul.tabs li.reviews_tab, .woocommerce .quantity input.qty, .quantity input.qty, .woocommerce div.product .summary > .ts-variation-price, .woocommerce div.product .summary p.price, .woocommerce div.product .summary span.price, .woocommerce .product-label span.onsale, .ts-wishlist-table-wrapper .product-price, .woocommerce div.product .summary .ts-countdown .counter-wrapper, .woocommerce div.product form.cart .variations { font-variant: lining-nums; } .ts-wishlist-table-wrapper .heading-row .product-price {font-size: 1em !important;} .ts-wishlist-table-wrapper .wishlist-item:last-child {border: 0;} .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > :where(.product-stock-status, .product-price) { width: auto; min-width: 150px; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-name { flex: 1; } .ts-wishlist-table-wrapper .wishlist-item > .product-thumbnail { padding: 10px; background: var(--ts-product-bg); border-radius: var(--ts-border-radius); } :where(.product-style-v2, .product-style-v3, .product-style-v5) .ts-wishlist-table-wrapper .wishlist-item > .product-thumbnail { border-radius: 0; } .ts-wishlist-table-wrapper .wishlist-item > .product-thumbnail {width: 120px;} .ts-wishlist-table-wrapper .wishlist-item > .product-remove {width: 30px;} .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-remove a {width: 100%;font-size: 0;display: inline-block;} .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-remove a:before {font-size: 12px;} .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-remove a:hover {color: var(--ts-primary-color);} .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) a {color: inherit; text-decoration: none;} .ts-wishlist-table-wrapper .button-tooltip {display: inline-block;} .ts-wishlist-table-wrapper .heading-row > .product-name {order: -1;} .ts-wishlist-table-wrapper .product-add-to-cart, .ts-wishlist-table-wrapper .product-add-to-cart a.added_to_cart {min-width: 180px;} .ts-wishlist-table-wrapper .product-add-to-cart a.added_to_cart {display: none !important;} .ts-wishlist-table-wrapper .product-add-to-cart { display: flex; flex-direction: column; gap: 5px; } .ts-wishlist-table-wrapper .product-add-to-cart a {width: 100%;} .ts-wishlist-table-wrapper .product-add-to-cart a.added_to_cart { padding: var(--ts-btn-padding-top) var(--ts-btn-padding-left); border-width: 1px; border-style: solid; border-radius: var(--ts-btn-radius); text-align: center; text-decoration: none; filter: none; box-shadow: none; text-shadow: none; background-image: none; cursor: pointer; font-family: var(--ts-btn-font-family); font-weight: var(--ts-btn-font-weight); font-style: var(--ts-btn-font-style); font-size: var(--ts-btn-font-size); line-height: var(--ts-btn-line-height); letter-spacing: var(--ts-btn-letter-spacing); text-transform: var(--ts-btn-text-transform); color: var(--ts-btn-hover-color); background-color: var(--ts-btn-hover-bg); border-color: var(--ts-btn-hover-border); } /*** Empty wishlist ***/ .ts-wishlist-table-wrapper.empty-wishlist .items .item:only-child {padding: 20px 0; width: 100%; text-align: inherit;} /*** Loading ***/ .ts-compare-popup.loading { min-height: 120px; display: inline-flex; --loading-size: 30px; } .ts-compare-popup.loading > * { opacity: 0; visibility: hidden; } .ts-wishlist-table-wrapper.loading { --loading-size: 36px; } .ts-wishlist-table-wrapper.loading:before { content: ''; position: absolute; inset: 0; background: var(--ts-body-bg); opacity: 0.6; z-index: 2; } /*------------------------------------------------------------------------------------------------------------------- XI. COMPARE ---------------------------------------------------------------------------------------------------------------------*/ .ts-compare-table-wrapper { width: 100%; display: table; margin-bottom: var(--ts-section-gap); position: relative; border-width: 0 0 1px 1px; border-style: solid; font-family: var(--ts-heading-font-family); font-style: var(--ts-heading-font-style); text-transform: var(--ts-product-text-transform); background: var(--ts-dropdown-bg); border-radius: var(--ts-border-radius); color: var(--ts-dropdown-color); overflow: hidden; } .product-style-v5 .ts-compare-table-wrapper { border-radius: 0; margin: -1px 0; --ts-border-radius: 0; } .product-style-v5 .ts-empty-compare-message, .product-style-v5 .ts-wishlist-table-wrapper.empty-wishlist .items .item:only-child{ padding: var(--ts-content-padding); } .product-style-v5 .ts-compare-table-wrapper > div > *:last-child { border-right: 0;/* rtl */ } :where(.woocommerce-cart, .woocommerce-account, .woocommerce-checkout) .page-container { font-family: var(--ts-heading-font-family); font-style: var(--ts-heading-font-style); text-transform: var(--ts-product-text-transform); } :where(.woocommerce-cart, .woocommerce-account, .woocommerce-checkout) .page-container ::-webkit-input-placeholder { font-family: var(--ts-heading-font-family); font-style: var(--ts-heading-font-style); text-transform: var(--ts-product-text-transform); } :where(.woocommerce-cart, .woocommerce-account, .woocommerce-checkout) .page-container :-moz-placeholder { font-family: var(--ts-heading-font-family); font-style: var(--ts-heading-font-style); text-transform: var(--ts-product-text-transform); } :where(.woocommerce-cart, .woocommerce-account, .woocommerce-checkout) .page-container ::-moz-placeholder { font-family: var(--ts-heading-font-family); font-style: var(--ts-heading-font-style); text-transform: var(--ts-product-text-transform); } :where(.woocommerce-cart, .woocommerce-account, .woocommerce-checkout) .page-container :-ms-input-placeholder { font-family: var(--ts-heading-font-family); font-style: var(--ts-heading-font-style); text-transform: var(--ts-product-text-transform); } .ts-compare-table-wrapper > div { display: table-row; text-align: center; } .ts-compare-table-wrapper > div.product-thumbnail .product-add-to-cart { margin-top: auto; } .ts-compare-table-wrapper > div > *:not(.heading) { flex: 1; } .ts-compare-table-wrapper > div > * { display: table-cell; padding: 25px 30px; border-width: 1px 1px 0 0; border-style: solid; } .ts-compare-table-wrapper > div:not(.product-thumbnail) > * { vertical-align: middle; } .ts-compare-table-wrapper > div .heading { min-width: 200px; text-align: start; font-weight: var(--ts-heading-font-weight); } .ts-compare-table-wrapper > div ul {margin: 0;} .ts-compare-table-wrapper .product-description ul { align-items: center; } .ts-compare-table-wrapper .product-thumbnail > div { text-align: center; padding-top: 40px; padding-bottom: 25px; position: relative; } .ts-compare-table-wrapper .product-thumbnail > div:first-child { border-top-left-radius: var(--ts-border-radius); } .ts-compare-table-wrapper .product-thumbnail > div:last-child { border-top-right-radius: var(--ts-border-radius); } .ts-compare-table-wrapper > div:last-child > div:first-child { border-bottom-left-radius: var(--ts-border-radius); } .ts-compare-table-wrapper > div:last-child > div:last-child { border-bottom-right-radius: var(--ts-border-radius); } .ts-compare-table-wrapper .product-thumbnail .product-price { justify-content: center; } .ts-compare-table-wrapper .product-thumbnail > div > *:not(:last-child):not(.ts-remove-from-compare) {margin-bottom: 13px;} .ts-compare-table-wrapper .product-thumbnail > div > h6:not(:last-child):not(.ts-remove-from-compare) {margin-bottom: 8px;} .ts-compare-table-wrapper .product-thumbnail > div > .thumbnail {display: block;} .ts-compare-table-wrapper .product-thumbnail > div h6 { margin: 0; font-family: var(--ts-product-font-family); font-style: var(--ts-product-font-style); letter-spacing: var(--ts-product-letter-spacing); text-transform: var(--ts-product-text-transform); font-weight: var(--ts-product-font-weight); font-size: var(--ts-product-font-size); line-height: 1.2; } .ts-compare-table-wrapper .product-pa_color > div > span, .ts-compare-table-wrapper .product-pa_color > div > img { width: 30px; height: 30px; border-radius: 100%; border: 1px solid var(--ts-border); margin: 5px; display: inline-block; } .ts-compare-table-wrapper a, .ts-compare-table-wrapper a:hover {text-decoration: none;} .ts-compare-table-wrapper.woocommerce a.added_to_cart {display: none !important;} .ts-remove-from-compare { width: 24px; height: 24px; line-height: 24px; position: absolute; top: 10px; left: 50%;/* rtl */ transform: translateX(-50%);/* rtl */ font-size: 0; color: inherit; } .ts-remove-from-compare:before { content: '\e94e'; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; font-size: 14px; } .ts-compare-table-wrapper .product-thumbnail img { width: 100%; max-width: 300px; } .ts-compare-table-wrapper .product-add-to-cart .button-tooltip {display: inline-block;} .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button { max-width: 200px; margin: 0 auto; width: 100%; } /*------------------------------------------------------------------------------------------------------------------- IX. MY ACCOUNT ---------------------------------------------------------------------------------------------------------------------*/ .woocommerce form.login, .woocommerce form.register { border-width: 0; padding: 0; margin: 0; } .woocommerce-account form.login { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 20px 0; } .woocommerce-account form.register > *, .woocommerce-account form.login .form-row-wide { width: 100%; } .woocommerce-account form.login .form-row:not(.form-row-wide) { flex: 1; } .woocommerce-account form.login p {margin: 0;} /*** Login/Register ***/ .woocommerce form.track_order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password { margin-left: auto; margin-right: auto; } :is(.woocommerce,.woocommerce-page) #customer_login:before, :is(.woocommerce,.woocommerce-page) #customer_login:after, .woocommerce-account .woocommerce:after, .woocommerce-account .woocommerce:before{ display: none; } .woocommerce-account article > .woocommerce {--ts-form-gap: 160px;} .product-style-v6.woocommerce-account article > .woocommerce {min-height: 500px;} .product-style-v5.woocommerce-account article > .woocommerce {padding: var(--ts-content-padding);} .product-style-v5 .woocommerce-MyAccount-content > .woocommerce-notices-wrapper + p, .product-style-v5.woocommerce-account .woocommerce-MyAccount-navigation { margin-top: 0; margin-bottom: var(--ts-content-padding); } .woocommerce #customer_login { display: flex; overflow: hidden; gap: var(--ts-section-gap); margin-top: var(--ts-section-gap) } :is(.product-style-v5,.product-style-v6) .woocommerce #customer_login { margin-top: 0; } :is(.woocommerce,.woocommerce-page) #customer_login > * { float: none; width: 50%; position: relative; } .main-content-fullwidth .woocommerce #customer_login, .layout-fullwidth .woocommerce #customer_login { max-width: var(--ts-site-max-width); margin-left: auto; margin-right: auto; } .woocommerce form.track_order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password { max-width: 700px; margin: var(--ts-section-gap) auto; } .product-style-v6 .woocommerce form.track_order, .product-style-v6 .woocommerce form.woocommerce-ResetPassword.lost_reset_password { max-width: 100%; margin-top: 0; padding-top: 5%; padding-bottom: 5%; } .product-style-v6 .woocommerce form.track_order > *, .product-style-v6 .woocommerce form.woocommerce-ResetPassword.lost_reset_password > * { max-width: 700px; margin-left: auto; margin-right: auto; } .product-style-v6 .woocommerce :is(.track_order,.woocommerce-ResetPassword.lost_reset_password) .form-row-first, .product-style-v6 .woocommerce :is(.track_order,.woocommerce-ResetPassword.lost_reset_password) .form-row-last { margin-left: auto; margin-right: auto; float: none; } .woocommerce form.track_order > .clear + .form-row, .woocommerce form.woocommerce-ResetPassword.lost_reset_password > .clear + .form-row { text-align: center; } .woocommerce #customer_login p.lost_password:last-child, .woocommerce #customer_login p.form-row:last-child { margin-bottom: 0; } .woocommerce form .password-input input[type=password], .woocommerce-page form .password-input input[type=password] { padding-right: 50px;/* rtl */ } .woocommerce form .show-password-input, .woocommerce-page form .show-password-input { right: 20px;/* rtl */ } body.product-style-v3 .select2-container--default .select2-selection--single .select2-selection__arrow, .woocommerce.product-style-v3 form .show-password-input, .woocommerce-page.product-style-v3 form .show-password-input { right: 0;/* rtl */ } .woocommerce form .show-password-input:before, .woocommerce-page form .show-password-input:before { height: 16px; width: 16px; } .woocommerce-MyAccount-content p > a { color: inherit; text-decoration: none; } .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label { font-weight: inherit; padding: 0; } .woocommerce .woocommerce-form-login .lost_password a, .woocommerce .checkout-login-coupon-wrapper form.login .lost_password a { text-decoration: underline; text-underline-offset: 3px } .woocommerce .woocommerce-form-login .lost_password a, .woocommerce .checkout-login-coupon-wrapper form.login .lost_password a, .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme span { line-height: 1.2; display: inline-block; vertical-align: -2px; } .woocommerce .woocommerce-form-login .lost_password a, .woocommerce .checkout-login-coupon-wrapper form.login .lost_password a { vertical-align: -10px; } .woocommerce .woocommerce-form-login .lost_password a:hover, .woocommerce .checkout-login-coupon-wrapper form.login .lost_password a:hover { color: var(--ts-link-hover-color); } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {display: block; float: none; padding-bottom: 20px;} form.track_order input[type^="submit"], form.track_order button[type^="submit"], .woocommerce form.woocommerce-ResetPassword.lost_reset_password input[type^="submit"], .woocommerce form.woocommerce-ResetPassword.lost_reset_password button[type^="submit"] { min-width: 166px; } form.track_order input[type^="submit"], form.track_order button[type^="submit"] { margin-top: 10px; } .woocommerce form.track_order .form-row-first, .woocommerce form.track_order .form-row-last { width: 100%; margin-left: 0; margin-right: 0; } .woocommerce form.track_order div.clear + .form-row, .woocommerce form.woocommerce-ResetPassword.lost_reset_password div.clear + .form-row { margin-bottom: 0; } /*** Navigation ***/ .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { width: 100%; float: none; } .woocommerce-account .woocommerce-MyAccount-navigation { overflow-x: auto; margin: 40px 0 40px; border-width: 0 0 1px 0; border-style: solid; } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; overflow: visible; display: flex; line-height: 0; position: relative; gap: 0 50px; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { list-style: none; padding: 0 0 10px 0; position: relative; z-index: 1; border-width: 0; border-radius: 0; background: transparent !important; transition: 300ms ease 0s; font-weight: 600; color: var(--ts-heading-color); } .woocommerce-account .woocommerce-MyAccount-navigation ul li:after { left: 50%; right: 50%; width: auto; position: absolute; bottom: 0; content: ""; border-width: 0 0 2px 0; border-style: solid; display: block; box-shadow: none; border-radius: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:hover, .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active { color: var(--ts-primary-color); } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active:after { left: 0; right: 0; border-color: var(--ts-primary-color); } .woocommerce-account .woocommerce-MyAccount-navigation ul li > a { line-height: 24px; padding: 0; color: inherit; padding: 0; margin: 0; position: relative; z-index: 1; width: 100%; display: inline-block; white-space: nowrap; text-decoration: none; transition: 300ms ease 0s; } /*** Content ***/ .woocommerce-account .woocommerce-MyAccount-content {display: block;} .woocommerce-account .addresses .title:after, .woocommerce-account .addresses .title:before {display: none;} header.woocommerce-Address-title { width: 100%; display: flex; flex-wrap: wrap; gap: 10px; } .woocommerce-account .addresses .title .edit { float: none; display: inline-block; text-decoration: none; color: inherit; font-size: calc(1em - 2px); } .woocommerce-account .addresses .title .edit:before, .woocommerce-account .addresses .title .edit:after { content: "("; display: inline-block; } .woocommerce-account .addresses .title .edit:after { content: ")"; } .woocommerce-account .addresses .title .edit:hover { color: var(--ts-link-hover-color); } .woocommerce .woocommerce-MyAccount-content table.shop_table.order_details tfoot { text-align: end; font-weight: var(--ts-heading-font-weight); } .woocommerce .woocommerce-MyAccount-content table.shop_table tr th:first-child, .woocommerce .woocommerce-MyAccount-content table.shop_table tr td:first-child { padding-left: 0; /* rtl */ } .woocommerce .woocommerce-MyAccount-content table.shop_table tr th:last-child, .woocommerce .woocommerce-MyAccount-content table.shop_table tr td:last-child { padding-right: 0; /* rtl */ text-align: end; } .woocommerce .woocommerce-MyAccount-content table.shop_table tbody tr th {border-top: 0;} .woocommerce .woocommerce-MyAccount-content table.shop_table tr th, .woocommerce .woocommerce-MyAccount-content table.shop_table tr td { background: transparent; } .woocommerce .woocommerce-MyAccount-content table.shop_table thead tr th { padding-top: 0; } .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination { margin-top: 30px; display: flex; flex-flow: row wrap; } .woocommerce table.my_account_orders .button, .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .button { padding: 4px 10px; min-width: 75px; color: var(--ts-btn-color) !important; overflow: hidden; line-height: 20px; font-size: calc(1rem - 2px); } .woocommerce table.my_account_orders .button:hover, .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .button:hover { color: var(--ts-btn-hover-color) !important; } .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button--next { margin-left: auto; /* rtl */ } .woocommerce-MyAccount-content .woocommerce-Addresses { display: inline-block; width: 100%; } .woocommerce-Address address{ margin-bottom: 0; line-height: 1.5; font-size: calc(1em - 1px); } .woocommerce-MyAccount-content form button[type^="submit"] { margin-top: 20px; } .woocommerce .woocommerce-Address a.button { padding: 5px 10px; } .woocommerce-MyAccount-content html input#account_email { max-width: 100%; } .woocommerce-MyAccount-content > form { display: inline-block; width: 100%; } form.edit-account .woocommerce-form-row em {font-size: 0.87em;} .woocommerce > .woocommerce-order .woocommerce-customer-details, .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details { margin-bottom: 0; } .woocommerce div.address a.button { margin-top: 20px; min-width: 120px; } .woocommerce .edit-box-textfull .button { margin-top: 10px } .woocommerce .edit-box-textfull p.form-row { width: 100%; float: none; padding: 0; margin: 3px 0 0; } p.form-row select, p.form-row input[type="text"], p.form-row input[type="password"], p.form-row input[type="date"], p.form-row input[type="email"], p.form-row input[type="number"], p.form-row input[type="search"], p.form-row input[type="tel"], p.form-row textarea, .edit-box-textfull p.form-row input[type="text"], .edit-box-textfull p.form-row input[type="password"], .edit-box-textfull p.form-row input[type="date"], .edit-box-textfull p.form-row input[type="email"], .edit-box-textfull p.form-row input[type="search"], .edit-box-textfull p.form-row input[type="number"], .edit-box-textfull p.form-row input[type="tel"], .edit-box-textfull p.form-row textarea { max-width: 100%; } .woocommerce-orders-table__cell-order-number a { color: inherit; } .woocommerce > form > fieldset { border: 0; margin: 40px 0 0 0; } .woocommerce > form > fieldset legend { text-transform: uppercase; margin: 0 0 20px 0; } .track_order .form-row input[type="submit"] { min-width: 120px; } .woocommerce-MyAccount-content > form > h3, .woocommerce-account .addresses .title h3, .woocommerce-account .addresses h2, .woocommerce-customer-details .addresses h2 { font-size: var(--ts-h6-font-size); letter-spacing: inherit; line-height: inherit; float: left;/* rtl */ margin-bottom: 20px; } .woocommerce-MyAccount-content > .woocommerce-notices-wrapper + p { margin-bottom: 40px; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { position: relative; display: block; padding: 0; margin: 0; } .woocommerce .woocommerce-customer-details address { border-width: 0; border-radius: 0; clear: both; padding: 0; line-height: 2; } .woocommerce .woocommerce-customer-details { margin-bottom: var(--ts-section-gap); } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before { position: static; margin: 0 10px 0 0; /* rtl */ padding: 0; display: inline-block; vertical-align: middle; } .woocommerce table.customer_details tbody tr th, .woocommerce table.customer_details tbody tr td { border-width: 1px 0 0 0; border-style: solid; padding-right: 0;/* rtl */ padding-left: 20px;/* rtl */ text-align: center !important; } .woocommerce table.customer_details tbody tr td, .woocommerce table.customer_details tbody tr td:last-child { padding-right: 20px;/* rtl */ padding-left: 20px; } .woocommerce table.customer_details tbody tr:first-child th, .woocommerce table.customer_details tbody tr:first-child td { border-width: 0; } .woocommerce-MyAccount-content .woocommerce-order-details > h2 { margin-bottom: 23px; } .woocommerce .woocommerce-order-details table.shop_table td.product-name { max-width: initial; } .woocommerce .woocommerce-order-details table.shop_table tbody th, .woocommerce .woocommerce-order-details table.shop_table tfoot td, .woocommerce .woocommerce-order-details table.shop_table tfoot th { border-top: 0; } .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads { margin-bottom: 50px; } .woocommerce form.woocommerce-ResetPassword.lost_reset_password .form-row-first, .woocommerce form.woocommerce-ResetPassword.lost_reset_password .form-row-last { width: 100%; float: none; margin-right: 0; /* rtl */ } .woocommerce ul.order_details { display: flex; flex-flow: row wrap; align-items: center; background: rgba(155,155,155,0.1); border-radius: var(--ts-border-radius); border: 1px solid var(--ts-border); margin: 0 0 20px; } .woocommerce .woocommerce-order-details { margin-top: 50px; } .woocommerce ul.order_details li { float: none; margin: 0; padding: 10px; font-size: 1em; flex: 1; letter-spacing: 0; text-align: center; text-transform: none; border-width: 0 1px 0 0; /* rtl */ border-style: solid; border-color: rgba(0,0,0,0.1); } .woocommerce ul.order_details li strong { display: block; font-size: 1em; margin-top: 5px; } .woocommerce .woocommerce-order-details table.shop_table .amount.woocommerce-Price-amount {color: inherit;} .woocommerce td.product-name .wc-item-meta li {list-style: none;} .woocommerce-order-details .woocommerce-order-details__title {margin-bottom: 20px;} /*-------------------------------------------------------------------------------------------------------------------- XIII. BLOG ---------------------------------------------------------------------------------------------------------------------*/ .site-content > article:after { content: ""; clear: both; display: table; } .page-template-blog-template #main > .page-container { padding-top: 18px; } .page-template-blog-template.product-style-v3 #main > .page-container { padding-top: 40px; } .page-template-blog-template.product-style-v4 #main > .page-container { padding-top: 76px; } .ts-blogs.columns-1, .columns-1 .list-posts { --blogs-gap-v: var(--ts-section-gap); } /*** Filters Bar ***/ ul.filter-bar { display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 60px; } .product-style-v3 ul.filter-bar { margin-bottom: 40px; padding-bottom: 22px; border-bottom: 1px solid var(--ts-border); } .product-style-v6 ul.filter-bar { margin-bottom: 50px; border-bottom: 1px solid var(--ts-border); padding-bottom: 76px; } ul.filter-bar li { list-style: none; padding: 0; font-size: calc(var(--ts-body-font-size) + 3px); line-height: 22px; color: var(--ts-text-color); transition: 0.3s ease; text-decoration: none; position: relative; } .product-style-v5 ul.filter-bar li { font-size: calc(var(--ts-body-font-size) + 1px); } .product-style-v6 ul.filter-bar li { font-size: var(--ts-body-font-size); } .product-style-v6 ul.filter-bar li.current { font-weight: inherit; } :where(.product-style-v4,.product-style-v5,.product-style-v6) ul.filter-bar li { color: var(--ts-gray-color); } .product-style-v6 ul.filter-bar li:hover, .product-style-v6 ul.filter-bar li.current, .product-style-v4 ul.filter-bar li:hover, .product-style-v4 ul.filter-bar li.current { color: var(--ts-heading-color); } .product-style-v5 ul.filter-bar li:hover, .product-style-v5 ul.filter-bar li.current { color: var(--ts-text-color); } ul.filter-bar li:after { content: ''; position: absolute; left: 0; right: 0; bottom: 1px; border-bottom: 1px solid; transition: 300ms ease; transform: scale(0); } ul.filter-bar li.current { font-weight: 600; } ul.filter-bar li:hover:after, ul.filter-bar li.current:after { transform: scale(1); } ul.filter-bar li a{ color: inherit; text-decoration: none; display: block; } /*** Blog Grid ***/ .list-posts, .ts-shortcode.ts-blogs:not(.ts-slider) .items { display: flex; flex-wrap: wrap; gap: var(--blogs-gap-v) 0; } .list-posts article, .ts-blogs .items article { width: 100%; position: relative; } .product-style-v4 .list-posts article, .product-style-v4 .ts-blogs .items article { --ts-border-radius: 20px; } .entry-meta-top { color: var(--ts-text-color); font-size: calc(var(--ts-body-font-size) - 2px); line-height: 1.2; position: relative; max-width: max-content; } .entry-meta-top:after { content: ''; display: table; clear: both; } .entry-meta-top > *:not(:last-child) { margin-right: var(--entry-meta-gap);/* rtl */ display: inline-block; float: left;/* rtl */ } body:not(.product-style-v2, .product-style-v4) .list-posts article, body:not(.product-style-v2, .product-style-v4) .ts-blogs .items article { --entry-meta-gap: 20px; } .ts-blogs.layout-masonry:not(.ts-slider) .items article{ padding-bottom: var(--blogs-gap-v); } .product-style-v5 .entry-meta-top {text-transform: uppercase;} .product-style-v6 .entry-meta-top {color: var(--ts-gray-color);} .product-style-v1 .entry-meta-top { padding: 5px 16px; border-radius: 15px; color: var(--ts-primary-color); overflow: hidden; display: flex; flex-wrap: wrap; gap: 15px 0; } .entry-meta-top .cats-link { display: inline-flex; gap: 5px 15px; flex-wrap: wrap; } .product-style-v1 .entry-meta-top:before { content: ''; background: var(--ts-primary-color); position: absolute; inset: 0; opacity: 0.1; } .product-style-v1 .entry-meta-top > * {position: relative;} body:not(.product-style-v2, .product-style-v4) .entry-meta-top > *:not(:last-child) { padding-right: calc(var(--entry-meta-gap) + 3px);/* rtl */ position: relative; } body:not(.product-style-v2, .product-style-v4) .entry-meta-top > *:not(:last-child):after { content: ''; width: 3px; height: 3px; background: currentColor; border-radius: 50%; display: inline-block; position: absolute; right: 0;/* rtl */ top: 50%; transform: translateY(-50%); } body.product-style-v1 article .entry-meta-top > *:not(:last-child):after { background: var(--ts-primary-color); } a.vcard.author, a.vcard.author:hover {text-decoration: none !important;} a.vcard.author, .wp-block-post-author__avatar {display: inline-block;} a.button.button-readmore { color: var(--ts-heading-color); background-color: transparent; border-color: var(--ts-heading-color); position: relative; padding: 4px 40px; line-height: 20px; margin-top: 3px; display: inline-block; } a.button.button-readmore:hover { color: var(--ts-link-hover-color); border-color: var(--ts-link-hover-color); } .product-style-v1 a.button.button-readmore { border: 0; padding: 0; margin-top: 0; font-size: var(--ts-body-font-size); font-weight: inherit; position: relative; } .product-style-v1 a.button.button-readmore:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px solid; transition: 300ms ease; transform-origin: top left; } .product-style-v1 a.button.button-readmore:hover:after { transform: scale(0); } .product-style-v3 .entry-meta-top a:hover {color: var(--ts-primary-color);} .ts-blogs article .article-content, .list-posts article, :where(.ts-blogs, .list-posts) article .entry-content { display: flex; flex-direction: column; gap: 20px; } .ts-blogs article:not(.has-post-thumbnail) .article-content, .list-posts article:not(.has-post-thumbnail) { gap: 0; } :where(.product-style-v2, .product-style-v4) .entry-meta-top { font-family: var(--ts-heading-font-family); font-style: var(--ts-heading-font-style); text-transform: uppercase; font-size: calc(var(--ts-body-font-size) - 1px); } .product-style-v3 .entry-meta-top { font-size: calc(var(--ts-body-font-size) - 1px); } :where(.product-style-v2, .product-style-v4) .related-posts .entry-meta-top, :where(.product-style-v2, .product-style-v4) .list-posts .entry-meta-top, :where(.product-style-v2, .product-style-v4) .ts-blogs.layout-grid .entry-meta-top { margin: 0 auto; } .product-style-v3 .related-posts.layout-grid .entry-meta-top, .product-style-v3 .list-posts.layout-grid .entry-meta-top, .product-style-v3 .ts-blogs.layout-grid .entry-meta-top { margin: 0 auto; } :where(.ts-blogs, .list-posts) article .entry-content {gap: 15px;} :where(.product-style-v2,.product-style-v4) :where(.ts-blogs, .list-posts) article .entry-content { justify-content: center; text-align: center; } .product-style-v3 :where(.ts-blogs, .list-posts):not(.layout-list) article .entry-content { justify-content: center; text-align: center; } :where(.product-style-v2,.product-style-v4) :where(.ts-blogs, .list-posts) article .entry-content .entry-meta-top { align-self: center; } :where(.product-style-v2, .product-style-v3, .product-style-v4) .list-posts article.has-post-thumbnail .entry-content, :where(.product-style-v2, .product-style-v3, .product-style-v4) .ts-blogs:not(.layout-list) article.has-post-thumbnail .entry-content { padding-left: 5%; padding-right: 5%; } article .entry-content > *:not(.entry-meta-top) { max-width: 100%; } .list-posts article .entry-content.no-featured-image{ margin-top: 0; } :where(.ts-blogs, .list-posts) article .entry-title { font-size: var(--ts-h4-font-size); line-height: var(--ts-h4-line-height); } body:not(.layout-fullwidth) blockquote {gap: 20px;} body:not(.layout-fullwidth) blockquote, body:not(.layout-fullwidth) .ts-blogs.columns-3 article .entry-title, body:not(.layout-fullwidth) .columns-3 .list-posts article .entry-title { font-size: var(--ts-h5-font-size); line-height: var(--ts-h5-line-height); } body.page article.page > *:last-child:not(.ts-wishlist-table-wrapper):not(.ts-compare-table-wrapper) { margin-bottom: 0; } .list-posts article:not(.quote) .entry-format, .ts-blogs article:not(.quote) .thumbnail-content, .list-posts article .entry-format figure, .ts-blogs article .thumbnail-content figure { position: relative; } .post_list_widget li .thumbnail, .list-posts article .entry-format figure, .ts-blogs article .thumbnail-content figure { max-width: 100%; overflow: hidden; border-radius: var(--ts-border-radius); } .post_list_widget li .thumbnail img, .list-posts article.has-post-thumbnail .thumbnail img, .ts-blogs article.has-post-thumbnail .thumbnail img { width: 100%; border-radius: var(--ts-border-radius); transition: 300ms ease; } .post_list_widget li .thumbnail:hover img, .list-posts article.has-post-thumbnail .thumbnail:hover img, .ts-blogs article.has-post-thumbnail .thumbnail:hover img { transform: scale(1.1) rotate(1deg); } .list-posts article .thumbnail.gallery .swiper-wrapper img, .ts-blogs article .thumbnail.gallery .swiper-wrapper img { -o-object-fit: cover; object-fit: cover; } .entry-meta-top a:hover, .list-posts article header .entry-title a:hover, .ts-blogs article header .entry-title a:hover { color: var(--ts-link-hover-color); text-decoration: none; } .ts-blogs article .excerpt:empty, .entry-summary .short-content:empty { display: none; } .excerpt > *:last-child, .entry-summary .short-content > *:last-child { margin-bottom: 0; } .entry-summary .short-content > *:last-child:after { content: ''; display: table; clear: both; } .entry-summary .short-content table :where(tbody, tfoot) tr:last-child th, .entry-summary .short-content table :where(tbody, tfoot) tr:last-child td { border-bottom-width: 0; } .entry-summary .short-content > .wp-block-button.alignleft:nth-last-child(2) { margin-bottom: 0 !important; } /*** Blog List ***/ .product-style-v5 .list-posts article, .product-style-v5 .ts-blogs:not(.ts-slider) .items article, .list-posts.layout-list article, .ts-blogs:not(.ts-slider).layout-list .items article { width: 100% !important; } .product-style-v5 .list-posts, .product-style-v5 .ts-blogs:not(.ts-slider) .items { display: grid; grid-gap: 1px; } :where(.columns-2, .columns-3) .list-posts.layout-list, .ts-blogs.layout-list:where(.columns-2, .columns-3) .blogs { display: grid; grid-template-columns: 1fr; } :where(.columns-1,.columns-2,.columns-3) .list-posts.layout-list.size-thumbnail, .ts-blogs:not(.ts-slider).layout-list.size-thumbnail:where(.columns-1,.columns-2,.columns-3) .items { grid-template-columns: repeat(2,1fr); } .product-style-v5 :where(.columns-2, .columns-3) .list-posts article, .product-style-v5 .ts-shortcode.ts-blogs:where(.columns-2, .columns-3) .items article, .product-style-v5 .ts-shortcode.ts-blogs.ts-slider:where(.columns-2, .columns-3) .items article { padding: var(--ts-content-padding); } .product-style-v5 .list-posts article, .product-style-v5 .ts-blogs .items article { padding: var(--ts-content-padding); outline: 1px solid var(--ts-border); } .list-posts.layout-list article, .ts-blogs.layout-list article .article-content { flex-direction: row; align-items: center; gap: var(--item-gap-h) var(--item-gap-v); } .list-posts.layout-list article .entry-format, .ts-blogs.layout-list article .article-content .thumbnail-content {max-width: 50%;} .columns-1 .list-posts.layout-list article .entry-format, .ts-blogs.layout-list.columns-1 article .article-content .thumbnail-content {max-width: 55%;} .list-posts.layout-list article .entry-content, .ts-blogs.layout-list article .article-content .entry-content {flex: 1;} .product-style-v5 .list-posts.layout-list article .entry-format, .product-style-v5 .ts-blogs.layout-list article .article-content .thumbnail-content { width: 180px; max-width: 100%; } .list-posts.layout-list.size-cozycorner_blog_thumb_small article .entry-format, .related-posts.layout-list.size-cozycorner_blog_thumb_small article .article-content .thumbnail-content { width: 460px; max-width: 100%; } .related-posts.layout-list.size-cozycorner_blog_thumb_small.readmore-icon article .article-content .thumbnail-content { width: 170px; } .product-style-v6 .related-posts.layout-list.readmore-icon .entry-content > *:not(header):not(.readmore) {display: none;} .product-style-v6 .ts-blogs.layout-list article .entry-title, .product-style-v6 .list-posts.layout-list article .entry-title { font-size: var(--ts-h4-font-size); line-height: var(--ts-h4-line-height); } .product-style-v6 .list-posts.layout-list article .entry-content header, .product-style-v6 .ts-blogs.layout-list article .article-content header {order: -1;} .product-style-v6 #commentform { --ts-input-background-color: transparent; } /*** Unit Test ***/ .list-posts article.sticky { padding: 50px; background: #ebeef0; border-radius: var(--ts-border-radius); margin-bottom: 6px; } .list-posts article .short-content blockquote { margin-bottom: 20px; } .wp-block-embed.alignfull figcaption { text-align: center; } .wp-block-latest-comments li article { padding-bottom: 0 !important; margin-bottom: 0 !important; border-width: 0 !important; } .wp-block-search{ max-width: 600px; } .list-posts article .short-content > .wp-caption:first-child > a:first-child > img:first-child { margin-top: 10px; } .post-password-form label { display: inline-block; vertical-align: bottom; margin: 0; padding: 0; } .post-password-form label input { margin-top: 10px; margin-bottom: 0; min-width: 300px; } .short-content form p:last-child { margin-bottom: 5px; } .entry-content > .content-wrapper > blockquote:first-child, .entry-content > .content-wrapper > .wp-block-group.has-background:first-child { margin-top: 5px; } body.page article.page + .comments-area { margin-top: 60px; margin-bottom: 60px; } /*-------------------------------------------------------------------------------------------------------------------- IX. BLOG DETAIL ---------------------------------------------------------------------------------------------------------------------*/ .woocommerce .cross-sells > h2, .woocommerce .up-sells > h2, .woocommerce .related > h2, .ts-frequently-bought-together > h3, .theme-title .heading-title, .comments-title .heading-title, .woocommerce-billing-fields > h3, .woocommerce-MyAccount-content > h2, .woocommerce-customer-details > h2, .woocommerce-additional-fields > h3, header.woocommerce-Address-title > h3, .woocommerce > form.checkout #order_review_heading { margin-bottom: var(--ts-heading-gap); color: var(--ts-heading-color); } .product-style-v6 .entry-author .author, .product-style-v6 .theme-title .heading-title, .product-style-v6 #comment-wrapper .heading-title, .product-style-v6 .comments-title .heading-title { font-size: 1em; line-height: inherit; } .product-style-v6 .theme-title .heading-title, .product-style-v6 #comment-wrapper .heading-title, .product-style-v6 .comments-title .heading-title { margin-bottom: 45px; } .product-style-v6 .ts-blogs.related-posts.layout-list article { padding-bottom: 30px; margin-bottom: 30px; } .product-style-v6 .ts-blogs.related-posts.layout-list.ts-slider article, .product-style-v6 .ts-blogs.related-posts.layout-list article:last-child { padding-bottom: 0; margin-bottom: 0; border: 0; } .product-style-v6 .comments-area, .product-style-v6 .single-related-wrapper { border: 0; position: relative; } .product-style-v6 .comments-area:before, .product-style-v6 .single-related-wrapper:before { content: ''; height: 6px; background: var(--ts-border); border-radius: 40px; position: absolute; top: 0; left: 0; right: 0; } .ts-alignleft .subscribe-widget form {margin-left: 0; margin-right: auto;} .ts-alignright .subscribe-widget form {margin-left: auto; margin-right: 0;} .ts-aligncenter .subscribe-widget form {margin-left: auto; margin-right: auto;} .ts-shortcode .shortcode-heading-wrapper .sub-title { text-transform: uppercase; font-size: 1.06rem; line-height: 1; margin-bottom: 0; } .ts-shortcode .shortcode-heading-wrapper .shortcode-title + .sub-title { margin-top: 10px; } :where(article.single.single-post, .post-content-wrapper) { display: flex; flex-wrap: wrap; gap: var(--ts-section-gap) 0; } article.single.single-post { gap: 0; --ts-section-gap: 100px; } .product-style-v5 :is(article.single.single-post, .ts-blogs, .list-posts) { --ts-section-gap: 0; --blogs-gap-h: 0; --blogs-gap-v: 0; } .product-style-v5 :is(.ts-blogs, .list-posts):not(.layout-list) { --ts-border-radius: 0; } .product-style-v5 :where(.ts-blogs, .list-posts).layout-list { gap: 1px; } :where(.ts-blogs, .list-posts).layout-list.size-thumbnail { --ts-border-radius: 50%; } body :where(.ts-blogs, .list-posts).layout-list.size-thumbnail .ts-video.auto-size { padding-bottom: 100%; background: rgba(150,150,150,0.1); } body :where(.ts-blogs, .list-posts).layout-list.size-cozycorner_blog_thumb_small .ts-video.auto-size { padding-bottom: 41.3%; background: rgba(150,150,150,0.1); } body :where(.ts-blogs, .list-posts).layout-list.size-thumbnail .thumbnail.gallery .swiper-horizontal > .swiper-pagination-bullets {display: none;} .product-style-v6 :where(.ts-blogs, .list-posts).layout-list { --ts-border-radius: 100px; --blogs-gap-v: 0; margin: 0; } .ts-blogs.readmore-icon .items article, .product-style-v6 :where(.ts-blogs, .list-posts).layout-list article { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid var(--ts-border); } .product-style-v6 .ts-blogs.layout-list article:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .ts-blogs.ts-slider.readmore-icon .items article, .ts-blogs.ts-slider.layout-list .items article { padding-bottom: 0; margin-bottom: 0; border: 0; } .product-style-v5 .ts-blogs.related-posts.layout-list { gap: 0; } .entry-author .author-meta .description, .ts-blogs article .excerpt, .entry-summary .short-content, .post-content-wrapper .entry-content { font-size: var(--ts-blogs-font-size); color: var(--ts-blogs-text-color); } .entry-author .author-meta .description { font-family: var(--ts-font-family); font-weight: var(--ts-font-weight); font-style: var(--ts-font-style); line-height: var(--ts-line-height); letter-spacing: var(--ts-letter-spacing); text-transform: var(--ts-body-text-transform); } .product-style-v1 .ts-blogs article .excerpt, .product-style-v1 .entry-summary .short-content { color: var(--ts-gray-color); } .product-style-v1 .ts-blogs article.sticky .excerpt, .product-style-v1 article.sticky .entry-summary .short-content { color: var(--ts-text-color); } :where(.product-style-v2, .product-style-v4) .ts-blogs article .excerpt, :where(.product-style-v2, .product-style-v4) .entry-summary .short-content, :where(.product-style-v2, .product-style-v4) .post-content-wrapper .entry-content { font-size: var(--ts-blogs-font-size); color: var(--ts-blogs-text-color); } :where(.product-style-v2, .product-style-v4) .post-content-wrapper .entry-title, :where(.product-style-v2, .product-style-v4) :where(.ts-blogs, .list-posts) article .entry-title { text-transform: uppercase; } :where(.product-style-v2, .product-style-v4) .post-content-wrapper .entry-title { font-size: calc(var(--ts-h1-font-size) * 1.2); } :where(.product-style-v3, .product-style-v4) :where(.ts-blogs, .list-posts, .related-posts) { --blogs-gap-h: 20px; } .product-style-v5 ul.filter-bar, .product-style-v5 .post-content-wrapper > .entry-header, .product-style-v5 .post-content > *:not(.entry-content) { padding: var(--ts-content-padding); margin: 0; border-top: 0; } .product-style-v5 ul.filter-bar, .product-style-v5 .post-content-wrapper > .entry-header, .product-style-v5 .post-content > * { border-bottom: 1px solid var(--ts-border); } .product-style-v5 ul.filter-bar { padding: 26px var(--ts-content-padding); } .product-style-v5 .single-related-wrapper { border-width: 0 0 1px; border-style: solid; border-color: var(--ts-border); margin: 0 0 -1px; padding: 0; } .product-style-v5 .single-related-wrapper .blogs.swiper .swiper-slide {height: auto;} .product-style-v5 .comments-area { padding: 0; margin: 0; border: 0; } .product-style-v5 .comments-area .comments-title .heading-title {margin: 0;} .product-style-v5 .comments-area .commentlist {gap: 0;} .product-style-v5 .commentlist li.comment ol.children {padding: 0;} .product-style-v5 .comments-area > #comment-wrapper, .product-style-v5 .comments-area .commentlist + #comment-wrapper, .product-style-v5 .commentlist li.comment, .product-style-v5 .comments-area .comments-title { padding: var(--ts-content-padding); } .product-style-v5 .commentlist ol.children li.comment { padding: var(--ts-content-padding) 0 var(--ts-content-padding) var(--ts-content-padding);/* rtl*/ } .product-style-v5 .commentlist ol.children li.comment:last-child {padding-bottom: 0;} .ts-blogs article .excerpt, .entry-summary .short-content, .ts-blogs article .excerpt li, .entry-summary .short-content li, .post-content-wrapper .entry-content, .post-content-wrapper .entry-content li { line-height: 1.7; } .elementor-widget-text-editor ul, .ts-blogs article .excerpt ul, .entry-summary .short-content .elementor-widget-text-editor ul { display: flex; flex-direction: column; gap: 16px 0; } .elementor-widget-text-editor ul li, .ts-blogs article .excerpt li, .entry-summary .short-content .elementor-widget-text-editor ul li, .woocommerce-tabs .panel .elementor-widget-text-editor ul li { padding: 0 0 0 15px;/* rtl */ position: relative; list-style: none; } .woocommerce-tabs .panel .elementor-widget-text-editor ul li { padding: 0 0 0 20px;/* rtl */ } .elementor-widget-text-editor ul li:before, .ts-blogs article .excerpt ul li:before, .entry-summary .short-content .elementor-widget-text-editor ul li:before { content: ''; width: 5px; height: 5px; border-radius: 5px; background: var(--ts-text-color); position: absolute; left: 0; top: 11px; } article.single.single-post.no-featured-image { margin-top: calc(var(--ts-section-gap) - 15px); } .post-content-wrapper { gap: var(--ts-section-gap) 0; } :where(article.single.single-post, .post-content-wrapper) > * { width: 100%; } article.single.single-post > .entry-meta-top{ font-size: 1em; margin-top: 3px; } .post-content-wrapper > .post-content { display: flex; flex-direction: column; gap: 30px; margin-top: -16px; } .product-style-v5 .post-content-wrapper > .post-content {gap: 0;} .product-style-v5 .post-content-wrapper > .post-content, .thumbnail-right .post-content-wrapper > .post-content { margin-top: 0; } .post-content-wrapper .entry-title { font-size: var(--ts-h1-font-size); line-height: var(--ts-h1-line-height); margin-bottom: 20px; } /*** Entry Format ***/ header > .entry-title { -ms-word-wrap: break-word; word-wrap: break-word; margin: 0; } header > .entry-title a:hover {text-decoration: none;} :is(.entry-format, .thumbnail-content) .ts-video, :is(.entry-format, .thumbnail-content) .ts-audio { overflow: hidden; border-radius: var(--ts-border-radius); } article.single-post .post-content-wrapper > .comments-area p.nocomments { margin-top: 40px; } .entry-format .thumbnail { border-radius: var(--ts-border-radius); overflow: hidden; } .post-content-wrapper > .entry-format .thumbnail.gallery, .post-content-wrapper > .entry-format .thumbnail > .ts-video, .post-content-wrapper > .entry-format .thumbnail > img { border-radius: var(--ts-border-radius); } .product-style-v5 .post-content-wrapper > .entry-format .thumbnail, .product-style-v5 .post-content-wrapper > .entry-format .thumbnail.gallery, .product-style-v5 .post-content-wrapper > .entry-format .thumbnail > .ts-video, .product-style-v5 .post-content-wrapper > .entry-format .thumbnail > img { width: 100%; border-radius: 0; } .product-style-v6 .post-content-wrapper > .entry-format .thumbnail, .product-style-v6 .post-content-wrapper > .entry-format .thumbnail.gallery, .product-style-v6 .post-content-wrapper > .entry-format .thumbnail > .ts-video, .product-style-v6 .post-content-wrapper > .entry-format .thumbnail > img { border-radius: 20px; } .post-content-wrapper .entry-header { display: flex; flex-direction: column; gap: 28px; } .product-style-v4.page-template-blog-template .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumbs ~ .page-title, article.single-post .post-content-wrapper header > .entry-title { font-size: var(--ts-h1-font-size); line-height: var(--ts-h1-line-height); margin-bottom: 0; } body.product-style-v5 blockquote, .product-style-v5 :where(.ts-blogs, .list-posts) article .entry-title, .product-style-v5 .theme-title .heading-title, .product-style-v5 .comments-title .heading-title, .product-style-v5.page-template-blog-template .page-title, .product-style-v5 .post-content-wrapper header > .entry-title { text-transform: uppercase; } .product-style-v5 .theme-title .heading-title, .product-style-v5 .comments-title .heading-title {margin: 0;} .product-style-v5 :where(.ts-blogs, .list-posts) blockquote, .product-style-v5 :where(.columns-2,.columns-3) .list-posts article .entry-title, .product-style-v5 .ts-blogs:where(.columns-2,.columns-3) article .entry-title { font-size: var(--ts-h5-font-size); line-height: var(--ts-h5-line-height); } .product-style-v5 .single-related-wrapper .related-posts .theme-title { padding: var(--ts-product-padding); } .product-style-v2 ul.filter-bar { margin-bottom: 35px; } .product-style-v3 article.single-post .post-content-wrapper header > .entry-title { line-height: 1.15; } :where(.product-style-v3, .product-style-v4) .post-content-wrapper .entry-header { align-items: center; text-align: center; order: -1; gap: 33px; } .product-style-v5 .post-content-wrapper .entry-header { order: -1; gap: 30px; } .product-style-v4.page-template-blog-template ul.filter-bar, .product-style-v4.page-template-blog-template .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumbs ~ .page-title { text-align: center; justify-content: center; } .product-style-v3 .post-content-wrapper {gap: 45px;} .product-style-v3 .post-content-wrapper > .post-content {margin-top: 77px;} :where(.product-style-v4, .product-style-v5) .post-content-wrapper .entry-header header {order: -1;} .single-post.product-style-v4 #main > .no-title + .page-container { padding-top: 12px; } .product-style-v4 article.single.single-post { --ts-section-gap: 150px; } .product-style-v4 .post-content-wrapper { --ts-section-gap: 55px; } .product-style-v4 .post-content-wrapper > .post-content { margin-top: 25px; } .product-style-v4 .single-post-meta { padding-top: 0; border: 0; color: var(--ts-heading-color); font-weight: 600; font-size: calc(1em - 1px); gap: 13px; margin-top: 46px; } .product-style-v4 .entry-meta-top {color: var(--ts-heading-color);} .product-style-v4 .single-post-meta .tags-link > span, .product-style-v4 .single-post-meta .ts-social-sharing > span {color: inherit;} /*** Post Meta ***/ .tagcloud, .wp-block-tag-cloud { display: block; overflow: hidden; } .tags-link a, .cats-link a, .brands-link a, .wp-block-tag-cloud a, .tagcloud a { margin: 0; padding: 0; display: inline-block; text-decoration: none; } .cats-link a { position: relative; display: inline-block; vertical-align: bottom; overflow: hidden; } .woocommerce #reviews .woocommerce-review__author, .author.vcard a { text-decoration: none; } .product-style-v1 .author.vcard a:hover, .product-style-v1 .entry-meta-top .cats-link a:hover { text-decoration: underline; } .woocommerce #reviews .woocommerce-review__verified {display: none;} .wp-block-tag-cloud, .tagcloud { display: flex; flex-wrap: wrap; gap: 10px 20px; } .tags-link a, .wp-block-tag-cloud a, .tagcloud a { padding: 0; font-size: calc(1rem + 1px) !important; line-height: 1 !important; font-weight: 500; text-decoration: none !important; color: inherit; } .tagcloud .tag-link-count { font-weight: normal; font-size: 1em; } .tags-link a:hover, .wp-block-tag-cloud a:hover, .tagcloud a:hover { color: var(--ts-primary-color); } .brands-link a:hover { text-decoration: none; } .elementor-text-editor > ul:last-child > li:last-child { padding-bottom: 0 !important; } /*** Meta Bottom ***/ .post-single-navigation { display: flex; justify-content: center; gap: 10px; margin-top: calc(var(--ts-section-gap) - 50px); } .post-single-navigation > a { padding: 8px 30px; background: var(--ts-pagination-btn-bg); color: var(--ts-pagination-btn-color); border: 1px solid var(--ts-pagination-btn-bg); border-radius: 40px; text-decoration: none; } .post-single-navigation > a:hover { background: transparent; color: var(--ts-pagination-btn-bg); } .single-post-meta { margin-top: 50px; margin-bottom: 50px; padding-top: 80px; border-top: 1px solid var(--ts-border); display: flex; flex-direction: column; gap: 20px; } .single-post-meta .tags-link {gap: 10px 20px;} .single-post-meta .tags-link, .single-post-meta .ts-social-sharing { display: flex; align-items: center; flex-wrap: wrap; } .single-post-meta .tags-link > span, .single-post-meta .ts-social-sharing > span { min-width: 40px; color: var(--ts-gray-color); } :where(.product-style-v5,.product-style-v6) .single-post-meta .tags-link > span, :where(.product-style-v5,.product-style-v6) .single-post-meta .ts-social-sharing > span { color: inherit; font-weight: inherit; } .single-post-meta .ts-social-sharing > span { margin-right: 20px;/* rtl */ } body #st-el-4 .st-btns {overflow: auto;} body #st-1.st-has-labels .st-btn {min-width: 70px;} body #st-1 .st-btn > span { min-width: 30px; padding: 0 0 0 5px;/* rtl */ margin: 0 0 0 5px;/* rtl */ position: relative; } body #st-1 .st-btn > span:before { position: absolute; left: 0; top: 8px; bottom: 8px; content: ""; width: 1px; background: rgba(0,0,0,0.1); } body #st-1 .st-btn:hover { top: 0; opacity: 0.8; } /*** Author ***/ .entry-author { display: flex; align-items: center; gap: 0 30px; padding-top: 80px; padding-bottom: 80px; border-top: 1px solid var(--ts-border); } .entry-author img.avatar { width: 110px; height: 110px; object-fit: cover; border-radius: 50%; } .entry-author .author-meta { flex: 1; display: flex; flex-direction: column; gap: 6px; } .author-meta .role { color: var(--ts-gray-color); font-size: 12px; text-transform: uppercase; } .entry-author .author { font-size: var(--ts-h6-font-size); line-height: var(--ts-h6-line-height); font-weight: var(--ts-heading-font-weight); color: var(--ts-heading-color); } .comment-meta .author a, .entry-author .author a {color: inherit; text-decoration: none;} .comment-meta .author a:hover, .entry-author .author:hover {color: var(--ts-primary-color);} /*** Comments ***/ .comments-area { clear: both; padding-top: var(--ts-section-gap); border-top: 1px solid var(--ts-border); } .product-style-v4 .comments-area { border-bottom: 1px solid var(--ts-border); padding-bottom: var(--ts-section-gap); } .comments-area .heading-title > span { margin-right: 15px; /* rtl */ } .logged-in-as a { color: inherit; text-decoration: none; line-height: 1.1; } .logged-in-as a:hover { color: var(--ts-link-hover-color); } .comments-area .navigation { text-align: center; margin: 30px 0 0; padding: 30px 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .comments-area .commentlist + .navigation { border-width: 1px 0 0; border-style: solid; margin-bottom: 30px; } .comments-area .navigation a { color: inherit; text-decoration: underline; } .comments-area .navigation a:hover { text-decoration: none; } .comments-area .navigation > * { display: inline-block; vertical-align: top; margin: 0 5px; } .comments-area .navigation .nav-previous:not(:empty) + .nav-next:not(:empty) { padding-left: 18px; /* rtl */ position: relative; } .comments-area .navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before { content: '|'; display: inline-block; vertical-align: middle; position: absolute; left: 0; /* rtl */ } .woocommerce #reviews #comments h2, #comment-wrapper .heading-wrapper { margin-bottom: var(--ts-heading-gap); } #comment-wrapper #commentform .logged-in-as { display: inline-flex; align-items: center; flex-wrap: wrap; } #comment-wrapper #commentform .logged-in-as > a:first-child { margin-left: 5px;/* rtl */ } #comment-wrapper #commentform > p:not(.form-submit) { margin-bottom: 15px; } #comment-wrapper .heading-title { margin-bottom: 0; } #comment-wrapper .heading-title + p { margin-top: calc(var(--ts-heading-gap) - 10px); margin-bottom: 0; } #comment-wrapper .heading-title { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } #comment-wrapper .heading-title small { font-size: 12px; letter-spacing: 0; display: inline-block; } .comments-area { --ts-heading-gap: 30px; --comment-gap: 40px; } .comments-area .commentlist + #comment-wrapper { margin-top: var(--ts-section-gap); padding-top: var(--ts-section-gap); border-top: 1px solid var(--ts-border); } .product-style-v4 .comments-area .commentlist { gap: calc(var(--comment-gap) - 10px); } .product-style-v4 .commentlist li.comment { padding: var(--comment-gap); border: 1px solid var(--ts-border); border-radius: 20px; } .product-style-v4 .commentlist li.comment ol.children li.comment { padding: var(--comment-gap) 0 0; border-width: 1px 0 0; } .comments-area .commentlist { margin-bottom: 0; } .product-style-v4 .comments-area .commentlist + #comment-wrapper { margin-top: 0; border: 0; } .comments-area .commentlist, .comments-area .commentlist .children { display: flex; flex-direction: column; gap: var(--comment-gap); } .comments-area .commentlist .comment-wrapper { display: flex; gap: var(--comment-gap); } .commentlist li.pingback, .commentlist li.comment { padding: var(--comment-gap) 0 0; margin: 0; border-top: 1px solid var(--ts-border); list-style: none; } .commentlist + .nocomments { margin-top: var(--ts-section-gap) ; } .commentlist li.comment ol.children { margin: var(--comment-gap) 0 0; padding: 0 0 0 var(--comment-gap); /* rtl */ border-top: 1px solid var(--ts-border); } .commentlist li.comment ol.children li.comment:first-child { border-top-width: 0; } #comments .comment-meta { display: flex; flex-direction: column; gap: 5px; } #comments .comment-meta .date-time {color: var(--ts-gray-color);} #comments .comment-detail .comment-text strong, #reviews #comments .comment-text .description strong { font-size: var(--ts-h4-font-size); line-height: 1.4; display: inline-block; margin-bottom: 15px; } .commentlist li.pingback a, #reviews #comments .comment-text .description {color: inherit;} .woocommerce #reviews { --ts-star-size: 16px; --ts-star-gap: 7px; } .woocommerce #reviews #comments ol.commentlist li { margin: 0 0 calc(var(--ts-summary-gap) + 10px); padding: 0 0 calc(var(--ts-summary-gap) + 10px); border-width: 0 0 1px; border-style: solid; border-color: var(--ts-border); } .woocommerce #reviews #comments ol.commentlist li:last-child { margin: 0; padding: 0; border-width: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0; border: none; border-radius: 0; padding: 0 0 0 230px;/* rtl */ display: flex; flex-direction: column; gap: 15px; position: relative; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { width: 170px; position: absolute; top: 0; left: 0;/* rtl */ display: flex; flex-direction: column; gap: 5px; font-size: var(--ts-text-small); line-height: 1.2; color: inherit; } .woocommerce #reviews #comments ol.commentlist ul.children { margin-top: 20px; margin-bottom: 20px; } .woocommerce #reviews #comments ol.commentlist li .comment-text:after, .woocommerce #reviews #comments ol.commentlist li .comment-text:before {display: none;} .commentlist li.comment .comment-wrapper .comment-text img { margin: 10px 0; } .woocommerce #reviews ol.commentlist li:first-child .comment_container, .commentlist > li.comment:first-child > .comment-wrapper { padding-top: 0; } .woocommerce #reviews ol.commentlist li .comment-text, .commentlist li.comment .comment-detail { flex: 1; align-self: center; } .commentlist li.comment .comment-detail { gap: 4px 0; display: flex; flex-direction: column; margin-top: -6px; } .comment-text ul, .comment-text ol { margin-bottom: 20px; } .woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce #reviews #comments .commentlist>li:before {display: none;} .commentlist li.comment .comment-awaiting-moderation { width: 100%; font-size: 1em; line-height: 1.4; color: var(--ts-gray-color); margin-bottom: 10px; display: block; } #comments :is(.comment-meta, .comment-actions) { font-size: calc(1em - 1px); line-height: 1.2; } :is(.comment-meta, .comment-actions) a { color: inherit; } :is(.comment-meta, .comment-actions) a:hover { color: var(--ts-link-hover-color); text-decoration: none; } .commentlist li p { margin-bottom: 15px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p, .commentlist li p:last-child, .woocommerce #reviews #comments ol.commentlist li .comment-text .description > *:last-child { margin-bottom: 0; } .comment-actions { display: flex; flex-flow: row wrap; align-items: center; gap: 20px; width: 100%; font-weight: var(--ts-heading-font-weight); margin-top: 15px; } .comment-actions a:after { content: '\e9ca'; vertical-align: -1px; margin-left: 8px;/* rtl */ } .comment-actions a.comment-reply-link:after { content: '\e9c9'; } .woocommerce-review__author {font-weight: normal;} .commentlist li #comment-wrapper { margin-top: var(--comment-gap); margin-bottom: 0; } #comment-wrapper #commentform > p.logged-in-as {margin-bottom: 10px;} #comment-wrapper #commentform > p.logged-in-as:not(.form-submit) {margin-bottom: 6px;} .commentlist li #comment-wrapper .heading-wrapper {margin-bottom: 24px;} .commentlist .children li:last-child {border-bottom-width: 0;} #cancel-comment-reply-link {font-weight: normal;} #commentform .info-wrapper, #commentform { display: flex; flex-flow: column wrap; gap: 20px; } .product-style-v3 #commentform .info-wrapper { flex-direction: column; flex-wrap: nowrap; gap: 20px; } .product-style-v3 #commentform label, .product-style-v3.woocommerce #review_form #respond .comment-form .comment-form-rating > label { min-width: 120px; padding: 0; margin: 0; } .product-style-v3.woocommerce #review_form #respond p.stars { margin: 2px 0 0; } .product-style-v3.woocommerce #review_form #respond .comment-form > .form-submit, .product-style-v3 #commentform .form-submit { margin-top: 20px; } .product-style-v3.woocommerce #review_form #respond .comment-form > .comment-form-comment, .product-style-v3.woocommerce #review_form #respond .comment-form > .comment-form-email, .product-style-v3.woocommerce #review_form #respond .comment-form > .comment-form-author, .product-style-v3 #commentform .message-wrapper p, .product-style-v3 #commentform .info-wrapper > p { margin-bottom: 0; display: flex; gap: 20px; } .product-style-v3.woocommerce #review_form #respond .comment-form > .comment-form-comment, .product-style-v3.woocommerce #review_form #respond .comment-form > .comment-form-email, .product-style-v3.woocommerce #review_form #respond .comment-form > .comment-form-author { width: 100%; } .product-style-v3 #comment-wrapper #commentform #comment, .product-style-v3.woocommerce #reviews #comment { height: 100px; } .woocommerce.product-style-v3 #review_form #respond .comment-form .comment-form-rating { gap: 0 20px; margin: 0; } .product-style-v3.woocommerce #review_form #respond .comment-form > .comment-form-comment label, .product-style-v3.woocommerce #review_form #respond .comment-form > .comment-form-email label, .product-style-v3.woocommerce #review_form #respond .comment-form > .comment-form-author label, .product-style-v3 #commentform .message-wrapper p label, .product-style-v3 #commentform .info-wrapper > p label { margin: 0; padding-top: calc(var(--ts-btn-padding-top) + 2px); } #commentform .info-wrapper > * {flex: 1;} #commentform input:not([type="submit"]), #commentform textarea { margin: 0; } .wp-block-post-comments-form #commentform input:not([type="submit"]), .wp-block-post-comments-form #commentform textarea { border-color: var(--ts-border); } .product-style-v6 #comment-wrapper input:not([type="submit"]):focus, .product-style-v6 #comment-wrapper textarea:focus, .wp-block-post-comments-form #comment-wrapper input:not([type="submit"]):focus, .wp-block-post-comments-form #comment-wrapper textarea:focus, #comment-wrapper input:not([type="submit"]):focus, #comment-wrapper textarea:focus { border-color: var(--ts-heading-color); } #comment-wrapper input:not([type="submit"]), #comment-wrapper textarea { color: var(--ts-text-color); } #commentform .message-wrapper p, #commentform .info-wrapper > p {margin-bottom: 0;} #commentform .form-submit {margin-bottom: 0;} #commentform .form-submit .button {min-width: 160px;} #commentform .required {display: inline-block;vertical-align: middle; color: #dd2831;} #commentform label { font-size: 1em; line-height: 20px; padding-bottom: 10px; display: flex; gap: 5px; } #review_form_wrapper #review_form { margin-top: 60px; } .product-style-v6.single-product #primary > #reviews #review_form #respond :where(input, textarea):not([type="submit"]) {border-color: var(--ts-text-color);} .single-product #primary > #reviews #review_form #respond :where(input, textarea):not([type="submit"]) {background: transparent !important;border-color: var(--ts-border);} #review_form_wrapper .comment-reply-title { display: block; color: var(--ts-product-color); margin-bottom: 30px; } .woocommerce #review_form #respond p.stars { margin: 0; } .woocommerce #review_form #respond p.comment-notes { margin-bottom: 0; font-size: 1em; } #review_form_wrapper .comment-form-rating, .woocommerce #review_form #respond .comment-form { display: flex; flex-flow: row wrap; } .woocommerce #review_form #respond .comment-form input[type="submit"] { min-width: 195px !important; } .woocommerce #review_form #respond .comment-form input { min-width: 0 !important; margin-bottom: 0; } .woocommerce #review_form #respond .comment-form { justify-content: space-between; } .woocommerce #review_form #respond .comment-form > *:not(.comment-form-email):not(.comment-form-author) { width: 100%; } .woocommerce #review_form #respond .comment-form > .comment-form-email, .woocommerce #review_form #respond .comment-form > .comment-form-author{ width: calc(50% - 10px); } .woocommerce #review_form #respond .comment-form > .comment-form-comment {order: 1;} .woocommerce #review_form #respond .comment-form > .form-submit {order: 2;} .woocommerce #review_form #respond .comment-form .form-submit, .woocommerce #review_form #respond .comment-form > .comment-form-comment, .woocommerce #review_form #respond .comment-form > .comment-form-email, .woocommerce #review_form #respond .comment-form > .comment-form-author, .woocommerce #review_form #respond .comment-form > .comment-form-cookies-consent { margin-bottom: 0; } .woocommerce #review_form #respond .comment-form input[type="file"] { min-width: 0 !important; margin-bottom: 0; padding: 0; background: transparent; border-radius: 0; } .woocommerce #review_form #respond .comment-form .comment-form-rating { align-items: center; } .woocommerce #review_form #respond .comment-form .comment-form-rating > label { margin-right: 15px; /* rtl */ padding: 0; } .woocommerce #review_form #respond .comment-form > .comment-form-cookies-consent input[type="checkbox"] { width: 15px; height: 15px; margin-right: 10px; /* rtl */ } .woocommerce #review_form #respond .comment-form > .comment-form-cookies-consent > * { display: inline-block; vertical-align: middle; padding: 0; } /*------------------------------------------------------------------------------------------------------------------- XV. PAGE TEMPLATE ---------------------------------------------------------------------------------------------------------------------*/ /*** Page 404 ***/ body.error404 #main > .page-container { padding-top: 10px; padding-bottom: var(--ts-section-gap); } body.error404 .not-found, body.error404 .content-404 { display: flex; flex-direction: column; justify-content: center; text-align: center; gap: var(--ts-section-gap); } body.error404 .content-404 { gap: 20px; } body.error404 .not-found h1 { font-size: 110px; font-weight: 600; line-height: 1; margin-bottom: 0; } body.error404 .not-found p { max-width: 500px; margin: 0 auto; font-size: 22px; font-weight: 600; line-height: 1; } .image-404 img { border-radius: var(--ts-border-radius); } .single-product.product-style-v4 #main > .breadcrumb-title-wrapper:not(.no-title) ~ .page-container {padding-top: 30px;} .header-transparent .ts-header { position: absolute; z-index: 993; left: 0px; right: 0px; top: var(--ts-body-padding); } /*------------------------------------------------------------------------------------------------------------------- XVI. RESPONSIVE ---------------------------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 768px){ .custom-breadcrumb-wrapper.loading { min-height: 400px; --loading-size: 36px; } .header-v1.header-transparent .header-top, .header-transparent .header-sticky:not(.is-sticky) .header-middle, .header-transparent .header-bottom { background: transparent; } .header-v1.header-transparent.header-text-light .header-top { --ts-hd-top-color: #ffffff; --ts-hd-top-border: rgba(255, 255, 255, 0.15); --ts-highlight: var(--ts-primary-color); } .header-transparent.header-text-light .header-top a {color: inherit;} .header-transparent.header-text-light .header-top a:hover {color: var(--ts-hd-top-link-hover);} .header-transparent.header-text-light .header-currency .wcml_currency_switcher > ul a:hover, .header-transparent.header-text-light .header-language ul.wpml-ls-sub-menu a:hover { color: var(--ts-link-hover-color); } .header-transparent.header-text-light .ts-header { --ts-hd-bottom-color: #ffffff; --ts-hd-bottom-border: #ffffff; --ts-2nd-menu-color: #ffffff; --ts-2nd-menu-hover-color: rgba(255, 255, 255, 0.8); } .header-transparent.header-text-light .header-sticky:not(.is-sticky) { --ts-hd-middle-color: #ffffff; --ts-hd-middle-border: #ffffff; --ts-placeholder-color: #ffffff; } .header-transparent.header-text-light .header-sticky:not(.is-sticky) .dropdown-container { --ts-placeholder-color: #999999; } .header-transparent.header-text-light:not(.header-v8) .header-sticky:not(.is-sticky) { --ts-main-menu-color: #ffffff; --ts-main-menu-hover-color: rgba(255, 255, 255, 0.8); } .login-popup-content {flex-wrap: nowrap;} .login-popup-content > * {width: 50%;} .header-transparent.header-text-light :where(.header-top,.header-bottom) > .container:after, .header-transparent.header-text-light .header-sticky:not(.is-sticky) .header-middle > .container:after { border-color: rgba(255, 255, 255, 0.15); } .header-transparent.header-text-light.header-v8 .ts-header nav > ul.menu { border-color: var(--ts-dropdown-bg); } .product-style-v2.header-text-light .header-sticky:not(.is-sticky) .shopping-cart-wrapper .cart-control .cart-number { color: var(--ts-text-color); } .ts-product-in-product-type-tab-wrapper .column-tabs ul.tabs li:not(:last-child) { margin: 0 40px 0 0; /* rtl */ } /**/ .product-style-v4 { --ts-product-h-gap: 10px; --ts-product-v-gap: 10px; } .product-style-v4 .comments-title .heading-title {margin-bottom: 40px;} .product-label-v4.single-product #primary > div.product, .product-label-v4.single-product #primary > div.product .product-label { --label-size: 60px; --label-font-size: 15px; } .product-label-v4 div.product .product-label > :is(span, span.onsale), .product-label-v4 div.product .ts-discount-number { line-height: 20px !important; font-weight: 600; } .product-style-v6 .breadcrumb-title-wrapper ~ .page-container .before-loop-wrapper .product-on-sale-form > label:hover:before, .product-style-v6 .breadcrumb-title-wrapper ~ .page-container .before-loop-wrapper .product-on-sale-form.checked > label:before, .product-on-sale-form > label:hover:before, .product-on-sale-form.checked > label:before { border-color: var(--ts-text-color); background-color: var(--ts-text-color); } .readmore-icon .load-more-wrapper {margin-top: 40px;} .product-style-v6 .breadcrumb-title-wrapper ~ .page-container .before-loop-wrapper .product-on-sale-form > label:hover:after, .product-style-v6 .breadcrumb-title-wrapper ~ .page-container .before-loop-wrapper .product-on-sale-form.checked > label:after, .product-on-sale-form > label:hover:after, .product-on-sale-form.checked > label:after { color: var(--ts-body-bg); } .product-label-v4.woocommerce div.product .summary .ts-countdown .counter-wrapper { font-size: 15px; font-weight: 600; } .single-product:where(.product-style-v6) div.product:not(.fbt-in-summary) .ts-frequently-bought-together .submit-wrapper { border-left: 1px solid var(--ts-border);/* rtl */ } .breadcrumb-v4 .ts-breadcrumbs { padding: 10px 0; } .before-loop-wrapper + .ts-active-filters:not(:empty) { margin-top: -10px; } .breadcrumb-title-wrapper.has-background .breadcrumb-title { min-height: 270px; } .breadcrumb-title-wrapper:where(.breadcrumb-v2, .breadcrumb-v4) .page-title { font-size: var(--ts-h1-font-size); line-height: 1.2; } .breadcrumb-title-wrapper .page-title .thumbnail { width: 80px; height: 80px; padding: 20px; } .collapse-scroll-sidebar .ts-sidebar .widget-container .block-control { display: block !important; } .collapse-scroll-sidebar .ts-sidebar .widget-container.widget_layered_nav_filters .block-control { display: none !important; } :where(.product-style-v2, .product-style-v4) div.product:not(.fbt-in-summary) .ts-fbt-form .item { text-align: center; align-items: center; } :where(.product-style-v2, .product-style-v4) div.product:not(.fbt-in-summary) .ts-fbt-form .item .meta-wrapper span.price {justify-content: center;} .product-style-v5 .page-container:where(.columns-1, .columns-1-1, .columns-2) .woocommerce .products .product .product-wrapper { padding: var(--ts-product-padding) calc(var(--ts-product-padding) + 20px) var(--ts-product-padding) var(--ts-product-padding);/* rtl */ } .product-label-v6.woocommerce .product-label > :is(span, span.onsale), .product-label-v6 .woocommerce .product-label > :is(span, span.onsale) { padding: 8px 15px; } .product-style-v1 :is(.columns-1, .columns-1-1):not(.no-sidebar) .woocommerce.main-products .products > .product:first-child { padding-top: 30px; border-width: 1px 0; } body .elementor-widget-image-box.elementor-position-left.elementor-position-top.elementor-vertical-align-middle .elementor-image-box-img, body .elementor-widget-image-box.elementor-position-right.elementor-position-top.elementor-vertical-align-middle .elementor-image-box-img{ margin-bottom: 0; } .woocommerce > .return-to-shop .button {min-width: 250px;} .woocommerce.ts-product-category-wrapper.style-icon.direction-vertical .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { grid-template-columns: repeat(6, minmax(0, 1fr)); } .header-v7 .header-middle > .container, .header-v7 .header-top > .container { padding-top: 0; padding-bottom: 0; } .header-v7 .header-top > .container > * { padding-top: 8px; padding-bottom: 8px; } .header-v7 .header-middle > .container > * { padding-top: 20px; padding-bottom: 20px; } :where(.product-style-v4, .product-style-v6) .ts-header nav > ul.menu li ul.sub-menu:after { border-radius: 10px; } .woocommerce-page .collapse-scroll-sidebar .ts-sidebar .widget-title-wrapper > .block-control:not(.active) + .widget-title { margin-bottom: 0; } .woocommerce-page .collapse-scroll-sidebar .ts-sidebar .widget_layered_nav_filters .widget-title-wrapper > .block-control:not(.active) + .widget-title { margin-bottom: 20px; } #comments .comment-meta { width: 140px; } .commentlist li #comment-wrapper { margin-left: calc(var(--comment-gap) + 140px);/* rtl */ } /*** Blogs ***/ :where(.columns-2, .columns-3) .list-posts, .ts-shortcode.ts-blogs:where(.columns-2, .columns-3) .items, .ts-shortcode.ts-blogs.ts-slider:where(.columns-2, .columns-3) .items { width: calc(100% + var(--blogs-gap-h)); margin: 0 calc(var(--blogs-gap-h) * -0.5); } :where(.columns-2, .columns-3) .list-posts article, .ts-shortcode.ts-blogs:where(.columns-2, .columns-3) .items article, .ts-shortcode.ts-blogs.ts-slider:where(.columns-2, .columns-3) .items article { padding-left: calc(var(--blogs-gap-h) * 0.5); padding-right: calc(var(--blogs-gap-h) * 0.5); } .columns-2 .list-posts article, .ts-blogs.columns-2 .items article, .columns-3 .list-posts article, .ts-blogs.columns-3 .items article {width: 50%;} #commentform .info-wrapper {flex-direction: row;} /*** Shop ***/ .woocommerce.ts-product-category-wrapper .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { grid-template-columns: repeat(4, minmax(0,1fr)); } .woocommerce .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { grid-template-columns: repeat(3, minmax(0,1fr)); } .woocommerce.ts-product-category-wrapper.style-big-text.direction-vertical .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper), .page-container:not(.no-sidebar) .woocommerce .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper), .woocommerce .page-container:not(.no-sidebar) .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { grid-template-columns: repeat(2, minmax(0,1fr)); } .product-group-button, .product-group-button-meta { --product-icon-size: 30px; --product-icon-font-size: 12px; } .woocommerce-product-details__short-description ul li, .meta-wrapper .short-description ul li, .short-description ul li { padding: 0 0 0 18px; /* rtl */ } .page-container:not(.no-sidebar) .filter-widget-area-button, .ts-sidebar .ts-heading {display: none;} .header-v4:is(.header-fullwidth, .layout-fullwidth) .header-language-currency:not(:last-child) {margin-right: 20px;/* rtl */} .filter-widget-area-button > a, .ts-product-columns-selector > .current-selector, .woocommerce .woocommerce-ordering .orderby-current, .product-per-page-form .perpage-current, .woocommerce .widget_layered_nav_filters ul li a, .product-filter-by-color ul li a, .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a { padding-left: 20px; padding-right: 20px; } /*** Shopping Cart ***/ body.error404 #main > .page-container { padding-top: 5px; } body.error404 .not-found h1 { font-size: 135px; } body.error404 .not-found p { font-size: 25px; } } @media only screen and (min-width: 992px){ .columns-3 .list-posts article, .ts-blogs.columns-3 .items article {width: 33.333%;} .woocommerce.product-style-v6 div.product:not(.tabs-in-summary) .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews > h2 .woocommerce-product-rating { justify-content: center; text-align: center; } .product-style-v4 .columns-1 .woocommerce .products .product .meta-wrapper-2 { align-items: center; flex-direction: row; gap: 20px; } .woocommerce div.product.summary-scrolling:not(.fbt-in-summary) div.summary { position: -webkit-sticky; position: sticky; top: 0; margin: 0; transition: top 200ms ease 0s; float: right; /* rtl */ } .woocommerce div.product.summary-scrolling:not(.fbt-in-summary) > .summary ~ * { width: var(--ts-gallery-width); float: left; /* rtl */ position: relative; clear: none; } .woocommerce div.product.tabs-in-summary #reviews #comments ol.commentlist li .comment-text { padding: 0; --ts-star-size: 12px; --ts-star-gap: 3px; gap: 6px; } .woocommerce div.product.tabs-in-summary #reviews #comments ol.commentlist li .comment-text .star-rating {margin-top: 5px;} .woocommerce div.product.tabs-in-summary #reviews #comments ol.commentlist li .comment-text p.meta { flex-direction: row; align-items: center; gap: 10px; } div.product.tabs-in-summary #reviews #comments .comment-text .description { margin-top: 8px; } .woocommerce div.product.tabs-in-summary #reviews #comments ol.commentlist li .comment-text p.meta { width: 100%; position: static; order: -1; } .woocommerce div.product.tabs-in-summary:not(.fbt-in-summary) div.summary { float: right; /* rtl */ } .woocommerce div.product.tabs-in-summary:not(.fbt-in-summary) > .summary + * { float: left; /* rtl */ clear: none; } .woocommerce div.product.tabs-in-summary:not(.fbt-in-summary) > .summary + * ~ * { clear: both; } body.woocommerce.archive .breadcrumb-title-wrapper:where(.breadcrumb-v2, .breadcrumb-v4) .page-title { font-size: calc(var(--ts-h1-font-size) + 10px); } .breadcrumb-title-wrapper.has-background .breadcrumb-title { min-height: 300px; } .breadcrumb-title-wrapper .page-title .thumbnail { width: 90px; height: 90px; } .woocommerce.ts-product-category-wrapper .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { grid-template-columns: repeat(6, minmax(0,1fr)); } .woocommerce.ts-product-category-wrapper.style-icon.direction-vertical .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { grid-template-columns: repeat(var(--ts-product-columns), minmax(0, 1fr)); } .woocommerce.ts-product-category-wrapper.style-big-text.direction-vertical .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { grid-template-columns: repeat(3, minmax(0,1fr)); } .woocommerce .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { grid-template-columns: repeat(4, minmax(0,1fr)); } .columns-3 .woocommerce .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { grid-template-columns: repeat(var(--ts-product-columns), minmax(0,1fr)); } .page-container:not(.no-sidebar) .woocommerce .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper), .woocommerce .page-container:not(.no-sidebar) .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { grid-template-columns: repeat(3, minmax(0,1fr)); } .comments-area > *, .post-content-wrapper > .entry-header, .post-content-wrapper > .post-content { max-width: 800px; margin-left: auto; margin-right: auto; } .product-style-v5 .comments-area > *, .product-style-v5 .post-content-wrapper > .entry-header, .product-style-v5 .post-content-wrapper > .post-content, .product-style-v4 .post-content-wrapper > .entry-header { max-width: 100%; margin-left: 0; margin-right: 0; } .product-style-v5 .post-content-wrapper .entry-title {max-width: 80%;} .product-style-v3 .comments-area > * { max-width: 100%; } .product-style-v3 .comments-area > #comment-wrapper, .product-style-v3 .commentlist > li.comment { padding-left: 17%; padding-right: 17%; } /*** LightBox ***/ .elementor-lightbox .elementor-video-container .elementor-video-landscape { width: 80vw; max-height: 80vh; } .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe, .elementor-lightbox .elementor-video-container .elementor-video-landscape video { max-height: 80vh; } } @media only screen and (min-width: 1100px){ .woocommerce.ts-product-category-wrapper .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper), .page-container:not(.no-sidebar) .woocommerce .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper), .woocommerce .page-container:not(.no-sidebar) .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper), .woocommerce .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { grid-template-columns: repeat(var(--ts-product-columns), minmax(0,1fr)); } } @media only screen and (min-width: 1201px){ :root { --blogs-gap-h: 39px; --blogs-gap-v: 70px; } .product-style-v6 { --swiper-nav-width: 50px; --swiper-nav-height: 50px; } .login-popup-content .form-content {padding: 50px;} article.single.single-post.no-featured-image { margin-top: calc(var(--ts-section-gap) - 51px); } .custom-breadcrumb-wrapper.loading {min-height: 500px;} :where(.list-posts, .ts-blogs).readmore-icon.layout-list { --item-gap-h: 60px; } body .columns-1 .thumbnail.gallery, .post-content-wrapper .entry-format { --swiper-bullet-size: 12px; --swiper-bullet-gap: 14px; } .woocommerce.product-style-v5 div.product.fbt-in-summary { --ts-gallery-width: 60%; } :is(.product-style-v3,.product-style-v6) #comments .comment-detail .comment-text strong, :is(.product-style-v3,.product-style-v6) #reviews #comments .comment-text .description strong { font-size: calc(var(--ts-h4-font-size) - 4px); } body .columns-1 .thumbnail.gallery .swiper-horizontal > .swiper-pagination-bullets, body .thumbnail.gallery.swiper-horizontal > .swiper-pagination-bullets {bottom: 30px;} .product-style-v4 .ts-breadcrumbs {padding: 18px 0;} .product-style-v4 .comments-title .heading-title {margin-bottom: 60px;} .product-style-v4 .commentlist li.comment .comment-detail { margin-top: 0; } .product-label-v4.single-product #primary > div.product, .product-label-v4.single-product #primary > div.product .product-label { --label-size: 70px; --label-font-size: 17px; } .product-style-v4 .columns-1 .woocommerce .products .product .meta-wrapper-3 { flex-direction: row; justify-content: flex-end; align-items: center; gap: 20px; } .product-style-v5 .meta-wrapper .counter-wrapper { padding: 9px 18px; font-size: calc(1rem - 1px); } .single-product.product-style-v4 .breadcrumb-title-wrapper.breadcrumb-v1 {padding-top: 20px;} .single-product.product-style-v4 #main > .breadcrumb-title-wrapper:not(.no-title) ~ .page-container {padding-top: 50px;} :is(.product-style-v2, .product-style-v3) .ts-fbt-form .item .product-brands, :is(.product-style-v2, .product-style-v3) .ts-fbt-form .item .product-brands a, :is(.product-style-v2, .product-style-v3) .product .product-brands, :is(.product-style-v2, .product-style-v3) .product .product-brands a, .woocommerce:is(.product-style-v2, .product-style-v3) div.product div.summary .product-brands, .woocommerce:is(.product-style-v2, .product-style-v3) div.product div.summary .product-brands a { font-size: calc(var(--ts-text-small) - 1px); } .product-style-v1 .quickshop-container div.product .quantity .number-button:after, .product-style-v1.single-product #primary > div.product .quantity .number-button:after { padding-top: 5px; } .product-style-v1 .summary .quantity .number-button:before { bottom: calc(var(--qty-height) * 0.5 + 2px); } .product-style-v6 div.product:not(.fbt-in-summary):not(.summary-scrolling) .ts-fbt-form .items { width: 76%; flex: none; } .readmore-icon .load-more-wrapper {margin-top: 50px;} .woocommerce .woocommerce-widget-layered-nav-list, .product-filter-by-color ul {gap: 10px;} .product-style-v2 .style-filter-top .before-loop-wrapper #ts-filter-widget-area .filter-widget-area { padding: 30px 0 0; } .woocommerce.product-style-v4 div.product.fbt-in-summary div.summary { margin-left: 20px;/* rtl */ } .product-style-v2 .style-filter-top.show-filter-sidebar .before-loop-wrapper + .ts-active-filters:not(:empty) { margin-top: 0; } .product-style-v1 .ts-active-filters:not(:empty) { padding-bottom: 40px; margin-bottom: 40px; } .product-style-v4 .ts-active-filters:not(:empty) { margin-bottom: 40px; } .product-style-v6 .ts-product-columns-selector > .current-selector, .product-style-v6 .filter-widget-area-button > a, .product-style-v6 .product-per-page-form .perpage-current, .product-style-v6.woocommerce .woocommerce-ordering .orderby .orderby-current { padding: 12px 20px; } .product-style-v6 .style-filter-dropdown .filter-widget-area .widget-title-wrapper { padding: 11px 20px; } .product-style-v6 .style-filter-dropdown .before-loop-wrapper { padding-bottom: 20px; } .product-style-v6 .breadcrumb-title-wrapper ~ .page-container.style-filter-dropdown .before-loop-wrapper { margin: 0 0 50px; } .product-style-v6 .breadcrumb-title-wrapper ~ .page-container .before-loop-wrapper + .ts-active-filters:not(:empty) { margin-top: -40px; margin-bottom: 60px; } .product-style-v6 .style-filter-sidebar .before-loop-wrapper + .ts-active-filters:not(:empty){ margin-top: 0; } .product-style-v6 .breadcrumb-title-wrapper.breadcrumb-v1 .page-title, .page-template-blog-template:where(.product-style-v2,.product-style-v4) .breadcrumb-title-wrapper.breadcrumb-v1 .page-title, :where(.product-style-v2,.product-style-v4) article.single-post .post-content-wrapper header > .entry-title { font-size: calc(var(--ts-h1-font-size) - 10px); line-height: calc(var(--ts-h1-line-height) - 8px); } .product-style-v2.page-template-blog-template #main > .page-container { padding-top: 58px; } .product-style-v2 ul.filter-bar { margin-bottom: 50px; } .product-style-v2.page-template-blog-template .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumbs ~ .page-title { margin-top: 30px; } .product-label-v4 div.product .summary .product-label > :is(span, span.onsale), .product-label-v4 div.product .summary .ts-discount-number { line-height: 24px !important; } .product-style-v4 div.product .summary.entry-summary .ts-countdown .counter-wrapper { font-size: 17px; } .product-style-v3 .before-loop-wrapper { padding-bottom: 40px; } .product-style-v3 .style-filter-sidebar #ts-filter-widget-area .ts-sidebar-content { padding-top: 40px; border-width: 1px 0 0; border-style: solid; } .product-style-v5 .ts-fbt-form .submit-wrapper { width: 20vw; border-width: 0 0 0 1px; border-style: solid; } .woocommerce-product-details__short-description ul {gap: 10px;} .woocommerce.product-style-v5.layout-fullwidth div.product.gallery-layout-vertical, .woocommerce.product-style-v5 .main-content-fullwidth div.product.gallery-layout-vertical { --ts-gallery-width: 66%; } .woocommerce.product-style-v5.layout-fullwidth div.product.gallery-layout-vertical.social-icons-vertical, .woocommerce.product-style-v5 .main-content-fullwidth div.product.gallery-layout-vertical.social-icons-vertical { --ts-gallery-width: 62%; } .woocommerce.product-style-v5 #reviews #comments ol.commentlist li .comment-text {gap: 30px;} .woocommerce.product-style-v5 #reviews #comments ol.commentlist li .comment-text p.meta {margin-top: 60px;} .product-style-v5 #reviews #comments .comment-text .description { font-size: 20px; } .woocommerce.layout-fullwidth div.product.gallery-layout-vertical, .woocommerce .main-content-fullwidth div.product.gallery-layout-vertical { --ts-gallery-width: 56%; } .product-style-v4.woocommerce.layout-fullwidth div.product.gallery-layout-vertical, .product-style-v4.woocommerce .main-content-fullwidth div.product.gallery-layout-vertical { --ts-gallery-width: 62%; --ts-summary-padding: 40px; } .woocommerce.layout-fullwidth div.product.gallery-layout-grid.has-gallery, .woocommerce.layout-fullwidth div.product.gallery-layout-slider-2-col.has-gallery, .woocommerce .main-content-fullwidth div.product.gallery-layout-grid.has-gallery, .woocommerce .main-content-fullwidth div.product.gallery-layout-slider-2-col.has-gallery { --ts-gallery-width: 65%; } .woocommerce div.product form.cart .variations .ts-product-attribute {gap: 10px;} .single-product.product-style-v4 .breadcrumb-title-wrapper.breadcrumb-v1, .single-product.header-v2.product-style-v4 .breadcrumb-title-wrapper.breadcrumb-v1 {padding-top: 0;} .product-style-v3 div.product .summary.entry-summary .ts-countdown .counter-wrapper {font-size: calc(1em + 2px);} .product-style-v3 div.product .summary.entry-summary form.cart div.quantity { margin: 0 30px 0 0;/* rtl */ } .ts-special-product-wrapper .product-label { --label-size: 60px; --label-font-size: 14px; } body:not(.product-style-v1) .ts-product-attribute > div.option:not(.color) > a { padding-left: 30px; padding-right: 30px; } .product-style-v1 .ts-product-attribute > div.option:not(.color) > a { padding-top: 10px; padding-bottom: 10px; } .product-style-v5 .ts-product-attribute > div.option:not(.color) > a { padding-top: 8px; padding-bottom: 8px; } .product-style-v3 #ts-filter-widget-area .filter-widget-area, .product-style-v3 .ts-sidebar > aside {gap: 40px;} .product-style-v3 .ts-sidebar > aside > *:not(:last-child), .product-style-v3 #ts-filter-widget-area .filter-widget-area > *:not(:last-child) { padding-bottom: 40px; } .product-style-v3 .style-filter-top #ts-filter-widget-area .filter-widget-area > *:not(:last-child) { padding-bottom: 0; } .product-style-v4 .before-loop-wrapper + .ts-active-filters:not(:empty) { margin-top: -20px; } .product-style-v4.woocommerce.archive #main > .page-container { padding-top: 40px; } .product-style-v4 .before-loop-wrapper { margin-bottom: 0; } .breadcrumb-title-wrapper.breadcrumb-v3 .ts-breadcrumbs {margin-top: 20px;} .breadcrumb-v4 .ts-breadcrumbs { padding: 15px 0; } .product-style-v6 .breadcrumb-title-wrapper.breadcrumb-v3 { margin-bottom: 22px; } .post-single-navigation > a { padding: 8px 50px; } .breadcrumb-title-wrapper.ts-breadcrumb-parallax, .breadcrumb-title-wrapper.ts-breadcrumb-parallax .container { background-attachment: fixed; } .breadcrumb-title-wrapper.has-background .breadcrumb-title { min-height: 350px; } .breadcrumb-title-wrapper .page-title .thumbnail { width: 100px; height: 100px; } .product-style-v1 .columns-2 .woocommerce.main-products .products > .product:first-child, .product-style-v1 .columns-2 .woocommerce.main-products .products > .product:first-child + .product { padding-top: 30px; border-width: 1px 0; } .product-style-v1 .columns-2 .style-filter-top .woocommerce.main-products .products > .product:first-child, .product-style-v1 .columns-2 .style-filter-top .woocommerce.main-products .products > .product:first-child + .product { padding-top: 0; border-top-width: 0; } .woocommerce-MyAccount-content form button[type^="submit"] {min-width: 200px;} body .wc-block-components-notice-banner, :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning), :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning){ padding: 10px 30px; } #ts-shopping-cart-sidebar { --ts-float-sidebar-width: 420px; } .header-v8 .header-language-currency { padding: 12px 25px; } .product-style-v6 .load-more-wrapper, .product-style-v6 .ts-shop-load-more, .product-style-v6 .ts-mailchimp-subscription-shortcode, .page-template-blank-page-template.product-style-v5 .ts-mailchimp-subscription-shortcode { --ts-btn-padding-top: 14px; --ts-btn-padding-left: 30px; } .product-style-v4.woocommerce .product .product-label, .product-style-v4 .woocommerce .product .product-label { inset: 10px auto auto 10px; /* rtl */ } .thumbnail-right .post-content-wrapper { gap: var(--ts-section-gap) 30px; align-items: flex-start; display: grid; grid-template-columns: [left] 1fr [right] 32%;/* rtl */ } .thumbnail-right .post-content-wrapper > .entry-format { grid-row-start: 1; align-items: flex-start; grid-column: right;/* rtl */ grid-row-end: span 3; position: -webkit-sticky; position: sticky; top: 0; transition: top 200ms ease 0s; } .thumbnail-right .post-content-wrapper > .entry-header { align-self: flex-end; grid-column: left;/* rtl */ } .thumbnail-right .post-content-wrapper > .post-content { align-self: flex-end; grid-column: left;/* rtl */ } .product-style-v5 .thumbnail-right .post-content-wrapper { gap: 1px; grid-template-columns: [left] 1fr [right] 28%;/* rtl */ } .product-style-v5 .thumbnail-right .post-content-wrapper { border-bottom: 1px solid var(--ts-border); } .product-style-v5 .thumbnail-right .post-content-wrapper > .entry-format, .product-style-v5 .thumbnail-right .post-content-wrapper > .entry-header, .product-style-v5 .thumbnail-right .post-content-wrapper > .post-content { outline: 1px solid var(--ts-border); border: 0; } .product-style-v5 .thumbnail-right .post-content-wrapper > .post-content {margin-bottom: -1px;} .product-style-v5 .thumbnail-right .post-content-wrapper > .post-content > *:last-child {border-bottom-width: 0;} .thumbnail-right .post-content-wrapper .entry-title { font-size: var(--ts-h2-font-size); line-height: 1; } .product-style-v5 .ts-testimonial-wrapper blockquote {gap: 120px;} .blog-template.index-template .list-posts article .entry-title, body .ts-blogs.columns-1 blockquote, body .columns-1 .list-posts blockquote, .ts-blogs.columns-1 article .entry-title, .columns-1 .list-posts article .entry-title { font-size: var(--ts-h2-font-size); line-height: var(--ts-h2-line-height); } :where(.product-style-v2, .product-style-v4) .ts-blogs.columns-1.layout-list article .entry-title, :where(.product-style-v2, .product-style-v4) .columns-1 .list-posts article .entry-title { font-size: calc(var(--ts-h2-font-size) + 10px); line-height: 0.8; } .product-style-v4 .page-container:not(.no-sidebar) #main-content .before-loop-wrapper, .product-style-v4 .before-loop-wrapper { padding-bottom: 40px; } .woocommerce.ts-product-category-wrapper.style-big-text.direction-vertical .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { grid-template-columns: repeat(var(--ts-product-columns), minmax(0, 1fr)); } .style-big-text.direction-vertical .product-category-wrapper .category-name { margin: 0 0 30px; } .ts-header nav > ul.menu li:hover > ul.sub-menu { display: block; -webkit-animation-duration: 200ms; -moz-animation-duration: 200ms; animation-duration: 200ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_fade; -moz-animation-name: animation_fade; animation-name: animation_fade; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; } .product-style-v2 .products .product .product-brands, .product-style-v2 .products .product .product-categories, .product-style-v2 ul.product_list_widget li .product-brands { font-size: calc(var(--ts-product-font-size) - 3px); line-height: calc(var(--ts-product-line-height) - 3px); } .product-style-v3 .products .product .product-brands, .product-style-v3 .products .product .product-categories, .product-style-v3 ul.product_list_widget li .product-brands { font-size: calc(var(--ts-product-font-size) - 1px); line-height: var(--ts-product-line-height); } :where(.header-v1, .header-v2, .header-v4, .header-v6) .header-sticky:not(.is-sticky) .header-middle > .container { padding-top: 30px; padding-bottom: 30px; } .header-v8 .header-sticky:not(.is-sticky) .header-middle > .container { padding-top: 40px; padding-bottom: 40px; } .ts-header nav > ul.menu li:not(.ts-megamenu) ul.sub-menu { padding: 65px 40px 40px 40px; } /**/ :where(.header-v1, .header-v2, .header-v4, .header-v6) .header-sticky:not(.is-sticky) .header-middle nav > ul.menu li ul.sub-menu {padding-top: 39px;} :where(.header-v1, .header-v2, .header-v4, .header-v6) .header-sticky:not(.is-sticky) .header-middle nav > ul.menu li.ts-megamenu ul.sub-menu {padding-top: 39px;} :where(.header-v1, .header-v2, .header-v4, .header-v6) .header-sticky:not(.is-sticky) .header-middle nav > ul.menu li:not(.ts-megamenu) ul.sub-menu {padding-top: 78px;} :where(.header-v1, .header-v2, .header-v4, .header-v6) .header-sticky:not(.is-sticky) .header-middle nav > ul.menu li ul.sub-menu:after {top: 39px;} /**/ .header-v1 .header-sticky.is-sticky .header-middle nav > ul.menu li ul.sub-menu {padding-top: 31px;} .header-v1 .header-sticky.is-sticky .header-middle nav > ul.menu li.ts-megamenu ul.sub-menu {padding-top: 31px;} .header-v1 .header-sticky.is-sticky .header-middle nav > ul.menu li:not(.ts-megamenu) ul.sub-menu {padding-top: 70px;} .header-v1 .header-sticky.is-sticky .header-middle nav > ul.menu li ul.sub-menu:after {top: 31px;} /**/ .header-v3 .header-middle nav > ul.menu li ul.sub-menu {padding-top: 33px;} .header-v3 .header-middle nav > ul.menu li.ts-megamenu ul.sub-menu {padding-top: 33px;} .header-v3 .header-middle nav > ul.menu li:not(.ts-megamenu) ul.sub-menu {padding-top: 73px;} .header-v3 .header-middle nav > ul.menu li ul.sub-menu:after {top: 33px;} .header-v3 .header-sticky.is-sticky .header-middle nav > ul.menu li ul.sub-menu {padding-top: 29px;} .header-v3 .header-sticky.is-sticky .header-middle nav > ul.menu li.ts-megamenu ul.sub-menu {padding-top: 29px;} .header-v3 .header-sticky.is-sticky .header-middle nav > ul.menu li:not(.ts-megamenu) ul.sub-menu {padding-top: 68px;} .header-v3 .header-sticky.is-sticky .header-middle nav > ul.menu li ul.sub-menu:after {top: 29px;} /**/ .product-style-v4 .ts-header .header-middle nav > ul.menu li ul.sub-menu {padding-top: 53px;} .product-style-v4 .ts-header .header-middle nav > ul.menu li.ts-megamenu ul.sub-menu {padding-top: 53px;} .product-style-v4 .ts-header .header-middle nav > ul.menu li:not(.ts-megamenu) ul.sub-menu {padding-top: 92px;} .product-style-v4 .ts-header .header-middle nav > ul.menu li ul.sub-menu:after {top: 53px;} .product-style-v4.header-v2 .ts-header .header-middle nav > ul.menu li ul.sub-menu, .product-style-v4 .ts-header .is-sticky .header-middle nav > ul.menu li ul.sub-menu {padding-top: 36px;} .product-style-v4.header-v2 .ts-header .header-middle nav > ul.menu li.ts-megamenu ul.sub-menu, .product-style-v4 .ts-header .is-sticky .header-middle nav > ul.menu li.ts-megamenu ul.sub-menu {padding-top: 36px;} .product-style-v4.header-v2 .ts-header .header-middle nav > ul.menu li:not(.ts-megamenu) ul.sub-menu, .product-style-v4 .ts-header .is-sticky .header-middle nav > ul.menu li:not(.ts-megamenu) ul.sub-menu {padding-top: 76px;} .product-style-v4.header-v2 .ts-header .header-middle nav > ul.menu li ul.sub-menu:after, .product-style-v4 .ts-header .is-sticky .header-middle nav > ul.menu li ul.sub-menu:after {top: 36px;} .header-v5 .header-middle .my-account-wrapper .dropdown-container {padding-top: 68px;} .header-v5 .header-middle .my-account-wrapper .dropdown-container:before {top: 35px;} .product-style-v4.header-v2 .header-middle .shopping-cart-wrapper .dropdown-container {padding-top: 65px;} .header-v5 .header-middle .shopping-cart-wrapper .dropdown-container {padding-top: 54px;} .product-style-v4.header-v2 .header-middle .shopping-cart-wrapper .dropdown-container:before {top: 30px;} .header-v5 .header-middle .shopping-cart-wrapper .dropdown-container:before {top: 21px;} .product-style-v4.header-v2 .header-middle .my-account-wrapper .dropdown-container:before {top: 44px;} :is(.product-style-v4.header-v2,.header-v4,.header-v5) .is-sticky .my-account-wrapper .dropdown-container, :is(.product-style-v4.header-v2,.header-v4,.header-v5) .is-sticky .header-middle .wcml_currency_switcher > ul, :is(.product-style-v4.header-v2,.header-v4,.header-v5) .is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, :is(.product-style-v4.header-v2,.header-v4,.header-v5) .is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { padding-top: 70px; } :is(.product-style-v4.header-v2,.header-v4,.header-v5) .is-sticky .header-middle .my-account-wrapper .dropdown-container:before { top: 37px; } :is(.product-style-v4.header-v2,.header-v4,.header-v5) .is-sticky .header-middle .wcml_currency_switcher > ul:before, :is(.product-style-v4.header-v2,.header-v4,.header-v5) .is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, :is(.product-style-v4.header-v2,.header-v4,.header-v5) .is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { top: 38px; } :is(.product-style-v4.header-v2,.header-v4,.header-v5) .is-sticky .header-middle .shopping-cart-wrapper .dropdown-container { padding-top: 56px; } :is(.product-style-v4.header-v2,.header-v4,.header-v5) .is-sticky .header-middle .shopping-cart-wrapper .dropdown-container:before { top: 23px; } /**/ .product-style-v4.header-v5 .ts-header .header-middle nav > ul.menu li ul.sub-menu {padding-top: 34px;} .product-style-v4.header-v5 .ts-header .header-middle nav > ul.menu li.ts-megamenu ul.sub-menu {padding-top: 34px;} .product-style-v4.header-v5 .ts-header .header-middle nav > ul.menu li:not(.ts-megamenu) ul.sub-menu {padding-top: 74px;} .product-style-v4.header-v5 .ts-header .header-middle nav > ul.menu li ul.sub-menu:after {top: 34px;} .product-style-v4.header-v5 .ts-header .is-sticky .header-middle nav > ul.menu li ul.sub-menu {padding-top: 36px;} .product-style-v4.header-v5 .ts-header .is-sticky .header-middle nav > ul.menu li.ts-megamenu ul.sub-menu {padding-top: 36px;} .product-style-v4.header-v5 .ts-header .is-sticky .header-middle nav > ul.menu li:not(.ts-megamenu) ul.sub-menu {padding-top: 76px;} .product-style-v4.header-v5 .ts-header .is-sticky .header-middle nav > ul.menu li ul.sub-menu:after {top: 36px;} /**/ .header-v7 .header-sticky:not(.is-sticky) .header-middle nav > ul.menu li ul.sub-menu {padding-top: 33px;} .header-v7 .header-sticky:not(.is-sticky) .header-middle nav > ul.menu li.ts-megamenu ul.sub-menu {padding-top: 33px;} .header-v7 .header-sticky:not(.is-sticky) .header-middle nav > ul.menu li:not(.ts-megamenu) ul.sub-menu {padding-top: 63px;} .header-v7 .header-sticky:not(.is-sticky) .header-middle nav > ul.menu li ul.sub-menu:after {top: 33px;} /**/ .header-v8 .header-middle nav > ul.menu li ul.sub-menu, .header-v8 .header-middle nav > ul.menu li.ts-megamenu ul.sub-menu, .header-v8 .is-sticky .header-middle nav > ul.menu li ul.sub-menu, .header-v8 .is-sticky .header-middle nav > ul.menu li.ts-megamenu ul.sub-menu {padding-top: 34px;} .header-v8 .header-middle nav > ul.menu li:not(.ts-megamenu) ul.sub-menu, .header-v8 .is-sticky .header-middle nav > ul.menu li:not(.ts-megamenu) ul.sub-menu {padding-top: 64px;} .header-v8 .header-middle nav > ul.menu li ul.sub-menu:after, .header-v8 .is-sticky .header-middle nav > ul.menu li ul.sub-menu:after {top: 34px;} /**/ :where(.product-style-v4, .product-style-v6) .ts-header nav > ul.menu li ul.sub-menu:after { border-radius: 20px; } :where(.header-v2, .header-v6) .header-middle > .container { justify-content: space-between; } :where(.header-v2, .header-v6) .ts-header .header-middle .header-right { margin-left: 0;/* rtl */ } .header-v3 .ts-header .search-table .search-field input[type="text"] { min-width: 250px; } .product-filter-by-color ul li a { font-weight: 500; } .woocommerce .ts-active-filters .widget_layered_nav_filters ul li a, .ts-sidebar .product-filter-by-color ul li a, #ts-filter-widget-area .product-filter-by-color ul li a { font-weight: inherit; font-size: inherit; } .ts-product-color.product-filter-by-color ul li a > img, .ts-product-color.product-filter-by-color ul li a > span:not(.color-name) { width: 18px; } .ts-shortcode:not(.ts-slider) .items { grid-template-columns: repeat(var(--ts-columns), minmax(0,1fr)); } #main-content.style-filter-sidebar .before-loop-wrapper { margin-bottom: 50px; } .product-style-v5 #main-content.style-filter-sidebar .before-loop-wrapper { margin-bottom: 0; } .page-container:not(.no-sidebar) .filter-widget-area-button {display: none;} .product-style-v6 .ts-product-columns-selector > .current-selector {min-width: 78px;} .filter-widget-area-button > a, .product-per-page-form .perpage-current, .woocommerce .woocommerce-ordering .orderby .orderby-current {gap: 0 10px;} .product-group-button-meta {gap: 5px;} .filter-widget-area-button > a:hover, .product-style-v6 .ts-product-columns-selector:hover > .current-selector, .product-style-v6 .ts-product-columns-selector ul li:hover, .woocommerce .woocommerce-ordering:hover .orderby-current, .product-per-page-form:hover .perpage-current { color: var(--ts-primary-color); } .woocommerce-ordering ul li a:hover, .product-per-page-form ul li a:hover { color: var(--ts-link-hover-color); } .product-group-button > div {transition: 250ms ease;} .product-group-button > div:not(.wishlist) {opacity: 0; visibility: hidden;} .product-wrapper:hover .product-group-button > div:not(.wishlist) { opacity: 1; visibility: visible; -webkit-animation-duration: 350ms; -moz-animation-duration: 350ms; animation-duration: 350ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_fade; -moz-animation-name: animation_fade; animation-name: animation_fade; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; } .product-wrapper:hover .product-group-button > div:nth-child(2) {animation-delay: 200ms;} .product-wrapper:hover .product-group-button > div:nth-child(3) {animation-delay: 300ms;} .product-wrapper:hover .product-group-button > div:nth-child(4) {animation-delay: 400ms;} body:not(.product-style-v6) .product-group-button > div.wishlist a { background-color: transparent; border-color: transparent; } body:not(.product-style-v6) .product-wrapper:hover .product-group-button > div.wishlist a { background-color: var(--ts-btn-thumbnail-bg); border-color: var(--ts-btn-thumbnail-border); } body:not(.product-style-v1):not(.product-style-v6) :where(.product-group-button, .product-group-button-meta) .button-in.wishlist { opacity: 0.4; } body:not(.product-style-v1):not(.product-style-v6) .product-wrapper:hover :where(.product-group-button, .product-group-button-meta) .button-in.wishlist { opacity: 1; } :where(.product-style-v2, .product-style-v3) .product-group-button-meta > div.button-in.wishlist a, :where(.product-style-v2, .product-style-v3) .product-group-button-meta > div.button-in.wishlist a:hover { background-color: transparent; } .product-group-button .button-tooltip, .product-group-button-meta .button-in .button-tooltip { width: max-content; max-width: 200px; padding: 2px 12px; font-size: 0.8rem; line-height: 16px; text-transform: none; text-align: center; display: inline-block; background: var(--ts-btn-thumbnail-color); color: var(--ts-btn-thumbnail-bg); border-radius: 20px; position: absolute; top: 50%; opacity: 0; visibility: hidden; right: calc(100% + 10px);/* rtl */ transform: translateY(-50%); transition: opacity 200ms linear, right 200ms linear; } .product-style-v2 .product-group-button .button-tooltip, .product-style-v2 .product-group-button-meta .button-in .button-tooltip { border-radius: 0; } .product-group-button > div.compare:hover a:after, .product-wrapper .product-group-button > div:hover .button-tooltip, .product-wrapper .product-group-button-meta > div.button-in:hover .button-tooltip { opacity: 1; visibility: visible; right: calc(100% + 5px);/* rtl */ } .ts-grouped-product-wrapper .item .product-meta, .columns-2 .product .meta-wrapper .price + .product-group-button-meta {margin-top: 5px;} .no-sidebar.columns-2 .product .meta-wrapper .price + .product-group-button-meta {margin-top: 10px;} .columns-2 .product-group-button div.loop-add-to-cart, body:not(.product-style-v3) .woocommerce-ordering .orderby-current:before, body:not(.product-style-v3) .product-per-page-form .perpage-current:before {display: none;} /*** Style Filter Sidebar ***/ .style-filter-sidebar #primary { display: flex; flex-wrap: wrap; align-items: flex-start; } .style-filter-sidebar #primary > *:not(#ts-filter-widget-area):not(.main-products) { width: 100%; } .style-filter-sidebar #ts-filter-widget-area { width: calc(var(--ts-sidebar-width) + var(--ts-sidebar-gap)); } .style-filter-sidebar:not(.show-filter-default) #ts-filter-widget-area { width: 1px; height: 0; order: 0; min-width: 0; opacity: 0; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; transition: width 350ms, opacity 350ms, padding 350ms; } .style-filter-sidebar.show-filter-default #ts-filter-widget-area{ padding-right: var(--ts-sidebar-gap);/* rtl */ } .product-style-v5 .style-filter-sidebar .before-loop-wrapper > .filter-widget-area-button { width: calc(var(--ts-sidebar-width) + var(--ts-sidebar-gap) - 11px); } .style-filter-sidebar #ts-filter-widget-area .ts-sidebar-content { min-width: var(--ts-sidebar-width); } .style-filter-sidebar #ts-filter-widget-area.active { width: calc(var(--ts-sidebar-width) + var(--ts-sidebar-gap)); padding-right: var(--ts-sidebar-gap);/* rtl */ opacity: 1; height: auto; } .style-filter-sidebar #ts-filter-widget-area .ts-sidebar-content { position: static; transform: none; padding: 0; box-shadow: none; } .product-style-v2 .style-filter-sidebar #ts-filter-widget-area .ts-sidebar-content { padding: 30px 0 0; border-width: 1px 0 0; border-style: solid; } .product-style-v2 .style-filter-sidebar #ts-filter-widget-area .filter-widget-area { padding-top: 0; } .product-style-v6 .style-filter-sidebar #ts-filter-widget-area .ts-sidebar-content { color: var(--ts-product-color); background: var(--ts-product-bg); border-radius: var(--ts-border-radius-large); padding: 40px; } .product-style-v5 .style-filter-sidebar.show-filter-default #ts-filter-widget-area, .product-style-v5 .style-filter-sidebar #ts-filter-widget-area.active { padding-right: 0;/* rtl */ } .product-style-v5 .style-filter-sidebar #ts-filter-widget-area .ts-sidebar-content { width: 100%; padding: 40px; border-right: 1px solid var(--ts-border);/* rtl */ } .product-style-v5 .style-filter-sidebar .before-loop-wrapper > .filter-widget-area-button { flex: none !important; } .style-filter-sidebar .woocommerce.main-products { width: calc(100% - 1px); transition: width 350ms; } .style-filter-sidebar.show-filter-default .woocommerce.main-products, .style-filter-sidebar #ts-filter-widget-area.active ~ .woocommerce.main-products{ width: calc(100% - var(--ts-sidebar-width) - var(--ts-sidebar-gap)); } /*** Style Filter Top ***/ .show-filter-default .filter-widget-area-button, .style-filter-top #ts-filter-widget-area .widget-container ul li a:before, .style-filter-top #ts-filter-widget-area .ts-product-categories-widget ul li .icon-toggle, .filter-widget-area-button + .overlay, #ts-filter-widget-area .overlay {display: none !important;} .style-filter-top .before-loop-wrapper #ts-filter-widget-area { order: 100; width: 100%; } .style-filter-top .before-loop-wrapper #ts-filter-widget-area .ts-sidebar-content { position: static; width: 100%; overflow: visible; padding: 0; font-size: calc(var(--ts-text-small) + 2px); line-height: calc(var(--ts-text-small-line-height) + 2px); transform: none; max-height: 0; opacity: 0; visibility: hidden; transition: max-height 400ms cubic-bezier(0, 1, 0, 1); box-shadow: none; background: transparent; color: var(--ts-text-color); } .product-style-v4 .style-filter-top .before-loop-wrapper #ts-filter-widget-area .ts-sidebar-content, .product-style-v6 .style-filter-top .before-loop-wrapper #ts-filter-widget-area .ts-sidebar-content { color: inherit; } .product-style-v6 .style-filter-top .before-loop-wrapper #ts-filter-widget-area .filter-widget-area { padding: 30px 0 0; } .style-filter-top .before-loop-wrapper #ts-filter-widget-area.active .ts-sidebar-content { opacity: 1; visibility: visible; max-height: 1000px; transition: max-height 300ms ease-in-out; } .style-filter-top .before-loop-wrapper #ts-filter-widget-area .filter-widget-area { gap: 20px; padding: 36px 0 0; } .style-filter-top.show-filter-default .before-loop-wrapper #ts-filter-widget-area .ts-sidebar-content, .style-filter-top.show-filter-default .before-loop-wrapper #ts-filter-widget-area.active .ts-sidebar-content { opacity: 1; visibility: visible; max-height: none; transition: none; } .style-filter-top.show-filter-default .before-loop-wrapper #ts-filter-widget-area .filter-widget-area { padding: 36px 0 0; } .product-style-v2 .style-filter-top.show-filter-default .before-loop-wrapper #ts-filter-widget-area .filter-widget-area { padding: 30px 0 0; } .style-filter-top #ts-filter-widget-area .filter-widget-area > * { padding: 0; border: 0; display: flex; gap: 15px; } .style-filter-top #ts-filter-widget-area .widget-title-wrapper .widget-title { margin-bottom: 0; margin-top: 7px; min-width: 106px; line-height: var(--ts-text-small-line-height); font-size: var(--ts-text-small); font-weight: normal; } .product-style-v2 #shop-top-area .widget-title-wrapper .widget-title, .product-style-v2 .style-filter-top #ts-filter-widget-area .widget-title-wrapper .widget-title { min-width: 125px; } .product-style-v4 #shop-top-area .widget-title-wrapper .widget-title, .product-style-v4 .ts-active-filters .button-text, .product-style-v4 .ts-active-filters .widget_layered_nav_filters .widgettitle, .product-style-v4 .style-filter-top #ts-filter-widget-area .widget-title-wrapper .widget-title { text-transform: none; color: var(--ts-gray-color); font-family: var(--ts-font-family); } .style-filter-top #ts-filter-widget-area .widget-container ul { flex-direction: row; flex-wrap: wrap; gap: 10px; } .style-filter-top #ts-filter-widget-area .widget_product_categories ul > li > a, .style-filter-top #ts-filter-widget-area .ts-product-categories-widget ul > li > a{ font-size: inherit; line-height: inherit; font-weight: inherit; } .style-filter-top .ts-active-filters .widget_layered_nav_filters .widgettitle {min-width: 101px;} .style-filter-top #ts-filter-widget-area .product-filter-by-brand ul li label, .style-filter-top #ts-filter-widget-area .product-filter-by-price ul li label, .style-filter-top #ts-filter-widget-area .woocommerce .widget_rating_filter ul li a, .style-filter-top #ts-filter-widget-area .widget_product_categories ul li, .style-filter-top #ts-filter-widget-area .ts-product-categories-widget ul li a { gap: 8px; align-items: center; border: 1px solid var(--ts-border); border-radius: 40px; transition: 150ms ease; position: relative; font-weight: inherit; line-height: 16px; padding: 6px 20px; } .product-style-v2 .style-filter-top #ts-filter-widget-area .product-filter-by-brand ul li label, .product-style-v2 .style-filter-top #ts-filter-widget-area .product-filter-by-price ul li label, .product-style-v2 .style-filter-top #ts-filter-widget-area .woocommerce .widget_rating_filter ul li a, .product-style-v2 .style-filter-top #ts-filter-widget-area .widget_product_categories ul li, .product-style-v2 .style-filter-top #ts-filter-widget-area .ts-product-categories-widget ul li a { border-radius: 0; } .style-filter-top #ts-filter-widget-area .widget_product_categories ul li, .style-filter-top #ts-filter-widget-area .ts-product-categories-widget ul li { flex-wrap: nowrap; } .style-filter-top #ts-filter-widget-area .widget_product_categories ul li ul, .style-filter-top #ts-filter-widget-area .ts-product-categories-widget ul li ul { margin: 0; padding: 0; gap: 10px; display: flex !important; } .style-filter-top #ts-filter-widget-area .widget_product_categories ul li ul, .style-filter-top #ts-filter-widget-area .ts-product-categories-widget ul li ul, .style-filter-top #ts-filter-widget-area .widget_product_categories ul li:hover a, .style-filter-top #ts-filter-widget-area .ts-product-categories-widget ul li:hover a, .style-filter-top #ts-filter-widget-area .widget_product_categories ul li a:hover, .style-filter-top #ts-filter-widget-area .ts-product-categories-widget ul li a:hover { color: inherit; } .style-filter-top #ts-filter-widget-area .product-filter-by-brand ul li label:before, .style-filter-top #ts-filter-widget-area .product-filter-by-price ul li label:before, .woocommerce .style-filter-top #ts-filter-widget-area .widget_rating_filter ul li a:before, .woocommerce .style-filter-top #ts-filter-widget-area .widget_rating_filter ul li a:after, .style-filter-top #ts-filter-widget-area .product-filter-by-price ul li label:after, .style-filter-top #ts-filter-widget-area .widget-container.product-filter-by-brand ul > li label:after { display: none; } .style-filter-top #ts-filter-widget-area .product-filter-by-brand ul li:hover label, .style-filter-top #ts-filter-widget-area .product-filter-by-price ul li:hover label, .style-filter-top #ts-filter-widget-area .woocommerce .widget_rating_filter ul li:hover a, .style-filter-top #ts-filter-widget-area .widget_product_categories ul li:hover, .style-filter-top #ts-filter-widget-area .ts-product-categories-widget ul li:hover a { border-color: var(--ts-text-color); } .woocommerce .style-filter-top #ts-filter-widget-area .widget_price_filter form { padding: 0; width: 100%; max-width: 500px; } .style-filter-top #ts-filter-widget-area .widget_price_filter .price_slider_wrapper { display: flex; align-items: center; gap: 20px; } .woocommerce .style-filter-top #ts-filter-widget-area .widget_price_filter .price_slider_wrapper .ui-widget-content { margin: 0; flex: 1; } .woocommerce .style-filter-top #ts-filter-widget-area .widget_price_filter .price_slider_amount { gap: 20px; flex-wrap: nowrap; } .woocommerce .style-filter-top #ts-filter-widget-area .widget_price_filter .price_slider_amount .price_label { margin: 0; } /*** Style Filter Dropdown ***/ .style-filter-dropdown .before-loop-wrapper #ts-filter-widget-area { order: -1; max-width: 60%; margin-right: auto;/* rtl */ z-index: 5; } .product-style-v5 .style-filter-dropdown .before-loop-wrapper #ts-filter-widget-area .ts-heading {display: none;} .product-style-v5 .style-filter-dropdown .before-loop-wrapper #ts-filter-widget-area { max-width: 100%; margin: 0; width: 100%; display: flex; } .product-style-v5 .style-filter-dropdown #ts-filter-widget-area .filter-widget-area {gap: 1px;} .product-style-v5 .style-filter-dropdown .before-loop-wrapper #ts-filter-widget-area .filter-widget-area > * { flex: 1; padding: 17px var(--ts-product-padding); outline: 1px solid var(--ts-border); } .product-style-v5 .style-filter-dropdown .filter-widget-area .product-filter-by-brand ul li label, .product-style-v5 .style-filter-dropdown .filter-widget-area .product-filter-by-price ul li label, .product-style-v5 .style-filter-dropdown .filter-widget-area .woocommerce .widget_rating_filter ul li a, .product-style-v5 .style-filter-dropdown .filter-widget-area .widget-container ul li a { padding-left: var(--ts-product-padding) !important; padding-right: var(--ts-product-padding) !important; } .style-filter-dropdown .before-loop-wrapper > .woocommerce-ordering { margin-left: 0;/* rtl */ } .title-in-sidebar .style-filter-dropdown #main-content .before-loop-wrapper, .style-filter-dropdown .before-loop-wrapper, .product-style-v1 .title-in-sidebar .style-filter-dropdown #main-content .before-loop-wrapper, .product-style-v1 .style-filter-dropdown .before-loop-wrapper { margin-bottom: 20px; } .product-style-v6 .style-filter-dropdown .before-loop-wrapper { margin-bottom: 10px; } .product-style-v4 .style-filter-dropdown .before-loop-wrapper, .product-style-v5 .style-filter-dropdown .before-loop-wrapper {margin-bottom: 0;} .style-filter-dropdown .before-loop-wrapper #ts-filter-widget-area .ts-sidebar-content { position: static; width: 100%; overflow: visible; padding: 0; font-size: calc(var(--ts-text-small) + 2px); line-height: 16px; transform: none; box-shadow: none; background: transparent; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; transition: none; color: inherit; } .style-filter-dropdown #ts-filter-widget-area .ts-heading { display: block; margin: 0 0 10px; padding: 0; border: 0; } .style-filter-dropdown .ts-product-columns-selector {margin-top: 7px;} .style-filter-dropdown .product-on-sale-form {margin-top: 6px;} .product-style-v6 .style-filter-dropdown .product-on-sale-form {margin-top: 12px;} .product-style-v6 .style-filter-dropdown .ts-product-columns-selector {margin-top: 0;} .product-style-v3 .style-filter-dropdown #ts-filter-widget-area .filter-widget-area {gap: 30px;} .product-style-v3 .style-filter-dropdown .filter-widget-area .widget-title-wrapper {gap: 15px;} .product-style-v3 .style-filter-dropdown #ts-filter-widget-area .ts-heading {display: none;} .product-style-v3 .style-filter-dropdown .filter-widget-area .widget-title-wrapper { padding: 8px 0; border-width: 0 0 1px; border-radius: 0; min-width: 0; } .product-style-v1 .style-filter-dropdown .title-in-sidebar #main-content .before-loop-wrapper, .product-style-v1 .style-filter-dropdown .before-loop-wrapper { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid var(--ts-border); } .product-style-v1 .style-filter-dropdown .title-in-sidebar #main-content .before-loop-wrapper ~ .ts-active-filters:not(:empty), .product-style-v1 .style-filter-dropdown .before-loop-wrapper ~ .ts-active-filters:not(:empty) { margin-top: -40px; background: var(--ts-body-bg); } .style-filter-dropdown .product-filter-by-color ul li a { font-weight: inherit; } .style-filter-dropdown #ts-filter-widget-area .ts-heading .close, .style-filter-dropdown .filter-widget-area-button, bod:not(.product-style-v3) .style-filter-dropdown .product-on-sale-form, .style-filter-dropdown #ts-filter-widget-area .widget-container ul li a:before, .style-filter-top .before-loop-wrapper .overlay, .style-filter-dropdown .before-loop-wrapper #ts-filter-widget-area .overlay {display: none;} .style-filter-dropdown #ts-filter-widget-area .filter-widget-area > * { width: auto; border: 0; } .style-filter-dropdown #ts-filter-widget-area .filter-widget-area > *, .product-style-v3 .style-filter-dropdown #ts-filter-widget-area .filter-widget-area > *:not(:last-child) { padding: 0 10px 10px 0;/* rtl */ } .style-filter-dropdown #ts-filter-widget-area .filter-widget-area { display: flex; gap: 0; flex-flow: row wrap; flex: 1; } .style-filter-dropdown .filter-widget-area .widget-title-wrapper { padding: 6px 20px; border-width: 1px; border-style: solid; cursor: pointer; align-items: center; display: flex; gap: 10px; border-radius: var(--ts-btn-radius); min-width: 90px; } .product-style-v6 .style-filter-dropdown .filter-widget-area .widget-title-wrapper { border: 1px solid; } .product-style-v5 .style-filter-dropdown .filter-widget-area .widget-title-wrapper { padding: 6px 20px; justify-content: space-between; } .style-filter-dropdown .filter-widget-area .widget-title-wrapper h3 { margin: 0; font-size: var(--ts-text-small); line-height: 16px; white-space: nowrap; } .style-filter-dropdown .filter-widget-area .widget-title-wrapper:hover { color: var(--ts-link-hover-color); border-color: var(--ts-link-hover-color); } .style-filter-dropdown .filter-widget-area .widget-title-wrapper:hover:after, .style-filter-dropdown .filter-widget-area .widget-title-wrapper:hover h3 { color: var(--ts-link-hover-color); } .product-style-v6 .style-filter-dropdown .filter-widget-area .widget-title-wrapper h3 { font-size: 1em; } :where(.product-style-v2, .product-style-v4) .style-filter-dropdown .filter-widget-area .widget-title-wrapper { padding: 7px 15px; line-height: 1; } :where(.product-style-v2, .product-style-v4) .style-filter-dropdown .filter-widget-area .widget-title-wrapper h3 { font-size: var(--ts-text-small); line-height: 1; text-transform: uppercase; } :where(.product-style-v2, .product-style-v4) :where(.style-filter-dropdown, .style-filter-top) #ts-filter-widget-area .ts-heading h6 { font-size: calc(1em - 2px); } .product-style-v3 .style-filter-dropdown .before-loop-wrapper #ts-filter-widget-area { width: 100%; max-width: 100%; margin-bottom: 20px; } .product-style-v3 .custom-breadcrumb-wrapper ~ .page-container .style-filter-dropdown .before-loop-wrapper { margin-top: -140px; } .product-style-v3 .custom-breadcrumb-wrapper ~ .page-container .style-filter-dropdown .before-loop-wrapper #ts-filter-widget-area { padding: 0 50px; margin-bottom: 100px; } .product-style-v5 .style-filter-top .before-loop-wrapper #ts-filter-widget-area .filter-widget-area { padding: 0; margin: 0; gap: 0; } .product-style-v5 .style-filter-top #ts-filter-widget-area .filter-widget-area > * { padding: 20px 40px; border-top: 1px solid var(--ts-border); } .product-style-v3 .style-filter-dropdown .before-loop-wrapper > .woocommerce-ordering { margin-left: auto;/* rtl */ } .style-filter-dropdown .before-loop-wrapper { align-items: flex-start; } .style-filter-dropdown .filter-widget-area .widget-title-wrapper:after { content: "\e90e"; font-family: 'icomoon'; font-size: 8px; letter-spacing: 0; font-weight: normal; display: inline-block; color: inherit; } .style-filter-dropdown .filter-widget-area .widget-container > *:not(.widget-title-wrapper) { margin: 0; padding: 20px 0; width: 100%; min-width: 200px; position: absolute; top: 100%; left: calc(50% - 5px);/* rtl */ right: auto;/* rtl */ transform: translateX(-50%);/* rtl */ z-index: 9; display: none; flex-direction: column; flex-wrap: nowrap; gap: 5px 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; color: var(--ts-dropdown-color); border: 1px solid var(--ts-dropdown-border); border-radius: 10px; background-color: var(--ts-dropdown-bg); max-height: 400px; overflow-x: hidden; overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; } .style-filter-dropdown .filter-widget-area .widget-container > *:not(.widget-title-wrapper)::-webkit-scrollbar { display: none; } .product-style-v5 .style-filter-dropdown .filter-widget-area .widget-container > :not(.widget-title-wrapper), .product-style-v3 .style-filter-dropdown .filter-widget-area .widget-container:first-child > *:not(.widget-title-wrapper) { left: 0;/* rtl */ transform: none;/* rtl */ } .product-style-v2 .style-filter-dropdown .filter-widget-area .widget-container > *:not(.widget-title-wrapper), .product-style-v3 .style-filter-dropdown .filter-widget-area .widget-container > *:not(.widget-title-wrapper) { border-radius: 0; } .product-style-v5 .style-filter-dropdown .filter-widget-area .widget-container > *:not(.widget-title-wrapper) { border: 0; border-radius: 0; box-shadow: 0 5px 5px rgba(0,0,0,0.1); } .style-filter-dropdown .filter-widget-area .widget-container:hover > *:not(.widget-title-wrapper) { opacity: 1; visibility: visible; display: flex; } .style-filter-dropdown .filter-widget-area .product-filter-by-brand ul li label, .style-filter-dropdown .filter-widget-area .product-filter-by-price ul li label, .style-filter-dropdown .filter-widget-area .woocommerce .widget_rating_filter ul li a, .style-filter-dropdown .filter-widget-area .widget-container ul li, .style-filter-dropdown .filter-widget-area .widget-container ul li a { border-width: 0 !important; line-height: 22px; background: transparent !important; color: inherit !important; } .style-filter-dropdown .filter-widget-area .product-filter-by-brand ul li label:hover, .style-filter-dropdown .filter-widget-area .product-filter-by-price ul li label:hover, .style-filter-dropdown .filter-widget-area .woocommerce .widget_rating_filter ul li a:hover, .style-filter-dropdown .filter-widget-area .widget-container ul li:hover, .style-filter-dropdown .filter-widget-area .widget-container ul li a:hover { color: var(--ts-link-hover-color) !important; } .style-filter-dropdown .filter-widget-area .product-filter-by-brand ul li label, .style-filter-dropdown .filter-widget-area .product-filter-by-price ul li label, .style-filter-dropdown .filter-widget-area .woocommerce .widget_rating_filter ul li a, .style-filter-dropdown .filter-widget-area .widget-container ul li a { padding: 5px 18px !important; } .style-filter-dropdown .filter-widget-area .product-filter-by-color:hover > ul.hide-color-name, .style-filter-dropdown .filter-widget-area .product-filter-by-color > ul.hide-color-name { flex-direction: row; gap: 15px; padding: 30px 18px 20px; } .style-filter-dropdown .filter-widget-area .product-filter-by-color:hover > ul.hide-color-name { display: flex; } .style-filter-dropdown .filter-widget-area .product-filter-by-color ul.hide-color-name li a { border-width: 1px !important; padding: 5px !important; } .style-filter-dropdown .filter-widget-area .product-filter-by-color ul.hide-color-name li a:hover .count { color: var(--ts-text-in-primary-color); } .style-filter-dropdown #ts-filter-widget-area .widget_product_categories ul li > .count { margin-left: -18px;/* rtl */ } .style-filter-dropdown #ts-filter-widget-area .ts-product-categories-widget ul li > a {flex: 1;} .style-filter-dropdown #ts-filter-widget-area .price_slider_wrapper, .style-filter-dropdown #ts-filter-widget-area .ts-product-categories-widget ul li .icon-toggle { padding: 7px 18px; } .style-filter-dropdown .filter-widget-area .widget-container ul li:where(:hover,.current,.current-cat,.chosen), .style-filter-dropdown .filter-widget-area .widget-container ul li a:hover, .style-filter-dropdown .filter-widget-area .widget-container ul li:where(.current,.current-cat,.chosen) a, .style-filter-dropdown .filter-widget-area .product-filter-by-brand ul li label:hover, .style-filter-dropdown .filter-widget-area .product-filter-by-brand ul li > label:hover > .count, .style-filter-dropdown .filter-widget-area .product-filter-by-price ul li label:hover, .woocommerce .style-filter-dropdown .filter-widget-area .widget_rating_filter ul li a:hover, .style-filter-dropdown .filter-widget-area .product-filter-by-brand ul li.selected label, .style-filter-dropdown .filter-widget-area .product-filter-by-brand ul li.selected > label > .count, .style-filter-dropdown .filter-widget-area .product-filter-by-price ul li.chosen label, .woocommerce .style-filter-dropdown .filter-widget-area .widget_rating_filter ul li.current a { color: var(--ts-link-hover-color) !important; font-weight: inherit; } .style-filter-dropdown .filter-widget-area .product-filter-by-brand ul li label:before, .style-filter-dropdown .filter-widget-area .product-filter-by-brand ul li label:after, .style-filter-dropdown .filter-widget-area .product-filter-by-price ul li label:before, .style-filter-dropdown .filter-widget-area .product-filter-by-price ul li label:after, .woocommerce .style-filter-dropdown .filter-widget-area .widget_rating_filter ul li a:before, .woocommerce .style-filter-dropdown .filter-widget-area .widget_rating_filter ul li a:after { display: none; } .style-filter-dropdown .filter-widget-area ul.wp-block-categories, .style-filter-dropdown .filter-widget-area ul.wp-block-archives, .style-filter-dropdown .filter-widget-area .widget-container ul { gap: 4px 0; margin: 0; } .style-filter-dropdown .filter-widget-area .product-filter-by-brand-wrapper ul { max-height: none; } .style-filter-dropdown .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a { width: 100%; } .style-filter-dropdown .filter-widget-area .widget-container ul li {padding: 0 !important;} .style-filter-dropdown .filter-widget-area .widget_layered_nav_filters ul li a { background: transparent; color: var(--ts-text-color); } .style-filter-dropdown .filter-widget-area .widget_layered_nav_filters ul li a:after { display: none; } .style-filter-dropdown .filter-widget-area .widget_layered_nav_filters ul li a:hover { color: var(--ts-primary-color); } .style-filter-dropdown .filter-widget-area .widget_product_categories ul li, .style-filter-dropdown .filter-widget-area .ts-product-categories-widget ul li { align-items: center; } .style-filter-dropdown .filter-widget-area .widget_product_categories ul > li > a, .style-filter-dropdown .filter-widget-area .ts-product-categories-widget ul > li > a { font-size: inherit; line-height: inherit; font-weight: inherit; } :where(.product-style-v1,.product-style-v3) .style-filter-dropdown .filter-widget-area .widget-container { font-size: calc(var(--ts-text-small) + 2px); } .product-style-v1 .style-filter-dropdown .filter-widget-area .widget-title-wrapper h3 { font-weight: 500; } :where(.product-style-v2,.product-style-v4) .style-filter-dropdown .filter-widget-area .widget-container { font-family: var(--ts-product-font-family); font-style: var(--ts-product-font-style); text-transform: var(--ts-product-text-transform); font-size: var(--ts-text-small); line-height: var(--ts-text-small-line-height); } body.single-product.product-style-v5 div.product:not(.tabs-in-summary):not(.tabs-accordion):not(.summary-scrolling) #reviews, body.single-product.product-style-v5 :where(.cross-sells, .upsells, .related) { display: flex; } body.single-product.product-style-v5 div.product:not(.tabs-in-summary):not(.tabs-accordion):not(.summary-scrolling) #reviews > h2, body.single-product.product-style-v5 :where(.cross-sells, .upsells, .related) > h2 { width: 20%; } body.single-product.product-style-v5 div.product:not(.tabs-in-summary):not(.tabs-accordion):not(.summary-scrolling) #reviews > .comments-review-form, body.single-product.product-style-v5 :where(.cross-sells, .upsells, .related) > .content-wrapper { flex: 1; border-left: 1px solid var(--ts-border);/* rtl */ overflow: hidden; } .product-style-v5 .single-related-wrapper .related-posts .theme-title { width: 20%; margin: 0; } .product-style-v5 .single-related-wrapper .related-posts .content-wrapper { flex: 1; overflow: hidden; --blogs-gap-h: 0; border-left: 1px solid var(--ts-border);/* rtl */ } .product-style-v5 div.product:is(.tabs-in-summary,.tabs-accordion,.summary-scrolling) #reviews > .review-title > span {margin: 0;} .product-style-v5 div.product:is(.tabs-in-summary,.tabs-accordion,.summary-scrolling) .woocommerce-tabs #reviews > .review-title { border-bottom: 1px solid var(--ts-border); display: flex; align-items: center; gap: 30px; } .product-style-v5 div.product:is(.tabs-in-summary,.tabs-accordion,.summary-scrolling) #reviews .woocommerce-product-rating .woocommerce-review-actions { width: auto; margin: 0 0 0 auto;/* rtl */ } .product-style-v5 div.product:is(.tabs-in-summary,.tabs-accordion,.summary-scrolling) #reviews .woocommerce-product-rating {flex: 1;} .product-style-v5 .comments-area { display: grid; grid-template-columns: [left] 20% [right] 1fr;/* rtl */ } .product-style-v5 .comments-area > .comments-title { grid-row-start: 1; align-items: flex-start; grid-column: left;/* rtl */ grid-row-end: span 3; } .product-style-v5 .comments-area > .commentlist { grid-row-start: 1; grid-column: right;/* rtl */ border-left: 1px solid var(--ts-border);/* rtl */ } .product-style-v5 .comments-area > #comment-wrapper { grid-row-start: 2; grid-column: right;/* rtl */ border-left: 1px solid var(--ts-border);/* rtl */ } /**/ #ts-filter-widget-area .ts-heading { display: none; } #shop-top-area .product-filter-by-color ul li a > img, #shop-top-area .product-filter-by-color ul li a > span:not(.color-name) { width: 16px; } .product-style-v1 #shop-top-area .product-filter-by-color ul li a > img, .product-style-v1 #shop-top-area .product-filter-by-color ul li a > span:not(.color-name) { width: 20px; } .product-style-v1 #shop-top-area .product-filter-by-color ul li a { padding: 11px 20px; } .product-style-v1 #shop-top-area .widget-title-wrapper .widget-title { margin-top: 14px; } .before-loop-wrapper > .product-per-page-form:not(:last-child) { margin-right: calc(var(--filter-gap) - 20px);/* rtl */ } #comments .comment-meta {width: 170px;} .commentlist li #comment-wrapper { margin-left: calc(var(--comment-gap) + 170px);/* rtl */ } .ts-floating-sidebar .ts-sidebar-content { padding: 50px 30px; } .ts-floating-sidebar .close { right: 23px; /* rtl */ } .post-content-wrapper .entry-content > .content-wrapper p:not(:last-child), .post-content-wrapper .entry-content > .content-wrapper blockquote:not(:last-child) { margin-bottom: 1.5em; } .post-content-wrapper .entry-content > .content-wrapper .wp-block-pullquote blockquote p:nth-last-child(2), .post-content-wrapper .entry-content > .content-wrapper .wp-block-quote p:nth-last-child(2) { margin-bottom: 0; } .reviews-tabs-heading-left #reviews .comments-review-form {flex: 1;} /*** Blog ***/ .ts-blogs article .article-content, .list-posts article {gap: 30px;} :where(.ts-blogs, .list-posts) article .entry-content {gap: 20px;} .product-style-v5 :where(.ts-blogs, .list-posts).layout-list article .entry-content {gap: 15px;} :where(.product-style-v2, .product-style-v4) .ts-blogs article .article-content, :where(.product-style-v2, .product-style-v4) .list-posts article {gap: 20px;} :where(.product-style-v2, .product-style-v4) :where(.ts-blogs, .list-posts) article .entry-content {gap: 26px;} .product-style-v3 .ts-blogs article .article-content, .product-style-v3 .list-posts article {gap: 20px;} .product-style-v3 :where(.ts-blogs, .list-posts) article .entry-content .entry-meta-top {margin-bottom: 10px;} .comments-area > *, .post-content-wrapper > .entry-header, .post-content-wrapper > .post-content { max-width: 1020px; } .product-style-v4 .post-content-wrapper .entry-header, .product-style-v3 .post-content-wrapper :is(.entry-header, .entry-format) { max-width: 100%; } .product-style-v3 .post-content-wrapper > .post-content {max-width: 940px;} body.error404 #main > .page-container { padding-top: 25px; } body.error404 .not-found h1 { font-size: 150px; } body.error404 .not-found p { font-size: 30px; } } @media only screen and (min-width: 1500px){ .product-style-v2 .related-posts { --blogs-gap-h: 60px; } body.product-style-v2.single-product { --ts-section-gap: 120px; } body.product-style-v4.single-product { --ts-section-gap: 150px; } .woocommerce.product-style-v5 div.product.fbt-in-summary { --ts-gallery-width: 70%; } .product-style-v1 .ts-frequently-bought-together, .product-style-v1 div.product .summary.entry-summary form.cart { --ts-btn-padding-top: 14px; } .product-style-v5.woocommerce.layout-fullwidth div.product.gallery-layout-vertical, .product-style-v5.woocommerce .main-content-fullwidth div.product.gallery-layout-vertical, .product-style-v5.woocommerce.layout-fullwidth div.product.gallery-layout-grid.has-gallery, .product-style-v5.woocommerce.layout-fullwidth div.product.gallery-layout-slider-2-col.has-gallery, .product-style-v5.woocommerce .main-content-fullwidth div.product.gallery-layout-grid.has-gallery, .product-style-v5.woocommerce .main-content-fullwidth div.product.gallery-layout-slider-2-col.has-gallery { --ts-gallery-width: 70%; --ts-thumbnail-gap: 30px; } .product-style-v6.woocommerce.layout-fullwidth div.product.gallery-layout-vertical, .product-style-v6.woocommerce .main-content-fullwidth div.product.gallery-layout-vertical, .product-style-v6.woocommerce.layout-fullwidth div.product.gallery-layout-grid.has-gallery, .product-style-v6.woocommerce.layout-fullwidth div.product.gallery-layout-slider-2-col.has-gallery, .product-style-v6.woocommerce .main-content-fullwidth div.product.gallery-layout-grid.has-gallery, .product-style-v6.woocommerce .main-content-fullwidth div.product.gallery-layout-slider-2-col.has-gallery { --ts-gallery-width: 64%; --ts-thumbnail-gap: 30px; } .product-style-v6 .post-content-wrapper, .product-style-v6.single-post #main, .product-style-v4 article.single.single-post { --ts-section-gap: 150px; } .woocommerce.layout-fullwidth div.product.social-icons-vertical, .woocommerce .main-content-fullwidth div.product.social-icons-vertical { --ts-summary-padding-right: 170px; } .woocommerce.layout-fullwidth div.product.gallery-layout-slider-2-col, .woocommerce.layout-fullwidth div.product, .woocommerce .main-content-fullwidth div.product.gallery-layout-slider-2-col, .woocommerce .main-content-fullwidth div.product { --ts-summary-padding-left: 60px; } .single-product.product-style-v4 #main > .breadcrumb-title-wrapper:not(.no-title) ~ .page-container {padding-top: 80px;} .product-style-v1 .style-filter-dropdown .ts-product-columns-selector {margin-top: 14px;} .product-style-v1 .style-filter-dropdown .product-on-sale-form {margin-top: 10px;} .product-style-v3 .style-filter-dropdown .ts-product-columns-selector {margin-top: 8px;} .product-style-v3 .style-filter-dropdown .product-on-sale-form {margin-top: 6px;} .product-style-v6 .style-filter-dropdown .ts-product-columns-selector {margin-top: 0;} .product-style-v1 .style-filter-dropdown .title-in-sidebar #main-content .before-loop-wrapper, .product-style-v1 .style-filter-dropdown .before-loop-wrapper { margin-bottom: 40px; padding-bottom: 30px; } .product-style-v4 div.product.summary-scrolling:not(.fbt-in-summary) .ts-frequently-bought-together{ --ts-product-padding: 20px; --item-gap: 10px; } .woocommerce:where(.product-style-v5, .product-style-v6) div.product.summary-scrolling:not(.fbt-in-summary) .ts-frequently-bought-together{ --ts-product-padding: 30px; } .product-style-v4.woocommerce .product .product-label, .product-style-v4 .woocommerce .product .product-label { inset: 14px auto auto 14px; /* rtl */ } .product-style-v3 .single-related-wrapper, .product-style-v4 .post-content-wrapper .entry-header, .product-style-v3 .post-content-wrapper :is(.entry-header, .entry-format) { padding-left: 0; padding-right: 0; width: 100%; max-width: var(--ts-site-max-width); margin-left: auto; margin-right: auto; } .woocommerce.product-style-v5 div.product.summary-scrolling:not(.fbt-in-summary) .ts-frequently-bought-together{ border-width: 1px 1px 1px 0;/* rtl */ border-style: solid; } .product-style-v4.woocommerce .ts-active-filters, .product-style-v4 #ts-filter-widget-area .filter-widget-area, .product-style-v4 .ts-sidebar > aside { font-size: calc(var(--ts-text-small) + 1px); } .product-style-v4 .ts-active-filters:not(:empty) { margin-bottom: 60px; } .product-style-v6 .style-filter-dropdown .product-on-sale-form { margin-top: 10px; } .product-style-v6 .before-loop-wrapper > .filter-widget-area-button:not(:last-child) { margin-right: 50px;/* rtl */ } .breadcrumb-v2 .page-title {margin: 10px 0;} .product-style-v2 .before-loop-wrapper { margin-bottom: 50px; } .product-style-v2 .page-container:not(.no-sidebar) #main-content .before-loop-wrapper { margin-bottom: 20px; } .product-style-v3 .before-loop-wrapper + .ts-active-filters:not(:empty) { margin-top: -20px; } .product-style-v2 .before-loop-wrapper + .ts-active-filters:not(:empty) { margin-top: -25px; } .product-style-v2 .style-filter-top.show-filter-sidebar .before-loop-wrapper + .ts-active-filters:not(:empty) { margin-top: -30px; } .product-style-v2 .style-filter-top .before-loop-wrapper #ts-filter-widget-area .filter-widget-area, .product-style-v2 .style-filter-top.show-filter-default .before-loop-wrapper #ts-filter-widget-area .filter-widget-area { padding: 50px 0 0; } .product-style-v1 .style-filter-dropdown .title-in-sidebar #main-content .before-loop-wrapper ~ .ts-active-filters:not(:empty), .product-style-v1 .style-filter-dropdown .before-loop-wrapper ~ .ts-active-filters:not(:empty) { margin-top: -60px; } .columns-2 .woocommerce .products .meta-wrapper .quantity {width: auto;} .style-filter-dropdown .filter-widget-area .widget-title-wrapper h3 { font-size: calc(var(--ts-text-small) + 2px); line-height: 18px; } .style-filter-dropdown .filter-widget-area .widget-title-wrapper h3 { line-height: 16px; } .product-style-v4 .style-filter-dropdown .filter-widget-area .widget-title-wrapper h3 { font-size: var(--ts-text-small); } .style-filter-dropdown .filter-widget-area .widget-title-wrapper, .filter-widget-area-button > a, .ts-product-columns-selector > .current-selector, .woocommerce .woocommerce-ordering .orderby-current, .product-per-page-form .perpage-current, .woocommerce .widget_layered_nav_filters ul li a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .product-filter-by-color ul li a, .style-filter-top .product-filter-by-brand ul li label, .style-filter-top .product-filter-by-price ul li label, .woocommerce .style-filter-top .widget_rating_filter ul li a, .style-filter-top .widget_product_categories ul li, .style-filter-top .ts-product-categories-widget ul li a { padding: 6px 30px; } .product-style-v1 .style-filter-top #ts-filter-widget-area .product-filter-by-brand ul li label, .product-style-v1 .style-filter-dropdown .filter-widget-area .widget-title-wrapper, .product-style-v1 .filter-widget-area-button > a, .product-style-v1 .ts-product-columns-selector > .current-selector, .product-style-v1.woocommerce .woocommerce-ordering .orderby-current, .product-style-v1 .product-per-page-form .perpage-current, .product-style-v1.woocommerce .widget_layered_nav_filters ul li a, .product-style-v1.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .product-style-v1 .product-filter-by-color ul li a, .product-style-v1 .style-filter-top .product-filter-by-brand ul li label, .product-style-v1 .style-filter-top .product-filter-by-price ul li label, .product-style-v1.woocommerce .style-filter-top .widget_rating_filter ul li a, .product-style-v1 .style-filter-top .widget_product_categories ul li, .product-style-v1 .style-filter-top .ts-product-categories-widget ul li a { line-height: 22px; padding: 8px 20px; } .product-style-v5 .style-filter-top #ts-filter-widget-area .product-filter-by-brand ul li label, .product-style-v5 .style-filter-top #ts-filter-widget-area .product-filter-by-price ul li label, .product-style-v5 .style-filter-top #ts-filter-widget-area .woocommerce .widget_rating_filter ul li a, .product-style-v5 .style-filter-top #ts-filter-widget-area .widget_product_categories ul li, .product-style-v5 .style-filter-top #ts-filter-widget-area .ts-product-categories-widget ul li a, .product-style-v5 .style-filter-dropdown .filter-widget-area .widget-title-wrapper, .product-style-v5 .filter-widget-area-button > a, .product-style-v5 .ts-product-columns-selector > .current-selector, .product-style-v5.woocommerce .woocommerce-ordering .orderby-current, .product-style-v5 .product-per-page-form .perpage-current, .product-style-v5.woocommerce .widget_layered_nav_filters ul li a, .product-style-v5.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .product-style-v5 .product-filter-by-color ul li a, .product-style-v5 .style-filter-top .product-filter-by-brand ul li label, .product-style-v5 .style-filter-top .product-filter-by-price ul li label, .product-style-v5.woocommerce .style-filter-top .widget_rating_filter ul li a, .product-style-v5 .style-filter-top .widget_product_categories ul li, .product-style-v5 .style-filter-top .ts-product-categories-widget ul li a { line-height: 22px; } .product-style-v1 .style-filter-dropdown .before-loop-wrapper #ts-filter-widget-area .ts-sidebar-content {line-height: 22px;} .columns-1-1 .woocommerce .products .product-wrapper { gap: 25px 30px; } .woocommerce :is(.columns-1, .columns-1-1, .columns-2) .products .product .meta-wrapper { gap: 5px 0; } :where(.layout-fullwidth, .main-content-fullwidth) .thumbnail-right .post-content-wrapper { gap: var(--ts-section-gap) 60px; } .thumbnail-right .post-content-wrapper { grid-template-columns: [left] 1fr [right] 40%; } .page-template-blog-template.product-style-v2 .breadcrumb-title-wrapper.breadcrumb-v1 .page-title, .product-style-v2 article.single-post .post-content-wrapper header > .entry-title { font-size: var(--ts-h1-font-size); line-height: var(--ts-h1-line-height); } .page-template-blog-template.product-style-v5 .breadcrumb-title-wrapper.breadcrumb-v1 .page-title, .product-style-v5 article.single-post .post-content-wrapper header > .entry-title { font-size: calc(var(--ts-h1-font-size) - 20px); line-height: calc(var(--ts-h1-line-height) - 16px); } .product-style-v6 .breadcrumb-title-wrapper.breadcrumb-v1 .page-title, .page-template-blog-template.product-style-v4 .breadcrumb-title-wrapper.breadcrumb-v1 .page-title, .product-style-v4 article.single-post .post-content-wrapper header > .entry-title { font-size: var(--ts-h1-font-size); line-height: var(--ts-h1-line-height); } .product-style-v6:where(.single-post, .page-template-blog-template) .breadcrumb-title-wrapper.breadcrumb-v1 .page-title, .page-template-blog-template.product-style-v5 .breadcrumb-title-wrapper.breadcrumb-v1 .page-title, .product-style-v5 article.single-post .post-content-wrapper header > .entry-title { font-size: calc(var(--ts-h1-font-size) + 20px); line-height: calc(var(--ts-h1-line-height) + 10px); } .post-content-wrapper > .post-content .entry-title { margin-bottom: 50px; } .product-style-v4 div.product.fbt-in-summary .ts-fbt-form .item .thumbnail-wrapper {width: 110px;} .single-product:where(.product-style-v4,.product-style-v5,.product-style-v6).layout-fullwidth div.product.gallery-layout-vertical.has-gallery .woocommerce-product-gallery__wrapper > div:not(.product-label), .single-product:where(.product-style-v4,.product-style-v5,.product-style-v6) .main-content-fullwidth div.product.gallery-layout-vertical.has-gallery .woocommerce-product-gallery__wrapper > div:not(.product-label) { padding: 0 10%; } .single-product:where(.product-style-v4, .product-style-v5).layout-fullwidth div.product.fbt-in-summary .ts-fbt-form .item .thumbnail-wrapper, .single-product:where(.product-style-v4, .product-style-v5) .main-content-fullwidth div.product.fbt-in-summary .ts-fbt-form .item .thumbnail-wrapper {width: 110px;} .product-style-v5.layout-fullwidth div.product:is(.tabs-in-summary,.tabs-accordion,.summary-scrolling) .woocommerce-tabs #reviews > .review-title, .product-style-v5 .main-content-fullwidth div.product:is(.tabs-in-summary,.tabs-accordion,.summary-scrolling) .woocommerce-tabs #reviews > .review-title { gap: 40px; } .single-product.product-style-v4 .breadcrumb-title-wrapper.breadcrumb-v1.text-center { padding-top: 60px; } .single-product.product-style-v4 .breadcrumb-title-wrapper.breadcrumb-v1.text-center.no-title { padding-top: 0; } .single-product.product-style-v4 #main > .breadcrumb-title-wrapper:not(.no-title) ~ .page-container { padding-top: 117px; } /**/ .woocommerce div.product.fbt-in-summary { --ts-gallery-width: 42%; --ts-summary-padding-left: 30px; --ts-fbt-width: 26%; } .woocommerce div.product.fbt-in-summary.gallery-layout-horizontal { --ts-gallery-width: 40%; } .woocommerce.product-style-v5 div.product.fbt-in-summary { --ts-gallery-width: 44%; --ts-fbt-width: 28%; } .single-product.product-style-v5 #primary > div.product.fbt-in-summary:not(.summary-scrolling) > .summary { order: -1; left: 0;/* rtl */ } .woocommerce.product-style-v5 div.product.fbt-in-summary:not(.summary-scrolling) div.woocommerce-product-gallery { border-width: 0 0 0 1px;/* rtl */ left: -1px;/* rtl */ } div.product.fbt-in-summary .ts-fbt-form .items .item { width: 100%; } .woocommerce div.product.fbt-in-summary div.summary { width: calc(100% - var(--ts-gallery-width) - var(--ts-fbt-width)); padding-right: var(--ts-summary-padding-left);/* rtl */ border-width: 0 1px 0 0;/* rtl */ border-style: solid; border-color: var(--ts-border); } .woocommerce.product-style-v5 div.product.fbt-in-summary div.summary { padding-right: var(--ts-product-padding);/* rtl */ } .woocommerce.product-style-v4 div.product.fbt-in-summary div.summary { width: calc(100% - var(--ts-gallery-width) - var(--ts-fbt-width) - 20px); padding-right: var(--ts-summary-padding);/* rtl */ } .woocommerce div.product.fbt-in-summary .ts-frequently-bought-together { width: var(--ts-fbt-width); border-width: 0 0 0 1px;/* rtl */ border-style: solid; position: relative; left: -1px;/* rtl */ padding: 0 0 0 var(--ts-summary-padding-left);/* rtl */ margin: 0 0 var(--ts-section-gap); clear: none; float: right;/* rtl */ } .woocommerce.product-style-v5 div.product.fbt-in-summary .ts-frequently-bought-together { border-width: 0 0 0 1px;/* rtl */ left: -2px;/* rtl */ padding: var(--ts-product-padding); margin: 0; } .woocommerce.product-style-v5 div.product.fbt-in-summary .ts-fbt-form .items {width: 100%;padding: 0;} .woocommerce.product-style-v5 div.product.fbt-in-summary .ts-frequently-bought-together { --item-gap: 0; --h-gap: 0; } .woocommerce.product-style-v5 .fbt-in-summary .ts-fbt-form .items .item { min-width: 0; width: 100%; padding: 20px 0; } .woocommerce.product-style-v5 .fbt-in-summary .ts-fbt-form .items .item:first-child {padding-top: 0;} .woocommerce.product-style-v5 .fbt-in-summary .ts-fbt-form .items .plus {display: none;} .woocommerce.product-style-v4 div.product.fbt-in-summary .ts-frequently-bought-together { border: 0; left: 0;/* rtl */ } .woocommerce.product-style-v5 div.product.fbt-in-summary .ts-frequently-bought-together > h3 { font-size: var(--ts-h4-font-size); line-height: var(--ts-h4-line-height); } .woocommerce.product-style-v4 div.product.fbt-in-summary .ts-frequently-bought-together > h3 { font-size: var(--ts-h3-font-size); line-height: var(--ts-h3-line-height); text-align: center; } .woocommerce:where(.product-style-v4, .product-style-v5) div.product.fbt-in-summary .ts-fbt-form .items .item { padding: calc(var(--ts-summary-padding) - 10px); flex-direction: row; align-items: center; gap: 20px; } .woocommerce.product-style-v5 div.product.fbt-in-summary .ts-fbt-form .items .item { padding: calc(var(--ts-product-padding) - 10px) 0; } .woocommerce.product-style-v5 div.product.fbt-in-summary .ts-fbt-form .items .item:first-child {padding-top: 0;} .woocommerce:where(.product-style-v4, .product-style-v5) div.product.fbt-in-summary .ts-frequently-bought-together { --item-gap: 0; } .woocommerce.product-style-v4 div.product.fbt-in-summary .ts-fbt-form .items .plus { width: 40px; height: 40px; border: 1px solid var(--ts-product-border); text-align: center; border-radius: 50%; align-items: center; margin: -15px 0; position: relative; background: var(--ts-body-bg); } .woocommerce:where(.product-style-v4, .product-style-v5) div.product.fbt-in-summary .ts-fbt-form .item > label { width: var(--ts-checkbox-size); padding: 0; font-size: 0; order: -1; margin: 0; flex-shrink: 0; } .woocommerce div.product.fbt-in-summary .ts-frequently-bought-together + * {clear: both;} div.product.fbt-in-summary .ts-frequently-bought-together { --item-gap: 20px; --h-gap: 30px; } div.product.fbt-in-summary .ts-fbt-form, div.product.fbt-in-summary .ts-fbt-form .items {flex-direction: column;align-items: center;} div.product.fbt-in-summary .ts-fbt-form .items {width: 100%;} div.product.fbt-in-summary .ts-fbt-form { gap: var(--h-gap) 0; } div.product.fbt-in-summary .ts-fbt-form .item .product-wrapper {flex-direction: row; gap: 20px;align-items: center;} div.product.fbt-in-summary .ts-fbt-form .item .thumbnail-wrapper {width: 90px;} div.product.fbt-in-summary .ts-fbt-form .item .meta-wrapper {flex: 1;order: 1 !important;padding: 0 !important;} div.product.fbt-in-summary .ts-fbt-form .submit-wrapper {align-items: flex-start;} div.product.fbt-in-summary .ts-fbt-form .items .plus {display: flex; justify-content: center;} div.product.fbt-in-summary .ts-fbt-form .item .thumbnail-wrapper:after {display: none;} div.product.fbt-in-summary .ts-fbt-form .submit-wrapper {width: 100%;} div.product.fbt-in-summary .ts-frequently-bought-together { margin: var(--ts-section-gap) 0 0 0; } div.product.fbt-in-summary .ts-fbt-form .submit-wrapper { width: 100%; align-items: center; border-width: 1px 0 0; border-style: solid; padding-top: 20px; flex-direction: row; flex-wrap: wrap; align-items: center; } .product-style-v4 div.product.fbt-in-summary .ts-fbt-form .item .product-wrapper {gap: 10px;} .product-style-v4 div.product.fbt-in-summary .ts-fbt-form .submit-wrapper { padding-top: 0; border: 0; justify-content: center; text-align: center; } div.product.fbt-in-summary .ts-fbt-form .submit-wrapper button {margin-top: 13px;} div.product.fbt-in-summary .ts-fbt-form .submit-wrapper .total-price {margin: 0;} div.product.fbt-in-summary .ts-fbt-form .submit-wrapper > *:not(.total-price-label):not(.total-price) {width: 100%;max-width: 100%;} /**/ .breadcrumb-title-wrapper.has-background .breadcrumb-title { min-height: 400px; } body.woocommerce.archive .breadcrumb-title-wrapper:where(.breadcrumb-v2, .breadcrumb-v4) .page-title { font-size: calc(var(--ts-h1-font-size) + 20px); } .breadcrumb-title-wrapper .page-title .thumbnail { width: 110px; height: 110px; } .breadcrumb-title-wrapper .page-title { gap: 30px; } body:(.product-style-v6) .woocommerce table.shop_table.cart { font-size: calc(1rem + 1px); } .woocommerce.layout-fullwidth div.product.fbt-in-summary, .woocommerce .main-content-fullwidth div.product.fbt-in-summary { --ts-summary-padding-left: 60px; } .product-style-v6.woocommerce.layout-fullwidth #primary > div.product.fbt-in-summary > .ts-frequently-bought-together, .product-style-v6.woocommerce .main-content-fullwidth #primary > div.product.fbt-in-summary > .ts-frequently-bought-together { padding: 0 0 0 10px;/* rtl */ background: transparent; border-radius: 0; border: 0; } .product-style-v6.woocommerce.layout-fullwidth div.product.fbt-in-summary > .ts-frequently-bought-together > h3, .product-style-v6.woocommerce .main-content-fullwidth div.product.fbt-in-summary > .ts-frequently-bought-together > h3, .product-style-v6.woocommerce.layout-fullwidth div.product.fbt-in-summary > .ts-frequently-bought-together .ts-fbt-form .item, .product-style-v6.woocommerce .main-content-fullwidth div.product.fbt-in-summary > .ts-frequently-bought-together .ts-fbt-form .item, .product-style-v6.woocommerce.layout-fullwidth div.product.fbt-in-summary > .ts-frequently-bought-together .submit-wrapper, .product-style-v6.woocommerce .main-content-fullwidth div.product.fbt-in-summary > .ts-frequently-bought-together .submit-wrapper { color: var(--ts-dropdown-color); background: var(--ts-dropdown-bg); } .product-style-v6.woocommerce.layout-fullwidth div.product.fbt-in-summary > .ts-frequently-bought-together > h3, .product-style-v6.woocommerce .main-content-fullwidth div.product.fbt-in-summary > .ts-frequently-bought-together > h3 { font-size: var(--ts-h4-font-size); line-height: var(--ts-h4-line-height); border-top-left-radius: var(--ts-border-radius-large); border-top-right-radius: var(--ts-border-radius-large); } .product-style-v6.woocommerce.layout-fullwidth div.product.fbt-in-summary > .ts-frequently-bought-together > .ts-fbt-form, .product-style-v6.woocommerce .main-content-fullwidth div.product.fbt-in-summary > .ts-frequently-bought-together > .ts-fbt-form { border-bottom-left-radius: var(--ts-border-radius-large); border-bottom-right-radius: var(--ts-border-radius-large); overflow: hidden; gap: 0; } .product-style-v6.woocommerce.layout-fullwidth div.product.fbt-in-summary > .ts-frequently-bought-together > .ts-fbt-form .items, .product-style-v6.woocommerce .main-content-fullwidth div.product.fbt-in-summary > .ts-frequently-bought-together > .ts-fbt-form .items { width: 100%; gap: 0; } .product-style-v6.woocommerce.layout-fullwidth div.product.fbt-in-summary > .ts-frequently-bought-together > .ts-fbt-form .item, .product-style-v6.woocommerce .main-content-fullwidth div.product.fbt-in-summary > .ts-frequently-bought-together > .ts-fbt-form .item { gap: 0; padding-right: calc(var(--ts-product-padding) + var(--ts-checkbox-size) + 15px); /* rtl */ } .product-style-v6.woocommerce div.product.fbt-in-summary .ts-fbt-form .item .product-wrapper { gap: 15px; } .product-style-v6.woocommerce.layout-fullwidth div.product.fbt-in-summary > .ts-frequently-bought-together > .ts-fbt-form .item > label, .product-style-v6.woocommerce .main-content-fullwidth div.product.fbt-in-summary > .ts-frequently-bought-together > .ts-fbt-form .item > label { position: absolute; right: var(--ts-product-padding);/* rtl */ top: 50%; transform: translateY(-50%); margin: 0; } .product-style-v6 div.product.fbt-in-summary .ts-fbt-form .item .thumbnail-wrapper {width: 110px;} .product-style-v6 div.product.fbt-in-summary .ts-fbt-form .item .meta-wrapper span.price { padding-right: 0;/* rtl */ } .product-style-v6.woocommerce.layout-fullwidth div.product.fbt-in-summary > .ts-frequently-bought-together .ts-fbt-form .plus, .product-style-v6.woocommerce .main-content-fullwidth div.product.fbt-in-summary > .ts-frequently-bought-together .ts-fbt-form .plus {display: none;} .product-style-v3 .custom-breadcrumb-wrapper ~ .page-container .style-filter-dropdown .before-loop-wrapper #ts-filter-widget-area { padding: 0 60px; } .product-style-v4 { --ts-product-h-gap: 20px; --ts-product-v-gap: 20px; --ts-product-padding: 35px 30px; } .product-style-v4 .before-loop-wrapper + .ts-active-filters:not(:empty) { margin-top: -40px; } .product-style-v4.woocommerce.archive .page-container:where(.columns-1, .columns-1-1) { --ts-product-padding: 30px 50px; } .product-style-v5 .style-filter-sidebar .before-loop-wrapper > .filter-widget-area-button { width: calc(var(--ts-sidebar-width) + var(--ts-sidebar-gap) - 1px); } .single-product.product-style-v5 div.product:not(.fbt-in-summary) .ts-frequently-bought-together { display: flex; border-top: 1px solid var(--ts-border); } .single-product.product-style-v5 div.product:not(.fbt-in-summary) .ts-frequently-bought-together > h3 { width: 20%; border-bottom: 0; } .single-product.product-style-v5 div.product:not(.fbt-in-summary) .ts-frequently-bought-together > .ts-fbt-form { flex: 1; border-top: 0; border-bottom: 0; border-left: 1px solid var(--ts-border);/* rtl */ } .product-style-v6 .load-more-wrapper, .product-style-v6 .ts-shop-load-more, .product-style-v6 .ts-mailchimp-subscription-shortcode { --ts-btn-padding-top: 19px; --ts-btn-padding-left: 40px; } .page-template-blank-page-template.product-style-v5 .ts-mailchimp-subscription-shortcode { --ts-btn-padding-top: 19px; --ts-btn-padding-left: 60px; } #ts-shopping-cart-sidebar { --ts-float-sidebar-width: 450px; } .columns-1-1 .product-group-button-meta div.loop-add-to-cart a.button {min-width: 250px;} .product-style-v4 .columns-1-1 .product-group-button-meta { margin-top: 10px !important; } .columns-2 .product-group-button-meta div.loop-add-to-cart a.button {min-width: 145px;} .product-style-v4 .page-container:not(.no-sidebar) #main-content .before-loop-wrapper, .product-style-v4 .before-loop-wrapper { padding-bottom: 60px; } .product-style-v2.woocommerce.archive #main > .page-container { padding-top: 50px; } .product-style-v2.woocommerce.archive #main > .page-container .style-filter-top.show-filter-default { margin-top: -10px; } .product-style-v4.woocommerce.archive #main > .page-container { padding-top: 60px; } :where(.header-v1, .header-v2, .header-v6) .header-sticky:not(.is-sticky) .header-middle nav > ul.menu li ul.sub-menu {padding-top: 43px;} :where(.header-v1, .header-v2, .header-v6) .header-sticky:not(.is-sticky) .header-middle nav > ul.menu li.ts-megamenu ul.sub-menu {padding-top: 43px;} :where(.header-v1, .header-v2, .header-v6) .header-sticky:not(.is-sticky) .header-middle nav > ul.menu li:not(.ts-megamenu) ul.sub-menu {padding-top: 82px;} :where(.header-v1, .header-v2, .header-v6) .header-sticky:not(.is-sticky) .header-middle nav > ul.menu li ul.sub-menu:after {top: 43px;} .header-v8 .ts-header .menu-wrapper { --ts-gap-small: 35px; } .product-style-v6 .ts-product-columns-selector > .current-selector, .product-style-v6 .filter-widget-area-button > a, .product-style-v6 .product-per-page-form .perpage-current, .product-style-v6.woocommerce .woocommerce-ordering .orderby .orderby-current { padding: 16px 30px; font-weight: var(--ts-heading-font-weight); } .product-style-v6 .before-loop-wrapper { font-weight: var(--ts-heading-font-weight); } #ts-filter-widget-area .ts-heading h6 { font-size: 1rem; font-weight: var(--ts-heading-font-weight); } .header-v8 .ts-header .header-sticky:not(.is-sticky) nav > ul.menu { padding: 17px 40px; } .header-v8 .header-language-currency { padding: 14px 30px; } .product-label-v6.woocommerce .product-label > :is(span, span.onsale), .product-label-v6 .woocommerce .product-label > :is(span, span.onsale) { padding: 13px 25px; } .ts-header { --ts-gap-small: 30px; --ts-gap-large: 70px; } .header-v6 .ts-header { --ts-gap-small: 40px; } .product-style-v5 .ts-testimonial-wrapper blockquote {gap: 174px;} .product-group-button, .product-group-button-meta { gap: 5px; --product-icon-size: 34px; --product-icon-font-size: 15px; } .product-style-v6 .product-group-button { --product-icon-size: 40px; } .ts-header .search-table .search-field input[type="text"] { min-width: 260px; } .header-v3 .header-middle .ts-search-by-category:not(:last-child) { margin-right: 55px; } .header-v3 .ts-header .search-table .search-field input[type="text"] { min-width: 350px; } .header-v4.product-style-v4 .header-sticky:not(.is-sticky) .header-middle > .container { padding-top: 40px; padding-bottom: 40px; } .product-style-v6 .shortcode-heading-wrapper .shop-more a {font-size: calc(1rem + 1px);} .product-style-v4.woocommerce .products .product-wrapper, .product-style-v4 .woocommerce .products .product .product-wrapper { gap: 35px 0; } .product-style-v4.woocommerce :where(.columns-1, .columns-1-1) .products .product-wrapper, .product-style-v4 :where(.columns-1, .columns-1-1) .woocommerce .products .product .product-wrapper { gap: 0 30px; } .product-style-v4 .page-container.columns-1-1 .products .product .meta-wrapper-2 { margin-top: 10px; } .product-style-v4.woocommerce .columns-2 .products .product-wrapper, .product-style-v4 .columns-2 .woocommerce .products .product .product-wrapper { gap: 0 30px; } .product-style-v4 .ts-product .product .meta-wrapper:not(.meta-wrapper-2):not(.meta-wrapper-3), .product-style-v4 .page-container:not(.columns-1):not(.columns-1-1):not(.columns-2) .product .meta-wrapper:not(.meta-wrapper-2):not(.meta-wrapper-3) { padding: 0 20px; } :is(.header-fullwidth, .layout-fullwidth) .header-middle .header-center {gap: 0 60px;} :is(.header-fullwidth, .layout-fullwidth) .header-language-currency:not(:last-child) {margin-right: 10px;/* rtl */} .header-v8:is(.header-fullwidth, .layout-fullwidth) .header-language-currency:not(:last-child) {margin-right: 17px;/* rtl */} .header-v4:is(.header-fullwidth, .layout-fullwidth) .header-language-currency:not(:last-child), .header-v6:is(.header-fullwidth, .layout-fullwidth) .header-language-currency:not(:last-child) {margin-right: 25px;/* rtl */} :where(.product-style-v2, .product-style-v4) nav > ul.menu { gap: 0 calc(var(--ts-gap-small) + 10px); } .product-group-button-meta {gap: 10px;} .style-auto-width.direction-vertical .product-category-wrapper > a {height: 100px;} .ts-grouped-product-wrapper .total-wrapper {min-width: 120px;} .product-filter-by-color ul li a {font-size: calc(var(--ts-body-font-size) + 1px);} .ts-product-color.product-filter-by-color ul li a > img, .ts-product-color.product-filter-by-color ul li a > span:not(.color-name) { width: 20px; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > *:not(.product-name):not(.product-remove):not(.product-thumbnail) { min-width: 240px; } .product-style-v5 .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > *:not(.product-name):not(.product-remove):not(.product-thumbnail) { min-width: 300px; } .ts-pagination:empty { margin-bottom: calc(var(--ts-section-gap) - var(--blogs-gap-v)); } :where(.product-style-v2, .product-style-v4) .entry-meta-top { font-size: calc(var(--ts-body-font-size) + 1px); } .style-big-text .product-category-wrapper .meta-btn { gap: 20px; padding: 13px 45px; font-size: calc(var(--ts-body-font-size) + 1px); } body.error404 .not-found { gap: 80px; } body.error404 .not-found h1 { font-size: 200px; } body.error404 .not-found p { font-size: 40px; } .product-style-v6 .woocommerce #customer_login { margin-top: 5%; margin-bottom: 5%; } } @media only screen and (min-width: 768px) and (max-width: 1200px){ .product-style-v5 #reviews > .review-title > span {margin: 0;} .product-style-v5 .woocommerce-tabs #reviews > .review-title { border-bottom: 1px solid var(--ts-border); display: flex; align-items: center; gap: 20px; } .product-style-v5 #reviews .woocommerce-product-rating {flex: 1;} .product-style-v5 #reviews .woocommerce-product-rating .woocommerce-review-actions { width: auto; margin: 0 0 0 auto;/* rtl */ } } @media only screen and (min-width: 1201px) and (max-width: 1500px){ body { --ts-blockquote-size: 35px; --ts-blockquote-line-height: 40px; --ts-product-font-size: 15px; --ts-product-line-height: 20px; --ts-product-price-font-size: 15px; --ts-product-price-line-height: 16px; --read-more-size: 40px; } .style-filter-dropdown .before-loop-wrapper { gap: 10px 0; } .header-v8 .ts-header nav > ul.menu > li > a { font-size: calc(var(--ts-menu-font-size) - 1px); } .header-v8 .ts-header nav > ul.menu { padding-left: 25px; padding-right: 25px; } .header-v8 .header-language-currency { padding-left: 20px; padding-right: 20px; } .header-v8 .header-language, .header-v8 .header-currency { font-size: calc(1rem - 2px); } :where(.header-v2.product-style-v2, .header-v4, .header-v6, .header-v7) :is(.nav-top, .header-language-currency) { font-size: 12px; } :where(.product-style-v2, .product-style-v4) :where(.ts-blogs, .list-posts) article .entry-title { font-size: calc(var(--ts-h4-font-size) - 2px); line-height: calc(var(--ts-h4-line-height) - 2px); } .single-product.product-style-v5 div.product:not(.fbt-in-summary) .ts-frequently-bought-together .submit-wrapper { width: 25%; } .single-product.product-style-v5 div.product.summary-scrolling:not(.fbt-in-summary) .ts-frequently-bought-together .submit-wrapper { width: 100%; border-width: 1px 0; border-style: solid; } .product-style-v4.single-product .breadcrumb-title-wrapper.breadcrumb-v1 .page-title { font-size: calc(var(--ts-h1-font-size) * 0.7); line-height: 1; } .product-style-v5 .woocommerce-tabs #reviews > .review-title, .product-style-v5 #customer_login h2, .product-style-v5 .account-content h2, .product-style-v5 .column-tabs ul.tabs > li, .product-style-v5 theme-title .heading-title, .product-style-v5 #comment-wrapper .heading-title, .product-style-v5 .comments-title .heading-title, .product-style-v5 div.product .summary.entry-summary > .ts-variation-price, .product-style-v5 div.product .summary.entry-summary p.price, .product-style-v5 div.product .summary.entry-summary span.price, .product-style-v5 .ts-fbt-form .submit-wrapper .total-price, .product-style-v5.woocommerce .cross-sells > h2, .product-style-v5.woocommerce .up-sells > h2, .product-style-v5.woocommerce .related > h2, .product-style-v5 #reviews .woocommerce-Reviews-title, .product-style-v5.woocommerce div.product .woocommerce-tabs ul.tabs { font-size: var(--ts-h4-font-size); line-height: var(--ts-h4-line-height); } .single-product.product-style-v5 div.product.fbt-in-summary .ts-frequently-bought-together > h3 { border-top: 1px solid var(--ts-border); border-bottom: 1px solid var(--ts-border); margin: 0px; padding: var(--ts-product-padding); } .ts-header { --ts-gap-large: 35px; --ts-header-icon-size: 20px; } .header-middle { --ts-gap-small: 15px; } .ts-header .header-right { gap: 0 20px; } .ts-menu nav > ul > li, nav > ul.menu > li { gap: 0 7px; } .header-middle > .container { gap: 0 var(--ts-gap-large); } .header-middle .ts-search-normal {max-width: 200px;} .ts-header .hotline { padding-right: 0;/* rtl */ } .ts-header .hotline:after, .ts-header .hotline > a > span:not(:last-child){display: none;} .product-style-v5 #main-content:not(.style-filter-dropdown) .before-loop-wrapper { padding-left: 10px; padding-right: 10px; } .product-style-v5 .before-loop-wrapper + .ts-active-filters:not(:empty) { padding-left: calc(var(--ts-product-padding) + 10px); padding-right: calc(var(--ts-product-padding) + 10px); } .product-style-v5 .style-filter-top .before-loop-wrapper #ts-filter-widget-area .filter-widget-area { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } .product-style-v5 .style-filter-dropdown .before-loop-wrapper > *:not(#ts-filter-widget-area) { padding-left: 40px; padding-right: 40px; } } @media only screen and (max-width: 1500px){ :root { --ts-cart-sidebar: 380px; --ts-cart-gap: 30px; --ts-summary-gap: 25px; --item-gap-h: 30px; --item-gap-v: 30px; } .color-swatch { --ts-swatches-size: 40px; } .product-style-v2 { --ts-text-small: 13px; } .product-style-v5, .product-style-v6 { --ts-product-padding: 30px; } .product-label-v6.single-product #primary > div.product { --label-font-size: 14px; } .product-style-v3 .post-content-wrapper > .post-content { margin-top: 35px; } :where(.product-style-v3, .product-style-v4) .post-content-wrapper .entry-header { gap: 20px; } .product-label-v6 .ts-discount-number, .woocommerce.product-style-v6 .total-price-label, .woocommerce.product-style-v6 .ts-fbt-form .submit-wrapper .total-price .amount, .product-style-v6 div.product .summary.entry-summary > :is(.price, .ts-variation-price) > .amount, .product-style-v6 div.product .summary.entry-summary > :is(.price, .ts-variation-price) ins { padding: 12px 25px; } .product-style-v6 .price > .amount, .product-style-v6 div.product .summary.entry-summary .ts-countdown .counter-wrapper, .product-style-v6 .ts-fbt-form .item .meta-wrapper span.price ins, .product-style-v6 :is(.price, .woocommerce .price, .product-price) ins { padding: 6px 20px; } .product-style-v4 .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumbs ~ .page-title { margin-top: 0; } .single-product:where(.product-style-v5,.product-style-v6) div.product .ts-fbt-form .item .thumbnail-wrapper:after { top: calc(50% - 18px); line-height: 36px; right: -18px;/* rtl */ width: 36px; height: 36px; } .product-style-v6 .ts-fbt-form .item {--ts-checkbox-size: 36px;} .product-style-v6 .ts-fbt-form .item > label:after {font-size: 12px;} .product-style-v6 .ts-fbt-form .item .meta-wrapper span.price, .product-style-v6.woocommerce .products .product .price, .product-style-v6 :is(.price, .woocommerce .price, .product-price) {gap: 4px 10px;} .product-style-v6.woocommerce div.product.tabs-accordion ul.tabs + .woocommerce-Tabs-panel > h2.active:after, .product-style-v6.woocommerce .product .woocommerce-Tabs-panel > h2:after, .product-style-v6.woocommerce .product .woocommerce-Tabs-panel #reviews > h2:after { width: 46px; height: 46px; line-height: 46px; font-size: 13px; } .product-style-v6 .list-posts.layout-list article .entry-format, .product-style-v6 .ts-blogs.layout-list article .article-content .thumbnail-content { width: 280px; } #ts-product-360-modal .popup-container { width: 480px; } .woocommerce.product-style-v6 .ts-fbt-form .submit-wrapper { border-left: 1px solid var(--ts-product-border);/* rtl */ } .product-style-v6 :is(.ts-blogs, .list-posts) article .entry-content { gap: 10px; } .product-style-v1 .filter-widget-area-button > a, .product-style-v1 .product-on-sale-form label, .product-style-v1 .woocommerce-ordering ul li a, .product-style-v1 .product-per-page-form ul li a, .product-style-v1.woocommerce .woocommerce-ordering .orderby-current, .product-style-v1 .product-per-page-form .perpage-current, .product-style-v3 .before-loop-wrapper, .product-style-v3 .filter-widget-area-button > a, .product-style-v3 .product-on-sale-form label, .product-style-v3 .woocommerce-ordering ul li a, .product-style-v3 .product-per-page-form ul li a, .product-style-v3.woocommerce .woocommerce-ordering .orderby-current, .product-style-v3 .product-per-page-form .perpage-current { font-size: var(--ts-text-small); } .ts-frequently-bought-together { --h-gap: 30px; --item-gap: 30px; --ts-checkbox-size: 20px; } .woocommerce .widget_rating_filter ul li a:after, .product-filter-by-price ul li label:after, .widget-container.product-filter-by-brand ul > li label:after, .ts-fbt-form .item > label:after { left: 5px; font-size: 9px; } .ts-frequently-bought-together { --item-gap: 24px; } .ts-fbt-form .submit-wrapper { width: 24%; } .product-style-v6 .ts-compare-popup .button:not(.added), .product-style-v6 .ts-wishlist-table-wrapper .product-add-to-cart a:not(.added), .product-style-v6 .woocommerce .button.add_to_cart_button:not(.added), .product-style-v6 .ts-fbt-form .submit-wrapper button:not(.added), .product-style-v6.woocommerce .button.single_add_to_cart_button:not(.added), .product-style-v6 .product-group-button-meta div.loop-add-to-cart a.button:not(.added) { gap: 10px; } .product-style-v5 .list-posts.layout-list article .entry-format, .product-style-v5 .ts-blogs.layout-list article .article-content .thumbnail-content { width: 150px; } body div.product.summary-scrolling .ts-fbt-form { flex-direction: column; gap: 20px; align-items: center; text-align: center; } body div.product.summary-scrolling .ts-fbt-form .submit-wrapper h6, body div.product.summary-scrolling .ts-fbt-form .submit-wrapper .button { width: 100%; max-width: 100%; } body div.product.summary-scrolling .ts-fbt-form .submit-wrapper .total-price {margin: 0;} body div.product.summary-scrolling .ts-fbt-form .submit-wrapper { width: 100%; justify-content: center; flex-direction: row; flex-wrap: wrap; align-items: center; } .ts-fbt-form .item .thumbnail-wrapper:after { width: 8px; height: 8px; top: calc(50% - 4px); font-size: 8px; right: calc(var(--item-gap) * -0.5 - 4px);/* rtl */ } .before-loop-wrapper { font-size: calc(var(--ts-text-small) - 1px); } .breadcrumb-title-wrapper.breadcrumb-v3 .page-title { font-size: 5rem; } .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumbs-container { padding-top: 8px; padding-bottom: 8px; } .ts-compare-table-wrapper .product-thumbnail img { max-width: 250px; } .header-v4 .shopping-cart-wrapper .cart-control { width: 46px; height: 46px; border-radius: 5px; } .header-v7 .header-middle > .container, .header-v7 .header-top > .container, .header-v7 .header-top .header-left { gap: 30px; } .header-v7 .header-top .header-left, .header-v7 .header-middle .header-left { padding-right: 30px;/* rtl */ } .header-v7 .header-middle .header-right, .header-v7 .header-middle .header-language-currency { padding-left: 30px;/* rtl */ } nav > ul.menu li a.has-icon .menu-icon, nav > ul.menu li:before { font-size: 1.2em; } .quantity { --qty-width: 90px; } .woocommerce .quantity input.qty, .quantity input.qty { padding: 5px 35px 5px 20px;/* rtl */ } .product-style-v2 .quantity .minus, .product-style-v2 .quantity .plus, .product-style-v2 .quantity .number-button:before, .product-style-v2 .quantity .number-button:after, .quantity .minus, .quantity .plus, .quantity .number-button:before, .quantity .number-button:after { width: 35px; } .quantity .number-button:before { bottom: calc(var(--qty-height) * 0.5 + 2px); } .quantity .number-button:after { padding-top: 6px; } .product-group-button-meta div.loop-add-to-cart a.button { min-width: 160px; } .product-style-v5 .woocommerce table.shop_table.woocommerce-cart-form__contents .product-price, .product-style-v5 .woocommerce table.shop_table.woocommerce-cart-form__contents .product-quantity, .product-style-v5 .woocommerce table.shop_table.woocommerce-cart-form__contents .product-subtotal { width: 140px; } .woocommerce .ts-grouped-product-wrapper form.cart .button { font-size: 1em; } .ts-grouped-product-wrapper .wishlist a:before { font-size: 14px; } .ts-grouped-product-wrapper .item .product-thumbnail { width: 35%; } div.product .summary .ts-social-sharing ul li {font-size: 16px;} .elementor-element .swiper .elementor-swiper-button i {font-size: 0.9em;} .product-style-v4.woocommerce .products .product-wrapper, .product-style-v4 .woocommerce .products .product .product-wrapper { border-radius: 10px; } :is(.price, .woocommerce .price, .product-price) { gap: 0px 5px; } .product-style-v4.woocommerce .price, .product-style-v4 :is(.price, .product-price) { gap: 0px 8px; } .product-style-v4.woocommerce .products .product .meta-wrapper-2 .price, .product-style-v4 .woocommerce .products .product .meta-wrapper-2 .price { padding-left: 15px; padding-right: 15px; } .product-style-v4 .page-container:not(.columns-1):not(.columns-1-1):not(.columns-2) .products .product .meta-wrapper-2 { padding: 0 40px 0 0;/* rtl */ } .product-style-v4 .ts-product .product-group-button-meta div.loop-add-to-cart a.button:before, .product-style-v4 .page-container:not(.columns-1):not(.columns-1-1):not(.columns-2) .product-group-button-meta div.loop-add-to-cart a.button:before { width: 40px; } .woocommerce.product-style-v4 div.product .woocommerce-tabs .panel { padding: 40px; } .woocommerce.product-style-v4 div.product { --ts-summary-padding: 30px; } .product-label-v2 .product-label, .product-label-v4 .product-label { --label-font-size: 13px; } .ts-sidebar, .ts-floating-sidebar { --ts-checkbox-size: 20px; } .product-style-v6 .page-container:where(.columns-1,.columns-2) .product-group-button { top: 30px; right: 30px;/* rtl */ } .product-style-v5 .before-loop-wrapper > .product-on-sale-form, .product-style-v5 .before-loop-wrapper > .ts-product-columns-selector { min-height: 62px; } .product-style-v5 .before-loop-wrapper > *:not(#ts-filter-widget-area) { padding: 15px 30px; } .product-style-v5 .style-filter-sidebar .before-loop-wrapper > .ts-product-columns-selector:not(#ts-filter-widget-area) + * + * ~ * { margin-left: -30px; } .woocommerce .cart-collaterals .cart_totals, .woocommerce > form.checkout #order_review {padding: 30px;} .woocommerce table.shop_table.woocommerce-cart-form__contents tr {gap: 20px;} .columns-1-1 .woocommerce .products .product-wrapper { grid-template-columns: [left] 310px [center] 1fr [right] 26%;/* rtl */ } .columns-2.no-sidebar .woocommerce .products .product-wrapper { grid-template-columns: [left] 270px [right] 1fr; } .columns-2.no-sidebar .woocommerce .products .product-wrapper > .meta-wrapper { padding-left: 20px; padding-right: 20px; } .woocommerce div.product.gallery-layout-vertical { --ts-thumbnail-size: 90px; } .woocommerce div.product.social-icons-vertical { --ts-summary-padding-right: 60px; } .woocommerce div.product { --ts-thumbnail-size: 70px; --ts-thumbnail-gap: 10px; --ts-summary-padding-left: 40px; } .woocommerce.product-style-v5 div.product { --ts-summary-padding: 30px; } .woocommerce div.product.gallery-layout-grid.has-gallery, .woocommerce div.product.gallery-layout-slider-2-col.has-gallery { --ts-gallery-width: 800px; } } @media only screen and (max-width: 1200px){ :root { --ts-section-gap: 60px; --ts-heading-gap: 20px; --ts-product-columns: 4; --ts-border-radius: 3px; --ts-cart-sidebar: 350px; --ts-cart-gap: 20px; --ts-summary-gap: 20px; --ts-body-font-size: 14px; --ts-line-height: 20px; --ts-product-font-size: 14px; --ts-product-line-height: 20px; --ts-product-price-font-size: 14px; --ts-product-price-line-height: 18px; --ts-single-product-font-size: 24px; --ts-single-product-line-height: 28px; --ts-btn-font-size: 13px; --ts-btn-line-height: 16px; --ts-btn-padding-top: 11px; --ts-btn-padding-left: 20px; --read-more-size: 36px; --ts-menu-font-size: calc(var(--ts-menu-font-size) - 2px); --ts-menu-2-font-size: calc(var(--ts-menu-font-size) - 3px); --ts-h1-font-size: 40px; --ts-h1-line-height: 46px; --ts-h2-font-size: 30px; --ts-h2-line-height: 36px; --ts-h3-font-size: 25px; --ts-h3-line-height: 30px; --ts-h4-font-size: 20px; --ts-h4-line-height: 26px; --ts-h5-font-size: 17px; --ts-h5-line-height: 22px; --ts-h6-font-size: 15px; --ts-h6-line-height: 22px; --ts-btn-padding: 8px 20px; --ts-gap-large: 40px; --ts-product-h-gap: 10px; --ts-product-v-gap: 30px; --ts-pagination-width: 36px; --ts-pagination-height: 36px; --ts-pagination-font-size: 13px; --swiper-nav-width: 30px; --swiper-nav-height: 30px; --swiper-nav-font-size: 12px; } :is(.product-style-v2, .product-style-v5, .product-style-v3) { --ts-text-small: calc(var(--ts-body-font-size) - 2px); } .product-style-v4, .product-style-v4 .breadcrumb-title-wrapper { --ts-text-small: calc(var(--ts-body-font-size) - 1px); } .product-style-v4 { --ts-border-radius: 20px; } .product-style-v6 { --ts-border-radius-large: 10px; --ts-text-small: calc(var(--ts-body-font-size) - 1px); } body blockquote {gap: 20px;} #main > .page-container { width: 100%; max-width: 100%; } a.button.button-readmore { padding: 6px 25px; } .product-style-v6 :where(#ts-filter-widget-area,#left-sidebar,#right-sidebar) { --ts-border: var(--ts-product-border); } #ts-product-video-modal .popup-container { width: 70%; } .woocommerce .widget_layered_nav_filters ul li a:after { font-size: 8px; } .woocommerce #customer_login { margin-top: calc(var(--ts-section-gap) - 25px); } .woocommerce form .form-row { margin-bottom: 15px; } .woocommerce.single-product.product-style-v4 #reviews #comments ol.commentlist li { padding: 20px; margin: 0 0 10px; } body.product-style-v4 textarea, .product-style-v4.woocommerce form .form-row textarea.input-text, .woocommerce.single-product.product-style-v4 #reviews #comments ol.commentlist li, .product-style-v4 .ts-fbt-form .item, .product-style-v4.woocommerce .products .product-wrapper, .product-style-v4 .woocommerce .products .product .product-wrapper { border-radius: 10px; } .ts-shortcode.ts-logo-slider-wrapper:not(.ts-slider) .items { grid-template-columns: repeat(5, minmax(0, 1fr)); } body div.product.summary-scrolling .ts-frequently-bought-together, .product-style-v4 .ts-frequently-bought-together { --item-gap: 10px; } body:where(.product-style-v2,.product-style-v4) #comments .comment-detail .comment-text strong, body:where(.product-style-v2,.product-style-v4) #reviews #comments .comment-text .description strong { font-size: var(--ts-h6-font-size); } .style-filter-sidebar .filter-widget-area-button + .overlay {display: none;} .woocommerce div.product { --ts-summary-padding-left: 40px; } #ts-product-360-modal .popup-container { width: 450px; } .product-style-v4 .post-content-wrapper .entry-header, .product-style-v3 .post-content-wrapper .entry-header { gap: 15px; } .product-style-v4 .breadcrumb-title-wrapper { margin: 20px 0 0; } .product-style-v4.single-product .breadcrumb-title-wrapper { margin: 0; } body .ts-popup-modal .add-to-cart-popup-container { width: 400px; } .add-to-cart-popup-content .item .product-image { width: 110px; } article.single.single-post, .product-style-v4 article.single.single-post { --ts-section-gap: 60px; } .product-style-v3 .post-content-wrapper > .post-content { margin-top: 15px; } .page-template-blog-template.product-style-v3 #main > .page-container { padding-top: 20px; } .product-style-v3 ul.filter-bar { margin-bottom: 35px; padding-bottom: 15px; } .post-content-wrapper .entry-header {gap: 15px;} .post-content-wrapper > .post-content { margin-top: -10px; } .product-style-v5 .post-content-wrapper .entry-header {gap: 20px;} :is(.product-style-v2, .product-style-v3, .product-style-v5, .product-style-v6), :is(.product-style-v2, .product-style-v3) .columns-1, .product-style-v5 .wp-block-themepunch-revslider, .product-style-v5 .columns-5:not(.no-sidebar) .main-products {--ts-product-padding: 25px;} .product-style-v6 .ts-fbt-form .item {--ts-checkbox-size: 30px;} .product-style-v6 .ts-fbt-form .item > label:after {font-size: 10px;} .product-style-v6 .ts-fbt-form .item {gap: 10px;} .product-style-v6 .ts-fbt-form .item > label { position: relative; right: auto; left: auto; bottom: auto; margin: auto 0 0; } .product-style-v6 .theme-title .heading-title, .product-style-v6 #comment-wrapper .heading-title, .product-style-v6 .comments-title .heading-title { margin-bottom: 30px; } .product-style-v6 .ts-fbt-form .item .meta-wrapper span.price { padding-right: 0;/* rtl */ } .product-style-v6 .price > .amount, .product-style-v6.woocommerce div.product .summary .ts-countdown .counter-wrapper, .product-style-v6 .ts-fbt-form .item .meta-wrapper span.price ins, .product-style-v6 :is(.price, .woocommerce .price, .product-price) ins { padding: 6px 15px; } .product-style-v6 .breadcrumb-title-wrapper.breadcrumb-v1 .page-title { font-size: var(--ts-h1-font-size); line-height: var(--ts-h1-line-height); } .product-style-v6 .ts-frequently-bought-together > h3 { font-size: var(--ts-h4-font-size); line-height: var(--ts-h4-line-height); } .product-style-v6.woocommerce div.product.tabs-accordion ul.tabs + .woocommerce-Tabs-panel > h2.active:after, .product-style-v6.woocommerce .product .woocommerce-Tabs-panel > h2:after, .product-style-v6.woocommerce .product .woocommerce-Tabs-panel #reviews > h2:after { width: 40px; height: 40px; line-height: 40px; font-size: 12px; } .product-style-v6:is(.single-post, .page-template-blog-template) .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumbs ~ .page-title {margin-top: 0; margin-bottom: 15px;} .product-style-v6 ul.filter-bar { margin-bottom: 35px; padding-bottom: 35px; } .ts-blogs.readmore-icon .items article, .product-style-v6 :where(.ts-blogs, .list-posts).layout-list article { padding-bottom: 30px; margin-bottom: 30px; } .header-v8 .header-language-currency { padding: 9px 20px; } .my-wishlist-wrapper .tini-wishlist .count-number { right: -11px; } .product-style-v6 .ts-breadcrumbs { padding: 10px 0; } .product-style-v4 .wp-block-themepunch-revslider .list .woocommerce .products .product-wrapper { grid-template-columns: [left] 42% [right] 1fr;/* rtl */ gap: 10px; } .product-style-v4 .wp-block-themepunch-revslider .list .ts-product .product .meta-wrapper:not(.meta-wrapper-2):not(.meta-wrapper-3) { padding: 0 !important;/* rtl */ } .product-style-v4 .wp-block-themepunch-revslider .list .ts-product .product .product-group-button {display: none;} .single-product.product-style-v2 .breadcrumb-title-wrapper.no-title ~ .page-container :where(#left-sidebar,#right-sidebar) > aside, .single-product.product-style-v2 .breadcrumb-title-wrapper.no-title ~ .page-container #primary > div.product { margin-top: 15px; } .single-product.product-style-v1 .breadcrumb-title-wrapper.no-title ~ .page-container :where(#left-sidebar,#right-sidebar) > aside, .single-product.product-style-v1 .breadcrumb-title-wrapper.no-title ~ .page-container #primary > div.product { margin-top: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li {line-height: 1.3;} body:where(.product-style-v1,.product-style-v3,.product-style-v6) .no-sidebar :where(.cross-sells, .upsells, .related) .content-wrapper { margin-right: calc(-50vw + 50% - 350px);/* rtl */ } .single-post:not(.product-style-v3):not(.product-style-v6) #main > .no-title + .page-container { padding-top: 0; } .product-style-v3 .post-content-wrapper .entry-header, .post-content-wrapper > .post-content { gap: 20px; } .comments-area { --comment-gap: 30px; --ts-heading-gap: 22px; } .single-post-meta { margin-top: calc(var(--ts-section-gap) - 20px); margin-bottom: calc(var(--ts-section-gap) - 20px); padding-top: var(--ts-section-gap); } .entry-author { padding-top: var(--ts-section-gap); padding-bottom: var(--ts-section-gap); } #comments .comment-detail .comment-text strong, #reviews #comments .comment-text .description strong { margin-bottom: 8px; } .comment-actions { margin-top: 8px; } .ts-wishlist-table-wrapper.loading { --loading-size: 30px; } .color-swatch { --ts-swatches-size: 32px; gap: 5px; } .single-product.product-label-v3 #primary > div.product, .single-product.product-label-v3 #primary > div.product .product-label { --label-font-size: 20px; } .woocommerce-tabs #reviews > .review-title { margin-bottom: 40px; } .total-price-label, .woocommerce div.product .summary .ts-countdown .counter-wrapper {font-size: 12px;} .product-style-v5 .entry-meta-top { font-size: calc(var(--ts-body-font-size) - 3px); } .product-style-v5 .single-related-wrapper .related-posts .theme-title, body.single-product.product-style-v5 :where(.cross-sells, .upsells, .related) > h2 { border-bottom: 1px solid var(--ts-border); } .woocommerce.product-style-v4 div.product div.summary { float: right;/* rtl */ } .product-style-v6 div.product .woocommerce-product-rating .review-count { font-size: calc(var(--ts-body-font-size) - 1px); } .woocommerce div.product .summary > .product-brands, .woocommerce div.product .summary > .product_title { margin-bottom: calc(var(--ts-summary-gap) * 0.3); } .woocommerce.product-style-v4 div.product .woocommerce-tabs .panel {padding: 30px;} :where(.product-style-v2, .product-style-v4) .theme-title .heading-title, :where(.product-style-v2, .product-style-v4) #comment-wrapper .heading-title, :where(.product-style-v2, .product-style-v4) .comments-title .heading-title, :where(.product-style-v2, .product-style-v4).woocommerce .cross-sells > h2, :where(.product-style-v2, .product-style-v4).woocommerce .up-sells > h2, :where(.product-style-v2, .product-style-v4).woocommerce .related > h2, :where(.product-style-v2, .product-style-v4) .woocommerce-tabs #reviews > .review-title, :where(.product-style-v2, .product-style-v4) .ts-frequently-bought-together > h3, :where(.product-style-v2, .product-style-v4) #primary > #reviews > h2, :where(.product-style-v2, .product-style-v4) #reviews .woocommerce-Reviews-title, :where(.product-style-v2, .product-style-v4).woocommerce.show-tabs-content-default div.product .woocommerce-tabs ul.tabs { font-size: var(--ts-single-product-font-size); line-height: var(--ts-single-product-line-height); } .product-style-v4 div.product .summary.entry-summary > .woocommerce-product-details__short-description { font-size: var(--ts-text-small); } .product-style-v2 .ts-fbt-form .item .thumbnail-wrapper:after { width: 24px; height: 24px; line-height: 24px; top: calc(50% - 12px); right: -14px;/* rtl */ } .product-style-v6.woocommerce .products .product-wrapper, .product-style-v6 .woocommerce .products .product .product-wrapper { --ts-text-small: 12px; } .product-style-v4 .wp-block-themepunch-revslider .products .product .thumbnail-wrapper img { max-width: 180px; } .breadcrumb-title-wrapper.breadcrumb-v3 .page-title { font-size: 4.5rem; } .product-style-v6 .before-loop-wrapper + .ts-active-filters:not(:empty), .product-style-v6 #shop-top-area, .product-style-v6 .before-loop-wrapper { padding: 20px; border-radius: 10px; } .woocommerce table.shop_table td { padding: 15px 0; } .woocommerce .woocommerce-order-details table.shop_table tfoot th { padding: 15px 30px; } .woocommerce ul.order_details li { font-size: 0.9em; } .ts-product-attribute div.option.color > a { width: 30px; box-shadow: 0 0 0 9px var(--ts-btn-thumbnail-bg) inset; } .woocommerce.product-style-v4 .breadcrumb-title-wrapper.no-title ~ .page-container .ts-product-attribute div.option.color > a { box-shadow: 0 0 0 9px var(--ts-body-bg) inset; } .widget-hover-style-v2 .ts-product-attribute div.option.color > a:hover, .widget-hover-style-v2 .ts-product-attribute div.option.color.selected > a { box-shadow: 0 0 0 9px var(--ts-dropdown-color) inset; } .ts-header .ts-search-by-category .ts-search-result-container { padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } .ts-header .ts-search-by-category .ts-search-result-container, .ts-header .is-sticky .ts-search-by-category .ts-search-result-container {padding-top: 40px;} .ts-header .ts-search-by-category .ts-search-result-container:before, .ts-header .is-sticky .ts-search-by-category .ts-search-result-container:before {top: 20px;} .header-v3 .ts-header .ts-search-by-category .ts-search-result-container, .header-v3 .ts-header .is-sticky .ts-search-by-category .ts-search-result-container {padding-top: 44px;} .header-v3 .ts-header .ts-search-by-category .ts-search-result-container:before, .header-v3 .ts-header .is-sticky .ts-search-by-category .ts-search-result-container:before {top: 24px;} .header-v3 .header-middle nav > ul.menu li ul.sub-menu {padding-top: 28px;} .header-v3 .header-middle nav > ul.menu li.ts-megamenu ul.sub-menu {padding-top: 28px;} .header-v3 .header-middle nav > ul.menu li:not(.ts-megamenu) ul.sub-menu {padding-top: 68px;} .header-v3 .header-middle nav > ul.menu li ul.sub-menu:after {top: 28px;} .header-v8 .shopping-cart-wrapper .dropdown-container, .header-v8 .my-account-wrapper .dropdown-container, .header-v8 .header-middle .wcml_currency_switcher > ul, .header-v8 .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-v8 .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu, .header-v8 .is-sticky .shopping-cart-wrapper .dropdown-container, .header-v8 .is-sticky .my-account-wrapper .dropdown-container, .header-v8 .is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-v8 .is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { padding-top: 60px; } .header-v8 .shopping-cart-wrapper .dropdown-container:before, .header-v8 .my-account-wrapper .dropdown-container:before, .header-v8 .header-middle .wcml_currency_switcher > ul:before, .header-v8 .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-v8 .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before, .header-v8 .is-sticky .shopping-cart-wrapper .dropdown-container:before, .header-v8 .is-sticky .my-account-wrapper .dropdown-container:before, .header-v8 .is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-v8 .is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { top: 29px; } .short-description ul {gap: 4px;} body:not(.product-style-v1) :where(.columns-1,.columns-1-1) .meta-wrapper .short-description ul {gap: 3px;} .breadcrumb-title-wrapper.breadcrumb-v3 .page-title .thumbnail { padding: 8px 30px; gap: 10px; font-size: var(--ts-body-font-size); } .ts-compare-table-wrapper .product-thumbnail img { max-width: 200px; } .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button { max-width: 100%; } .filter-widget-area :where(h1,h2,h3,h4,h5,h6), .filter-widget-area .ts-heading, .style-filter-dropdown .filter-widget-area .widget-title-wrapper h3, .style-filter-dropdown #ts-filter-widget-area .ts-heading h6 { color: inherit; } .product-style-v6 .breadcrumb-title-wrapper ~ #shop-top-area, .product-style-v6 .breadcrumb-title-wrapper ~ .page-container .before-loop-wrapper { margin: 0 0 30px; } .product-style-v6 .breadcrumb-title-wrapper ~ #shop-top-area {margin-top: 30px;} .product-style-v5 #main-content.style-filter-sidebar .before-loop-wrapper { margin-bottom: 0; } .product-style-v4 .ts-sidebar .widget_product_categories ul > li > a, .product-style-v4 .ts-sidebar .ts-product-categories-widget ul > li > a { font-size: calc(var(--ts-h6-font-size) - 2px); line-height: calc(var(--ts-h6-line-height) - 2px); } .product-style-v4 .ts-sidebar .widget_product_categories ul ul > li > a, .product-style-v4 .ts-sidebar .ts-product-categories-widget ul ul > li > a { font-size: calc(var(--ts-h6-font-size) - 4px); line-height: calc(var(--ts-h6-line-height) - 4px); } .product-style-v6 .ts-breadcrumbs { font-size: calc(var(--ts-text-small) - 1px); } .product-style-v4 .product-group-button-meta > .quantity { --qty-width: 85px; } .product-style-v2.woocommerce div.product .summary > .ts-variation-price, .product-style-v2.woocommerce div.product .summary p.price, .product-style-v2.woocommerce div.product .summary span.price, .product-style-v2 .theme-title .heading-title, .product-style-v2 #comment-wrapper .heading-title, .product-style-v2 .comments-title .heading-title, .product-style-v2.woocommerce .cross-sells > h2, .product-style-v2.woocommerce .up-sells > h2, .product-style-v2.woocommerce .related > h2, .product-style-v2 .woocommerce-tabs #reviews > .review-title, .product-style-v2 .ts-frequently-bought-together > h3, .product-style-v2 #reviews .woocommerce-Reviews-title, .product-style-v2 #review_form_wrapper .comment-reply-title, .product-style-v2.woocommerce.show-tabs-content-default div.product .woocommerce-tabs ul.tabs, .product-style-v2.woocommerce div.product .summary .product_title { font-size: var(--ts-single-product-font-size); line-height: var(--ts-single-product-line-height); } #order_review table.shop_table tr { padding: 15px 0; } .woocommerce .quantity input.qty, .quantity input.qty, .product-style-v4.woocommerce .quantity input.qty, .product-style-v4 .quantity input.qty { padding: 5px 30px 5px 20px;/* rtl */ } .product-style-v4 :where(.columns-1,.columns-1-1,.columns-2) .products .product-group-button-meta > .quantity { flex-direction: row; width: auto; } .product-style-v6 .breadcrumb-title-wrapper ~ .page-container .before-loop-wrapper { margin: 0 0 30px; } .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumbs-container { padding: 5px 20px; } .product-style-v5 .before-loop-wrapper > .product-on-sale-form, .product-style-v5 .before-loop-wrapper > .ts-product-columns-selector { min-height: 64px; } .product-style-v5 .before-loop-wrapper > *:not(#ts-filter-widget-area) { padding-left: 20px; padding-right: 20px; } body.product-style-v6 .ts-shortcode.ts-product:not(.ts-product-category-wrapper) .swiper-button-prev { right: calc(var(--ts-product-padding) + var(--swiper-nav-width) + 5px);/* rtl */ } .ts-compare-popup .content-wrapper {gap: 20px;} .ts-compare-popup .items, .ts-compare-popup .items .item .product-wrapper {gap: 10px;} .ts-stick-compare-button { padding-left: 20px; padding-right: 20px; } .ts-compare-popup .items { width: 100%; } .filter-widget-area-button > a {gap: 5px;} .ts-compare-popup .actions {width: 200px;gap: 5px;} .filter-widget-area-button > a:before {font-size: 12px;min-width: 13px;} .filter-widget-area-button > a:after, .product-per-page-form .perpage-current:after, .ts-product-columns-selector > .current-selector:after, .woocommerce .woocommerce-ordering .orderby .orderby-current:after {font-size: 7px;} .meta-wrapper .counter-wrapper, .ts-countdown-wrapper {padding: 7px 16px;font-size: 12px;} .counter-wrapper, .meta-wrapper .counter-wrapper {gap: 5px 8px;} .ts-countdown-wrapper {gap: 10px;} .counter-wrapper > div { gap: 2px; min-width: 0; } .ts-fbt-form .item .product-brands, .products .product .product-brands, .products .product .product-categories, ul.product_list_widget li .product-brands { font-size: calc(var(--ts-text-small) - 1px); } .ts-fbt-form .item .product-wrapper {gap: 10px;} .ts-sidebar .widget_product_categories ul > li > a, .ts-sidebar .ts-product-categories-widget ul > li > a, .ts-sidebar .ts-heading h6, #ts-filter-widget-area .ts-heading h6, .widget-title-wrapper .widget-title, .widget-title-wrapper .widgettitle, .widget-container .wp-block-search__label, .widget-container .wp-block-group h2 { font-size: calc(var(--ts-body-font-size) + 1px); line-height: 1.2; font-weight: var(--ts-heading-font-weight); } .product-style-v3 .widget-title-wrapper .widget-title, .product-style-v3 .widget-title-wrapper .widgettitle, .product-style-v3 .widget-container .wp-block-search__label, .product-style-v3 .widget-container .wp-block-group h2 { font-size: calc(var(--ts-body-font-size) - 1px); } .widget_product_categories ul, .ts-product-categories-widget ul { max-height: 375px; } .collapse-scroll-sidebar .widget_product_categories ul, .collapse-scroll-sidebar .ts-product-categories-widget ul { max-height: 342px; } .ts-breadcrumbs { font-size: var(--ts-text-small); line-height: var(--ts-text-small-line-height); } .product-style-v6 .price > .amount, .product-style-v6 :is(.price, .woocommerce .price, .product-price) ins { padding: 6px 10px; } .product-style-v6.woocommerce .products .product .price, .product-style-v6 .woocommerce .products .product .price { gap: 4px 14px; } .product-style-v6 .ts-shortcode.ts-product:not(.ts-product-category-wrapper).has-nav .shortcode-heading-wrapper { max-width: calc(100% - var(--ts-product-padding) - 5px - var(--swiper-nav-width) * 2); } .shortcode-heading-wrapper .shop-more a { font-size: 0.9rem; } .product-style-v6 .shopping-cart-wrapper .cart-icon { width: 40px; height: 40px; } .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumbs ~ .page-title { margin-top: 0; } .product-style-v1 .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumbs ~ .page-title { margin-top: 10px; } .product-style-v6 .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumbs ~ .page-title { margin-top: 5px; margin-bottom: 10px; } .product-style-v6.single-product .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumbs ~ .page-title { margin-bottom: 20px; } #shop-top-area, #main > .list-categories, #main > .breadcrumb-title-wrapper.breadcrumb-v3.no-title + .page-container, #main > .page-container { padding-top: 30px; } .shortcode-heading-wrapper .shortcode-title br {display: none;} ul.wp-block-categories, ul.wp-block-archives, .widget-container ul {gap: 8px;} #shop-top-area aside > * {gap: 5px;} body.product-style-v5 .ts-shortcode .swiper-button-next, body.product-style-v5 .ts-shortcode .swiper-button-prev { top: var(--ts-product-padding); right: var(--ts-product-padding);/* rtl */ left: auto;/* rtl */ } body.product-style-v5 .ts-shortcode .swiper-button-prev { right: calc(var(--ts-product-padding) + var(--swiper-nav-width) + 5px);/* rtl */ } .product-style-v5 .product-label { --label-font-size: 11px; } .product-style-v5 .ts-blogs .shortcode-heading-wrapper { outline: 0; } .header-v7 .header-middle .header-language-currency, .header-v7 .header-middle .header-right { margin-left: auto !important;/* rtl */ } .header-v7 .header-middle .menu-wrapper { flex: none; } .header-v7 .header-middle .header-language-currency + .header-right { margin-left: 0 !important;/* rtl */ } .ts-shortcode.ts-slider.has-nav .shortcode-heading-wrapper { max-width: 100%; padding-right: calc(var(--swiper-nav-width)* 2 + 10px);/* rtl */ } :where(.product-group-button, .product-group-button-meta) > div a.loading, :where(.product-group-button, .product-group-button-meta) > div a.button.loading, .woocommerce :where(.product-group-button, .product-group-button-meta) > div a.loading, .woocommerce :where(.product-group-button, .product-group-button-meta) > div a.button.loading { --loading-size: 12px; } ul.cart_list li, .woocommerce ul.cart_list li, ul.product_list_widget li, .woocommerce ul.product_list_widget li { gap: 10px; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .ts-floating-sidebar .woocommerce ul.product_list_widget li .ts-wg-thumbnail, .ts-floating-sidebar ul.product_list_widget li img, .ts-floating-sidebar .woocommerce ul.cart_list li img, .ts-floating-sidebar .woocommerce ul.product_list_widget li img { width: 80px; } .woocommerce ul.cart_list li .product-name a, .woocommerce ul.product_list_widget li .product-name a { font-size: calc(var(--ts-body-font-size) - 1px); } .woocommerce ul.cart_list :is(.price, .woocommerce .price, .product-price), .woocommerce ul.product_list_widget :is(.price, .woocommerce .price, .product-price) { font-size: calc(var(--ts-body-font-size) - 1px) !important; } .header-v5 .header-middle > .container { padding-top: 18px; padding-bottom: 18px; } .product-label-v2 .product-label, .product-label-v4 .product-label { --label-font-size: 11px; } .product-style-v4.woocommerce .products .product .meta-wrapper-2 .price, .product-style-v4 .woocommerce .products .product .meta-wrapper-2 .price { padding-left: 10px; padding-right: 10px; } :where(.product-style-v2, .product-style-v4) :is(.list-posts, .ts-blogs) a.button.button-readmore { padding-left: 20px; padding-right: 20px; } :where(.ts-blogs, .list-posts) article .entry-content { gap: 10px; } .product-style-v6 .subscribe-email .button {gap: 10px;} .load-more-wrapper .button, .ts-shop-load-more .button, .woocommerce .ts-shop-load-more .button { padding-left: 30px; padding-right: 30px; gap: 10px; } .swiper-lazy-preloader, body:not(.elementor-editor-active) .elementor-section.loading, div.blockUI.blockOverlay, .woocommerce div.blockUI.blockOverlay, .woocommerce-cart .woocommerce-cart-form div.blockUI.blockOverlay, .ts-popup-modal.loading .overlay, .images.loading, .ts-product .content-wrapper.loading, .ts-logo-slider-wrapper.loading .content-wrapper, .ts-instagram-wrapper.loading, .related-posts.loading .content-wrapper, .woocommerce .product figure.loading, .blogs article a.gallery.loading, .ts-blogs-wrapper.loading .content-wrapper, .ts-testimonial-wrapper .items.loading, .entry-format .thumbnail.loading, article .thumbnail.loading, .thumbnails.loading, .ts-product-category-wrapper .content-wrapper.loading, .thumbnails-container.loading, .column-products.loading, .ts-team-members .loading, .ts-popup-modal.loading .overlay, .footer-container.loading { --loading-size: 26px; } .style-icon.direction-vertical .product-category-wrapper > a:not(.meta-btn) { width: 60px; height: 60px; padding: 10px; } .pagination-style-v2 .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a, .pagination-style-v2.woocommerce nav.woocommerce-pagination a:where(.prev,.next), .pagination-style-v2 .ts-pagination a:where(.prev,.next), .pagination-style-v4 .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a, .pagination-style-v4.woocommerce nav.woocommerce-pagination a:where(.prev,.next), .pagination-style-v4 .ts-pagination a:where(.prev,.next), .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a, body.woocommerce nav.woocommerce-pagination a:where(.prev,.next), .ts-pagination a:where(.prev,.next) { min-width: 0; } body .swiper-horizontal > .swiper-pagination-bullets { margin-top: 20px; } .ts-grouped-product-wrapper.ts-shortcode:not(.ts-slider) .items {gap: 10px;} .style-big-text.direction-horizontal .product-category-wrapper .category-name { font-size: calc(var(--ts-h1-font-size) * 2); } .style-big-text .product-category-wrapper .meta-btn { gap: 10px; padding: 8px 20px; } .style-big-text .product-category-wrapper .meta-btn img { max-width: 46px; max-height: 18px; } .style-big-text.direction-vertical .product-category-wrapper {text-align: center;} .style-big-text.direction-horizontal .product-category-wrapper { display: flex; align-items: center; gap: 0 40px; } .style-big-text .product-category-wrapper .meta-btn img { max-width: 72px; max-height: 32px; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-last { min-width: 160px; } .ts-header nav > ul.menu li > .ts-menu-drop-icon.active ~ ul.sub-menu { display: block; -webkit-animation-duration: 200ms; -moz-animation-duration: 200ms; animation-duration: 200ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_fade; -moz-animation-name: animation_fade; animation-name: animation_fade; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; } /*** v2 ***/ .pagination-style-v2 { --ts-pagination-width: 40px; --ts-pagination-height: 26px; --ts-pagination-font-size: 14px; } /*** v3 ***/ .pagination-style-v3 { --ts-pagination-width: 45px; --ts-pagination-height: 30px; --ts-pagination-font-size: 15px; } .product-label-v3.woocommerce .product .product-label, .product-label-v3 .woocommerce .product .product-label { --label-font-size: 14px; gap: 15px; inset: 15px auto auto 15px;/* rtl */ } .product-label-v3.woocommerce .ts-special-product-wrapper .product .product-label, .product-label-v3 .ts-special-product-wrapper.woocommerce .product .product-label { --label-font-size: 20px; inset: 10px 10px auto auto;/* rtl */ } .product-style-v3 .ts-special-product-wrapper.woocommerce .button.add_to_cart_button { font-size: calc(var(--ts-btn-font-size) + 2px); } .product-style-v3 .ts-compare-popup .button:not(.added), .product-style-v3 .ts-wishlist-table-wrapper .product-add-to-cart a:not(.added), .product-style-v3 .woocommerce .button.add_to_cart_button:not(.added), .product-style-v3.woocommerce .button.single_add_to_cart_button:not(.added), .product-style-v3 .product-group-button-meta div.loop-add-to-cart a.button:not(.added) { gap: 10px; } /*** v6 ***/ .pagination-style-v6 { --ts-pagination-width: 36px; --ts-pagination-height: 36px; } .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a, body.woocommerce nav.woocommerce-pagination a:where(.prev,.next), .ts-pagination a:where(.prev,.next) { font-size: 0; padding: 0; width: var(--ts-pagination-width); height: var(--ts-pagination-height); text-align: center; } .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a:before, body.woocommerce nav.woocommerce-pagination a:where(.prev,.next):before, .ts-pagination a:where(.prev,.next):before { content: "\e912"; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; font-size: var(--ts-pagination-font-size); line-height: calc(var(--ts-pagination-height) - 2px); } .dokan-pagination-container .dokan-pagination li:last-child a:before, body.woocommerce nav.woocommerce-pagination a.next:before, .ts-pagination a.next:before { content: "\e914"; } .pagination-style-v3 .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a:before, .pagination-style-v3.woocommerce nav.woocommerce-pagination a:where(.prev,.next):before, .pagination-style-v3 .ts-pagination a:where(.prev,.next):before { font-size: calc(var(--ts-pagination-font-size) + 15px); } .pagination-style-v6 .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a:before, .pagination-style-v6.woocommerce nav.woocommerce-pagination a:where(.prev,.next):before, .pagination-style-v6 .ts-pagination a:where(.prev,.next):before { display: none; } .pagination-style-v6 .dokan-pagination-container .dokan-pagination li:first-child a:before, .pagination-style-v6 .dokan-pagination-container .dokan-pagination li:last-child a:after, .pagination-style-v6.woocommerce nav.woocommerce-pagination a.prev:before, .pagination-style-v6.woocommerce nav.woocommerce-pagination a.next:after, .pagination-style-v6 .ts-pagination a.prev:before, .pagination-style-v6 .ts-pagination a.next:after { font-size: var(--ts-pagination-font-size); } .pagination-style-v6 .ts-pagination, .pagination-style-v6.woocommerce nav.woocommerce-pagination, .pagination-style-v6 .dokan-pagination-container .dokan-pagination { padding: 0 70px; } .pagination-style-v6 .dokan-pagination-container .dokan-pagination li:where(:first-child,:last-child) a, .pagination-style-v6.woocommerce nav.woocommerce-pagination a:where(.prev,.next), .pagination-style-v6 .ts-pagination a:where(.prev,.next) { width: 70px; padding: 0; gap: 0; } .visible-md {display: block !important;} .hidden-md, .device-hide-nav .elementor-swiper-button-prev, .device-hide-nav .elementor-swiper-button-next, .product-group-button > div.quickshop {display: none !important;} h1, h2, h3, h4, h5, h6 { margin: 0 0 16px 0; } .ts-testimonial-wrapper .quote-wrapper, .ts-testimonial-wrapper .item blockquote {gap: 20px;} .product-style-v5 .ts-testimonial-wrapper .item blockquote {gap: 70px;} .product-style-v5 :where(.columns-2,.columns-3) .list-posts article .entry-title, .product-style-v5 .ts-blogs:where(.columns-2,.columns-3) article .entry-title { font-size: var(--ts-h6-font-size); line-height: var(--ts-h6-line-height); } .product-style-v5 .list-posts.layout-list article .entry-format, .product-style-v5 .ts-blogs.layout-list article .article-content .thumbnail-content { width: 120px; } body .swiper-button-prev { right: calc(var(--swiper-nav-width) + 5px);/* rtl */ } .woocommerce div.product div.summary { --ts-star-size: 14px; --ts-star-gap: 5px; } .woocommerce div.product .summary .price {gap: 10px;} .ts-discount-number { margin: 0 10px 0 0;/* rtl */ } /*** Header **/ .ts-header{ --ts-gap-large: 30px; --ts-gap-small: 20px; --ts-header-icon-size: 20px; } :where(.header-v2, .header-v5) .ts-header{ --ts-gap-large: 20px; } .header-v2.product-style-v2 .my-wishlist-wrapper .tini-wishlist .count-number, .header-v2.product-style-v2 .shopping-cart-wrapper .cart-control .cart-number { top: 6px; } .header-v2.product-style-v2 .my-wishlist-wrapper .tini-wishlist .count-number, .header-v2.product-style-v2 .shopping-cart-wrapper .cart-control .cart-number { font-size: 9px; } :where(.header-v2, .header-v5, .header-v6, .header-v7) .header-middle .menu-wrapper {order: 10;} .ts-header .search-table .search-field input[type="text"] { min-width: 240px; } .header-v3 .header-middle .ts-search-by-category:not(:last-child) { margin-right: 25px; } .product-style-v4 .shopping-cart-wrapper .cart-control { width: 40px; height: 40px; } .header-bottom > .container { padding-bottom: 14px; } .ts-header .ts-menu .ts-menu-drop-icon { font-size: 7px; top: 0; } .ts-header .header-bottom nav > ul.menu li ul.sub-menu:after { top: 14px; } .ts-header .header-bottom nav > ul.menu li ul.sub-menu { padding-top: 14px; } .header-middle nav > ul.menu > li:after { bottom: 0; } .header-middle .header-left {gap: 0 15px;} .header-middle .header-left .logo-wrapper { margin-right: var(--ts-gap-large);/* rtl */ } .header-v7 .header-middle .header-left .logo-wrapper { margin-right: 0;/* rtl */ } .header-v7 .header-middle > .container, .header-v7 .header-top > .container, .header-v7 .header-top .header-left { gap: 20px; } .header-v7 .header-top .header-left, .header-v7 .header-middle .header-left { padding-right: 20px;/* rtl */ } .header-v7 .header-middle .header-right, .header-v7 .header-middle .header-language-currency { padding-left: 20px;/* rtl */ } :where(.header-v2, .header-v5) .header-info .amount {font-size: 1.6em;} .ipad-menu-toggle {display: flex;} .product-style-v3 .ts-banner .ts-banner-button a.button {gap: 20px;} .btn-product-style-v3 .elementor-button-content-wrapper {gap: 10px;} .header-middle .menu-wrapper .ipad-menu-toggle + .ts-menu { display: none; width: calc(100% - var(--ts-logo-width) - var(--ts-gap-large) - var(--ts-content-padding) * 2 - 60px); position: absolute; z-index: 2; padding: 0; left: calc(var(--ts-logo-width) + var(--ts-gap-large) + var(--ts-content-padding) + 60px);/* rtl */ } .header-v8 .header-middle .menu-wrapper .ipad-menu-toggle + .ts-menu { width: auto; max-width: calc(100% - var(--ts-logo-width) - var(--ts-gap-large) - var(--ts-content-padding) * 2 - 90px); left: calc(var(--ts-logo-width) + var(--ts-gap-large) + var(--ts-content-padding) + 80px);/* rtl */ } .my-account-wrapper .dropdown-container, .shopping-cart-wrapper .dropdown-container { display: none !important; } .ts-menu nav > ul > li, nav > ul.menu > li { gap: 0 5px; } .header-v4 .ts-header .menu-wrapper .ipad-menu-toggle + .ts-menu { width: calc(100% - var(--ts-logo-width) - var(--ts-gap-large) - var(--ts-content-padding)* 2 - 70px); left: calc(var(--ts-logo-width) + var(--ts-gap-large) + var(--ts-content-padding) + 70px);/* rtl */ } .header-v7 .ts-header .menu-wrapper .ipad-menu-toggle + .ts-menu { width: calc(100% - var(--ts-logo-width) - var(--ts-gap-large) - var(--ts-content-padding)* 2 - 90px); } :where(.header-v2, .header-v5) .ts-header .menu-wrapper .ipad-menu-toggle + .ts-menu { left: calc(var(--ts-logo-width) + var(--ts-gap-large) + var(--ts-content-padding) + 40px);/* rtl */ } nav > ul.menu li a.has-icon .menu-icon, nav > ul.menu li:before {font-size: 1.1em;} .header-v1 .header-middle.active-menu .header-left .menu-wrapper ~ *, .header-v7 .header-middle.active-menu .header-language-currency, .header-middle.active-menu .header-right { -webkit-animation-duration: 200ms; -moz-animation-duration: 200ms; animation-duration: 200ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_fade_out; -moz-animation-name: animation_fade_out; animation-name: animation_fade_out; } .header-middle.active-menu .menu-wrapper .ts-menu { display: block; -webkit-animation-duration: 200ms; -moz-animation-duration: 200ms; animation-duration: 200ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; animation-delay: 100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_fade; -moz-animation-name: animation_fade; animation-name: animation_fade; } nav > ul.menu li a.has-icon .menu-icon, nav > ul.menu li:before { top: 0; } .ts-header .hotline i {font-size: 1.1em;} .ts-header .hotline { padding-right: 15px;/* rtl */ } .ts-header .hotline:after {display: none;} .ts-header nav > ul.menu li:not(.ts-megamenu) ul.sub-menu { padding: 56px 20px 30px 20px; width: 200px; left: -20px; } nav.main-menu ul.menu li.ts-megamenu-columns-1 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li, nav.main-menu ul.menu li.ts-megamenu-columns-2 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li, nav.main-menu ul.menu li.ts-megamenu-columns-3 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li, nav.main-menu ul.menu li.ts-megamenu-columns-4 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li, nav.main-menu ul.menu li:not(.ts-mega-menu) .sub-menu > li { padding: 5px 0; } /*** Product ***/ :where(.product-label-v1, .product-label-v5) .product-label { --label-size: 38px; --label-font-size: 10px; } .woocommerce table.shop_table .quantity .number-button:after, .columns-2 .quantity .number-button:after { padding-top: 3px; } .quantity .number-button:before { bottom: calc(var(--qty-height) * 0.5 + 1px); } .woocommerce div.product div.images .flex-control-thumbs li {width: 70px;} .woocommerce div.product .summary > .product-brands, .woocommerce div.product .summary > .product_title { margin-bottom: 8px; } .single-product #primary > div.product .quantity .number-button:after, .product-style-v4 .quantity .number-button:after, :where(.product-style-v1, .product-style-v2, .product-style-v5) .product-group-button-meta .quantity .number-button:after, .single-product.product-style-v6 #primary > div.product .quantity .number-button:after, .quantity .number-button:after { padding-top: 4px; } .product-style-v6.woocommerce div.product .summary .woocommerce-product-rating { margin-top: 10px; } .ts-product-columns-selector {display: none;} .columns-1 .woocommerce .products .product-wrapper { display: grid; gap: 15px 30px; } .product-style-v3 :is(.columns-1, .columns-1-1) .product-group-button-meta { gap: 15px; } :is(.columns-1, .columns-1-1, .columns-2) .woocommerce .products .product-wrapper, .columns-2.has-1-sidebar .woocommerce .products .product-wrapper, .columns-2 .woocommerce .products .product-wrapper { grid-template-columns: [left] 250px [right] 1fr; gap: 15px 30px; } :is(.columns-1, .columns-1-1, .columns-2) .products .product-group-button-meta > .quantity .ts-screen-reader-text { display: none; } .woocommerce :is(.columns-1, .columns-1-1, .columns-2) .products .product .meta-wrapper-2, .product-style-v4 :is(.columns-1, .columns-1-1):not(.no-sidebar) .woocommerce .products .product-wrapper, .product-style-v4 .columns-2 .woocommerce .products .product-wrapper { gap: 10px 0; } .columns-1 .woocommerce .products .product-wrapper .thumbnail-wrapper {width: 100%;min-width: 0;} .product-style-v4 .products .product .thumbnail-wrapper img {border-radius: 10px;} .product-style-v4.woocommerce.archive .page-container:where(.columns-1,.columns-1-1):not(.no-sidebar) { --ts-product-padding: 20px; } .columns-2:not(.no-sidebar) .woocommerce .products .product-wrapper > .meta-wrapper, .columns-2 .woocommerce .products .product-wrapper > .meta-wrapper { padding: 3px 0; } :is(.columns-1, .columns-1-1) .woocommerce .products .product-wrapper > .meta-wrapper, :is(.columns-1, .columns-1-1) .woocommerce .products .product-wrapper > .meta-wrapper-3 { padding: 0; } :is(.columns-1, .columns-1-1, .columns-2) .woocommerce .products .product-wrapper .product-name { font-size: var(--ts-h4-font-size); line-height: var(--ts-h4-line-height); } :is(.columns-1, .columns-1-1):not(.no-sidebar) .woocommerce.main-products { --ts-product-columns: 1 !important; } :is(.columns-1, .columns-1-1, .columns-2) .woocommerce .products .thumbnail-wrapper { grid-column: left;/* rtl */ grid-row-start: 1; grid-row-end: 3; } :is(.columns-1, .columns-1-1, .columns-2).has-description-list .woocommerce .products .thumbnail-wrapper { grid-row-end: 4; } :is(.columns-1, .columns-1-1, .columns-2):not(.no-sidebar) .woocommerce .products .thumbnail-wrapper ~ .meta-wrapper-2 { grid-area: auto / right;/* rtl */ align-self: flex-start; align-items: flex-start; order: 2; } .product-style-v4 :is(.columns-1, .columns-1-1):not(.no-sidebar) .woocommerce .products .thumbnail-wrapper ~ .meta-wrapper-2 { flex-direction: column; gap: 12px 0; } .columns-1 .woocommerce .products .product-wrapper .thumbnail-wrapper {min-width: 0;} :is(.product-style-v1, .product-label-v1) .columns-1 .woocommerce .products .product-wrapper .thumbnail-wrapper {width: 100%;} .columns-1 .woocommerce .products .product .meta-wrapper-3 {width: 100%;} .columns-2:not(.no-sidebar) .woocommerce.main-products .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .columns-1-1 .woocommerce .products .meta-wrapper:not(.meta-wrapper-2):not(.meta-wrapper-3), :is(.columns-1, .columns-1-1) .woocommerce .products .thumbnail-wrapper ~ .meta-wrapper { grid-area: auto / right; align-self: flex-end; align-items: flex-start; } :is(.columns-1, .columns-1-1) .woocommerce .products .thumbnail-wrapper ~ .meta-wrapper-2 { align-self: flex-start; } .columns-1-1 .woocommerce .products .meta-wrapper-3, :is(.columns-1, .columns-1-1) .woocommerce .products .thumbnail-wrapper ~ .meta-wrapper-3 { align-self: center; } .columns-1-1 .woocommerce .products .product .meta-wrapper-2 { order: 1; } :is(.product-style-v2, .product-style-v4, .product-style-v5) :is(.columns-1, .columns-1-1, .columns-2) .woocommerce .products .product-wrapper .product-name { font-size: calc(var(--ts-product-font-size) * 1.3); } .columns-2.has-1-sidebar .woocommerce .products .product-wrapper .product-name { font-size: calc(var(--ts-product-font-size) * 1.4); } .columns-2.no-sidebar .woocommerce .products .product-wrapper > .meta-wrapper { padding-left: 20px;/* rtl */ padding-right: 40px;/* rtl */ } .columns-2.no-sidebar .woocommerce .products .product-wrapper { grid-template-columns: [left] 250px [right] 1fr; gap: 0; } .columns-2.has-1-sidebar .woocommerce .products .product-wrapper { grid-template-columns: [left] 220px [right] 1fr; } .product-style-v4 :is(.columns-1, .columns-1-1):not(.no-sidebar) .woocommerce .products .thumbnail-wrapper ~ .meta-wrapper, .product-style-v4 :is(.columns-1, .columns-1-1):not(.no-sidebar) .woocommerce .products .thumbnail-wrapper ~ .meta-wrapper-2 { padding-top: 0; padding-bottom: 0; } .product-group-button-meta div.loop-add-to-cart a.button { min-width: 170px; } .columns-2 .main-products .product-group-button-meta div.loop-add-to-cart a.button { min-width: 130px1; } .product-style-v3 .columns-2 .product-group-button-meta { gap: 10px; } .product-style-v3 .columns-2 .product-group-button-meta .loop-add-to-cart a.button { font-size: calc(var(--ts-body-font-size) - 1px); } .product-style-v3 .columns-2 .woocommerce .products .meta-wrapper .quantity { --qty-width: 70px; } .ts-grouped-product-wrapper .product-meta .product-price {margin-top: 2px;} .woocommerce .products .product .price {margin-top: 2px;} :where(.columns-1,.columns-1-1) .woocommerce .products .product .price {margin-top: 0;margin-bottom: 0;} .woocommerce :is(.columns-1, .columns-1-1, .columns-2) .products .product .meta-wrapper:not(.meta-wrapper-2):not(.meta-wrapper-3) { gap: 6px 0; } .woocommerce-ordering > span.orderby-label, .product-per-page-form > span {display: none;} .product-style-v3 .filter-widget-area-button > a, .product-style-v3 .product-per-page-form .perpage-current, .product-style-v3.woocommerce .woocommerce-ordering .orderby .orderby-current { padding-top: 4px; padding-bottom: 4px; } :where(.product-style-v2, .product-style-v4) .filter-widget-area-button > a, :where(.product-style-v2, .product-style-v4) .product-per-page-form .perpage-current, :where(.product-style-v2, .product-style-v4).woocommerce .woocommerce-ordering .orderby .orderby-current { padding-top: 6px; padding-bottom: 6px; } .filter-widget-area-button.active > a:before {font-size: 12px;} .woocommerce .woocommerce-ordering .orderby ul, .product-per-page-form ul.perpage ul { padding: 20px 0 15px; min-width: 0; gap: 2px 0; } .woocommerce .widget_layered_nav_filters ul li a { font-size: var(--ts-text-small); } div.product .summary .ts-social-sharing ul li { font-size: 16px; } .before-loop-wrapper > .woocommerce-ordering {margin-right: 0;} .before-loop-wrapper .product-per-page-form {display: none;} .woocommerce .woocommerce-ordering .orderby ul:before, .product-per-page-form ul.perpage ul:before {top: 6px;} .filter-widget-area-button.active > a:before {font-size: 12px;} :where(.product-style-v1,.product-style-v3) .product-on-sale-form label, :where(.product-style-v1,.product-style-v3) .woocommerce-ordering ul li a, :where(.product-style-v1,.product-style-v3) .product-per-page-form ul li a, :where(.product-style-v1,.product-style-v3).woocommerce .woocommerce-ordering .orderby-current, :where(.product-style-v1,.product-style-v3) .product-per-page-form .perpage-current { font-size: var(--ts-text-small); } .product-style-v3 .ts-compare-popup .button, .product-style-v3 .ts-wishlist-table-wrapper .product-add-to-cart a, .product-style-v3 .woocommerce .button.add_to_cart_button, .product-style-v3.woocommerce .button.single_add_to_cart_button, .product-style-v3 .product-group-button-meta div.loop-add-to-cart a.button { gap: 10px; font-size: 1rem; } :where(.product-style-v1,.product-style-v3) .filter-widget-area-button > a { font-size: var(--ts-text-small); } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .product-filter-by-color ul li a { gap: 8px; padding-left: 20px; padding-right: 20px; } .ts-sidebar, .ts-floating-sidebar { --ts-checkbox-size: 20px; } .product-filter-by-brand ul li label:before, .product-filter-by-price ul li label:before, .woocommerce .widget_rating_filter ul li.chosen a:before, .woocommerce .widget_rating_filter ul li a:before { border-radius: 3px; } .woocommerce .widget_rating_filter ul li a:after, .product-filter-by-price ul li label:after, .widget-container.product-filter-by-brand ul > li label:after { left: 5px;/* rtl */ font-size: 10px; } body .ts-product-category-wrapper.style-auto-width .swiper-button-next, body .ts-product-category-wrapper.style-auto-width .swiper-button-prev { width: 100px; } .ts-grouped-product-wrapper form.cart { gap: 20px 10px; } .ts-grouped-product-wrapper.ts-shortcode:not(.ts-slider) .items { padding-bottom: 20px; } :where(.style-icon, .style-auto-width).direction-horizontal .product-category-wrapper { gap: 10px; padding: 8px 30px; } .product-category-wrapper .category-name { font-size: var(--ts-body-font-size); } .woocommerce div.product.gallery-layout-grid.has-gallery, .woocommerce div.product.gallery-layout-slider-2-col.has-gallery { --ts-gallery-width: 60%; } .product-style-v5.woocommerce div.product.gallery-layout-grid.has-gallery, .product-style-v5.woocommerce div.product.gallery-layout-slider-2-col.has-gallery { --ts-gallery-width: 65%; } .woocommerce div.product.gallery-layout-grid.has-gallery.social-icons-vertical, .woocommerce div.product.gallery-layout-slider-2-col.has-gallery.social-icons-vertical { --ts-summary-padding-right: 60px; } .woocommerce div.product.gallery-layout-vertical { --ts-thumbnail-size: 70px; } .woocommerce div.product.social-icons-vertical { --ts-summary-padding-right: 70px; } .woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0 0 40px; padding: 0 0 20px; gap: 30px; font-size: var(--ts-h4-font-size); line-height: var(--ts-h4-line-height); } .woocommerce div.product { --ts-gallery-width: 56%; --ts-thumbnail-size: 60px; --ts-summary-padding-left: 30px; } .woocommerce.product-style-v5 div.product { --ts-gallery-width: 56%; } .woocommerce div.product.gallery-layout-vertical { --ts-gallery-width: 60%; } #review_form_wrapper #review_form {margin-top: 40px;} .woocommerce.product-style-v5 .ts-fbt-form .items {gap: 1px;padding: 0;margin: 0;} .woocommerce.product-style-v5 .ts-frequently-bought-together {margin: 0;} .woocommerce.product-style-v5 .ts-frequently-bought-together > h3 { padding: var(--ts-product-padding); margin: 0; border-width: 1px 0 0; border-style: solid; } .woocommerce.product-style-v5 div.product:not(.summary-scrolling):not(.fbt-in-summary) > .ts-frequently-bought-together > h3 { border-top-width: 0; } .woocommerce.product-style-v5 .cross-sells > h2, .woocommerce.product-style-v5 .up-sells > h2, .woocommerce.product-style-v5 .related > h2, .woocommerce.product-style-v5 .ts-frequently-bought-together > h3, .product-style-v5 .woocommerce-tabs #reviews > .review-title { font-size: var(--ts-h4-font-size); } .product-style-v5 #review_form_wrapper .comment-reply-title { font-size: var(--ts-h5-font-size); line-height: var(--ts-h5-line-height); } #review_form_wrapper .comment-reply-title { margin-bottom: 20px; } .single-product.product-style-v5 div.product.summary-scrolling:not(.fbt-in-summary) .ts-frequently-bought-together .submit-wrapper { border-width: 1px 0; border-style: solid; border-color: var(--ts-border); } .woocommerce.product-style-v5 .ts-frequently-bought-together > .ts-fbt-form { border-width: 1px 0 0; border-style: solid; border-color: var(--ts-border); margin: 0; gap: 0; } .woocommerce.product-style-v5 .ts-frequently-bought-together .submit-wrapper { width: 30%; padding: var(--ts-product-padding); } .woocommerce #reviews #comments ol.commentlist li .comment-text { padding: 0 0 0 180px;/* rtl */ } .woocommerce div.product.summary-scrolling #reviews #comments ol.commentlist li .comment-text { padding: 0 0 0 160px;/* rtl */ } .product-style-v5 div.product.summary-scrolling #reviews #comments ol.commentlist li .comment-text { padding: 0; } /*** Cart/Checkout ***/ .woocommerce .cart-collaterals .cart_totals, .woocommerce > form.checkout #order_review { padding: 20px; } .woocommerce table.shop_table.woocommerce-cart-form__contents .product-price, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-quantity, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-subtotal { width: 90px; } .woocommerce table.shop_table.woocommerce-cart-form__contents tr { gap: 15px; } .woocommerce .woocommerce-order-details { margin-top: 40px; } /*** Blog ***/ .page-template-blog-template #main > .page-container { padding-top: 12px; } .page-template-blog-template.product-style-v4 #main > .page-container { padding-top: 30px; } ul.filter-bar { gap: 10px 20px; margin-bottom: 50px; } .product-style-v5 ul.filter-bar li, ul.filter-bar li { font-size: var(--ts-body-font-size); line-height: 20px; } .product-style-v4 ul.filter-bar { margin-bottom: 40px; } .product-style-v3 .entry-meta-top { font-size: calc(var(--ts-body-font-size) - 2px); } /*** Main Content ***/ .ts-social-icons-elementor-widget .elementor-icon.elementor-social-icon {gap: 5px;} .ts-social-icons-elementor-widget.show-name .list-items > span > a {padding: 7px 15px;} .ts-banner.img-mobile-tablet .banner-bg .main-banner {display: none;} .ts-banner.img-mobile-tablet .banner-bg .mobile-banner {display: block;} .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > :where(.product-stock-status, .product-price) {min-width: 180px;} .ts-wishlist-table-wrapper .wishlist-item > .product-thumbnail {width: 120px;} .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) {gap: 30px;} .style-default-bg.direction-horizontal .product-category-wrapper { gap: 10px; } .style-default-bg.direction-horizontal .product-category-wrapper > a { width: 60px; height: 60px; } .product-style-v3, .product-style-v3 :is(.columns-1, .columns-1-1) .woocommerce.main-products { --swiper-nav-font-size: 18px; } .product-style-v1 :is(.columns-1, .columns-1-1, .columns-2) .woocommerce.main-products .products > .product:last-child { margin-bottom: 0; } .woocommerce > form.checkout { margin-top: 30px; } .woocommerce > form.checkout .woocommerce-NoticeGroup { margin-bottom: 30px; } .product-style-v6 .list-posts.layout-list article .entry-format, .product-style-v6 .ts-blogs.layout-list article .article-content .thumbnail-content { width: 250px; } } @media only screen and (max-width: 1025px) and (min-width: 992px){ .columns-2.no-sidebar .woocommerce .products .product-wrapper { grid-template-columns: [left] 220px [right] 1fr; } .product-group-button-meta div.loop-add-to-cart a.button { min-width: 130px; } } @media only screen and (max-width: 1025px){ .ts-header .hotline a i + span:not(:last-child) {display:none;} .woocommerce div.product.social-icons-vertical { --ts-summary-padding-right: 50px; } .ts-shortcode.ts-logo-slider-wrapper:not(.ts-slider) .items { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media only screen and (max-width: 991px){ :root { --ts-product-columns: 3; --ts-product-h-gap: 10px; --ts-product-v-gap: 30px; --ts-cart-gap: 0; } .woocommerce div.product.gallery-layout-slider-2-col.has-gallery.social-icons-vertical, .woocommerce div.product.gallery-layout-grid.has-gallery.social-icons-vertical, .woocommerce div.product.gallery-layout-vertical { --ts-thumbnail-size: 90px; } .woocommerce div.product.social-icons-vertical { --ts-summary-padding-right: 90px; } .woocommerce div.product { --ts-gallery-width: 100%; --ts-thumbnail-size: 70px; --ts-thumbnail-gap: 10px; --ts-summary-padding-left: 0; } .woocommerce div.product.fbt-in-summary { --ts-gallery-width: 100%; --ts-summary-padding-left: 0; } .woocommerce.product-style-v5 div.product, .product-style-v5.woocommerce div.product.gallery-layout-grid.has-gallery, .product-style-v5.woocommerce div.product.gallery-layout-slider-2-col.has-gallery, .woocommerce div.product.gallery-layout-vertical, .woocommerce div.product.gallery-layout-grid.has-gallery, .woocommerce div.product.gallery-layout-slider-2-col.has-gallery { --ts-gallery-width: 100%; } .single-product.product-style-v6 #primary > div.product.summary-scrolling > .summary, .woocommerce div.product div.summary {width: 100%;} .woocommerce div.product div.summary { padding-left: 0; } .ts-shortcode.ts-logo-slider-wrapper:not(.ts-slider) .items { grid-template-columns: repeat(3, minmax(0, 1fr)); } .ts-header{ --ts-gap-large: 15px; } .woocommerce #reviews #comments ol.commentlist li .comment-text { padding: 0 0 0 160px;/* rtl */ } .product-style-v6 .list-posts.layout-list article .entry-format, .product-style-v6 .ts-blogs.layout-list article .article-content .thumbnail-content { width: 200px; } .product-style-v5 .list-posts.layout-list article .entry-format, .product-style-v5 .ts-blogs.layout-list article .article-content .thumbnail-content { width: 100px; } :where(.columns-1,.columns-2,.columns-3) .list-posts.layout-list.size-thumbnail, .ts-blogs:not(.ts-slider).layout-list.size-thumbnail:where(.columns-1,.columns-2,.columns-3) .items { grid-template-columns: 1fr; } .product-style-v6 .ts-fbt-form {gap: 0;} .product-style-v6 .ts-fbt-form .item {height: auto;} .single-product.product-style-v5 div.product:not(.fbt-in-summary):not(.summary-scrolling) .ts-frequently-bought-together > h3 { border-top: 0; } .product-style-v6 .ts-fbt-form .item .meta-wrapper span.price { margin: 5px 0 0; } .single-product.product-style-v5 div.product:not(.fbt-in-summary) .ts-frequently-bought-together .submit-wrapper { border-left: 0;/* rtl */ } .product-style-v4 .wp-block-themepunch-revslider .products .product .thumbnail-wrapper img { max-width: 155px; } .woocommerce div.product .summary form.cart .single_add_to_cart_button {max-width: 370px;} .woocommerce.product-style-v4 div.product div.summary { width: 100%; margin-bottom: var(--ts-section-gap); } .woocommerce.product-style-v4 div.product.summary-scrolling div.woocommerce-product-gallery, .woocommerce.product-style-v4 div.product.summary-scrolling div.summary { margin-bottom: 20px; } .woocommerce.product-style-v4 div.product.summary-scrolling .woocommerce-tabs #tab-description, .woocommerce.product-style-v4 div.product.summary-scrolling div.woocommerce-product-gallery { border-radius: var(--ts-border-radius); } .woocommerce.product-style-v5 div.product div.woocommerce-product-gallery { border-width: 0 0 1px; } .woocommerce.product-style-v5 .ts-frequently-bought-together .submit-wrapper { width: 100%; } .single-product.product-style-v6 #primary > div.product:not(.summary-scrolling) > .woocommerce-product-gallery, .single-product.product-style-v6 #primary > div.product:not(.summary-scrolling) > .summary { border-radius: var(--ts-border-radius-large); } .visible-sm {display: block !important;} .hidden-sm {display: none !important;} .ts-compare-popup .content-wrapper {flex-direction: column;gap: 10px;} .ts-compare-popup .content-wrapper {padding-top: 30px;max-width: 100%;} .ts-compare-popup .actions {width: 100%;} .ts-compare-popup .close {font-size: 10px;} .breadcrumb-title-wrapper.breadcrumb-v3 .page-title .thumbnail img { max-height: 24px; } .product-label-v3.woocommerce .ts-special-product-wrapper .product .product-label, .product-label-v3 .ts-special-product-wrapper.woocommerce .product .product-label { --label-font-size: 16px; } .ts-special-product-wrapper.woocommerce .products .product-wrapper { grid-template-columns: [left] 50% [right] 1fr; gap: 20px 0; padding: 20px; } .woocommerce div.product div.summary {top: 0 !important;} #comment-wrapper #commentform #comment, .woocommerce #reviews #comment { height: 100px; } .woocommerce.single-product.product-style-v4 #reviews #comments ol.commentlist li {padding: 30px;} /*** Header ***/ .header-v8 .ts-header nav > ul.menu li a.has-icon .menu-icon, .header-v8 .ts-header nav > ul.menu li:before, .header-top .nav-top, .ts-header .hotline {display: none;} .ts-header .menu-wrapper .ipad-menu-toggle + .ts-menu { width: calc(100% - var(--ts-logo-width) - var(--ts-gap-large) - var(--ts-content-padding)* 2 - 30px); left: calc(var(--ts-logo-width) + var(--ts-gap-large) + var(--ts-content-padding) + 30px);/* rtl */ } :where(.header-v2, .header-v6) .ts-header .menu-wrapper .ipad-menu-toggle + .ts-menu { width: calc(100% - var(--ts-logo-width) - var(--ts-gap-large) - var(--ts-content-padding)* 2 - 40px); } .header-v5 .ts-header .menu-wrapper .ipad-menu-toggle + .ts-menu { width: calc(100% - var(--ts-logo-width) - var(--ts-gap-large) - var(--ts-content-padding)* 2 - 50px); left: calc(var(--ts-logo-width) + var(--ts-gap-large) + var(--ts-content-padding) + 10px);/* rtl */ } :where(.header-v1, .header-v3) .ts-header .menu-wrapper .ipad-menu-toggle + .ts-menu { width: calc(100% - var(--ts-logo-width) - var(--ts-gap-large) - var(--ts-content-padding)* 2 - 50px); left: calc(var(--ts-logo-width) + var(--ts-gap-large) + var(--ts-content-padding) + 50px);/* rtl */ } .header-v4 .ts-header .menu-wrapper .ipad-menu-toggle + .ts-menu { width: calc(100% - var(--ts-logo-width) - var(--ts-gap-large) - var(--ts-content-padding)* 2 - 40px); left: calc(var(--ts-logo-width) + var(--ts-gap-large) + var(--ts-content-padding) + 40px);/* rtl */ } .header-v2.product-style-v2 .ts-header .menu-wrapper .ipad-menu-toggle + .ts-menu { left: calc(var(--ts-logo-width) + var(--ts-gap-large) + var(--ts-content-padding) + 10px);/* rtl */ } .header-v8 .header-middle .menu-wrapper .ipad-menu-toggle + .ts-menu { max-width: calc(100% - var(--ts-logo-width) - var(--ts-gap-large) - var(--ts-content-padding) * 2 - 70px); left: calc(var(--ts-logo-width) + var(--ts-gap-large) + var(--ts-content-padding) + 60px);/* rtl */ } .header-v8 .ts-header nav > ul.menu { padding: 10px 20px; } .ts-menu nav > ul > li, nav > ul.menu > li {gap: 0 5px;} nav > ul.menu {gap: 8px 15px;} :where(.header-v4, .header-v5) .header-middle .header-left .logo-wrapper { margin-right: 0; /* rtl */ } /*** Product ***/ :is(.columns-1, .columns-1-1, .columns-2) .woocommerce .products .product-wrapper, .columns-2.has-1-sidebar .woocommerce .products .product-wrapper, .columns-2 .woocommerce .products .product-wrapper { grid-template-columns: [left] 220px [right] 1fr; gap: 10px 20px; } .columns-1.no-sidebar .woocommerce .products .product-wrapper { gap: 10px 20px; } .product-style-v2 .columns-1 .woocommerce .products .meta-wrapper .quantity { --qty-width: 90px; } .product-group-button-meta div.loop-add-to-cart a.button { min-width: 150px; } .style-icon.direction-horizontal.woocommerce .products .product .product-category-wrapper > a img { height: 24px; width: 24px; } .columns-2 .woocommerce.main-products .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .product-style-v5.woocommerce-cart .woocommerce .cart-collaterals, .product-style-v5 .woocommerce > form.checkout #order_review, .product-style-v5 .woocommerce-cart .cart-collaterals .shipping-calculator-form { border-left: 0;/* rtl */ border-top: 1px solid var(--ts-input-border); } /*** Cart/Checkout ***/ .ts-wishlist-table-wrapper, .ts-compare-table-wrapper, .ts-compare-popup, .ts-stick-compare-button { --ts-btn-font-size: calc(var(--ts-btn-font-size) - 3px); --ts-btn-padding-left: 10px; } body.woocommerce-cart .woocommerce-cart-form {margin-bottom: var(--ts-section-gap);} .product-style-v5 .woocommerce > form.checkout #customer_details, body.woocommerce-cart.product-style-v5 .woocommerce-cart-form { margin-bottom: 0; } .woocommerce table.shop_table.woocommerce-cart-form__contents .product-price, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-quantity, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-subtotal {width: 90px;} .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-stock-status {min-width: 100px;} .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-price {min-width: 110px;} .ts-wishlist-table-wrapper .wishlist-item > .product-thumbnail {width: 100px;} .woocommerce .cart-collaterals .cart_totals, .woocommerce > form.checkout #order_review{ width: 100%; padding: 40px; } .columns-2 .quantity .number-button:before, .woocommerce table.shop_table .quantity .number-button:before { bottom: calc(var(--qty-height) * 0.5 + 1px); } body.woocommerce table.cart td.actions .coupon .button, body.woocommerce table.cart td.actions .coupon .input-text, body.woocommerce table.cart td.actions .coupon input, body.woocommerce-page table.cart td.actions .coupon .button, body.woocommerce-page table.cart td.actions .coupon .input-text, body.woocommerce-page table.cart td.actions .coupon input { width: auto; } .woocommerce table.shop_table .quantity .number-button:after, .columns-2 .quantity .number-button:after { padding-top: 3px; } .woocommerce > form.checkout { flex-wrap: wrap; } .woocommerce > form.checkout #customer_details, .woocommerce > form.checkout #order_review, body.woocommerce-cart .woocommerce-cart-form, .woocommerce-cart .woocommerce .cart-collaterals { width: 100%; } .woocommerce > form.checkout #customer_details{ margin-bottom: var(--ts-section-gap); } .product-style-v6 .woocommerce > form.checkout #customer_details{ margin-bottom: 0; } .woocommerce-account .woocommerce-MyAccount-navigation { margin: 20px 0 30px; } .woocommerce-MyAccount-content > .woocommerce-notices-wrapper + p { margin-bottom: 30px; } .woocommerce table.my_account_orders td, .woocommerce table.shop_table.order_details td { padding-left: 0; /* rtl */ padding-right: 0; /* rtl */ } .woocommerce form.track_order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password { max-width: 100%; } .woocommerce-account article > .woocommerce { --ts-form-gap: 60px; } .product-style-v6.woocommerce-account article > .woocommerce, .product-style-v6 .ts-wishlist-table-wrapper, .product-style-v6 .ts-compare-table-wrapper, .product-style-v6 .ts-empty-compare-message { min-height: 300px; } .ts-fbt-form {flex-direction: column; gap: 30px;} .ts-fbt-form .submit-wrapper { width: 100%; align-items: center; border-width: 1px 0 0; border-style: solid; padding-top: 20px; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; } .product-style-v3 .ts-fbt-form .submit-wrapper { width: 100%; } .product-style-v6 .ts-fbt-form .submit-wrapper { justify-content: flex-start; text-align: start; } .woocommerce.product-style-v4 .ts-fbt-form .submit-wrapper { border: 0; padding-top: 0; } .ts-fbt-form .submit-wrapper button {margin-top: 13px;} .ts-fbt-form .submit-wrapper .total-price {margin: 0;} .ts-fbt-form .submit-wrapper > *:not(.total-price-label):not(.total-price) {width: 100%;max-width: 100%;} .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) { gap: 15px; } .ts-compare-table-wrapper > div .heading {min-width: 0;} .ts-remove-from-compare:before {font-size: 12px;} .woocommerce-account .woocommerce-MyAccount-navigation ul { gap: 0 30px; } /*** Shortcode ***/ .ts-banner.img-mobile-tablet-p .banner-bg .main-banner {display: none;} .ts-banner.img-mobile-tablet-p .banner-bg .mobile-banner {display: block;} .style-big-text.direction-horizontal .product-category-wrapper .category-name { font-size: calc(var(--ts-h1-font-size)* 1.5); } .style-big-text .product-category-wrapper .meta-btn img { max-width: 62px; max-height: 26px; } .style-big-text.direction-horizontal .product-category-wrapper {gap: 0 30px;} .style-big-text.direction-horizontal .product-category-wrapper .category-name:after { border-bottom-width: 2px; } } @media only screen and (max-width: 1500px) and (min-width: 1201px){ .columns-2:not(.no-sidebar) .product-group-button-meta div.loop-add-to-cart a.button {min-width: 0;} .columns-2:not(.no-sidebar) .woocommerce.main-products .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .columns-2:not(.no-sidebar) .woocommerce .products .product-wrapper { gap: 7px 0; } .product-style-v1 .columns-2:not(.no-sidebar) .woocommerce.main-products .products > .product:first-child + .product { padding-top: 0; border-top-width: 0; } } @media only screen and (max-width: 1200px) and (min-width: 992px){ .ts-megamenu .woocommerce .products:not(:is(.cross-sells, .up-sells, .related)):not(.swiper), .woocommerce .ts-megamenu .products:not(:is(.cross-sells, .up-sells, .related)):not(.swiper) { grid-template-columns: repeat(3, minmax(0px, 1fr)); } :is(.columns-1, .columns-1-1).no-sidebar .woocommerce .products .product-wrapper { grid-template-columns: [left] 250px [center] 1fr [right] 28%; gap: 15px 3%; } :is(.columns-1, .columns-1-1).no-sidebar.has-description-list .woocommerce .products .thumbnail-wrapper { grid-row-end: 3; } :is(.columns-1, .columns-1-1).no-sidebar .woocommerce .products .meta-wrapper:not(.meta-wrapper-2):not(.meta-wrapper-3) { grid-area: auto / center; align-self: flex-end; } :is(.columns-1, .columns-1-1).no-sidebar .woocommerce .products .meta-wrapper-2 { grid-area: auto / center; align-self: flex-start; } :is(.columns-1, .columns-1-1).no-sidebar .woocommerce .products .meta-wrapper-3 { grid-area: auto / right; grid-row-start: 1; grid-row-end: 3; align-self: center; } } @media only screen and (max-width: 1200px) and (min-width: 768px) { .ts-grouped-product-wrapper .total-wrapper { flex-direction: row; width: 100%; gap: 10px; justify-content: center; } .ts-grouped-product-wrapper .total-wrapper, .ts-grouped-product-wrapper.ts-shortcode:not(.ts-slider) .items {order: -1;} .ts-grouped-product-wrapper form.cart .button { margin-top: -10px; } .ts-banner.img-tablet .banner-bg .main-banner {display: none;} .ts-banner.img-tablet .banner-bg .mobile-banner {display: block;} :where(.product-style-v2, .product-style-v4) div.product.fbt-in-summary .ts-fbt-form .item { text-align: center; align-items: center; } :where(.product-style-v2, .product-style-v4) div.product.fbt-in-summary .ts-fbt-form .item .meta-wrapper span.price {justify-content: center;} } @media only screen and (max-width: 991px) and (min-width: 768px) { .ts-banner.img-tablet-portrait .banner-bg .main-banner {display: none;} .ts-banner.img-tablet-portrait .banner-bg .mobile-banner {display: block;} } @media only screen and (max-width: 769px) and (min-width: 767px) { .woocommerce table.shop_table_responsive tr td:before, .woocommerce-page table.shop_table_responsive tr td:before { display: none; } .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { display: block; text-align: inherit !important; } } @media screen and (max-width: 782px){ .admin-bar .ts-floating-sidebar div.overlay, .admin-bar .ts-floating-sidebar .ts-sidebar-content { top: 46px; } body .wc-block-cart .wc-block-cart__submit-container--sticky { background: #fff !important; } } @media only screen and (max-width: 768px){ .woocommerce table.shop_table_responsive.woocommerce-orders-table tr:last-child, .woocommerce-page table.shop_table_responsive.woocommerce-orders-table tr:last-child { margin-bottom: 0; } .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination { margin-top: 20px; justify-content: center; gap: 10px; } .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button--next { margin-left: 0;/* rtl */ } .woocommerce-MyAccount-content > .col2-set > .col-1 { margin-bottom: 30px; margin-top: 10px; } .woocommerce-address-fields > p:last-child {margin-bottom: 0;} .woocommerce-MyAccount-content form button[type^="submit"] {margin-top: 5px;} .woocommerce table.shop_table_responsive.woocommerce-orders-table tr > td:first-child, .woocommerce-page table.shop_table_responsive.woocommerce-orders-table tr > td:first-child { padding-top: 0; } .woocommerce table.shop_table_responsive.woocommerce-orders-table tr > td:last-child, .woocommerce-page table.shop_table_responsive.woocommerce-orders-table tr > td:last-child { padding-bottom: 0; border-width: 0; } .woocommerce .cart-collaterals table.shop_table_responsive tr.shipping td, .woocommerce-page .cart-collaterals table.shop_table_responsive tr.shipping td {text-align: start !important; /* rtl */} .woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button { width: auto; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background-color: transparent; } .woocommerce #content table.cart td.actions .coupon:after, .woocommerce #content table.cart td.actions .coupon:before, .woocommerce table.cart td.actions .coupon:after, .woocommerce table.cart td.actions .coupon:before, .woocommerce-page #content table.cart td.actions .coupon:after, .woocommerce-page #content table.cart td.actions .coupon:before, .woocommerce-page table.cart td.actions .coupon:after, .woocommerce-page table.cart td.actions .coupon:before { display: none; } .woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th { display: block; } .woocommerce .woocommerce-MyAccount-content table.shop_table tbody tr { padding: 20px; border: 1px solid var(--ts-border); border-radius: var(--ts-border-radius); margin-bottom: 10px; display: flex; flex-direction: column; gap: 15px; } .woocommerce .woocommerce-MyAccount-content table.shop_table tbody tr th, .woocommerce .woocommerce-MyAccount-content table.shop_table tbody tr td { display: flex !important; gap: 6px; padding: 0; border: 0; align-items: center; } .woocommerce .woocommerce-MyAccount-content table.shop_table tbody tr th:before, .woocommerce .woocommerce-MyAccount-content table.shop_table tbody tr td:before { content: attr(data-title) ": "; display: block !important; font-weight: var(--ts-heading-font-weight); } .woocommerce table.shop_table_responsive tr td:before, .woocommerce-page table.shop_table_responsive tr td:before { font-weight: var(--ts-heading-font-weight); } }