/* Theme Name: WikiBook Theme URI: https://demo.theme-sky.com/wikibook/ 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.7 Requires PHP: 8.0 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: wikibook */ /* I. HEADER 1. MENU 2. HEADER LAYOUT 3. HEADER CONTENT II. MAIN CONTENT 1. BREADCRUMB 2. CUSTOM WIKIBOOK III. FOOTER IV. PRODUCT DEFAULT 1. PRODUCT IMAGES 2. PRODUCT LABEL 3. PRODUCT META 4. PRODUCT GROUP BUTTONS 5. LIST CATEGORIES V. PRODUCT DETAIL VI. SHOPPING CART VII. CHECK OUT VIII. POPUP/MODAL IX. WOOCOMMERCE MESSAGE X. MY ACCOUNT XI. BLOG XII. BLOG DETAIL XIII. PAGE TEMPLATE XIV. WISHLIST/COMPARE XVI. RESPONSIVE */ /*------------------------------------------------------------------------------------------------------------------- I. ICONS ---------------------------------------------------------------------------------------------------------------------*/ .search-button.search-icon .icon:before, .my-wishlist-wrapper > a:before, .ts-wishlist-sidebar-content > label:before, .ts-tiny-account-wrapper .account-control > a:before, .shopping-cart-wrapper .cart-control .ic-cart:before, .ts-mobile-icon-toggle .icon:before, .icon-menu-sticky-header .icon:before, .ts-menu-drop-icon:after, .icon-toggle:before, .ts-header .hotline > a:before, .gridlist-toggle > span:before, .threesixty .nav_bar a:before, .ts-compare-table-wrapper .product-description ul li: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:before, .ts-shop-load-more .button:before, .search-no-results-wrapper:before, .index-template #primary > .alert:before, .more-less-buttons a:after, #to-top a:before, .ts-fbt-form .items .item:after, .ts-fbt-form .plus:before, .ts-fbt-form .item > label:after, .search-button.search-icon .icon.active:before, .ts-store-notice .close:before, .ts-floating-sidebar .close:after, .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, #ts-filter-widget-area .close:after, .woocommerce .form-content a.remove:after, .ts-sidebar > .close:before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before, #dokan-store-listing-filter-wrap .right .toggle-view > span:before, .dokan-store-list-filter-button:before, .filter-widget-area-button > a:before, .wcml_currency_switcher > a:after, .wpml-ls-legacy-dropdown > ul > li > a:after, .wpml-ls-legacy-dropdown-click > ul > li > a:after, .single-navigation > a:before, .swiper-button-next:after, .swiper-button-prev:after, div.product .single-navigation > a > span:before, .product-per-page-form ul.perpage .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, #group-icon-header .tab-mobile-menu li#main-menu:before, #group-icon-header .no-tab .menu-title span: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, .woocommerce form.cart .single_add_to_cart_button:after, .ts-wishlist-table-wrapper .product-add-to-cart a:after, .ts-compare-table-wrapper .product-add-to-cart a:after, div.woocommerce-product-gallery .flex-direction-nav .flex-prev:after, div.woocommerce-product-gallery .flex-direction-nav .flex-next:after, .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before, .woocommerce .widget_price_filter .price_slider_amount .price_label > span:first-child:after, .product-on-sale-form > label:after, 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, .column-tabs .list-categories ul.tabs li:before, .ts-instagram-wrapper .item > a:after, .brn_arrow:before, .comment-count:before, .single-navigation > a:before, .button.button-readmore:after, .quantity .number-button:before, .quantity .number-button:after, .dialog-lightbox-close-button .eicon-close { font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, div.woocommerce-product-gallery .flex-direction-nav .flex-prev:after, div.product .single-navigation > a[rel="prev"] > span:before {content: "\e902"} .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, div.woocommerce-product-gallery .flex-direction-nav .flex-next:after, div.product .single-navigation > a[rel="next"] > span:before {content: "\e905"} .ts-tiny-account-wrapper .account-control > a:before {content: "\e960"} .shopping-cart-wrapper .cart-control .ic-cart:before {content: "\e934"} .my-wishlist-wrapper > a:before, .ts-wishlist-sidebar-content > label:before {content: "\e947"} .ts-header .hotline > a:before { content: "\e950"; font-size: 1.5em; } .ts-header .hotline > a { display: inline-flex; align-items: center; gap: 5px; } .ts-header .hotline {line-height: 1;align-self: center;} .ts-header .hotline > a > span:last-child {font-weight: 600;} .ts-header .header-middle .hotline > a > span:last-child {color: var(--ts-primary-color);} .gridlist-toggle > span:hover {cursor: pointer;} .gridlist-toggle > span { display: inline-block; line-height: 1; } #dokan-store-listing-filter-wrap .right .toggle-view > span:before, .gridlist-toggle > span:before {content: "\e946"; font-size: 22px; line-height: 1;} #dokan-store-listing-filter-wrap .right .toggle-view > span[data-view="list-view"]:before, .gridlist-toggle > span.list:before {content: "\e94b"} .dokan-store-list-filter-button:before, .filter-widget-area-button > a:before {content: "\e944";} .filter-widget-area-button.active > a:before {content: "\e93a"} #group-icon-header .tab-mobile-menu li#main-menu:before, #group-icon-header .no-tab .menu-title span:before, .icon-menu-sticky-header .icon:before, .ts-mobile-icon-toggle .icon:before {content: "\e957"} .icon-menu-sticky-header .icon.active:before {content: "\e93a"} #group-icon-header .header-language .wpml-ls-legacy-dropdown > ul > li > a:after, #group-icon-header .header-language .wpml-ls-legacy-dropdown-click > ul > li > a:after, #group-icon-header .header-currency .wcml_currency_switcher > a:after { font-size: 14px; } #group-icon-header .wpml-ls-legacy-list-horizontal {margin: 5px 0;} #group-icon-header .wpml-ls-legacy-list-horizontal > ul {gap: 10px;} #group-icon-header { display: none; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; } #to-top a {transform: rotate(-90deg);} #to-top a:before {content: '\e905';} .icon-toggle:before, .mobile-menu-wrapper li .ts-menu-drop-icon:after, .product .woocommerce-Tabs-panel > h2:after, .product .woocommerce-Tabs-panel #reviews > h2:after {content: "\e956"} li.cat-parent.active > .icon-toggle:before, .product .woocommerce-Tabs-panel > h2.active:after, .product .woocommerce-Tabs-panel #reviews > h2.active:after {content: "\e94d"} .brn_arrow:before {content: "\e932";} .mobile-menu-wrapper li.active .ts-menu-drop-icon.active:after {content: "\e931";} .ts-sidebar > .close:before, #ts-filter-widget-area .close:after, .woocommerce .form-content a.remove:after, .ts-store-notice .close:before, .summary .woocommerce-tabs .panel .close:before, .search-button.search-icon .icon.active:before, .ts-floating-sidebar .close:after, .ts-popup-modal .close:after, .wishlist-out-of-stock:before, .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, .woocommerce .widget_layered_nav_filters ul li a:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before {content: "\e93a";} .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before { color: inherit; line-height: inherit; font-size: 0.9em; } .woocommerce .widget_layered_nav_filters ul li a:before {display: none;} .woocommerce .widget_layered_nav_filters ul li a:after { content: "\e93a"; font-size: 9px; line-height: 1; color: inherit; display: inline-block; vertical-align: 1px; margin-left: 5px; /* rtl */ } .woocommerce .widget_layered_nav_filters ul li a:hover { background: var(--ts-primary-color); color: var(--ts-text-in-primary-color); } .ts-menu-drop-icon:after, .more-less-buttons a: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 ul.perpage .perpage-current:after, .woocommerce .woocommerce-ordering .orderby-current:after, body .select2-container--default .select2-selection--single .select2-selection__arrow b:before {content: "\e930";} ul.sub-menu .ts-menu-drop-icon:after {content: "\e932";} .more-less-buttons a.less-button:after {content: "\e933";} .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before {content: "\e942"} .ts-menu-drop-icon.active:after, .group-button-header .header-language .wpml-ls-legacy-dropdown > ul > li > a:after, .group-button-header .header-language .wpml-ls-legacy-dropdown-click > ul > li > a:after, .group-button-header .header-currency .wcml_currency_switcher > a:after, body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {content: "\e933"} .comment-count:before { content: "\e93b"; } span.comment-count{ display: inline-flex; align-items: center; gap: 5px; } .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: "\e959"} .wishlist-in-stock:before, .product-on-sale-form > label:after {content: "\e938"} /*** Group product icon ***/ .product-group-button > div.quickshop a:before {content: "\e959"} a.ts-add-to-wishlist:before, .product-group-button > div.wishlist a:before {content: "\e947"} a.ts-add-to-wishlist.added:before, .product-group-button > div.wishlist a.added:before {content: "\e948"} a.ts-add-to-compare:before, .product-group-button > div.compare a:before { content: "\e93d"} a.ts-add-to-compare.added:before, .product-group-button > div.compare a.added:before, .product-group-button div.loop-add-to-cart a.added:before {content: "\e943";} #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: "\e95e"; display: inline-block; float: left;/* rtl */ margin: 0 10px 0 0;/* rtl */ font-size: calc(1em + 5px); } .ts-product-360-button:before, .ts-product-video-button:before { content: "\e954"; display: inline-block; } .ts-product-360-button:before {content: "\e962"} .threesixty .nav_bar a:before {content: "\e954"} .threesixty .nav_bar a.nav_bar_stop:before {content: "\e967"} .threesixty .nav_bar a.nav_bar_previous:before {content: "\e955"} .threesixty .nav_bar a.nav_bar_next:before {content: "\e953"} .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before {content: "\e94f";} .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before {content: "\e941";} .ts-instagram-wrapper .item > a:after {content: "\e913";} .ts-header nav > ul.menu li[class*="fa-"]:before, .mobile-menu-wrapper nav > ul 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, .ts-header nav > ul.menu li.fas:before, .mobile-menu-wrapper nav > ul li.fas:before {font-weight: 900;} .widget_nav_menu li.fab:before, .ts-header nav > ul.menu li.fab:before, .mobile-menu-wrapper nav > ul 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: 100%; height: 20px; top: 0; right: 0;/* rtl */ line-height: 20px; cursor: pointer; color: var(--ts-text-color); text-decoration: none; text-align: end; text-indent: 0; letter-spacing: 0; z-index: 8; display: none; } .widget-title-wrapper a.block-control:after { content: "\e956"; height: 20px; font-size: 11px; line-height: 20px; display: inline-block; transition: 200ms ease; } .widget-title-wrapper a.block-control.active:after {content: "\e94d";} /*------------------------------------------------------------------------------------------------------------------- LOADING ---------------------------------------------------------------------------------------------------------------------*/ .images.loading:after, :where(.ts-gallery-wrapper,.ts-product-brand-wrapper).loading:after, .swiper-lazy-preloader, body:not(.elementor-editor-active) .elementor-section.loading:before, .ts-product .content-wrapper.loading:after, .ts-instagram-wrapper.loading:after, .related-posts.loading .content-wrapper:after, .woocommerce .product figure.loading:after, .ts-products-widget-wrapper.loading:after, .blogs article a.gallery.loading:after, .ts-blogs-widget-wrapper.loading:after, .ts-blogs-wrapper.loading .content-wrapper:after, .ts-recent-comments-widget-wrapper.loading: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, .ts-frequently-bought-together.loading .ts-fbt-form:after, .thumbnails-container.loading:after, .column-products.loading:after, .ts-team-members .loading:after, .ts-product-author-wrapper .items.loading:after, .ts-products-widget-wrapper.loading:after, .ts-blogs-widget-wrapper.loading:after, .ts-recent-comments-widget-wrapper.loading:after, .ts-popup-modal.loading .overlay:before, .load-more-wrapper .load-more.loading:before, .woocommerce a.button.loading:before, .woocommerce button.button.loading:before, .woocommerce input.button.loading:before, div.blockUI.blockOverlay:after, .woocommerce div.blockUI.blockOverlay:after, .dropdown-container ul.cart_list li.loading:after, .elementor-widget-wp-widget-woocommerce_widget_cart div.blockUI.blockOverlay:after, .wpcf7-spinner:after, .footer-container.loading:after, .mailchimp-subscription .processing button.button:before, .search-table .search-button:after, .ts-wishlist-table-wrapper.loading:after, .product-specifications-wrapper .button-in a.loading:after, :where(.ts-compare-table-wrapper,.ts-wishlist-table-wrapper) .product-add-to-cart a.loading:before, .woocommerce form.cart .single_add_to_cart_button.loading:before, .button.add_to_cart_button.loading:before, #ts-wishlist-sidebar.loading .wishlist-list:after, #ts-wishlist-sidebar.loading .ts-wishlist-sidebar-content > label:after, .ts-compare-popup.loading:after, .woocommerce div.product form.cart .button-in > a.loading:before, .product-group-button > div a.loading:after, .woocommerce .product-group-button > div a.loading:after { content: ""; width: var(--loading-size); height: var(--loading-size); border: 2px solid rgba(155,155,155,.3); border-top-color: currentColor; border-radius: 50%; text-align: center; display: inline-block; position: absolute; top: 50%; left: 50%;/* rtl */ margin-top: calc(var(--loading-size) * -0.5); margin-left: calc(var(--loading-size) * -0.5);/* rtl */ -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; background: transparent !important; z-index: 9; } .woocommerce div.product form.cart .button-in > a.loading, .woocommerce div.product form.cart .button-in > a.loading:hover { color: transparent; border-color: var(--ts-text-color); background: var(--ts-main-bg); } .woocommerce div.product form.cart .button-in > a.loading:before { border-top-color: var(--ts-text-color); } .woocommerce #respond input#submit.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading { opacity: 1; position: relative; } .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after { left: auto; right: auto; vertical-align: middle; animation: none !important; } .dropdown-container ul.cart_list div.blockUI.blockOverlay:after, .woocommerce ul.cart_list div.blockUI.blockOverlay:after, .dropdown-container ul.cart_list li.loading:after, .elementor-widget-wp-widget-woocommerce_widget_cart div.blockUI.blockOverlay:after { --loading-size: 24px; } .load-more-wrapper .button.load-more.loading, .button.add_to_cart_button.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading { --loading-size: 14px; position: relative; } .woocommerce div.product form.cart .button-in > a.loading { --loading-size: 16px; } .product-specifications-wrapper .button-in a.loading, .product-group-button > div a.loading { --loading-size: 12px; color: transparent !important; background-color: var(--ts-btn-thumbnail-hover-bg); border-color: var(--ts-btn-thumbnail-hover-border); } .product-group-button > div a.loading:after, .woocommerce .product-group-button > div a.loading:after { border-top-color: var(--ts-btn-thumbnail-hover-color); border-width: 1px; } .product-specifications-wrapper .button-in a.loading:after { border-top-color: var(--ts-btn-thumbnail-hover-color); } .product-specifications-wrapper .button-in a.loading { --loading-size: 14px; position: relative; } .mailchimp-subscription .processing button.button:before, .search-table .loading ~.search-button:after, .search-table .loading .search-button:after, .product-group-button > div a.loading:after, .woocommerce .product-group-button > div a.loading:after { opacity: 1; visibility: visible; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite } .button.add_to_cart_button.loading, .ts-wishlist-table-wrapper .product-add-to-cart a.loading, .ts-compare-table-wrapper .product-add-to-cart a.loading, .woocommerce div.product .summary form.cart .single_add_to_cart_button.loading { color: transparent; } .ts-wishlist-table-wrapper .product-add-to-cart a:not(.loading):after, .ts-compare-table-wrapper .product-add-to-cart a:not(.loading):after { display: none; } .footer-container.loading{position: relative;} .footer-container.loading:before{opacity: 1;} .ts-tiny-cart-wrapper li div.blockUI.blockOverlay:after { z-index: 4; } #ts-wishlist-sidebar, .ts-wishlist-table-wrapper.loading, .ts-compare-popup.loading {--loading-size: 30px;} .mailchimp-subscription .processing button.button { --loading-size: 16px; } #ts-wishlist-sidebar.loading .ts-wishlist-sidebar-content > label:after, #ts-wishlist-sidebar.loading .wishlist-list:after { z-index: 1000; } #ts-wishlist-sidebar.loading .ts-wishlist-sidebar-content > label:before, #ts-wishlist-sidebar.loading .wishlist-list:before { content: ''; background-color: var(--ts-dropdown-bg); position: absolute; inset: 0; opacity: 0.9; z-index: 999; } .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading, .button.add_to_cart_button.loading, .group-price-add-to-cart a.button.loading, .woocommerce .group-price-add-to-cart a.button.loading { border-color: var(--ts-btn-border) !important; color: transparent !important; background: var(--ts-btn-bg) !important; } .woocommerce a.button.loading:before, .woocommerce button.button.loading:before, .woocommerce input.button.loading:before, .button.add_to_cart_button.loading:before, .woocommerce form.cart .single_add_to_cart_button.loading:before, .mailchimp-subscription .processing button.button:before { border-top-color: var(--ts-btn-color); } :is(.cross-sells,.up-sells,.related) .group-price-add-to-cart a.button.loading, .woocommerce :is(.cross-sells,.up-sells,.related) .group-price-add-to-cart a.button.loading, .grid .group-price-add-to-cart a.button.loading, .woocommerce.grid .group-price-add-to-cart a.button.loading { border-color: var(--ts-btn-hover-border) !important; background: var(--ts-btn-hover-bg) !important; } :is(.cross-sells,.up-sells,.related) .group-price-add-to-cart a.button.loading:before, .woocommerce :is(.cross-sells,.up-sells,.related) .group-price-add-to-cart a.button.loading:before, .grid .group-price-add-to-cart a.button.loading:before, .woocommerce.grid .group-price-add-to-cart a.button.loading:before { border-top-color: var(--ts-btn-hover-color); } .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-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, :where(.ts-gallery-wrapper,.ts-product-brand-wrapper).loading, .thumbnails-container.loading, .column-products.loading, .ts-team-members .loading, .ts-product-author-wrapper .items.loading, .ts-popup-modal.loading .overlay, .footer-container.loading { --loading-size: 30px; } 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-main-bg) } .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-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, :where(.ts-gallery-wrapper,.ts-product-brand-wrapper).loading, body:not(.elementor-editor-active) .elementor-section.loading, .thumbnails-container.loading, .column-products.loading, .ts-product-author-wrapper .items.loading, .ts-team-members .loading { position: relative; overflow: hidden; background: transparent !important; border-color: transparent } .images > *, .ts-product:not(.ts-slider) .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 > *, .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 > *, :where(.ts-gallery-wrapper,.ts-product-brand-wrapper).loading > *, body:not(.elementor-editor-active) .elementor-section.loading > *, .thumbnails-container.loading > *, .column-products.loading > *, .ts-product-author-wrapper .items.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: 364px;} .ts-product-category-wrapper.ts-slider .content-wrapper.loading {height: 136px;} .ts-product-author-wrapper .items.loading, .ts-team-members .loading {height: 350px;} .ts-blogs.loading .content-wrapper, .related-posts.loading .content-wrapper, .ts-instagram-wrapper.loading, .ts-testimonial-wrapper .items.loading {height: 500px} .ts-products-widget-wrapper.loading, .ts-recent-comments-widget-wrapper.loading, .ts-blogs-widget-wrapper.loading {height: 200px;} /*------------------------------------------------------------------------------------------------------------------- I. HEADER ---------------------------------------------------------------------------------------------------------------------*/ header .logo img {transition: 350ms ease 0s;} header .logo-header a {padding: 0;} header .logo img, .widget-container.ts-social-icons .normal-logo { width: var(--ts-logo-width, 140px); } .ts-store-notice { text-align: center; padding: 11px 0; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; font-size: var(--ts-text-small); line-height: 16px; background-color: var(--ts-notice-bg); color: var(--ts-notice-color); border-bottom: 1px solid var(--ts-notice-border); } :is(.ts-store-notice, .header-notice, .hotline) { letter-spacing: 0.02em; } :is(.ts-store-notice, .header-notice) strong {font-weight: 500;} .ts-store-notice a, .ts-header .header-notice a { text-decoration: underline; text-underline-offset: 3px; color: inherit !important; } .ts-store-notice a:hover, .ts-header .header-notice a:hover { text-decoration: none; } .ts-store-notice .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0 20px; } .ts-store-notice .close { position: absolute; right: 10px;/* rtl */ width: 20px; font-size: calc(1rem - 2px); line-height: 16px; top: 50%; transform: translateY(-50%); text-align: center; display: inline-block; transition: 200ms ease; } .ts-store-notice .close:hover { color: var(--ts-primary-color); } /*-------------------------------------------------------- 1. MENU ---------------------------------------------------------*/ .ts-menu nav > ul,nav > ul.menu,nav > ul.menu > ul {padding: 0;margin: 0;} 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 > li:hover {z-index: 993;} .header-top nav > ul > li:hover > a, .header-top nav > ul > li:hover > .ts-menu-drop-icon, .ts-header .header-top a:not(.button):hover {color: var(--ts-hd-top-link-hover);} .header-middle nav > ul > li:hover > a, .header-middle nav > ul > li:hover > .ts-menu-drop-icon, .ts-header .header-middle a:not(.button):hover {color: var(--ts-hd-middle-link-hover);} .header-bottom nav > ul > li:hover > a, .header-bottom nav > ul > li:hover > .ts-menu-drop-icon, .ts-header .header-bottom a:not(.button):hover {color: var(--ts-hd-bottom-link-hover);} nav > ul > li > a, .ts-header a {color: inherit;text-decoration: none;} .ts-header .ts-menu nav > ul, .ts-header nav > ul.menu { display: flex; flex-wrap: wrap; gap: 0 30px; } .ts-menu nav > ul > li, nav > ul.menu > li { list-style: none; position: relative; padding: 0; display: inline-flex; align-items: center; cursor: pointer; z-index: 9; } .ts-menu nav > ul > li > a, 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); text-transform: var(--ts-menu-transform); } .ts-header nav > ul.menu li.menu-item-has-children:not(.ts-normal-menu):not(.ts-megamenu) > a:after { content: "\e930"; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; font-size: calc(1em - 2px); padding-left: 5px;/* rtl */ display: inline-block; } .ts-header nav > ul.menu ul.sub-menu li.menu-item-has-children:not(.ts-normal-menu):not(.ts-megamenu) > a { width: 100%; display: inline-flex; justify-content: space-between; } .ts-header nav > ul.menu ul.sub-menu li.menu-item-has-children:not(.ts-normal-menu):not(.ts-megamenu) > a:after {content: "\e932";} .ts-menu nav > ul > li > a, nav > ul.menu > li > a { line-height: 20px; } .ts-menu nav > ul > li > a, nav > ul.menu > li > a { position: relative; display: inline-block; text-decoration: none; } nav > ul.menu li a.has-icon .menu-icon, nav > ul.menu li:before { display: inline-block; vertical-align: middle; font-size: 1.4em; } 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; } nav > ul.menu li .menu-desc { text-transform: none; margin-top: 5px; } .menu-sub-label { position: absolute; right: -23px; /* rtl */ top: -14px; 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; } .sub-menu .menu-sub-label { left: 0; /* rtl */ right: auto; /* rtl */ top: -16px; } .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; } .ts-header nav > ul > li > a {position: relative;} .ts-header nav > ul > li > a:before { content: ''; position: absolute; bottom: 0; height: 1px; background: currentColor; left: 0; right: 0; transform: scale(0,1); transform-origin: left center;/* rtl */ transition: 150ms ease; } .ts-header nav > ul > li:hover > a:before, .ts-header nav > ul > li[class*="current-"] > a:before { transform: scale(1,1); } .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); } /*** 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; } .ts-header nav > ul.menu li .ts-megamenu-widgets-container > ul { padding: 0; margin: 0; width: auto; } .ts-menu-drop-icon { margin: 0; display: inline-block; letter-spacing: 0; } .ts-header .ts-menu .ts-menu-drop-icon { font-size: calc(1em - 2px); padding-left: 5px; /* rtl */ } .ts-menu-drop-icon:hover {cursor: pointer;} nav.main-menu > ul.menu li.parent > a:after { font-size: 14px; display: inline-block; vertical-align: -2px; } nav.main-menu ul.menu .sub-menu > li { display: block; position: relative; z-index: 2; } nav.main-menu > ul.menu .sub-menu li.parent > a:after { margin-left: 0; /* rtl */ position: absolute; right: 0; /* rtl */ display: none; } nav.main-menu > 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; line-height: inherit; top: 7px; } nav.main-menu > ul.menu .sub-menu > li.parent:first-child > .ts-menu-drop-icon { top: 0; } .ts-header .ts-menu > nav > ul.menu li:not(.ts-mega-menu) .sub-menu > li.parent { padding-right: 20px;/* rtl */ } .ts-header nav > ul.menu li ul.sub-menu, .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: calc(var(--hd-padding-vertical) + var(--dropdown-padding)) var(--dropdown-padding) var(--dropdown-padding) var(--dropdown-padding); } .ts-header nav > ul.menu li.ts-megamenu ul.sub-menu { width: auto; min-width: 200px; padding: var(--hd-padding-vertical) 0 0 0; } .ts-header nav > ul.menu li ul.sub-menu a:hover, .shopping-cart-wrapper .dropdown-container a:not(.button):hover, .my-account-wrapper .dropdown-container a:not(.button):hover, 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-primary-color); } .ts-header nav > ul.menu li ul.sub-menu:after, .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: var(--hd-padding-vertical); bottom: 0; display: block !important; z-index: -1; background-color: var(--ts-dropdown-bg); border: 1px solid var(--ts-border); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); } .ts-header nav > ul.menu li ul.sub-menu { width: 230px; left: 50%;/* rtl */ transform: translateX(-50%);/* rtl */ margin: 0; display: none; } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu .sub-menu { width: calc(230px + var(--dropdown-padding)); top: calc(var(--dropdown-padding) * -1); left: 100%; /* rtl */ padding: var(--dropdown-padding) var(--dropdown-padding) var(--dropdown-padding) calc(var(--dropdown-padding) * 2); /* rtl */ } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu .sub-menu:after { top: 0; left: var(--dropdown-padding);/* rtl */ } .ts-header nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu { left: 0; transform: none; } .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; } .ts-header nav > ul.menu li:not(.ts-megamenu) > ul.sub-menu { flex-direction: column; gap: 14px 0; } .ts-header nav > ul.menu li:not(.ts-megamenu):hover > ul.sub-menu { display: flex; } .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: inherit; } .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); } /*-------------------------------------------------------- 2. HEADER LAYOUT ---------------------------------------------------------*/ .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 { background-color: var(--ts-hd-top-bg); color: var(--ts-hd-top-color); font-size: var(--ts-text-small); line-height: 20px; } .header-middle { background-color: var(--ts-hd-middle-bg); color: var(--ts-hd-middle-color); border-color: var(--ts-hd-middle-border); border-width: 0 0 1px; border-style: solid; --hd-padding-vertical: 15px; } .header-bottom { background-color: var(--ts-hd-bottom-bg); color: var(--ts-hd-bottom-color); border-color: var(--ts-hd-bottom-border); border-width: 0 0 1px; border-style: solid; --hd-padding-vertical: 12px; } .header-v2 .header-top, .header-v3 .header-bottom { background-color: var(--ts-hd-middle-bg); color: var(--ts-hd-middle-color); } .header-v3 .is-sticky .header-bottom > .container { padding-top: 0; } .header-v4 .header-top {display: none;} .header-v3 .header-middle {border: 0;} :where(.header-top,.header-middle,.header-bottom) > .container { display: flex; gap: 0 30px; position: relative; padding-top: var(--hd-padding-vertical); padding-bottom: var(--hd-padding-vertical); } .header-bottom > .container {justify-content: center;} .ts-header .container :where(.header-left, .header-right) > *, .ts-header .container :where(.header-language,.header-currency), .ts-header .container .my-wishlist-wrapper .tini-wishlist, .ts-header .container .my-account-wrapper :where(.ts-tiny-account-wrapper,.account-control,.account-control>a), .ts-header .container .shopping-cart-wrapper :where(.ts-tiny-cart-wrapper,.cart-icon,.cart-icon>a), .ts-header .container .menu-wrapper :where(.ts-menu,nav,nav>ul){height: 100%;} .ts-header :where(.header-left, .header-right) { display: flex; align-items: center; gap: 0 20px; } .header-v2 .header-top > .container { --hd-padding-vertical: 5px; padding-top: 11px; } .header-v2 .header-middle :where(.hotline, .header-right) { width: 400px; flex-shrink: 0; } .header-v2 .header-middle .logo-wrapper { flex: 1; text-align: center; } .ts-header .header-right { justify-content: flex-end; margin-left: auto;/* rtl */ flex-shrink: 0; } .ts-header .header-top .header-right > *:not(:last-child) { position: relative; padding-right: 20px;/* rtl */ } .ts-header .header-top .header-right > *:not(:last-child):after { content: ''; width: 1px; height: 14px; background: currentColor; position: absolute; top: 50%; right: 0;/* rtl */ transform: translateY(-50%); opacity: 0.2; } .header-notice { display: flex; flex-wrap: wrap; align-items: center; gap: 0 20px; } .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.5); 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; } /*** Fix Header Sticky ***/ .header-sticky { position: relative; width: 100%; 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, 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; } .icon-menu-sticky-header { box-sizing: content-box; text-align: center; cursor: pointer; display: none; min-width: 22px; text-align: right;/* rtl */ } .icon-menu-sticky-header .icon { height: 100%; display: inline-flex; align-items: center; line-height: 0; padding: 0; transition: 350ms ease; cursor: pointer; letter-spacing: 0; min-width: 16px; } .is-sticky .icon-menu-sticky-header { display: inline-block; } /*-------------------------------------------------------- 3. HEADER CONTENT ---------------------------------------------------------*/ .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;} /*** Header Language/Currency ***/ .header-language-currency { display: flex; flex-wrap: wrap; align-items: center; gap: 0 13px; } .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.menu > li, .ts-header .header-top nav > ul > li {font-size: inherit;font-weight: inherit;} .ts-header .header-top nav > ul.menu > li > a, .ts-header .header-top nav > ul > li > a { padding: 0; font-weight: inherit; font-size: inherit; font-family: inherit; } .ts-header .my-wishlist-wrapper, .ts-header .shopping-cart-wrapper .cart-icon {line-height: 0;} .ts-header .dropdown-container {text-transform: none;} /*** Social ***/ .social-icons ul li { list-style: none; position: relative; margin: 0; padding: 0; position: relative; } .social-icons ul { gap: 4px 18px; 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%; } /*** Cart/Myaccount/Wishlist ***/ .shopping-cart-wrapper .cart-icon { position: relative; } .icon-menu-sticky-header .icon:before, .ts-mobile-icon-toggle .icon:before, .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: 18px; line-height: 1; transition: color 150ms ease; } .header-top .my-wishlist-wrapper:hover .tini-wishlist:before { color: var(--ts-hd-top-link-hover); } .header-middle .icon-menu-sticky-header:hover .icon:before, .header-middle .ts-mobile-icon-toggle:hover .icon:before, .header-middle .search-button.search-icon:hover .icon:before, .header-middle .my-wishlist-wrapper:hover .tini-wishlist:before, .header-middle .shopping-cart-wrapper:hover .cart-control .ic-cart:before, .header-middle .ts-tiny-account-wrapper:hover .account-control > a:before { color: var(--ts-hd-middle-link-hover); } .shopping-cart-wrapper .cart-control .ic-cart { display: inline-block; line-height: 0; } .my-account-wrapper .account-control > a, .my-wishlist-wrapper .tini-wishlist, .shopping-cart-wrapper .cart-control { display: flex; align-items: center; cursor: pointer; position: relative; gap: 0 6px; line-height: 1; letter-spacing: 0; } .my-wishlist-wrapper .tini-wishlist .title {display: none;} .my-wishlist-wrapper .tini-wishlist .count-number, .shopping-cart-wrapper .cart-control .cart-number { width: 14px; height: 14px; font-size: 9px; line-height: 14px; text-align: center; letter-spacing: 0; position: absolute; right: -6px;/* rtl */ top: calc(50% - 15px); background: var(--ts-cart-count-bg); color: var(--ts-cart-count-color); overflow: hidden; } .shopping-cart-wrapper .cart-control .cart-number { left: 14px;/* rtl */ right: auto;/* rtl */ } .shopping-cart-wrapper .cart-control .cart-total, .my-account-wrapper .account-control > a span {display: none;} .header-top .my-wishlist-wrapper .tini-wishlist .title, .header-top .my-account-wrapper .account-control > a span {display: inline-block;} .header-top .my-wishlist-wrapper .tini-wishlist .count-number:before { content: '('; display: inline-block; } .header-top .my-wishlist-wrapper .tini-wishlist .count-number:after { content: ')'; display: inline-block; } .header-top .my-wishlist-wrapper .tini-wishlist .count-number, .header-top .shopping-cart-wrapper .cart-control .cart-number { position: static; background: transparent; color: inherit; font-size: inherit; line-height: inherit; width: auto; height: auto; text-align: inherit; } .header-top .my-wishlist-wrapper .tini-wishlist:before {font-size: 15px;} .header-top .ts-tiny-account-wrapper .account-control > a:before {font-size: 16px;} /*** Search Header ***/ .search-table .loading .search-button:before, .search-table .search-button:after {opacity: 0; visibility: hidden;} .search-table .loading .search-button:after {opacity: 1; visibility: visible;} .icon-menu-sticky-header {order: 100;} .search-button.search-icon .icon { display: inline-flex; line-height: 0; align-items: center; height: 100%; } .search-button.search-icon .icon:hover { cursor: pointer; } /*** 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; } /*** Header Dropdown ***/ .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 { width: 126px; left: 0; margin-left: calc(var(--dropdown-padding) * -1); /* rtl */ } .ts-header :where(.header-top, .header-middle, .header-bottom) .dropdown-container a:not(.button):hover, .ts-header :where(.header-top, .header-middle, .header-bottom) .wcml_currency_switcher > ul a:hover, .ts-header :where(.header-top, .header-middle, .header-bottom) :where(.wpml-ls-legacy-dropdown, .wpml-ls-legacy-dropdown-click) ul.wpml-ls-sub-menu a:hover { color: var(--ts-primary-color); } .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; } :where(.header-language,.header-currency) { display: flex; flex-direction: column; justify-content: center; } .shopping-cart-wrapper, .my-account-wrapper, .header-language, .header-currency {position: relative;cursor: pointer;} .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; } .header-right .header-language-currency:last-child .header-currency:last-child .wcml_currency_switcher > ul, .header-right .header-language-currency:last-child .header-language:last-child .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-right .header-language-currency:last-child .header-language:last-child .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { left: auto; right: 0; margin-left: 0; /* rtl */ } .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: 996;} .shopping-cart-wrapper .dropdown-container { width: 390px; } .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; } .dropdown-container .cart-content { display: flex; flex-direction: column; gap: 20px; } 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: 50px; display: inline-block; line-height: 1; opacity: 0.15; } .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 { text-transform: none; padding: 30px 0; margin: 0; position: relative; z-index: 2; font-size: var(--ts-h5-font-size); line-height: var(--ts-h5-line-height); } .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;} .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: 338px; position: relative; display: flex; flex-direction: column; gap: 20px; } 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; } .cart_list .cart-item-wrapper .product-name {margin: 0;} .ts-tiny-cart-wrapper .cart_list li { gap: 20px; } .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper, .woocommerce .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper { flex: 1; display: flex; flex-direction: column; gap: 4px; position: relative; } .woocommerce ul.cart_list li a.remove { position: absolute; bottom: 0; right: 0;/* rtl */ padding: 0 5px 0 0;/* rtl */ font-size: 0; width: 36px; height: 36px; justify-content: flex-end; align-items: flex-end; color: inherit !important; background: transparent !important; } .woocommerce ul.cart_list .quantity { width: 84px; margin: 10px 0 0; } .woocommerce ul.cart_list .quantity .minus, .woocommerce ul.cart_list .quantity .plus, .woocommerce ul.cart_list .quantity .number-button:before, .woocommerce ul.cart_list .quantity .number-button:after { width: 30px; } .woocommerce ul.cart_list li a.remove:after { font-size: 13px; line-height: 36px; } .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 { margin: 0; position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; font-size: 1em; gap: 5px; font-weight: 500; border-top: 0; text-transform: uppercase; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { padding: 20px 0; } .woocommerce .widget_shopping_cart .total strong, .woocommerce.widget_shopping_cart .total strong { text-transform: uppercase; font-weight: inherit; color: var(--ts-text-color); } .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{ margin-left: auto;/* rtl */ color: var(--ts-primary-color); } .woocommerce .widget_shopping_cart .buttons, .woocommerce.widget_shopping_cart .buttons { display: flex; flex-direction: column; gap: 10px; } .woocommerce .widget_shopping_cart .buttons::after, .woocommerce .widget_shopping_cart .buttons::before, .woocommerce.widget_shopping_cart .buttons::after, .woocommerce.widget_shopping_cart .buttons::before {display: none;} .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a {margin: 0;} .woocommerce .widget_shopping_cart .buttons a.checkout, .woocommerce.widget_shopping_cart .buttons a.checkout {order: -1;} .dropdown-footer .cart-items {color: var(--ts-gray-color);} .dropdown-footer .buttons {display: flex;gap: 10px;flex-direction: column;} .dropdown-footer .buttons > * {flex: 1;} .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; } .dropdown-container .dropdown-footer {margin: 0;} .dropdown-container .form-content .buttons {margin-top: 20px;} .cart-empty .ts-free-shipping-message-bar { margin-top: 23px; padding-top: 20px; border-top: 1px solid var(--ts-border); } .cart-empty .ts-free-shipping-message-bar .message {justify-content: center;} .cart-empty .buttons .button {width: 100%;display: inline-block;} /***/ .ts-free-shipping-message-bar { display: flex; flex-direction: column-reverse; text-align: center; gap: 10px; font-size: calc(1rem - 1px); line-height: 18px; } .ts-free-shipping-message-bar .progress-bar { display: block; width: 100%; height: 8px; position: relative; overflow: hidden; } .ts-free-shipping-message-bar .progress-bar:before { content: ''; position: absolute; inset: 0; background-color: var(--ts-primary-color); opacity: 0.1; } .ts-free-shipping-message-bar .progress-bar > span { display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; /* rtl */ background-color: var(--ts-primary-color); } .ts-free-shipping-message-bar.success .progress-bar > span { background-color: var(--ts-primary-color); } .ts-free-shipping-message-bar .message .amount { font-weight: 500; color: var(--ts-primary-color); } .ts-tiny-account-wrapper .dropdown-container .form-content > form { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; } :is(.login-username, .login-password) label {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%; order: 10;} .logged-in .my-account-wrapper .dropdown-container { width: 210px; margin-left: -105px; /* 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: 14px; } .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 { color: var(--ts-light-gray-color); padding-top: 13px; border-top: 1px solid var(--ts-border); } .logged-in .my-account-wrapper .dropdown-container a { text-decoration: none; } .logged-in .my-account-wrapper .dropdown-container li.link-bottom a { display: inline-block; position: relative; } .logged-in .my-account-wrapper .dropdown-container li.link-bottom a:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1px solid; transform-origin: center left; transition: 150ms ease; } .logged-in .my-account-wrapper .dropdown-container li.link-bottom a:hover:before { transform: scale(0,1); } .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: -86px; /* rtl */ } body:not(.logged-in) .header-right .my-account-wrapper:nth-last-child(2) .dropdown-container { right: -43px; /* rtl */ } body:not(.logged-in) .header-right .my-account-wrapper .dropdown-container{ width: 390px; padding-bottom: 0; } .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-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: 80px; line-height: 80px; content: '\e935'; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; } #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; } /*------------------------------------------------------------------------------------------------------------------- II. MAIN CONTENT ---------------------------------------------------------------------------------------------------------------------*/ div#main {width: 100%;clear: both;} .page-template-blank-page-template div#main {min-height: 0;} /*-------------------------------------------------------- 1. BREADCRUMB ---------------------------------------------------------*/ .breadcrumb-title-wrapper { width: 100%; display: block; margin: 0; position: relative; overflow: hidden; background-color: var(--ts-breadcrumb-bg); } .breadcrumb-title-wrapper * {backface-visibility: hidden;-webkit-backface-visibility: hidden;} .breadcrumb-title-wrapper.ts-breadcrumb-parallax, .breadcrumb-title-wrapper.ts-breadcrumb-parallax .container { background-attachment: fixed; } .breadcrumb-title-wrapper .breadcrumb-title { display: flex; flex-flow: row wrap; gap: 0; } .breadcrumb-title-wrapper .breadcrumb-title > * {width: 100%;} .ts-breadcrumbs { font-size: var(--ts-text-small); line-height: 20px; position: relative; padding: 10px 0; color: var(--ts-breadcrumb-color); z-index: 2; } .ts-breadcrumbs .breadcrumbs-container:after { content: ''; display: table; clear: both; } .ts-breadcrumbs .breadcrumbs-container > * { display: inline; } .ts-breadcrumbs .breadcrumbs-container > span.current { -ms-word-wrap: break-word; word-wrap: break-word; } .ts-breadcrumbs .breadcrumbs-container > .brn_arrow { font-size: 0; display: inline-flex; margin: 0 10px; vertical-align: 1px; } .ts-breadcrumbs .breadcrumbs-container > .brn_arrow:before { font-size: 10px; } .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); order: 1; text-align: center; } .ts-breadcrumbs a, .ts-breadcrumbs .brn_arrow, .ts-breadcrumbs .breadcrumbs-container > span:not(.current) { color: var(--ts-breadcrumb-link-color); } /* v2 */ .breadcrumb-title-wrapper.breadcrumb-v2 .page-title { text-align: inherit; } /* v3 */ .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-title > * { width: auto; } .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-title { flex-direction: row-reverse; justify-content: space-between; align-items: center; padding: 20px 0; } .breadcrumb-title-wrapper.breadcrumb-v3 .ts-breadcrumbs {padding: 0;} /* v4 */ .breadcrumb-title-wrapper.breadcrumb-v4 { min-height: 20vh; display: flex; align-items: center; justify-content: center; } .breadcrumb-title-wrapper.breadcrumb-v4 .page-title { color: var(--ts-breadcrumb-2-color); } .breadcrumb-title-wrapper.breadcrumb-v4 + .ts-breadcrumbs {text-align: center;} /*-------------------------------------------------------- 2. CUSTOM WIKIBOOK ---------------------------------------------------------*/ .top-slideshow {overflow: hidden;} small, .font-small, .font-small li{ line-height: 18px; } :where(h1,h2,h3,h4,h5,h6) > a, .comments-area .comments-title a, .filter-widget-area-button a { color: inherit; } .product:not(.product-category) .product-name a {transition: none;font-size: inherit;} .woocommerce div.product p.price del, .woocommerce div.product span.price del {opacity: 1;} .woocommerce-review__dash {display: none;} /*** Link Underline Effect ***/ :is(a,button).button-text, .button-text a { display: inline-flex; gap: 5px; align-items: center; position: relative; padding: 3px 0; border-width: 0 0 2px; border-style: solid; border-color: var(--ts-primary-color); background: transparent; color: inherit; text-decoration: none; font-family: var(--ts-btn-font-family); font-weight: 500; font-style: var(--ts-btn-font-style); line-height: var(--ts-btn-line-height); } :is(a,button).button-text:after, .button-text a:after { content: '\e905'; font-family: 'icomoon'; font-weight: normal; font-style: normal; font-size: 1.2em; letter-spacing: 0; } :is(a,button).button-text:hover, .button-text a:hover { color: var(--ts-primary-color); background: transparent; border-color: var(--ts-primary-color); } /*** Custom Elementor ***/ body .elementor-swiper-button, body .elementor-lightbox .elementor-swiper-button-next, body .elementor-lightbox .elementor-swiper-button-prev { width: 35px; height: 35px; line-height: 35px; background: #fff; border-radius: 50%; color: #000; text-align: center; justify-content: center; opacity: 0.1; } body .elementor-swiper-button:hover { opacity: 1; } body .elementor-swiper-button i { font-size: 15px; line-height: inherit; } body .elementor-widget-image-carousel { position: relative; } body .elementor-lightbox .elementor-swiper-button-prev { left: 10px; /* rtl */ } body .elementor-lightbox .elementor-swiper-button-next { right: 10px; /* rtl */ } body .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 11px; } .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; } .dialog-lightbox-close-button .eicon-close:before { content: "\e937"; color: #ffffff; font-size: 14px; } .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; } .footer-container :where(h1,h2,h3,h4,h5,h6) {color: var(--ts-footer-heading);} .footer-container a, .footer-container ul li a, .footer-container .elementor-widget-text-editor a { color: inherit; text-decoration: none; } .footer-container a:hover, .footer-container ul li a:hover, .footer-container .elementor-widget-text-editor a:hover {color: var(--ts-footer-link-hover);} /*** To Top Button ***/ #to-top { position: fixed; right: 0;/* rtl */ bottom: 0; width: 40px; height: 40px; transition: 350ms ease 0s; text-align: center; cursor: pointer; z-index: 996; transform: scale(0); backface-visibility: hidden; -webkit-backface-visibility: hidden; } #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-main-bg); background-color: var(--ts-text-color); } #to-top a:hover { color: var(--ts-text-in-primary-color); background-color: var(--ts-primary-color); } #to-top a:before { font-size: 18px; line-height: 40px; } #to-top.on { transform: scale(1); } /*------------------------------------------------------------------------------------------------------------------- V. PRODUCT DEFAULT ---------------------------------------------------------------------------------------------------------------------*/ /*** 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:not(.ts-slider).columns-1 .items { grid-template-columns: 1fr; } .ts-shortcode.ts-blogs:not(.ts-slider) .items { grid-template-columns: repeat(1, minmax(0,1fr)); } .ts-shortcode.ts-slider .items .item { padding-left: calc(var(--ts-h-gap) * 0.5); padding-right: calc(var(--ts-h-gap) * 0.5); } .ts-shortcode.ts-product-author-wrapper.ts-slider .items, .ts-shortcode.ts-slider .items { margin-left: calc(var(--ts-h-gap) * -0.5); margin-right: calc(var(--ts-h-gap) * -0.5); width: calc(100% + var(--ts-h-gap)); } .woocommerce .products ul {margin: 0;} /*** Layout Products ***/ .woocommerce .products:not(:is(.cross-sells,.up-sells,.related)) { display: grid; position: relative; align-items: flex-start; grid-template-columns: repeat(2, minmax(0,1fr)); grid-gap: var(--ts-h-gap); padding: 0; margin: 0; } .woocommerce.columns-1 .products:not(:is(.cross-sells,.up-sells,.related)), .woocommerce.main-products.list .products:not(:is(.cross-sells,.up-sells,.related)) { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .ts-product-category-wrapper.style-icon.woocommerce .products:not(:is(.cross-sells,.up-sells,.related)) { grid-template-columns: repeat(3, minmax(0,1fr)); } .woocommerce .products .product:not(.product-category) { min-height: 100%; position: relative; display: flex; } sr7-module .woocommerce .products .product:not(.product-category) { min-height: 0; } .woocommerce .products.swiper .product-group { display: flex; flex-direction: column; } .woocommerce .products.swiper .product:not(.product-category) { min-height: 0; } .woocommerce .products.swiper .product:not(.product-category) .product-wrapper { display: flex; flex-direction: column; } .woocommerce .products.swiper .product:not(.product-category) .meta-wrapper { flex: 1; } /**/ .woocommerce .products.swiper { margin: calc(var(--ts-h-gap) * -0.5); width: calc(100% + var(--ts-h-gap)); } .woocommerce .products.swiper, .woocommerce.list .products:not(:is(.cross-sells,.up-sells,.related)).swiper, .woocommerce.ts-product.list .products:not(:is(.cross-sells,.up-sells,.related)).swiper { grid-gap: 0; } .woocommerce .products.swiper .product { padding: calc(var(--ts-h-gap) * 0.5); } .ts-shortcode.ts-blogs.ts-slider .items { margin-top: calc(var(--ts-h-gap) * -0.5); margin-bottom: calc(var(--ts-h-gap) * -0.5); } .ts-shortcode.ts-blogs.ts-slider .items .item { padding-top: calc(var(--ts-h-gap) * 0.5); padding-bottom: calc(var(--ts-h-gap) * 0.5); } body .products.swiper .swiper-button-prev { left: calc(var(--ts-h-gap) * 0.5);/* rtl */ } body .products.swiper .swiper-button-next { right: calc(var(--ts-h-gap) * 0.5);/* rtl */ } /**/ .woocommerce .products .product:not(.product-category) .thumbnail-wrapper { position: relative; 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; transition: 300ms ease; } .woocommerce .product figure { z-index: 1; overflow: hidden; margin-bottom: 0; position: relative; } .woocommerce .product figure:after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.2); opacity: 0; visibility: hidden; transition: 250ms ease; z-index: 2; } .woocommerce .product .product-wrapper:hover figure:after { opacity: 1; visibility: visible; } .woocommerce .products .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 200ms 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; } .woocommerce .products .group-price-add-to-cart .quantity {display: none;} /**/ .woocommerce.list .products .product .product-wrapper { width: 100%; display: flex; flex-direction: row; align-items: center; gap: 10px 0; --ts-prod-meta-align: start; } .woocommerce.list .products .product .thumbnail-wrapper {width: 40%; flex-shrink: 0;} .woocommerce.list.hide-thumbnail-buttons .products .product .thumbnail-wrapper {max-width: 110px;} .woocommerce.list .products .product .meta-wrapper {flex: 1; padding: 0;} .woocommerce.list .products .product .group-price-add-to-cart:empty, .woocommerce.list .products .group-price-add-to-cart .price {display: none;} .woocommerce.list .products .product .meta-wrapper > .price {display: flex;} .woocommerce.list .products .product .group-price-add-to-cart { align-items: var(--ts-prod-meta-align); margin: 10px 0 0; } .woocommerce.list .product-wrapper .group-price-add-to-cart .loop-add-to-cart { display: flex; transition: none !important; transform: none !important; position: static; opacity: 1; visibility: visible; flex-shrink: 0; } .woocommerce.list .product-wrapper .group-price-add-to-cart .loop-add-to-cart a.button { width: auto; border: 1px solid var(--ts-btn-border); color: var(--ts-btn-color); background: var(--ts-btn-bg); padding: var(--ts-btn-pd-v) var(--ts-btn-pd-h); } .woocommerce.list .product-wrapper .group-price-add-to-cart .loop-add-to-cart a.button:hover { border-color: var(--ts-btn-hover-border); color: var(--ts-btn-hover-color); background: var(--ts-btn-hover-bg); } :is(.cross-sells,.up-sells,.related) .product-wrapper .group-price-add-to-cart > *, .grid .product-wrapper .group-price-add-to-cart > * { transition: transform 300ms ease 0s; } .product-wrapper .group-price-add-to-cart .loop-add-to-cart { position: absolute; bottom: -2px; left: 0; right: 0; display: flex; opacity: 0; visibility: hidden; } .group-price-add-to-cart a.button, .woocommerce .group-price-add-to-cart a.button { border: 0; padding: 0 10px; background: var(--ts-prod-meta-bg); color: var(--ts-prod-meta-color); display: inline-flex; justify-content: center; } .group-price-add-to-cart a.button:hover, .woocommerce .group-price-add-to-cart a.button:hover { border-color: var(--ts-primary-color); color: var(--ts-primary-color); } .product-wrapper:hover .group-price-add-to-cart:has(.loop-add-to-cart) .price { transform: translateY(-100%); } .product-wrapper .group-price-add-to-cart .loop-add-to-cart { transform: translateY(100%); } .product-wrapper:hover .group-price-add-to-cart .loop-add-to-cart { transform: translateY(0); opacity: 1; visibility: visible; } /**/ .woocommerce.ts-product.list .products .product .product-wrapper { display: flex; flex-direction: row; align-items: center; gap: 10px 0; } .woocommerce.ts-product.list .products .product .meta-wrapper { padding: 15px; } .woocommerce.ts-product.list .products .product .short-description { color: var(--ts-text-color); } /**/ .woocommerce.main-products.list .products:not(:is(.cross-sells,.up-sells,.related)) { -webkit-animation-duration: 200ms; -moz-animation-duration: 200ms; animation-duration: 200ms; 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; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; } .woocommerce.main-products.list .products .group-price-add-to-cart .quantity {display: block;} .woocommerce.main-products.list .products .product:not(.product-category) .product-wrapper { width: 100%; display: flex; align-items: center; } .woocommerce.main-products.list .products .product .thumbnail-wrapper {width: 160px;} .woocommerce.main-products.list .products .meta-wrapper { flex: 1; display: grid; grid-template-columns: 1fr minmax(30%,max-content); align-items: center; padding: 20px; gap: 0 30px; } .woocommerce.main-products.list .meta-wrapper > *:not(.group-price-add-to-cart) { grid-column: 1; padding: 2px 0; } .woocommerce.main-products.list .meta-wrapper > .group-price-add-to-cart { grid-column: 2; display: flex; flex-direction: row; gap: 10px; padding: 0; grid-row: 1 / span 14; } .woocommerce.main-products.list .product-wrapper .group-price-add-to-cart .loop-add-to-cart a.button {width: 100%;} .woocommerce.main-products.list .group-price-add-to-cart .loop-add-to-cart {flex: 1;} .woocommerce.main-products.list .products .meta-wrapper .short-description.list {margin-top: 10px;} /*------------------------------------------------------------- 2. PRODUCT LABEL --------------------------------------------------------------*/ .product_list_widget .product-label, .woocommerce .product .product-label { position: absolute; inset: auto 5px 5px auto; /* rtl */ display: flex; flex-direction: column; gap: 2px; z-index: 3; --label-width: 40px; --label-size: 12px; } .woocommerce .product-label > span.onsale, .woocommerce .product-label > span { width: var(--label-width); height: var(--label-width); padding: 3px; display: inline-block; vertical-align: top; position: static; font-size: var(--label-size); line-height: var(--label-width) !important; text-align: center; text-transform: uppercase; font-weight: 600; border-radius: 50%; box-shadow: 0px 2px 4px 0px rgba(0,0,0,.4); } :where(.product-label-square, .product-label-rectangle).woocommerce .product-label > span.onsale, :where(.product-label-square, .product-label-rectangle) .woocommerce .product-label > span.onsale, :where(.product-label-square, .product-label-rectangle).woocommerce .product-label > span, :where(.product-label-square, .product-label-rectangle) .woocommerce .product-label > span { border-radius: 0; } .product-label-rectangle.woocommerce .product-label > span.onsale, .product-label-rectangle .woocommerce .product-label > span.onsale, .product-label-rectangle.woocommerce .product-label > span, .product-label-rectangle .woocommerce .product-label > span { height: auto; line-height: 1.5 !important; min-height: 0; padding: 3px 10px; width: auto; min-width: auto; } .woocommerce .product-label span span { display: flex; width: 100%; height: 100%; align-items: center; position: relative; justify-content: center; line-height: 1.1; } .featured .products .product-label .featured { display: none; } .ts-shortcode .woocommerce.loading .products { transition: none; } .product_list_widget .product-label .onsale, .woocommerce .product .product-label .onsale { color: var(--ts-sale-label-color); background: var(--ts-sale-label-bg); } .product_list_widget .product-label .new, .woocommerce .product .product-label .new { color: var(--ts-new-label-color); background: var(--ts-new-label-bg); } #dokan-seller-listing-wrap.grid-view .store-content .store-data-container .featured-favourite .featured-label, #dokan-seller-listing-wrap.list-view .dokan-seller-wrap .dokan-single-seller .store-wrapper .store-content .store-data-container .featured-favourite .featured-label, .product_list_widget .product-label .featured, .woocommerce .product .product-label .featured { color: #ffffff; background: #f05025; } .product_list_widget .product-label .out-of-stock, .woocommerce .product .product-label .out-of-stock { color: var(--ts-soldout-label-color); background: var(--ts-soldout-label-bg); } /*------------------------------------------------------------- 3. PRODUCT META --------------------------------------------------------------*/ :is(.cross-sells,.up-sells,.related) {overflow: hidden;} /*** Price ***/ .woocommerce :is(.cross-sells,.up-sells,.related) .products .product .price, .ts-fbt-form .items .meta-wrapper .price, .woocommerce .product-subtotal, :is(.price, .product-price) { display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; color: var(--ts-prod-price-color); font-size: var(--ts-prod-font-size); font-weight: var(--ts-prod-font-weight); } .woocommerce :is(.cross-sells,.up-sells,.related) .products .product.product-type-grouped .price, .woocommerce :is(.cross-sells,.up-sells,.related) .products .product.product-type-variable:not(.sale) .price, .product.product-type-grouped .price, .product.product-type-variable:not(.sale) .price { gap: 0 5px; } .woocommerce :is(.cross-sells,.up-sells,.related) .products .product .price del, .ts-fbt-form .items .meta-wrapper .price del, :is(.price, .product-price) del { order: 1; color: var(--ts-prod-del-price-color); font-size: calc(1em - 2px); font-weight: normal; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins {font-weight: var(--ts-prod-font-weight);} .products .product-type-variable .meta-wrapper > .price {gap: 0 2px;} .products .product-type-variable .meta-wrapper > .price:has(del) {gap: 0 5px;} /*** 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: 82px; height: 14px; 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: "\e95c\e95c\e95c\e95c\e95c"; font-size: 14px; letter-spacing: 3px; } .woocommerce p.stars a::before {font-size: 18px;} .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: "\e95c"; } .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: "\e95b"; } .star-rating::before, .woocommerce .star-rating span:before, .woocommerce .star-rating:before, .ts-testimonial-wrapper .rating:before, .ts-testimonial-wrapper .rating span:before, .product .woocommerce-product-rating .star-rating:before, .commentlist .comment-text .star-rating:before, blockquote .rating:before, blockquote .rating span:before { color: var(--ts-rating-color) !important; opacity: 1 !important; } .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: "\e95b\e95b\e95b\e95b\e95b"; } .woocommerce .product_list_widget .star-rating { margin: 2px 0; } .woocommerce p.stars a { width: 18px; height: 18px; font-size: 18px; line-height: 1; } .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 .meta-wrapper .woocommerce-product-rating .star-rating {margin: 3px auto;} /*** Quantity ***/ .quantity { width: 100px; position: relative; float: none; overflow: hidden; } .quantity .number-button { width: 100%; position: relative; display: flex; letter-spacing: 0; } .quantity .minus, .quantity .plus, .quantity .number-button:before, .quantity .number-button:after { width: 34px; position: absolute; top: 0; bottom: 0; font-size: 10px; display: flex; align-items: center; justify-content: center; text-align: center; background: transparent; border: 0; margin: 0; padding: 0; border-radius: 0; z-index: 1; } .quantity .minus, .quantity .plus { z-index: 3; cursor: pointer; font-size: 0; } .quantity .minus, .quantity .number-button:before { content: "\e94d"; left: 0;/* rtl */ right: auto;/* rtl */ } .quantity .plus, .quantity .number-button:after { content: "\e956"; right: 0;/* rtl */ left: auto;/* rtl */ } .woocommerce .quantity input.qty, .quantity input.qty { margin: 0; padding: var(--ts-btn-pd-v) var(--ts-btn-pd-h); width: 100%; text-align: center; } .quantity span:not(.amount) {display: none;} input[type=number].qty::-webkit-inner-spin-button, input[type=number].qty::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;} /*------------------------------------------------------------- 4. PRODUCT GROUP BUTTONS --------------------------------------------------------------*/ .product-group-button a:hover {text-decoration: none;} .thumbnail-wrapper .product-group-button { position: absolute; top: 5px; right: 5px;/* rtl */ z-index: 6; gap: 2px; display: flex; flex-direction: column; } .hide-thumbnail-buttons .thumbnail-wrapper .product-group-button {display: none;} .product-group-button > div { position: relative; display: none; } .product-group-button > div a { font-size: 0; line-height: 0; padding: 0; min-width: 0; width: 30px; height: 30px; display: block; letter-spacing: 0; text-align: center; position: relative; color: var(--ts-btn-thumbnail-color); background-color: var(--ts-btn-thumbnail-bg); border: 1px solid var(--ts-btn-thumbnail-border); display: block; transition: 250ms ease; } .product-group-button > div:hover a { color: var(--ts-btn-thumbnail-hover-color); background-color: var(--ts-btn-thumbnail-hover-bg); border-color: var(--ts-btn-thumbnail-hover-border); } .product-group-button > div a:before { font-size: 14px; line-height: 28px; transition: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .product-wrapper:hover .product-group-button > div { display: block; -webkit-animation-duration: 250ms; -moz-animation-duration: 250ms; animation-duration: 250ms; 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: slidebottomtotop; -moz-animation-name: slidebottomtotop; animation-name: slidebottomtotop; -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: 150ms;} .product-wrapper:hover .product-group-button > div:nth-child(3) {animation-delay: 200ms;} .product-wrapper:hover .product-group-button > div:nth-child(4) {animation-delay: 250ms;} /*** Tooltip ***/ .ts-product-attribute .button-tooltip, .product-group-button .button-tooltip { padding: 2px 5px; min-width: 95px; font-size: 12px; line-height: 20px; position: absolute; text-transform: none; text-align: center; visibility: hidden; opacity: 0; display: inline-block; transition: 250ms ease; } .ts-product-attribute .button-tooltip { top: -8px; left: 50%; /* rtl */ transform: translate(-50%,-100%); /* rtl */ z-index: 10; display: none !important; } .product-group-button div:not(.loop-add-to-cart) .button-tooltip { left: auto; /* rtl */ right: calc(100% + 10px); /* rtl */ top: 50%; font-weight: normal; transform: translate(0,-50%); /* rtl */ transition: none; display: none; color: var(--ts-btn-thumbnail-hover-color); background-color: var(--ts-btn-thumbnail-hover-bg); } .product-group-button > div:hover a .button-tooltip, .ts-product-attribute > div:hover a .button-tooltip { display: block; -webkit-animation-duration: 250ms; -moz-animation-duration: 250ms; animation-duration: 250ms; -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-group-button > div a .button-tooltip:after, .ts-product-attribute > div a .button-tooltip:after { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent var(--ts-btn-thumbnail-hover-bg); position: absolute; left: 100%; /* rtl */ top: 50%; transform: translateY(-50%); display: block; } .product-no-tooltip .product-group-button > div:not(.loop-add-to-cart) .button-tooltip { display: none !important; } /*------------------------------------------------------------- 5. LIST CATEGORIES --------------------------------------------------------------*/ .page-description-wrapper:empty {display: none;} .page-description-wrapper { margin: 12px auto 0; } :is(.page-description, .term-description) { color: var(--ts-gray-color); text-align: center; font-size: calc(1rem - 1px); line-height: 1.6; max-width: 900px; margin: 0 auto; } .tax-ts_product_author .term-description { padding: 30px 20px; display: flex; flex-direction: column; gap: 15px; background: #f5f5f5; padding: 20px; align-items: center; gap: 10px; max-width: 100%; } .tax-ts_product_author .breadcrumb-title-wrapper:not(.breadcrumb-v4) .page-title { display: none; } .term-description .author-name { font-size: var(--ts-h3-font-size); line-height: var(--ts-h3-line-height); } .term-description .author-thumbnail {width: 120px; flex-shrink: 0;} :is(.page-description, .term-description) a {text-decoration: underline; color: var(--ts-text-color);} :is(.page-description, .term-description) a:hover {text-decoration: none;} :is(.page-description, .term-description) > * {margin-bottom: 0;} .products {clear: both;} .overlay {cursor: pointer;} .product-on-sale-form label, .product-per-page-form ul.perpage .perpage-current > span:last-child, .product-per-page-form ul.perpage .perpage-current:after, .woocommerce .woocommerce-ordering .orderby-current, .filter-widget-area-button > a { transition: color 150ms ease; } .product-on-sale-form label:hover, .product-per-page-form ul.perpage .perpage-current > span:last-child:hover, .product-per-page-form ul.perpage .perpage-current:hover:after, .woocommerce .woocommerce-ordering .orderby-current:hover, .filter-widget-area-button > a:hover { color: var(--ts-primary-color); cursor: pointer; } .filter-widget-area-button {display: none;} .no-sidebar .filter-widget-area-button {display: block;} .before-loop-wrapper .filter-widget-area-button {order: 99;} .filter-widget-area-button > a { display: inline-flex; align-items: center; gap: 5px; color: var(--ts-text-color); text-decoration: none; text-transform: uppercase; position: relative; font-weight: 500; top: 1px; } .dokan-store-list-filter-button:before, .filter-widget-area-button > a:before {font-size: calc(1em + 2px); min-width: 20px; text-align: center;} #ts-filter-widget-area, .ts-sidebar { --sb-gap: 30px; } .filter-widget-area-button + .overlay { position: fixed; left: 0; right: 0; bottom: 0; top: 0; content: ""; background: rgba(0,0,0,0.5); z-index: 99991; transition: 0.2s ease; display: none; } .filter-widget-area, .ts-sidebar > aside { padding: 0; width: 100%; min-height: 1px; display: flex; flex-flow: column nowrap; gap: var(--sb-gap) 0; } .ts-sidebar > aside > section:not(:last-child), .filter-widget-area > section:not(:last-child) { padding-bottom: var(--sb-gap); border-width: 0 0 1px; border-style: solid; } .before-loop-wrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; line-height: 20px; flex: 1 0 auto; gap: 10px 30px; font-size: 1em; position: relative; z-index: 7; padding: 14px 20px; margin-bottom: 30px; border-width: 1px; border-style: solid; } :where(.load-more-button,.infinity-scroll) .before-loop-wrapper .product-on-sale-form { order: -1; margin: 0 auto 0 0;/* rtl */ } .before-loop-wrapper .woocommerce-result-count { order: -1; margin: 0 auto 0 0;/* rtl */ color: var(--ts-light-gray-color); } .gridlist-toggle { display: flex; align-items: center; gap: 10px; } .gridlist-toggle > span:not(.active):hover {cursor: pointer;} .ts-sidebar .product-on-sale-form, .ts-sidebar-content .product-on-sale-form {display: none;} .woocommerce .before-loop-wrapper .woocommerce-notices-wrapper:empty {display: none;} .gridlist-toggle > span {color: var(--ts-light-gray-color);} .gridlist-toggle > span:hover, .gridlist-toggle > span.active{color: var(--ts-primary-color);} .before-loop-wrapper > * {margin: 0;} #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; } #ts-filter-widget-area select, #left-sidebar select, #right-sidebar select, #ts-filter-widget-area .select2-container--default .select2-selection--single .select2-selection__rendered, #left-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered, #right-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered { min-width: 148px; position: relative; display: inline-block; vertical-align: middle; background-color: transparent; } body #ts-filter-widget-area .select2-container--default .select2-selection--single, #left-sidebar .select2-container--default .select2-selection--single, #right-sidebar .select2-container--default .select2-selection--single, #ts-filter-widget-area .select2-container--default .select2-selection--single .select2-selection__rendered, #left-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered, #right-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered { background: transparent; } body #ts-filter-widget-area .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #left-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #right-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { height: auto; } body #ts-filter-widget-area .select2-container--default .select2-selection--single .select2-selection__arrow, body #left-sidebar .select2-container--default .select2-selection--single .select2-selection__arrow, body #right-sidebar .select2-container--default .select2-selection--single .select2-selection__arrow { top: 15px; line-height: 26px; margin-top: 0; } /*** 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; } .product-on-sale-form > label:before { content: ''; width: var(--ts-swatches-size); height: var(--ts-swatches-size); background: #ffffff; border: 1px solid var(--ts-input-border); display: inline-block; } .product-on-sale-form > label:after { font-size: 10px; line-height: 1; display: inline-block; position: absolute; top: 5px; left: 4px; /* rtl */ opacity: 0; visibility: hidden; transition: 150ms ease; } .product-on-sale-form > label:hover:before, .product-on-sale-form.checked > label:hover:before { border-color: var(--ts-text-in-primary-color); background-color: var(--ts-primary-color); } .product-on-sale-form.checked > label:before { border-color: var(--ts-text-color); background-color: var(--ts-text-color); } .product-on-sale-form > label:hover:after, .product-on-sale-form.checked > label:after { opacity: 1; visibility: visible; color: var(--ts-main-bg); } .product-on-sale-form > label > input[type^="check"] {display: none;} /*** Woocommerce Orderring ***/ .woocommerce-ordering select.orderby,.woocommerce .woocommerce-ordering select.orderby {display: none;} .woocommerce .woocommerce-ordering ul li a:hover,.product-per-page-form ul.perpage ul li a:hover {text-decoration: none;} .woocommerce .woocommerce-ordering .orderby li, .product-per-page-form ul.perpage li { list-style: none; padding: 0 !important; cursor: pointer; z-index: 4; } .woocommerce .woocommerce-ordering ul li a { display: block; color: inherit; } .product-per-page-form ul.perpage ul li a:where(.current,:hover), .woocommerce .woocommerce-ordering ul li a:where(.current,:hover) { color: var(--ts-primary-color); } .product-per-page-form, .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {position: relative; margin: 0;} .woocommerce .woocommerce-ordering ul.orderby { padding: 0; margin: 0; display: inline-block; vertical-align: baseline; } .product-per-page-form ul.perpage > li, .product-per-page-form ul.perpage ul { padding: 0; margin: 0; } .woocommerce .woocommerce-ordering .orderby li a.current {cursor: default;} .product-on-sale-form label, .product-per-page-form ul.perpage .perpage-current, .woocommerce .woocommerce-ordering .orderby-current { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .product-on-sale-form label, .product-per-page-form ul.perpage .perpage-current > span:last-child, .woocommerce .woocommerce-ordering .orderby-current { text-transform: uppercase; font-weight: 500; } .product-per-page-form ul.perpage ul, .woocommerce .woocommerce-ordering .orderby ul { margin: 0; padding: 47px 25px 25px; display: none; width: 100%; position: absolute; top: 100%; left: 50%; /* rtl */ right: auto; /* rtl */ transform: translateX(-50%); /* rtl */ z-index: 5; backface-visibility: hidden; -webkit-backface-visibility: hidden; flex-direction: column; gap: 12px; } .woocommerce .woocommerce-ordering .orderby ul {min-width: 195px;} .product-per-page-form ul.perpage ul:before, .woocommerce .woocommerce-ordering .orderby ul:before { position: absolute; content: ""; top: 16px; left: 0; right: 0; bottom: 0; z-index: -1; border: 1px solid var(--ts-border); background-color: var(--ts-dropdown-bg); box-shadow: 0 0 10px rgba(162,162,162,0.3); } .product-per-page-form:hover ul.perpage ul, .woocommerce .woocommerce-ordering:hover .orderby 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-ordering > span.orderby-label, .product-per-page-form ul.perpage .perpage-current > span:first-child { color: var(--ts-light-gray-color); margin-right: 5px; /* rtl */ font-weight: 400; cursor: text; } .woocommerce .woocommerce-ordering ul.orderby.active {z-index: 999;} .before-loop-wrapper > .product-per-page-form {width: auto;} .before-loop-wrapper > .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;} /*** Collapse Scroll Sidebar ***/ .woocommerce-page .collapse-scroll-sidebar :is(#left-sidebar, #right-sidebar) .widget-container { padding-bottom: 0; border-width: 0 0 1px; border-style: solid; } .woocommerce-page .collapse-scroll-sidebar :is(#left-sidebar, #right-sidebar) .widget-container { margin-bottom: 20px; } .woocommerce-page .collapse-scroll-sidebar :is(#left-sidebar, #right-sidebar) .widget-title-wrapper { margin-bottom: 20px; } .woocommerce-page .collapse-scroll-sidebar :is(#left-sidebar, #right-sidebar) .widget-container:last-child { border-width: 0; margin-bottom: 0; } .woocommerce.archive .collapse-scroll-sidebar #main-content{position: static;} .collapse-scroll-sidebar .ts-sidebar .widget-container > *:not(.widget-title-wrapper) { display: none; width: 100%; flex-flow: column wrap; margin-bottom: 20px; } .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; gap: 0; padding-top: 3px; } .ts_desktop .collapse-scroll-sidebar .ts-sidebar .widget-container .block-control{ display: block !important; } /*** Woocommerce Pagination ***/ .post-nav-links { padding-top: 20px; margin-bottom: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .woocommerce .after-loop-wrapper { width: 100%; display: inline-block; position: relative; text-align: center; } .woocommerce .after-loop-wrapper:empty {display: none;} .pagination-wrap ul.pagination, .ts-pagination, .dokan-pagination-container .dokan-pagination { display: block; text-align: center; margin-top: var(--ts-section-gap); } .woocommerce nav.woocommerce-pagination { margin-top: 40px; } .ts-pagination:empty { margin-top: 0; padding-top: 0; border: 0; } .pagination-wrap ul.pagination, .ts-pagination ul, nav.ts-pagination ul.page-numbers:not(.elementor-icon-list-items), .woocommerce nav.woocommerce-pagination ul, .dokan-pagination-container .dokan-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; border: 0; margin: 0; } .pagination-wrap ul.pagination > li, .ts-pagination ul li, .woocommerce nav.woocommerce-pagination ul li, .dokan-pagination-container .dokan-pagination li { list-style: none; display: inline-block; border: 0; padding: 0; float: none; } .pagination-wrap ul.pagination > li > a:hover, .dokan-dashboard-content .pagination li a:hover, .ts-pagination ul li a:hover {text-decoration: none;} .dokan-pagination-container .dokan-pagination li:first-child > a:before {display: block !important;} .dokan-pagination-container .dokan-pagination li:empty {display: none;} .woocommerce nav.woocommerce-pagination ul {text-align: center;white-space: normal;} .post-nav-links > a, .post-nav-links > span, .ts-pagination ul li a, .ts-pagination ul li span, .pagination-wrap ul.pagination > li > a, .pagination-wrap ul.pagination > li > span, .dokan-pagination-container .dokan-pagination li a, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 0; text-align: center; display: inline-block; width: var(--ts-pagination-size); height: var(--ts-pagination-size); line-height: var(--ts-pagination-size); color: var(--ts-text-color); border: 1px solid var(--ts-border); overflow: hidden; display: inline-block; vertical-align: top; } .ts-pagination ul li span.dots, .woocommerce nav.woocommerce-pagination ul li span.dots { width: auto; border: 0; } .ts-pagination ul li a:hover, .ts-pagination ul li span.current, .pagination-wrap ul.pagination > li > a:hover, .pagination-wrap ul.pagination > li > span.current, .dokan-pagination-container .dokan-pagination li a:hover, .dokan-pagination-container .dokan-pagination li.active a, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .post-nav-links > .current, .post-nav-links > a:hover, .post-nav-links > a:focus, .pagination-wrap ul.pagination > li > a.prev:hover, .pagination-wrap ul.pagination > li > a.next:hover, .dokan-pagination-container .dokan-pagination li:first-child a:hover, .dokan-pagination-container .dokan-pagination li:last-child a:hover, .woocommerce nav.woocommerce-pagination ul li a.next:hover, .woocommerce nav.woocommerce-pagination ul li a.prev:hover, .ts-pagination ul li a.prev:hover, .ts-pagination ul li a.next:hover { color: var(--ts-text-color); border-color: var(--ts-text-color); background: transparent !important; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: transparent; color: var(--ts-text-color); } .pagination-wrap ul.pagination > li > a.prev, .pagination-wrap ul.pagination > li > a.next, .dokan-pagination-container .dokan-pagination li:first-child a, .dokan-pagination-container .dokan-pagination li:last-child a, .woocommerce nav.woocommerce-pagination ul li a.next, .woocommerce nav.woocommerce-pagination ul li a.prev, .ts-pagination ul li a.prev, .ts-pagination ul li a.next { font-size: 0; } .pagination-wrap ul.pagination > li > a:before, .dokan-pagination-container .dokan-pagination li a:before, .woocommerce nav.woocommerce-pagination ul li a:before, .ts-pagination ul li a:before { font-size: calc(1rem + 1px); font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; } .pagination-wrap ul.pagination > li > a.prev:before, .dokan-pagination-container .dokan-pagination li:first-child a:before, .woocommerce nav.woocommerce-pagination ul li a.prev:before, .ts-pagination ul li a.prev:before { content: '\e902'; } .pagination-wrap ul.pagination > li > a.next:before, .dokan-pagination-container .dokan-pagination li:last-child a:before, .woocommerce nav.woocommerce-pagination ul li a.next:before, .ts-pagination ul li a.next:before { content: '\e905'; } .dokan-pagination-container .dokan-pagination li.active a { cursor: default; } .post-nav-links > a, .post-nav-links > span{ color: inherit; text-decoration: none !important; } /*** 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(0,0,0,0.3); border-top-color: #000000; 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-main-bg); z-index: 4; } /*** Shop Load More ***/ .after-loop-wrapper .ts-shop-result-count, .infinity-scroll.woocommerce .ts-shop-load-more .button:after {display: none;} :is(.load-more-wrapper,.ts-shop-load-more,.woocommerce .ts-shop-load-more) { margin-top: 44px; display: block; text-align: center; margin-left: auto; margin-right: auto; } .ts-blogs .content-wrapper .load-more-wrapper { margin-top: 0;/* blog */ } .load-more-wrapper .button.load-more, .load-more-button.woocommerce .ts-shop-load-more .button { min-width: 160px; position: relative; } .infinity-scroll.woocommerce .ts-shop-load-more .button { background: transparent !important; border-color: transparent !important; color: var(--ts-text-color) !important; text-transform: none; font-weight: inherit; line-height: 1.4; padding: 0; display: flex; flex-direction: column; align-items: center; gap: 14px; --loading-size: 22px; } .infinity-scroll.woocommerce .ts-shop-load-more .button:after {display: none !important;} .infinity-scroll.woocommerce .ts-shop-load-more .button.loading:before { border-color: rgba(155, 155, 155, 0.3); border-top-color: currentColor; margin: 0; position: static; } /*** Product Meta ***/ .products .product-wrapper { width: 100%; position: relative; overflow: hidden; border: 1px solid transparent; transition: 250ms ease; } .products .product-wrapper:before { position: absolute; left: 0; right: 0; bottom: 15px; top: 0; z-index: 0; content: ""; transition: all 300ms ease; border: 1px solid var(--ts-border); opacity: 0; } .products .product-wrapper:hover:before { bottom: 0; opacity: 1; } .woocommerce.list .products .product .product-wrapper:before { right: 15px;/* rtl */ bottom: 0; } .woocommerce.list .products .product .product-wrapper:hover:before { right: 0;/* rtl */ } .style-icon .products .product-category .product-wrapper:before { top: 5px; left: 5px; right: 5px; bottom: 5px; } .style-icon .products .product-category .product-wrapper:hover:before { top: 0; left: 0; right: 0; bottom: 0; } /**/ .woocommerce .products .product:not(.product-category) .thumbnail-wrapper img { width: 100%; transition: 300ms ease; } .woocommerce .products .product:not(.product-category) .product-wrapper:hover img { transform: scale(1.02); } table.group_table .woocommerce-grouped-product-list-item__label a:not(.button), .woocommerce :is(ul.cart_list, ul.product_list_widget) .product-name a:not(.button), .woocommerce ul.product_list_widget li .ts-wg-meta > a:not(.button), .woocommerce .products .product .product-name { font-size: var(--ts-prod-font-size); line-height: var(--ts-prod-line-height); font-family: var(--ts-prod-font-family); font-weight: var(--ts-prod-font-weight); text-transform: var(--ts-prod-transform); color: var(--ts-heading-color); margin: 0; } table.group_table .woocommerce-grouped-product-list-item__label a:not(.button):hover, .woocommerce :is(ul.cart_list, ul.product_list_widget) .product-name a:not(.button):hover, .woocommerce ul.product_list_widget li .ts-wg-meta > a:not(.button):hover, .woocommerce .products .product .product-name:hover { color: var(--ts-primary-color); } .products .product-category { --ts-prod-meta-bg: transparent; } .products .product-category .product-wrapper { background: var(--ts-prod-meta-bg); transition: 150ms ease; } .products .product:not(.product-category) .product-wrapper .thumbnail-wrapper, .products .product:not(.product-category) .product-wrapper .meta-wrapper { background: var(--ts-prod-meta-bg); } .products .product .meta-wrapper { display: flex; flex-direction: column; gap: 4px; line-height: var(--ts-prod-line-height); color: var(--ts-prod-meta-color); align-items: var(--ts-prod-meta-align); text-align: var(--ts-prod-meta-align); } .products .product .meta-wrapper .counter-wrapper { gap: 6px; margin-bottom: 5px; --item-width: 32px; --item-size: 12px; } .products .product .group-price-add-to-cart { display: flex; flex-direction: column; align-items: center; gap: 2px; line-height: var(--ts-prod-line-height); overflow: hidden; position: relative; min-height: var(--ts-prod-line-height); } .products .product .group-price-add-to-cart:empty {display: none;} .products .product .group-price-add-to-cart .price { text-align: var(--ts-prod-meta-align); justify-content: var(--ts-prod-meta-align); } .products .product .meta-wrapper {padding: 12px 5px 15px;} .products .product .meta-wrapper:has(.group-price-add-to-cart:only-child:empty) {padding: 0;} .products .product .meta-wrapper > .price {display: none;} .group-price-add-to-cart > *:not(.quantity), .products .product .meta-wrapper > * {width: 100%;} .group-price-add-to-cart a.button, .woocommerce .group-price-add-to-cart a.button { width: 100%; } .products .product .meta-wrapper .product-sku { width: 100%; order: -1; font-size: calc(var(--ts-prod-font-size) - 2px); line-height: calc(var(--ts-prod-line-height) - 2px); } .products .product .meta-wrapper .product-sku > span:first-child {color: var(--ts-gray-color);} .woocommerce :is(.cart_list, .product_list_widget) :is(.product-categories, .product-brands, .product-author), .ts-compare-table-wrapper .product-author a, .product :is(.product-categories,.product-brands,.product-author) a { font-size: calc(var(--ts-prod-font-size) - 3px); text-transform: uppercase; color: var(--ts-primary-color); line-height: calc(var(--ts-prod-line-height) - 2px); display: inline-block; vertical-align: middle; } .product .summary :is(.product-categories,.product-brands,.product-author) a { font-size: inherit; line-height: inherit; } .summary .meta-content a, .product .summary :is(.product-categories,.product-brands) a { text-transform: inherit; font-weight: inherit; } .woocommerce :is(ul.cart_list, ul.product_list_widget) :is(.product-categories, .product-brands, .product-author) a { color: inherit; } .woocommerce :is(ul.cart_list, ul.product_list_widget) :is(.product-categories, .product-brands, .product-author) a:hover, .products .product .meta-wrapper :is(.product-categories, .product-brands, .product-author) a:hover { text-decoration: underline; } .woocommerce .products .meta-wrapper > .short-description { font-size: calc(var(--ts-prod-font-size) - 1px); color: var(--ts-gray-color); } .woocommerce .products .meta-wrapper > .short-description.list {display: none;} .woocommerce.main-products.list .products .meta-wrapper > .short-description.list {display: block;} .woocommerce.main-products.list .products .meta-wrapper > .short-description.grid {display: none;} .ts-compare-table-wrapper .product-description ul, .woocommerce-product-details__short-description ul, .short-description ul { display: flex; flex-flow: column wrap; gap: 6px; margin: 0; } .ts-compare-table-wrapper .product-description ul, .woocommerce-product-details__short-description ul { gap: 8px; } .ts-compare-table-wrapper .product-description ul li, .woocommerce-product-details__short-description ul li, .short-description ul li { list-style: none; line-height: 1.3; margin: 0; position: relative; padding: 0 0 0 18px; /* rtl */ } .ts-compare-table-wrapper .product-description ul li:before, .woocommerce-product-details__short-description ul li:before, nav > ul.menu .short-description ul li:before, .short-description ul li:before { content: '\e926'; display: inline-block; color: #25B14C; position: absolute; top: 2px; left: 0; /* rtl */ font-size: 0.8em; } /*------------------------------------------------------------------------------------------------------------------- V. PRODUCT DETAIL ---------------------------------------------------------------------------------------------------------------------*/ /*** Reset Woocommerce Style ***/ .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg { z-index: 2; cursor: zoom-in; } .woocommerce #primary > div.product:after { content: ''; display: table; clear: both; } .woocommerce div.product div.images.woocommerce-product-gallery { opacity: 1 !important; transition: none !important; height: auto !important; display: flex; flex-direction: column; gap: 10px; --icon-width: 30px; --icon-size: 16px; } .woocommerce div.product div.summary .price { color: var(--ts-prod-price-color); font-weight: var(--ts-prod-font-weight); font-size: var(--ts-h2-font-size); line-height: 1; gap: calc(var(--section-gap) * 1.5); } .woocommerce div.product.product-type-grouped div.summary .price, .woocommerce div.product.product-type-variable:not(.sale) div.summary .price { gap: var(--section-gap); } .woocommerce div.product p.price ins .amount, .woocommerce div.product span.price ins .amount { display: inline-block; line-height: inherit; } .woocommerce div.product div.summary .price del { font-size: 0.625em; font-weight: 300; } .woocommerce div.product div.summary .price ins { font-weight: inherit; } .woocommerce div.product div.summary > .price:empty {display: none;} .woocommerce div.product p.stock {font-size: 1em; margin: 0;} .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {color: inherit;} .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .out-of-stock {color: var(--ts-primary-color);} .woocommerce div.product div.summary .ts-discount-number { display: block; color: var(--ts-primary-color); margin-bottom: calc(var(--section-gap) * 2.5); margin-top: calc(var(--section-gap) * -1.7); } .woocommerce div.product form.cart div.quantity { width: auto; margin: 0; } .woocommerce div.product form.cart:not(.grouped_form) div.quantity .qty:not([type="hidden"]) { width: 100px; margin-right: var(--section-gap);/* rtl */ } .woocommerce div.product form.cart:not(.grouped_form) div.quantity .plus, .woocommerce div.product form.cart:not(.grouped_form) div.quantity .number-button:after { right: var(--section-gap);/* rtl */ } .woocommerce div.product form.cart .quantity ~ .button-in, .woocommerce div.product form.cart .button ~ .button-in { margin-left: var(--section-gap);/* rtl */ } .woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before, .woocommerce div.product form.cart .button-in .ts-tooltip {display: none;} .woocommerce div.product form.cart .variations td {padding: 0; border: 0;} .woocommerce div.product div.images { float: left; width: 50%; } .woocommerce div.product div.summary { float: right; width: calc(50% - 20px); } /*** Images ***/ .woocommerce div.product.gallery-layout-vertical div.images { --thumbnails-width: 50px; position: relative; } .woocommerce div.product.gallery-layout-vertical.has-gallery div.images { padding-left: calc(var(--thumbnails-width) + 10px);/* rtl */ } .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs { width: var(--thumbnails-width); flex-direction: column; flex-wrap: nowrap; position: absolute; top: 0; bottom: 5px; left: 0;/* rtl */ overflow-x: hidden; overflow-y: auto; padding-right: 2px;/* rtl */ } .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs li { width: 100%; } .woocommerce .product.gallery-layout-vertical .woocommerce-product-gallery__wrapper .product-label { inset: auto 5px 5px auto;/* rtl */ } /*** Labels/Video/360 ***/ .woocommerce .woocommerce-product-gallery .product-label{ --label-width: 46px; --label-size: 12px; } .woocommerce .product .woocommerce-product-gallery__wrapper .product-label { inset: 10px auto auto 10px; /* rtl */ } .ts-product-video-button, .ts-product-360-button, .woocommerce div.product div.images .woocommerce-product-gallery__trigger { width: var(--icon-width); height: var(--icon-width); text-align: center; font-size: 0; text-indent: 0; border-width: 0; position: absolute; top: 5px; right: 5px; /* rtl */ left: auto; /* rtl */ z-index: 9; border-radius: 0; transition: 250ms ease; background: var(--ts-main-bg); color: var(--ts-text-color); box-shadow: 0 0 5px rgba(0,0,0,0.2); } .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: calc(var(--icon-width) + 10px); } .ts-product-video-button + .ts-product-360-button { top: calc(var(--icon-width) * 2 + 15px); } .ts-product-360-button:before, .ts-product-video-button:before, .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { font-size: var(--icon-size); line-height: var(--icon-width); position: static; width: 100%; height: 100%; border: 0; display: inline-block; color: inherit; } .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; } /*** Thumbnails ***/ .woocommerce div.product div.images .flex-control-thumbs { display: flex; flex-wrap: wrap; gap: 10px; } .woocommerce div.product div.images .flex-control-thumbs li {width: 16.66666%;} .woocommerce div.product div.images .flex-control-thumbs li img { opacity: 1; border-width: 1px; border-style: solid; } .woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover { opacity: 1; border-color: var(--ts-text-color); } /*** Summary ***/ .woocommerce div.product div.summary, .woocommerce div.product > *:not(:last-child) { margin-bottom: var(--ts-section-gap); } .woocommerce div.product div.summary { --section-gap: 7px; position: relative; display: flex; flex-direction: column; } .woocommerce div.product div.summary + * {clear: both;} .woocommerce div.product div.summary > * { margin-bottom: var(--section-gap); } .woocommerce div.product div.summary > *:last-child, .summary .woocommerce-product-details__short-description > *:last-child { margin-bottom: 0 !important; } .woocommerce div.product div.summary > .woocommerce-product-rating { border-width: 0 0 1px; border-style: solid; padding-bottom: calc(var(--section-gap) * 1.5); margin-bottom: calc(var(--section-gap) * 3); } .woocommerce div.product div.summary > form.cart { border-width: 0 0 1px; border-style: solid; padding-bottom: calc(var(--section-gap) * 3); margin-bottom: calc(var(--section-gap) * 3); } .woocommerce div.product div.summary > :where(.woocommerce-product-details__short-description, .ts-summary-custom-content, .ts-single-product-coupon) { margin-bottom: calc(var(--section-gap) * 3); } .woocommerce div.product div.summary > .price, .woocommerce div.product div.summary > .ts-variation-price { margin-bottom: calc(var(--section-gap) * 2.5); } .woocommerce div.product div.summary > .ts-countdown-heading { margin-bottom: calc(var(--section-gap) * 0.5); } /**/ .woocommerce div.product .product_title { font-size: var(--ts-h2-font-size); line-height: var(--ts-h2-line-height); } .summary :where(.product-author, .woocommerce-product-rating, .meta-content, .ts-summary-custom-content, .ts-single-product-coupon) { font-size: calc(1em - 1px); line-height: 18px; } .summary .woocommerce-product-details__short-description { color: var(--ts-gray-color); } /*** Specifications ***/ .summary .product-specifications-wrapper { order: 10; margin-top: calc(var(--section-gap) * 3); display: flex; flex-direction: column; gap: 10px; --ts-btn-font-size: calc(1em - 1px); --ts-btn-pd-v: 9px; } .product-specifications-wrapper .ts-specifications-content:not(:last-child) { margin-bottom: calc(var(--section-gap) * 3 - 10px); } .ts-specifications-content ul { display: flex; flex-direction: column; } .ts-specifications-content ul li { list-style: none; line-height: 20px; display: flex; gap: 20px; justify-content: space-between; } .ts-specifications-content ul li:not(:last-child) { padding-bottom: 15px; margin-bottom: 15px; border-width: 0 0 1px; border-style: solid; } .product-specifications-wrapper .button-in a { width: 100%; border-radius: 0; 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); padding: var(--ts-btn-pd-v) var(--ts-btn-pd-h); text-transform: var(--ts-btn-transform); color: var(--ts-btn-alt-color); background-color: var(--ts-btn-alt-bg); border: 1px solid var(--ts-btn-alt-border); display: inline-flex; justify-content: center; align-items: center; gap: 5px; transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease; } .product-specifications-wrapper .button-in a:hover { color: var(--ts-btn-alt-hover-color); background-color: var(--ts-btn-alt-hover-bg); border-color: var(--ts-btn-alt-hover-border); } .product-specifications-wrapper .button-in a:before { font-size: 1.1em; line-height: 1; position: relative; top: -1px; } .woocommerce-Tabs-panel .ts-specifications-content ul li { justify-content: flex-start; align-items: center; } .woocommerce-Tabs-panel .ts-specifications-content ul li > span:first-child { font-weight: 600; width: 200px; } /*** Form Cart ***/ .woocommerce div.product form.cart, .woocommerce div.product form.cart .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; gap: var(--section-gap) 0; } .woocommerce div.product form.cart .single_variation_wrap, .woocommerce div.product form.cart .woocommerce-variation-add-to-cart { width: 100%; } .woocommerce div.product form.cart .button-in > a { width: calc(var(--ts-btn-pd-v) * 2 + var(--ts-btn-line-height)); line-height: calc(var(--ts-btn-pd-v) * 2 + var(--ts-btn-line-height) - 2px); border: 1px solid; display: block; text-align: center; font-size: 16px; color: inherit; position: relative; height: 100%; } .woocommerce div.product form.cart .ts-buy-now-button { width: 100%; } .woocommerce div.product form.cart .ts-buy-now-button:hover { color: var(--ts-primary-color); border-color: var(--ts-primary-color); background: transparent; } .single_variation_wrap .woocommerce-variation .woocommerce-variation-description:empty, .single_variation_wrap .woocommerce-variation .woocommerce-variation-price, .single_variation_wrap .woocommerce-variation .woocommerce-variation-availability { display: none !important; } .single_variation_wrap .woocommerce-variation .woocommerce-variation-description { font-size: calc(1em - 1px); color: var(--ts-gray-color); line-height: 1.5; margin-bottom: calc(var(--section-gap) * 2.5); } .woocommerce div.product form.cart .group_table {border: 0;} .woocommerce div.product form.cart .group_table label {padding: 0;} .woocommerce div.product form.cart .group_table tr { display: grid; grid-template-columns: 70px 1fr 150px; gap: 4px 20px; align-items: center; border-width: 1px; border-style: solid; padding: 5px 20px; margin: 0 0 var(--section-gap); --ts-btn-font-size: calc(1em - 2px); --ts-btn-pd-v: 9px; --ts-btn-pd-h: 10px; } .woocommerce div.product form.cart .group_table td { padding: 0 !important; grid-column: 2; } .woocommerce div.product form.cart .group_table td .button {width: 100%;} .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label { align-self: flex-end; } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__price { align-self: flex-start; display: flex; flex-wrap: wrap; align-items: center; gap: 0 7px; color: var(--ts-prod-price-color); font-size: var(--ts-prod-font-size); font-weight: var(--ts-prod-font-weight); } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__price del { order: 1; color: var(--ts-prod-del-price-color); font-size: calc(1em - 2px); font-weight: normal; } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__thumbnail { width: 100%; grid-column: 1; grid-row: 1 / span 2; } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__quantity { grid-column: 3; grid-row: 1 / span 2; } /*** Custom Content ***/ .summary-custom-content-title { font-size: 1em; line-height: 1.3; font-family: inherit; font-weight: 600; font-style: inherit; } .ts-summary-custom-content ul { display: flex; flex-direction: column; gap: var(--section-gap); } .ts-summary-custom-content ul li { display: flex; flex-direction: row; align-items: center; gap: 5px; color: var(--ts-gray-color); } .ts-summary-custom-content ul li strong { color: var(--ts-text-color); } .ts-summary-custom-content ul li i { font-size: 1.5em; margin: 0 7px 0 0;/* rtl */ } /*** Countdown ***/ div.summary .ts-countdown-heading { font-weight: 500; display: block; line-height: 1.5; } .woocommerce div.product div.summary .counter-wrapper { --item-width: 26px; --item-size: 12px; --item-bg: var(--ts-primary-color); --item-color: var(--ts-text-in-primary-color); width: max-content; padding: 0 10px; background: var(--item-bg); min-width: 155px; gap: 8px; } .woocommerce div.product div.summary .counter-wrapper > div { background: transparent; display: flex; min-width: 0; } .woocommerce div.product div.summary .counter-wrapper .ref-wrapper { display: inline-block; } /*** Ratings ***/ .woocommerce div.product div.summary > .woocommerce-product-rating { color: var(--ts-gray-color); display: flex; flex-wrap: wrap; align-items: center; gap: 3px; padding-top: 3px; } .woocommerce .summary .woocommerce-product-rating a {color:inherit; text-decoration: underline; text-underline-offset: 2px;} .woocommerce .summary .woocommerce-product-rating a:hover {text-decoration: none;} .woocommerce .summary .woocommerce-product-rating .woocommerce-review-link { margin: 0 0 0 7px;/* rtl */ } .woocommerce .summary .woocommerce-product-rating .star-rating { width: 98px; height: 18px; margin: -2px 3px 0 0;/* rtl */ } .woocommerce .summary .woocommerce-product-rating .star-rating span:before, .woocommerce .summary .woocommerce-product-rating .star-rating:before { font-size: 18px; letter-spacing: 2px; } .woocommerce .woocommerce-product-rating::after, .woocommerce .woocommerce-product-rating::before {display: none;} /*** Form Cart ***/ .woocommerce div.product form.cart .variations {margin: 0;} .woocommerce div.product form.cart .variations tbody, .woocommerce div.product form.cart .variations tbody tr { display: flex; flex-direction: column; gap: calc(var(--section-gap) * 2) 0; } .woocommerce div.product form.cart .variations tbody tr {gap: 7px 0; position: relative;} .woocommerce div.product form.cart .variations .ts-product-size-chart-button { position: absolute; top: 0; right: 0;/* rtl */ font-size: calc(1em - 1px); color: var(--ts-gray-color); text-decoration: underline; text-underline-offset: 2px; font-style: italic; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { padding: 0; border: 0; line-height: 20px; } .woocommerce div.product form.cart .variations th { display: flex; gap: 5px; font-weight: inherit; font-size: calc(1em - 1px); } .woocommerce div.product form.cart .variations .ts-value { color: var(--ts-gray-color); } .woocommerce div.product form.cart .variations label { font-weight: inherit; padding: 0; } .woocommerce div.product form.cart .variations label:after { content: ':'; display: inline-block; } .woocommerce div.product form.cart .variations select { width: 100%; margin: 0; } .single_variation_wrap .woocommerce-variation .woocommerce-variation-price {display: none !important;} .woocommerce div.product form.cart .reset_variations { font-size: calc(1em - 2px); line-height: 1; margin: 4px 0 0; } .woocommerce div.product form.cart .variations td { display: flex; flex-direction: column; } .woocommerce div.product form.cart > .single_add_to_cart_button, .woocommerce div.product form.cart .woocommerce-variation-add-to-cart .single_add_to_cart_button { flex: 1; display: inline-flex; } /*** Coupons ***/ .ts-single-product-coupon { display: flex; flex-wrap: wrap; gap: 5px; } .ts-single-product-coupon .coupon-item { position: relative; } .ts-single-product-coupon .coupon-code { padding: 5px 10px; border: 1px dashed var(--ts-primary-color); text-transform: uppercase; line-height: 18px; display: inline-flex; gap: 5px; position: relative; font-weight: 500; } .ts-single-product-coupon .coupon-code:before { content: '\e940'; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; font-size: 1.5em; color: var(--ts-primary-color); } .ts-single-product-coupon .coupon-item .coupon-tooltip { width: 200px; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); padding: 35px 15px 15px 15px; display: none; z-index: 9; font-size: calc(1em - 1px); line-height: 20px; --ts-btn-pd-v: 4px; --ts-btn-pd-h: 20px; } .ts-single-product-coupon .coupon-tooltip ul.details { display: flex; flex-direction: column; gap: 2px; } .ts-single-product-coupon .coupon-tooltip ul.details li { list-style: none; position: relative; padding-left: 15px;/* rtl */ } .ts-single-product-coupon .coupon-tooltip ul.details li:before { content: ''; width: 5px; height: 5px; position: absolute; top: 7px; left: 0;/* rtl */ background: currentColor; } .ts-single-product-coupon .coupon-tooltip .ts-copy-button { font-family: var(--ts-btn-font-family); font-weight: var(--ts-btn-font-weight); font-style: var(--ts-btn-font-style); color: var(--ts-text-in-primary-color); background-color: var(--ts-primary-color); border: 1px solid var(--ts-primary-color); padding: var(--ts-btn-pd-v) var(--ts-btn-pd-h); text-transform: var(--ts-btn-transform); text-align: center; transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease; } .ts-single-product-coupon .coupon-tooltip .ts-copy-button:hover { cursor: pointer; color: var(--ts-primary-color); background-color: transparent; } .ts-single-product-coupon .coupon-tooltip .ts-copy-button .copy-message, .ts-single-product-coupon .coupon-tooltip .ts-copy-button.loading > span:not(.copy-message) {display: none;} .ts-single-product-coupon .coupon-tooltip .ts-copy-button.loading .copy-message {display: inline-block;} .ts-single-product-coupon .coupon-item .coupon-tooltip:before { content: ''; position: absolute; inset: 20px 0 0 0; background: #FFF7F4; box-shadow: 2px 4px 8px rgba(0,0,0,0.25); } .ts-single-product-coupon .coupon-item .coupon-tooltip:after { content: ""; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #FFF7F4; top: 6px; left: 50%;/* rtl */ margin-left: -10px;/* rtl */ } .ts-single-product-coupon .coupon-item .coupon-tooltip > * { position: relative; z-index: 2; margin-bottom: 15px; } .ts-single-product-coupon .coupon-item .coupon-tooltip > *:empty, .ts-single-product-coupon .coupon-item .coupon-tooltip > *:last-child { margin-bottom: 0; } .ts-single-product-coupon .coupon-item:hover .coupon-tooltip {display: block;} .ts-single-product-coupon .coupon-tooltip .expires { padding-bottom: 10px; border-width: 0 0 1px; border-style: solid; position: relative; display: flex; gap: 5px; align-items: center; 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-heading-transform); } .ts-single-product-coupon .coupon-tooltip .description:not(:empty):not(:last-child) { padding-bottom: 10px; border-width: 0 0 1px; border-style: solid; } .ts-single-product-coupon .coupon-tooltip .expires > span { font-weight: normal; } .ts-single-product-coupon .coupon-tooltip .expires:before { content: '\e966'; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; font-size: 1.2em; } /*** Meta Content ***/ .summary .meta-content { display: flex; flex-direction: column; gap: var(--section-gap); } .summary .meta-content > div > span:first-child { color: var(--ts-gray-color); } .summary .meta-content a { color: inherit; text-decoration: none; } .summary .meta-content a:hover { color: var(--ts-primary-color); } .ts-social-sharing { display: flex; gap: 3px; align-items: center; } .ts-social-sharing ul { display: inline-flex; gap: 5px 15px; font-size: 1.3em; line-height: 1; } .ts-social-sharing ul li { list-style: none; line-height: 1; } .single-post .ts-social-sharing > span {display: none;} /*** Bought Together ***/ .ts-frequently-bought-together { --item-gap: 20px; --thumbnail-size: 120px; --loading-size: 30px; width: 100%; clear: both; } .ts-frequently-bought-together.loading .ts-fbt-form {position: relative;} .ts-frequently-bought-together.loading .ts-fbt-form > * { opacity: 0.2; } .ts-frequently-bought-together > h3 { font-size: calc(var(--ts-h3-font-size) - 6px); line-height: 1.3; } .ts-fbt-form a {color: inherit; text-decoration: none;} .ts-fbt-form a:hover {color: var(--ts-primary-color);} .ts-fbt-form { display: flex; } .ts-fbt-form .items { flex: 1; display: flex; flex-wrap: wrap; gap: var(--item-gap) 0; align-items: center; } .ts-fbt-form .items .item { position: relative; width: 33.3333%; padding: 0 calc(var(--item-gap) * 2 + 10px) 0 0;/* rtl */ } .ts-fbt-form .items .product-wrapper { display: flex; align-items: center; border-width: 1px; border-style: solid; } .ts-fbt-form .items .thumbnail-wrapper { width: var(--thumbnail-size); flex-shrink: 0; } .ts-fbt-form .items .meta-wrapper { padding: 10px var(--item-gap); line-height: var(--ts-prod-line-height); display: flex; flex-direction: column; gap: 4px; } .ts-fbt-form .item > label { padding: 0 0 0 28px;/* rtl */ margin: var(--item-gap) 0 0; position: relative; cursor: pointer; } .ts-fbt-form .item > label:before { content: ''; width: 18px; height: 18px; position: absolute; top: 0; left: 0;/* rtl */ border: 1px solid var(--ts-border); transition: 150ms ease; } .ts-fbt-form .item > label:after { content: '\e938'; font-size: 12px; line-height: 1; color: var(--ts-main-bg); position: absolute; top: 3px; left: 3px;/* rtl */ transition: 150ms ease; opacity: 0; visibility: hidden; } .ts-fbt-form .item > label.selected:before { background: var(--ts-text-color); border-color: var(--ts-text-color); } .ts-fbt-form .item > label.selected:after { opacity: 1; visibility: visible; } .ts-fbt-form .item > label:hover { color: var(--ts-primary-color); } .ts-fbt-form .item > label:hover:before { border-color: var(--ts-primary-color); } .ts-fbt-form .item > label.selected:hover:before { background: var(--ts-primary-color); border-color: var(--ts-primary-color); } .ts-fbt-form .item > label.selected:hover:after { color: var(--ts-text-in-primary-color); } .ts-fbt-form .plus {display: none;} .ts-fbt-form .items .item:after, .ts-fbt-form .plus:before { content: "\e956"; width: 10px; height: 10px; font-size: 10px; line-height: 10px; display: inline-block; } .ts-fbt-form .items .item:after { position: absolute; top: calc(50% - var(--item-gap) - 9px); right: calc(var(--item-gap) + 2px);/* rtl */ } .ts-fbt-form .items .item:last-child:after, .ts-fbt-form .items .item:nth-child(5n+5):after, .ts-fbt-form .item > label input[type^=checkbox] {display: none;} .ts-fbt-form .submit-wrapper { width: 282px; display: flex; flex-wrap: wrap; gap: 10px 15px; align-items: center; align-content: flex-start; } .ts-fbt-form .submit-wrapper > h6 { margin: 0; font-family: var(--ts-font-family); font-weight: var(--ts-font-weight); font-style: var(--ts-font-style); line-height: var(--ts-line-height); font-size: var(--ts-font-size); } .ts-fbt-form .submit-wrapper > *:not(.total-price):not(.total-price-label) {width: 100%;} .ts-fbt-form .submit-wrapper .total-price { color: var(--ts-prod-price-color); font-weight: var(--ts-prod-font-weight); font-size: var(--ts-h2-font-size); line-height: 1.1; } .ts-fbt-form .submit-wrapper .total-price-label { padding: 3px var(--item-gap); background: var(--ts-primary-color); color: var(--ts-text-in-primary-color); } .ts-fbt-form .submit-wrapper .button { margin-top: 10px; } /*** Tabs ***/ .woocommerce-tabs .woocommerce-Tabs-panel > h2:first-child, .woocommerce-tabs #reviews > h2 {display: none;} .woocommerce div.product .woocommerce-tabs { --tab-heading-gap: 20px; --tabs-padding: 20px; } .woocommerce div.product .woocommerce-tabs ul.tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px var(--tab-heading-gap); padding: 0; margin-bottom: 20px; } .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs:after {display: none;} .woocommerce div.product .woocommerce-tabs ul.tabs li { padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; color: var(--ts-light-gray-color); 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-heading-transform); font-size: calc(var(--ts-h3-font-size) - 6px); line-height: 1.3; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: transparent; color: var(--ts-heading-color); } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 0; font-weight: inherit; color: inherit; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { display: none; } .woocommerce div.product .woocommerce-tabs .panel { margin: 0; padding: var(--tabs-padding); border-width: 1px; border-style: solid; position: relative; } /*** Tabs in summary ***/ .woocommerce div.product.tabs-in-summary .woocommerce-tabs { margin: var(--ts-section-gap) 0 0; order: 11; } .woocommerce div.product.tabs-in-summary #review_form #respond .form-submit input { min-width: 100px; --ts-btn-pd-v: 7px; } /*** Tab Accordion ***/ .woocommerce div.product.tabs-accordion .woocommerce-tabs { --tabs-padding: 30px 0; } .woocommerce div.product.tabs-in-summary.tabs-accordion .woocommerce-tabs { --tabs-padding: 20px 0; } .woocommerce div.product.tabs-in-summary.tabs-accordion .woocommerce-tabs { margin-top: calc(var(--section-gap) * 3 - 20px); } div.product.tabs-accordion .woocommerce-tabs .woocommerce-Tabs-panel > h2:first-child, div.product.tabs-accordion .woocommerce-tabs #reviews > h2 { display: block; text-align: start; position: relative; cursor: pointer; margin-bottom: 0; color: var(--ts-light-gray-color); 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-heading-transform); font-size: calc(var(--ts-h3-font-size) - 6px); line-height: 1.3; } div.product.tabs-accordion .woocommerce-tabs .woocommerce-Tabs-panel > h2:first-child, div.product.tabs-accordion .woocommerce-tabs #reviews > h2 { color: var(--ts-heading-color); } div.product.tabs-in-summary.tabs-accordion .woocommerce-tabs .woocommerce-Tabs-panel > h2:first-child, div.product.tabs-in-summary.tabs-accordion .woocommerce-tabs #reviews > h2 { font-size: calc(var(--ts-h4-font-size) - 2px); } .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: 0 0 1px; border-style: solid; } .woocommerce div.product.tabs-accordion .woocommerce-tabs ul.tabs + .panel { padding-top: 0; } .woocommerce div.product.tabs-accordion .woocommerce-tabs .panel:last-child { border: 0; padding-bottom: 0; } 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; padding: 30px 0 0; } div.product.tabs-in-summary.tabs-accordion .woocommerce-Tabs-panel > h2 ~ *, div.product.tabs-in-summary.tabs-accordion .woocommerce-Tabs-panel #reviews > h2 ~ * { padding: 20px 0 0; } 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 { position: absolute; right: 0; /* rtl */ top: 50%; transform: translateY(-50%); font-size: 14px; } div.product.tabs-in-summary.tabs-accordion .woocommerce-Tabs-panel > h2:after, div.product.tabs-in-summary.tabs-accordion .woocommerce-Tabs-panel #reviews > h2:after { font-size: 10px; } .tabs-accordion #reviews .woocommerce-noreviews { margin-top: 10px; margin-bottom: 50px; } .tabs-accordion #comments + #review_form_wrapper { margin-top: 0; padding-top: 0; padding-bottom: 0; } /**/ .product-content.show-more-less { overflow: hidden; position: relative; transition: 3s ease 0s; } .product-content.show-more-less.closed { max-height: 770px; } .product-content.show-more-less.opened { margin-bottom: 30px; } .product-content.show-more-less.opened + .more-less-buttons:before { opacity: 0; visibility: hidden; z-index: -1; } .more-less-buttons { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; margin: 0; height: 150px; padding: 30px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; --ts-btn-pd-v: 9px; } .more-less-buttons .less-button {display: none;} .more-less-buttons:before { position: absolute; inset: 0; 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 40%); } .more-less-buttons > * { position: relative; z-index: 2; } .more-less-buttons a { text-align: center; 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); color: var(--ts-btn-alt-color); background-color: var(--ts-btn-alt-bg); display: inline-flex; justify-content: center; border-radius: 0px; text-decoration: none; padding: var(--ts-btn-pd-v) var(--ts-btn-pd-h); border: 1px solid var(--ts-btn-alt-border); transition: background-color 150ms, border-color 150ms, color 150ms; } .more-less-buttons a:after { margin-left: 5px;/* rtl */ } .more-less-buttons a:hover { color: var(--ts-btn-alt-hover-color); background-color: var(--ts-btn-alt-hover-bg); border-color: var(--ts-btn-alt-hover-border); } /*** Tab Table ***/ .woocommerce table.shop_attributes { margin: 0; border: 0; } .woocommerce table.shop_attributes :is(th, td) { padding: 15px 0; border-bottom: 1px solid var(--ts-border); margin: 0; line-height: 20px; background: transparent !important; font-style: inherit; } .woocommerce table.shop_attributes tr:first-child :is(th, td) { padding-top: 0; } .woocommerce table.shop_attributes tr:last-child :is(th, td) { padding-bottom: 0; border: 0; } .woocommerce table.shop_attributes th { width: 200px; font-weight: 600; } .woocommerce table.shop_attributes td p { margin: 0; padding: 0; } /*------------------------------------------------------------------------------------------------------------------- VI. SHOPPING CART ---------------------------------------------------------------------------------------------------------------------*/ .ts-wishlist-table-wrapper .items, .woocommerce table.shop_table.cart { --widget-thumbnail-width: 90px; } body.woocommerce-cart article > .woocommerce { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 0 30px; } body.woocommerce-cart .cross-sells { margin-top: var(--ts-section-gap); } body.woocommerce-cart article > .woocommerce > *:not(.woocommerce-cart-form):not(.cart-collaterals) { width: 100%; } body.woocommerce-cart article > .woocommerce > .woocommerce-notices-wrapper .cart-empty.woocommerce-info { padding-top: 40px; margin-bottom: -36px; } .woocommerce .woocommerce-cart-form { width: calc(100% - 380px); } .woocommerce-cart .woocommerce .cart-collaterals { width: 350px; } .woocommerce > form.checkout #order_review, .woocommerce-cart .woocommerce .cart-collaterals { padding: 30px; background: #f5f5f5; } .woocommerce table.shop_table tr { display: flex; align-items: center; gap: 15px; border-width: 0 0 1px; border-style: solid; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { width: 100%; } .woocommerce table.shop_table tbody tr:last-child, .woocommerce table.shop_table :is(thead,tbody,tfoot) :is(td,th) { border: 0; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none; width: 100%; display: flex; flex-direction: column; gap: 20px; } .cart-collaterals .cart_totals tr:not(.shipping) > td:last-child { text-align: right; /* rtl */ } .woocommerce-cart .cart-collaterals .cart_totals > h2 { font-size: calc(var(--ts-h4-font-size) + 4px); margin: 0; } .ts-wishlist-table-wrapper .heading-row, .woocommerce #order_review table.shop_table tfoot td, .woocommerce table.shop_table :is(thead,tbody,tfoot) th {font-weight: var(--ts-prod-font-weight);} body .woocommerce table.shop_table, .woocommerce-cart .cart-collaterals .cart_totals table {border: 0;margin: 0;border-radius: 0;font-size: 100%;} .woocommerce table.shop_table :is(td, th) {padding: 20px 0;} .woocommerce .cart-collaterals table.shop_table :is(td, th) {border: 0;} .woocommerce td.product-quantity { min-width: 0; --ts-btn-pd-v: 6px; --ts-btn-pd-h: 20px; } .woocommerce td.product-quantity .quantity {width: 80px;} .woocommerce table a {color: inherit;} .woocommerce table a:hover {color: var(--ts-link-hover-color); text-decoration: none;} .woocommerce .cart-collaterals table.shop_table tr:first-child :is(td, th) {padding-top: 0;} .woocommerce .cart-collaterals table.shop_table tr:last-child :is(td, th) {padding-bottom: 0;} .woocommerce .cart-collaterals table.shop_table tr {align-items: flex-start;justify-content: space-between;} .woocommerce .cart-collaterals table.shop_table tr.shipping td {text-align: end !important;} .woocommerce .cart-collaterals table.shop_table tr.shipping :where(input:not([type="submit"]), textarea, select, .select2) {text-align: start !important;} .woocommerce .cart-collaterals table.shop_table tr:last-child {border: 0;} .woocommerce-cart .cart-collaterals .cart_totals table th { width: 100px; font-weight: var(--ts-prod-font-weight); flex-shrink: 0; } .woocommerce-cart .woocommerce-shipping-calculator {margin-top: 4px;} .woocommerce table.shop_table thead .product-remove, .woocommerce table.shop_table thead .product-thumbnail {display: none;} .woocommerce table.shop_table .product-remove a { display: inline-block; vertical-align: middle; width: 30px; height: 30px; line-height: 30px; font-size: 0; text-align: inherit; letter-spacing: 0; float: none; padding: 0 !important; margin: 0; color: inherit !important; background: transparent !important; } .woocommerce table.shop_table .product-remove a:before { display: inline-block; font-size: 12px; line-height: 30px; } .woocommerce table.shop_table .product-remove a:hover { color: var(--ts-primary-color) !important; border-color: var(--ts-primary-color) !important; } .woocommerce table.shop_table.cart td.actions { padding: 0; width: 100%; display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin: 30px 0 0 0; } .woocommerce table.shop_table.cart td.actions > .button { order: 3; flex-shrink: 0; } .woocommerce table.shop_table.cart td.actions > .empty-cart-button { order: 2; margin-left: auto;/* rtl */ color: var(--ts-btn-alt-color); background-color: var(--ts-btn-alt-bg); border-color: var(--ts-btn-alt-border); } .woocommerce table.shop_table.cart td.actions > .empty-cart-button:hover { opacity: 0.8; } .woocommerce ul#shipping_method li { margin: 0; line-height: 18px; padding: 4px 0; } .woocommerce ul#shipping_method li input { margin: 3px 8px 0 0;/* rtl */ } .woocommerce-cart .cart-collaterals .cart_totals table .woocommerce-shipping-destination { color: var(--ts-gray-color); font-style: italic; font-size: calc(1em - 1px); margin-top: 5px; } .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; } .woocommerce form.woocommerce-shipping-calculator .form-row { margin-bottom: 10px; } .woocommerce form.woocommerce-shipping-calculator .form-row#calc_shipping_country_field { margin-bottom: 14px !important; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 100%; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, #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 { width: 100%; margin: 0; background: var(--ts-primary-color) !important; border-color: var(--ts-primary-color) !important; color: var(--ts-text-in-primary-color) !important; } .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover, #add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover { background: transparent !important; border-color: var(--ts-primary-color) !important; color: var(--ts-primary-color) !important; } .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: flex; float: none; order: 1; gap: 10px; flex-wrap: wrap; max-width: 360px; padding: 0; } .woocommerce form.checkout_coupon .coupon-error-notice {font-size: 0.9em;} #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 { font-size: 0.9em; margin: 0; width: 100%; } #add_payment_method .cart-collaterals .shipping-calculator-form, .woocommerce-cart .cart-collaterals .shipping-calculator-form, .woocommerce-checkout .cart-collaterals .shipping-calculator-form, table.cart td.actions { --ts-btn-font-size: calc(1em - 1px); --ts-btn-pd-v: 7px; --ts-btn-pd-h: 20px; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text { margin: 0; flex: 1; } #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 0 0 10px;/* rtl */ } .woocommerce .cart-collaterals .amount.woocommerce-Price-amount, .woocommerce ul#shipping_method .amount.woocommerce-Price-amount { color: inherit; font-size: 1em; font-weight: var(--ts-prod-font-weight); } #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout {padding: 0;} .woocommerce #order_review table.shop_table tbody tr:last-child { border-bottom: 1px solid var(--ts-border); } /*** 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-cart__submit {margin: 0;} body .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, body .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 1em; } body .wc-block-components-totals-item__description, body .wc-block-components-product-metadata { width: 100%; font-size: 0.9em; 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 .wc-block-cart__main .wc-block-cart-items tbody td:first-child { padding-left: 30px; /*rtl*/ } body .wc-block-cart__main .wc-block-cart-items td:last-child { padding-right: 0; /*rtl*/ } body .wc-block-cart__main .wc-block-cart-items td.wc-block-cart-item__image { width: calc(var(--widget-thumbnail-width) + 30px); } body .wc-block-components-quantity-selector { border-radius: 0; margin: 0; width: 80px; } body .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { flex: 1; font-size: 1em; font-weight: inherit; margin: 0; min-width: 0; padding: 10px 0; line-height: var(--ts-btn-line-height); } body .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { font-size: 1em; margin: 0; min-width: 20px; opacity: 1; border-radius: 0; } body .wc-block-components-quantity-selector:after { border-radius: 0; opacity: 1; } 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*/} 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 { width: 30px; height: 30px; line-height: 30px; position: absolute; top: 50%; left: 0;/* rtl */ 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: "\e93a"; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; font-size: 12px; line-height: inherit; color: inherit; } .wc-block-cart-item__total-price-and-sale-badge-wrapper {padding-top: 7px;} .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 .wc-block-components-sidebar-layout .wc-block-components-main { padding-right: 30px;/* rtl */ width: calc(100% - 350px); } body .wc-block-components-sidebar { width: 350px; padding: 30px; background: rgb(245, 245, 245); } 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) { border: 1px solid var(--ts-btn-border); border-radius: 0; 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); color: var(--ts-btn-color); background-color: var(--ts-btn-bg); padding: var(--ts-btn-pd-v) var(--ts-btn-pd-h); text-transform: var(--ts-btn-transform); transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease; display: inline-block; } body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover { color: var(--ts-btn-hover-color); background-color: var(--ts-btn-hover-bg); border-color: var(--ts-btn-hover-border); } body:not(.woocommerce-block-theme-has-button-styles) .wc-block-cart__submit .wc-block-components-button:not(.is-link) { border-color: var(--ts-primary-color); color: var(--ts-text-in-primary-color); background-color: var(--ts-primary-color); } body:not(.woocommerce-block-theme-has-button-styles) .wc-block-cart__submit .wc-block-components-button:not(.is-link):hover { border-color: var(--ts-primary-color); color: var(--ts-primary-color); background-color: transparent; } .wc-block-components-sidebar-layout { align-items: flex-start; } 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 .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); box-shadow: none; } body .wc-block-components-form .wc-block-components-text-input label, body .wc-block-components-text-input label { left: 20px; /* rtl */ 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[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=password], 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=password], 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] { background-color: var(--ts-input-bg-color); border: 1px solid var(--ts-input-border); border-radius: 0; color: var(--ts-input-color); height: auto; line-height: var(--ts-btn-line-height); min-height: 0; padding: calc(var(--ts-btn-pd-v) + 7px) 20px calc(var(--ts-btn-pd-v) - 7px); } 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: calc(var(--ts-btn-pd-v) + 7px) 20px calc(var(--ts-btn-pd-v) - 7px); } 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 { 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);} body .wc-block-components-notice-banner {border-radius: 0;} body .wc-block-components-button:not(.is-link):disabled .wc-block-components-button__text {opacity: 1;} body .wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text { justify-content: center; } /**/ /*------------------------------------------------------------------------------------------------------------------- VII. CHECK OUT ---------------------------------------------------------------------------------------------------------------------*/ /*** 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 .checkout-login-wrapper{ margin-bottom: 20px; } .woocommerce form.checkout_coupon, .woocommerce .checkout-login-coupon-wrapper form.login { padding: 20px; max-width: 100%; border: 0; border-radius: 0; margin-top: 0; overflow: hidden; background-color: var(--ts-info-bg); color: var(--ts-info-color); display: grid; grid-template-columns: 1fr 1fr; gap: 15px 20px; margin-top: 2px; } .woocommerce .checkout-login-coupon-wrapper form.login > p:first-child { grid-row: 1; grid-column: 1 / 3; margin: 0; } .woocommerce .checkout-login-coupon-wrapper form.login .clear, .woocommerce .checkout-login-coupon-wrapper form.login :where(.form-row-first,.form-row-last) label {display: none;} .woocommerce form.checkout_coupon .input-text, .woocommerce .checkout-login-coupon-wrapper form.login .input-text, .woocommerce form.checkout_coupon .input-text:focus, .woocommerce .checkout-login-coupon-wrapper form.login .input-text:focus { border-color: var(--ts-input-bg-color); } .woocommerce form .show-password-input::before, .woocommerce-page form .show-password-input::before {height: 18px; width: 18px;} .woocommerce form.login input[type^=checkbox] {margin-top: -1px;} .woocommerce .checkout-login-coupon-wrapper form.login .button {margin-top: 0;} .woocommerce .checkout-login-coupon-wrapper .checkout_coupon { display: flex; gap: 10px; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-first {flex: 1;} .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-last {width: auto;} .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-last .button {min-width: 200px;} /*** Checkout Form ***/ .woocommerce > form.checkout { overflow: hidden; width: 100%; margin-top: var(--ts-heading-gap); --form-gap: 20px; } .woocommerce form .form-row, .woocommerce form .form-row-first, .woocommerce-page form .form-row-first {width: 100%; margin: 0;} .woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox, .woocommerce form.checkout .form-row {margin: 0; padding: 0;} .woocommerce form .form-row label {line-height: inherit;} form.checkout :where(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-additional-fields__field-wrapper) { display: flex; flex-direction: column; gap: var(--form-gap); } .woocommerce form.checkout .woocommerce-account-fields .form-row, .woocommerce form.checkout .woocommerce-billing-fields__field-wrapper, .woocommerce form .form-row.create-account { margin-bottom: var(--form-gap); } .woocommerce > form.checkout .woocommerce-NoticeGroup { margin-bottom: calc(var(--ts-heading-gap) - 10px); } #add_payment_method .checkout .create-account small, .woocommerce-cart .checkout .create-account small, .woocommerce-checkout .checkout .create-account small { font-size: calc(1em - 2px); font-style: italic; } #add_payment_method .checkout .checkout-inline-error-message, .woocommerce-cart .checkout .checkout-inline-error-message, .woocommerce-checkout .checkout .checkout-inline-error-message { font-size: calc(1em - 2px); font-style: italic; margin: 5px 0 0; } #add_payment_method .checkout .col-2 h3#ship-to-different-address, .woocommerce-cart .checkout .col-2 h3#ship-to-different-address, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address { font-family: inherit; font-weight: inherit; font-size: 1em; line-height: inherit; float: none !important; } .woocommerce-checkout .checkout .woocommerce-shipping-fields > .shipping_address {margin-bottom: 15px;} #add_payment_method .checkout .col-2 h3#ship-to-different-address label, .woocommerce-cart .checkout .col-2 h3#ship-to-different-address label, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label {padding: 0;} .woocommerce form .password-input input[type=password], .woocommerce-page form .password-input input[type=password], .woocommerce form input[type="password"] { padding-right: 50px; /* rtl */ } .woocommerce form .form-row .required {font-weight: normal; color: #DE1010;} .woocommerce-shipping-fields h3#ship-to-different-address .input-checkbox {margin-top: -4px;} .woocommerce-terms-and-conditions-wrapper a {color: inherit; text-decoration: underline; text-underline-offset: 2px;} .woocommerce-terms-and-conditions-wrapper a:hover {text-decoration: none;} .woocommerce-invalid #terms {outline: none !important;} .woocommerce #order_review table.shop_table tr {justify-content: space-between;} .woocommerce #order_review table.shop_table tfoot tr {border: 0;} .woocommerce #order_review table.shop_table tfoot :is(td, th) {padding-bottom: 0;} .woocommerce #order_review table.shop_table thead :is(td, th) { padding-top: 0; } #add_payment_method #payment ul.payment_methods::after, #add_payment_method #payment ul.payment_methods::before, .woocommerce-cart #payment ul.payment_methods::after, .woocommerce-cart #payment ul.payment_methods::before, .woocommerce-checkout #payment ul.payment_methods::after, .woocommerce-checkout #payment ul.payment_methods::before {display: none;} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: transparent; border-radius: 0; margin: 20px 0 0; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { padding: 0; border: 0; margin: 0 0 10px; display: flex; flex-direction: column; gap: 10px 0; } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { font-weight: inherit; list-style: none; line-height: 20px; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { padding: 15px; margin: 15px 0 5px; font-size: calc(1em - 1px); border-radius: 0; line-height: var(--ts-line-height); background-color: #ffffff; 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 { border-color: #ffffff; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding: 0; color: var(--ts-gray-color); font-size: calc(1em - 1px); } form #payment label { display: inline; padding: 0; } .woocommerce .col2-set h2, .woocommerce-page .col2-set h2, .woocommerce-order-details h2, .woocommerce-customer-details h2 { font-size: var(--ts-h3-font-size); line-height: var(--ts-h3-line-height); } .woocommerce-notice.woocommerce-thankyou-order-received { margin: 0 0 30px; padding: 11px 20px; font-weight: 500; background-color: var(--ts-success-bg); color: var(--ts-success-color); } .woocommerce ul.order_details { display: flex; flex-direction: column; margin: 0 0 60px; background: #f7f1a3; padding: 20px; gap: 16px 0; } .woocommerce ul.order_details li { float: none; margin: 0; padding: 0; font-size: calc(1em - 1px); border: 0; display: flex; gap: 10px; align-items: center; color: var(--ts-gray-color); text-transform: none; } .woocommerce ul.order_details li strong { font-size: 1em; line-height: inherit; color: var(--ts-text-color); } .woocommerce ul.order_details::after, .woocommerce ul.order_details::before {display: none;} .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.order_details tr { justify-content: space-between; gap: 0 30px; } .woocommerce table.shop_table.order_details tfoot tr { border: 0; justify-content: flex-start; gap: 0 10px; } .woocommerce table.shop_table.order_details tfoot tr small { font-size: 1em; } .woocommerce table.shop_table.order_details tfoot tr:first-child {border-top: 1px solid; padding-top: 20px;} .woocommerce table.shop_table.order_details thead tr:first-child :is(th, td) {padding-top: 0;} .woocommerce table.shop_table.order_details tfoot tr :is(th, td) {padding: 5px 0;} .woocommerce table.shop_table.order_details tfoot tr .amount { color: var(--ts-primary-color); font-weight: var(--ts-prod-font-weight); } .woocommerce-order-details .woocommerce-order-details__title {margin-bottom: var(--ts-heading-gap);} body .wc-blocks-components-select .wc-blocks-components-select__container { border-radius: 0; height: auto; } body .wc-blocks-components-select .wc-blocks-components-select__select { color: inherit; padding: calc(var(--ts-btn-pd-v) + 6px) 20px calc(var(--ts-btn-pd-v) - 10px); max-width: 100%; border-radius: 0; } body .wc-blocks-components-select .wc-blocks-components-select__label { color: inherit; left: 20px;/* rtl */ } /*------------------------------------------------------------------------------------------------------------------- VIII. POPUP/MODAL ---------------------------------------------------------------------------------------------------------------------*/ body #main {background-color: var(--ts-main-bg);} .ts-floating-sidebar * {-webkit-backface-visibility: hidden;backface-visibility: hidden;} .ts-sidebar > .close, .ts-floating-sidebar .close, .ts-popup-modal .close { position: absolute; top: var(--ts-float-sidebar-pd); right: var(--ts-float-sidebar-pd); /* rtl */ z-index: 999; width: 30px; height: 30px; line-height: 28px; border-width: 1px; border-style: solid; text-align: center; font-size: 0; letter-spacing: 0; transition: 350ms ease 0s; color: var(--ts-text-color); } .ts-sidebar > .close {display: none;} .ts-sidebar > .close:before, .ts-floating-sidebar .close:after, .ts-popup-modal .close:after { font-size: 16px; line-height: inherit !important; } .ts-sidebar > .close:hover, .ts-floating-sidebar .close:hover, .ts-popup-modal .close:hover { color: var(--ts-main-bg); background: var(--ts-text-color); cursor: pointer; } .ts-floating-sidebar .ts-sidebar-content { position: fixed; padding: calc(var(--ts-float-sidebar-pd) * 2) var(--ts-float-sidebar-pd) var(--ts-float-sidebar-pd); 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(0); box-shadow: 0px 10px 10px 0px rgba(63,63,63,.4); } .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,.4); 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;} .ts-floating-sidebar.active div.overlay { visibility: visible; opacity: 1; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } .ts-popup-modal { --popup-padding: 20px; } .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 .close { top: calc(var(--popup-padding) * 0.5); right: calc(var(--popup-padding) * 0.5);/* rtl */ } .ts-popup-modal .close:hover { color: var(--ts-btn-color); background-color: var(--ts-btn-bg); border-color: var(--ts-btn-bg); } .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: 950px; height: auto; transition: opacity 0.2s ease, visibility 0.2s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; max-width: 80%; padding: var(--popup-padding); background: var(--ts-dropdown-bg); color: var(--ts-dropdown-color); } .ts-popup-modal .login-popup-container.popup-container { width: 900px; } #ts-product-size-chart-modal .popup-container {max-width: 90%;} #ts-quickshop-modal .popup-container {overflow: hidden;} #ts-product-video-modal { --popup-padding: 10px; } #ts-product-video-modal .popup-container { width: 950px; max-width: 80%; } :is(#ts-product-video-modal, #ts-product-360-modal) .close { top: 0; right: -35px;/* rtl */ background: var(--ts-text-color); color: var(--ts-main-bg); border-color: var(--ts-text-color); } :is(#ts-product-video-modal, #ts-product-360-modal) .close:hover { background: var(--ts-primary-color); color: var(--ts-text-in-primary-color); border-color: var(--ts-primary-color); } #ts-product-360-modal .popup-container { max-width: 500px; } .login-popup-content {display: flex;} .login-popup-content > * {width: 50%;} .login-popup-content .banner-content > a {display: block;} .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; gap: 20px; font-size: 1em; padding: 0 0 50px; position: relative; } .login-popup-content .form-content > * {width: 100%;} .login-popup-content .form-content > h4 { margin: 0; text-align: center; } .create-account-wrapper { padding: 15px 0; line-height: 18px; display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; align-items: center; border-top: 1px solid var(--ts-border); color: var(--ts-gray-color); text-align: center; margin-top: 20px; } .dropdown-container .form-content > h4 { font-size: calc(var(--ts-h4-font-size) + 4px); line-height: calc(var(--ts-h4-line-height) + 4px); text-align: center; } .create-account-wrapper a { color: var(--ts-text-color); } #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: none; } #ts-login-form .login-forget-password {order: 1;margin-left: auto;/* rtl */} .dropdown-container .create-account-wrapper, #ts-login-form .forget-password, #ts-login-form .login-remember label { font-size: calc(1rem - 1px); color: var(--ts-gray-color); } #ts-login-form .login-remember label { padding: 0; display: flex; align-items: center; } /*** Size Chart Popup ***/ .ts-popup-modal .product-size-chart-container .ts-size-chart-content { max-height: 60vh; overflow-y: auto; border: 1px solid var(--ts-border); padding: 30px; } .product-size-chart-content .chart-image { margin-bottom: 20px; } .product-size-chart-content > h2 { text-align: center; font-size: var(--ts-h3-font-size); line-height: var(--ts-h3-line-height); margin-bottom: var(--popup-padding); } .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; } table.chart-table { border: 0; } table.chart-table td { padding-left: 0; padding-right: 0; } table.chart-table tr:first-child td { padding-top: 0; } table.chart-table tr:last-child td { padding-bottom: 0; border: 0; } table.chart-table td:first-child { width: 200px; font-weight: 600; } /*** 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-btn-font-size: 13px; } #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%;} #ts-quickshop-modal .quickshop-content div.product:after {content: ''; display: table; clear: both;} #ts-quickshop-modal .woocommerce div.product .product_title { font-size: calc(var(--ts-h3-font-size) - 2px); line-height: calc(var(--ts-h3-line-height) - 6px); } #ts-quickshop-modal .woocommerce div.product div.summary .price { font-size: calc(var(--ts-h3-font-size) - 2px); } #ts-quickshop-modal .woocommerce div.product.gallery-layout-vertical div.images { --thumbnails-width: 60px; } #ts-quickshop-modal .woocommerce div.product div.images { width: 48%; margin-bottom: 0; } #ts-quickshop-modal .woocommerce div.product div.summary { width: calc(52% - 30px); margin-bottom: 0; } #ts-quickshop-modal .woocommerce div.product div.summary > .woocommerce-product-rating {padding-top: 0;} #ts-quickshop-modal .woocommerce div.product div.summary > .price, #ts-quickshop-modal .woocommerce div.product div.summary > .ts-variation-price { margin-bottom: calc(var(--section-gap) * 2); } #ts-quickshop-modal .woocommerce div.product form.cart .group_table { max-height: 234px; overflow-x: hidden; overflow-y: auto; display: block; } #ts-quickshop-modal .ts-single-product-coupon .coupon-item .coupon-tooltip { top: 0; transform: translate(-50%, -100%); padding: 15px 15px 35px 15px; } #ts-quickshop-modal .ts-single-product-coupon .coupon-item .coupon-tooltip:before { box-shadow: 2px -4px 8px rgba(0, 0, 0, 0.25); inset: 0 0 20px 0; } #ts-quickshop-modal .ts-single-product-coupon .coupon-item .coupon-tooltip:after { top: auto; bottom: 6px; border-bottom: 0; border-top: 15px solid #FFF7F4; } /*** Product 360 ***/ .threesixty .nav_bar a:hover {background: transparent;} .threesixty .nav_bar {position: absolute;top:30px;transform: translateX(100%);z-index: 11;display: flex;flex-flow: column wrap;justify-content: center;gap: 0;right:-5px;/* rtl */} .threesixty .nav_bar a{width: 30px;height: 30px;font-size: 0;text-decoration: none;background: var(--ts-text-color);color: var(--ts-main-bg);letter-spacing: 0;text-align: center;border: 1px solid var(--ts-text-color);} .threesixty .nav_bar a:hover {background: #ffffff;color: var(--ts-text-color);} .threesixty .nav_bar a:before {font-size: 14px;line-height: 28px;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;max-width: calc(100% - var(--popup-padding));} .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);} .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: 580px; padding: 30px 30px 40px; overflow: hidden; } #ts-add-to-cart-popup-modal .close { width: 30px; height: 30px; top: 0; right: 0; background: #000; color: #fff; } #ts-add-to-cart-popup-modal .close:after { font-size: 11px; line-height: 30px !important; } .add-to-cart-popup-content .heading .theme-title { margin: 0 0 20px; padding: 0; font-size: var(--ts-font-size); line-height: var(--ts-line-height); color: #12762E; font-weight: 500; text-align: center; } .add-to-cart-popup-content .heading .theme-title:before { content: '\e926'; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; font-size: 0.8em; margin-right: 10px; /* rtl */ display: inline-block; } .add-to-cart-popup-content .item { display: flex; align-items: center; gap: 30px; } .add-to-cart-popup-content .item .product-image { width: 200px; border-width: 1px; border-style: solid; } .add-to-cart-popup-content .price { font-size: calc(var(--ts-product-font-size) + 4px); font-weight: 500; } .add-to-cart-popup-content .product-meta { flex: 1; } .add-to-cart-popup-content .product-meta .product-name { font-size: 1em; font-weight: inherit; line-height: 1.4; margin: 0 0 5px; } .add-to-cart-popup-content .action > a { flex: 1; padding-left: 5px; padding-right: 5px; } .add-to-cart-popup-content .action { display: flex; gap: 5px; margin-top: 20px; } /*------------------------------------------------------------------------------------------------------------------- IX. WOOCOMMERCE MESSAGE ---------------------------------------------------------------------------------------------------------------------*/ .home .woocommerce-message {display: none !important;} body #ts-ajax-add-to-cart-message { position: fixed; width: auto; width: max-content; max-width: 400px; text-align: start; z-index: 99992; visibility: hidden; opacity: 0; line-height: 26px; left: 10px;/* rtl */ bottom: 10px;/* rtl */ padding: 10px 30px 10px 50px;/* rtl */ transform: translate(0, 100%); overflow: hidden; transition: transform 200ms ease-out; } body #ts-ajax-add-to-cart-message.show { transform: translate(0, 0); opacity: 1; visibility: visible; display: block; } body #ts-ajax-add-to-cart-message:before { content: '\e938'; position: absolute; left: 30px;/* rtl */ top: 19px; z-index: 993; font-size: 0.9em; line-height: 1; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; } 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; flex-wrap: wrap; align-items: center; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; margin: 0 0 30px; line-height: var(--ts-line-height); font-size: var(--ts-font-size); border-width: 0; padding: 11px 20px; gap: 0 10px; font-weight: 500; } .woocommerce-form-coupon-toggle .woocommerce-info, .woocommerce-form-login-toggle .woocommerce-info{ margin-bottom: 0 !important; } :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) + :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning), :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) + :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) { margin-top: -10px; } :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) a:not(.button), :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) a:not(.button) { color: inherit; text-decoration: underline; text-underline-offset: 2px; } :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) a:not(.button):hover, :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) a:not(.button):hover { text-decoration: none; } :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 5px; width: 100%; line-height: inherit; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.added::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.added::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.added::after {margin: 0;} 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: var(--ts-success-bg); color: var(--ts-success-color); } body .wc-block-components-notice-banner.is-error, body #ts-ajax-add-to-cart-message.error, .woocommerce-error { background-color: var(--ts-error-bg); color: var(--ts-error-color); } body .wc-block-components-notice-banner.is-info, .woocommerce-info { background-color: var(--ts-info-bg); color: var(--ts-info-color); } body .wc-block-components-notice-banner.is-warning, .woocommerce-warning { background-color: var(--ts-warning-bg); color: var(--ts-warning-color); } :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 10px !important; border: 0 !important; min-width: 0 !important; width: auto !important; color: #12762E !important; margin-left: auto; /* rtl */ order: 10; opacity: 1; font-size: 12px; 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: #C54714 !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: #C54714 !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;} body.search-no-results #main .page-container #main-content { padding-bottom: 30px; display: flex; flex-direction: column; justify-content: center; gap: 20px; } .index-template #primary > .alert, .search-no-results-wrapper { display: flex; flex-direction: column; text-align: center; align-items: center; gap: 15px; margin: 0; padding: 0; } .index-template #primary > .alert:before, .search-no-results-wrapper:before { content: "\e963"; font-size: 80px; line-height: 1; color: var(--ts-primary-color); } .index-template #primary > .alert > h3 { font-family: inherit; font-style: inherit; font-size: var(--ts-h4-font-size); line-height: inherit; font-weight: inherit; margin-bottom: 0; } .search-no-results-wrapper > p { max-width: 540px; font-size: 1em; line-height: 1.6; margin: 0 auto; } body.search.search-no-results .search-wrapper, .search-no-results-wrapper .search--form { width: 100%; max-width: 450px; margin: 10px auto 0; } .cart-empty.woocommerce-info, .return-to-shop { text-align: center; justify-content: center; font-size: 1.3em; } body.search.search-no-results .shop-ads-banner, body.search.search-no-results .ts-pagination, .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;} /**/ .woocommerce > .return-to-shop { margin-bottom: 0; } body .wc-empty-cart-message .wc-block-components-notice-banner.is-info, body .cart-empty.woocommerce-info { color: inherit; background: transparent !important; padding: 0; flex-direction: column; align-items: center; gap: 20px; font-family: inherit; font-style: inherit; font-size: var(--ts-h2-font-size); line-height: var(--ts-h2-line-height); font-weight: 600; margin: 60px 0 20px; } body .wc-empty-cart-message .wc-block-components-notice-banner.is-info:before, body .cart-empty.woocommerce-info:before { content: '\e935'; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; display: block !important; font-size: 80px; line-height: 1; color: var(--ts-primary-color); 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; } .wc-empty-cart-message + .return-to-shop a.button { display: inline-flex; align-items: center; gap: 5px; } .wc-empty-cart-message + .return-to-shop a.button:after { content: '\e905'; font-family: 'icomoon'; font-weight: normal; font-style: normal; font-size: 1.2em; letter-spacing: 0; } /*------------------------------------------------------------------------------------------------------------------- X. MY ACCOUNT ---------------------------------------------------------------------------------------------------------------------*/ .woocommerce form.track_order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password { margin: calc(var(--ts-section-gap) - 40px) auto 0; max-width: 600px; display: flex; flex-direction: column; gap: 20px 0; } .woocommerce form.track_order {margin-bottom: var(--ts-section-gap);} .woocommerce form.track_order label, .woocommerce form.woocommerce-ResetPassword.lost_reset_password label { text-align: start; } form.track_order .clear, form.woocommerce-ResetPassword.lost_reset_password .clear, :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 form.track_order .button, .woocommerce form.woocommerce-ResetPassword.lost_reset_password .button { min-width: 120px; } /*** Form Login ***/ #customer_login { display: flex; flex-direction: column; gap: var(--ts-section-gap) 0; } .woocommerce :is(form.login, form.register) { border: 0; padding: 0; margin: 20px 0 0; border-radius: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .woocommerce form.track_order p, .woocommerce form.woocommerce-ResetPassword.lost_reset_password p, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit, .woocommerce :is(form.login, form.register) p {margin: 0;} .woocommerce form.register > *, .woocommerce form.login .woocommerce-form-row { grid-column: 1 / span 2; } .woocommerce :is(form.login, form.register) .form-row:not(.woocommerce-form-row) { grid-column: 1; } .woocommerce .checkout-login-wrapper form.login .form-row-last { grid-column: 2/3; } .woocommerce :is(form.login, form.register) .lost_password { grid-column: 2; margin: 3px 0 0; text-align: end; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {padding: 0 0 20px; display: block;} form.register .woocommerce-privacy-policy-text, .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme, .woocommerce :is(form.login, form.register) .lost_password { font-size: calc(1em - 1px); color: var(--ts-gray-color); } .woocommerce :is(form.login, form.register) wc-order-attribution-inputs {order: 10;} /*** Navigation ***/ .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { width: 100%; float: none; } .woocommerce-account .woocommerce-MyAccount-navigation { margin-top: 30px; } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0 0 40px; padding: 0; overflow: visible; display: flex; flex-wrap: wrap; line-height: 0; position: relative; gap: 0 30px; border-width: 0 0 1px 0; border-style: solid; font-family: var(--ts-heading-font-family); } .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; } .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 { font-size: var(--ts-h6-font-size); line-height: var(--ts-h6-line-height); padding: 0; color: inherit; padding: 0; margin: 0; position: relative; z-index: 1; width: 100%; display: inline-block; 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;} .woocommerce table.shop_table.woocommerce-orders-table tr :is(td,th) {flex: 1;} .woocommerce table.shop_table.woocommerce-orders-table tr :is(td,th):last-child { text-align: end; } .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 { background: transparent; color: inherit; text-decoration: none; padding: 7px 20px; min-width: 90px; border: 1px solid var(--ts-border); overflow: hidden; line-height: 20px; } .woocommerce table.my_account_orders .button:hover, .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .button:hover { color: var(--ts-btn-color); background-color: var(--ts-btn-bg); border-color: var(--ts-btn-border); } .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button--next { margin-left: auto; /* rtl */ } .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 .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { display: flex; align-items: center; gap: 5px; 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; padding: 0; margin: 0; display: inline-block; line-height: 1; font-size: 1.4em; } .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: var(--ts-section-gap); } .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-Addresses address {margin: 0; font-style: normal;} .woocommerce td.product-name .wc-item-meta li {list-style: none;} .woocommerce-Addresses.col2-set {margin-top: var(--ts-section-gap);} .woocommerce-customer-details .col2-set::before, .woocommerce-Addresses.col2-set::before, .woocommerce-customer-details .col2-set::after, .woocommerce-Addresses.col2-set::after {display: none !important;} .woocommerce-customer-details .col2-set, .woocommerce-Addresses.col2-set { display: flex; flex-direction: column; gap: var(--ts-section-gap) 0; } .woocommerce-account .addresses .title .edit { float: none; margin: 0 0 10px; display: inline-block; } /*-------------------------------------------------------------------------------------------------------------------- XI. BLOG ---------------------------------------------------------------------------------------------------------------------*/ .site-content > article:after { content: ""; clear: both; display: table; } /*** Filters Bar ***/ ul.filter-bar { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 50px; } ul.filter-bar li { list-style: none; padding: 8px 20px; line-height: 22px; background: #EBEEF0; color: var(--ts-heading-color); border: 1px solid #EBEEF0; transition: 0.2s ease; text-decoration: none; } ul.filter-bar li:hover, ul.filter-bar li.current { background: transparent; border-color: var(--ts-heading-color); cursor: pointer; } ul.filter-bar li a{ color: inherit; text-decoration: none; display: block; } /*** Blog Grid ***/ :where(.list-posts, .ts-blogs) { --blog-gap: 30px; } .list-posts, .columns-1 .list-posts, .ts-shortcode.ts-blogs:not(.ts-slider) .items { display: grid; grid-template-columns: 1fr; gap: var(--blog-gap); } .list-posts, .columns-1 .list-posts {grid-template-columns: 1fr !important;} .columns-2 .list-posts {grid-template-columns: repeat(2,1fr) !important;} .columns-3 .list-posts {grid-template-columns: repeat(3,1fr) !important;} .ts-blogs:not(.ts-slider) article .article-content {height: 100%;} :where(.list-posts, .ts-blogs) article { min-width: 0; max-width: 100%; position: relative; } :where(.columns-2,.columns-3,.columns-4) .list-posts article.quote, .ts-blogs:where(.columns-2,.columns-3,.columns-4) article.quote { align-self: flex-start; } :where(.list-posts, .ts-blogs) article .entry-content { display: flex; flex-direction: column; gap: 10px; } article .entry-content:not(:has(.readmore)) .short-content {margin-bottom: 0;} .post-content-wrapper :where(.entry-content,header,.entry-meta-top,.entry-meta-middle) { padding-left: 30px; padding-right: 30px; } .no-featured-image .post-content-wrapper :where(.entry-content,header,.entry-meta-top,.entry-meta-middle) { padding-left: 0; padding-right: 0; } .post-content-wrapper .entry-content { padding-bottom: var(--ts-section-gap); line-height: 1.9; } :where(.list-posts, .ts-blogs) article:where(.has-post-thumbnail, .format-video, .format-audio) .entry-content { padding: 20px 15px 0; } :where(.list-posts, .ts-blogs) article:where(.has-post-thumbnail, .format-video, .format-audio) .entry-content.no-featured-image {padding: 0;} .thumbnail-content .date-time, .entry-format .date-time { position: absolute; top: 30px; left: 30px; /* rtl */ display: inline-block; padding: 5px 10px; background: #ffffff; color: #000000; line-height: 1; text-transform: uppercase; z-index: 6; } .thumbnail-content a.vcard.author, .entry-format a.vcard.author { position: absolute; bottom: 30px; left: 30px; /* rtl */ border-color: rgba(255,255,255,0.3); } a.vcard.author, a.vcard.author:hover { text-decoration: none; } a.vcard.author, .wp-block-post-author__avatar { display: inline-block; } a.vcard.author img, .wp-block-post-author__avatar img { display: inline-block; width: 60px; height: 60px; object-fit: cover; transition: 300ms ease; } .ts-blogs-widget-wrapper a.vcard.author img { width: 40px; height: 40px; border-width: 6px; } .entry-summary .short-content > div.gallery:not(:last-child) { margin-bottom: 20px; } .entry-summary .short-content > .wp-block-cover:first-child, .entry-summary .short-content > .wp-block-cover.alignleft:first-child { margin-top: 7px !important; } body.page article.page > *:last-child { 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 { width: 100%; overflow: hidden; } .post_list_widget li .thumbnail img, .list-posts article.has-post-thumbnail .thumbnail img, .ts-blogs article.has-post-thumbnail .thumbnail img { width: calc(100% + 2px); max-width: calc(100% + 2px); transition: 0.4s 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); } .list-posts article .thumbnail.gallery .swiper-wrapper img, .ts-blogs article .thumbnail.gallery .swiper-wrapper img {-o-object-fit: cover;object-fit: cover;} .list-posts article header .entry-title a:hover, .ts-blogs article header .entry-title a:hover { color: var(--ts-primary-color); } .ts-blogs article .excerpt, .entry-summary .short-content { line-height: 1.7; color: var(--ts-gray-color); margin-bottom: 10px; } .ts-blogs article .excerpt blockquote, .entry-summary .short-content blockquote { color: var(--ts-text-color); } .columns-1 .ts-blogs article .excerpt, .columns-1 .entry-summary .short-content { margin-bottom: 16px; } .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 tr:last-child th, .entry-summary .short-content table 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 Masonry ***/ .ts-blogs-wrapper.ts-masonry:not(.ts-slider) .blogs { display: block; margin-left: calc(var(--blog-gap) * -0.5); margin-right: calc(var(--blog-gap) * -0.5); } .ts-blogs-wrapper.ts-masonry:not(.ts-slider) .blogs .item { padding-left: calc(var(--blog-gap) * 0.5); padding-right: calc(var(--blog-gap) * 0.5); margin-bottom: var(--blog-gap); } .ts-blogs.ts-masonry:not(.ts-slider).columns-2 .items .item {width: 50%;} .ts-blogs.ts-masonry:not(.ts-slider).columns-3 .items .item {width: 33.3333%;} /*** Unit Test ***/ .list-posts article.sticky { padding: 30px; border: 1px solid; } .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:not(:where([class*="elementor"], [class*="archive"], [class*="single"], [class*="woocommerce"])) #primary > article.page { margin-bottom: var(--ts-section-gap); } body.page:not(:where([class*="elementor"], [class*="archive"], [class*="single"], [class*="woocommerce"])) #primary > article.page + .comments-area { margin-top: 0; margin-bottom: var(--ts-section-gap); } /*-------------------------------------------------------------------------------------------------------------------- XI. BLOG DETAIL ---------------------------------------------------------------------------------------------------------------------*/ .woocommerce .cross-sells > h2, .woocommerce .up-sells > h2, .woocommerce .related > h2, .woocommerce.related > h2, .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); } .single-related-wrapper { padding-top: calc(var(--ts-section-gap) - 20px); } .ts-shortcode.related-posts.ts-blogs { gap: 0; } /*** Entry Format ***/ header > .entry-title { -ms-word-wrap: break-word; word-wrap: break-word; margin: 0; } .entry-content > .content-wrapper > *:last-child { margin-bottom: 0 !important; } .entry-format .thumbnail, :is(.entry-format, .thumbnail-content) .ts-video, :is(.entry-format, .thumbnail-content) .ts-audio {width: 100%;overflow: hidden;} article.single-post .post-content-wrapper > .comments-area p.nocomments {margin-top: 40px;} /*** 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; } .wp-block-tag-cloud, .tagcloud { display: flex; flex-wrap: wrap; gap: 10px; } .tags-link a, .wp-block-tag-cloud a, .tagcloud a { text-align: center; padding: 4px 20px; font-size: 1rem !important; line-height: 18px !important; border-width: 1px; border-style: solid; color: var(--ts-text-color); text-decoration: none !important; } .tags-link a:hover, .wp-block-tag-cloud a:hover, .tagcloud a:hover { border-color: var(--ts-text-color); } .brands-link a:hover { text-decoration: none; } .elementor-text-editor > ul:last-child > li:last-child { padding-bottom: 0 !important; } body .wp-block-pullquote cite, :where(blockquote cite, .entry-meta-top, .entry-meta-middle, .entry-meta-bottom) { font-family: var(--ts-font-family); font-weight: var(--ts-font-weight); font-style: var(--ts-font-style); display: flex; flex-flow: row wrap; align-items: center; gap: 5px 20px; color: var(--ts-light-gray-color); font-size: calc(var(--ts-font-size) - 2px); line-height: 20px; padding: 5px 0; text-transform: uppercase; letter-spacing: 0.2em; } .comment-count:before {font-size: 1.5em;} .single-post .post-content-wrapper { display: flex; flex-direction: column; gap: 21px 0; } .single-post .post-content-wrapper .entry-format img { margin-bottom: 10px; } /*** Meta Bottom ***/ .single :is(.meta-bottom-1, .meta-bottom-2) { display: flex; flex-flow: row wrap; justify-content: space-between; gap: 0 20px; padding: 20px 0 30px; border-width: 1px 0 0; border-style: solid; } .single .meta-bottom-2 > a {flex: none; width: 30px; text-align: center} .meta-bottom-2 > span:before {content: "\e934";} .single .meta-bottom-1 > *:first-child, .single .meta-bottom-2 > * {flex: 1;} .single .meta-bottom-1 .tags-link { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .single-navigation:empty {display: none;} body #st-el-4 .st-btns {overflow: auto;} body #st-1.st-has-labels .st-btn {min-width: 70px;} .single .meta-bottom-1 > *:last-child, .single-post .single-navigation.next > a {text-align: end;} 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; } .single-post .single-navigation > a { color: inherit; display: flex; flex-wrap: wrap; align-items: center; position: relative; gap: 0; color: var(--ts-gray-color); line-height: 20px; } .single-navigation > a:before { width: 34px; height: 34px; line-height: 33px; font-size: 14px; position: absolute; top: 50%; left: 0; /* rtl */ transform: translateY(-50%); text-align: center; color: var(--ts-heading-color); } .single-navigation.next > a:before { right: 0; /* rtl */ left: auto; /* rtl */ } .single-post .single-navigation.next > a { justify-content: flex-end; } .single-navigation > a > span {width: 100%;} .single-navigation > a > span:first-child { font-size: calc(1em - 1px); } .single-navigation > a > span:last-child { overflow: hidden; font-weight: 500; color: var(--ts-text-color); transition: 200ms ease; } .single-navigation > a:hover > span:last-child { color: var(--ts-primary-color); } /*** Author ***/ .entry-author { display: flex; align-items: flex-start; gap: 0 30px; margin-bottom: 30px; --avatar-size: 100px; } .entry-author .avatar-meta, .entry-author .author-meta { display: flex; flex-direction: column; align-items: center; line-height: 1.4; gap: 10px 0; } .entry-author .author-meta {gap: 4px 0; color: var(--ts-gray-color);} .entry-author .author-meta .role {font-size: calc(1em - 1px);} .entry-author .author-meta .author a { font-weight: 500; color: var(--ts-text-color); text-transform: capitalize; } .entry-author .avatar-meta img { width: var(--avatar-size); max-width: none; } .entry-author .description { padding: 20px; background: #f5f5f5; position: relative; } .entry-author .description:before { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 14px 18px 14px 0;/* rtl */ border-color: transparent #f5f5f5 transparent transparent; transform: rotate(0deg); position: absolute; top: 36px; left: -16px;/* rtl */ } /*** Comment List ***/ .woocommerce #reviews #comments ol.commentlist li .comment-text::after, .woocommerce #reviews #comments ol.commentlist li .comment-text::before, .woocommerce #reviews #comments .commentlist>li::before, .woocommerce #reviews #comments ol.commentlist::after, .woocommerce #reviews #comments ol.commentlist::before {display: none;} /**/ .commentlist + p.nocomments, .comments-area {margin-top: var(--ts-section-gap);} .single :is(.meta-bottom-1, .meta-bottom-2) + .comments-area { margin-top: calc(var(--ts-section-gap) - 30px); } .post-content-wrapper + .comments-area {margin-top: 0;} .comments-area #comment-nav-below { margin: 30px 0 0; padding: 30px 0 0; border-top: 1px solid var(--ts-border); display: flex; justify-content: space-between; } .comments-area #comment-nav-below a, .logged-in-as a { color: inherit; font-weight: 500; text-decoration: none; text-transform: capitalize; } .comments-area #comment-nav-below a:hover, .logged-in-as a:hover { color: var(--ts-primary-color); } .comment_list_widget, .woocommerce #reviews #comments ol.commentlist, .comments-area .commentlist { --list-gap: 30px; --avatar-size: 60px; } .woocommerce #reviews #comments ol.commentlist, .comments-area .commentlist { --avatar-size: 70px; display: flex; flex-direction: column; gap: var(--list-gap) 0; } .commentlist .children {--avatar-size: 60px;} .woocommerce #reviews #comments ol.commentlist li, .commentlist li { line-height: inherit; } .woocommerce #reviews #comments ol.commentlist li:not(:last-child), .commentlist li:not(:last-child) { padding-bottom: var(--list-gap); border-width: 0 0 1px; border-style: solid; } .commentlist ol.children { padding: var(--list-gap) 0 0 20px;/* rtl */ margin: var(--list-gap) 0 0; border-width: 1px 0 0; border-style: solid; display: flex; flex-direction: column; gap: var(--list-gap) 0; } :where(.commentlist, .comment_list_widget) .comment-meta, .commentlist .comment-wrapper { display: flex; flex-direction: column; gap: calc(var(--list-gap) - 10px) 0; } .comment-text br {display: none;} :where(.commentlist, .comment_list_widget) .comment-text { color: var(--ts-gray-color); } .commentlist .comment-text > *:last-child {margin: 0;} :where(.commentlist, .comment_list_widget) .comment-text strong { color: var(--ts-text-color); display: block; margin-bottom: 10px; } .commentlist .comment-text strong { font-size: var(--ts-h5-font-size); line-height: var(--ts-h5-line-height); } .woocommerce #reviews #comments ol.commentlist li img.avatar, :where(.commentlist, .comment_list_widget) .avatar img { width: var(--avatar-size); flex-shrink: 0; position: static; padding: 0; background: transparent; border: 0; } .commentlist .comment-actions, :where(.commentlist, .comment_list_widget) .avatar { display: flex; flex-wrap: wrap; align-items: center; gap: 0 15px; } .commentlist .comment-actions { margin-top: 10px; font-weight: var(--ts-menu-font-weight); } :where(.commentlist, .comment_list_widget) .comment-meta { gap: 4px 0; flex: 1; line-height: 1.3; } .comment-meta .date-time { font-style: italic; font-size: calc(1em - 1px); color: var(--ts-gray-color); } .comment-meta .author { font-weight: var(--ts-menu-font-weight); } /**/ #comment-wrapper:not(:first-child) {margin-top: 50px;} #comment-wrapper :where(p, input, textarea) {margin: 0;vertical-align: top;} #comment-wrapper .heading-wrapper > p {margin: 0 0 15px;} #comment-wrapper .required {color: #DE1010;} #comment-wrapper .heading-title { font-family: var(--ts-font-family); font-weight: var(--ts-menu-font-weight); font-style: var(--ts-font-style); font-size: var(--ts-h4-font-size); line-height: var(--ts-h4-line-height); margin-bottom: calc(var(--ts-heading-gap) - 10px); } .commentlist #comment-wrapper { margin-top: var(--list-gap); } .commentlist #comment-wrapper .heading-title { display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; } #comment-wrapper .heading-title small { font-weight: normal; font-size: calc(1rem - 1px); color: var(--ts-primary-color); } #commentform { display: flex; flex-direction: column; gap: 15px 0; --ts-btn-font-size: var(--ts-font-size); --ts-btn-line-height: 24px; } .woocommerce #review_form #respond .form-submit input, #commentform .form-submit .button { min-width: 130px; } /*** Product Reviews ***/ .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0; border: 0; padding: 0; border-radius: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { display: flex; flex-direction: column; gap: 6px 0; flex: 1; font-size: 1em; line-height: 1.3; margin: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text .woocommerce-review__author { font-size: 1em; } .woocommerce #reviews #comments ol.commentlist li .comment-text .woocommerce-review__published-date { font-style: italic; font-size: calc(1em - 1px); color: var(--ts-gray-color); } .woocommerce #reviews #comments ol.commentlist li .description > *:last-child, .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta > * {margin: 0;} .woocommerce #reviews #comments ol.commentlist li img.avatar { margin: 0 15px calc(var(--list-gap) - 10px) 0;/* rtl */ } .woocommerce #reviews #comments ol.commentlist li .description { clear: both; } .woocommerce #reviews #comments ol.commentlist li .star-rating { float: none; margin: 0 0 6px; } .woocommerce #reviews #comments ol.commentlist li { margin: 0; padding-bottom: var(--list-gap); border-bottom: 1px solid var(--ts-border); list-style: none; } .woocommerce #reviews #comments ol.commentlist li:last-child { margin-bottom: 0; padding-bottom: 0; border: 0; list-style: none; } .woocommerce #reviews #review_form_wrapper { margin-top: 50px; } .woocommerce #reviews #review_form_wrapper .comment-reply-title { font-family: var(--ts-font-family); font-weight: var(--ts-menu-font-weight); font-style: var(--ts-font-style); font-size: var(--ts-h4-font-size); line-height: var(--ts-h4-line-height); margin-bottom: 20px; display: block; } .woocommerce #reviews .comment-form-rating > label { padding: 0; } .woocommerce #reviews .woocommerce-noreviews {margin: 0;} .woocommerce #reviews #comment { height: 150px; } .woocommerce #review_form .comment-form-rating { display: flex; align-items: center; gap: 10px; } .woocommerce #review_form #respond p {margin: 0;} .woocommerce #review_form #respond p.stars, .woocommerce #review_form #respond p.stars span {display: inline-block;line-height: 1;} .woocommerce #review_form #respond textarea {vertical-align: top;} .woocommerce #review_form .comment-form-comment, .woocommerce #review_form .form-submit {order: 1;} .woocommerce #review_form input {margin: 0;} /*------------------------------------------------------------------------------------------------------------------- XIII. PAGE TEMPLATE ---------------------------------------------------------------------------------------------------------------------*/ /*** Page 404 ***/ body.error404 .not-found, body.error404 .not-found .content-404 { display: flex; flex-direction: column; justify-content: center; text-align: center; align-items: center; gap: 30px; } body.error404 .not-found .content-404 { gap: 20px; } body.error404 .not-found i { font-size: 80px; line-height: 1; color: var(--ts-primary-color); } body.error404 .not-found h1 { font-family: inherit; font-style: inherit; font-size: var(--ts-h2-font-size); line-height: var(--ts-h2-line-height); font-weight: 600; margin-bottom: 0; } body.error404 .not-found p { max-width: 500px; margin: 0 auto 10px; } body.error404 .not-found a.button { display: inline-block; } /*------------------------------------------------------------------------------------------------------------------- XIV. WISHLIST/COMPARE ---------------------------------------------------------------------------------------------------------------------*/ .ts-compare-popup.loading {min-height: 120px;display: inline-flex;} .ts-compare-popup.loading > * {opacity: 0;visibility: hidden;} .ts-wishlist-table-wrapper.loading:before { content: ''; position: absolute; inset: 0; background: rgba(255,255,255,0.9); z-index: 2; } /*** COMPARE ***/ .ts-stick-compare-button.active {display: inline-flex;} .ts-compare-popup.active {display: flex;} .ts-compare-popup .items .item.empty > * {display: none !important;} :where(.ts-stick-compare-button, .ts-compare-popup) { display: none; position: fixed; bottom: 0; z-index: 996; } .ts-stick-compare-button { left: 0;/* rtl */ bottom: 0; gap: 4px; padding: 13px 20px; transition: 250ms ease; font-family: var(--ts-btn-font-family); font-weight: 500; font-size: var(--ts-btn-font-size); line-height: var(--ts-btn-line-height); background: var(--ts-dropdown-bg); color: var(--ts-dropdown-color); text-transform: uppercase; border-radius: 0; box-shadow: 0px -5px 5px rgba(0,0,0,.1); } .ts-stick-compare-button:hover { color: var(--ts-text-in-primary-color); background-color: var(--ts-primary-color); cursor: pointer; } .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); --pd-top: 20px; --items-gap: 15px; --actions-gap: 10px; --ts-btn-pd-v: 7px; } .ts-compare-popup .content-wrapper { display: flex; flex-direction: column; padding-top: var(--pd-top); padding-bottom: var(--pd-top); margin: 0 auto; max-width: 1160px; gap: 20px var(--items-gap); } .ts-compare-popup .items { flex: 1; display: flex; position: relative; gap: 0 var(--items-gap); } .ts-compare-popup .items .item { position: relative; flex: 1; margin-right: var(--items-gap);/* rtl */ } .ts-compare-popup .items .item.empty { display: flex; align-items: center; justify-content: center; outline: 1px dashed var(--ts-border); } .ts-compare-popup .items .item:after { content: ''; position: absolute; top: 0; bottom: 0; right: calc(var(--items-gap) * -1);/* rtl */ border-right: 1px solid var(--ts-border);/* rtl */ } .ts-compare-popup .items .item.empty:before { content: '\e956'; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; font-size: 18px; color: var(--ts-border); } .ts-compare-popup .items .product-wrapper { display: flex; align-items: center; } .ts-compare-popup .items .product-meta { display: none; flex-direction: column; flex: 1; gap: 2px; } .ts-compare-popup .items .item a { text-decoration: none; color: inherit; } .ts-compare-popup .items .product-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: var(--ts-prod-font-size); line-height: var(--ts-prod-line-height); font-family: var(--ts-prod-font-family); font-weight: var(--ts-prod-font-weight); text-transform: var(--ts-prod-transform); color: var(--ts-heading-color); margin: 0; } .ts-compare-popup .close, .ts-compare-popup .item .remove { width: 24px; height: 24px; font-size: 10px; position: absolute; top: 0; right: 0;/* rtl */ display: inline-block; text-align: center; background: var(--ts-dropdown-bg); color: var(--ts-dropdown-color); z-index: 2; } .ts-compare-popup .close { right: 0;/* rtl */ transform: translateY(-100%); z-index: 3; border: 1px solid var(--ts-border); } .ts-compare-popup .close:hover, .ts-compare-popup .item .remove:hover { color: var(--ts-primary-color); border-color: var(--ts-primary-color); cursor: pointer; } .ts-compare-popup .close:before, .ts-compare-popup .item .remove:before { content: '\e93a'; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; line-height: 24px; } .ts-compare-popup .close:before { content: '\e930'; } .ts-compare-popup .actions { display: flex; flex-direction: column; text-align: center; align-items: center; gap: var(--actions-gap); } .ts-compare-popup .button {width: 100%;} .ts-compare-popup .empty-compare-button { display: inline-block; text-decoration: none; position: relative; color: inherit; font-size: calc(1em - 2px); text-transform: var(--ts-btn-transform); } .empty-compare-button:after { content: ''; width: 100%; position: absolute; left: 0; right: 0; bottom: 2px; border-bottom: 1px solid; transition: 300ms ease; } .empty-compare-button:hover:after { width: 0; } .ts-empty-compare-message { padding: 20px 0; text-align: center; } /**/ .ts-compare-table-wrapper { width: 100%; position: relative; border-width: 0 0 1px 1px;/* rtl */ border-style: solid; overflow: hidden; --ts-btn-pd-v: 7px; --ts-btn-font-size: calc(1em - 1px); } .ts-compare-table-wrapper > div { display: flex; text-align: center; } .ts-compare-table-wrapper > div.product-thumbnail .product-add-to-cart { padding-top: 10px; } .ts-compare-table-wrapper > div p {margin: 0;} .ts-compare-table-wrapper > div > *:not(.heading) {flex: 1;} .ts-compare-table-wrapper > div > * { padding: 20px; border-width: 1px 1px 0 0;/* rtl */ border-style: solid; } .ts-compare-table-wrapper > div:not(.product-thumbnail) > * { vertical-align: middle; } .ts-compare-table-wrapper > div .heading { width: 180px; text-align: start; flex-shrink: 0; 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-heading-transform); color: var(--ts-heading-color); } .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 { display: flex; flex-direction: column; text-align: center; padding-top: 46px; position: relative; gap: 4px; } .ts-compare-table-wrapper .product-thumbnail .product-price { justify-content: center; } .ts-compare-table-wrapper .product-thumbnail > div > .thumbnail {display: block;margin-bottom: 8px;} .ts-compare-table-wrapper a, .ts-compare-table-wrapper a:hover {text-decoration: none;} .woocommerce .product a.added_to_cart.wc-forward, .ts-wg-meta a.added_to_cart.wc-forward, .ts-compare-table-wrapper.woocommerce a.added_to_cart {display: none !important;} .ts-compare-table-wrapper .product-thumbnail > div h6 { font-size: var(--ts-prod-font-size); line-height: var(--ts-prod-line-height); font-family: var(--ts-prod-font-family); font-weight: var(--ts-prod-font-weight); text-transform: var(--ts-prod-transform); color: var(--ts-heading-color); margin-bottom: 0; } .ts-remove-from-compare { width: 30px; height: 30px; line-height: 30px; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); font-size: 0; color: inherit; } .ts-remove-from-compare:before { content: '\e93a'; 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: 160px; } .ts-compare-table-wrapper .product-add-to-cart .button-tooltip { display: inline-block; } .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button { margin: 0 auto; display: inline-flex; gap: 0 5px; padding-left: 20px; padding-right: 20px; justify-content: center; } .ts-compare-table-wrapper .product-pa_color > div > span, .ts-compare-table-wrapper .product-pa_color > div > img { width: 30px; height: 30px; border: 1px solid #f5f5f5; margin: 5px; display: inline-block; vertical-align: top; } /**/ .ts-remove-from-wishlist:before{ font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; content: "\e93a"; font-size: 13px; line-height: 1; color: inherit; display: inline-block; } .ts-compare-popup .button, .ts-wishlist-table-wrapper .product-add-to-cart a { display: flex; align-items: center; justify-content: center; gap: 5px; position: relative; overflow: hidden; } .ts-wishlist-table-wrapper .product-add-to-cart a {min-width: 200px;} /*** WISHLIST ***/ .ts-wishlist-table-wrapper { position: relative; overflow: hidden; } .ts-wishlist-table-wrapper, .ts-compare-table-wrapper { margin-bottom: var(--ts-section-gap) !important; } .breadcrumb-title-wrapper.no-title ~ .page-container .ts-wishlist-table-wrapper, .breadcrumb-title-wrapper.no-title ~ .page-container .ts-compare-table-wrapper { margin-top: calc(var(--ts-section-gap) - 30px) !important; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) { display: flex; padding: 20px 0; gap: 20px; align-items: center; border-bottom: 1px solid var(--ts-border); position: relative; } .ts-wishlist-table-wrapper .heading-row { padding-top: 0; } .ts-wishlist-table-wrapper .items span.product-stock-status .in-stock { color: #297e29; } .ts-wishlist-table-wrapper .items span.product-stock-status { color: #f00; } .ts-wishlist-table-wrapper .wishlist-item:last-child { border: 0; padding-bottom: 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 .heading-row > :where(.product-remove, .product-thumbnail) {display: none;} .ts-wishlist-table-wrapper .wishlist-item > .product-remove { width: 30px; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-name { flex: 1; } .ts-wishlist-table-wrapper .wishlist-item > .product-thumbnail { width: var(--widget-thumbnail-width); } .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: 200px; } .ts-wishlist-table-wrapper .product-add-to-cart a.added_to_cart { display: none; } .ts-wishlist-table-wrapper .product-add-to-cart { display: flex; flex-direction: column; gap: 5px; } /*** Empty wishlist ***/ .ts-wishlist-table-wrapper.empty-wishlist .items .item:only-child { padding: 20px 0; width: 100%; text-align: inherit; } /*------------------------------------------------------------------------------------------------------------------- XVI. RESPONSIVE ---------------------------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 500px){ .ts-compare-popup { --pd-top: 20px; --items-gap: 20px; --thumb-width: 70px; } .ts-compare-popup .items .product-meta {display: flex; flex: 1;} .ts-compare-popup .items .product-thumbnail {width: var(--thumb-width);} .ts-compare-popup .items .product-wrapper {gap: 15px;} .ts-compare-popup .close { width: 30px; height: 30px; font-size: 14px; } .ts-compare-popup .item .remove { font-size: 12px; top: -6px; } .ts-compare-popup .close:before { line-height: 30px; } } @media only screen and (min-width: 768px){ .header-transparent .ts-header .header-template { position: absolute; z-index: 993; left: 0px; right: 0px; } .header-transparent .header-sticky:not(.is-sticky) :where(.header-middle,.header-bottom) { background: transparent; border: 0; } .header-transparent.header-text-light .header-sticky:not(.is-sticky) .header-middle { --ts-hd-middle-color: #ffffff; --ts-hd-middle-border: rgba(255,255,255,0.2); } .header-transparent.header-text-light .header-sticky:not(.is-sticky) .header-bottom { --ts-hd-bottom-color: #ffffff; --ts-hd-bottom-border: rgba(255,255,255,0.2); } .header-v1 .ts-store-notice {display: none;} .header-middle { --hd-padding-vertical: 20px; } .header-v3 .header-sticky:not(.is-sticky) .header-middle { --hd-padding-vertical: 10px; } .header-v3 .header-template.is-sticky .header-bottom { margin-top: -10px; } .header-v3 .header-sticky:not(.is-sticky) .header-middle > .container { padding-top: 20px; } .header-v3 .ts-header:not(.has-search-categories) .header-middle > .container {gap: 0 100px;} .header-v3 .header-middle .header-right, .header-v3 .header-middle .ts-search-by-category {flex: 1;} .header-v3 .header-middle .header-right {gap: 7px;} .header-v3 .ts-search-by-category .search-table .search-field input[type="text"] { border-width: 1px; padding-left: 20px;/* rtl */ } .header-v3 .ts-search-by-category .search-table .search-button { width: 60px; justify-content: center; } .header-v3 .header-middle .header-right > *:not(.ts-search-by-category):not(.icon-menu-sticky-header) { padding-left: 10px; padding-right: 10px; border-width: 1px; border-style: solid; } .header-v3 .shopping-cart-wrapper { background: var(--ts-dropdown-color); border-color: var(--ts-dropdown-color); color: var(--ts-dropdown-bg); } .header-v3 .shopping-cart-wrapper .cart-control .cart-number:before, .header-v3 .my-wishlist-wrapper .tini-wishlist .count-number:before { content: '('; display: inline-block; } .header-v3 .shopping-cart-wrapper .cart-control .cart-number:after, .header-v3 .my-wishlist-wrapper .tini-wishlist .count-number:after { content: ')'; display: inline-block; } .header-v3 .my-wishlist-wrapper .tini-wishlist .count-number, .header-v3 .shopping-cart-wrapper .cart-control .cart-number { position: static; background: transparent; color: inherit; font-size: calc(1em - 2px); line-height: inherit; width: auto; height: auto; text-align: inherit; display: inline-flex; } .header-v3 .my-account-wrapper .account-control > a, .header-v3 .my-wishlist-wrapper .tini-wishlist, .header-v3 .shopping-cart-wrapper .cart-control {gap: 0 3px;} .header-v3 .shopping-cart-wrapper .dropdown-container:before, .header-v3 .my-account-wrapper .dropdown-container:before { top: calc(var(--hd-padding-vertical) + 1px); } .term-description .author-thumbnail {width: 150px;} .tax-ts_product_author .term-description { padding: 30px; flex-direction: row; align-items: center; text-align: start; gap: 20px; } .term-description .author-meta { font-size: var(--ts-h6-font-size); } .single :is(.meta-bottom-1, .meta-bottom-2) {gap: 0 30px;} .single :is(.meta-bottom-1, .meta-bottom-2) + .comments-area { margin-top: calc(var(--ts-section-gap) - 40px); } .ts-product-author-wrapper .shop-more .shop-more-button, .button-pos-top .shop-more .button.button-border {margin: 0 0 20px;} :where(.ts-gallery-wrapper, .ts-product-brand-wrapper).ts-shortcode:not(.ts-slider):not(.columns-1):not(.columns-2):not(.columns-3) .items, .woocommerce .products:not(:is(.cross-sells,.up-sells,.related)) { grid-template-columns: repeat(4, minmax(0,1fr)); } .ts-product-category-wrapper.woocommerce .products:not(:is(.cross-sells,.up-sells,.related)), .woocommerce .list-categories .products:not(:is(.cross-sells,.up-sells,.related)), .page-container:not(.no-sidebar) .woocommerce .products:not(:is(.cross-sells,.up-sells,.related)) { grid-template-columns: repeat(3, minmax(0,1fr)); } .ts-product-category-wrapper.style-icon.woocommerce .products:not(:is(.cross-sells,.up-sells,.related)) { grid-template-columns: repeat(5, minmax(0,1fr)); } .woocommerce.columns-3 .products:not(:is(.cross-sells,.up-sells,.related)), .ts-shortcode:not(.ts-slider):not(.columns-1):not(.columns-2) .items { grid-template-columns: repeat(3, minmax(0, 1fr)); } .list-posts, .woocommerce.columns-2 .products:not(:is(.cross-sells,.up-sells,.related)), .ts-shortcode.ts-blogs:not(.ts-slider):not(.columns-1) .items { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-container:not(:is(.columns-2, .columns-3)) .list-posts { --blog-gap: var(--ts-section-gap); } .post-content-wrapper .entry-content { font-size: calc(1rem + 1px); } .woocommerce div.product .woocommerce-tabs { --tab-heading-gap: 30px; --tabs-padding: 30px; } .products .product-category .product-wrapper > .meta-wrapper {padding: 15px;} .ts-product-author-wrapper.ts-shortcode, .ts-shortcode.ts-product.button-pos-top { flex-flow: row wrap; align-items: flex-end; justify-content: space-between; text-align: inherit; } .ts-product-author-wrapper.ts-shortcode .items, .ts-shortcode.ts-product.button-pos-top :where(.content-wrapper, .column-content) { order: 2; width: 100%; } .ts-product-author-wrapper.ts-shortcode .shop-more, .ts-shortcode.button-pos-top .shop-more { order: 1; --ts-btn-font-size: calc(var(--ts-btn-font-size) + 1px); } .ts-shortcode.button-pos-top .column-tabs ul.tabs { justify-content: flex-start; } .ts-shortcode .column-tabs { --tabs-h-gap: 20px; gap: 15px; margin-bottom: 20px; } .ts-popup-modal { --popup-padding: 30px; } :where(.ts-product-in-category-tab-wrapper, .ts-product-in-product-type-tab-wrapper).button-pos-top .shop-more .button.button-border {margin: 0 0 23px;} .column-tabs ul.tabs li {font-size: var(--ts-h5-font-size);} .woocommerce.ts-product.list .products .product .product-wrapper { --ts-btn-pd-h: 10%; } div:not(.sr7-layer) > .woocommerce.ts-product.list.columns-1 .products .product .meta-wrapper {gap: 6px;} div:not(.sr7-layer) > .woocommerce.ts-product.list.columns-1 .products .product .price { font-size: calc(var(--ts-font-size) + 3px); line-height: 1.4; } div:not(.sr7-layer) > .woocommerce.ts-product.list.columns-1 .products .product .product-name { font-size: var(--ts-h4-font-size); line-height: 1.3; font-weight: 600; display: block; overflow: visible; max-height: none; } div:not(.sr7-layer) > .woocommerce.ts-product.list.columns-1 .products .product .short-description { font-size: var(--ts-font-size); line-height: var(--ts-line-height); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; max-height: calc(3 * var(--ts-line-height)); } div:not(.sr7-layer) > .woocommerce.ts-product.list.columns-1 .products .product .meta-wrapper { padding: 12px 15px; } .woocommerce div.product div.images { margin-bottom: var(--ts-section-gap); } .woocommerce div.product form.cart .button-in + .ts-buy-now-button { max-width: calc(100% - var(--ts-btn-pd-v) * 2 - var(--ts-btn-line-height) - var(--section-gap)); } .woocommerce div.product form.cart .button-in + .button-in + .ts-buy-now-button { max-width: calc(100% - var(--ts-btn-pd-v) * 4 - var(--ts-btn-line-height) * 2 - var(--section-gap) * 2); } #commentform { flex-direction: row; flex-wrap: wrap; gap: 20px; } #commentform > * {flex: 1;} #commentform > *:not(.form-name):not(.form-email):not(.comment-form-author):not(.comment-form-email) { width: 100%; flex: none; } /*** Tabs in summary ***/ .woocommerce div.product.tabs-in-summary .woocommerce-tabs { --tab-heading-gap: 15px; --tabs-padding: 20px; --ts-heading-gap: 22px; margin-top: calc(var(--section-gap) * 3); } .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs { justify-content: start; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs li { font-size: calc(var(--ts-h4-font-size) - 2px); } .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs { margin-bottom: 12px; } .woocommerce div.product.tabs-in-summary table.shop_attributes th, div.product.tabs-in-summary .woocommerce-Tabs-panel .ts-specifications-content ul li > span:first-child { width: 140px; } .woocommerce div.product.tabs-in-summary #reviews #review_form_wrapper { margin-top: 30px; } .woocommerce div.product.tabs-in-summary #reviews .comment-form-rating > label { padding: 0 0 10px; } div.product.tabs-in-summary #commentform { gap: 10px; } .woocommerce div.product.tabs-in-summary #reviews #comments ol.commentlist, .comments-area .commentlist { --avatar-size: 60px; } .woocommerce div.product.tabs-in-summary #reviews #review_form_wrapper .comment-reply-title { font-size: var(--ts-h5-font-size); line-height: var(--ts-h5-line-height); } .commentlist .comment-text strong { font-size: var(--ts-h6-font-size); line-height: var(--ts-h6-line-height); } .woocommerce-cart table.cart td, .woocommerce-cart table.cart th {width: 110px; flex-shrink: 0;} .woocommerce-cart table.cart .product-name {flex: 1;} .woocommerce-cart table.cart .product-remove {width: auto; text-align: start;} .woocommerce-cart table.cart .product-thumbnail {width: var(--widget-thumbnail-width);} .header-v3 .ts-search-by-category :where(form,.search-table,.search-content,.search-field input[type="text"]) { width: 100%; height: 100%; } form.checkout :where(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-additional-fields__field-wrapper) { flex-direction: row; flex-wrap: wrap; } form.checkout :where(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-additional-fields__field-wrapper) > * { width: 100%; } form.checkout :where(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-additional-fields__field-wrapper) > :is(.form-row-first, .form-row-last) { width: auto; flex: 1; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: none; width: 100%; } .woocommerce > form.checkout .woocommerce-NoticeGroup { margin-bottom: calc(var(--ts-heading-gap) - 20px); } #customer_login { flex-direction: row; gap: 0 var(--ts-content-padding); } .woocommerce-customer-details .col2-set, .woocommerce-Addresses.col2-set { flex-direction: row; gap: 0 30px; } .woocommerce-Addresses.col2-set {margin: var(--ts-section-gap) 0 0;} } @media only screen and (min-width: 992px){ :root { --ts-columns: 5; } :where(.header-top,.header-middle,.header-bottom) > .container { gap: 0 40px; gap: 0 clamp(30px, 5vw, 60px); } div:not(.sr7-layer) > .woocommerce.ts-product.list.columns-1 .products .product .meta-wrapper { padding-left: 20px; padding-right: 20px; } .woocommerce div.product.gallery-layout-vertical div.images { --thumbnails-width: 70px; } .header-v2 .ts-store-notice {display: none;} .header-v3 .shopping-cart-wrapper .cart-control .cart-total, .header-v3 .my-wishlist-wrapper .tini-wishlist .title, .header-v3 .my-account-wrapper .account-control > a span {display: inline-block;font-weight: 500;} .header-v3 .my-account-wrapper .account-control > a, .header-v3 .my-wishlist-wrapper .tini-wishlist, .header-v3 .shopping-cart-wrapper .cart-control {gap: 0 6px;} .header-v3 .header-middle > .container {gap: 0 100px;} :where(.ts-gallery-wrapper, .ts-product-brand-wrapper).ts-shortcode:not(.ts-slider):not(.columns-1):not(.columns-2):not(.columns-3):not(.columns-4) .items, .woocommerce .products:not(:is(.cross-sells,.up-sells,.related)) { grid-template-columns: repeat(5, minmax(0,1fr)); } .woocommerce .list-categories .products:not(:is(.cross-sells,.up-sells,.related)) { grid-template-columns: repeat(var(--ts-columns), minmax(0, 1fr)); } .woocommerce.columns-4 .products:not(:is(.cross-sells,.up-sells,.related)), .page-container:not(.no-sidebar) .woocommerce .products:not(:is(.cross-sells,.up-sells,.related)) { grid-template-columns: repeat(4, minmax(0,1fr)); } .ts-shortcode:not(.ts-slider):not(.columns-1):not(.columns-2):not(.columns-3) .items { grid-template-columns: repeat(4, minmax(0, 1fr)); } .ts-shortcode.ts-blogs:not(.ts-slider) .items { grid-template-columns: repeat(3, minmax(0,1fr)); } .woocommerce .woocommerce-product-gallery .product-label { --label-width: 52px; --label-size: 14px; } .icon-menu-sticky-header .icon:before, .ts-mobile-icon-toggle .icon:before, .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: 20px; } #order_review table.shop_table, #order_review table.shop_table :is(thead,tbody,tfoot), #order_review table.shop_table td { display: block; } div:not(.sr7-layer) > .woocommerce.ts-product.list.columns-1 .products .product .price { font-size: calc(var(--ts-font-size) + 4px); } div:not(.sr7-layer) > .woocommerce.ts-product.list.columns-1 .products .product .meta-wrapper {gap: 8px;} .ts-product-category-wrapper.style-icon.woocommerce .products:not(:is(.cross-sells,.up-sells,.related)) { grid-template-columns: repeat(6, minmax(0,1fr)); } .products .product-category .product-wrapper { box-shadow: 0 4px 10px rgba(0,0,0,.2); } .products .product-category .product-wrapper:hover{ box-shadow: 0 3px 8px rgba(0,0,0,.1); } .woocommerce.list .products .meta-wrapper > .short-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; max-height: calc(3 * var(--ts-prod-line-height)); } .commentlist .comment-wrapper { flex-direction: row; align-items: flex-start; gap: 0 var(--list-gap); } .commentlist .avatar { flex-shrink: 0; } .woocommerce div.product div.summary { width: calc(50% - 30px); } .woocommerce div.product:not(.tabs-in-summary) #reviews #comments ol.commentlist li .comment_container { display: flex; flex-direction: row; align-items: flex-start; gap: 0 15px; } .woocommerce div.product:not(.tabs-in-summary) #reviews #comments ol.commentlist li img.avatar { margin: 0; float: none; } .woocommerce div.product:not(.tabs-in-summary) #reviews #comments ol.commentlist li .comment-text { display: flex; align-items: flex-start; gap: 0 var(--list-gap); } .woocommerce div.product:not(.tabs-in-summary) #reviews #comments ol.commentlist li .comment-text p.meta { width: 120px; flex: none; margin: 22px 0 0; } .woocommerce div.product:not(.tabs-in-summary) #reviews #comments ol.commentlist li .star-rating { position: absolute; top: 1px; } .woocommerce div.product:not(.tabs-in-summary) #reviews #comments ol.commentlist li .description { flex: 1; } /*** 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; } /**/ .style-horizontal .mailchimp-subscription { display: flex; flex-wrap: wrap; align-items: center; gap: 0 30px; } .style-horizontal .mailchimp-subscription .widget-title-wrapper {margin-bottom: 0;} .style-horizontal .mailchimp-subscription .widget-title-wrapper .widget-title {margin-bottom: 10px;} .style-horizontal .mailchimp-subscription .subscribe-widget { flex: 1; } .ts-compare-popup .content-wrapper { flex-direction: row; align-items: center; } .ts-compare-popup .actions {width: 190px;} .ts-compare-popup .button {width: 100%;} .ts-compare-popup .item .remove { right: -6px;/* rtl */ } .woocommerce-cart table.cart td:where(.product-price, .product-subtotal), .woocommerce-cart table.cart th:where(.product-price, .product-subtotal) {width: 90px;} .woocommerce > form.checkout { display: grid; grid-template-columns: 1fr 350px; align-items: flex-start; gap: 0 30px; } .woocommerce > form.checkout .woocommerce-NoticeGroup { grid-column: 1 / 3; grid-row: 1; } .woocommerce > form.checkout .col2-set { grid-column: 1; grid-row: 2 / span 4; } .woocommerce > form.checkout #order_review_heading, .woocommerce > form.checkout #order_review { grid-column: 2; grid-row: 2; } .woocommerce > form.checkout #order_review { grid-row: 3; } :is(.woocommerce, .woocommerce-page) form .form-row textarea.input-text, :is(.woocommerce, .woocommerce-page) form .form-row textarea { height: 150px; } #customer_login { margin: 30px 0 0; gap: 0 calc(var(--ts-content-padding) * 2); } .woocommerce :is(form.login, form.register) .lost_password { margin: 4px 0 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li > a { font-size: var(--ts-h5-font-size); line-height: var(--ts-h5-line-height); } } @media only screen and (min-width: 1201px){ :where(.header-top,.header-middle,.header-bottom) > .container { gap: 0 70px; gap: clamp(30px,3vw,70px); } :where(.layout-fullwidth, .header-fullwidth) :where(.header-top,.header-middle,.header-bottom) > .container { gap: clamp(30px,6vw,100px); } body:not(.header-v1) .ts-search-by-category {min-width: 280px;} .header-v1 .header-middle .header-right { container-type: inline-size; flex: 1; } @media only screen and (min-width: 1201px) { @container (min-width: 410px) { .header-v1 .header-right .ts-search-by-category { min-width: 280px; } } } .header-v4 .header-right .header-language-currency:not(:last-child) { margin-right: 10px;/* rtl */ } .ts-search-by-category > form {gap: 0 10px;} .header-v3 .header-middle .header-right {gap: 10px;} .header-v3 .header-middle .header-right > *:not(.ts-search-by-category):not(.icon-menu-sticky-header) { padding-left: 20px; padding-right: 20px; } div:not(.sr7-layer) > .woocommerce.ts-product.list.columns-1 .products .product .meta-wrapper { padding-left: 30px; padding-right: 30px; } .ts-compare-popup { --items-gap: 30px; --actions-gap: 15px; } .ts-compare-popup .close { top: var(--pd-top); right: var(--pd-top);/* rtl */ transform: none; } .ts-compare-table-wrapper .product-thumbnail img { max-width: 200px; } .woocommerce .woocommerce-cart-form {width: calc(100% - 410px);} body .wc-block-components-sidebar-layout .wc-block-components-main {width: calc(100% - 380px);} body .wc-block-components-sidebar, .woocommerce-cart .woocommerce .cart-collaterals { width: 380px; } .woocommerce td.product-quantity { --ts-btn-pd-v: 9px; } .woocommerce td.product-quantity .quantity {width: 85px;} .woocommerce-cart table.cart .product-remove {width: 30px;} .woocommerce table.shop_table tr {gap: 15px;} .woocommerce-cart table.cart td:where(.product-price, .product-subtotal), .woocommerce-cart table.cart th:where(.product-price, .product-subtotal), .woocommerce-cart table.cart td, .woocommerce-cart table.cart th {width: 150px;} body table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:before, .woocommerce table.shop_table .product-remove a:before {font-size: 14px;} .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > :where(.product-stock-status, .product-price) { min-width: 220px; } .search-table .search-button:before, .wp-block-search .wp-block-search__button:before, .woocommerce-product-search button[type="submit"]:before, .icon-menu-sticky-header .icon:before, .ts-mobile-icon-toggle .icon:before, .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: 23px; } .ts-popup-modal { --popup-padding: 40px; } .woocommerce div.product div.summary .counter-wrapper { --item-width: 30px; --item-size: 14px; min-width: 180px; } .woocommerce div.product .woocommerce-tabs { --tab-heading-gap: 50px; --tabs-padding: 50px; } .woocommerce .woocommerce-product-gallery .product-label { --label-width: 60px; --label-size: 16px; } .woocommerce div.product div.images { width: 610px; } .woocommerce div.product div.summary { width: calc(100% - 640px); } .woocommerce div.product.gallery-layout-vertical div.images { --thumbnails-width: 100px; } .woocommerce #primary > div.product:not(.specifications-in-summary) div.summary:has(.ts-social-sharing) { padding-right: 120px;/* rtl */ } .woocommerce #primary > div.product:not(.specifications-in-summary) div.summary .ts-social-sharing { width: 20px; position: absolute; top: 0; right: 0;/* rtl */ } .woocommerce #primary > div.product:not(.specifications-in-summary) div.summary .ts-social-sharing ul { font-size: 20px; flex-direction: column; gap: 15px; } .woocommerce #primary > div.product:not(.specifications-in-summary) div.summary .ts-social-sharing > span {display: none;} .woocommerce #primary > div.product.specifications-in-summary div.summary { display: block; } .woocommerce #primary > div.product.specifications-in-summary div.summary:after { content: ''; display: table; clear: both; } .woocommerce #primary > div.product.specifications-in-summary div.summary .product-specifications-wrapper { width: 311px; margin-top: 0; padding-left: 30px;/* rtl */ margin-left: 30px;/* rtl */ float: right;/* rtl */ } .woocommerce #primary > div.product.specifications-in-summary div.summary .product-specifications-wrapper:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 1px; height: 100%; background: var(--ts-border); margin-left: -30px;/* rtl */ } .woocommerce #primary > div.product.specifications-in-summary div.summary > *:not(.product-specifications-wrapper) { max-width: calc(100% - 341px); } .woocommerce #primary > div.product.specifications-in-summary div.images { width: 510px; } .woocommerce #primary > div.product.specifications-in-summary div.summary { width: calc(100% - 540px); } .woocommerce #primary > div.product.specifications-in-summary.gallery-layout-vertical div.images { --thumbnails-width: 80px; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs { --tab-heading-gap: 20px; --tabs-padding: 30px; --ts-heading-gap: 25px; } .error404 #main .page-container {min-height: 650px;} body.error404 .not-found p {margin-bottom: 20px;} .ts-frequently-bought-together > h3 { margin-bottom: 30px; } .woocommerce .widget_rating_filter .star-rating { width: 91px; height: 16px; } .woocommerce .widget_rating_filter .star-rating:before, .woocommerce .widget_rating_filter .star-rating span:before { font-size: 16px; } .woocommerce div.product form.cart .button-in > a { transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease; } .woocommerce div.product form.cart .button-in > a:hover { color: var(--ts-btn-color); background-color: var(--ts-btn-bg); border-color: var(--ts-btn-border); } .ts-wishlist-sidebar-content > label { font-size: calc(1em + 1px); gap: 20px; } .ts-wishlist-sidebar-content > label:before { font-size: 5em; } .ts-floating-sidebar .woocommerce :where(ul.cart_list, ul.product_list_widget) { gap: 30px 0; } .header-sticky:not(.is-sticky) .header-middle { --hd-padding-vertical: 30px; } .header-v3 .header-sticky:not(.is-sticky) .header-middle > .container { padding-top: 30px; } .header-bottom { --hd-padding-vertical: 15px; } .header-v3 .header-bottom { --hd-padding-vertical: 20px; } .ts-header:not(.has-search-categories) .ts-menu nav > ul, .ts-header:not(.has-search-categories) nav > ul.menu { gap: 0 35px; } .ts-header .header-middle .hotline > a:before {font-size: 1.7em;} .tax-ts_product_author .term-description { padding: 40px; gap: 25px; } .woocommerce div.product div.summary { --section-gap: 10px; } #comment-wrapper .heading-wrapper > p {margin: 0 0 20px;} #commentform .form-submit .button {min-width: 150px;} .single .meta-bottom-1 {padding: 30px 0 40px;} .entry-author {margin-bottom: 40px;} .entry-author .description {padding: 30px;} .single-related-wrapper { padding-top: calc(var(--ts-section-gap) - 30px); } .term-description .author-meta { font-size: var(--ts-h5-font-size); } .term-description .author-name { font-size: var(--ts-h2-font-size); line-height: var(--ts-h2-line-height); margin-bottom: 25px; } .single :is(.meta-bottom-1, .meta-bottom-2) {gap: 0 40px;} .term-description .author-thumbnail {width: 200px;} .tax-ts_product_author .term-description { padding: 50px; gap: 30px; } .ts-header nav > ul.menu li.ts-megamenu ul.sub-menu { min-width: 230px; } .header-middle .hotline { font-size: calc(var(--ts-h5-font-size) + 2px); } :where(.list-posts, .ts-blogs) article:where(.has-post-thumbnail, .format-video, .format-audio) .entry-content { padding: 25px 30px 0; } :where(.list-posts, .ts-blogs) { --blog-gap: 40px; } .comment_list_widget, .comments-area .commentlist { --list-gap: 40px; } .comments-area #comment-nav-below { margin: 40px 0 0; padding: 40px 0 0; } .products .product-category .product-wrapper > .meta-wrapper {padding: 15px;} .product-category .meta-wrapper h4 { font-size: calc(var(--ts-prod-font-size) + 2px); } .ts-shortcode {gap: 25px;} .ts-product-author-wrapper .shop-more .shop-more-button, .button-pos-top .shop-more .button.button-border {margin: 0 0 23px;} :where(.ts-product-in-category-tab-wrapper, .ts-product-in-product-type-tab-wrapper).button-pos-top .shop-more .button.button-border {margin: 0 0 26px;} .ts-product-author-wrapper { --ts-h-gap: 40px; --ts-v-gap: 40px; } .post-content-wrapper .entry-content { font-size: calc(1rem + 2px); } .ts-team-members .team-info > .member-social { gap: 10px 20px; font-size: 20px; margin-top: 10px; } div:not(.sr7-layer) > .woocommerce.ts-product.list.columns-1 .products .product .meta-wrapper {gap: 9px;} div:not(.sr7-layer) > .woocommerce.ts-product.list.columns-1 .products .product .price { font-size: calc(var(--ts-font-size) + 6px); } div:not(.sr7-layer) > .woocommerce.ts-product.list.columns-1 .products .product .product-name { font-size: calc(var(--ts-h4-font-size) + 4px); } .infinity-scroll.woocommerce .ts-shop-load-more .button { --loading-size: 33px; } #ts-filter-widget-area, .ts-sidebar { --sb-gap: 40px; } .woocommerce-page .collapse-scroll-sidebar :is(#left-sidebar, #right-sidebar) .widget-container { margin-bottom: 25px; } .woocommerce-page .collapse-scroll-sidebar :is(#left-sidebar, #right-sidebar) .widget-title-wrapper { margin-bottom: 25px; } .collapse-scroll-sidebar .ts-sidebar .widget-container > *:not(.widget-title-wrapper) { margin-bottom: 25px; } .ts-shortcode .column-tabs {gap: 30px; margin-bottom: 24px;} .column-tabs ul.tabs li {font-size: var(--ts-h4-font-size);} .ts-product-in-category-tab-wrapper .column-tabs ul.tabs li {font-size: var(--ts-h5-font-size);} .woocommerce.main-products.list .products .product .thumbnail-wrapper {width: 180px;} .page-container.no-sidebar.columns-2 .list-posts { --blog-gap: 50px; } .commentlist .comment-meta { line-height: 1.4; } :where(.ts-gallery-wrapper, .ts-product-brand-wrapper).ts-shortcode:not(.ts-slider).items, :where(.ts-gallery-wrapper, .ts-product-brand-wrapper).ts-shortcode:not(.ts-slider):not(.columns-1):not(.columns-2):not(.columns-3):not(.columns-4) .items, .ts-shortcode:not(.ts-slider) .items, .ts-shortcode:not(.ts-slider):not(.columns-1):not(.columns-2):not(.columns-3) .items, .list-posts, .ts-shortcode.ts-blogs:not(.ts-slider):not(.columns-1):not(.columns-2) .items, .woocommerce .products:not(:is(.cross-sells,.up-sells,.related)), .page-container:not(.no-sidebar) .woocommerce .products:not(:is(.cross-sells,.up-sells,.related)), .ts-product-category-wrapper.woocommerce .products:not(:is(.cross-sells,.up-sells,.related)), .ts-product-category-wrapper.style-icon.woocommerce .products:not(:is(.cross-sells,.up-sells,.related)) { grid-template-columns: repeat(var(--ts-columns), minmax(0,1fr)); } .woocommerce.main-products.list .products .meta-wrapper {gap: 0 50px;} .header-v3 .ts-header:not(.has-search-categories) .header-middle > .container {gap: 0 160px;} .style-horizontal .mailchimp-subscription {gap: 0 50px;} div:not(.sr7-layer) > .woocommerce.ts-product.list.columns-1 .products .product .thumbnail-wrapper { width: 41%; } body.search-no-results #main .page-container #main-content { padding-bottom: 50px; } .index-template #primary > .alert, .search-no-results-wrapper { gap: 20px; } body.search.search-no-results .search-wrapper, .search-no-results-wrapper .search--form { margin: 20px auto 0; } .index-template #primary > .alert:before, .search-no-results-wrapper:before, body .wc-empty-cart-message .wc-block-components-notice-banner.is-info:before, body .cart-empty.woocommerce-info:before, body.error404 .not-found i { font-size: 100px; } .woocommerce > form.checkout { --ts-heading-gap: 30px; grid-template-columns: 1fr 380px; margin-top: calc(var(--ts-heading-gap) + 10px); } .woocommerce form.track_order .button, .woocommerce form.woocommerce-ResetPassword.lost_reset_password .button {min-width: 150px;} .woocommerce-account .woocommerce-MyAccount-navigation ul { gap: 0 50px; } } @media only screen and (max-width: 1200px){ :root { --ts-font-size: 13px; --ts-line-height: 22px; --ts-pagination-size: 36px; --widget-thumbnail-width: 90px; --ts-swatches-size: 16px; --ts-btn-font-size: 12px; --ts-btn-line-height: 18px; --ts-menu-font-size: 13px; --ts-menu-line-height: 20px; --ts-prod-font-size: 13px; --ts-prod-line-height: 20px; --ts-btn-pd-v: 9px; --ts-h1-font-size: 35px; --ts-h1-line-height: 42px; --ts-h2-font-size: 28px; --ts-h2-line-height: 36px; --ts-h3-font-size: 24px; --ts-h3-line-height: 30px; --ts-h4-font-size: 20px; --ts-h4-line-height: 24px; --ts-h5-font-size: 16px; --ts-h5-line-height: 20px; --ts-h6-font-size: 14px; --ts-h6-line-height: 20px; } .header-bottom nav > ul > li:first-child ul.sub-menu { left: calc(var(--ts-content-padding) * -1);/* rtl */ transform: none;/* rtl */ } .header-language-currency {gap: 0 10px;} .header-v4 .ts-header :where(.header-left, .header-right) {gap: 0 15px;} .header-v3 .ts-search-by-category .select-category { width: 158px; } .ts-search-by-category .view-all-wrapper { margin: 20px 0 0; } .button-pos-top .shop-more .button.button-border { padding: 4px 0; } .search-table .search-button, .wp-block-search .wp-block-search__button, .woocommerce-product-search button[type="submit"] {--loading-size: 16px;} body #ts-ajax-add-to-cart-message { top: 50%; bottom: auto; left: 50%; transform: translate(-50%, -50%); } body #ts-ajax-add-to-cart-message.show { transform: translate(-50%, -50%); } .ts-wishlist-table-wrapper .items, .woocommerce table.shop_table.cart { --widget-thumbnail-width: 75px; } .product-group-button > div:hover a .button-tooltip, .product-group-button > div.button-in:hover a .button-tooltip { display: none; } .my-account-wrapper .dropdown-container, .shopping-cart-wrapper .dropdown-container { display: none !important; } .woocommerce nav.woocommerce-pagination { margin-top: 30px; } .ts-store-notice {padding: 10px 0;} .ts-store-notice .container, .header-notice {gap: 0 10px;} .header-v2 .header-middle :where(.hotline, .header-right) {width: 230px;} body.woocommerce:not(.ts_desktop) .before-loop-wrapper > .woocommerce-ordering select { position: absolute; inset: 0; display: block; opacity: 0; z-index: 9; } body.woocommerce:not(.ts_desktop) .woocommerce-ordering .orderby ul.dropdown { display: none; } .product-wrapper .product-group-button > div, .product-wrapper:hover .product-group-button > div { display: block; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none; } .ts-wishlist-sidebar-content {gap: 25px;} .ts-wishlist-sidebar-content ul.wishlist-list {gap: 20px;} #ts-shopping-cart-sidebar .cart-dropdown-form .theme-title { margin-bottom: 20px; font-size: calc(var(--ts-h4-font-size) + 2px); } .ts-free-shipping-message-bar {gap: 7px;} .ts-free-shipping-message-bar .progress-bar {height: 7px;} .dropdown-container .form-content .buttons { margin-top: 15px; } .popular-search > h6 { font-size: var(--ts-h4-font-size); } .woocommerce :is(ul.cart_list, ul.product_list_widget) li a.button { margin: 5px 0 0; } .post-content-wrapper :where(.entry-content, header, .entry-meta-top, .entry-meta-middle) { padding-left: 20px; padding-right: 20px; } .page-description-wrapper { margin-top: 10px; } .entry-author { gap: 0 20px; --avatar-size: 70px; } .entry-author .description:before { border-width: 10px 14px 10px 0;/* rtl */ top: 25px; left: -12px;/* rtl */ } .columns-3 .list-posts {grid-template-columns: repeat(2,1fr) !important;} .woocommerce.ts-product.list .products .product .meta-wrapper { padding: 12px; } .ts-product-category-wrapper.style-icon .product-wrapper > a { padding: 14px 14px 0; } .ts-product-category-wrapper.style-icon .product-wrapper > .meta-wrapper { padding: 0 14px 14px; } .woocommerce .woocommerce-ordering .orderby ul {min-width: 0;} .product-on-sale-form label, .product-per-page-form ul.perpage .perpage-current, .woocommerce .woocommerce-ordering .orderby-current {gap: 6px;} .gridlist-toggle, .product-per-page-form {display: none;} .gridlist-toggle {gap: 6px;} .woocommerce .woocommerce-ordering .orderby ul {min-width: 190px;} .product-per-page-form ul.perpage ul, .woocommerce .woocommerce-ordering .orderby ul { padding: 34px 20px 20px; gap: 6px; } .product-on-sale-form > label:after { left: 3px;/* rtl */ } .load-more-wrapper .button.load-more, .load-more-button.woocommerce .ts-shop-load-more .button { min-width: 0; } .woocommerce #review_form #respond .form-submit input, #commentform .form-submit .button { min-width: 100px; --ts-btn-pd-v: 7px; } .woocommerce.main-products.list .products .meta-wrapper .short-description.list { margin-top: 0; } .ts-wishlist-sidebar-content .theme-title, .popular-search > h6 { font-size: calc(var(--ts-h4-font-size) + 2px); } .ts-testimonial-wrapper {--thumbnail-size: 70px;} .product-per-page-form ul.perpage ul:before, .woocommerce .woocommerce-ordering .orderby ul:before { top: 16px; } .woocommerce :is(.cross-sells,.up-sells,.related) .products .product .price, .ts-fbt-form .items .meta-wrapper .price, .woocommerce .product-subtotal, :is(.price, .product-price), .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__price {gap: 0 6px;} .widget-title-wrapper .widget-title, .widget-title-wrapper .widgettitle, .widget-container .wp-block-search__label, .widget-container .wp-block-group h2 { margin-bottom: 18px; } body:not(.header-v3) .header-middle .ts-search-by-category {display: none;} body:not(.header-v3) .header-middle .search-button.search-icon {display: block !important;} .before-loop-wrapper { font-size: calc(1em - 1px); gap: 10px 20px; padding: 12px 15px; } :is(.load-more-wrapper,.ts-shop-load-more,.woocommerce .ts-shop-load-more) { margin-top: 24px; } .woocommerce.list .products .product .thumbnail-wrapper {width: 36%;} .woocommerce.list.columns-1 .products .product .thumbnail-wrapper {width: 40%; max-width: 235px;} .ts-blogs article .excerpt, .entry-summary .short-content { margin-bottom: 5px; } .ts-single-product-coupon .coupon-item .coupon-tooltip { width: 185px; } .ts-single-product-coupon .coupon-item .coupon-tooltip > * { margin-bottom: 10px; } .ts-frequently-bought-together { --item-gap: 15px; --thumbnail-size: 100px; } .ts-frequently-bought-together > h3, .woocommerce div.product .woocommerce-tabs ul.tabs li { font-size: calc(var(--ts-h3-font-size) - 2px); } .ts-fbt-form .submit-wrapper { width: 225px; gap: 6px 10px; } .product-content.show-more-less.opened { margin-bottom: 70px; } div.product.tabs-accordion .woocommerce-tabs { --ts-heading-gap: 22px; } .woocommerce div.product.tabs-accordion #reviews .comment-form-rating > label { padding: 0 0 10px; } div.product.tabs-accordion #commentform { gap: 15px; } div.product.tabs-accordion .woocommerce-tabs .woocommerce-Tabs-panel > h2:first-child, div.product.tabs-accordion .woocommerce-tabs #reviews > h2 { font-size: calc(var(--ts-h4-font-size) - 2px); } div.product.tabs-accordion .woocommerce-Tabs-panel > h2:after, div.product.tabs-accordion .woocommerce-Tabs-panel #reviews > h2:after { font-size: 12px; } .woocommerce div.product.tabs-accordion .woocommerce-tabs { --tabs-padding: 20px 0; } div.product.tabs-accordion .woocommerce-Tabs-panel > h2 ~ *, div.product.tabs-accordion .woocommerce-Tabs-panel #reviews > h2 ~ * { padding: 20px 0 0; } .ts-blogs.ts-masonry:not(.ts-slider).columns-3 .items .item {width: 50%;} .color-variation-thumbnail .ts-product-attribute { --ts-swatches-size: 35px; } .ts-product-attribute {gap: 7px;} .ts-product-attribute div.option > a { padding: 4px 12px; } .ts-summary-custom-content ul li i {margin: 0;} body #ts-ajax-add-to-cart-message { padding-top: 12px; padding-bottom: 12px; } #add_payment_method .cart-collaterals .shipping-calculator-form, .woocommerce-cart .cart-collaterals .shipping-calculator-form, .woocommerce-checkout .cart-collaterals .shipping-calculator-form, table.cart td.actions { --ts-btn-pd-h: 15px; } .woocommerce table.shop_table.cart td.actions, .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 {gap: 5px;} #add_payment_method .cart-collaterals .shipping-calculator-form, .woocommerce-cart .cart-collaterals .shipping-calculator-form, .woocommerce-checkout .cart-collaterals .shipping-calculator-form, table.cart td.actions { --ts-btn-pd-v: 9px; } } @media only screen and (max-width: 991px){ :root { --ts-line-height: 22px; --ts-prod-line-height: 18px; --ts-h1-font-size: 32px; --ts-h1-line-height: 40px; --ts-h2-font-size: 24px; --ts-h2-line-height: 32px; --ts-h3-font-size: 20px; --ts-h3-line-height: 30px; --ts-h4-font-size: 16px; --ts-h4-line-height: 24px; --ts-h5-font-size: 14px; --ts-h5-line-height: 20px; --ts-h6-font-size: 13px; --ts-h6-line-height: 20px; } html input[type^=check]:checked:after { top: 2px; left: 2px;/* rtl */ } .visible-sm {display: block !important;} .hidden-sm {display: none !important;} .page-container:not(.no-sidebar) .before-loop-wrapper {justify-content: space-between;} .page-container:not(.no-sidebar) .woocommerce-result-count {display: none;} .ts-header .hotline > a > span:first-child, .header-v2 .header-top .header-language-currency:after, .header-v2 .header-top :where(.header-notice,.hotline) {display: none;} .header-v2 .header-top > .container {gap: 0; padding-bottom: 0;} .header-v2 .header-top .header-right { width: 100%; flex: none; margin: 0; } .header-v2 .header-top .header-language-currency { margin-right: auto;/* rtl */ } .header-v3 .ts-search-by-category .select-category { width: 190px; padding-left: 10px; padding-right: 10px; background-position: calc(100% - 10px) 50%; } .header-v4 .ts-store-notice, .header-v4 .header-middle .header-language-currency {display: none;} .header-v4 .header-top {display: block;} .ts-header .ts-menu nav > ul > li > a, .ts-header nav > ul.menu > li > a { font-size: calc(var(--ts-menu-font-size) - 1px); } .ts-header .ts-menu nav > ul, .ts-header nav > ul.menu {gap: 0 20px;} .ts-header .ts-menu .ts-menu-drop-icon { padding-left: 3px;/* rtl */ } .ts-header .header-left, .ts-header .header-right {gap: 0 16px;} .ts-header .header-top .header-right > *:not(:last-child) { padding-right: 15px;/* rtl */ } .ts-header .header-bottom .ts-menu nav > ul, .ts-header .header-bottom nav > ul.menu { gap: 0 25px; } .woocommerce.list.columns-1 .products .product .thumbnail-wrapper {width: 42%;} .page-container:not(.no-sidebar) .woocommerce.main-products.list .products .meta-wrapper { display: flex; flex-flow: column nowrap; padding-top: 0; padding-bottom: 0; } .page-container:not(.no-sidebar) .woocommerce.main-products.list .group-price-add-to-cart { margin-top: 10px; } :is(.page-description, .term-description) { max-width: 90%; } :where(blockquote cite, .entry-meta-top, .entry-meta-middle, .entry-meta-bottom) { gap: 5px 12px; line-height: 16px; padding: 2px 0; letter-spacing: 2px; } .woocommerce form.track_order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password { max-width: 500px; gap: 15px 0; } .woocommerce.list .products .meta-wrapper > .short-description, .woocommerce.main-products.list .products .meta-wrapper > .short-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: calc(2 * var(--ts-prod-line-height)); } .ts-testimonial-wrapper {--thumbnail-size: 64px;} .ts-fbt-form { flex-direction: column; gap: 20px 0; } .ts-fbt-form .items .item:last-child, .ts-fbt-form .items .item:nth-child(5n+5) { padding-right: 0;/* rtl */ } .ts-fbt-form .items, .ts-fbt-form .submit-wrapper { width: 100%; flex: none; } .ts-fbt-form .submit-wrapper { justify-content: center; text-align: center; } .woocommerce div.product form.cart .group_table div.quantity { width: 90px; } .woocommerce div.product form.cart .group_table tr { grid-template-columns: 70px 1fr; --ts-btn-pd-v: 4px; --ts-btn-pd-h: 10px; } .woocommerce div.product form.cart .group_table td .button {width: auto;min-width: 140px;} .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label { align-self: flex-end; } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__thumbnail { grid-row: 1 / span 3; } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__quantity { grid-column: 2; grid-row: auto; align-self: flex-start; } .ts-single-product-coupon .coupon-code {padding: 4px 7px;} .ts-single-product-coupon .coupon-code:before {font-size: 1.3em;} .ts-single-product-coupon {gap: 4px;} .ts-social-sharing ul {gap: 5px 10px;} .ts-compare-table-wrapper > div .heading {width: 140px;} .ts-compare-table-wrapper > div.product-thumbnail .product-add-to-cart {padding-top: 6px;} .ts-compare-table-wrapper .product-thumbnail img {max-width: 136px;} .ts-remove-from-compare:before {font-size: 13px;} .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-stock-status {min-width: 110px;} .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-price {min-width: 130px;} .ts-wishlist-table-wrapper .product-add-to-cart, .ts-wishlist-table-wrapper .product-add-to-cart a.added_to_cart {min-width: 162px;} .ts-wishlist-table-wrapper .product-add-to-cart a {min-width: 0;} .ts-wishlist-table-wrapper .wishlist-item > .product-remove {width: auto;} .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) {gap: 15px;} body .wc-block-components-sidebar-layout .wc-block-components-main, body .wc-block-components-sidebar, .woocommerce .woocommerce-cart-form, .woocommerce-checkout #customer_details, .woocommerce > form.checkout #order_review_heading, .woocommerce > form.checkout #order_review, .woocommerce-cart .woocommerce .cart-collaterals { width: 100%; } .woocommerce .woocommerce-cart-form, .woocommerce-checkout #customer_details {margin-bottom: var(--ts-section-gap);} .woocommerce-cart .cart-collaterals .cart_totals table th {width: 120px;} } @media only screen and (max-width: 782px) { .admin-bar .ts-floating-sidebar div.overlay, .admin-bar .ts-floating-sidebar .ts-sidebar-content{ top: 46px; } .ts-header .ts-menu nav > ul, .ts-header nav > ul.menu {gap: 0 18px;} .ts-header .ts-menu nav > ul > li > a, .ts-header nav > ul.menu > li > a { font-size: calc(var(--ts-menu-font-size) - 1px); } } @media only screen and (max-width: 768px){ .woocommerce table.shop_table_responsive.cart thead, .woocommerce-page table.shop_table_responsive.cart thead, .woocommerce .cart-collaterals table.shop_table_responsive tbody th, .woocommerce-page .cart-collaterals table.shop_table_responsive tbody th, .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {display: block;} .woocommerce #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, .woocommerce table.shop_table_responsive.cart tr td::before, .woocommerce-page table.shop_table_responsive.cart tr td::before, .woocommerce .cart-collaterals table.shop_table_responsive tr td::before, .woocommerce-page .cart-collaterals table.shop_table_responsive tr td::before {display: none;} .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { text-align: inherit !important; } .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 .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button { width: auto; } } @media only screen and (min-width: 768px) and (max-width: 991px) { :where(.list-posts, .ts-blogs) { --blog-gap: 20px; } .list-posts, .columns-1 .list-posts, .ts-shortcode.ts-blogs:not(.ts-slider) .items { gap: calc(var(--blog-gap) + 10px) var(--blog-gap); } .woocommerce div.product form.cart:not(.grouped_form) div.quantity .qty:not([type="hidden"]) { width: 80px; } .ts-compare-popup .items .item:last-child:after {border: 0;} } @media only screen and (min-width: 768px) and (max-width: 1200px) { .ts-shortcode .shortcode-heading-wrapper {gap: 20px} .product-filter-by-price-wrapper > form .button, .woocommerce .product-filter-by-price-wrapper > form .button { margin-left: 0;/* rtl */ } .woocommerce .product-filter-by-price-wrapper > form .button, .product-filter-by-price-wrapper > form input.price-input { padding-left: 10px; padding-right: 10px; } }