/* Theme Name: Merto Child Theme URI: https://demo.theme-sky.com/merto/ Author: Theme Sky Team Author URI: https://theme-sky.com/ Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites - Child Theme Template: merto Version: 1.0.3 Text Domain: merto-child */ /* I. HEADER 1. MENU 2. HEADER TOP 3. HEADER MIDDLE 4. HEADER BOTTOM II. MAIN CONTENT 1. BREADCRUMB 2. CUSTOM MERTO III. FOOTER IV. WIDGET 1. WIDGET DEFAULT WP 2. WIDGET FILTER 3. WIDGET TS 4. WIDGET ELEMENTOR V. PRODUCT DEFAULT 1. PRODUCT IMAGES 2. PRODUCT LABEL 3. PRODUCT META 4. PRODUCT GROUP BUTTONS VI. CATEGORIES PRODUCT VII. PRODUCT DETAIL 1. PRODUCT IMAGE 2. PRODUCT SUMMARY 3. ADS BANNERS 4. FREQUENTLY BOUGHT TOGETHER 5. WOOCOMMERCE TABS VIII. SHOPPING CART IX. CHECK OUT X. POPUP/MODAL XI. WOOCOMMERCE MESSAGE XII. MY ACCOUNT XIII. WISHLIST XIV. BLOG 1. BLOG DETAIL XV. PAGE TEMPLATE XVI. RESPONSIVE */ /* ========================================================================== GLOBAL VIEWPORT & OVERFLOW LOCK (Eliminate Horizontal Scrollbar) ========================================================================== */ html, body { max-width: 100% !important; overflow-x: hidden !important; position: relative; } #page, #main, .site, .site-content, .content-area, .page-container { max-width: 100% !important; overflow-x: clip !important; } /* Ensure sliders, banners, and carousels never spill over */ .fix-slider-width, .rev_slider_wrapper, rs-module-wrap, .kwick-landing-slider-section, .kwick-hero-slider, .kwick-slider-viewport, .kwick-categories-section, .kwick-cat-viewport { max-width: 100% !important; overflow: hidden !important; } :root { --ts-columns: 4; --ts-h-gap: 20px; --ts-v-gap: 20px; --ts-section-gap: 60px; --ts-heading-gap: 30px; --ts-swatches-size: 16px; --ts-pagination-size: 40px; --ts-border-radius: 5px; --loading-size: 14px; --ts-font-family: Poppins, sans-serif; --ts-font-style: normal; --ts-font-weight: 400; --ts-letter-spacing: 0; --ts-heading-font-family: Poppins, sans-serif; --ts-heading-font-style: normal; --ts-heading-font-weight: 600; --ts-heading-letter-spacing: 0; --ts-btn-font-family: Poppins, sans-serif; --ts-btn-font-style: normal; --ts-btn-font-weight: 600; --ts-btn-letter-spacing: 0; --ts-menu-font-family: Poppins, sans-serif; --ts-menu-font-weight: 500; --ts-menu-font-size: 14px; --ts-menu-letter-spacing: 0; --ts-v-menu-font-family: Poppins, sans-serif; --ts-v-menu-font-weight: 500; --ts-v-menu-font-size: 14px; --ts-v-menu-letter-spacing: 0; --ts-body-font-size: 14px; --ts-line-height: 24px; --ts-btn-font-size: 14px; --ts-btn-line-height: 24px; --ts-product-font-size: 14px; --ts-h1-font-size: 40px; --ts-h1-line-height: 54px; --ts-h2-font-size: 30px; --ts-h2-line-height: 40px; --ts-h3-font-size: 26px; --ts-h3-line-height: 32px; --ts-h4-font-size: 20px; --ts-h4-line-height: 30px; --ts-h5-font-size: 16px; --ts-h5-line-height: 24px; --ts-h6-font-size: 14px; --ts-h6-line-height: 20px; --ts-primary-color: #FF600A; --ts-text-in-primary-color: #ffffff; --ts-main-bg: #ffffff; --ts-text-color: #000000; --ts-heading-color: #000000; --ts-gray-color: #818388; --ts-hightlight: #fcc904; --ts-dropdown-color: #000000; --ts-dropdown-bg: #ffffff; --ts-link-color: #FF600A; --ts-link-hover-color: #FF600A; --ts-border: #E5E5E5; --ts-input-color: #000000; --ts-input-background-color: #EBEEF0; --ts-input-border: #EBEEF0; --ts-btn-color: #ffffff; --ts-btn-bg: #000000; --ts-btn-border: #000000; --ts-btn-hover-color: #ffffff; --ts-btn-hover-bg: #FF600A; --ts-btn-hover-border: #FF600A; --ts-btn-addtocart-color: #000000; --ts-btn-addtocart-bg: #EBEEF0; --ts-btn-addtocart-border: #EBEEF0; --ts-btn-addtocart-hover-color: #ffffff; --ts-btn-addtocart-hover-bg: #FF600A; --ts-btn-addtocart-hover-border: #FF600A; --ts-btn-thumbnail-color: #000000; --ts-btn-thumbnail-bg: #EBEEF0; --ts-btn-thumbnail-hover-color: #ffffff; --ts-btn-thumbnail-hover-bg: #000000; --ts-rating-color: #000000; --ts-product-price-color: #000000; --ts-product-regular-price-color: #848484; --ts-sale-label-color: #ffffff; --ts-sale-label-bg: #FF600A; --ts-new-label-color: #ffffff; --ts-new-label-bg: #84a7a9; --ts-hot-label-color: #ffffff; --ts-hot-label-bg: #000000; --ts-soldout-label-color: #ffffff; --ts-soldout-label-bg: #919191; --ts-breadcrumb-bg: #ffffff; --ts-breadcrumb-color: #000000; --ts-breadcrumb-2-color: #ffffff; --ts-breadcrumb-link-color: #818388; --ts-notice-bg: #EBEEF0; --ts-notice-color: #000000; --ts-hd-search-bg: #EBEEF0; --ts-hd-search-color: #000000; --ts-hd-search-border: #EBEEF0; --ts-hd-search-focus-bg: #EBEEF0; --ts-hd-search-focus-color: #000000; --ts-hd-search-focus-border: #EBEEF0; --ts-hd-search-btn-bg: #000000; --ts-hd-search-btn-color: #ffffff; --ts-hd-search-btn-border: #000000; --ts-vertical-menu-width: 310px; --ts-vertical-menu-heading-bg: #ffffff; --ts-vertical-menu-heading-color: #000000; --ts-vertical-menu-heading-border: #E5E5E5; --e-bg-lazyload-loaded: linear-gradient(#f5f5f5,#f5f5f5); --e-bg-lazyload: linear-gradient(#f5f5f5,#f5f5f5); } .ts-header { --ts-hd-top-bg: #000000; --ts-hd-top-color: #ffffff; --ts-hd-top-border: #E5E5E5; --ts-hd-top-link-hover: #FF600A; --ts-hd-middle-bg: #1D1B4D; --ts-hd-middle-color: #ffffff; --ts-hd-middle-border: #34325f; --ts-hd-middle-link-hover: #FF600A; --ts-hd-bottom-bg: #1D1B4D; --ts-hd-bottom-color: #ffffff; --ts-hd-bottom-border: #34325f; --ts-hd-bottom-link-hover: #FF600A; --ts-main-menu-border: #000000; --ts-menu-gap: 30px; --ts-cart-count-bg: #FF600A; --ts-cart-count-color: #ffffff; } .footer-container { --ts-footer-bg: #1B1F22; --ts-footer-color: #999999; --ts-footer-heading-color: #ffffff; --ts-footer-link-color: #ffffff; --ts-footer-link-hover-color: #FF600A; } /*------------------------------------------------------------------------------------------------------------------- I. ICONS ---------------------------------------------------------------------------------------------------------------------*/ .ts-search-by-category .close:before, .ts-sidebar > .close:before, .summary .woocommerce-tabs .panel .close:before, .search-button.search-icon .icon:before, .my-wishlist-wrapper > a:before, .ts-tiny-account-wrapper .account-control > a:before, .shopping-cart-wrapper .cart-control .ic-cart:before, .cart-dropdown-form .form-content > label:before, .ts-mobile-icon-toggle .icon:before, .icon-menu-sticky-header .icon:before, .vertical-menu-heading:before, .menu-sticky-heading:before, .header-v2 .vertical-menu-heading:after, .ts-menu-drop-icon:after, .icon-toggle:before, .ts-header .hotline > a:before, .menu-sticky .vertical-menu>ul>li.parent>a:after, .gridlist-toggle > span:before, .threesixty .nav_bar a:before, .woocommerce-product-details__short-description ul li:before, .woocommerce .widget_layered_nav_filters ul li a:after, .short-description ul li:before, body #yith-woocompare table.compare-list tr.description ul li:before, .load-more-wrapper .button:before, .ts-shop-load-more .button:before, .ts-free-shipping-message-bar.success .message:before, .search-no-results-wrapper:before, .more-less-buttons a > span:after, #to-top a:before, body #cboxClose:after, body .big-review-images>.wcpr-close:before, html body > h1 a.close:before, #ts-filter-widget-area .close:after, .woocommerce .form-content a.remove:after, .filter-widget-area-button > a:before, .dokan-store-list-filter-button:before, .ts-store-notice .close:before, .ts-product-size-chart-button:before, body table.compare-list tr.remove td > a .remove: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, .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, .product-group-button > div a:before, .product-group-button-meta > div a:before, .woocommerce div.product .summary .single_add_to_cart_button:before, .wishlist_table .product-add-to-cart a:before, body .woocommerce table.compare-list .add-to-cart td a:before, .summary .single-product-buttons a.compare:before, .summary .single-product-buttons .yith-wcwl-add-to-wishlist a:before, 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, .search-button.search-icon .icon.active:before,.ts-floating-sidebar .close:after, .ts-popup-modal .close:after, .woocommerce table.shop_table .product-remove a:before, body .wishlist_table.mobile li .additional-info-wrapper .product-remove a:before, .woocommerce .widget_shopping_cart .cart_list li a.remove:before, .woocommerce.widget_shopping_cart .cart_list li a.remove:before, .wishlist-in-stock:before, .wishlist-out-of-stock:before, .woocommerce .woocommerce-widget-layered-nav_filters ul li a:after, .product-on-sale-form > label:after, .widget-container.product-filter-by-brand ul > li label:after, .product-filter-by-price ul > li label:after, .product-filter-by-availability ul li label:after, .woocommerce .widget_rating_filter ul li a:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:after, .yith-wfbt-section li .checkboxbutton.checked:after, .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li span.checkboxbutton.checked:after, .elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li a.remove:before, li.recentcomments .comment-author-link:before, .ts-product-video-button:before,.ts-product-360-button:before, body .select2-container--default .select2-selection--single .select2-selection__arrow b:before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before, .column-tabs .list-categories ul.tabs li:before, .ts-instagram-wrapper .item > a:after, .brn_arrow:before, .ts-store-notice .close:before, .ts-search-by-category .select-category + .search-table:before, .meta-bottom-2 > a: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; } .single-navigation.next > a:before {content: "\e907"} .single-navigation.prev > a:before {content: "\e905"} .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, div.woocommerce-product-gallery .flex-direction-nav .flex-prev:after {content: "\e905"} .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, div.woocommerce-product-gallery .flex-direction-nav .flex-next:after {content: "\e907"} .ts-tiny-account-wrapper .account-control > a:before {content: "\e95b"} .shopping-cart-wrapper .cart-control .ic-cart:before {content: "\e924"} .cart-dropdown-form .form-content > label:before {content: "\e925"} .my-wishlist-wrapper > a:before {content: "\e939"} .ts-header .hotline > a:before {content: "\e970"} .gridlist-toggle > span:hover {cursor: pointer;} .gridlist-toggle > span { display: inline-block; vertical-align: middle; width: 20px; height: 20px; text-align: center; } .gridlist-toggle > span:before {content: "\e936"; font-size:16px;line-height: 20px;} .gridlist-toggle > span.list:before {content: "\e93d"} #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: "\e972"} .icon-menu-sticky-header .icon.active:before {content: "\e95f"} .ts-product-size-chart-button:before {content: '\e968';} #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; } .dokan-store-list-filter-button:before, .filter-widget-area-button > a:before {content: "\e96a"} .filter-widget-area-button.active > a:before {content: "\e95f"} #to-top a:before {content: "\e963"} .icon-toggle:before {content: "\e951"} li.cat-parent.active > .icon-toggle:before {content: "\e943"} .brn_arrow:before {content: "\e907";font-size: 7px;} body #cboxClose:after, html body > h1 a.close:before, .ts-sidebar > .close:before, #ts-filter-widget-area .close:after, .woocommerce .form-content a.remove:after, .ts-search-by-category .close:before, .ts-store-notice .close:before, .summary .woocommerce-tabs .panel .close:before, .search-button.search-icon .icon.active:before, .ts-floating-sidebar .close:after, body .big-review-images>.wcpr-close:before, .ts-popup-modal .close:after, .wishlist-out-of-stock:before, .woocommerce .woocommerce-widget-layered-nav_filters ul li a:after, body table.compare-list tr.remove td > a .remove:before, .woocommerce table.shop_table .product-remove a:before, body .wishlist_table.mobile li .additional-info-wrapper .product-remove a:before, .woocommerce .widget_shopping_cart .cart_list li a.remove:before, .woocommerce.widget_shopping_cart .cart_list li a.remove:before, .elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li a.remove:before {content: "\e95f";} .woocommerce .widget_layered_nav_filters ul li a:before {display: none;} .woocommerce .widget_layered_nav_filters ul li a:after { content: "\e929"; font-size: 8px; line-height: 1; color: inherit; display: inline-block; vertical-align: 1px; margin-left: 5px; /* rtl */ } .woocommerce .widget_layered_nav_filters ul li a:hover:after { color: var(--ts-primary-color); } .header-v2 .vertical-menu-heading:after, .ts-menu-drop-icon:after, .more-less-buttons a > span: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, .woocommerce .woocommerce-ordering .orderby-current:after, .ts-search-by-category .select-category + .search-table:before, body .select2-container--default .select2-selection--single .select2-selection__arrow b:before { content: "\e96c"; } .ts-menu > nav ul.sub-menu .ts-menu-drop-icon:after{ content: "\e96e"; } .ts-search-by-category .select-category + .search-table:before{ font-size: 9px; display: block; } .ts-menu-drop-icon: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 { font-size: 8px; } .header-top .header-language .wpml-ls-legacy-dropdown > ul > li > a:after, .header-top .header-language .wpml-ls-legacy-dropdown-click > ul > li > a:after, .header-top .header-currency .wcml_currency_switcher > a:after { font-size: 6px; } .header-v2 .vertical-menu-heading:after, .vertical-menu .ts-menu-drop-icon:after, .woocommerce .woocommerce-ordering .orderby-current:after, body .select2-container--default .select2-selection--single .select2-selection__arrow b:before { font-size: 8px; } .mobile-menu-wrapper .ts-menu-drop-icon:after {font-size: 10px;} .menu-sticky-heading:before, .vertical-menu-heading:before {content: "\e940";} .menu-sticky .vertical-menu>ul>li.parent>a:after, .vertical-menu .ts-menu-drop-icon:after {content: "\e96e"} .menu-sticky .vertical-menu>ul>li.parent>a:after { font-size: 8px; width: 24px; text-align: right; /* rtl */ margin-left: auto; /* rtl */ color: #999; } .menu-sticky .vertical-menu>ul>li.parent>a:hover:after { color: var(--ts-vertical-menu-heading-color); } .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 {content: "\e96c"} .product .woocommerce-Tabs-panel > h2:after, .product .woocommerce-Tabs-panel #reviews > h2:after {content: "\e951"} .product .woocommerce-Tabs-panel > h2.active:after, .product .woocommerce-Tabs-panel #reviews > h2.active:after {content: "\e943"} .search-no-results-wrapper:before{ content: "\e966"; display: inline-block; width: 150px; height: 150px; background: #f5f5f5; border-radius: 50%; font-size: 70px; text-align: center; line-height: 150px; margin-bottom: 50px; } .comment-count:before { content: "\e942"; } span.comment-count{ display: inline-flex; align-items: center; gap: 5px; } .mobile-menu-wrapper li .ts-menu-drop-icon:after {content: "\e951"} .mobile-menu-wrapper li.active .ts-menu-drop-icon.active:after {content: "\e961";font-size: 12px;} body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {content: "\e96f"} .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: "\e956"} .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before {content: "\e967"} .wishlist-in-stock:before, .widget-container.product-filter-by-brand ul > li label:after, .product-filter-by-price ul > li label:after, .product-filter-by-availability ul li label:after, .woocommerce .widget_rating_filter ul li a:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:after, .yith-wfbt-section li .checkboxbutton.checked:after, .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li span.checkboxbutton.checked:after, .product-on-sale-form > label:after {content: "\e926"} /*** Group product icon ***/ .product-group-button > div.quickshop a:before, .product-group-button-meta > div.quickshop a:before {content: "\e956"} .product-group-button > div.wishlist a:before, .product-group-button-meta > div.wishlist a:before, .summary .single-product-buttons .yith-wcwl-add-to-wishlist a:before {content: "\e939"} .product-group-button > div.compare a:before, .product-group-button-meta > div.compare a:before, .summary .single-product-buttons a.compare:before{ content: "\e92a"} .product-group-button div.loop-add-to-cart a:before {content: "\e924"} .load-more-wrapper .button, .ts-shop-load-more .button, .woocommerce .ts-shop-load-more .button, .wishlist_table .product-add-to-cart a, body .woocommerce table.compare-list .add-to-cart td a, .woocommerce div.product .summary .single_add_to_cart_button, .product-hover-style-v1 .list .product-group-button div.loop-add-to-cart a, .product-group-button-meta div.loop-add-to-cart a { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px; } .wishlist_table .product-add-to-cart a {display: inline-flex !important;} .load-more-wrapper .button:before, .ts-shop-load-more .button:before, .wishlist_table .product-add-to-cart a:before, body .woocommerce table.compare-list .add-to-cart td a:before, .woocommerce div.product .summary .single_add_to_cart_button:before, .product-hover-style-v1 .list .product-group-button div.loop-add-to-cart a:before, .product-group-button-meta div.loop-add-to-cart a:before { content: "\e951"; font-size: 0.8em; min-width: 12px; } .woocommerce div.product .summary .single_add_to_cart_button.added:before { font-size: 0.85em; } .product-hover-style-v1 .list .product-group-button div.loop-add-to-cart a:before, .product-group-button-meta div.loop-add-to-cart a:before { min-width: 12px; } .wishlist_table .product-add-to-cart a:before, body .woocommerce table.compare-list .add-to-cart td a:before, .woocommerce div.product .summary .single_add_to_cart_button:before, .product-hover-style-v1 .list .product-group-button div.loop-add-to-cart a:before { min-width: 13px; } .wishlist_table .product-add-to-cart a.loading:before, body .woocommerce table.compare-list .add-to-cart td a.loading:before, .woocommerce div.product .summary .single_add_to_cart_button.loading:before, .product-hover-style-v1 .list .product-group-button div.loop-add-to-cart a.loading:before, .product-group-button-meta div.loop-add-to-cart a.loading:before { display: none; } .product-group-button-meta > div.wishlist .added a:before, .product-group-button > div.wishlist .added a:before, .summary .single-product-buttons .yith-wcwl-add-to-wishlist.added a:before {content: "\e93a"} .ts-free-shipping-message-bar.success .message:before, .product-group-button > div.compare a.added:before, .product-group-button-meta > div.compare a.added:before, .summary .single-product-buttons a.compare.added:before, .wishlist_table .product-add-to-cart a.button.added:before, body .woocommerce table.compare-list .add-to-cart.added td a:before, .woocommerce div.product .summary .single_add_to_cart_button.added:before, .product-group-button div.loop-add-to-cart a.added:before, .product-hover-style-v1 .list .product-group-button div.loop-add-to-cart a.added:before, .product-group-button-meta div.loop-add-to-cart a.added:before {content: "\e927";} .product-hover-style-v1 .product-group-button div.loop-add-to-cart a.added:before, .product-group-button > div.compare a.added:before, .product-group-button-meta > div.compare a.added:before, .summary .single-product-buttons a.compare.added:before {font-size: 12px;} /**/ .product-group-button div.loop-add-to-cart a.added:after, .product-group-button-meta div.loop-add-to-cart a.added:after { display: none !important; } #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: "\e92b"; display: inline-block; float: left; margin: 0 10px 0 0; font-size: 22px; } .ts-product-360-button:before, .ts-product-video-button:before { content: "\e94b"; display: inline-block; } .ts-product-360-button:before {content: "\e95e"} .threesixty .nav_bar a:before {content: "\e94b"} .threesixty .nav_bar a.nav_bar_stop:before {content: "\e94d"} .threesixty .nav_bar a.nav_bar_previous:before {content: "\e950"} .threesixty .nav_bar a.nav_bar_next:before {content: "\e94f"} .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before {content: "\e947";} .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before {content: "\e93e";} .ts-instagram-wrapper .item > a:after {content: "\e913";} :is(.ts-header,.menu-sticky) 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, :is(.ts-header,.menu-sticky) nav > ul.menu li.fas:before, .mobile-menu-wrapper nav > ul li.fas:before {font-weight: 900;} .widget_nav_menu li.fab:before, :is(.ts-header,.menu-sticky) 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: 20px; height: 20px; top: 1px; right: 0;/* rtl */ line-height: 20px; cursor: pointer; color: inherit; text-decoration: none; text-align: center; text-indent: 0; letter-spacing: 0; z-index: 8; display: none; } .widget-title-wrapper a.block-control:after { content: "\e951"; width: 20px; height: 20px; font-size: 10px; line-height: 20px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: inline-block; transition: 200ms ease; } .widget-title-wrapper a.block-control.active:after {content: "\e943";} /*------------------------------------------------------------------------------------------------------------------- LOADING ---------------------------------------------------------------------------------------------------------------------*/ .images.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, .ts-logo-slider-wrapper.loading .content-wrapper:after, .related-posts.loading .content-wrapper:after, .woocommerce .product figure.loading:after, .ts-products-widget-wrapper.loading:after, .ts-blogs-widget-wrapper.loading:after, .ts-recent-comments-widget-wrapper.loading:after, .blogs article a.gallery.loading:after, .ts-blogs-wrapper.loading .content-wrapper:after, .ts-testimonial-wrapper .items.loading:after, .entry-format .thumbnail.loading:after, article .thumbnail.loading:after, .thumbnails.loading:after, .ts-product-category-wrapper .content-wrapper.loading:after, .thumbnails-container.loading:after, .column-products.loading:after, .ts-team-members .loading:after, .ts-products-widget-wrapper.loading:after, .ts-blogs-widget-wrapper.loading:after, .ts-recent-comments-widget-wrapper.loading:after, .single-product-buttons .yith-wcwl-add-to-wishlist a.loading:after, .single-product-buttons a.compare:after, .ts-tiny-cart-wrapper li div.blockUI.blockOverlay:after, .widget_shopping_cart li div.blockUI.blockOverlay:after, .elementor-widget-wp-widget-woocommerce_widget_cart div.blockUI.blockOverlay:after, .ts-popup-modal.loading .overlay:before, #cboxLoadingGraphic:after, .dropdown-container ul.cart_list li.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after, div.blockUI.blockOverlay:after, .woocommerce div.blockUI.blockOverlay:after, .wpcf7-spinner:after, .footer-container.loading:after, .ts-product-filter-by-taxonomies form:after, .mailchimp-subscription .processing button.button:before, .search-table .search-button:after, .woocommerce div.product form.cart .button.loading:after, body .woocommerce table.compare-list .add-to-cart td a.loading:after, .wishlist_table .product-add-to-cart a.add_to_cart.loading:after, .product-group-button > div a.loading:after, .product-group-button-meta > div a.loading:after, .woocommerce .product-group-button > div a.loading:after, .woocommerce .product-group-button-meta > div a.loading:after, .load-more-wrapper .button.loading:after, .ts-shop-load-more .button.loading:after, .woocommerce .ts-shop-load-more .button.loading:after { content: ""; width: var(--loading-size); height: var(--loading-size); border: 2px solid rgba(0,0,0,.15); border-top-color: #000; border-radius: 50%; text-align: center; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: calc( var(--loading-size) * -0.5 ); margin-left: calc( var(--loading-size) * -0.5 ); -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; background: transparent !important; z-index: 5; } .dropdown-container ul.cart_list li.loading:after { top: calc(50% - 10px); } .ts-tiny-cart-wrapper li div.blockUI.blockOverlay:after { z-index: 4; } .ts-product-filter-by-taxonomies form:after {top: calc(50% - 30px);} /*button height 40px + 20px gap*/ .style--row .ts-product-filter-by-taxonomies form:after {top: 50%;} .ts-product-filter-by-taxonomies form:after, .mailchimp-subscription .processing button.button:before, .search-table .search-button:after, .woocommerce div.product form.cart .button.loading:after, body .woocommerce table.compare-list .add-to-cart td a.loading:after, .wishlist_table .product-add-to-cart a.add_to_cart.loading:after, .product-group-button > div a.loading:after, .product-group-button-meta > div a.loading:after, .woocommerce .product-group-button > div a.loading:after, .woocommerce .product-group-button-meta > div a.loading:after, .single-product-buttons a.compare:after, .load-more-wrapper .button.loading:before, .ts-shop-load-more .button.loading:before, .woocommerce .ts-shop-load-more .button.loading:before { opacity: 0; visibility: hidden; } .mailchimp-subscription .processing button.button, .search-table .search-button { --loading-size: 18px; } .load-more-wrapper .button.loading, .ts-shop-load-more .button.loading, .woocommerce .ts-shop-load-more .button.loading { --loading-size: 12px; } .load-more-wrapper .button {min-width: 150px;} .load-more-wrapper .button.loading:before {display: none;} .infinity-scroll .ts-shop-load-more a.load-more.button.loading { --loading-size: 30px; } .woocommerce div.product form.cart .button.loading, body .woocommerce table.compare-list .add-to-cart td a.loading, .wishlist_table .product-add-to-cart a.add_to_cart.loading { --loading-size: 16px; } .woocommerce .product-group-button-meta div.loop-add-to-cart .button { width: auto; min-width: 200px; padding: 4px 15px; color: var(--ts-btn-thumbnail-color); background-color: var(--ts-btn-thumbnail-bg); border-color: var(--ts-btn-thumbnail-bg); font-size: calc(var(--ts-btn-font-size) - 1px); overflow: hidden; text-transform: uppercase; } body table.compare-list .add-to-cart td a:not(.unstyled_button), .wishlist_table .product-add-to-cart a, .wishlist_table .product-add-to-cart a.button { padding: 11px 15px; border-radius: var(--ts-border-radius); min-width: 180px; text-transform: uppercase; border: 0; overflow: hidden; } .woocommerce .product-group-button-meta div.loop-add-to-cart .button {width: 100%; min-width: 0;} .woocommerce .product-group-button-meta div.loop-add-to-cart .button:hover { color: var(--ts-btn-thumbnail-hover-color); background-color: var(--ts-btn-thumbnail-hover-bg); border-color: var(--ts-btn-thumbnail-hover-bg); } .wishlist_table .product-add-to-cart a.add_to_cart.loading, body .woocommerce table.compare-list .add-to-cart td a.loading, body table.compare-list .add-to-cart td a:not(.unstyled_button).loading, .woocommerce div.product .summary form.cart .single_add_to_cart_button.loading, body .woocommerce table.compare-list .add-to-cart td a.loading, .woocommerce .product-group-button-meta>div a.button.loading, .woocommerce .product-group-button-meta div.loop-add-to-cart .button.loading { --loading-size: 13px; } .woocommerce .product-group-button-meta>div a.button.loading:before, .wishlist_table .product-add-to-cart a.add_to_cart.loading:before, body .woocommerce table.compare-list .add-to-cart td a.loading:before, body table.compare-list .add-to-cart td a:not(.unstyled_button).loading:before, .woocommerce div.product .summary form.cart .single_add_to_cart_button.loading:before, body .woocommerce table.compare-list .add-to-cart td a.loading:before, .woocommerce .product-group-button-meta div.loop-add-to-cart .button.loading:before { background: transparent; } .product-group-button > div a.loading:before, .product-group-button-meta > div a.loading:before, .woocommerce .product-group-button > div a.loading:before, .woocommerce .product-group-button-meta > div a.loading:before, .woocommerce .product-group-button > div a.button.loading:before, .woocommerce .product-group-button-meta > div a.button.loading:before { content: ''; position: absolute; width: calc(100% + 2px); inset: -1px; border-radius: var(--ts-border-radius); background: var(--ts-btn-thumbnail-hover-bg); transform: none; } .product-group-button > div.loop-add-to-cart a.loading:before, .woocommerce .product-group-button > div.loop-add-to-cart a.loading:before, .woocommerce .product-group-button > div.loop-add-to-cart a.button.loading:before { width: 100%; inset: 0; } .product-group-button > div a.loading:after, .product-group-button-meta > div a.loading:after, .woocommerce .product-group-button > div a.loading:after, .woocommerce .product-group-button-meta > div a.loading:after { border-color: rgba(255,255,255,.2); border-top-color: var(--ts-btn-thumbnail-hover-color); } .woocommerce a.button.loading:before, .woocommerce button.button.loading:before, .woocommerce input.button.loading:before, .woocommerce a.button.loading:hover:before, .woocommerce button.button.loading:hover:before, .woocommerce input.button.loading:hover:before { content: ''; background-color: var(--ts-btn-bg); } .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after, .woocommerce a.button.loading:hover:after, .woocommerce button.button.loading:hover:after, .woocommerce input.button.loading:hover:after, .mailchimp-subscription .processing button.button:after, .mailchimp-subscription .processing button.button:hover:after { border-color: rgba(255,255,255,0.2); border-top-color: var(--ts-btn-hover-color); } .style-button-icon .processing button:after { opacity: 0; } body table.compare-list .add-to-cart td a:not(.unstyled_button).loading:after { border-top-color: var(--ts-btn-thumbnail-color); } body table.compare-list .add-to-cart td a:not(.unstyled_button).loading:hover:after { border-top-color: var(--ts-btn-hover-color); } .wishlist_table .product-add-to-cart a.add_to_cart.loading:after { z-index: 10; } body table.compare-list tr.remove div.blockUI.blockOverlay, body table.compare-list tr.remove div.blockUI.blockOverlay:before { opacity: 1 !important } .button-in .blockUI.blockOverlay:before, .single_add_to_wishlist.loading{opacity:1!important} .images.loading, .swiper-lazy-preloader, body:not(.elementor-editor-active) .elementor-section.loading:before, .ts-product .content-wrapper.loading, .ts-instagram-wrapper.loading, .ts-logo-slider-wrapper.loading .content-wrapper, .related-posts.loading .content-wrapper, .woocommerce .product figure.loading, .ts-products-widget-wrapper.loading, .ts-blogs-widget-wrapper.loading, .ts-recent-comments-widget-wrapper.loading, .blogs article a.gallery.loading, .ts-blogs-wrapper.loading .content-wrapper, .ts-testimonial-wrapper .items.loading, .entry-format .thumbnail.loading, article .thumbnail.loading, .thumbnails.loading, .ts-product-category-wrapper .content-wrapper.loading, .thumbnails-container.loading, .column-products.loading, .ts-team-members .loading, .ts-products-widget-wrapper.loading, .ts-blogs-widget-wrapper.loading, .ts-recent-comments-widget-wrapper.loading, .single-product-buttons .yith-wcwl-add-to-wishlist a.loading, .single-product-buttons a.compare, .ts-tiny-cart-wrapper li div.blockUI.blockOverlay, .widget_shopping_cart li div.blockUI.blockOverlay, .elementor-widget-wp-widget-woocommerce_widget_cart div.blockUI.blockOverlay, #cboxLoadingGraphic, .dropdown-container ul.cart_list li.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading, div.blockUI.blockOverlay, .woocommerce div.blockUI.blockOverlay, .wpcf7-spinner, .footer-container.loading { --loading-size: 24px; z-index: 9; } .ts-product-filter-by-taxonomies.loading { --loading-size: 26px; } .swiper-lazy-preloader, body:not(.elementor-editor-active) .elementor-section.loading, div.blockUI.blockOverlay, .woocommerce div.blockUI.blockOverlay, .woocommerce-cart .woocommerce-cart-form div.blockUI.blockOverlay, .ts-popup-modal.loading .overlay, .images.loading, .ts-product .content-wrapper.loading, .ts-logo-slider-wrapper.loading .content-wrapper, .ts-instagram-wrapper.loading, .related-posts.loading .content-wrapper, .woocommerce .product figure.loading, .blogs article a.gallery.loading, .ts-blogs-wrapper.loading .content-wrapper, .ts-testimonial-wrapper .items.loading, .entry-format .thumbnail.loading, article .thumbnail.loading, .thumbnails.loading, .ts-product-category-wrapper .content-wrapper.loading, .thumbnails-container.loading, .column-products.loading, .ts-team-members .loading, .ts-popup-modal.loading .overlay, #cboxLoadingGraphic, .footer-container.loading { --loading-size: 36px; } body table.compare-list .remove div.blockUI.blockOverlay {--loading-size: 14px;} body table.compare-list .remove div.blockUI.blockOverlay:after {z-index: 4;} .footer-container.loading{position: relative;} .footer-container.loading:before{opacity: 1;} .ts-product-filter-by-taxonomies.loading form:after, .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, .product-group-button-meta > div a.loading:after, .woocommerce .product-group-button > div a.loading:after, .woocommerce .product-group-button-meta > div a.loading:after, .single-product-buttons a.compare.loading:after, .woocommerce div.product form.cart .button.loading:after, body .woocommerce table.compare-list .add-to-cart td a.loading:after, .wishlist_table .product-add-to-cart a.add_to_cart.loading:after, .wishlist_table .product-add-to-cart a.add_to_cart.loading:after { opacity: 1; visibility: visible; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite } .single-product-buttons a.compare.loading:after { position: static; margin: -1px 0 0; order: -1; } .woocommerce .product-group-button-meta>div a.button.loading:after, .wishlist_table .product-add-to-cart a.add_to_cart.loading:after, body .woocommerce table.compare-list .add-to-cart td a.loading:after, body table.compare-list .add-to-cart td a:not(.unstyled_button).loading:after, .woocommerce div.product .summary form.cart .single_add_to_cart_button.loading:after, body .woocommerce table.compare-list .add-to-cart td a.loading:after { order: -1; position: static; margin: -1px 0 0; } .product-group-button-meta>div a.loading:after, .woocommerce .product-group-button-meta>div a.button.loading:after { border-color: rgba(0,0,0,.1); border-top-color: var(--ts-btn-thumbnail-color); } .product-group-button-meta>div a.loading:hover:after, .woocommerce .product-group-button-meta>div a.button.loading:hover:after { border-color: rgba(255,255,255,.2); border-top-color: var(--ts-btn-thumbnail-hover-color); } .wishlist_table .product-add-to-cart a.add_to_cart.loading:after, body .woocommerce table.compare-list .add-to-cart td a.loading:after, body table.compare-list .add-to-cart td a:not(.unstyled_button).loading:after, .woocommerce div.product .summary form.cart .single_add_to_cart_button.loading:after, body .woocommerce table.compare-list .add-to-cart td a.loading:after { border-color: rgba(255,255,255,.2); border-top-color: var(--ts-btn-color); } .woocommerce div.product form.cart .button.loading:hover:after { border-color: rgba(0,0,0,.1); border-top-color: var(--ts-btn-border); } .product-group-button-meta>div a.loading:after, .woocommerce .product-group-button-meta>div a.button.loading:after, .woocommerce div.product form.cart .button.loading:after, body .woocommerce table.compare-list .add-to-cart td a.loading:after { background: transparent; } /*** Fix shortcode deal ***/ .ts-product-deals-wrapper.grid .product-group-button-meta > div:not(.loop-add-to-cart) a, .ts-product-deals-wrapper.grid .product-group-button-meta div.loop-add-to-cart .button, .ts-product-deals-wrapper.woocommerce.grid .product-group-button-meta div.loop-add-to-cart .button { color: var(--ts-text-in-primary-color); background-color: var(--ts-primary-color); border-color: var(--ts-primary-color); } .ts-product-deals-wrapper.grid .product-group-button-meta > div:not(.loop-add-to-cart) a:hover, .ts-product-deals-wrapper.grid .product-group-button-meta div.loop-add-to-cart .button:hover, .ts-product-deals-wrapper.woocommerce.grid .product-group-button-meta div.loop-add-to-cart .button:hover { color: var(--ts-primary-color); background-color: transparent; border-color: var(--ts-primary-color); } .ts-product-deals-wrapper.grid .product-group-button-meta div.loop-add-to-cart .button.loading, .ts-product-deals-wrapper.woocommerce.grid .product-group-button-meta div.loop-add-to-cart .button.loading { border-color: var(--ts-primary-color); } .ts-product-deals-wrapper.grid .product-group-button-meta > div.loop-add-to-cart a.loading:after, .woocommerce.ts-product-deals-wrapper.grid .product-group-button-meta > div.loop-add-to-cart a.loading:after { border-color: rgba(255,255,255,.3); border-top-color: var(--ts-text-in-primary-color); } .ts-product-deals-wrapper.grid .product-group-button-meta > div.loop-add-to-cart a.loading:hover:after, .woocommerce.ts-product-deals-wrapper.grid .product-group-button-meta > div.loop-add-to-cart a.loading:hover:after { border-color: rgba(0,0,0,.1); border-top-color: var(--ts-primary-color); } /**/ .woocommerce a.button.loading:before, .woocommerce button.button.loading:before, .woocommerce input.button.loading:before, .woocommerce a.button.loading:hover:before, .woocommerce button.button.loading:hover:before, .woocommerce input.button.loading:hover:before, .search-table .search-field.loading ~ .search-button:before, .search-table .search-field.loading .search-button:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: none; width: 100%; animation: none; margin: 0; padding: 0; transform: none; height: 100% } 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, #cboxLoadingGraphic:after { border-color: rgba(255, 255, 255, .6); border-top-color: rgba(255, 255, 255, 1) } .images.loading, .ts-product .content-wrapper.loading, .ts-logo-slider-wrapper.loading, .ts-instagram-wrapper.loading, .related-posts.loading .content-wrapper, .woocommerce .product figure.loading, .ts-products-widget-wrapper.loading, .ts-blogs-widget-wrapper.loading, .ts-recent-comments-widget-wrapper.loading, .blogs article a.gallery.loading, .ts-blogs.loading .content-wrapper, .ts-testimonial-wrapper .items.loading, .entry-format .thumbnail.loading, article .thumbnail.loading, .thumbnails.loading, .ts-product-category-wrapper .content-wrapper.loading, body:not(.elementor-editor-active) .elementor-section.loading, .thumbnails-container.loading, .column-products.loading, .ts-team-members .loading { position: relative; overflow: hidden; background: transparent !important; border-color: transparent } .images > *, .ts-product-filter-by-taxonomies.loading form > *, .ts-product:not(.ts-slider) .content-wrapper > *, .ts-logo-slider-wrapper .content-wrapper > *, .related-posts:not(.ts-slider) .content-wrapper > *, .woocommerce .product figure > *, .ts-products-widget-wrapper:not(.ts-slider) > *, .ts-blogs-widget-wrapper:not(.ts-slider) > *, .ts-recent-comments-widget-wrapper:not(.ts-slider) > *, .blogs article a.gallery > *, .ts-blogs:not(.ts-slider) .content-wrapper > *, .ts-testimonial-wrapper:not(.ts-slider) .items > *, article .thumbnail > *, .thumbnails > *, .ts-product-category-wrapper:not(.ts-slider) .content-wrapper > *, body:not(.elementor-editor-active) .elementor-section > *, .thumbnails-container > *, .ts-team-members:not(.ts-slider) > * { transition: opacity 350ms ease 0s, visibility 350ms ease 0s } .ts-product-filter-by-taxonomies.loading form > * { opacity: 0.3; } .images.loading > *, .ts-product .content-wrapper.loading > *, .ts-instagram-wrapper.loading > *, .ts-logo-slider-wrapper.loading .content-wrapper > *, .related-posts.loading .content-wrapper > *, .woocommerce .product figure.loading > *, .ts-products-widget-wrapper.loading > *, .ts-blogs-widget-wrapper.loading > *, .ts-recent-comments-widget-wrapper.loading > *, .blogs article a.gallery.loading > *, .ts-blogs.loading .content-wrapper > *, .ts-testimonial-wrapper .items.loading > *, .entry-format .thumbnail.loading > *, article .thumbnail.loading > *, .thumbnails.loading > *, .ts-product-category-wrapper .content-wrapper.loading > *, body:not(.elementor-editor-active) .elementor-section.loading >* , .thumbnails-container.loading > *, .column-products.loading > *, .ts-team-members .loading > * { visibility: hidden; opacity: 0 } .thumbnails.loading:before, .thumbnails-container.loading:before { display: block !important } .load-more-wrapper .button.loading:after, .ts-shop-load-more .button.loading:after, .woocommerce .ts-shop-load-more .button.loading:after { border-color: rgba(255,255,255,0.3); border-top-color: var(--ts-btn-color); position: static; order: -1; margin: 0; } .load-more-wrapper .button.loading:hover:after, .ts-shop-load-more .button.loading:hover:after, .woocommerce .ts-shop-load-more .button.loading:hover:after { border-top-color: var(--ts-btn-hover-color); } .infinity-scroll .ts-shop-load-more a.load-more.button.loading:after { border-color: rgba(0, 0, 0, .15); border-top-color: var(--ts-heading-color); } .ts-product.ts-slider .content-wrapper.loading {height: 500px;} .ts-product-category-wrapper.ts-slider .content-wrapper.loading {height: 160px;} .ts-product-category-wrapper.style-icon.ts-slider .content-wrapper.loading {height: 80px;} .ts-logo-slider-wrapper.loading .content-wrapper, .ts-product.ts-slider.ts-product-brand-wrapper .content-wrapper.loading {height: auto;} .ts-team-members .loading {height: 482px;} .ts-blogs.loading .content-wrapper, .related-posts.loading .content-wrapper, .ts-instagram-wrapper.loading, .ts-testimonial-wrapper .items.loading {height: 200px} .ts-products-widget-wrapper.loading, .ts-recent-comments-widget-wrapper.loading, .ts-blogs-widget-wrapper.loading {height: 200px;} /*------------------------------------------------------------------------------------------------------------------- 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, 126px); } .ts-store-notice { text-align: center; padding: 7px 0; background-color: var(--ts-notice-bg); color: var(--ts-notice-color); position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; } .ts-store-notice .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 5px; } .ts-store-notice .coupon-code { padding: 3px 13px; margin: 0 15px; font-weight: 600; } .ts-store-notice .close { position: absolute; right: 10px;/* rtl */ width: 20px; font-size: 12px; line-height: 20px; 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;} :is(.ts-header,.menu-sticky) .ts-menu nav > ul, :is(.ts-header,.menu-sticky) nav > ul.menu { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--ts-menu-gap); } .ts-header .header-bottom .header-right { gap: 0 var(--ts-menu-gap); } .ts-menu nav > ul > li, nav > ul.menu > li, .vertical-menu-wrapper, .vertical-menu-wrapper ul li { list-style: none; position: relative; padding: 0; display: inline-flex; align-items: center; cursor: pointer; z-index: 9; gap: 3px; } .header-bottom .ts-menu nav > ul > li.special-item { order: 100; margin-left: auto; /* rtl */ } .header-bottom .ts-menu nav > ul > li.special-item > a { font-weight: normal; } .header-bottom .ts-menu nav > ul > li.special-item .ts-menu-drop-icon { top: -3px; } .mobile-menu-wrapper ul > li > a, .ts-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); letter-spacing: var(--ts-menu-letter-spacing); } .vertical-menu-wrapper nav > ul > li > a { font-size: var(--ts-v-menu-font-size); font-family: var(--ts-v-menu-font-family); font-weight: var(--ts-v-menu-font-weight); letter-spacing: var(--ts-v-menu-letter-spacing); } .vertical-menu-wrapper .vertical-menu { top: 100%; width: 100%; min-width: var(--ts-vertical-menu-width); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: none; padding-top: 0; } .ts-header .vertical-menu-wrapper .vertical-menu { position: absolute; z-index: 9; } .vertical-menu-wrapper .vertical-menu:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--ts-dropdown-bg); border: 1px solid var(--ts-border); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.1); border-width: 1px; border-style: solid; border-color: var(--ts-hd-bottom-border); } .vertical-menu-wrapper:hover .vertical-menu { -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; display: block; } .vertical-menu .ts-menu-drop-icon { margin-left: auto; /* rtl */ } .vertical-menu-wrapper .vertical-menu > ul { position: relative; } .vertical-menu-wrapper .vertical-menu > ul > li { width: 100%; border-bottom: 1px solid var(--ts-border); position: static; } .vertical-menu-wrapper .vertical-menu > ul > li:last-child {border: 0;} .vertical-menu-wrapper .vertical-menu > ul > li > a, .vertical-menu-wrapper .vertical-menu li:not(.ts-megamenu) .sub-menu li > a { display: flex; flex-wrap: wrap; align-items: center; gap: 0 15px; } :is(.ts-header,.menu-sticky) nav.vertical-menu > ul.menu li ul.sub-menu { top: 0; left: 100%; /* rtl */ margin-left: 0; /* rtl */ } :is(.ts-header,.menu-sticky) nav.vertical-menu > ul.menu li ul.sub-menu:after { bottom: 0; } :is(.ts-header,.menu-sticky) nav.vertical-menu > ul.menu li.ts-megamenu ul.sub-menu { padding: 32px 0; } .menu-sticky nav.vertical-menu > ul.menu li ul.sub-menu, :is(.ts-header,.menu-sticky) nav.vertical-menu > ul.menu li.ts-megamenu ul.sub-menu:after { top: 0; } nav.vertical-menu > ul.menu > li { padding: 9px 20px 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 18px; } nav.vertical-menu > ul.menu > li > a { padding: 0; } .vertical-menu-heading { display: flex; flex-wrap: wrap; height: 100%; align-items: center; text-transform: uppercase; gap: 0 15px; line-height: 20px; position: relative; transition: color 200ms ease; } .vertical-menu-fixed .vertical-menu-heading:hover { color: var(--ts-hd-bottom-link-hover); } .vertical-menu-heading > span{ position: relative; z-index: 2; font-size: var(--ts-menu-font-size); font-family: var(--ts-menu-font-family); font-weight: 600; letter-spacing: var(--ts-menu-letter-spacing); } .vertical-menu-heading .icon { display: inline-block; letter-spacing: 0; font-size: inherit; } .vertical-menu-heading:before { font-size: 15px; position: relative; } .header-v2 .vertical-menu-heading:after { margin-left: auto; /* rtl */ position: relative; z-index: 2; } .ts-header .vertical-menu-wrapper nav > ul.menu > li > a, .ts-header .vertical-menu-wrapper nav > ul > li:before, .ts-header .vertical-menu-wrapper nav > ul.menu > li:before, .ts-header .vertical-menu-wrapper nav > ul.menu > li:hover > .ts-menu-drop-icon, .vertical-menu-wrapper .vertical-menu, .vertical-menu-wrapper .vertical-menu ul li { color: var(--ts-dropdown-color); } .ts-header .vertical-menu-wrapper nav > ul.menu > li > .ts-menu-drop-icon { color: var(--ts-gray-color); } .vertical-menu-wrapper .vertical-menu ul li a {color: inherit;} .ts-header .vertical-menu-wrapper nav > ul.menu > li > a:hover {color: var(--ts-primary-color);} /*** Sticky Menu ***/ .elementor-editor-active .menu-sticky {display: none;} .menu-sticky { position: fixed; inset: 0; left: 0; display: flex; flex-direction: column; width: 320px; font-size: var(--ts-v-menu-font-size); font-family: var(--ts-v-menu-font-family); font-weight: var(--ts-v-menu-font-weight); letter-spacing: var(--ts-v-menu-letter-spacing); background-color: var(--ts-main-bg); border-width: 0 1px 0 0; border-style: solid; z-index: 1001; transform: translate3d(-100%,0,0); transform-origin: center left; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .vertical-menu-fixed .menu-sticky-wrapper.active .menu-sticky {transform: translate3d(0,0,0);} .admin-bar .menu-sticky {top: 32px;} .menu-sticky-wrapper .overlay{ position: fixed; inset: 0; background: rgba(0,0,0,0.4); z-index: 1000; display: none; } .menu-sticky-wrapper.active .overlay {display: block;} .menu-sticky-heading, .menu-sticky nav.vertical-menu > ul.menu > li > a { display: flex; align-items: center; flex-wrap: nowrap; padding: 5px 20px; gap: 0 15px; height: 50px; flex: 0 0 auto; } .menu-sticky-heading {text-transform: uppercase;} .menu-sticky-heading { color: var(--ts-vertical-menu-heading-bg); background: var(--ts-vertical-menu-heading-color); margin-right: -1px; } .menu-sticky nav.vertical-menu > ul.menu > li { width: 100%; padding: 0; border-bottom: 1px solid var(--ts-border); display: block; position: static; } .menu-sticky nav.vertical-menu > ul.menu > li:last-child { border-bottom: 0; } .menu-sticky nav.vertical-menu li.ts-megamenu ul.sub-menu > li { position: relative; z-index: 2; } .menu-sticky-heading:before { flex: 0 0 auto; text-align: center; font-size: 16px; line-height: 1; } .menu-sticky .vertical-menu>ul>li>a .menu-label, .menu-sticky .menu-sticky-heading span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; } .menu-sticky .vertical-menu>ul>li[class*="current-"]>a >.menu-label, .menu-sticky .vertical-menu>ul>li:hover>a >.menu-label { text-decoration: underline; text-underline-offset: 4px; } .menu-sticky .vertical-menu ul li a { font-size: 1em; color: inherit; } .menu-sticky .ts-menu-drop-icon {display: none;} /**/ .ts-menu nav > ul > li > a, nav > ul.menu > li > a { padding-top: 5px; padding-bottom: 5px; line-height: 20px; } .ts-menu nav > ul > li > a, nav > ul.menu > li > a { position: relative; display: inline-block; text-decoration: none; } li.hide ul.sub-menu { display: none !important; } .ts-header .menu-wrapper .ts-menu {width: 100%;display: inline-block; position: relative;} .ts-header .menu-wrapper .vertical-menu-wrapper + .ts-menu {width: auto; flex: 1;} .menu-desc {line-height: 1.2;font-size: 0.9rem;font-weight: normal;width: 100%;color: var(--ts-gray-color);margin-top: 5px;} :is(.ts-header,.menu-sticky) nav > ul.menu > li:hover, :is(.ts-header,.menu-sticky) nav > ul > li:hover {z-index: 993;} .ts-menu nav > ul > li > a, nav > ul.menu > li > a, nav > ul.menu > li a:hover, nav > ul > li a:hover { text-decoration: none; } /*** Menu Icon ***/ nav > ul.menu li a.has-icon .menu-icon, nav > ul.menu li:before { display: inline-block; vertical-align: middle; font-size: 1.4em; } .header-bottom .ts-menu nav > ul > li.icon-primary-color:before, .header-bottom nav > ul.menu > li.icon-primary-color:before, nav > ul.menu li.icon-primary-color:before { color: var(--ts-primary-color); } nav > ul.menu li a.has-icon { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } nav > ul.menu li a.has-icon .menu-icon { min-width: 20px; display: inline-block; position: relative; } .ts-menu > nav > ul.menu li a.has-icon .menu-icon { width: 20px; } .vertical-menu-inside nav.vertical-menu > ul.menu li a.has-icon {gap: 15px;} .vertical-menu-fixed nav > ul.menu li a.has-icon .menu-icon img { width: 20px; height: 20px; object-fit: contain; } 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; } .ts-megamenu-container .elementor-widget .elementor-widget-container h5, .mobile-menu-wrapper .mobile-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h5, .ts-header .menu-wrapper .ts-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h5 { margin-bottom: 20px; } nav > ul.menu li .menu-desc { text-transform: none; margin-top: 5px; } .menu-sub-label { position: absolute; right: -23px; /* rtl */ top: -12px; padding: 1px 2px; line-height: 13px; font-size: 9px; color: #ffffff; background-color: #000000; text-align: center; min-width: 35px; text-transform: uppercase; border-radius: 3px; } .menu-sub-label:before { width: 0; height: 0; border-top: 0; border-left: 5px solid;/* rtl */ border-bottom: 6px solid; border-top-color: transparent !important; border-bottom-color: transparent !important; border-left-color: #000000; border-right-color: #000000; transform: rotate(15deg); position: absolute; right: 50%;/* rtl */ margin-right: -3px;/* rtl */ content: ""; bottom: -5px; } /*** Submenu ***/ :is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu li:hover > ul.sub-menu { -webkit-animation-duration: 300ms; -moz-animation-duration: 300ms; animation-duration: 300ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_menu_sub; -moz-animation-name: animation_menu_sub; animation-name: animation_menu_sub; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; display: block; } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu .sub-menu { top: 0; left: 100%; /* rtl */ padding: 40px 40px 40px 80px; /* rtl */ } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu .sub-menu:after {top: -1px;} .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu > li:first-child .sub-menu {top: -40px;} .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu > li .sub-menu:after { left: 40px; /* rtl */ } :is(.ts-header,.menu-sticky) nav > ul.menu li .ts-megamenu-widgets-container > ul { padding: 0; margin: 0; width: auto; } .ts-mega-menu { margin: 0 -10px; overflow: hidden; } .ts-menu-drop-icon { font-size: 1.2rem; margin: 0; display: inline-block; letter-spacing: 0; } .ts-header .ts-menu .ts-menu-drop-icon { line-height: 1; position: relative; top: -2px; } .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; height: 22px; line-height: 22px; top: 7px; } nav.main-menu > ul.menu .sub-menu > li.parent:first-child > .ts-menu-drop-icon { top: 0; } :is(.ts-header,.menu-sticky) nav > ul.menu li ul.sub-menu { position: absolute; z-index: 999; top: 100%; margin: 0; padding: 53px 40px 40px 40px; width: 320px; left: -40px;/* rtl */ display: none; } .ts-header .ts-menu > nav > ul.menu li:not(.ts-mega-menu) .sub-menu > li.parent { padding-right: 20px;/* rtl */ } :is(.ts-header,.menu-sticky) 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; } :is(.ts-header,.menu-sticky) nav > ul.menu li ul.sub-menu:after { content: ""; position: absolute; top: 12px; right: 0; left: 0; bottom: 0; z-index: 0; background-color: var(--ts-dropdown-bg); box-shadow: 0 10px 10px rgba(0, 0, 0, .1); border-top: 1px solid var(--ts-border); } .menu-background-overlay :is(.ts-header,.menu-sticky) nav > ul.menu li ul.sub-menu:after { box-shadow: none; } :is(.ts-header,.menu-sticky) nav.vertical-menu > ul.menu li ul.sub-menu:after { border-radius: var(--ts-border-radius); } .vertical-menu-inside .ts-header nav.vertical-menu > ul.menu li ul.sub-menu:after { border-top-left-radius: 0; } :is(.ts-header,.menu-sticky) li.ts-megamenu:not(.ts-megamenu-fullwidth-stretch) .ts-megamenu-container > div > .e-con-boxed { padding-left: 30px; padding-right: 30px; } .menu-sticky nav > ul.menu li ul.sub-menu ul.sub-menu { bottom: 0; left: 100%; /* rtl */ padding: 30px 30px 30px 60px;/* rtl */ top: -43px; z-index: 990; width: 300px; margin: 0; } .menu-sticky nav > ul.menu li ul.sub-menu ul.sub-menu:after { top: 0; left: 50px; /* rtl */ box-shadow: 5px 0px 20px rgba(162,162,162,0.33);/* rtl */ } .menu-sticky nav > ul.menu > li > ul.sub-menu > li:first-child > ul.sub-menu {top: -50px;} .menu-sticky nav > ul.menu li ul.sub-menu ul.sub-menu ul.sub-menu {z-index: 991;} .menu-sticky nav > ul.menu li.menu-item-has-children:hover {z-index: 992;} .menu-sticky nav > ul.menu li.ts-megamenu > ul.sub-menu { padding: 0; max-height: 100%; overflow-x: hidden; overflow-y: auto; background-color: var(--ts-dropdown-bg); border-left: 1px solid var(--ts-border); font-weight: normal; } .menu-sticky nav > ul.menu li.ts-megamenu > ul.sub-menu:after { display: none; } :is(.ts-header,.menu-sticky) nav > ul.menu li.ts-megamenu > ul.sub-menu > li { padding: 0 !important; margin: 0 auto; display: block; padding: 32px 0; } :is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li > a { position: relative; } :is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li > a, :is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li > .ts-menu-drop-icon, :is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li:before { color: inherit; } :is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li:hover > a, :is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li:hover > .ts-menu-drop-icon, :is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li:hover:before, :is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li[class*="current-"]:hover:before, :is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li[class*="current-"] > a, :is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li[class*="current-"]:before, :is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li[class*="current-"] > .ts-menu-drop-icon { color: var(--ts-link-hover-color); } /*** Mega Menu ***/ :is(.ts-header,.menu-sticky) nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu {width: 1500px;} :is(.ts-header,.menu-sticky) nav.vertical-menu > ul.menu li.ts-megamenu ul.sub-menu {min-height: 100%;} :is(.ts-header,.menu-sticky) nav > ul.menu li.ts-megamenu-columns-4 ul.sub-menu {width: 880px;} :is(.ts-header,.menu-sticky) nav > ul.menu li.ts-megamenu-columns-3 ul.sub-menu {width: 650px;} :is(.ts-header,.menu-sticky) nav > ul.menu li.ts-megamenu-columns-2 ul.sub-menu {width: 461px;} :is(.ts-header,.menu-sticky) nav > ul.menu li.ts-megamenu-columns-1 ul.sub-menu {width: 300px;} .ts-header, .ts-store-notice { font-size: 1em; line-height: 20px; } .header-top > .container, .header-v1 .ts-header .header-middle > .container { justify-content: space-between; } .header-language-currency, .ts-header .header-left, .ts-header .header-right { display: flex; align-items: center; gap: 0 20px; } .header-language-currency {flex-wrap: wrap;} .header-language-currency {gap: 0 15px;} .header-v1 .header-language-currency {margin-right: 10px;/* rtl */} .ts-header .header-right { justify-content: flex-end; margin-left: auto;/* rtl */ } .header-middle .header-center { flex: 1; display: flex; gap: 0 30px; align-items: center; } .has-language:not(.has-currency) .header-middle .header-right > .header-language:not(:last-child), .has-currency .header-middle .header-right > .header-currency:not(:last-child) { margin-right: 20px; /*rtl*/ } .ts-search-by-category { position: relative; } .header-middle .ts-search-by-category { flex: 1; max-width: 100%; } .ts-header .ts-search-by-category:before { position: fixed; content: ""; width: 100vw; height: 100vh; top: 0; left: 0; background-color: rgba(0,0,0,0.3); opacity: 0; visibility: hidden; z-index: 9; transition: 500ms ease; } .ts-header .ts-search-by-category > form { position: relative; z-index: 11; } .ts-header .ts-search-by-category .search-dropdown { padding: 44px 10px 10px; position: absolute; top: 0; left: 0; right: 0; color: var(--ts-dropdown-color); z-index: 10; opacity: 0; visibility: hidden; transition: 250ms ease; } .ts-header .ts-search-by-category .search-dropdown:before { position: absolute; content: ""; inset: -10px; background-color: var(--ts-dropdown-bg); border-radius: var(--ts-border-radius); } .ts-header .ts-search-by-category.focusing {z-index: 994;} .ts-header .ts-search-by-category.focusing:before, .ts-header .ts-search-by-category.focusing .search-dropdown { opacity: 1; visibility: visible; } .popular-search > div, .popular-search { display: flex; flex-wrap: wrap; gap: 10px; font-size: 13px; line-height: 20px; } .popular-search { margin-top: 32px; } .popular-search > * {width: 100%;} .popular-search > h6 {margin-bottom: 0; font-size: 13px; line-height: 20px;} .popular-search > div > a { padding: 4px 20px; border: 1px solid var(--ts-border); border-radius: var(--ts-border-radius); color: inherit; } .popular-search > div > a:hover {border-color: var(--ts-primary-color);} .search-dropdown > * { position: relative; z-index: 2; } .search-dropdown > .ts-search-result-container > p, .search-dropdown > .ts-search-result-container > .search-content {margin-top: 30px;} .ts-search-result-container ul.product_list_widget li .ts-wg-thumbnail, .woocommerce.ts-search-result-container ul.product_list_widget li .ts-wg-thumbnail, #ts-search-sidebar .ts-search-result-container ul.product_list_widget li .ts-wg-thumbnail, #ts-search-sidebar .woocommerce.ts-search-result-container ul.product_list_widget li .ts-wg-thumbnail{width: 80px;} .ts-search-result-container .view-all-wrapper { margin-top: 30px; margin-bottom: 10px; text-align: center; text-transform: capitalize; } .view-all-wrapper > a, .view-all-wrapper a:hover {color: inherit !important;} #ts-search-sidebar .ts-search-by-category form { border-color: #1D1B4D; background: transparent; display: flex; flex-wrap: wrap; align-items: flex-start; } #ts-search-sidebar .ts-search-by-category .search-table .search-button { background: var(--ts-tab-active-menu-bg); color: var(--ts-tab-active-menu-color); width: 40px; height: 42px; right: 0; /* rtl */ border-radius: var(--ts-border-radius); } #ts-search-sidebar .popular-search {margin-top: 0;} #ts-search-sidebar .popular-search > h6 {display: none;} #ts-search-sidebar .popular-search > div {gap: 5px;} #ts-search-sidebar .ts-sidebar-content{padding: 0;} #ts-search-sidebar .ts-sidebar-content .close{ position: absolute; top: 0; right: 0; /*rtl*/ display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0; width: 50px; height: 50px; border-left: 1px solid #ffffff; /*rtl*/ background: var(--ts-tab-menu-bg, #EBEFF0); color: var(--ts-tab-menu-color, #000000); } #ts-search-sidebar .ts-search-by-category form{ background: transparent; border: 0; } .ts-search-by-category form > h5 {display: none;} #ts-search-sidebar .ts-search-by-category form > h5, #ts-search-sidebar .ts-search-by-category .select-category{ width: calc(100% - 50px); font-size: var(--ts-menu-font-size); padding: 13px 20px; background-color: var(--ts-tab-menu-bg, #EBEFF0); color: var(--ts-tab-menu-color, #000000); font-weight: 600; margin: 0; } #ts-search-sidebar .ts-search-by-category form > h5 { display: block; padding: 15px 20px; text-align: center; text-transform: uppercase; } #ts-search-sidebar .ts-search-by-category form > .search-table { flex: none; width: 100%; padding: 20px; } #ts-search-sidebar .select-category + .search-table:after { display: none; } #ts-search-sidebar .ts-search-by-category .search-table .search-field { border-width: 1px; border-style: solid; border-radius: var(--ts-border-radius); border-color: var(--ts-hd-search-color); background: transparent; color: var(--ts-hd-search-color); overflow: hidden; } #ts-search-sidebar .ts-search-by-category .search-table .search-field input[type="text"] { padding: 12px 20px; } #ts-search-sidebar .search-dropdown { padding: 0 20px 20px; } /**/ .header-language, .header-currency { position: relative; display: block; font-size: 1rem; line-height: 19px; color: inherit; } .header-top .header-language, .header-top .header-currency { font-size: 1em; } .header-top a:hover, .header-middle a:hover, .header-bottom a:hover {text-decoration: none;} .header-currency .wcml-spinner {display: none;} .ts-header .header-top nav > ul.menu > li, .ts-header .header-top nav > ul > li {font-size: inherit;font-weight: inherit;} .ts-header .header-top nav > ul > li i { margin-right: 4px;/* rtl */ } .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%; } .header-social-icon {position: relative;} .header-social-icon .social-icons li i { font-size: 16px; } .header-social-icon .social-icons { display: flex; } .header-social-icon a span{ display: none; } /*-------------------------------------------------------- 2. HEADER TOP ---------------------------------------------------------*/ .header-top, .ts-header .header-top .hotline > a > span { font-size: 0.86rem; } .header-top, .header-top ul li{ line-height: 20px; } .header-top { background-color: var(--ts-hd-top-bg); color: var(--ts-hd-top-color); border-color: var(--ts-hd-top-border); border-width: 0 0 1px 0; border-style: solid; --ts-menu-gap: 20px; } .header-top *, .header-top *:before, .header-top *:after{ border-color: var(--ts-hd-top-border); } .header-top > .container { flex-wrap: wrap; padding-top: 8px; padding-bottom: 8px;/* +1 px border bottom */ } .header-top .header-right > *:not(:last-child) { padding-right: 20px;/* rtl */ position: relative; } .header-top .header-left > *:not(:first-child) { padding-left: 20px;/* rtl */ position: relative; } .header-top .header-right > *:not(:last-child):before, .header-top .header-left > *:not(:first-child):before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; border-style: solid; border-color: var(--ts-hd-top-color); display: block; opacity: 0.2; } .header-top .header-right > *:not(:last-child):before { right: 0;/* rtl */ border-width: 0 1px 0 0;/* rtl */ } .header-top .header-left > *:not(:first-child):before { left: 0;/* rtl */ border-width: 0 0 0 1px;/* rtl */ } .header-right .social-icons ul li {text-align: right; /* rtl */} .ts-header .social-icons ul li{ font-size: 1rem; line-height: 1; } /*-------------------------------------------------------- 3. HEADER MIDDLE ---------------------------------------------------------*/ .header-middle { background-color: var(--ts-hd-middle-bg); color: var(--ts-hd-middle-color); border-color: var(--ts-hd-middle-border); } .header-middle .ts-menu nav > ul > li > a, .header-middle nav > ul.menu > li > a, .header-middle .ts-menu nav > ul > li > .ts-menu-drop-icon, .header-middle nav > ul.menu > li > .ts-menu-drop-icon, .header-middle .ts-menu nav > ul > li:before, .header-middle nav > ul.menu > li:before { color: var(--ts-hd-middle-color); } .header-middle .header-language .wpml-ls-current-language:hover > a, .header-middle a:hover, .header-middle .search-icon .icon:hover, .header-middle .icon-menu-sticky-header .icon:hover, .header-middle nav > ul > li:hover > a, .header-middle nav > ul > li:hover > .ts-menu-drop-icon, .header-middle nav > ul > li[class*="current-"]:hover:before, .header-middle nav > ul > li[class*="current-"] > a, .header-middle nav > ul > li[class*="current-"] > .ts-menu-drop-icon, .header-middle nav > ul > li[class*="current-"]:before { color: var(--ts-hd-middle-link-hover); } .header-top *, .header-top *:before, .header-top *:after{border-color: var(--ts-hd-top-border);} .header-middle *, .header-middle *:before, .header-middle *:after{border-color: var(--ts-hd-middle-border);} .header-bottom *, .header-bottom *:before, .header-bottom *:after{border-color: var(--ts-hd-bottom-border);} .header-top > .container, .header-middle > .container, .header-bottom > .container { display: flex; position: relative; align-items: center; gap: 0 50px; } .header-middle > .container { padding-top: 25px; padding-bottom: 25px; gap: 0 60px; } .is-sticky .header-middle > .container { padding-top: 15px; padding-bottom: 15px; } .vertical-menu-fixed .header-middle, .header-bottom { border-width: 0 0 1px; border-style: solid; } .header-bottom > .container .vertical-menu-heading, .header-bottom > .container .ts-menu{ padding-top: 12px; padding-bottom: 12px; } body:not(.vertical-menu-fixed):not(.vertical-menu-inside) .header-bottom > .container .vertical-menu-heading, body:not(.vertical-menu-fixed):not(.vertical-menu-inside) .header-bottom > .container .ts-menu { padding-top: 3px; padding-bottom: 12px; } body:not(.vertical-menu-fixed):not(.vertical-menu-inside) :is(.ts-header,.menu-sticky) nav > ul.menu li ul.sub-menu:after { top: 12px; } body:not(.vertical-menu-fixed):not(.vertical-menu-inside) :is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li > ul.sub-menu:after { top: 0; } body:not(.vertical-menu-fixed):not(.vertical-menu-inside) :is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li:first-child > ul.sub-menu:after { top: -1px; } body:not(.vertical-menu-fixed):not(.vertical-menu-inside) :is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li:not(:first-child) > ul.sub-menu:after { border-width: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, .1); } body:not(.vertical-menu-fixed):not(.vertical-menu-inside) .header-bottom .ts-menu nav > ul > li:not(.special-item) > a:after { content: ''; width: 0; height: 0; display: block; border-bottom: 2px solid var(--ts-main-menu-border); position: absolute; bottom: -13px; left: 0; /* rtl */ transition: 250ms ease; z-index: 9999; } body:not(.vertical-menu-fixed):not(.vertical-menu-inside) .header-bottom .ts-menu nav > ul > li[class*="current-"]:not(.special-item) > a:after, body:not(.vertical-menu-fixed):not(.vertical-menu-inside) .header-bottom .ts-menu nav > ul > li:not(.special-item):hover > a:after { width: 100%; } body:not(.vertical-menu-fixed):not(.vertical-menu-inside) .header-bottom .ts-menu nav > ul > li.parent[class*="current-"]:not(.special-item) > a:after, body:not(.vertical-menu-fixed):not(.vertical-menu-inside) .header-bottom .ts-menu nav > ul > li.parent:not(.special-item):hover > a:after { width: calc(100% + 11px); } /*** Hotline ***/ .ts-header .hotline { position: relative; } .ts-header .hotline > a { display: flex; flex-direction: column; gap: 0; font-weight: 600; position: relative; padding-left: 43px;/* rtl */ } .ts-header .hotline > a:before { font-size: 36px; line-height: 1; position: absolute; top: calc(50% + 2px); left: 0;/* rtl */ transform: translateY(-50%); } .ts-header .hotline > a > span:first-child{ font-weight: normal; font-size: 1em; } .ts-header .header-top .hotline > a { padding-left: 0;/* rtl */ flex-direction: row; gap: 0 10px; } .ts-header .header-top .hotline > a:before {display: none;} .header-language a:hover, .my-account-wrapper .account-control > a:hover, .shopping-cart-wrapper a.cart-control:hover, .my-wishlist-wrapper a:hover, .header-currency a:hover {text-decoration: none;} .shopping-cart-wrapper { cursor: pointer; position: relative; } .shopping-cart-wrapper .cart-icon { position: relative; } .icon-menu-sticky-header .icon { letter-spacing: 0; } .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: 22px; line-height: 1; } .icon-menu-sticky-header .icon.active:before {font-size: 17px;} .shopping-cart-wrapper .cart-control .ic-cart { display: inline-block; line-height: 1; } .search-button.search-icon .icon, .my-account-wrapper .account-control > a{ display: inline-block; vertical-align: bottom; position: relative; box-sizing: content-box; cursor: pointer; } .search-button.search-icon .icon {line-height: 1;} .icon-menu-sticky-header .icon:before, .ts-mobile-icon-toggle .icon { font-size: 17px; line-height: 1; display: inline-block; vertical-align: middle; } .my-account-wrapper .account-control > a, .my-wishlist-wrapper .tini-wishlist, .shopping-cart-wrapper .cart-control { display: flex; flex-wrap: wrap; align-items: center; cursor: pointer; gap: 0 10px; line-height: 1.2; letter-spacing: 0; } .shopping-cart-wrapper .cart-control { gap: 0 13px; } .my-wishlist-wrapper .tini-wishlist .title {display: none;} .search-button.search-icon .icon span {display: inline-block;} :is(.header-language, .header-currency) + :is(.my-account-wrapper, .my-wishlist-wrapper, .shopping-cart-wrapper) {margin-left: 17px; /* rtl */} .my-wishlist-wrapper .tini-wishlist, .shopping-cart-wrapper .cart-control { position: relative; } .my-wishlist-wrapper .tini-wishlist .count-number, .shopping-cart-wrapper .cart-control .cart-number { width: 18px; height: 18px; font-size: 10px; font-weight: 600; line-height: 18px; text-align: center; letter-spacing: 0; border-radius: 50%; overflow: hidden; background: var(--ts-cart-count-bg); color: var(--ts-cart-count-color); position: absolute; right: -13px;/* rtl */ top: -7px; } .shopping-cart-wrapper .cart-control .cart-number { left: 15px;/* rtl */ right: auto;/* rtl */ } .shopping-cart-wrapper {position: relative;} .my-account-wrapper .account-control > a span { font-weight: 600; margin-top: 2px; } .ts-floating-sidebar .ts-search-by-category > form .search-table .loading ~ .search-button:before { opacity: 1; visibility: visible; } .ts-search-by-category .select-category { width: 28%; min-width: 150px; text-transform: capitalize; font-size: 1rem; color: var(--ts-hd-search-color); position: relative; border: 0; border-radius: 0; padding-right: 30px; /* rtl */ font-weight: 500; z-index: 2; } .header-v2 .ts-search-by-category .select-category { width: 31%; } .ts-search-by-category .select-category + .search-table { position: relative; } .ts-search-by-category .select-category + .search-table:after { content: ''; width: 1px; height: 20px; background: rgba(0,0,0,0.2); position: absolute; left: 0; /* rtl */ top: 50%; transform: translateY(-50%); } .ts-search-by-category .select-category + .search-table:before { position: absolute; top: 50%; line-height: 20px; margin-top: -10px; left: -30px;/* rtl */ } .ts-search-by-category .search-table .search-field {display: flex;flex-wrap: wrap;align-items: center;} .search-table .search-button:before,.search-table .search-button:after {transition: opacity 150ms ease;} .ts-search-by-category form { position: relative; border-width: 1px; border-style: solid; border-radius: var(--ts-border-radius); border-color: var(--ts-hd-search-border); background: var(--ts-hd-search-bg); color: var(--ts-hd-search-color); display: flex; flex-wrap: wrap; align-items: center; } .ts-search-by-category.focusing form { border-color: var(--ts-hd-search-focus-border); background: var(--ts-hd-search-focus-bg); color: var(--ts-hd-search-focus-color); } .ts-search-by-category form > .search-table { flex: 1; } .ts-search-by-category .search-content.loading:after { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } .ts-search-by-category .search-table .search-field input[type="text"] { border: 0; flex: 1; padding: 14px 20px; background: transparent; color: inherit; border-color: transparent; } .ts-search-by-category .search-table .search-button { width: 46px; height: 46px; position: relative; overflow: hidden; border-radius: var(--ts-border-radius); border-color: var(--ts-hd-search-btn-border); background: var(--ts-hd-search-btn-bg); color: var(--ts-hd-search-btn-color); margin-right: 3px;/* rtl */ } .ts-search-by-category select:focus { outline: none; box-shadow: none; } .ts-search-by-category .search-table .loading .search-button:before { opacity: 1; visibility: visible; } .ts-search-by-category .search-table .loading .search-button:after { border-color: rgba(255,255,255,.15); border-color: color-mix(in srgb, var(--ts-hd-search-btn-color), transparent 65%); border-top-color: var(--ts-hd-search-btn-color); } /*** Header Version ***/ .header-v2 .ts-header .header-right {margin: 0;} /**/ /*** Logo wrapper ***/ .normal-logo, .sticky-logo, .mobile-logo { display: inline-block; vertical-align: middle; } .sticky-logo, .mobile-logo { display: none; } header .logo-wrapper a { font-size: 40px; display: inline-block; vertical-align: top; } header .logo-wrapper a:hover { text-decoration: none; } .logo-center > .container > .header-left, .logo-center > .container > .header-right { flex: 1; min-height: auto; } .logo-center > .container > .header-middle{ flex: none; } /*** Header Dropdown ***/ .shopping-cart-wrapper .dropdown-container, .my-account-wrapper .dropdown-container, body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-currency ul { display: none; position: absolute; content: ""; right: auto; /* rtl */ left: 50%; /* rtl */ top: 100%; min-width: 115px; padding: 40px 30px 30px 30px; } .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: 18px; bottom: 0; display: block !important; z-index: -1; background-color: var(--ts-dropdown-bg); border-width: 1px; border-style: solid; box-shadow: 0 15px 15px rgba(0,0,0,0.15); border-radius: var(--ts-border-radius); } .shopping-cart-wrapper .dropdown-container, .my-account-wrapper .dropdown-container, .wcml_currency_switcher > ul, .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { color: var(--ts-dropdown-color); } .my-account-wrapper .dropdown-container input[type="submit"] { width: 100%; } .wcml_currency_switcher > ul, .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { padding: 37px 30px 30px 30px; width: 160px; left: 0; margin-left: -30px; /* rtl */ } .wcml_currency_switcher > ul { width: 130px; } .wcml_currency_switcher > ul:before, .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { top: 8px; } .header-middle .shopping-cart-wrapper .dropdown-container, .header-middle .my-account-wrapper .dropdown-container { padding-top: 80px; } .shopping-cart-wrapper .dropdown-container, .my-account-wrapper .dropdown-container { padding-top: 50px; } .logged-in .header-middle .my-account-wrapper .dropdown-container, .header-middle .wcml_currency_switcher > ul, .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { padding-top: 70px; } .shopping-cart-wrapper .dropdown-container:before, .header-middle .wcml_currency_switcher > ul:before { top: 40px; } .header-middle .my-account-wrapper .dropdown-container:before, .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { top: 41px; } .my-account-wrapper .dropdown-container:before {top: 20px;} .is-sticky .shopping-cart-wrapper .dropdown-container, .is-sticky .my-account-wrapper .dropdown-container { padding-top: 62px; } .logged-in .is-sticky .header-middle .my-account-wrapper .dropdown-container, .is-sticky .header-middle .wcml_currency_switcher > ul, .is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { padding-top: 60px; } .is-sticky .shopping-cart-wrapper .dropdown-container:before, .is-sticky .header-middle .wcml_currency_switcher > ul:before { top: 30px; } .is-sticky .header-middle .my-account-wrapper .dropdown-container:before, .is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { top: 31px; } .header-top a, .header-middle a, .header-bottom a, .ts-menu nav ul li a, .header-language a, .header-currency a { color: inherit; } .header-top a:hover, .header-top .search-icon .icon:hover, .header-top .dropdown-container a:not(.button):hover, .header-top .ts-menu nav ul li a:hover, .header-top .header-language a:hover, .header-top .header-currency a:hover { color: var(--ts-hd-top-link-hover); } .header-bottom .ts-menu nav > ul > li > a, .header-bottom nav > ul.menu > li > a, .header-bottom .ts-menu nav > ul > li > .ts-menu-drop-icon, .header-bottom nav > ul.menu > li > .ts-menu-drop-icon, .header-bottom .ts-menu nav > ul > li:before, .header-bottom nav > ul.menu > li:before { color: var(--ts-hd-bottom-color); } .header-bottom { background-color: var(--ts-hd-bottom-bg); color: var(--ts-hd-bottom-color); border-color: var(--ts-hd-bottom-border); } .header-bottom .sub-menu{ color: var(--ts-dropdown-color); } .header-bottom a:hover, .header-bottom .sub-menu a:hover, .header-bottom nav > ul > li:hover > a, .header-bottom nav > ul > li:hover:before, .header-bottom nav > ul > li:hover > .ts-menu-drop-icon, .header-bottom nav > ul > li[class*="current-"] > a, .header-bottom nav > ul > li[class*="current-"] > .ts-menu-drop-icon, .header-bottom nav > ul > li[class*="current-"]:before { color: var(--ts-hd-bottom-link-hover); } .vertical-menu-wrapper ul li:hover:before, .vertical-menu-wrapper ul li:hover > a { color: var(--ts-primary-color); } .shopping-cart-wrapper:hover .dropdown-container, .my-account-wrapper:hover .ts-tiny-account-wrapper .dropdown-container, .header-language:hover .wpml-ls-sub-menu, .header-currency:hover ul { display: block; -webkit-animation-duration: 300ms; -moz-animation-duration: 300ms; animation-duration: 300ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_menu; -moz-animation-name: animation_menu; animation-name: animation_menu; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; z-index: 5; } .header-language:hover .wpml-ls-sub-menu, .header-currency:hover ul { display: flex; -webkit-animation-duration: 200ms; -moz-animation-duration: 200ms; animation-duration: 200ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_menu; -moz-animation-name: animation_menu; animation-name: animation_menu; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; } .my-account-wrapper .dropdown-container, .shopping-cart-wrapper .dropdown-container { z-index: 992; } .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: 430px; } .shopping-cart-wrapper .dropdown-container.cart-empty { width: 350px; } .shopping-cart-wrapper.updating .dropdown-container, .header-language:hover .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{ animation: none !important;-moz-animation: none !important;-webkit-animation: none !important; } header .cart-dropdown-form .form-content { position: relative; z-index: 2; } .cart-dropdown-form .form-content > label { display: flex; flex-flow: column wrap; align-items: center; gap: 26px; } .cart-dropdown-form .form-content > label:before { font-size: 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: 0; margin: 0; position: relative; z-index: 2; } .ts-tiny-cart-wrapper ul.cart_list li .price {width: 100%; gap: 5px;} .ts-tiny-cart-wrapper ul.cart_list li .price .amount{font-weight: 500;} .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: 343px; position: relative; flex-direction: row; 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; } .woocommerce .dropdown-container ul.cart_list li img, .dropdown-container ul.cart_list li img { width: 100% !important; margin: 0; } .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper, .woocommerce .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper { display: flex; flex: 1; gap: 8px 20px; align-items: center; } .woocommerce ul.cart_list li::after, .woocommerce ul.cart_list li::before, .woocommerce ul.product_list_widget li::after, .woocommerce ul.product_list_widget li::before {display: none;} .woocommerce ul.cart_list li.loading::after, .woocommerce ul.cart_list li.loading::before, .woocommerce ul.product_list_widget li.loading::after, .woocommerce ul.product_list_widget li.loading::before {display: inline-block;} .dropdown-footer > a { width: 100%; float: none; /* rtl */ margin: 0 0 10px !important; } .dropdown-footer > a:last-child { margin-left: 4%;/* rtl */ margin-bottom: 0 !important; } .dropdown-footer > a:first-child:last-child { margin: 0;/* rtl */ } .ts-tiny-cart-wrapper .total, .widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total, .elementor-widget-wp-widget-woocommerce_widget_cart .total { padding: 20px 0 20px; position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; font-size: 1em; gap: 5px; } .ts-tiny-cart-wrapper .total {padding-bottom: 10px;} .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 */ font-size: 1.33em; font-weight: 500; color: var(--ts-primary-color); } .dropdown-footer .cart-items{color: var(--ts-gray-color);} .dropdown-footer .buttons {display: flex;gap: 10px;} .dropdown-footer .buttons > * {flex: 1;} #ts-shopping-cart-sidebar .woocommerce .form-content a.remove {border: 0;} /*** Cart ***/ .elementor-widget-wp-widget-woocommerce_widget_cart .total, .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { margin: 20px 0 0; border-top: 1px solid var(--ts-border); } .elementor-widget-wp-widget-woocommerce_widget_cart .buttons, .woocommerce .widget_shopping_cart .buttons, .woocommerce.widget_shopping_cart .buttons { margin: 0; } .elementor-widget-wp-widget-woocommerce_widget_cart .buttons a, .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a { width: 100%; margin: 0 0 5px; text-decoration: none !important; } .ts-tiny-cart-wrapper li div.blockUI.blockOverlay, .widget_shopping_cart li div.blockUI.blockOverlay, .elementor-widget-wp-widget-woocommerce_widget_cart li div.blockUI.blockOverlay { background-image: none !important; } .ts-tiny-cart-wrapper li:last-child div.blockUI.blockOverlay, .widget_shopping_cart li:last-child div.blockUI.blockOverlay, .elementor-widget-wp-widget-woocommerce_widget_cart li:last-child div.blockUI.blockOverlay{ bottom: 0 !important; } .woocommerce-cart .cart-dropdown-form, .woocommerce-checkout .cart-dropdown-form, .woocommerce-cart #ts-shopping-cart-sidebar, .woocommerce-checkout #ts-shopping-cart-sidebar, .shopping-cart-wrapper .dropdown-container .theme-title { display: none !important; } /*** My account dropdown ***/ .my-account-wrapper{ position: relative; } .dropdown-container .dropdown-footer { margin: 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%;} .ts-free-shipping-message-bar .progress-bar { display: block; width: 100%; height: 5px; background-color: rgba(222, 16, 16, 0.1); position: relative; border-radius: 5px; overflow: hidden; margin-bottom: 10px; } .ts-free-shipping-message-bar .progress-bar > span { display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; /* rtl */ background-color: #DE1010; border-radius: 5px; } .ts-free-shipping-message-bar.success .progress-bar > span { background-color: #25B14C; } .ts-free-shipping-message-bar .message { font-size: 12px; line-height: 18px; display: flex; flex-wrap: wrap; align-items: center; gap: 5px; } .ts-free-shipping-message-bar.success .message:before {color: #25B14C;} .ts-free-shipping-message-bar .message .amount { font-weight: 500; color: var(--ts-primary-color); } .ts-tiny-account-wrapper .form-content h4{ text-align: center; margin-bottom: 15px; } .ts-tiny-account-wrapper .dropdown-container .form-content > form { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; } :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: 200px; margin-left: -110px; /* rtl */ padding-top: 50px; } .logged-in .header-right .my-account-wrapper:last-child .dropdown-container, .header-right .my-account-wrapper:last-child .dropdown-container { margin-left: 0; /* rtl */ left: auto; /* rtl */ right: 0; /* rtl */ } .logged-in .my-account-wrapper .dropdown-container ul { margin: 0; display: flex; flex-direction: column; gap: 13px; } .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-gray-color); padding-top: 18px; border-top: 1px solid var(--ts-border); margin-top: 7px; } .logged-in .my-account-wrapper .dropdown-container li.link-bottom a { text-decoration: underline; text-underline-offset: 5px; } .logged-in .my-account-wrapper .dropdown-container a { text-decoration: none; } .my-account-wrapper .dropdown-container a:hover { color: var(--ts-primary-color); } .header-right .shopping-cart-wrapper .dropdown-container, body:not(.logged-in) .header-right .my-account-wrapper .dropdown-container { right: 0; /* rtl */ left: auto; margin-left: 0; /* rtl */ } body:not(.logged-in) .header-right .my-account-wrapper:nth-last-child(3) .dropdown-container { right: -110px; /* rtl */ } body:not(.logged-in) .header-right .my-account-wrapper:nth-last-child(2) .dropdown-container { right: -55px; /* rtl */ } body:not(.logged-in) .header-right .my-account-wrapper .dropdown-container{ width: 360px; } /*** 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 { display: none; } header .header-sticky .logo-sticky, .is-sticky.is-sticky img.normal-logo { display: none; } .header-sticky.is-sticky img.sticky-logo { display: inline-block; } .sticky-wrapper.is-sticky .logo-sticky { opacity: 1; width: auto; height: auto; padding: 5px 0; position: relative; display: table-cell; } .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 { display: inline-block; vertical-align: middle; 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; } /*** Cart Sidebar ***/ #ts-shopping-cart-sidebar .dropdown-container .theme-title { font-size: var(--ts-h4-font-size); line-height: var(--ts-h4-line-height); margin-bottom: 30px; } #ts-shopping-cart-sidebar .dropdown-container .theme-title .count { font-weight: var(--ts-font-weight); font-style: var(--ts-font-style); line-height: var(--ts-line-height); letter-spacing: var(--ts-letter-spacing); font-size: 1em; color: var(--ts-gray-color); display: inline-block; } #ts-shopping-cart-sidebar ul.cart_list li:last-child, #ts-shopping-cart-sidebar .woocommerce ul.cart_list li:last-child { border-bottom-width: 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-sidebar-content { overflow: hidden; } #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper .cart-content .cart_list { width: 100%; max-height: 100%; overflow-x: hidden; overflow-y: auto; margin-right: -7px; /* rtl */ flex: 1; align-content: flex-start; } #ts-shopping-cart-sidebar .cart-dropdown-form .form-content > label { flex: 1; display: inline-flex; align-items: center; justify-content: center; } #ts-shopping-cart-sidebar .cart-dropdown-form .form-content > label:before { font-size: 140px; line-height: 140px; } #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper .cart-content .cart_list::-webkit-scrollbar {display: none;} .ts-sidebar-content .dropdown-container .cart-number { padding-right: 60px;/* rtl */ margin-bottom: 40px; } .ts-sidebar-content .ts-tiny-cart-wrapper { width: 100%; display: inline-block; } /*** Currency ***/ .header-currency img.wcml-spinner { left: 50%; margin-top: -1px; margin-left: -8px; right: auto; } .header-currency { position: relative; } .header-currency a { text-decoration: none; display: block; } .header-currency ul li{ position: relative; list-style: none; margin: 0; z-index: 991; width: 100%; transition: 350ms ease 0s; cursor: pointer; } /*-------------------------------------------------------- 4. HEADER BOTTOM ---------------------------------------------------------*/ .header-bottom .menu-wrapper { display: flex; flex-wrap: wrap; flex: 1; gap: 0 var(--ts-menu-gap); align-items: stretch; } nav.main-menu ul.menu li.ts-megamenu-columns-1 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li, nav.main-menu ul.menu li.ts-megamenu-columns-2 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li, nav.main-menu ul.menu li.ts-megamenu-columns-3 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li, nav.main-menu ul.menu li.ts-megamenu-columns-4 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li, nav.main-menu ul.menu li:not(.ts-mega-menu) .sub-menu > li { padding: 7px 0; } nav.main-menu ul.menu li.ts-megamenu-columns-1 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li:first-child, nav.main-menu ul.menu li.ts-megamenu-columns-2 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li:first-child, nav.main-menu ul.menu li.ts-megamenu-columns-3 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li:first-child, nav.main-menu ul.menu li.ts-megamenu-columns-4 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li:first-child, nav.main-menu ul.menu li:not(.ts-mega-menu) .sub-menu > li:first-child { padding-top: 0; } nav.main-menu ul.menu li.ts-megamenu-columns-1 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li:last-child, nav.main-menu ul.menu li.ts-megamenu-columns-2 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li:last-child, nav.main-menu ul.menu li.ts-megamenu-columns-3 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li:last-child, nav.main-menu ul.menu li.ts-megamenu-columns-4 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li:last-child, nav.main-menu ul.menu li:not(.ts-mega-menu) .sub-menu > li:last-child { padding-bottom: 0; } nav.main-menu ul.menu li.ts-megamenu-columns-1 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li > a, nav.main-menu ul.menu li.ts-megamenu-columns-2 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li > a, nav.main-menu ul.menu li.ts-megamenu-columns-3 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li > a, nav.main-menu ul.menu li.ts-megamenu-columns-4 .sub-menu .elementor-widget-wp-widget-nav_menu ul.menu li > a, nav.main-menu ul.menu li:not(.ts-mega-menu) .sub-menu > li > a { display: inline-block; } /*** Menu Overlay ***/ .ts-header, .ts-header .header-template {position: relative;} body.menu-background-overlay #page{overflow: hidden;} .ts-header > .overlay { position: absolute; top: 100%; left: 0; right: 0; min-height: 100vh; background: rgba(0,0,0,0.4); z-index: 993; display: none; } .menu-background-overlay .ts-header > .overlay { display: block; -webkit-animation-duration: 250ms; -moz-animation-duration: 250ms; animation-duration: 250ms; animation-delay: 150ms; -webkit-animation-delay: 150ms; -moz-animation-delay: 150ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_fade; -moz-animation-name: animation_fade; animation-name: animation_fade; } /*** Search Sidebar ***/ .ts-floating-sidebar * { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ts-floating-sidebar .ts-sidebar-content { position: fixed; padding: 20px; top: 0; bottom: 0; right: 0; /* rtl */ z-index: 99992; width: 400px; max-width: 100%; transform: translateX(400px); /* rtl */ transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); overflow-y: auto; background: var(--ts-dropdown-bg); } .ts-floating-sidebar.active .ts-sidebar-content { transform: translateX(0px); box-shadow: -3px 0 21px rgba(63,63,63,0.15); /* rtl */ } .ts-floating-sidebar div.overlay { position: fixed; opacity: 0; visibility: hidden; left: 0; right: 0; bottom: 0; top: 0; content: ""; background: rgba(0,0,0,0.5); z-index: 99991; transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; } .admin-bar .ts-floating-sidebar div.overlay, .admin-bar .ts-floating-sidebar .ts-sidebar-content { top: 32px; } .ts-floating-sidebar.active div.overlay { visibility: visible; opacity: 1; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } .ts-floating-sidebar .woocommerce ul.product_list_widget {gap: 20px;} .ts-floating-sidebar ul.product_list_widget li .ts-wg-thumbnail, .ts-floating-sidebar .woocommerce ul.product_list_widget li .ts-wg-thumbnail, .ts-floating-sidebar ul.product_list_widget li img, .ts-floating-sidebar .woocommerce ul.cart_list li img, .ts-floating-sidebar .woocommerce ul.product_list_widget li img {width: 106px;} .ts-floating-sidebar ul.product_list_widget li .ts-wg-meta, .woocommerce .ts-floating-sidebar ul.product_list_widget li .ts-wg-meta {gap: 8px;} .icon-menu-sticky-header {order: 100;} /*** Header Transparent ***/ .header-transparent .header-template { position: absolute; z-index: 993; left: 0; right: 0; top: 0; } .header-transparent .header-template > div:not(.is-sticky) .header-middle, .header-transparent .header-template > div:not(.is-sticky) .header-bottom, .header-transparent .header-template > .header-middle, .header-transparent .header-template > .header-bottom { background: transparent; border-color: rgba(255,255,255,0.1); } .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .icon-menu-sticky-header .icon:before, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .search-button.search-icon .icon:before, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .my-wishlist-wrapper .tini-wishlist:before, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .shopping-cart-wrapper .cart-control .ic-cart:before, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .ts-tiny-account-wrapper .account-control > a:before { color: #ffffff; } .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .icon-menu-sticky-header:hover .icon:before, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .search-button.search-icon:hover .icon:before, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .my-wishlist-wrapper:hover .tini-wishlist:before, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .shopping-cart-wrapper:hover .cart-control .ic-cart:before, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .ts-tiny-account-wrapper:hover .account-control > a:before { color: var(--ts-middle-link-hover-color); } .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle nav > ul.menu > li:not(.button):hover > a, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle nav > ul.menu > li.current-menu-item:before, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle nav > ul.menu > li.current-menu-parent:before, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle nav > ul.menu > li.current-menu-item > .ts-menu-drop-icon, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle nav > ul.menu > li.current-menu-parent > .ts-menu-drop-icon, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle nav > ul.menu > li.current-menu-item > a, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle nav > ul.menu > li.current-menu-parent > a, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .ts-menu > nav.main-menu > ul.menu > li:hover > .ts-menu-drop-icon, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .ts-menu > nav.main-menu > ul.menu > li:hover > .ts-menu-drop-icon { color: #ffffff !important; } .header-transparent.header-text-light .ts-header .header-template > div:not(.is-sticky) .search-content input[type="text"] { background-color: transparent; border-color: rgba(255,255,255,0.25); } .header-transparent.header-text-light .ts-header .header-template > div:not(.is-sticky) .search-table .search-button input[type^="submit"], .header-transparent.header-text-light .ts-header .header-template > div:not(.is-sticky) .search-table .search-button { color: #ffffff; } .header-transparent.header-text-light .ts-header .header-template > div:not(.is-sticky) .search-content ::-webkit-input-placeholder { color: #ffffff; } .header-transparent.header-text-light .ts-header .header-template > div:not(.is-sticky) .search-content :-moz-placeholder { color: #ffffff; } .header-transparent.header-text-light .ts-header .header-template > div:not(.is-sticky) .search-content ::-moz-placeholder { color: #ffffff; } .header-transparent.header-text-light .ts-header .header-template > div:not(.is-sticky) .search-content :-ms-input-placeholder { color: #ffffff; } .header-transparent.header-text-light .ts-header .header-template > div:not(.is-sticky) .search-table .search-button:after { border-color: rgba(255,255,255,0.3); border-top-color: #ffffff; } .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-bottom, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .ts-menu > nav.main-menu > ul.menu > li > .ts-menu-drop-icon, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .ts-menu > nav > ul.menu > li > a, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .ts-menu > nav.main-menu > ul.menu > li > .ts-menu-drop-icon, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .ts-menu > nav > ul.menu > li > a { color: #ffffff; } .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-bottom { border-color: rgba(255,255,255,0.2); } .header-transparent.header-text-light .header-template > div:not(.is-sticky) :is(.header-middle, .header-bottom) .my-wishlist-wrapper .tini-wishlist .count-number, .header-transparent.header-text-light .header-template > div:not(.is-sticky) :is(.header-middle, .header-bottom) .shopping-cart-wrapper .cart-control .cart-number { background: #ffffff; border-color: #ffffff; color: #000000; } .header-transparent.header-text-light .ts-header nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu { color: #000000; } /*------------------------------------------------------------------------------------------------------------------- II. MAIN CONTENT ---------------------------------------------------------------------------------------------------------------------*/ div#main {width: 100%;clear: both;} .page-template-blank-page-template div#main {min-height: 0;} li > div > h3.product-name { margin-bottom: 0; display: flex; flex-direction: column; gap: 5px; flex: 1; line-height: inherit; font-weight: inherit; } /*-------------------------------------------------------- 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:not(.breadcrumb-v3) .breadcrumb-title > * {width: 100%;} .ts-breadcrumbs { font-size: 13px; line-height: 18px; position: relative; padding: 20px 0 18px; 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; } .breadcrumb-title-wrapper .page-title { margin-bottom: 0; color: var(--ts-breadcrumb-link-color); font-size: var(--ts-h3-font-size); line-height: var(--ts-h3-line-height); } .ts-breadcrumbs a, .ts-breadcrumbs .brn_arrow, .ts-breadcrumbs .breadcrumbs-container > span:not(.current) { color: var(--ts-breadcrumb-link-color); } .breadcrumb-title-wrapper:not(.breadcrumb-v3):not(.breadcrumb-v4) .ts-breadcrumbs {order: -1;} :is(.breadcrumb-v1,.breadcrumb-v2) .page-title {margin-top: -6px;} /*** Style 2 ***/ :is(.breadcrumb-v2,.breadcrumb-v4) .page-title {text-align: center;} .breadcrumb-v2 .page-title {margin-top: -4px;text-align: center;} .breadcrumb-v2 .ts-breadcrumbs {text-align: center;} .breadcrumb-v2 .ts-breadcrumbs .breadcrumbs-container {display: inline-block;} /*** Style 3 ***/ #main > .breadcrumb-title-wrapper.breadcrumb-v3 + * { padding-top: 0; } .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-title { align-items: center; justify-content: space-between; padding: 30px 0; } .breadcrumb-title-wrapper.breadcrumb-v3 .ts-breadcrumbs { padding: 0; } /*** Style 4 ***/ .breadcrumb-title-wrapper.has-background { background-size: cover; background-position: center; background-repeat: no-repeat; } .breadcrumb-title-wrapper.has-background .breadcrumb-title { min-height: 500px; justify-content: center; align-items: center; } .breadcrumb-title-wrapper.has-background .page-title { font-size: var(--ts-h1-font-size); line-height: 1.2; } .breadcrumb-title-wrapper.has-background .page-title { color: var(--ts-breadcrumb-2-color); } .breadcrumb-title-wrapper.breadcrumb-v4:not(.has-background) { border-bottom: 1px solid var(--ts-border); } #main > .ts-breadcrumbs { background-color: var(--ts-breadcrumb-bg); border-bottom: 1px solid var(--ts-border); margin-bottom: calc(var(--ts-section-gap) - 40px); text-align: center; } #main > .ts-breadcrumbs .breadcrumbs-container {width: auto; display: inline-block;} /*-------------------------------------------------------- 2. CUSTOM MERTO ---------------------------------------------------------*/ .elementor-control.elementor-control-bg_image_device > .elementor-control-content { padding-right: 20px; } .e-con .elementor-widget.elementor-widget-text-editor { text-underline-offset: 2px; } .elementor-widget-text-editor a:hover { text-decoration: none; } .iconbox-opacity-eff .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon { opacity: 0.3; transition: opacity 250ms ease; } .iconbox-opacity-eff .elementor-icon-box-wrapper:hover .elementor-icon-box-icon .elementor-icon { opacity: 1; } .elementor-control.elementor-control-img_bg_mobile > .elementor-control-content .e-ai-button { position: absolute; top: -35px; right: 20px; } .elementor-control.elementor-control-img_bg_mobile > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper { margin-block-start: 0; } .top-slideshow, .overflow-hidden .elementor-image { overflow: hidden; } .elementor-toggle .elementor-toggle-item .elementor-toggle-title {text-decoration: none;} .animate-shape .elementor-widget-spacer { transition: 350ms ease; } .animate-shape .e-con:hover > .elementor-widget-spacer { transform: scaleX(-1); } .elementor-counter .elementor-counter-title { text-align: center; } .woocommerce .after-loop-wrapper:not(:last-child) { margin-bottom: var(--ts-section-gap); } .post-content-wrapper .entry-content > .content-wrapper { line-height: 1.875; } .post-content-wrapper .entry-content > .content-wrapper .elementor-widget-icon-box .elementor-icon-box-description { margin: 0; } .post-content-wrapper > .entry-content .content-wrapper > .gallery:not(:last-child) { margin-bottom: 20px !important; } .woocommerce div.product > #reviews { padding-bottom: 60px; } .woocommerce div.product #reviews nav.woocommerce-pagination { padding: 22px 0 74px; } .woocommerce div.product .woocommerce-tabs #reviews nav.woocommerce-pagination { margin-top: 30px; padding-top: 30px; padding-bottom: 0; } .woocommerce .button.button-small, .button.button-small, .woocommerce .button.button-small.button-border, .button.button-small.button-border { line-height: 22px; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs li, .elementor-widget-image-box .elementor-image-box-title { line-height: 26px; } 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; } .author.vcard a:hover { text-decoration: underline } .header-language a, .header-currency a, .ts-header .menu-wrapper .ts-menu a, .product .meta-wrapper a { text-decoration: none; } .product:not(.product-category) .product-name a {transition: none;font-size: inherit;} .product:not(.product-category) .product-name a:hover {color: var(--ts-link-hover-color);} .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { opacity: 1; } .elementor-text-editor > *:first-child img.alignnone { margin: 2px 10px 0 0; /* rtl */ } #reviews .woocommerce-review__published-date:after {padding-left: 5px; /* rtl */} #reviews .woocommerce-review__dash:after {padding-left: 0; /* rtl */} .comment-meta > *:not(:last-child):after {padding-left: 1px; /* rtl */} .woocommerce-review__dash {display: none;} .entry-meta-top a{ color: inherit; } .entry-meta-top .author.vcard a, .author.vcard a { color: var(--ts-text-color); } /*** Link Underline Effect ***/ .shop-more .shop-more-button, .ts-banner.button-text .ts-banner-button .button, .view-all-wrapper > a, .logged-in-as a, a.button-text, button.button-text, .button-text a { text-decoration: none; background: transparent; position: relative; display: inline-block; padding: 0; border: 0; border-radius: 0; overflow: hidden; color: inherit; text-transform: none; } .shop-more .shop-more-button, .ts-banner.button-text .ts-banner-button .button, .logged-in-as a { font-size: var(--ts-body-font-size); line-height: 1.4; } :where(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) a:not(.button), body .wc-block-components-notice-banner .wc-block-components-notice-banner__content a:not(.button) { color: inherit; position: relative; line-height: 1.2; text-decoration: none; background: transparent; position: relative; display: inline-block; overflow: hidden; } .elementor-widget-text-editor a.text-underline, .elementor-widget-text-editor a:not(.button):not([href*="tel"]):not([href*="mailto"]){ color: inherit; position: relative; text-decoration: none; display: inline-block; vertical-align: middle; line-height: 1.5; overflow: hidden; } .woocommerce-review-link:before, .form-content .forget-password:before, .create-account-wrapper a:before, .shop-more .shop-more-button:before, .ts-product-size-chart-button > span:before, .ts-banner.button-text .ts-banner-button .button:before, .elementor-widget-text-editor a.text-underline:before, .elementor-widget-text-editor a:not(.button):not([href*="tel"]):not([href*="mailto"]):before, :where(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) a:not(.button):before, body .wc-block-components-notice-banner .wc-block-components-notice-banner__content a:not(.button):before, .logged-in-as a:before, .lost_password a:before, .view-all-wrapper > a:before, a.button-text:before, button.button-text:before, .button-text a:before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid; display: block; transition: 300ms ease; } .woocommerce-review-link:after, .form-content .forget-password:after, .create-account-wrapper a:after, .shop-more .shop-more-button:after, .ts-product-size-chart-button > span:after, .ts-banner.button-text .ts-banner-button .button:after, .elementor-widget-text-editor a.text-underline:after, .elementor-widget-text-editor a:not(.button):not([href*="tel"]):not([href*="mailto"]):after, :where(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) a:not(.button):after, body .wc-block-components-notice-banner .wc-block-components-notice-banner__content a:not(.button):after, .logged-in-as a:after, .lost_password a:after, .view-all-wrapper > a:after, a.button-text:after, button.button-text:after, .button-text a:after{ content: ''; position: absolute; bottom: 0; right: 100%; left: auto; border-bottom: 1px solid; display: block; transition: left 300ms ease 300ms, right 300ms ease 300ms; } .shop-more .shop-more-button:before, .shop-more .shop-more-button:after {bottom: 1px;} .elementor-widget-text-editor a:not(.button):not([href*="tel"]):not([href*="mailto"]):before, .elementor-widget-text-editor a:not(.button):not([href*="tel"]):not([href*="mailto"]):after {bottom: 1px;} .woocommerce-review-link:hover:before, .form-content .forget-password:hover:before, .create-account-wrapper a:hover:before, .shop-more .shop-more-button:hover:before, .ts-product-size-chart-button:hover > span:before, .ts-banner.button-text .ts-banner-button .button:hover:before, .elementor-widget-text-editor a.text-underline:hover:before, .elementor-widget-text-editor a:not(.button):not([href*="tel"]):not([href*="mailto"]):hover:before, :where(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) a:not(.button):hover:before, body .wc-block-components-notice-banner .wc-block-components-notice-banner__content a:not(.button):hover:before, .logged-in-as a:hover:before, .lost_password a:hover:before, .view-all-wrapper > a:hover:before, a.button-text:hover:before, button.button-text:hover:before, .button-text a:hover:before{ left: 100%; right: auto; } .woocommerce-review-link:hover:after, .form-content .forget-password:hover:after, .create-account-wrapper a:hover:after, .shop-more .shop-more-button:hover:after, .ts-product-size-chart-button:hover > span:after, .ts-banner.button-text .ts-banner-button .button:hover:after, .elementor-widget-text-editor a.text-underline:hover:after, .elementor-widget-text-editor a:not(.button):not([href*="tel"]):not([href*="mailto"]):hover:after, :where(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) a:not(.button):hover:after, body .wc-block-components-notice-banner .wc-block-components-notice-banner__content a:not(.button):hover:after, .logged-in-as a:hover:after, .lost_password a:hover:after, .view-all-wrapper > a:hover:after, a.button-text:hover:after, button.button-text:hover:after, .button-text a:hover:after{ left: 0; right: 0; } .ts-banner.button-text .ts-banner-button .button { transition: none; } .ts-banner.button-text .ts-banner-button .button i { font-size: 0.8em; } .comment-actions .button-text a, :where(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) a:not(.button):hover, body .wc-block-components-notice-banner .wc-block-components-notice-banner__content a:not(.button):hover {text-decoration: none;} .woocommerce-review-link { display: inline-block; vertical-align: middle; position: relative; overflow: hidden; line-height: 1.2; text-decoration: none !important; color: inherit; } /*** Custom Elementor ***/ .elementor-vertical-align-middle .elementor-image-box-img img { vertical-align: middle; } .elementor-widget-image-box .elementor-image-box-description { line-height: 1.2; } 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 > .elementor-widget-container { 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 .elementor-widget-container 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; font-size: 1em; line-height: 1.5; } .footer-container h1, .footer-container h2, .footer-container h3, .footer-container h4, .footer-container h5, .footer-container h6 {color: var(--ts-footer-heading-color);} .footer-container a, .footer-container ul li a {color: var(--ts-footer-link-color);} .footer-container .elementor-widget-text-editor a:not(.button) {color: inherit;} .footer-container a:hover, .footer-container ul li a:hover, .footer-container .elementor-widget-text-editor a:not(.button):hover { color: var(--ts-footer-link-hover-color); text-decoration: none; } .footer-container .elementor-widget[data-widget_type^="wp-widget-"] .elementor-widget-container > h5 { font-size: 1rem; line-height: 1.5; border-width: 0; padding: 0; } /*** To Top Button ***/ #to-top { position: fixed; right: 5px; /* rtl */ bottom: 5px; width: 36px; height: 36px; transition: 350ms ease 0s; text-align: center; cursor: pointer; z-index: 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); border-radius: var(--ts-border-radius); } #to-top a:before { font-size: 12px; line-height: 36px; } #to-top a:hover { text-decoration: none; transform: scale(1.1); } #to-top.on { transform: scale(1); } /*------------------------------------------------------------------------------------------------------------------- IV. WIDGET ---------------------------------------------------------------------------------------------------------------------*/ .widget_product_categories ul li:hover > a, .ts-product-categories-widget-wrapper ul li:hover > a, .product-filter-by-brand ul li:hover > *, .product-filter-by-price ul li:hover > *, .product-filter-by-availability ul li:hover > *, .woocommerce .widget_rating_filter ul li:hover > *, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:hover > *, .widget_product_categories ul li.current-cat > *, .ts-product-categories-widget-wrapper ul li.active > a, .ts-product-categories-widget-wrapper ul li.active > a > .count, .product-filter-by-brand ul li.chosen > *, .product-filter-by-price ul li.chosen > *, .product-filter-by-availability ul li.chosen > *, .woocommerce .widget_rating_filter ul li.chosen > *, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen > * { color: var(--ts-primary-color); } .widget-container.widget_media_image { overflow: hidden; } .widget-container.widget_media_image a { display: block; } .widget-container.widget_media_image img { transition: 300ms ease; } .widget-container.widget_media_image:hover img { transform: scale(0.9); } /*------------------------------------------------------------- 1. WIDGET DEFAULT WP --------------------------------------------------------------*/ .widget-container style[type="text/css"], .widget-container script { display: none !important; } .wp-block-heading { line-height: 1.2; } .wp-block-heading.page-title { margin-bottom: 30px !important; margin-top: -5px; } .has-x-large-font-size { font-size: var(--ts-h1-font-size) !important; } /*** Archive ***/ abbr, abbr[title], acronym[title], h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, ul li > a, .product-name a, .ts-wg-meta a, .group_table del,.price del,.product-price del, .widget_rss li > a:hover, .wp-block-archives li > a:hover, .wp-block-latest-posts li a:hover, .wp-block-latest-comments li a:hover, .wp-block-rss li a:hover, .product_list_widget li a, .widget_categories > ul li > a, .widget_archive li > a, .widget_nav_menu li > a, .widget_pages li > a, .widget_meta li > a, .widget_recent_entries li > a, .widget_rss li > a, .widget_recent_comments ul li a, .ts-blogs-widget .entry-content a, .product_list_widget li a:hover, .widget_categories > ul li > a:hover, .widget_archive li > a:hover, .widget_nav_menu li > a:hover, .widget_pages li > a:hover, .widget_meta li > a:hover, .widget_recent_entries li > a:hover, .widget_rss li > a:hover, .widget_recent_comments ul li a:hover, .ts-blogs-widget .entry-content a:hover { text-decoration: none; } del, .group_table del .amount, .price del .amount, .product-price del .amount { text-decoration: line-through; text-decoration-thickness: 1px; } /*** Nav Menu ***/ .widget_nav_menu > div > ul li[class*=fa]:before { margin-right: 5px; /* rtl */ display: inline-block; } .widget_nav_menu > div > ul { margin-bottom: 0; } /*** Calendar ***/ .wp-block-calendar, #page .widget_calendar .calendar_wrap, .elementor-widget-wp-widget-calendar .elementor-widget-container { background: #ebeef0; border-radius: var(--ts-border-radius); overflow: hidden; } .wp-block-calendar .wp-calendar-nav, .widget_calendar .wp-calendar-nav, .elementor-widget-wp-widget-calendar .wp-calendar-nav { padding: 5px 15px; border-top: 1px solid rgba(0,0,0,0.1); font-weight: 500; } .wp-block-calendar, #calendar_wrap { overflow: auto; } .wp-block-calendar a, #calendar_wrap a { color: var(--ts-text-color); } .wp-block-calendar table, .widget_calendar table, .elementor-widget-wp-widget-calendar table { margin: 0; outline: 0; border: 0; width: 100%; } .wp-block-calendar table th, .wp-block-calendar table td, body .widget_calendar table td, body .widget_calendar table th, .elementor-widget-wp-widget-calendar table td, .elementor-widget-wp-widget-calendar table th { border-width: 0 !important; padding: 5px; text-align: center; background: transparent; } .wp-block-calendar table caption, .widget_calendar caption, .elementor-widget-wp-widget-calendar caption { padding: 7px 0 6px 0; text-align: center; text-transform: uppercase; background: #000000; color: #fff; font-weight: 500; } .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-prev, .widget_calendar td#prev, .elementor-widget-wp-widget-calendar td#prev { text-align: left; /* rtl */ } .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-next, .widget_calendar td#next, .elementor-widget-wp-widget-calendar td#next { text-align: right; /* rtl */ } /*** Search ***/ .search-table, .wp-block-search__inside-wrapper, .woocommerce-product-search { position: relative; } .search-table .search-field, .woocommerce-product-search .search-field { width: 100%; } .search-table .search-field input[type="text"], .wp-block-search .wp-block-search__input, .woocommerce-product-search .search-field { font-size: var(--ts-body-font-size); padding-right: 50px; /* rtl */ padding-left: 20px; /* rtl */ margin: 0; width: 100%; max-width: 100%; background: transparent; border-color: var(--ts-text-color); } .ts-search-form-widget .search-table .search-field input[type="text"], .ts-search-form-widget .woocommerce-product-search .search-field{ padding-top: 12px; padding-bottom: 12px; } .ts-search-form-widget .search-table .search-button { width: 44px; top: 3px; right: 3px;/* rtl */ bottom: 3px; background: #000; border-radius: 5px; color: #fff; } .ts-search-form-widget .popular-search { margin-top: 30px; font-size: 1em; line-height: 18px; justify-content: center; gap: 20px; } .ts-search-form-widget .popular-search > a { position: relative; display: inline-block; width: auto; color: var(--ts-text-color); text-decoration: none; } .ts-search-form-widget .popular-search > a:hover {color: var(--ts-primary-color);} .ts-search-form-widget .popular-search > a:not(:last-child) { padding-right: 20px;/* rtl */ } .ts-search-form-widget .popular-search > a:not(:last-child):after { content: ''; width: 1px; height: 10px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); border-right: 1px solid;/* rtl */ opacity: 0.2; } .wp-block-search.wp-block-search__no-button .wp-block-search__input { padding-right: 20px; /* rtl */ } .search-table .search-button, .wp-block-search .wp-block-search__button, .woocommerce-product-search button[type="submit"] { width: 50px; text-align: center; position: absolute; top: 0; right: 0; /* rtl */ bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0; padding: 0 !important; border-width: 0; font-size: 0 !important; letter-spacing: 0; min-width: 0; transition: 250ms ease; } .wp-block-search__button-outside.wp-block-search .wp-block-search__inside-wrapper { gap: 5px; } .wp-block-search__button-inside.wp-block-search .wp-block-search__inside-wrapper { border: 1px solid var(--ts-text-color); padding: 2px; border-radius: var(--ts-border-radius); } .wp-block-search__button-inside.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input { border: 0; } .wp-block-search__button-inside.wp-block-search .wp-block-search__button { margin: 2px; } .wp-block-search__button-outside.wp-block-search .wp-block-search__button { position: static; } .wp-block-search__text-button.wp-block-search .wp-block-search__button { font-size: var(--ts-body-font-size) !important; width: auto; padding: 0 20px !important; } .wp-block-search__text-button.wp-block-search .wp-block-search__button:before, .wp-block-search__button svg {display: none;} .search-table .search-button input[type^="submit"] { position: absolute; inset: 0; display: inline-block; margin: 0; padding: 0 !important; border-width: 0; font-size: 0 !important; min-width: 0; background: transparent !important; width: 100%; height: 100%; z-index: 2; } .search-table .search-button:before, .wp-block-search .wp-block-search__button:before, .woocommerce-product-search button[type="submit"]:before { font-size: 18px; } /*** RSS ***/ .widget_rss .rss-date { font-size: 85%; text-transform: uppercase; margin: 6px 0 6px 0; display: block; width: 100%; } .widget_rss cite { margin-top: 5px; display: inline-block; width: 100%; } .widget_rss .widget-title:before { display: none !important; } .rsswidget .rss-widget-icon { vertical-align: baseline; position: relative; top: 1px; } /*** Gallery ***/ .widget_media_gallery .gallery { margin: -1px !important; } .widget_media_gallery .gallery .gallery-item { padding: 1px !important; margin: 0 !important; } .elementor-widget-wp-widget-media_gallery .gallery { margin: -10px !important; } .elementor-widget-wp-widget-media_gallery .gallery .gallery-item { padding: 10px !important; margin: 0 !important; } .gallery .gallery-item img { border: 0 !important; transition: 350ms ease; } .gallery .gallery-item:hover img { opacity: 0.5; } .gallery .gallery-item .gallery-caption { margin: 3px 0 0 !important; font-size: 80%; line-height: 18px; font-weight: normal; } /*** Widet Text ***/ .ts-sidebar .widget_text small + a { margin-left: 20px; /* rtl */ } .widget_text a[href^="mailto"], .widget_text a[href^="tel"] { color: inherit; } /*** Widet Gutenberg ***/ body.home .index-template .list-posts .wp-block-latest-comments article { padding: 0; margin: 0; width: auto; } body.home .index-template .list-posts .wp-block-latest-comments article:after { display: none; } body .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, body .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 0; /* rtl */ } /*------------------------------------------------------------- 2. WIDGET FILTER --------------------------------------------------------------*/ /*** Filter By Price ***/ .woocommerce .widget_price_filter form { padding-top: 6px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { background-image: none; box-shadow: none; border-radius: 0; height: 2px; position: relative; z-index: 1; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { margin: 0 6px 20px 6px; /* rtl */ background: var(--ts-border); direction: ltr; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { height: 2px; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range:before { position: absolute; left: 0;right: 0; bottom: 0;top: 0; z-index: 1; content: ""; background: var(--ts-primary-color); } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content:after { right: 0; /* rtl */ left: auto; /* rtl */ } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { width: 12px; height: 12px; top: -5px; border-radius: 100%; background: var(--ts-primary-color); box-shadow: none; margin-left: -6px; /* rtl */ } .woocommerce .widget_price_filter .ui-slider { margin-left: 2px; margin-right: 2px; } .woocommerce .widget_price_filter .price_slider_amount { display: flex; flex-wrap: wrap; align-items: center; letter-spacing: 0; font-size: 100%; line-height: 1.2; } .woocommerce .widget_price_filter .price_slider_amount .price_label { width: 100%; margin-bottom: 15px; text-align: start; order: -1; color: var(--ts-gray-color); } .woocommerce .widget_price_filter .price_slider_amount .price_label span { color: var(--ts-product-price-color); } .woocommerce .widget_price_filter .price_slider_amount .price_label span:first-child { margin-left: 5px;/* rtl */ } .woocommerce .widget_price_filter .price_slider_amount .button { padding: 4px 10px; } .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce .woocommerce-widget-layered-nav-dropdown .woocommerce-widget-layered-nav-dropdown__submit { font-size: 12px; } .product-filter-by-price-wrapper > form { display: flex; flex-flow: row wrap; gap: 5px; margin-top: 20px; align-items: center; } .product-filter-by-price-wrapper > form > * { width: auto !important; min-width: 0; flex: 1; } .product-filter-by-price-wrapper > form input.price-input{ padding: 7px 10px; background-color: var(--ts-main-bg); border-color: var(--ts-text-color); color: var(--ts-text-color); text-align: center; margin: 0; } .product-filter-by-price-wrapper > form input.price-input::-webkit-outer-spin-button, .product-filter-by-price-wrapper > form input.price-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .product-filter-by-price-wrapper > form input.price-input::placeholder{text-align: center;} .product-filter-by-price-wrapper > form input.price-input::-webkit-input-placeholder {text-align: center;} .product-filter-by-price-wrapper > form input.price-input:-moz-placeholder {text-align: center;} .product-filter-by-price-wrapper > form input.price-input::-moz-placeholder {text-align: center;} .product-filter-by-price-wrapper > form input.price-input:-ms-input-placeholder {text-align: center;} .product-filter-by-price-wrapper > form .line{ display: inline-block; position: relative; flex: none; } .product-filter-by-price-wrapper > form .line:before { content: ''; width: 5px; height: 1px; background: var(--ts-text-color); display: inline-block; vertical-align: middle; } .product-filter-by-price-wrapper > form .button{ max-width: 75px; padding: 7px 5px; margin-left: 5px; /* rtl */ } /*** Filter By Color ***/ .ts-product-attribute, .product-filter-by-color ul, .color-swatch { display: flex; flex-wrap: wrap; gap: 3px; margin: 0; } .woocommerce :is(.cross-sells,.up-sells,.related) .product .meta-wrapper > .color-swatch, .grid.woocommerce .products .product .meta-wrapper > .color-swatch { z-index: 2; padding: 3px; border-radius: 3px; background: #ffffff; width: max-content; transform: translate(0,-100%); margin: -10px auto -14px; order: -1; box-shadow: 0 0 4px rgba(0,0,0,.2); --ts-swatches-size: 11px; } .product-filter-by-color, .ts-product-attribute { --ts-swatches-size: 30px; } .color-swatch > div, .product-filter-by-color ul li a > img, .product-filter-by-color ul li a > span:not(.color-name), .ts-product-attribute div.option.color { width: var(--ts-swatches-size); height: var(--ts-swatches-size); display: inline-block; vertical-align: top; position: relative; padding: 0; transition: 200ms ease; border-radius: 3px; overflow: hidden; } .ts-product-attribute div.option.color { border-width: 1px; border-style: solid; } .product-filter-by-color ul li a > span:not(.color-name), .color-swatch > div > span { border: 1px solid transparent; } .color-swatch > div.color-image:not(:hover):not(.active) > span {border-width: 0;} .color-swatch > div:hover > span, .color-swatch > div.active > span { border-color: #000000 !important; } .ts-product-attribute div.option.color > a { box-shadow: 0 0 0 1px #ffffff inset; } .product-filter-by-color ul li a > img, .product-filter-by-color ul li a > span:not(.color-name), .ts-product-attribute div.option.color > a, .ts-product-attribute div.option.color { border-radius: 50%; } .product-filter-by-color ul li a > img, .product-filter-by-color ul li a > span:not(.color-name) { border-radius: 3px; } .color-swatch > div:hover:after, .ts-product-attribute div.option.color:hover:after {cursor: pointer;} .color-swatch > div > span, .ts-product-attribute div.option.color a { width: 100%; height: 100%; display: inline-block; vertical-align: top; cursor: pointer; } .product-filter-by-color { --ts-swatches-size: 16px; } .product-filter-by-color ul li a { display: flex; flex-wrap: wrap; gap: 0 10px; align-items: center; } .color-swatch > div img { width: 100%; height: 100%; object-fit: cover; } div.product:not(.color-variation-thumbnail) .ts-product-attribute div.option.color img { width: calc(100% - 2px); height: calc(100% - 2px); object-fit: cover; margin: 1px; border-radius: 50%; } .product-filter-by-color ul li {padding: 0;} .product-filter-by-color ul li.chosen a, .product-filter-by-color ul li a:hover { border-color: var(--ts-heading-color); } /*** Filter By Brand ***/ .product-filter-by-brand ul li label {gap: 0 10px;} .widget_product_categories ul li {justify-content: flex-start} .product-filter-by-brand ul li label, .ts-product-categories-widget-wrapper ul li {width: 100%;} .product-filter-by-availability ul li input[type^="checkbox"],.product-filter-by-brand ul li input[type^="checkbox"] {display: none;} .product-filter-by-brand-wrapper .search-brand-input{ margin-bottom: 20px; background-color: var(--ts-main-bg); border-color: var(--ts-text-color); color: var(--ts-text-color); background-image: url(images/icon-search.svg) !important; background-position: calc(100% - 12px) center; background-repeat: no-repeat; background-size: 16px 16px; padding: 7px 40px 7px 20px; /*rtl*/ } .widget_product_categories ul, .ts-product-categories-widget-wrapper ul, .product-filter-by-brand-wrapper > ul, .product-filter-by-color > ul, .product-filter-by-price ul, .woocommerce .woocommerce-widget-layered-nav-list { padding: 0; margin-bottom: 0; gap: 10px; } .widget_product_categories ul li, .ts-product-categories-widget-wrapper ul li, .product-filter-by-brand ul li, .product-filter-by-price ul li, .product-filter-by-availability ul li, .woocommerce .widget_rating_filter ul li, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { list-style: none; } .product-filter-by-brand ul li label, .product-filter-by-price ul li label, .product-filter-by-availability ul li label, .woocommerce .widget_rating_filter ul li a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a { padding: 0 0 0 24px; /* rtl */ cursor: pointer; display: inline-flex; align-items: center; position: relative; color: var(--ts-text-color); line-height: inherit; text-decoration: none; transition: 200ms ease; } .woocommerce .widget_rating_filter ul li a {font-size: 0.86rem; gap: 8px;} .widget_product_categories ul ul li, .ts-product-categories-widget-wrapper ul ul li, .widget_product_categories ul ul li a, .ts-product-categories-widget-wrapper ul ul li a { color: var(--ts-gray-color); } .ts-product-categories-widget-wrapper ul li a { display: flex; gap: 0 10px; } .product-filter-by-color ul li:hover a > span.color-name, .product-filter-by-color ul li:hover .count, .product-filter-by-color ul li.chosen a > span.color-name, .product-filter-by-color ul li.chosen .count, .widget_product_categories ul li > a:hover, .ts-product-categories-widget-wrapper ul li > a:hover, .product-filter-by-brand ul li label:hover, .product-filter-by-brand ul li label:hover .count, .product-filter-by-brand ul li.selected label, .product-filter-by-brand ul li.selected label .count, .product-filter-by-price ul li label:hover, .product-filter-by-availability ul li label:hover, .woocommerce .widget_rating_filter ul li a:hover, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover { color: var(--ts-link-hover-color); } .widget_product_categories ul li > a:hover, .ts-product-categories-widget-wrapper ul li > a:hover, .woocommerce .widget_rating_filter ul li a:hover, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover, .product-filter-by-color ul li a:hover {text-decoration: none !important;} .product-filter-by-brand ul li label:before, .product-filter-by-price ul li label:before, .product-filter-by-availability ul li label:before, .woocommerce .widget_rating_filter ul li.chosen a::before, .woocommerce .widget_rating_filter ul li a:before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before { content: ''; width: var(--ts-swatches-size); height: var(--ts-swatches-size); border: 1px solid var(--ts-text-color); border-radius: 3px; position: absolute; top: 50%; left: 0; /* rtl */ transform: translateY(-50%); } .woocommerce .widget_rating_filter ul li a:after, .product-filter-by-availability ul li label:after, .product-filter-by-price ul li label:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:after, .widget-container.product-filter-by-brand ul > li label:after { display: inline-block; position: absolute; top: 50%; left: 4px; /* rtl */ transform: translateY(-50%); font-size: 9px; line-height: 1; text-align: center; opacity: 0; visibility: hidden; transition: 150ms ease; } .woocommerce .widget_rating_filter ul li:hover > a:before, .product-filter-by-availability ul li:hover > label:before, .product-filter-by-price ul li:hover > label:before, .widget-container.product-filter-by-brand ul > li:hover > label:before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:hover > a:before, .woocommerce .widget_rating_filter ul li.chosen > a:before, .product-filter-by-availability ul li input[checked="checked"] + label:before, .product-filter-by-price ul li.chosen > label:before, .widget-container.product-filter-by-brand ul > li.selected > label:before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen > a:before { background-color: var(--ts-text-color); } .woocommerce .widget_rating_filter ul li:hover > a:after, .product-filter-by-availability ul li:hover > label:after, .product-filter-by-price ul li:hover > label:after, .widget-container.product-filter-by-brand ul > li:hover > label:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:hover > a:after, .woocommerce .widget_rating_filter ul li.chosen > a:after, .product-filter-by-availability ul li input[checked="checked"] + label:after, .product-filter-by-price ul li.chosen > label:after, .widget-container.product-filter-by-brand ul > li.selected > label:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen > a:after { opacity: 1; visibility: visible; color: var(--ts-main-bg); } .ts-product-categories-widget-wrapper ul li .icon-toggle {display: none;} .ts-product-categories-widget-wrapper ul li.cat-parent > .icon-toggle { display: inline-flex; align-items: center; font-size: 8px; order: 1; min-width: 20px; justify-content: flex-end; } .ts-product-categories-widget-wrapper ul li.cat-parent > .icon-toggle:hover {cursor: pointer;} .ts-product-categories-widget-wrapper ul li ul { order: 2; } /*** Filter By Rating ***/ .woocommerce .widget_rating_filter ul li .star-rating {width: 76px;display: inline-block;vertical-align: -3px; margin-right: 3px; /* rtl */} /*------------------------------------------------------------- 3. WIDGET TS --------------------------------------------------------------*/ .entry-meta-top > *:not(:last-child) { position: relative; padding-right: 20px; /*rtl*/ margin-right: 10px; /*rtl*/ } .entry-meta-top > *:not(:last-child):after { content: " "; display: inline-block; width: 10px; height: 1px; background: var(--ts-border); position: absolute; right: -10px; /*rtl*/ margin: 0 10px; top: 50%; } .list-posts article.sticky .entry-meta-top > *:not(:last-child):after { background: rgba(0,0,0,0.2); } .entry-meta-top { gap: 6px 0; } .entry-meta-top .author.vcard a:hover { color: var(--ts-primary-color); text-decoration: none; } /*** TS Social Icons ***/ .social-icons .social-desc {margin-bottom: 20px; color: var(--ts-gray-color);} .social-icons ul.list-icons {gap: 15px 25px; flex-flow: row wrap;} .social-icons .list-icons li { text-align: center; position: relative; margin: 0 0 10px; line-height: 1; } .social-icons .list-icons li a { display: block; transition: none; color: inherit; letter-spacing: 0; } .social-icons .list-icons li i { font-size: 22px; display: inline-block; vertical-align: middle; } /*** Tooltip ***/ .social-icons .ts-tooltip { display: none; position: absolute; content: ""; top: -28px; left: 50%; height: 20px; opacity: 0; visibility: hidden; padding: 2px 5px; min-width: 70px; transform: translate(-50%,0); font-size: 11px; transition: 150ms ease 0s; text-align: center !important; line-height: 16px !important; background: #000000; color: #ffffff; border-radius: 3px; } .social-icons li a:hover .ts-tooltip { z-index: 999; } .show-tooltip.social-icons .ts-tooltip { display: inline-block; } .social-icons .ts-tooltip:before { font-family: 'Font Awesome 5 Free'; letter-spacing: 0; content: "\f0d7"; position: absolute; bottom: -9px; left: 50%; font-size: 12px; margin-left: -3px; line-height: 14px; font-weight: 900; color: #000000; } .social-icons li a:hover .ts-tooltip { opacity: 1; visibility: visible; } /*** TS Instagram ***/ .ts-instagram-wrapper.items { display: flex; flex-wrap: wrap; overflow: hidden; } .ts-instagram-wrapper.items, .ts-instagram-wrapper.items .swiper-wrapper {align-items: center;} .elementor-widget-wp-widget-ts_instagram {overflow: hidden;} .ts-instagram-wrapper.items {margin: -5px;} .ts-instagram-wrapper .item {padding: 5px;} .ts-instagram-wrapper.columns-3 .item {width: 33.33333%;} .ts-instagram-wrapper.columns-4 .item {width: 25%;} .ts-instagram-wrapper.columns-5 .item {width: 20%;} .ts-instagram-wrapper.columns-6 .item {width: 16.66666%;} .ts-instagram-wrapper.columns-7 .item {width: 14.2857%;} .ts-instagram-wrapper.columns-8 .item {width: 12.5%;} .ts-instagram-wrapper.columns-9 .item {width: 11.1111%;} .ts-instagram-wrapper.columns-10 .item {width: 10%;} .ts-instagram-wrapper.columns-11 .item {width: 9.090909%;} .ts-instagram-wrapper.columns-12 .item {width: 8.333333%;} .ts-instagram-wrapper .item > a { display: block; position: relative; overflow: hidden; border-radius: var(--ts-border-radius); } .ts-instagram-wrapper .item > a:after { display: inline-block; font-size: 40px; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #ffffff; opacity: 0; transition: 350ms ease; } .ts-sidebar .ts-instagram-wrapper .item > a:after { font-size: 24px; } .ts-instagram-wrapper .item img { width: 100%; transition: 300ms ease; } .ts-instagram-wrapper .item:hover img { -webkit-filter: brightness(0.7); filter: brightness(0.7); transform: scale(1.1); } .ts-instagram-wrapper .item:hover > a:after { opacity: 1; } #left-sidebar .ts-instagram-wrapper .item > a, #right-sidebar .ts-instagram-wrapper .item > a { overflow: hidden; } #left-sidebar .ts-instagram-wrapper .item > a:before, #right-sidebar .ts-instagram-wrapper .item > a:before { content: ''; display: block; padding-top: 100%; } #left-sidebar .ts-instagram-wrapper .item img, #right-sidebar .ts-instagram-wrapper .item img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; } /*** TS Blogs ***/ .widget-container ul.post_list_widget {gap: 20px;} .widget-container ul.post_list_widget li { flex-direction: row; align-items: center; gap: 15px; } ul.post_list_widget li .excerpt { color: var(--ts-gray-color); } ul.post_list_widget .entry-content { display: flex; flex-flow: column wrap; gap: 5px; flex: 1; padding: 0 !important; } .post_list_widget li .entry-content > *, .post_list_widget li .heading-title { margin: 0 !important; } .post_list_widget li .thumbnail, .post_list_widget li .ts-video { width: 90px; max-width: 90px; } .post_list_widget li .thumbnail img { height: 64px; object-fit: cover; } .post_list_widget li .ts-video { padding-bottom: 22%; } .ts-blogs-widget-wrapper .heading-title { font-size: 1rem; line-height: 1.5; } body .post_list_widget blockquote:before{ font-size: 1.5rem; } .post_list_widget li.gallery .thumbnail .swiper-button-prev, .post_list_widget li.gallery .thumbnail .swiper-button-next, .post_list_widget li.gallery .thumbnail .swiper-pagination { display: none; } /*** TS Recent Comment ***/ .widget_recent_comments ul li { color: var(--ts-gray-color); display: block; } .widget_recent_comments ul li:after { content: ''; display: table; clear: both; } .comment-author-link { font-weight: 600; color: var(--ts-text-color); float: left; /* rtl */ margin-right: 5px; /* rtl */ } .widget-container ul.comment_list_widget { gap: 23px; } .widget-container ul.comment_list_widget li { gap: 0; color: inherit; } .woocommerce #reviews ol.commentlist li .woocommerce-review__published-date, .comment_list_widget .comment-meta .date-time, .widget_rss .rss-date{ color: var(--ts-gray-color); } .comment_list_widget .comment-meta-wrapper { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; } .comment_list_widget .comment-meta-wrapper img{ width: 60px; height: 60px; object-fit: cover; border-radius: var(--ts-border-radius); } .comment_list_widget .comment-meta-wrapper .comment-meta{ flex: 1; display: flex; flex-flow: column wrap; gap: 4px; line-height: 18px; align-items: flex-start; } .comment_list_widget .comment-body { font-size: 1em; margin: 11px 0 0; padding: 0; background: transparent; color: inherit; border: 0; font-weight: inherit; line-height: 1.6; gap: 3px; } .comment_list_widget blockquote:before {display: none;} /*** Categories/TS Product Categories ***/ .elementor-widget-container > ul li, .elementor-widget-container ul.menu li, .elementor-widget-container .list-icons li, .widget_categories > ul li, .product-categories li { list-style: none; } .widget_categories > ul ul li, .widget_pages > ul ul li, .widget_nav_menu > div > ul ul li, .elementor-widget-wp-widget-categories .elementor-widget-container > ul ul li, .elementor-widget-wp-widget-pages .elementor-widget-container > ul ul li, .elementor-widget-wp-widget-nav_menu .elementor-widget-container > div > ul ul li { position: relative; } .widget_categories > ul li:last-child, .widget_pages > ul li:last-child, .widget_nav_menu > div > ul li:last-child, .widget-container ul.product-categories > li:last-child, .widget_categories > ul > li:last-child, .product-filter-by-brand div > ul > li:last-child, .elementor-widget-wp-widget-categories .elementor-widget-container > ul li:last-child, .elementor-widget-wp-widget-pages .elementor-widget-container > ul li:last-child, .elementor-widget-wp-widget-nav_menu div > ul li:last-child, .elementor-widget-wp-widget-ts_product_categories ul.product-categories > li:last-child { margin-bottom: 0; padding-bottom: 0; } /*** Yith Compare ***/ body .yith-woocompare-widget ul.products-list, .elementor-widget-wp-widget-yith-woocompare-widget ul.products-list { margin-bottom: 30px; } .yith-woocompare-widget a.clear-all, .yith-woocompare-widget a.compare, .elementor-widget-wp-widget-yith-woocompare-widget a.clear-all, .elementor-widget-wp-widget-yith-woocompare-widget a.compare { width: 100%; margin: 5px 0 0; text-decoration: none !important; display: block; float: none; } .elementor-widget-wp-widget-yith-woocompare-widget a.clear-all, .elementor-widget-wp-widget-yith-woocompare-widget a.compare { width: auto; display: inline-block; vertical-align: top; min-width: 200px; } .yith-woocompare-widget ul.products-list li .remove, .elementor-widget-wp-widget-yith-woocompare-widget ul.products-list li .remove { height: 24px; width: 24px; font-size: 0 !important; line-height: 24px; position: absolute; top: -1px; left: auto; /* rtl */ right: 0; /* rtl */ font-weight: 400; border-radius: 0; text-align: right; /* rtl */ cursor: pointer; outline: none; color: inherit; background: transparent !important; text-decoration: none !important; z-index: 2; } .yith-woocompare-widget ul.products-list li .remove:hover, .elementor-widget-wp-widget-yith-woocompare-widget ul.products-list li .remove:hover { color: red; } body .yith-woocompare-widget ul.products-list li:not(.list_empty), .elementor-widget-wp-widget-yith-woocompare-widget ul.products-list li:not(.list_empty) { border-width: 0; padding: 8px 25px 8px 0; } body .yith-woocompare-widget ul.products-list li:not(.list_empty):first-child, .elementor-widget-wp-widget-yith-woocompare-widget ul.products-list li:not(.list_empty):first-child { padding-top: 0; } body .yith-woocompare-widget ul.products-list li:not(.list_empty):last-child, .elementor-widget-wp-widget-yith-woocompare-widget ul.products-list li:not(.list_empty):last-child { padding-bottom: 0; } body .yith-woocompare-widget ul.products-list li, .elementor-widget-wp-widget-yith-woocompare-widget ul.products-list li { position: relative; } body .yith-woocompare-widget ul.products-list li .title, .elementor-widget-wp-widget-yith-woocompare-widget ul.products-list li .title { cursor: pointer; display: block; outline: none; text-transform: none; font-size: 100%; } body table.compare-list .remove td a:hover .remove { color: var(--ts-primary-color); } /*------------------------------------------------------------- 4. WIDGET ELEMENTOR --------------------------------------------------------------*/ .product-content > .elementor > .e-con-boxed:not(.e-child), .ts-custom-block-content > .elementor > .e-con-boxed:not(.e-child) { --container-default-padding-inline-end: 0; --container-default-padding-inline-start: 0; --container-default-padding-right: 0; --container-default-padding-left: 0; } /*** Icon List ***/ .elementor-widget-icon-list.elementor-icon-list--layout-inline.elementor-widget__width-auto .elementor-icon-list-icon { line-height: 1; } /*** Nav menu ***********************************/ .elementor-widget-wp-widget-nav_menu.columns-2 ul.menu, .elementor-widget-wp-widget-nav_menu.columns-3 ul.menu, .elementor-widget-wp-widget-nav_menu.columns-4 ul.menu { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } .elementor-widget-wp-widget-nav_menu.columns-3 ul.menu { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .elementor-widget-wp-widget-nav_menu.columns-4 ul.menu { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .elementor-widget-wp-widget-nav_menu.columns-4 ul.menu li, .elementor-widget-wp-widget-nav_menu.columns-3 ul.menu li, .elementor-widget-wp-widget-nav_menu.columns-2 ul.menu li { display: inline-block; width: 100%; } .elementor-widget-text-editor h1, .elementor-widget-text-editor h2, .elementor-widget-text-editor h3, .elementor-widget-text-editor h4, .elementor-widget-text-editor h5, .elementor-widget-text-editor h6 { color: inherit; } /*------------------------------------------------------------------------------------------------------------------- V. PRODUCT DEFAULT ---------------------------------------------------------------------------------------------------------------------*/ .ts-blogs-wrapper{ --ts-h-gap: 40px; --ts-v-gap: 40px; } /*** Products ***/ .ts-shortcode:not(.ts-slider) .items, .ts-blogs-wrapper:not(.ts-slider) .blogs { display: grid; position: relative; grid-template-columns: repeat(var(--ts-columns), minmax(0,1fr)); gap: var(--ts-v-gap) var(--ts-h-gap); } .ts-shortcode.ts-slider .items .item{ padding-left: calc(var(--ts-h-gap) / 2); padding-right: calc(var(--ts-h-gap) / 2); } .ts-shortcode.ts-slider .items{ margin-left: calc(var(--ts-h-gap) / 2 * -1); margin-right: calc(var(--ts-h-gap) / 2 * -1); } .woocommerce .products ul {margin: 0;} /*** Product categories ***/ .list-categories { width: 100%; display: flex; flex-wrap: wrap; align-items: center; } #main > .list-categories.show-cat-img > .container { padding-bottom: 40px; border-bottom: 1px solid var(--ts-border); } #main > .list-categories .products { grid-gap: 20px; border: 0; border-radius: 0; } #main > .list-categories .products.swiper { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } #main > .list-categories .products.swiper .product-category .product-wrapper { padding-left: 10px; padding-right: 10px; } #main > .list-brands > .container { padding-top: 40px; } #main > .breadcrumb-title-wrapper.breadcrumb-v1 + .list-brands > .container { padding-top: 0; } .woocommerce .product-category .meta-wrapper, .woocommerce .product-category .product-wrapper { display: flex; flex-direction: column; } .woocommerce .product-category .product-wrapper { width: 100%; height: 100%; align-items: center; justify-content: center; transition: 200ms ease; gap: 15px; } .woocommerce .product-category .product-wrapper > a { margin: 0; display: block; overflow: hidden; color: inherit; border-radius: 50%; position: relative; } .woocommerce .product-category .product-wrapper > a:before { content: ""; position: absolute; inset: 0; display: block; background: rgba(0, 0, 0, .4); border-radius: 50%; opacity: 0; visibility: hidden; z-index: 2; transition: all 150ms ease; } .woocommerce .product-category .product-wrapper > a:after { content: "\e974"; font-family: 'icomoon'; color: #ffffff; font-weight: normal; font-size: 18px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; opacity: 0; visibility: hidden; transition: none; transform: translate(-10px,0); display: flex; justify-content: center; align-items: center; z-index: 3; } .woocommerce .product-category .product-wrapper:hover > a:before { opacity: 1; visibility: visible; } .woocommerce .product-category .product-wrapper:hover > a:after { transform: translate(0,0); opacity: 1; visibility: visible; transition: all 250ms ease; } .img-has-border.woocommerce .product-category .product-wrapper > a:after, .img-has-border.woocommerce .product-category .product-wrapper > a:before {display: none;} .woocommerce .product-category .product-wrapper:hover .category-name > a { color: var(--ts-link-hover-color); } .woocommerce .products .product.product-category a img { border-radius: 50%; transition: 200ms ease; } .cat-img-border .product-category .product-wrapper > a { border: 1px solid var(--ts-border); } .woocommerce .product-category .meta-wrapper * {margin: 0;} .ts-product-brand-wrapper .meta-wrapper .heading-title, .woocommerce .product-category .meta-wrapper .category-name { font-size: var(--ts-product-font-size); line-height: 1.5; color: inherit; font-weight: 500; margin: 0; } .woocommerce .product-category .meta-wrapper { text-align: center; } .woocommerce .product-category .meta-wrapper .count, .ts-product-brand-wrapper .meta-wrapper .count { font-size: 0.86rem; color: var(--ts-gray-color); } .list-categories:not(.show-cat-img) .product-category .product-wrapper > a:first-child, .list-categories:not(.show-cat-count) .product-category .meta-wrapper .count {display: none;} #main > .list-categories:not(.show-cat-img) .products { display: flex; flex-wrap: wrap; gap: 5px; } #main > .list-categories:not(.show-cat-img) .products .product-category .category-name a { background: #EBEEF0; padding: 9px 19px; border: 1px solid #EBEEF0; color: var(--ts-heading-color); border-radius: var(--ts-border-radius); display: inline-block; font-weight: normal; } #main > .list-categories:not(.show-cat-img) .products .product-category .category-name a:hover { background: transparent; border-color: var(--ts-heading-color); } /*------------------------------------------------------------- 1. PRODUCT IMAGES --------------------------------------------------------------*/ .woocommerce .products:not(:is(.cross-sells,.up-sells,.related)) { display: grid; position: relative; grid-template-columns: repeat(var(--ts-columns), minmax(0,1fr)); align-items: flex-start; padding: 0; margin: 0; } body.product-border-radius .woocommerce .products, body.product-border-radius .woocommerce-Tabs-panel .products, body.product-border-radius .products:is(.cross-sells,.up-sells,.related) .products { overflow: hidden; border-radius: var(--ts-border-radius); padding-top: 1px; } .woocommerce .products:before, body.product-border-radius .woocommerce .products:after, body.product-border-radius .woocommerce-Tabs-panel .products:after, .ts-slider:not(.ts-product-category-wrapper) .products:after, .products:is(.cross-sells,.up-sells,.related) .products:after { position: absolute; top: 0; bottom: 0; border-style: solid; border-width: 0 1px 0 0 ; content: ""; z-index: 7; } .woocommerce .products:before { left: 0;/* rtl */ } .woocommerce .products.swiper:before { right: 0;/* rtl */ left: auto; } .woocommerce .products:is(.cross-sells,.up-sells,.related):before, .woocommerce .products:is(.cross-sells,.up-sells,.related):after { display: none; } body:not(.product-border-radius) .woocommerce .products.loading:before{ border-width: 0 0 0 1px;/* rtl */ } body.product-border-radius .woocommerce .products:before, body.product-border-radius .woocommerce-Tabs-panel .products:before, body.product-border-radius .products:is(.cross-sells,.up-sells,.related) .products:before, body.product-border-radius.ajax-pagination .woocommerce > .products:before{ left: 0; right: 0; bottom: 0; top: 0; border-width: 1px;/* rtl */ border-radius: var(--ts-border-radius); width: auto; z-index: 0; } body.product-border-radius.ajax-pagination .woocommerce.list > .products.loading:before { border-width: 0 0 1px 1px;/* rtl */ } body.product-border-radius.ajax-pagination .woocommerce.grid > .products.loading:before { border-width: 1px 0 1px 1px;/* rtl */ } body:not(.product-border-radius) .ts-slider:not(.ts-product-category-wrapper) .products:after, body:not(.product-border-radius) .products:is(.cross-sells,.up-sells,.related) .products:after { left: 0; border-width: 0 1px 0 0; } .woocommerce .products.swiper .product:not(.product-category):hover { z-index: 3; } body.product-border-radius .ts-slider:not(.ts-product-category-wrapper) .products:after, body.product-border-radius .products:is(.cross-sells,.up-sells,.related) .products:after, body.product-border-radius .products.swiper .swiper-notification:before { top: var(--ts-border-radius); bottom: var(--ts-border-radius); } body.product-border-radius .products.swiper .swiper-notification:before { border-width: 0 1px 0 0; border-style: solid; right: 0;/* rtl */ z-index: 4; width: 1px; content: ""; position: absolute; } body:not(.product-border-radius) .products:is(.cross-sells,.up-sells,.related) .swiper-notification:before { border-width: 1px 0 0 0; border-style: solid; right: 0; left: 0; bottom: 0; z-index: 4; height: 1px; content: ""; position: absolute; } body.product-border-radius .woocommerce.list .product:not(.product-category) .product-wrapper { border-width: 1px 1px 0 0;/* rtl */ margin-bottom: 0; } body.product-border-radius .woocommerce-Tabs-panel .products:after, body.product-border-radius .woocommerce .products:after { left: 0;/* rtl */ } .woocommerce :is(.cross-sells,.up-sells,.related) { --ts-columns: 5; } .woocommerce.list:not(.main-products) .products { gap: 0; } .woocommerce.list.main-products .products, body.product-border-radius .woocommerce.list:not(.main-products) .products, body.product-border-radius .ts-slider.rows-2:not(.ts-product-category-wrapper) .products { padding-top: 0; } .woocommerce.list:not(.main-products) .swiper-slide-active .product-wrapper:before { left: 0;/* rtl */ } .woocommerce.product-border-radius .products:is(.cross-sells,.up-sells,.related) .products:before { bottom: 0; } body.product-border-radius .woocommerce .swiper-slide-active .product-wrapper:before, body.product-border-radius .products:is(.cross-sells,.up-sells,.related) .swiper-slide-active .product-wrapper:before, .woocommerce.list:not(.main-products) .swiper-slide-active .product:not(.product-category) .product-wrapper:before, .list:not(:is(.main-products,.has-gap)) .products:not(.swiper) .first.product:not(.product-category) .product-wrapper:before { left: 0;/* rtl */ } body.product-border-radius .product-group > .product:not(.product-category):nth-child(2) .product-wrapper:before { bottom: 0; } .list:not(.main-products).woocommerce .product:not(.product-category):hover { z-index: 7; } #main > .list-categories > .container > .products:before, .ts-product-category-wrapper .products:before, .woocommerce.has-gap .products:before { display: none !important; } .woocommerce .products .product:not(.product-category) { min-height: 100%; position: relative; display: flex; } .woocommerce .products .product:not(.product-category) .product-wrapper { width: 100%; border-width: 1px 1px 1px 0; /* rtl */ margin: 0; border-style: solid; border-color: var(--ts-border); padding: 20px; position: relative; } .woocommerce .products:not(.swiper) > .product:not(.product-category) .product-wrapper { margin: 0 0 -1px 0; } body.product-border-radius .products:not(.swiper) > .product:not(.product-category) .product-wrapper { margin: 0; } body.product-border-radius .products .product:not(.product-category) .product-wrapper { border-width: 0 1px 1px 0; /* rtl */ margin: 0; } .woocommerce.list.has-gap .products.swiper .product:not(.product-category) .product-name { font-size: calc(var(--ts-product-font-size) + 6px); line-height: 1.3; font-weight: 600; } .woocommerce.list.has-gap .products .product .meta-wrapper:not(.meta-wrapper-2) { padding: 4px 0; } .woocommerce.has-gap .products .meta-wrapper > .short-description { padding-top: 10px; border-width: 0; margin-top: 0; margin-bottom: 0; order: 10; } .woocommerce.has-gap.list .products.swiper .product:not(.product-category) .availability-bar { margin: 7px 0 0; } .woocommerce.has-gap.list .products.swiper .product:not(.product-category) .product-name, .woocommerce.has-gap.list .products.swiper .product:not(.product-category) .price {order: -1;} .woocommerce.has-gap.list .products.swiper .meta-wrapper > .price { gap: 0 10px; font-size: calc(var(--ts-product-font-size) + 6px); margin: 3px 0 10px; } .woocommerce .product:not(.product-category) .product-wrapper:before { content: ''; position: absolute; inset: -1px; border-width: 1px; border-style: solid; border-color: var(--ts-border); opacity: 0; visibility: hidden; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); background: var(--ts-main-bg); z-index: 1; } body.product-border-radius .woocommerce .product:not(.product-category) .product-wrapper:before, body.product-border-radius .woocommerce-Tabs-panel .product:not(.product-category) .product-wrapper:before, body.product-border-radius .products:is(.cross-sells,.up-sells,.related) .product:not(.product-category) .product-wrapper:before { border-radius: var(--ts-border-radius); } .woocommerce .product:not(.product-category) .product-wrapper:hover:before { opacity: 1; visibility: visible; } .woocommerce .products .product:not(.product-category) .thumbnail-wrapper { position: relative; overflow: hidden; margin-bottom: 10px; } .woocommerce .products .product:not(.product-category) .thumbnail-wrapper img { border-radius: var(--ts-border-radius); } .woocommerce.list .products .product:not(.product-category) .thumbnail-wrapper, .woocommerce .list .products .product:not(.product-category) .thumbnail-wrapper { margin-bottom: 0; } /**/ .woocommerce.has-gap .products, .woocommerce.list:not(.main-products).has-gap .products{ gap: 20px; border: 0; } .woocommerce.has-gap .products.swiper { width: calc(100% + 20px); padding-left: 0; /* rtl */ margin: 0 -10px; } .woocommerce.has-gap .products .product:not(.product-category) { margin: 0; } .woocommerce.has-gap .products.swiper .product:not(.product-category) { padding: 0 10px; } body .woocommerce.has-gap .products .product:not(.product-category) .product-wrapper { border-width: 1px; border-color: var(--ts-text-color); } body.product-border-radius .woocommerce.has-gap .products .product:not(.product-category) .product-wrapper { border-radius: var(--ts-border-radius); } .woocommerce.has-gap .product:not(.product-category) .product-wrapper:before { border-color: var(--ts-text-color); top: -1px !important; } .woocommerce.has-gap .products:after, .woocommerce.has-gap .products:before, .woocommerce.has-gap .swiper-notification:before, .woocommerce.has-gap .swiper-notification:after { display: none !important; } .woocommerce.has-gap.list:not(.main-products) .swiper-slide-active .product-wrapper:before, body.product-border-radius .has-gap.list:not(.main-products) .products:not(.swiper) .first.product:not(.product-category) .product-wrapper:before { left: -1px;/* rtl */ } /**/ .ts-product-category-wrapper.woocommerce {overflow: hidden;} .ts-product-category-wrapper.woocommerce .products:not(:is(.cross-sells,.up-sells,.related)) { gap: var(--ts-v-gap) var(--ts-h-gap); padding: 0; border: 0 !important; border-radius: 0; } .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; max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; border-radius: var(--ts-border-radius); transition: 300ms ease; } .woocommerce .product figure { z-index: 1; overflow: hidden; margin-bottom: 0; } .woocommerce .product.outofstock figure img {opacity: 0.5;} .woocommerce .product figure img:first-child { position: relative; z-index: 2 } .woocommerce .product figure.has-back-image img:last-child { width: 100%; position: absolute; right: 0; left: 0; top: 0; z-index: 3; } body.ts_desktop.woocommerce .product figure.has-back-image img, body.ts_desktop .woocommerce .product figure.has-back-image img { backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: opacity 300ms ease 0s; } body.ts_desktop.woocommerce .product figure.has-back-image img:last-child, body.ts_desktop .woocommerce .product figure.has-back-image img:last-child { opacity: 0; } body.ts_desktop.woocommerce .product .thumbnail-wrapper:hover figure.has-back-image img:last-child, body.ts_desktop .woocommerce .product .thumbnail-wrapper:hover figure.has-back-image img:last-child { opacity: 1; } body.ts_desktop.woocommerce .product .thumbnail-wrapper:hover figure.has-back-image img:first-child, body.ts_desktop .woocommerce .product .thumbnail-wrapper:hover figure.has-back-image img:first-child { opacity: 0; } body .yith-wcwl-add-to-wishlist { margin: 0; opacity: 1 !important; } .product-wrapper .button-in.wishlist i, .yith-wcwl-add-to-wishlist i { display: none; } .button-in a, .button-in a:hover, .woocommerce .product .category-name h3 a:hover { text-decoration: none !important; } /*------------------------------------------------------------- 2. PRODUCT LABEL --------------------------------------------------------------*/ .product_list_widget .product-label, .woocommerce .product .product-label { position: absolute; inset: 0 auto auto 0; /* rtl */ display: flex; flex-flow: row wrap; gap: 2px; z-index: 3; } .woocommerce .product .woocommerce-product-gallery__wrapper .product-label { inset: 20px auto auto 20px; /* rtl */ } .woocommerce .product-label > span.onsale, .woocommerce .product-label > span { min-width: 42px; min-height: 0; padding: 3px 5px; display: inline-block; vertical-align: top; position: static; font-size: 12px; line-height: 18px !important; text-align: center; text-transform: uppercase; font-weight: 500; border-radius: 3px; } .woocommerce .woocommerce-product-gallery .product-label > span.onsale, .woocommerce .woocommerce-product-gallery .product-label > span { min-width: 57px; min-height: 30px; font-size: 1rem; border-radius: var(--ts-border-radius); } .woocommerce .product-label span span { display: flex; width: 100%; height: 100%; align-items: center; position: relative; justify-content: center; } .featured .products .product-label .featured { display: none; } .ts-shortcode .woocommerce.loading .products { transition: none; } .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 --------------------------------------------------------------*/ .ts-slider .column-products { display: flex; flex-flow: column wrap; gap: var(--ts-h-gap); } .ts-slider .column-products .products { width: 100%; } .ts-slider.ts-product-in-product-type-tab-wrapper .column-products .products { flex: none; } .woocommerce.ts-product-category-wrapper .products.swiper { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; position: relative; overflow: hidden; } .woocommerce.ts-slider .products .product-group { display: flex; flex-flow: column wrap; gap: 0; } .ts-slider:not(.ts-product-category-wrapper) .products .product-group { border-width: 0 1px 1px 0;/* rtl */ border-style: solid; min-height: 100%; } body.product-border-radius .ts-slider:not(.ts-product-category-wrapper) .products .product-group { border-width: 0 1px 0 0;/* rtl */ } .woocommerce .products .product-group > section:not(.product-categories) .product-wrapper { border-width: 1px 0 0 0; } .woocommerce .product-group > section:not(.product-categories):first-child .product-wrapper:before { bottom: 0; } body.product-border-radius .product-group > section:not(.product-categories) .product-wrapper:before, body.product-border-radius .list:not(.main-products) .product:not(.product-categories) .product-wrapper:before { top: -1px; } .woocommerce .products .product-group > section:not(.product-categories):first-child:last-child .product-wrapper:after { position: absolute; border-width: 1px 0 0 0; border-style: solid; bottom: 0; left: 0; right: 0; content: ""; } body.product-border-radius .products .product-group > section:not(.product-categories) .product-wrapper, body.product-border-radius .woocommerce.list .product-group > section:not(.product-category) .product-wrapper { border-width: 1px 0 0 0; } .woocommerce.ts-slider .products .product-group > section:not(.product-categories):nth-child(2){ margin-top: -1px; } .woocommerce .products .product .meta-wrapper { display: flex; flex-flow: column wrap; gap: 7px; } .woocommerce .products .product .meta-wrapper .product-group-button-meta { margin-top: 15px; } .ts-megamenu-container .ts-shortcode .shortcode-heading-wrapper {margin-bottom: 20px;} /*** Shortcode deals ***/ .woocommerce.grid .products .meta-wrapper .ts-countdown, .woocommerce .grid .products .meta-wrapper .ts-countdown { position: absolute; top: 20px; } .ts-product-deals-wrapper.grid .meta-wrapper .counter-wrapper { gap: 2px; background: var(--ts-primary-color); color: var(--ts-text-in-primary-color); border-radius: 3px; padding: 6px 10px; } .ts-product-deals-wrapper.grid .meta-wrapper .counter-wrapper > div { display: flex; flex-wrap: wrap; gap: 0px; } .ts-product-deals-wrapper.grid:not(.show-counter-today):not(.no-counter) .product-wrapper .product-label{top: 26px;} .ts-product-deals-wrapper.grid .meta-wrapper .counter-wrapper .ref-wrapper {display: inline-block;font-size: 0;line-height: inherit;margin: 0;} .ts-product-deals-wrapper.grid .meta-wrapper .counter-wrapper > div.seconds {min-width: 20px;} .ts-product-deals-wrapper.grid .meta-wrapper .counter-wrapper > div, .ts-product-deals-wrapper.grid .meta-wrapper .counter-wrapper .ref-wrapper:first-letter, .ts-product-deals-wrapper.grid .meta-wrapper .counter-wrapper > span { font-size: 12px; font-weight: 600; } .ts-product-deals-wrapper.grid .meta-wrapper .counter-wrapper .number-wrapper { padding: 0; min-width: 0; min-height: 0; border-radius: 0; background: transparent; color: var(--ts-text-in-primary-color); } .ts-product-deals-wrapper.grid .meta-wrapper .counter-wrapper > span { padding: 0 1px; color: var(--ts-text-in-primary-color); } /**/ .woocommerce .products .product-category .meta-wrapper {padding: 0;margin: 0;} .woocommerce .products .product .meta-wrapper > * {margin: 0;z-index: 2;} .woocommerce.main-products.list .products .product .meta-wrapper > .color-swatch { margin-top: 6px; } ul.product_list_widget li .review-count, .ts-product .review-count, .woocommerce :is(.cross-sells,.up-sells,.related) .product-wrapper .woocommerce-product-rating .review-count, .woocommerce .products .product .meta-wrapper .woocommerce-product-rating > .average-rating, .woocommerce.grid .products .product .meta-wrapper .woocommerce-product-rating > *:not(.star-rating) {display: none;} .woocommerce .products .product .product-sku, .woocommerce .products .product .product-brands, .woocommerce .products .product .short-description, .woocommerce .products .product .product-categories {overflow: hidden;text-decoration: none;} .woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {display: none;} table.group_table .woocommerce-grouped-product-list-item__label a, .woocommerce ul.cart_list li .product-name a, .woocommerce ul.product_list_widget li .product-name a, .woocommerce .products .product .product-name{ font-size: var(--ts-product-font-size); line-height: 1.5; font-weight: inherit; } .woocommerce .products .product .meta-wrapper{ line-height: 18px; } .woocommerce div.product .ts-variation-price > .price, .woocommerce .products .product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { font-size: calc(var(--ts-product-font-size) + 4px); font-weight: 500; color: var(--ts-product-price-color); } .price del, .products .meta-wrapper > .price del, .woocommerce div.product p.price del, .woocommerce div.product span.price del { font-size: var(--ts-product-font-size); font-weight: 400; order: 2; color: var(--ts-product-regular-price-color); } ul.product_list_widget li .ts-wg-meta .price, .woocommerce ul.product_list_widget li .ts-wg-meta .price, .woocommerce-grouped-product-list-item__price, .wishlist_table li .item-details table.item-details-table .amount.woocommerce-Price-amount, .woocommerce table.shop_table .amount.woocommerce-Price-amount, .woocommerce-grouped-product-list-item__price, .ts-floating-sidebar .woocommerce ul.product_list_widget li .price, .ts-search-result-container ul.product_list_widget li .price, .woocommerce.ts-search-result-container ul.product_list_widget li .price, .woocommerce-page table.shop_table td.product-price .amount, .woocommerce-page table.shop_table td.product-subtotal .amount, .ts-tiny-cart-wrapper ul.cart_list li .price, .woocommerce div.product .yith-wfbt-items .price { font-size: calc(var(--ts-product-font-size) + 1px); font-weight: 500; color: var(--ts-product-price-color); } .woocommerce-grouped-product-list-item__price del, .woocommerce div.product .summary p.price del, .woocommerce div.product .summary span.price del, ul.product_list_widget li .ts-wg-meta .price del, .woocommerce ul.product_list_widget li .ts-wg-meta .price del, .wishlist_table li .item-details table.item-details-table del .amount.woocommerce-Price-amount, .woocommerce table.shop_table del .amount.woocommerce-Price-amount, .woocommerce div.product .yith-wfbt-items .price del { font-size: calc(var(--ts-product-font-size) - 1px); font-weight: 400; order: 2; color: var(--ts-product-regular-price-color); } .woocommerce table.shop_table .cart-subtotal .amount, .woocommerce table.shop_table .order-total .amount {font-weight: 600;} .products .product .product-sku, .products .product .product-brands, .products .product .product-categories, ul.product_list_widget li .product-brands { color: var(--ts-gray-color); } .product .product-brands a, .products .product .product-categories a, .woocommerce .products .product .product-categories a, .widget-container ul li .product-categories a { display: inline-block; padding: 0; margin: 0; text-decoration: none; color: inherit; } .product .product-brands a:hover, .products .product .product-categories a:hover, .woocommerce .products .product .product-categories a:hover, .widget-container ul li .product-categories a:hover { text-decoration: none; color: var(--ts-primary-color); } ul.product_list_widget li :is(.product-brands, .product-categories) > span:first-child {display: none;} .woocommerce ul.product_list_widget li :is(.product-brands, .product-categories) a {display: inline-block;} /*** List Style ***/ .woocommerce.list .product:not(.product-category) .product-wrapper { width: 100%; display: grid; grid-template-columns: 48% minmax(0,1fr); align-items: center; gap: 0 20px; } .woocommerce.list .product:not(.product-category) .product-wrapper { gap: 0 15px; } .woocommerce.list:is(.columns-1, .columns-2, .columns-3) .product:not(.product-category) .product-wrapper { gap: 0 20px; } .woocommerce.list .products .product .meta-wrapper { gap: 10px; } .woocommerce.list.columns-2 .product:not(.product-category) .product-wrapper { grid-template-columns: 42% minmax(0,1fr); } .e-parent .e-child .woocommerce.list.columns-2 .product:not(.product-category) .product-wrapper { grid-template-columns: 50% minmax(0,1fr); } .woocommerce.main-products.list .product:not(.product-category) .product-wrapper .thumbnail-wrapper { margin-bottom: 0; } .woocommerce.main-products.list .products { --ts-columns: 1; gap: 0; } .woocommerce.main-products.list .products .product-wrapper { grid-template-columns: minmax(24%,0) minmax(0,1fr) minmax(28%,0); gap: 30px; align-items: flex-start; } .woocommerce.main-products.list .products .product .meta-wrapper { padding-top: 20px; } .woocommerce.main-products.list .product:not(.product-category) .product-wrapper:before {display: none;} /*** Price ***/ .price, .products .meta-wrapper > .price { display: flex; flex-wrap: wrap; align-items: center; gap: 0 5px; } .products .product-type-variable .meta-wrapper > .price{ gap: 0 2px; } .products .product-type-variable .meta-wrapper > .price:has(del) { gap: 0 5px; } /*** Rating ***/ .wcpr-stars-count .wcpr-row .wcpr-col-star:before, .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, .wcpr-stars-count .wcpr-row .wcpr-col-star .star-rating, blockquote .rating { width: 80px; height: 14px; line-height: 1; overflow: hidden; position: relative; backface-visibility: visible; -webkit-backface-visibility: visible; } .star-rating, .woocommerce .star-rating { width: 78px; } .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: "\e959\e959\e959\e959\e959"; font-size: 13px; letter-spacing: 3px; } .wcpr-overall-rating .wcpr-overall-rating-right .wcpr-overall-rating-right-star .star-rating { width: 108px; height: 16px; line-height: 1; overflow: hidden; float: none; margin: 0 auto 12px; position: relative; backface-visibility: visible; -webkit-backface-visibility: visible; } .wcpr-overall-rating .wcpr-overall-rating-right-star .star-rating:before, .wcpr-overall-rating .wcpr-overall-rating-right-star .star-rating span:before { letter-spacing: 7px !important; font-size: 16px; } .wcpr-overall-rating .wcpr-col-star .star-rating:before, .wcpr-overall-rating .wcpr-col-star .star-rating span:before { letter-spacing: 3px !important; font-size: 12px; } .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: "\e959"; } .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: "\e95a"; } .wcpr-stars-count .wcpr-row .wcpr-col-star { font-size: 13px; display: inline-block; width: 16px; line-height: 1; } .wcpr-stars-count .wcpr-row .wcpr-col-star:before { content: "\e95a"; opacity: 1 !important; color: var(--ts-text-color) !important; } .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, body .wcpr-overall-rating-right .wcpr-overall-rating-right-star .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: "\e95a\e95a\e95a\e95a\e95a"; } .woocommerce .product_list_widget .star-rating { width: 80px; height: 14px; } .woocommerce .product_list_widget .star-rating span:before, .woocommerce .product_list_widget .star-rating:before { font-size: 12px; } .woocommerce p.stars a { width: 22px; height: 18px; } .star-rating span, .woocommerce .star-rating span, .ts-testimonial-wrapper .rating span, blockquote .rating span, .product_list_widget .star-rating span { overflow: hidden; top: 0; left: 0; /* rtl */ position: absolute; padding-top: 16px; } .woocommerce .star-rating span {font-size: 0;} blockquote .rating span:before, .ts-testimonial-wrapper .rating span:before, .star-rating span::before { position: absolute; top: 0; left: 0; /* rtl */ } .woocommerce .products .meta-wrapper > .short-description { padding-top: 13px; border-width: 1px 0 0; border-style: solid; margin-top: 7px; margin-bottom: 5px; } .woocommerce.main-products.grid .products .meta-wrapper > .short-description.list, .woocommerce.main-products.list .products .meta-wrapper > .short-description.grid { display: none; } .woocommerce .products .meta-wrapper > .woocommerce-product-rating + .short-description { margin-top: 0; } .woocommerce .woocommerce-product-rating .star-rating {margin: 4px 0;} .woocommerce .summary .woocommerce-product-rating .star-rating {margin: -3px 0 0;width: 87px;height: 15px;} .woocommerce .summary .woocommerce-product-rating .star-rating span:before, .woocommerce .summary .woocommerce-product-rating .star-rating:before { font-size: 15px; } .woocommerce .woocommerce-product-rating::after, .woocommerce .woocommerce-product-rating::before {display: none;} /*** Short Description ***/ .woocommerce-product-details__short-description ul, body #yith-woocompare table.compare-list tr.description ul, .short-description ul { display: flex; flex-flow: column wrap; gap: 6px; margin: 0; } .woocommerce-product-details__short-description ul { gap: 8px; } body #yith-woocompare table.compare-list tr.description ul {display: inline-flex; text-align: start;} .woocommerce-product-details__short-description ul li, body #yith-woocompare table.compare-list tr.description ul li, .short-description ul li { list-style: none; line-height: 1.3; margin: 0; position: relative; padding: 0 0 0 18px; /* rtl */ } .woocommerce-product-details__short-description ul li:before, body #yith-woocompare table.compare-list tr.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; } .main-products.list .short-description ul li:before { font-size: 0.9em; } /*** Quantity ***/ input[type=number].qty::-webkit-inner-spin-button, input[type=number].qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .woocommerce .quantity input.qty, .quantity input.qty { margin: 0; padding: 0 24px; width: 100%; line-height: 32px; text-align: center; background-color: #EBEEF0; border-color: #EBEEF0; } .woocommerce div.product form.cart table div.quantity { float: left;/* rtl */ margin: 0; } .quantity { width: 80px; position: relative; float: none; overflow: hidden; } .quantity span:not(.amount) {display: none;} .quantity .number-button { width: 100%; position: relative; display: flex; letter-spacing: 0; } .quantity .number-button:before, .quantity .number-button:after { top: 0; bottom: 0; position: absolute; z-index: 1; width: 24px; font-size: 8px; text-align: center; display: flex; align-items: center; justify-content: center; } .quantity .number-button:before { content: "\e943"; left: 0;/* rtl */ } .quantity .number-button:after { content: "\e951"; right: 0;/* rtl */ } .quantity .minus, .quantity .plus, .woocommerce div.product form.cart table.group_table .quantity .minus, .woocommerce div.product form.cart table.group_table .quantity .plus { border: 0; background: transparent; width: 24px; height: 34px; margin: 0 !important; line-height: 34px; text-align: center; position: absolute; left: 0;/* rtl */ top: 0; padding: 0; z-index: 2; cursor: pointer; border-radius: 0; font-size: 0; } .quantity .plus, .woocommerce div.product form.cart table.group_table .quantity .plus { right: 0;/* rtl */ left: auto; } .quantity .minus:hover, .quantity .plus:hover, .woocommerce div.product form.cart table.group_table .quantity .minus:hover, .woocommerce div.product form.cart table.group_table .quantity .plus:hover { z-index: 3; } /*------------------------------------------------------------- 4. PRODUCT GROUP BUTTONS --------------------------------------------------------------*/ .product-hover-style-v2 :is(.cross-sells, .up-sells, .related) .product-group-button-meta .button-in, .woocommerce.product-hover-style-v2 :is(.cross-sells, .up-sells, .related) .product-group-button-meta .button-in, .product-hover-style-v1 :is(.cross-sells, .up-sells, .related) .product-group-button-meta, .woocommerce.product-hover-style-v1 :is(.cross-sells, .up-sells, .related) .product-group-button-meta, .product-hover-style-v2 .grid .product-group-button-meta .button-in, .list .product-wrapper .thumbnail-wrapper .product-group-button, .product-hover-style-v2 .list:not(.main-products) .product-group-button-meta, .product-hover-style-v1 .product-group-button-meta{ display: none; } body .list .product-wrapper:hover .product-group-button-meta{ display: flex; flex-wrap: wrap; gap: 2px; } .list:not(.main-products) .product-wrapper .product-group-button-meta .loop-add-to-cart{ flex: 1; } .woocommerce.list:not(.main-products) .products .product .meta-wrapper-2{ grid-area: 2 / 1 / span 1 / span 2; width: 100%; } .woocommerce.list.main-products .products .product .meta-wrapper .product-group-button-meta { margin: 0; display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; } .woocommerce.list.main-products .product-group-button-meta > div.compare {order: 2;} .woocommerce.list.main-products .product-group-button-meta > div.compare, .woocommerce.list.main-products .product-group-button-meta > div.wishlist {padding-top: 9px;} .woocommerce.list.main-products .product-group-button-meta > div.quickshop {order: -1;} .woocommerce.list.main-products .product-group-button-meta > div.quickshop, .woocommerce.list.main-products .product-group-button-meta > div.quickshop > a, .woocommerce.list.main-products .product-group-button-meta > div.loop-add-to-cart { width: 100%; } .woocommerce.list.main-products .product-group-button-meta div.loop-add-to-cart .button, .woocommerce.list.main-products .product-group-button-meta > div.quickshop > a { padding: 7px 10px; font-size: calc( var(--ts-btn-font-size) - 1px ); font-family: var(--ts-btn-font-family); font-weight: var(--ts-btn-font-weight); font-style: var(--ts-btn-font-style); line-height: 18px; letter-spacing: var(--ts-btn-letter-spacing); text-transform: uppercase; height: auto; } .woocommerce.list.main-products .product-group-button-meta div.loop-add-to-cart .button { padding: 10px; } .woocommerce.list.main-products .product-group-button-meta > div.quickshop .ts-tooltip { font-size: calc( var(--ts-btn-font-size) - 1px ); font-family: var(--ts-btn-font-family); font-weight: var(--ts-btn-font-weight); line-height: var(--ts-btn-line-height); letter-spacing: var(--ts-btn-letter-spacing); text-transform: uppercase; } .woocommerce.list.main-products .product-group-button-meta > div.quickshop > a:before{ content: '\e95d'; font-size: 1rem; line-height: 20px; position: static; transform: none; display: inline-block; vertical-align: -1px; margin-right: 5px;/* rtl */ } .thumbnail-wrapper .product-group-button { position: absolute; top: 0; right: 0;/* rtl */ z-index: 6; gap: 2px; display: flex; flex-direction: column; } .product-group-button-meta a:hover, .product-group-button a:hover { text-decoration: none; } .product-group-button > div{ transition: 250ms ease; position: relative; display: none; } .product-group-button-meta > div:not(.loop-add-to-cart) a, .product-group-button > div a{ font-size: 0; line-height: 0; padding: 0; min-width: 0; width: 34px; height: 34px; display: block; letter-spacing: 0; text-align: center; border: 1px solid var(--ts-btn-thumbnail-bg); border-radius: var(--ts-border-radius); transition: 250ms ease; position: relative; } .product-group-button-meta > div:not(.loop-add-to-cart) {display: block;position: relative;} .ts-shortcode .product-group-button-meta > div.button-in:first-child, .ts-shortcode .product-group-button-meta > div.button-in:first-child ~ div.button-in {flex: 1;} .product-group-button-meta > div.button-in:first-child a, .product-group-button-meta > div.button-in:first-child ~ div.button-in a {width: 100%;} .product-group-button-meta > div:not(.loop-add-to-cart) a:before, .product-group-button > div a:before { font-size: 15px; line-height: 34px; transition: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .product-wrapper:hover .product-group-button > div { 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: 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;} .product-group-button > div:not(.loop-add-to-cart) a, .product-group-button-meta > div:not(.loop-add-to-cart) a, .product-hover-style-v1 .product-group-button div.loop-add-to-cart a { color: var(--ts-btn-thumbnail-color); background-color: var(--ts-btn-thumbnail-bg); display: block;/* same line-height = 0px */ } .product-group-button > div:not(.loop-add-to-cart):hover a, .product-group-button-meta > div:not(.loop-add-to-cart):hover a, .product-hover-style-v1 .product-group-button div.loop-add-to-cart:hover a { color: var(--ts-btn-thumbnail-hover-color); background-color: var(--ts-btn-thumbnail-hover-bg); border-color: var(--ts-btn-thumbnail-hover-bg); } .product-group-button > div a.loading, .product-group-button-meta > div a.loading, .woocommerce .product-group-button > div a.loading, .woocommerce .product-group-button-meta > div a.loading { opacity: 1 !important; --loading-size: 13px; } .product-hover-style-v1 .product-group-button .loop-add-to-cart a { font-size: 0 !important; border-width: 0; min-width: auto; padding: 0 !important; letter-spacing: 0; border-radius: var(--ts-border-radius); } .product-group-button > div .yith-wcwl-wishlistexistsbrowse, .button-in .yith-wcwl-wishlistaddedbrowse { height: 100%; } .product-group-button > div a.added:hover { text-decoration: none !important; } ul.cart_list, .woocommerce ul.cart_list, ul.product_list_widget, .woocommerce ul.product_list_widget, ul.product_list_widget li .ts-wg-meta, .woocommerce ul.product_list_widget li .ts-wg-meta { display: flex; flex-flow: column wrap; gap: 20px; } ul.cart_list li, .woocommerce ul.cart_list li, ul.product_list_widget li, .woocommerce ul.product_list_widget li { width: 100%; display: flex; flex-flow: row wrap; align-items: center; gap: 20px; padding: 0 0 20px; margin: 0; border-bottom: 1px solid var(--ts-border); position: relative; overflow: hidden; } .widget_recent_reviews.woocommerce ul.product_list_widget li {display: block;} ul.product_list_widget li:last-child, .woocommerce ul.product_list_widget li:last-child { border-bottom-width: 0; padding-bottom: 0; } .woocommerce .form-content a.remove { background: transparent !important; font-size: 0; color: inherit !important; border-radius: 0; font-weight: inherit; width: 21px; height: 21px; border: 1px solid var(--ts-border); border-radius: 50%; text-align: center; margin-right: 5px;/* rtl */ } #ts-shopping-cart-sidebar .woocommerce .form-content a.remove { margin-right: 0; /*rtl*/ } .woocommerce .form-content a.remove:after { display: inline-block; font-size: 8px; line-height: 20px; } .woocommerce ul.product_list_widget li .ts-wg-thumbnail, ul.product_list_widget li .ts-wg-thumbnail { position: relative; } ul.product_list_widget li .ts-wg-thumbnail, .woocommerce ul.product_list_widget li .ts-wg-thumbnail, .woocommerce ul.cart_list li .thumbnail { width: 50%; margin: 0 !important; float: none; } .ts-megamenu-container ul.product_list_widget li .ts-wg-thumbnail, .ts-megamenu-container .woocommerce ul.product_list_widget li .ts-wg-thumbnail, .ts-sidebar ul.product_list_widget li .ts-wg-thumbnail, .ts-sidebar .woocommerce ul.product_list_widget li .ts-wg-thumbnail, .woocommerce ul.cart_list li .thumbnail { max-width: 80px; } #ts-shopping-cart-sidebar .dropdown-container .dropdown-footer { padding: 10px 0 0; border-width: 1px 0 0; border-style: solid; } #ts-shopping-cart-sidebar .ts-free-shipping-message-bar { margin-bottom: 30px; } #ts-shopping-cart-sidebar .cart-empty .ts-free-shipping-message-bar { margin-bottom: 20px; } #ts-shopping-cart-sidebar .cart-dropdown-form .form-content > label > span {display: none;} #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper .total .amount {font-size: 1.23em;} #ts-search-result-container ul.product_list_widget li .ts-wg-thumbnail, .woocommerce #ts-search-result-container ul.product_list_widget li .ts-wg-thumbnail, .shopping-cart-wrapper ul.cart_list li .thumbnail, .woocommerce .shopping-cart-wrapper ul.cart_list li .thumbnail { width: 80px; } ul.product_list_widget li .ts-wg-meta, .woocommerce ul.product_list_widget li .ts-wg-meta { flex: 1; gap: 4px; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { margin: 6px 0; } .woocommerce.archive .widget_shopping_cart .cart_list li, .woocommerce.archive .woocommerce.widget_shopping_cart .cart_list li, .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-left: 0; /* rtl */ padding-right: 30px; /* rtl */ display: block; } .woocommerce .widget_shopping_cart .cart_list li .quantity, .woocommerce.widget_shopping_cart .cart_list li .quantity { font-weight: 500; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { display: block; font-weight: inherit; } .woocommerce ul.cart_list li a:hover, .woocommerce ul.product_list_widget li a:hover { color: var(--ts-primary-color); } .woocommerce.ts-products-widget-wrapper ul.product_list_widget li .ts-wg-meta > a { line-height: 1.4; max-height: calc(2* 1.4em); } .woocommerce ul.product_list_widget li a { display: block; font-weight: inherit; color: inherit; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: left; /* rtl */ margin: 0 10px 0 0; /* rtl */ width: 80px; border-radius: 5px; } ul.product_list_widget li .cart-item-wrapper, .woocommerce ul.product_list_widget li .cart-item-wrapper, .woocommerce .widget_shopping_cart .cart_list li .cart-item-wrapper, .woocommerce.widget_shopping_cart .cart_list li .cart-item-wrapper { padding: 0 35px 0 15px; /* rtl */ flex: 1; display: flex; flex-flow: row wrap; align-items: center; } ul.product_list_widget li .subtotal .button, .woocommerce ul.product_list_widget li .subtotal .button { padding: 0 15px !important; width: auto !important; min-width: 110px !important; font-size: 12px !important; line-height: 28px !important; } ul.product_list_widget li .subtotal .button, .woocommerce ul.product_list_widget li .subtotal .button { margin-left: 5px; /* rtl */ } .woocommerce .widget_layered_nav_filters ul li a { text-decoration: none; padding: 3px 15px; background: var(--ts-text-color); color: var(--ts-main-bg); line-height: 24px; border-radius: var(--ts-border-radius); } /*** Tooltip ***/ .ts-product-attribute .button-tooltip, .ts-shortcode .product-group-button-meta > div.button-in .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; border-radius: 3px; transition: 250ms ease; } .product-group-button-meta .wishlist .button-tooltip { min-width: 80px; } .woocommerce.main-products.list .product-group-button-meta .wishlist .button-tooltip { min-width: 0; } .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, .ts-shortcode .product-group-button-meta > div.button-in .button-tooltip, .product-hover-style-v1 .product-group-button div.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); } .ts-shortcode .product-group-button-meta > div.button-in .button-tooltip { top: -8px; left: 50%; /* rtl */ transform: translate(-50%,-100%); /* rtl */ } .product-group-button > div:hover a .button-tooltip, .ts-shortcode .product-group-button-meta > div.button-in:hover .button-tooltip, .ts-product-attribute > div:hover a .button-tooltip, .product-hover-style-v1 .product-group-button div.loop-add-to-cart:hover .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; } .ts-shortcode .product-group-button-meta > div.button-in .button-tooltip:after, .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; } .ts-shortcode .product-group-button-meta > div.button-in .button-tooltip:after { border-width: 4px 4px 0 4px; border-color: var(--ts-btn-thumbnail-hover-bg) transparent transparent transparent; position: absolute; left: 50%; /* rtl */ top: 100%; transform: translate(-50%,0); } .product-no-tooltip .ts-shortcode .product-group-button-meta > div.button-in .button-tooltip, .product-no-tooltip .ts-shortcode .product-group-button-meta > div.button-in:hover .button-tooltip, .product-no-tooltip .product-group-button > div:hover a .button-tooltip, .product-no-tooltip .product-group-button > div a .button-tooltip, .product-no-tooltip .product-group-button div.loop-add-to-cart .button-tooltip { display: none !important; } .button-in .blockUI,.button-in .blockUI.blockOverlay {opacity: 0 !important;} /*------------------------------------------------------------------------------------------------------------------- VI. CATEGORIES PRODUCT ---------------------------------------------------------------------------------------------------------------------*/ .products {clear: both;} .overlay {cursor: pointer;} .filter-widget-area-button > a { display: inline-flex; align-items: center; gap: 4px; color: var(--ts-text-color); text-decoration: none; text-transform: uppercase; position: relative; font-weight: 500; } .before-loop-wrapper .filter-widget-area-button {order: 10;} .before-loop-wrapper #ts-filter-widget-area {order: 11;} .filter-widget-area-button > a:hover:after, .filter-widget-area-button.active > a:after { opacity: 1; } .filter-widget-area-button > a:after { left: 0; right: 0; bottom: -2px; content: ""; position: absolute; border-width: 1px 0 0 0; border-style: solid; border-color: var(--ts-text-color); height: 1px; opacity: 0; } .filter-widget-area-button > a:before { font-size: 12px; display: inline-block; vertical-align: 0; transition: 100ms ease; } .filter-widget-area { padding: 0; width: 100%; min-height: 1px; display: flex; flex-flow: column wrap; gap: 40px; } .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-button.active + .overlay { display: block; -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; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; } .before-loop-wrapper { display: flex; flex-wrap: wrap; align-items: center; line-height: 18px; flex: 1 0 auto; gap: 10px 20px; font-size: 1em; position: relative; z-index: 7; margin-bottom: 20px; } .gridlist-toggle { display: flex; flex-wrap: wrap; gap: 10px; } .woocommerce .woocommerce-result-count {margin: 0;color: var(--ts-gray-color);} .before-loop-wrapper ul li {line-height: inherit;} .before-loop-wrapper .product-on-sale-form:not(:last-child), .before-loop-wrapper .product-per-page-form:not(:last-child), .before-loop-wrapper .woocommerce-ordering:not(:last-child), .style-sidebar .before-loop-wrapper .gridlist-toggle { padding-right: 20px;/* rtl */ border-right: 1px solid var(--ts-border);/* rtl */ } .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-gray-color);} .gridlist-toggle > span:hover, .gridlist-toggle > span.active{color: var(--ts-heading-color);} .before-loop-wrapper > *, .woocommerce .product-on-sale-form ~ .product-per-page-form, .woocommerce .woocommerce-ordering ~ .product-per-page-form, .woocommerce .product-on-sale-form ~ .woocommerce-ordering { margin: 0; } .before-loop-wrapper > .overlay + *:not(.woocommerce-result-count), .before-loop-wrapper > .woocommerce-result-count + * { margin: 0 0 0 auto; /* rtl */ } .product-filter-by-brand-wrapper select, .product-filter-by-brand-wrapper select option {font-size: 100%;} #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; border-radius: 3px; display: inline-block; } .product-on-sale-form > label:after { font-size: 9px; line-height: 1; display: inline-block; position: absolute; top: 5px; left: 2.5px; /* rtl */ opacity: 0; visibility: hidden; transition: 150ms ease; } .product-on-sale-form > label:hover:before, .product-on-sale-form.checked > label:before { border-color: var(--ts-text-color); background-color: var(--ts-text-color); } .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; padding: 7px 0; } .product-per-page-form ul.perpage ul li a:hover span, .product-per-page-form ul.perpage ul li a.current span { text-decoration: underline; text-underline-position: under; } .woocommerce .woocommerce-ordering ul li a:hover, .woocommerce .woocommerce-ordering ul li a.current { color: var(--ts-primary-color); } .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; } .woocommerce .woocommerce-ordering ul.orderby .orderby-current { font-weight: 500; } .product-per-page-form ul.perpage li { font-weight: 500; display: flex; flex-wrap: wrap; align-items: center; } .product-per-page-form ul.perpage li a {color: inherit;} .product-per-page-form ul.perpage .perpage-current > span:last-child {display: none;} .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-per-page-form ul.perpage .perpage-current, .woocommerce .woocommerce-ordering .orderby-current { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .woocommerce .woocommerce-ordering .orderby-label:after { content: ':'; display: inline-block; } .product-per-page-form ul.perpage .perpage-current > span:last-child, .woocommerce .woocommerce-ordering .orderby-current { color: var(--ts-text-color); } .woocommerce .woocommerce-ordering .orderby-current:after { font-size: 8px; display: inline-block; } .woocommerce .woocommerce-ordering .orderby ul { margin: 0; padding: 25px 20px; display: none; width: 100%; min-width: 210px; position: absolute; top: 100%; left: 50%; /* rtl */ right: auto; /* rtl */ transform: translateX(-50%); /* rtl */ border-radius: var(--ts-border-radius); z-index: 5; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .product-per-page-form ul.perpage ul { display: flex; flex-wrap: wrap; gap: 10px; } .woocommerce .woocommerce-ordering .orderby ul:before { position: absolute; content: ""; top: 10px; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 10px; background-color: var(--ts-dropdown-bg); box-shadow: 0 0 10px rgba(162,162,162,0.3); } .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: block; } .woocommerce .woocommerce-ordering ul.orderby.active {z-index: 999;} /*** Products Per Page ***/ .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;} .product-per-page-form ul.perpage { margin: 0;/* rtl */ position: relative; display: inline-block; } .product-per-page-form ul.perpage ul li a > strong { opacity: 0; visibility: hidden; } .product-per-page-form ul.perpage .perpage-current { display: block; } .woocommerce-ordering > span.orderby-label, .product-per-page-form ul.perpage .perpage-current > span:first-child { color: var(--ts-gray-color); margin-right: 5px; /* rtl */ font-weight: 400; } .product-per-page-form ul.perpage .perpage-current > span:first-child { margin-right: 8px; /* rtl */ } .product-per-page-form ul.perpage ul li a > *, .product-per-page-form ul.perpage .perpage-current > * { display: inline-block; vertical-align: baseline; transition: 350ms ease; } .product-per-page-form ul.perpage ul li a > strong, .product-per-page-form ul.perpage .perpage-current > strong { padding: 0 5px 0 0; /* rtl */ } .product-per-page-form ul.perpage ul li a:not(:hover):not(.current) > strong { font-weight: normal; color: inherit; } .ts-shortcode.columns-1 .column-content, .ts-shortcode.columns-1 .content-wrapper {--ts-columns: 1;} .ts-shortcode.columns-2 .column-content, .ts-shortcode.columns-2 .content-wrapper {--ts-columns: 2;} .ts-shortcode.columns-3 .column-content, .ts-shortcode.columns-3 .content-wrapper {--ts-columns: 3;} .ts-blogs.related-posts .content-wrapper{ --ts-h-gap: 20px; } /*** 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: 18px; } .woocommerce-page .collapse-scroll-sidebar :is(#left-sidebar, #right-sidebar) .widget-title-wrapper { margin-bottom: 16px; } .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; } /*** Hover Style ***/ .product-group-button-meta > div.loop-add-to-cart a.added .button-tooltip:before, .woocommerce .summary form.cart button.button.added:before { display: inline-block; } /*** 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: 50px; padding-top: 50px; border-top: 1px solid var(--ts-border); } .woocommerce nav.woocommerce-pagination { margin-top: calc(var(--ts-section-gap) - 30px ); } .ts-pagination:empty { margin-top: 0; padding-top: 0; border: 0; } .pagination-wrap ul.pagination, .ts-pagination ul, .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); border-radius: var(--ts-border-radius); 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; } .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 { width: auto; padding: 0 20px; min-width: 100px; } .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.5; background: var(--ts-main-bg); z-index: 4; } /*** Shop Load More ***/ .ts-shop-load-more, .ts-shop-result-count { text-align: center; display: block; } .ts-shop-result-count { margin-top: var(--ts-section-gap); margin-bottom: 10px; font-size: 1em; } .ts-shop-result-count > span { display: inline-block; } .load-more-wrapper .ts-blog-result-count { margin-bottom: 14px; } .load-more-wrapper { margin-top: 60px; padding-top: 60px; border-top: 1px solid var(--ts-border); margin-bottom: var(--ts-section-gap); } .ts-masonry .load-more-wrapper { margin-top: 30px; } .ts-blogs .load-more-wrapper {margin-bottom: 0;} .load-more-wrapper, .ts-shop-load-more { display: block; text-align: center; margin-left: auto; margin-right: auto; } .load-more-wrapper .button, .ts-shop-load-more .button, .woocommerce .ts-shop-load-more .button { text-decoration: none; transition: 200ms ease; position: relative; } .load-more-wrapper .button:hover, .ts-shop-load-more .button:hover, .woocommerce .ts-shop-load-more .button:hover, .woocommerce .ts-shop-load-more .button.loading:hover { background: var(--ts-primary-color); border-color: var(--ts-primary-color); color: var(--ts-text-in-primary-color); } .infinity-scroll.woocommerce .ts-shop-load-more .button:before, .load-more-button .woocommerce .ts-shop-load-more .button:after {display: none;} .infinity-scroll.woocommerce .ts-shop-load-more .button { font-size: 0; background: transparent !important; border-color: transparent !important; } /*------------------------------------------------------------------------------------------------------------------- VII. PRODUCT DETAIL ---------------------------------------------------------------------------------------------------------------------*/ .woocommerce div.product div.images.woocommerce-product-gallery { opacity: 1 !important; transition: none !important; height: auto !important; } .woocommerce div.product:after { content: ''; display: table; clear: both; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { border-width: 1px; border-style: solid; border-radius: var(--ts-border-radius); overflow: hidden; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper img {border-radius: var(--ts-border-radius);} .woocommerce div.product div.summary ~ * {clear: both;} /**/ .woocommerce div.product.summary-scrolling > .summary ~ *, .woocommerce div.product div.images { width: 702px; float: left; /* rtl */ position: relative; } .woocommerce div.product div.summary { width: calc(100% - 752px); float: right; /* rtl */ } .woocommerce div.product.gallery-layout-vertical.summary-scrolling > .summary ~ *, .woocommerce div.product.gallery-layout-vertical div.images {width: 762px;} .woocommerce div.product.gallery-layout-vertical div.summary {width: calc(100% - 812px);} /*-------------------------------------------------------- 1. PRODUCT IMAGE ---------------------------------------------------------*/ .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg { z-index: 2; cursor: zoom-in; } /*** Navigation ***/ div.woocommerce-product-gallery .flex-direction-nav, div.woocommerce-product-gallery .flex-direction-nav li {list-style: none;margin: 0;padding: 0;} div.woocommerce-product-gallery .flex-direction-nav .flex-prev, div.woocommerce-product-gallery .flex-direction-nav .flex-next { width: 50px; height: 50px; border-radius: 50%; background: #ffffff; color: #000000; font-size: 0; letter-spacing: 0; line-height: 0; text-align: center; position: absolute; top: 50%; left: 30px; /* rtl */ transform: translateY(-50%); box-shadow: 0 0 20px rgba(0,0,0,0.1); text-decoration: none; } div.woocommerce-product-gallery .flex-direction-nav .flex-next { left: auto; /* rtl */ right: 30px; /* rtl */ } div.woocommerce-product-gallery .flex-direction-nav .flex-prev:after, div.woocommerce-product-gallery .flex-direction-nav .flex-next:after { font-size: 26px; line-height: 50px; display: block !important; } /*** Thumbnails ***/ .woocommerce div.product.gallery-layout-vertical.has-gallery .woocommerce-product-gallery__wrapper { max-width: calc(100% - var(--ts-thumbnail-size) - 10px); margin-left: auto; } .woocommerce div.product.has-gallery:not(.gallery-layout-grid) .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:not(.flex-active-slide):not(:first-child) { display: none; } .woocommerce div.product div.images .flex-control-thumbs {display: flex;flex-flow: row wrap;gap: 10px;} .woocommerce div.product.gallery-layout-horizontal div.images .flex-control-thumbs {margin-top: 10px; justify-content: center;} .woocommerce div.product div.images .flex-control-thumbs li {padding: 0;width: 90px;overflow: hidden;} .woocommerce div.product div.images .flex-control-thumbs li img {opacity: 1;border: 1px solid var(--ts-border);border-radius: var(--ts-border-radius);transition: 200ms ease;} .woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover {border-color: var(--ts-text-color);} .woocommerce div.product.gallery-layout-grid div.images .woocommerce-product-gallery__wrapper { display: flex; flex-wrap: wrap; gap: 10px; } .woocommerce div.product.gallery-layout-grid div.images .woocommerce-product-gallery__image { overflow: hidden; width: 100%; } .woocommerce div.product.gallery-layout-grid div.images .woocommerce-product-gallery__image:not(:first-child) { border-top: 1px solid var(--ts-border); } /*** Main Images ***/ .woocommerce div.product div.images,.woocommerce div.product div.summary { margin-bottom: var(--ts-section-gap); } .woocommerce div.product div.summary { display: flex; flex-flow: row wrap; align-items: center; gap: 9px 5px; font-size: 1em; } /*** Layout Vertical ***/ .woocommerce div.product.gallery-layout-vertical { --ts-thumbnail-size: 80px; } .woocommerce div.product.gallery-layout-vertical div.images { display: flex; flex-flow: row wrap; gap: 10px; } .woocommerce div.product.gallery-layout-vertical div.images > * {flex: 1;} .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs { width: var(--ts-thumbnail-size); flex-direction: column; flex: none; order: -1; } .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs li {width: 100%;} .woocommerce div.product.gallery-layout-vertical.has-gallery div.images .product-label { left: calc(var(--ts-thumbnail-size) + 30px); /* rtl */ } /*** Lightbox ***/ .ts-product-video-button, .ts-product-360-button, .woocommerce div.product div.images .woocommerce-product-gallery__trigger { width: 40px; height: 40px; text-align: center; font-size: 0; text-indent: 0; border-width: 0; border-radius: var(--ts-border-radius); position: absolute; top: 20px; right: 20px; /* rtl */ left: auto; /* rtl */ z-index: 9; 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: 72px; } .ts-product-video-button + .ts-product-360-button { top: 122px; } .ts-product-360-button:before, .ts-product-video-button:before, .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { font-size: 20px; line-height: 40px; position: static; width: 100%; height: 100%; border: 0; display: inline-block; color: inherit; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before {font-size: 18px;} .ts-product-360-button:before {font-size: 22px;} .woocommerce div.product div.images .woocommerce-product-gallery__trigger:after {display: none;} .ts-product-video-button:hover, .ts-product-360-button:hover, .woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover { text-decoration: none; } /*-------------------------------------------------------- 2. PRODUCT SUMMARY ---------------------------------------------------------*/ .yith-wcwl-add-to-wishlist .feedback {display: none !important;} .woocommerce div.product .summary > * {clear: both;margin: 0;} .woocommerce div.product .summary > *:not(.product_title):not(.button) {line-height: 20px;} .woocommerce div.product .summary > .product-brands:not(.product_title):not(.button) {line-height: 1.2;} .woocommerce div.product .summary a:not(.button) {color: inherit;} .woocommerce div.product .summary a:not(.button):hover {color: var(--ts-primary-color);} .woocommerce div.product .summary > .product-brands { color: var(--ts-gray-color); } .woocommerce div.product .summary table.group_table .woocommerce-grouped-product-list-item__label a:hover { text-decoration: none; color: var(--ts-primary-color); } .woocommerce div.product .summary > *:not(.button) {padding: 0;} .woocommerce div.product .summary > .single-product-buttons {gap: 0 30px;padding: 12px 0;} div.product .summary > .summary-custom-content-title { margin-top: 8px; font-size: 1em; } /*** Product Ratings ***/ .woocommerce div.product .woocommerce-product-rating { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; } .woocommerce div.product .woocommerce-product-rating > .woocommerce-review-link{margin-left: 5px; /* rtl */} .woocommerce div.product .woocommerce-product-rating > .woocommerce-review-link, .woocommerce div.product .woocommerce-product-rating > .woocommerce-review-link:hover {color: inherit;} .woocommerce .summary .woocommerce-product-rating::after, .woocommerce .summary .woocommerce-product-rating::before {display: none;} .woocommerce div.product .summary > .stock { margin: 0 0 20px; } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .woocommerce-variation .stock {margin: 0;} .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .woocommerce-variation .stock, .stock .availability-text { text-align: center; line-height: 24px; font-weight: 500; padding: 0 10px; display: inline-block; vertical-align: middle; color: #26753C; background: rgba(38, 117, 60, 0.1); border-radius: var(--ts-border-radius); } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .woocommerce-variation .stock.out-of-stock, .stock.out-of-stock .availability-text { color: #DE1010; background: rgba(222, 16, 16, 0.1); } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .woocommerce-variation .stock.available-on-backorder, .stock.available-on-backorder .availability-text { color: #ff9e20; background: rgba(255, 158, 32, 0.1); } .woocommerce td.product-name p.backorder_notification { color: #ff9e20; font-size: 1em; font-style: italic; margin: 3px 0 0; } .woocommerce div.product .stock.available-on-backorder {color: #ff9e20;} .woocommerce div.product .stock.out-of-stock {color: #dd2831;} .woocommerce .woocommerce-product-rating {line-height: inherit;} .summary .woocommerce-product-rating .woocommerce-review-link{text-decoration: none !important;} .woocommerce .single-product-buttons, .woocommerce .woocommerce-product-rating { display: flex; flex-flow: row wrap; align-items: center; font-size: calc(var(--ts-body-font-size) - 1px); color: var(--ts-gray-color); } /*** Summary Custom Content ***/ .woocommerce div.product .summary > .ts-summary-custom-content { padding: 13px 20px; border: 1px solid; border-radius: var(--ts-border-radius); font-size: 0.92em; } .ts-summary-custom-content ul { display: flex; flex-flow: column wrap; gap: 8px; } .ts-summary-custom-content ul li { padding: 0; } .ts-summary-custom-content ul li:after { content: ''; display: table; clear: both; } .ts-summary-custom-content ul, .ts-summary-custom-content ul li img.alignnone { margin: 0; padding: 0; } .ts-summary-custom-content ul li img.alignnone { float: left; /* rtl */ margin-right: 10px; /* rtl */ } .ts-summary-custom-content ul.no-style li { list-style: none; } /*** Product Meta ***/ div.product .summary .meta-content > *, .woocommerce div.product .summary > .meta-content:not(:empty) { display: flex; flex-wrap: wrap; gap: 10px; } .woocommerce div.product .summary > .meta-content:not(:empty) > .cats-link > .cat-links { flex: 1; } .woocommerce div.product .summary > .meta-content:not(:empty) { padding-top: 21px; border-width: 1px 0 0; border-style: solid; } .woocommerce div.product .summary > .ts-summary-custom-content + .meta-content:not(:empty) {border: 0;} div.product .summary .meta-content > * {width: 100%;margin: 0;} div.product .summary .meta-content > .ts-social-sharing > span:first-child {display: none;} div.product .summary .meta-content > div > span:first-child {color: var(--ts-gray-color);} div.product .summary .meta-content > div a:hover {color: var(--ts-primary-color);} div.product .summary .meta-content > div.wcml-dropdown {width: 100%;} .tags-link .tag-links {flex: 1;} div.product .summary .meta-content .tags-link a { min-width: 0; border-width: 0; border-radius: 0; padding: 0; font-size: inherit !important; line-height: inherit !important; font-weight: inherit; margin: 0; float: none; background: transparent !important; text-transform: none !important; } div.product .summary .meta-content .ts-social-sharing ul {gap: 6px 16px;} div.product .summary .meta-content .ts-social-sharing ul li {font-size: 16px;} /*** Product Price ***/ .woocommerce div.product .summary > .price {align-items: center;} .woocommerce div.product .summary > .price + *:not(.ts-discount-number) {clear: both;} .woocommerce div.product p.price ins,.woocommerce div.product span.price ins {font-weight: inherit;} .woocommerce div.product .summary .price {gap: 10px;} .woocommerce div.product .summary .ts-discount-number { line-height: 1.5; margin: 0 0 0 5px;/* rtl */ display: inline-block; color: var(--ts-primary-color); } /*** Product Short Description ***/ .woocommerce div.product .summary > .woocommerce-product-details__short-description { margin: 9px 0px 12px; } .woocommerce div.product .summary > *:not(.price):not(.ts-variation-price):not(.ts-discount-number):not(form.cart):not(.ts-countdown) { width: 100%; flex: none; } .woocommerce div.product .summary > .ts-variation-price, .woocommerce div.product .summary p.price, .woocommerce div.product .summary span.price {font-size: var(--ts-h3-font-size);line-height: 1 !important;} .woocommerce div.product .summary > .price, .woocommerce div.product .summary > .ts-variation-price {margin: 4px 0;} .woocommerce div.product .summary p.price del, .woocommerce div.product .summary span.price del {font-size: calc(var(--ts-h3-font-size) - 6px);} .woocommerce-product-details__short-description > p {margin-bottom: 10px;} .woocommerce-product-details__short-description > *:last-child {margin-bottom: 0;} .woocommerce div.product .summary > .group-product-heading { font-size: 100%; text-transform: uppercase; } .woocommerce-product-gallery__wrapper:after {content: '';clear: both; display: table;} .woocommerce div.product .summary > .ts-countdown { margin: 0 0 0 auto;/* rtl */ } /*** Navigation ***/ .single-navigation > a:hover { text-decoration: none } div.product .single-navigation { opacity: 0; visibility: hidden; transition: all 500ms ease 0s; } div.product .single-navigation.visible { opacity: 1; visibility: visible; } div.product .single-navigation a:hover { z-index: 990; width: auto; } div.product .single-navigation > a { position: fixed; left: 0;/* rtl */ top: 50%; vertical-align: middle; z-index: 99; transition: none; height: 1px; width: 1px; } div.product .single-navigation > a[rel="next"] { left: auto; right: 0;/* rtl */ } div.product .single-navigation > a .product-info { transform: translate(-100%,-50%);/* rtl */ transition: all 500ms ease 0s; position: absolute; left: 0;/* rtl */ top: 0; padding: 5px 5px 5px 0; /* rtl */ width: 100px; box-shadow: 0 0 4px rgba(0,0,0,0.1); background-color: var(--ts-main-bg); } div.product .single-navigation > a:hover .product-info { z-index: 3; } .single-navigation .product-info img { width: 100%; } div.product .single-navigation > a[rel="next"] .product-info { right: 0;/* rtl */ left: auto; } div.product .single-navigation > a:hover .product-info { transform: translate(0,-50%); } div.product .single-navigation > a[rel="next"] .product-info { transform: translate(100%,-50%);/* rtl */ padding: 5px 0 5px 5px; /* rtl */ } div.product .single-navigation > a[rel="next"]:hover .product-info { transform: translate(0,-50%); } div.product .single-navigation > a > span { position: absolute; top: 0; display: inline-block; text-align: center; line-height: 40px; transition: all 500ms ease 0s; text-transform: uppercase; white-space: nowrap; } div.product .single-navigation > a[rel="prev"] > span { left: 0;/* rtl */ -webkit-transform: translateX(-50%) rotate(-90deg); transform: translateX(-50%) rotate(-90deg);/* rtl */ -webkit-transform-origin: center top; transform-origin: center top; } div.product .single-navigation > a[rel="next"] > span { right: 40px;/* rtl */ -webkit-transform: translateX(50%) rotate(-90deg); transform: translateX(50%) rotate(-90deg);/* rtl */ -webkit-transform-origin: center top; transform-origin: center top; } div.product .single-navigation > a[rel="prev"]:hover > span { left: -40px;/* rtl */ opacity: 0; } div.product .single-navigation > a[rel="next"]:hover > span { right: 0;/* rtl */ opacity: 0; } /*** Product Variations ***/ .woocommerce div.product .summary .single_variation_wrap,.woocommerce div.product .summary .woocommerce-variation-add-to-cart{width: 100%;} .woocommerce div.product .summary .woocommerce-variation-add-to-cart, .woocommerce div.product .summary form.cart { display: flex; flex-wrap: wrap; align-items: flex-end; margin: 0 !important; } .woocommerce div.product .summary form.cart { width: auto !important; flex: 1; } .woocommerce div.product form.cart table { border: 0; outline: 0; } /*** Fix stock=1, not sold individually ***/ .woocommerce div.product:not(.product-type-grouped) .summary .quantity {width: auto;margin: 0;} .woocommerce div.product:not(.product-type-grouped) .summary .quantity .qty {width: 105px;line-height: 44px;} .woocommerce div.product:not(.product-type-grouped) .summary .quantity .qty {margin-right: 5px !important; /* rtl */} .woocommerce div.product:not(.product-type-grouped) .summary .quantity .plus, .woocommerce div.product:not(.product-type-grouped) .summary .quantity .number-button:after {right: 5px; /* rtl */} /*margin-right of .qty*/ .woocommerce div.product:not(.product-type-grouped) .summary .quantity .minus, .woocommerce div.product:not(.product-type-grouped) .summary .quantity .plus { width: 28px; height: 40px; line-height: 40px; } .woocommerce div.product:not(.product-type-grouped) .summary .quantity .number-button:before, .woocommerce div.product:not(.product-type-grouped) .summary .quantity .number-button:after { width: 28px; } /**/ .woocommerce div.product .summary form.cart .single_add_to_cart_button { flex: 1; min-width: 0; text-transform: uppercase; padding-left: 5px; padding-right: 5px; } .woocommerce div.product .summary form.cart .single_add_to_cart_button:hover { color: var(--ts-btn-border); background-color: transparent; border-color: var(--ts-btn-border); } .woocommerce div.product.outofstock .summary .woocommerce-variation-add-to-cart-disabled, .woocommerce div.product.sold-individually .summary form.cart div.quantity {display: none;} .woocommerce div.product .summary .ts-buy-now-button { min-width: 130px; display: block; background: var(--ts-primary-color); color: var(--ts-text-in-primary-color); border-color: var(--ts-primary-color); text-transform: uppercase; align-self: flex-end; padding-left: 10px; padding-right: 10px; margin-left: 5px; /* rtl */ } .woocommerce div.product .summary .button.ts-buy-now-button:hover { background: transparent !important; color: var(--ts-primary-color) !important; border-color: var(--ts-primary-color) !important; } .woocommerce div.product form.cart .variations {outline: 0;margin: 0 0 30px;overflow: visible;} .woocommerce div.product.has-buy-now-btn form.cart .variations { margin: 0 0 30px; overflow: visible; } .woocommerce div.product form.cart .variations * {display: block;} .ts-product-size-chart-button, .ts-product-size-chart-button:hover { color: var(--ts-gray-color); } .ts-megamenu-container .elementor-widget-image-box .elementor-image-box-title { padding-top: 20px; padding-bottom: 20px; } .ts-megamenu-container .elementor-widget-image-box:hover { box-shadow: 0 0 20px rgba(0,0,0,.25); } .elementor-image-box-img img { box-sizing: content-box; } .ts-product-size-chart-button > span { display: inline-block; font-size: 1em; line-height: 1.2; overflow: hidden; position: relative; } .woocommerce div.product form.cart .variations tr .ts-product-size-chart-button { position: absolute; top: 0; right: 0; /* rtl */ display: inline-flex; flex-wrap: wrap; align-items: center; gap: 7px; text-decoration: none !important; } .woocommerce div.product form.cart .variations tr { margin-bottom: 16px; clear: both; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; position: relative; } .woocommerce div.product form.cart .variations tr:last-child {margin-bottom: 0;} .woocommerce div.product form.cart .variations tr > * {width: 100%;padding: 0;line-height: 18px;} .woocommerce div.product form.cart .variations .label > * {display: inline-block;vertical-align: top;} .woocommerce div.product form.cart .variations .label .ts-value, .woocommerce div.product form.cart .variations label {line-height: inherit;} .woocommerce div.product form.cart .variations .label .ts-value {font-weight: normal;} .woocommerce div.product form.cart .variations label { padding-bottom: 0; position: relative; font-weight: 600; } .woocommerce div.product form.cart .variations label:after { content: ':'; display: inline-block; vertical-align: 0; margin: 0 6px 0 1px;/* rtl */ } .woocommerce div.product form.cart .ts-product-attribute > div.option, .woocommerce div.product form.cart .reset_variations {display: inline-block;} .woocommerce div.product form.cart .reset_variations { clear: both; color: red; font-size: 0.86em; line-height: 1.1; display: none; } .woocommerce div.product form.cart .reset_variations[style="visibility: visible;"] { display: block; margin-top: 10px; -webkit-animation-duration: 100ms; -moz-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-name: animation_fade; -moz-animation-name: animation_fade; animation-name: animation_fade; } .woocommerce div.product form.cart .reset_variations, .ts-product-attribute > div.option:not(.color) > a {text-decoration: none !important;} .woocommerce div.product form.cart .variations .ts-product-attribute, .ts-product-attribute { display: flex; flex-wrap: wrap; gap: 5px; } .ts-product-attribute > div.option { line-height: 1; } .ts-product-attribute > div.option.hidden { display: block !important; opacity: 0.4; } .ts-product-attribute > div.option.hidden a { cursor: not-allowed; } .ts-product-attribute > div.option:not(.color) > a { min-width: 50px; padding: 5px 10px; border: 1px solid #EBEEF0; background: #EBEEF0; font-size: inherit; color: var(--ts-text-color); line-height: 18px; text-align: center; border-radius: var(--ts-border-radius); } .ts-product-attribute div.option.color:hover, .ts-product-attribute div.option.color.selected, .ts-product-attribute > div.option > a:hover, .ts-product-attribute > div.option.selected > a { background: transparent; color: var(--ts-text-color) !important; border-color: var(--ts-text-color); } .single_variation_wrap {position: relative;} .single_variation_wrap .woocommerce-variation .woocommerce-variation-description:not(:empty) {margin-bottom: 40px;} .single_variation_wrap .woocommerce-variation .woocommerce-variation-price, .single_variation_wrap .woocommerce-variation .woocommerce-variation-availability {display: none !important;} .woocommerce div.product form.cart .woocommerce-variation-description p {margin-bottom: 10px;} .woocommerce div.product form.cart .woocommerce-variation-description p:last-child {margin-bottom: 0;} .woocommerce div.product form.cart div.quantity .screen-reader-text { display: none; top: 0; width: auto; height: 25px; line-height: 20px; margin: 0; padding: 0; clip: initial; white-space: nowrap; transform: translateY(-100%); } .woocommerce a.button.disabled.ts-buy-now-button {opacity: .3;} .woocommerce div.product form.cart .variations select { width: 100%; min-width: 0; font-size: 1em; margin: 0; background-position: 97% 50%; /* rtl */ background-color: transparent; transition: 250ms ease; } .woocommerce div.product form.cart .variations tr:last-child select { margin-bottom: 0; } /*** Product Group ***/ .woocommerce div.product form.cart table.group_table tbody { border-width: 1px; border-style: solid; padding: 20px; display: block; margin-bottom: 20px; border-radius: var(--ts-border-radius); } .woocommerce div.product form.cart table.group_table tr { display: grid; grid-template-columns: 100px 1fr; align-items: center; padding-bottom: 20px; margin-bottom: 15px; border-width: 0 0 1px; border-style: solid; gap: 0 15px; } .woocommerce div.product form.cart table.group_table tr:last-child { padding-bottom: 0; margin-bottom: 0; border-width: 0; } .woocommerce div.product form.cart table.group_table th, .woocommerce div.product form.cart table.group_table td { padding: 0 !important; /* rtl */ border: 0 !important; } .woocommerce div.product form.cart table.group_table td, .woocommerce div.product form.cart .group_table td:first-child { width: auto; text-align: inherit; } .woocommerce div.product form.cart table.group_table label {padding: 0;} .woocommerce div.product form.cart table.group_table .woocommerce-grouped-product-list-item__label { grid-area: 1 / 2 / 2 / 3; align-self: flex-end; } .woocommerce div.product form.cart table.group_table .woocommerce-grouped-product-list-item__thumbnail { grid-area: 1 / 1 / 4 / 2; align-self: center; } .woocommerce div.product form.cart table.group_table .woocommerce-grouped-product-list-item__quantity { grid-area: 3 / 2 / 4 / 3; align-self: flex-start; } .woocommerce div.product form.cart table.group_table .woocommerce-grouped-product-list-item__price { grid-area: 2 / 2 / 3 / 3; margin-bottom: 5px; display: flex; flex-direction: row-reverse; justify-content: flex-end; align-self: flex-center; gap: 5px; font-size: var(--ts-product-font-size); } .woocommerce-grouped-product-list-item__price {font-weight: 500;} .woocommerce div.product form.cart table.group_table .woocommerce-grouped-product-list-item__price del { font-size: calc(var(--ts-product-font-size) - 2px); order: -1; } .woocommerce div.product form.cart table.group_table th:last-child, .woocommerce div.product form.cart table.group_table td:last-child { padding-right: 0 !important; /* rtl */ } .woocommerce div.product form.cart table.group_table div.quantity .screen-reader-text { display: none; } .woocommerce div.product form.cart table.group_table .button { padding: 7px 20px; } /*** Color Variation Thumbnail ***/ .woocommerce div.product.color-variation-thumbnail .ts-product-attribute div.option.color { width: 51px; height: 51px; border-radius: var(--ts-border-radius); } .woocommerce div.product.color-variation-thumbnail .ts-product-attribute div.option.color a { display: block; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; } .woocommerce div.product.color-variation-thumbnail .ts-product-attribute div.option.color a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; image-rendering: -webkit-optimize-contrast; } .woocommerce div.product .single-product-buttons .blockUI {display: none !important;} .single-product-buttons .yith-wcwl-add-to-wishlist a:hover, .single-product-buttons a.compare:hover {text-decoration: none !important;} /*** Wishlist/Compare Shop List & Product Detail ***/ .woocommerce.list.main-products .product-group-button-meta > div.wishlist a, .woocommerce.list.main-products .product-group-button-meta > div.compare a { background-color: transparent; width: auto; height: auto; } .woocommerce.list.main-products .product-group-button-meta > div.wishlist a, .woocommerce.list.main-products .product-group-button-meta > div.compare a, .single-product-buttons a.compare, .single-product-buttons .yith-wcwl-add-to-wishlist a { font-size: 0 !important; line-height: 0 !important; color: var(--ts-gray-color) !important; text-decoration: none !important; display: flex; white-space: nowrap; align-items: center; gap: 5px; background: transparent !important; border: 0 !important; font-weight: normal !important; padding: 0 !important; text-transform: none !important; } .woocommerce.list.main-products .product-group-button-meta > div.wishlist a:hover, .woocommerce.list.main-products .product-group-button-meta > div.compare a:hover, .single-product-buttons a.compare:hover, .single-product-buttons .yith-wcwl-add-to-wishlist a:hover { color: var(--ts-primary-color) !important; } .woocommerce.list.main-products .product-group-button-meta > div.wishlist a:before, .woocommerce.list.main-products .product-group-button-meta > div.compare a:before, .single-product-buttons a.compare:before, .single-product-buttons .yith-wcwl-add-to-wishlist a:before { font-size: 0.86rem; line-height: 18px; position: static; transform: none; } .woocommerce.list.main-products .product-group-button-meta > div.wishlist a .ts-tooltip:before, .woocommerce.list.main-products .product-group-button-meta > div.compare a .ts-tooltip:before, .single-product-buttons a.compare .ts-tooltip:before, .single-product-buttons .yith-wcwl-add-to-wishlist a .ts-tooltip:before { font-size: calc(var(--ts-body-font-size) - 1px); line-height: 18px; content: attr(data-title); display: inline-block; vertical-align: middle; } .single-product-buttons a.compare.loading, .single-product-buttons .yith-wcwl-add-to-wishlist a.loading, .woocommerce.list.main-products .product-group-button-meta > div.wishlist a.loading, .woocommerce.list.main-products .product-group-button-meta > div.compare a.loading { --loading-size: 11px; } .single-product-buttons a.compare.loading:after, .single-product-buttons .yith-wcwl-add-to-wishlist a.loading:after, .woocommerce.list.main-products .product-group-button-meta > div.wishlist a.loading:after, .woocommerce.list.main-products .product-group-button-meta > div.compare a.loading:after { border-width: 1px; position: static; opacity: 1; visibility: visible; margin: 0; border-color: rgba(0, 0, 0, .2); border-top-color: rgba(0, 0, 0, 1); order: -1; } .single-product-buttons a.compare.loading:after, .single-product-buttons .yith-wcwl-add-to-wishlist a.loading:after { margin-top: -1px; } .single-product-buttons a.compare.loading:hover:after, .single-product-buttons .yith-wcwl-add-to-wishlist a.loading:hover:after, .woocommerce.list.main-products .product-group-button-meta > div.wishlist a.loading:hover:after, .woocommerce.list.main-products .product-group-button-meta > div.compare a.loading:hover:after { border-color: rgba(0, 0, 0, .1); border-top-color: var(--ts-primary-color) !important; } .single-product-buttons a.compare.added, .woocommerce.list.main-products .product-group-button-meta > div.compare a.added { font-size: 0.92rem !important; line-height: 18px !important; } .woocommerce.list.main-products .product-group-button-meta > div.wishlist a.loading:before, .woocommerce.list.main-products .product-group-button-meta > div.compare a.loading:before, .woocommerce.list.main-products .product-group-button-meta > div.compare a.added .ts-tooltip:before, .woocommerce.list.main-products .product-group-button-meta > div.wishlist .added .ts-tooltip:before, .single-product-buttons a.compare.loading:before, .single-product-buttons a.compare.added .ts-tooltip:before, .single-product-buttons .yith-wcwl-add-to-wishlist.added .ts-tooltip:before, .single-product-buttons .yith-wcwl-add-to-wishlist a.loading:before { display: none; } .single-product-buttons .yith-wcwl-add-to-wishlist.added a:after, .woocommerce.list.main-products .product-group-button-meta > div.wishlist .added a:after { font-size: 0.92rem; line-height: 18px; content: attr(data-title); display: inline-block !important; vertical-align: middle; } /**/ :is(.product-group-button, .product-group-button-meta) .product-wrapper:hover .product-group-button > div a:before, :is(.product-group-button, .product-group-button-meta) > div:hover a:before, :is(.product-group-button, .product-group-button-meta) > div .added a:before, :is(.product-group-button, .product-group-button-meta) > div a.added:before {opacity: 1;} .single-post .ts-social-sharing > span {display: none;} .ts-social-sharing .sharethis-inline-share-buttons { display: inline-block !important; } .ts-social-sharing ul { display: flex; gap: 10px 15px; vertical-align: middle; margin: 5px 0 0; } .ts-social-sharing ul li { list-style: none; font-size: 17px; line-height: 1; letter-spacing: 0; padding: 0; } .ts-social-sharing ul li, .ts-social-sharing ul li a {color: inherit; display: inline-block; vertical-align: middle;} .ts-social-sharing ul li a:hover { text-decoration: none; color: var(--ts-primary-color); } /*-------------------------------------------------------- 3. ADS BANNERS ---------------------------------------------------------*/ .woocommerce div.product .ads-banner { margin-bottom: var(--ts-section-gap); } .woocommerce div.product .ads-banner:last-child, .woocommerce div.product .ads-banner > *:last-child { margin-bottom: 0 !important; } .woocommerce div.product .ads-banner img.alignnone { margin: 0 !important; } /*-------------------------------------------------------- 4. FREQUENTLY BOUGHT TOGETHER ---------------------------------------------------------*/ div.product > .yith-wfbt-section { margin-bottom: var(--ts-section-gap); } .yith-wfbt-form { display: grid; grid-template-columns: minmax(0,1fr) 570px; gap: 30px 40px; } .yith-wfbt-section .yith-wfbt-images { margin: 0; float: none; grid-row: 1 / 3; grid-column: 1 / 2; align-self: flex-start; outline: 0; } .yith-wfbt-section .yith-wfbt-images .image_plus { width: auto; font-size: 18px; line-height: 1; padding: 0 20px; } .yith-wfbt-section .yith-wfbt-images tr { display: flex; flex-wrap: wrap; align-items: center; } .yith-wfbt-section .yith-wfbt-images td {padding: 0;} .yith-wfbt-section .yith-wfbt-images td:not(.image_plus) { flex: 1; border: 1px solid var(--ts-text-color); border-radius: var(--ts-border-radius); margin: 1px; overflow: hidden; } .yith-wfbt-section .yith-wfbt-images td img { width: 100%; display: inline-block; vertical-align: top; border-radius: var(--ts-border-radius); } .yith-wfbt-section .yith-wfbt-items { padding: 0; margin: 0; grid-row: 1 / 2; grid-column: 2 / 3; align-self: flex-start; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; } .yith-wfbt-items .yith-wfbt-item { width: 100%; list-style: none; padding: 0; line-height: 18px; } .yith-wfbt-items .yith-wfbt-item > label { padding: 0; line-height: inherit; } .yith-wfbt-items .yith-wfbt-item > label > *:not(.price) {font-size: 1em;display: inline;} .yith-wfbt-items .yith-wfbt-item > label > .price {display: inline-flex;} .yith-wfbt-items .yith-wfbt-item > label > .product-attributes {font-style: italic;} .yith-wfbt-section .yith-wfbt-items li a {text-decoration: none;color: inherit;} .yith-wfbt-submit-block { grid-row: 2 / 3; grid-column: 2 / 3; align-self: center; } .yith-wfbt-section .yith-wfbt-form li .checkboxbutton { border-color: #000000; width: 14px; height: 14px; top: 2px; margin-right: 5px; /* rtl */ border-radius: 3px; } .yith-wfbt-section .yith-wfbt-form li .checkboxbutton.checked { background-color: #000000; } .yith-wfbt-section .yith-wfbt-form li .checkboxbutton.checked:after { position: absolute; top: 6px; left: 1px; width: 16px; font-size: 10px; color: #fff; } .yith-wfbt-section .yith-wfbt-form li .checkboxbutton input { width: 14px; height: 14px; } .yith-wfbt-submit-block .price_text { display: flex; flex-flow: row wrap; align-items: center; font-size: var(--ts-h3-font-size); gap: 0; } .yith-wfbt-submit-block .price_text .total_price { color: var(--ts-product-price-color); display: flex; flex-direction: row-reverse; gap: 10px; margin-left: -7px;/* rtl */ } .yith-wfbt-submit-block .price_text .save-amount { font-size: 1em; color: var(--ts-primary-color); display: inline-block; position: relative; } .yith-wfbt-submit-block .price_text .total_price del { font-size: 1.3rem; color: var(--ts-gray-color); font-weight: normal; } .yith-wfbt-submit-block .price_text .total_price_label { font-size: 1.3rem; font-weight: 600; display: none; } .yith-wfbt-submit-block .price_text .save-amount:before {content: '(';} .yith-wfbt-submit-block .price_text .save-amount:after {content: ')';} .woocommerce.yith-wfbt-section .button { min-width: 190px; margin-top: 16px; background: #000000; border-color: #000000; color: #ffffff; text-transform: uppercase; } .woocommerce.yith-wfbt-section .button:hover { background: var(--ts-primary-color); border-color: var(--ts-primary-color); color: var(--ts-text-in-primary-color); } /**/ .yith-wfbt-section li .checkboxbutton { border-width: 1px; border-style: solid; border-color: #bdbdbd; width: 20px; height: 20px; position: relative; display: inline-block; top: -1px; line-height: 0; margin-right: 10px; /* rtl */ border-radius: 3px; } .yith-wfbt-section li .checkboxbutton.checked:after { position: absolute; top: 1px; left: 1px; /* rtl */ width: 16px; font-size: 16px; } .yith-wfbt-section li .checkboxbutton input { opacity: 0; width: 20px; height: 20px; margin: 0; } /*-------------------------------------------------------- 5. WOOCOMMERCE TABS ---------------------------------------------------------*/ .woocommerce div.product > .products:not(:last-child), .woocommerce div.product > .woocommerce-tabs { margin: 0 0 var(--ts-section-gap); } .woocommerce div.product.tabs-accordion:not(.tabs-in-summary) > .woocommerce-tabs { margin: -10px 0 calc(var(--ts-section-gap) - 10px); } .woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0 0 40px; padding: 0; overflow: visible; display: flex; flex-wrap: wrap; gap: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs:after {display: none;} .woocommerce div.product .woocommerce-tabs ul.tabs::before { position: absolute; content: " "; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid var(--ts-border); } .woocommerce div.product .woocommerce-tabs ul.tabs li { position: relative; z-index: 1; border-width: 0; border-radius: 0; background: transparent !important; transition: 300ms ease 0s; margin: 0; line-height: inherit; text-transform: capitalize; padding: 0 20px 12px 0; /* rtl */ margin-right: 20px; /* rtl */ } .woocommerce div.product .woocommerce-tabs ul.tabs li:before { content: ''; width: auto; height: 1px; border-bottom: 1px solid !important; position: absolute; bottom: 0; left: 0; /* rtl */ right: 20px; /* rtl */ display: block; border-radius: 0; box-shadow: none !important; transform: scale(0,1); transform-origin: center left; transition: 200ms ease; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after { content: ''; width: 1px; height: 20px; border-width: 0 1px 0 0; /* rtl */ border-style: solid; position: absolute; top: calc(50% - 6px); right: 0; /* rtl */ transform: translateY(-50%); display: block; border-radius: 0; box-shadow: none !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li:last-child { padding-right: 0; /* rtl */ margin-right: 0; /* rtl */ } .woocommerce div.product .woocommerce-tabs ul.tabs li:last-child:before { right: 0; /* rtl */ } .woocommerce div.product .woocommerce-tabs ul.tabs li:last-child:after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before { transform: scale(1,1); } .woocommerce div.product .woocommerce-tabs ul.tabs li > a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {color: inherit;} .woocommerce div.product .woocommerce-tabs ul.tabs li > a { margin: 0; padding: 0; position: relative; z-index: 1; width: 100%; display: inline-block; vertical-align: baseline; color: var(--ts-gray-color); font-weight: 600; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover > a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active > a { color: var(--ts-heading-color); } .woocommerce div.product .woocommerce-tabs .panel { position: relative; margin: 0; display: none; } .woocommerce div.product .woocommerce-tabs ul + .panel { display: block; } .woocommerce-tabs .panel .custom-tab-content > h1, .woocommerce-tabs .panel .custom-tab-content > h2, .woocommerce-tabs .panel .custom-tab-content > h3, .woocommerce-tabs .panel .custom-tab-content > h4, .woocommerce-tabs .panel .custom-tab-content > h5, .woocommerce-tabs .panel .custom-tab-content > h6, .woocommerce-tabs .panel .custom-tab-content > .heading { margin-bottom: 9px; line-height: 1.3; } .woocommerce-tabs .panel .custom-tab-content > *:last-child, .woocommerce-tabs .panel .product-content > *:last-child { margin-bottom: 0; } .woocommerce-tabs .panel ol li, .woocommerce-tabs .panel ul li { padding: 2px 0; } div.product:not(.tabs-accordion) .woocommerce-tabs .woocommerce-Tabs-panel > h2 { display: none; } div.product:not(.tabs-accordion) .woocommerce-tabs #reviews .woocommerce-Reviews-title, div.product:not(.tabs-accordion) .woocommerce-tabs .woocommerce-Tabs-panel #reviews > h2 { background: transparent; padding: 0; } div.product:not(.tabs-accordion) .woocommerce-tabs #reviews .woocommerce-Reviews-title:after, div.product:not(.tabs-accordion) .woocommerce-tabs .woocommerce-Tabs-panel #reviews > h2:after { display: none; } /*** Tab Table ***/ .ts-dimensions-content > ul, table.chart-table, .woocommerce-tabs .panel table { margin-bottom: 0; border: 0; outline: 1px solid var(--ts-border); border-radius: var(--ts-border-radius); overflow: hidden; } .ts-dimensions-content > ul > li, table.chart-table th, table.chart-table td, .woocommerce-tabs .panel table td, .woocommerce-tabs .panel table th { border-width: 0; padding: 15px; background: transparent; } .woocommerce-tabs .panel .ts-dimensions-content > ul > li { line-height: 24px; list-style: none; padding: 15px; display: flex; } .ts-dimensions-content > ul > li:nth-child(even), .woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th {background: transparent;} .woocommerce table.shop_attributes td p{padding: 0;} .ts-dimensions-content > ul > li:nth-child(odd), table.chart-table tr:nth-child(odd), .woocommerce-tabs .panel table tr:nth-child(odd) {background: #EBEEF0;} .ts-dimensions-content > ul > li > span:first-child, .chart-content table tr td:first-child, .woocommerce-tabs .panel table tr td:first-child, .woocommerce table.shop_attributes th { width: 15%; min-width: 200px; } .ts-dimensions-content > ul > li > span:first-child { font-weight: 600; } /*** Tab Description ***/ .product-content > *:last-child { margin-bottom:0; } .product-content.show-more-less { padding-bottom: var(--ts-section-gap); overflow: hidden; position: relative; transition: 3s ease 0s; } .product-content.show-more-less.closed { max-height: 960px; } .more-less-buttons > a.more-button:after { position: absolute; z-index: 0; bottom: 0; left: -1px; right: -1px; height: 200px; content: ""; transition: 350ms ease 0s; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),to(#fff)); background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 50%); } .more-less-buttons { position: absolute; z-index: 2; left: 1px; right: 1px; bottom: 0; margin: 0; text-align: center; } .more-less-buttons .less-button {display: none;} .more-less-buttons a {display: block;} .more-less-buttons a > span { padding: 10px 30px; border-width: 1px; border-style: solid; border-radius: var(--ts-border-radius); min-width: 0; text-align: center; font-family: var(--ts-btn-font-family); font-weight: var(--ts-btn-font-weight); font-style: var(--ts-btn-font-style); font-size: var(--ts-btn-font-size); line-height: var(--ts-btn-line-height); letter-spacing: var(--ts-btn-letter-spacing); color: var(--ts-text-color); background-color: transparent; border-color: var(--ts-text-color); display: inline-flex; gap: 5px; position: relative; z-index: 1; cursor: pointer; } .more-less-buttons a > span:after {font-size: 8px;} .more-less-buttons a.less-button > span:after {content: '\e909';} .more-less-buttons a > span:hover { color: var(--ts-main-bg); background-color: var(--ts-text-color); } .more-less-buttons a:hover {text-decoration: none;} /*** Tab Reviews ***/ #reviews .woocommerce-Reviews-title { margin-bottom: 10px; text-align: center; } .wcpr-overall-rating > h2, .woocommerce div.product:not(.tabs-accordion) .woocommerce-tabs #reviews > .review-title, .woocommerce div.product .woocommerce-tabs #reviews #comments > .woocommerce-Reviews-title { display: none; } #reviews .woocommerce-product-rating { margin: 0 0 40px; justify-content: center; float: none; display: none !important; } #reviews .woocommerce-noreviews { margin-bottom: 0; } /*** Tab Accordion ***/ .woocommerce div.product.tabs-accordion .woocommerce-tabs ul.tabs { display: none !important; } .woocommerce div.product.tabs-accordion .woocommerce-tabs .panel { display: block !important; border-width: 0 0 1px; border-style: solid; } .woocommerce div.product.tabs-accordion .summary .woocommerce-tabs { margin-bottom: var(--ts-section-gap); } .woocommerce div.product.tabs-accordion .woocommerce-tabs .panel:last-child { border: 0; } div.product.tabs-accordion .woocommerce-Tabs-panel > h2, div.product.tabs-accordion .woocommerce-Tabs-panel #reviews > h2 { font-size: var(--ts-h4-font-size); color: var(--ts-gray-color); line-height: 1.6; padding: 10px 0; text-align: start; position: relative; cursor: pointer; margin-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: 20px 0 30px; } div.product.tabs-accordion .woocommerce-Tabs-panel > h2 ~ .clear, div.product.tabs-accordion .woocommerce-Tabs-panel #reviews > h2 ~ .clear {padding: 0;} div.product.tabs-accordion .woocommerce-Tabs-panel > h2 ~ table { max-width: calc(100% - 60px); margin: 20px auto; padding: 0; } div.product.tabs-accordion .woocommerce-Tabs-panel > h2:after, div.product.tabs-accordion .woocommerce-Tabs-panel #reviews > h2:after { position: absolute; right: 0; /* rtl */ top: 50%; transform: translateY(-50%); 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; } /*** Tabs Inside Summary ***/ .woocommerce div.product.tabs-in-summary .woocommerce-tabs, .woocommerce div.product.tabs-accordion .summary .woocommerce-tabs { margin: 20px 0 0; } div.product.tabs-in-summary #reviews .wcpr-overall-rating-and-rating-count { padding-bottom: 20px; } .woocommerce div.product.tabs-accordion .woocommerce-tabs .panel:last-child { margin: 0; } div.product.tabs-in-summary.tabs-accordion .woocommerce-Tabs-panel > h2, div.product.tabs-in-summary.tabs-accordion .woocommerce-Tabs-panel #reviews > h2 { font-size: 1rem; border-radius: 0; background: transparent; } 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: 8px; } div.product.tabs-in-summary .woocommerce-Tabs-panel .ts-size-chart-content, div.product.tabs-in-summary.tabs-accordion .woocommerce-Tabs-panel > h2 ~ *, div.product.tabs-in-summary.tabs-accordion .woocommerce-Tabs-panel #reviews > h2 ~ * { overflow-y: visible; overflow-x: auto; } div.product.tabs-in-summary #review_form_wrapper #review_form { padding: 30px; } div.product.tabs-in-summary .wcpr-overall-rating-and-rating-count .wcpr-overall-rating-left { font-size: 45px; } div.product.tabs-in-summary .wcpr-overall-rating-and-rating-count .wcpr-stars-count { max-width: 100%; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs { font-size: var(--ts-h5-font-size); line-height: var(--ts-h5-line-height); margin: 0 0 30px; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs li { padding: 0 15px 8px 0; /* rtl */ margin-right: 15px; /* rtl */ } .woocommerce div.product.tabs-in-summary #reviews ol.commentlist li .comment_container { padding: 20px 0; } .woocommerce div.product.tabs-in-summary #comments + #review_form_wrapper { margin-top: 10px; } /*** Tab Dokan ***/ .woocommerce #tab-more_seller_product { --ts-columns: 5; } .woocommerce div.product.tabs-accordion #tab-more_seller_product {margin-top: 20px;} #tab-seller > h2 { font-size: 100%; text-transform: uppercase; text-decoration: underline; text-underline-position: under; font-weight: bold; line-height: inherit; } #tab-seller .seller-rating { float: left; /* rtl */ top: 2px; margin-right: 10px; /* rtl */ position: relative; } #tab-seller ul li a { color: inherit; } #tab-seller ul.list-unstyled li { list-style: none; } /*------------------------------------------------------------------------------------------------------------------- VIII. SHOPPING CART ---------------------------------------------------------------------------------------------------------------------*/ body.woocommerce-cart article > .woocommerce { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } 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:not(:empty) { margin-bottom: 36px; } body.woocommerce-cart article > .woocommerce > .woocommerce-notices-wrapper .cart-empty.woocommerce-info { padding-top: 40px; margin-bottom: -36px; } .woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce { font-size: 1em; } .woocommerce .woocommerce-cart-form, .woocommerce-checkout #customer_details { width: calc(100% - 450px); } .woocommerce-cart .woocommerce .cart-collaterals, .woocommerce-checkout #order_review { border-color: var(--ts-primary-color); } .woocommerce > form.checkout #order_review_heading, .woocommerce > form.checkout #order_review, .woocommerce-cart .woocommerce .cart-collaterals { width: 410px; } .woocommerce > form.checkout #order_review, .woocommerce-cart .woocommerce .cart-collaterals { padding: 30px; border: 2px solid var(--ts-primary-color); border-radius: 10px; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none; width: 100%; } .cart-collaterals .cart_totals tr:not(.shipping) > td:last-child { text-align: right; /* rtl */ } .woocommerce-cart .cart-collaterals .cart_totals > h2, .woocommerce-cart .cart-collaterals .cart_totals table { border: 0; margin: 0; } .woocommerce-cart .cart-collaterals .cart_totals table th { width: 35%; } .woocommerce-cart .woocommerce-shipping-calculator { margin-top: 4px; } #add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th { line-height: 24px; } .woocommerce-cart .cart-collaterals .cart_totals table td { padding: 22px 0 22px 14px !important;/* rtl */ vertical-align: top; text-transform: none; } .woocommerce .woocommerce-shipping-calculator .button { min-width: 0; padding: 8px 15px; font-size: 0.86em; } .woocommerce-cart .cart-collaterals .cart_totals table th { padding: 22px 0 !important; vertical-align: top; text-align: start; } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th { border-width: 0 0 1px 0; } .woocommerce-cart .cart-collaterals .cart_totals table tr:last-child td, .woocommerce-cart .cart-collaterals .cart_totals table tr:last-child th { border-bottom-width: 0; } .woocommerce .cart-collaterals table.shop_table tr td, .woocommerce .cart-collaterals table.shop_table tr:not(.shipping) th { vertical-align: middle; } .woocommerce table.shop_table th {font-weight: var(--ts-heading-font-weight);} .woocommerce #order_review table.shop_table thead th { padding-top: 0; padding-bottom: 0; } .woocommerce #order_review table.shop_table th { font-size: var(--ts-h6-font-size); line-height: var(--ts-h6-line-height); } #order_review table.shop_table #shipping_method { float: right;/* rtl */ } .woocommerce table.shop_table th .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { border-top-width: 0; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight: inherit; } .woocommerce table.shop_table th:first-child { padding: 0 0 20px 0;/* rtl */ } .woocommerce table.shop_table td { padding: 20px 0; border-top-width: 0px; text-align: start; } .woocommerce table.shop_table.order_details tr td:first-child { padding-left: 0; padding-right: 20px;/* rtl */ } body .woocommerce table.shop_table { border: 0; margin: 0; border-radius: 0; font-size: 100%; } body .woocommerce table.shop_table th { padding: 0 0 20px 20px;/* rtl */ background: transparent; } #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th { border-color: rgba(0,0,0,0.1); } .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: #707070; font-style: italic; font-size: 95%; margin-top: 5px; padding-left: 21px; /* rtl */ } .woocommerce-cart .cart-collaterals .cart_totals table .woocommerce-shipping-destination strong { font-weight: normal; font-style: inherit; } #add_payment_method .cart-collaterals .shipping-calculator-button, .woocommerce-cart .cart-collaterals .shipping-calculator-button, .woocommerce-checkout .cart-collaterals .shipping-calculator-button { color: inherit; text-decoration: none !important; } #add_payment_method .cart-collaterals .shipping-calculator-button ~ *, .woocommerce-cart .cart-collaterals .shipping-calculator-button ~ *, .woocommerce-checkout .cart-collaterals .shipping-calculator-button ~ * { clear: both; } .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%; border-radius: var(--ts-border-radius); } .woocommerce table.shop_table .product-name a {color: inherit; max-width: 300px; display: inline-block;} .woocommerce .woocommerce-order-details table.shop_table .product-name a {vertical-align: top;max-width: 100%;} .woocommerce table.shop_table .product-name a:hover {color: var(--ts-primary-color);} .woocommerce table.my_account_orders th, .woocommerce table.shop_table.order_details th { padding: 0 0 20px 20px;/* rtl */ } .woocommerce table.my_account_orders th:first-child, .woocommerce table.shop_table.order_details th:first-child { padding: 0 0 20px 0;/* rtl */ } .woocommerce table.my_account_orders td, .woocommerce table.shop_table.order_details td { padding: 20px 0 20px 20px;/* rtl */ } .woocommerce table.my_account_orders tfoot th, .woocommerce table.shop_table.order_details tfoot th, .woocommerce table.my_account_orders tfoot td, .woocommerce table.shop_table.order_details tfoot td { border-width: 0; } .woocommerce table.my_account_orders tfoot th:first-child, .woocommerce table.shop_table.order_details tfoot th:first-child, .woocommerce table.my_account_orders tfoot tr th, .woocommerce table.shop_table.order_details tfoot tr th, .woocommerce table.my_account_orders tfoot tr td, .woocommerce table.shop_table.order_details tfoot tr td { padding-top: 20px; padding-bottom: 0; border-width: 0; } .woocommerce-order-details p.order-again { border-width: 1px 0 1px 0; border-style: dashed; padding: 30px 0; margin-bottom: 0; text-align: end; } .woocommerce table.my_account_orders tr td:first-child, .woocommerce table.shop_table.order_details tr td:first-child { padding-left: 0;/* rtl */ padding-right: 0;/* rtl */ } .woocommerce table.shop_table.order_details td.product-total { width: 40%; } .woocommerce table.shop_table th.product-remove { width: 21px; } body table.compare-list tr.remove td > a .remove, body .wishlist_table.mobile li .additional-info-wrapper .product-remove a, .woocommerce table.shop_table .product-remove a { display: inline-block; vertical-align: middle; width: 21px; height: 21px; line-height: 20px; font-size: 0; text-align: center; letter-spacing: 0; float: none; padding: 0 !important; margin: 0; color: inherit !important; background: transparent !important; text-align: center; } body table.compare-list tr.remove td > a .remove:before, body .wishlist_table.mobile li .additional-info-wrapper .product-remove a:before, .woocommerce table.shop_table .product-remove a:before { display: inline-block; font-size: 10px; line-height: 20px; } body table.compare-list tr.remove td > a .remove:hover, body .wishlist_table.mobile li .additional-info-wrapper .product-remove a:hover, .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; gap: 10px; margin: 30px 0 0 0; } .woocommerce table.shop_table.cart td.actions > .button { order: 3; } .woocommerce table.shop_table.cart td.actions > .empty-cart-button { order: 2; margin-left: auto;/* rtl */ } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { margin: 0; color: var(--ts-btn-hover-color); background-color: rgb(255 96 10); border-color: rgb(255 96 10); } #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 { color: var(--ts-btn-color); background-color: var(--ts-btn-bg); border-color: var(--ts-btn-border); } .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; } table.cart td.actions .coupon .button { white-space: nowrap; padding-left: 12px; padding-right: 12px; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text { margin: 0;/* rtl */ } #add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: right;/* rtl */ } #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img { margin: -2px 0 0 10px;/* rtl */ } .woocommerce ul#shipping_method .amount.woocommerce-Price-amount { color: inherit; font-size: 1em; font-weight: 600; } #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout {padding: 0;} /*** Woo Block Cart ***/ body .is-large.wc-block-cart { margin-bottom: 0; font-size: 1em; } body .wc-block-cart-items__row {position: relative;} body table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name { color: inherit; text-decoration: none; } body table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name:hover { color: var(--ts-primary-color); } body .wc-block-components-totals-item__description, body .wc-block-components-product-metadata { width: 100%; font-size: 1em; color: var(--ts-gray-color); margin: 0 !important; order: 10; } body table.wc-block-cart-items .wc-block-cart-items__header { font-size: 1em; text-transform: capitalize; } body .is-medium table.wc-block-cart-items td:first-child, body .is-mobile table.wc-block-cart-items td:first-child, body .is-small table.wc-block-cart-items td:first-child, body .is-large.wc-block-cart .wc-block-cart-items th:first-child, body .is-large.wc-block-cart .wc-block-cart-items td:first-child { padding-left: 30px; /*rtl*/ } body .is-large.wc-block-cart .wc-block-cart-items th:last-child, body .is-large.wc-block-cart .wc-block-cart-items td:last-child { padding-right: 0; /*rtl*/ } body .wc-block-cart-item__wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 0 30px; } body .wc-block-components-product-price { display: flex; flex-wrap: wrap; gap: 0 6px; } body .wc-block-components-product-price > * {margin: 0 !important;} body .wc-block-components-product-price del, body .wc-block-components-product-price .wc-block-components-product-price__regular { text-decoration: line-through; text-decoration-thickness: 1px; font-size: 1em; } body .wc-block-components-product-badge { border: 0; border-radius: 0; font-size: 0.86rem; padding: 0; text-transform: none; color: var(--ts-gray-color); font-weight: normal; margin-left: -25px; /* rtl*/ } body table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices {margin-left: auto; /* rtl*/} table.wc-block-cart-items .wc-block-cart-items__row .price {font-weight: 500;} body .wc-block-components-product-badge:before,body .wc-block-components-product-badge:after {display: inline-block; vertical-align: middle;} body .wc-block-components-product-badge:before {content: '(';} body .wc-block-components-product-badge:after {content: ')';} body table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: 0; text-decoration: none; } body table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:before { content: "\e95f"; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; font-size: 10px; line-height: 1; color: inherit; } .wc-block-cart-item__total-price-and-sale-badge-wrapper { padding-top: 5px; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap>*, .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap>*, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector { margin-bottom: 0 !important; } body .is-medium.wc-block-components-sidebar-layout .wc-block-components-sidebar, body .is-mobile.wc-block-components-sidebar-layout .wc-block-components-sidebar, body .is-small.wc-block-components-sidebar-layout .wc-block-components-sidebar, body .wc-block-components-sidebar { border: 2px solid var(--ts-primary-color); padding: 15px 20px; border-radius: 10px; } body .wc-block-components-sidebar { width: 35%; padding: 30px; } body .is-medium.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title, body .is-mobile.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title, body .is-small.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title, body .is-large.wc-block-cart .wc-block-cart__totals-title { font-size: var(--ts-h4-font-size); line-height: var(--ts-h4-line-height); font-family: var(--ts-heading-font-family); font-weight: var(--ts-heading-font-weight); margin: 0 0 22px; padding: 0; text-align: start; display: block; text-transform: none; } body .wc-block-components-totals-wrapper, body .is-medium .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper, body .is-mobile .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper, body .is-small .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper, body .is-large .wc-block-components-sidebar .wc-block-components-panel, body .is-large .wc-block-components-sidebar .wc-block-components-totals-coupon, body .is-large .wc-block-components-sidebar .wc-block-components-totals-item, body .is-large .wc-block-components-sidebar .wc-block-components-totals-coupon, body .is-large .wc-block-components-sidebar .wc-block-components-totals-item, body .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-calculator, body .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-rates-control__package:not(.wc-block-components-panel){ padding-left: 0; padding-right: 0; } body .wc-block-components-validation-error {font-size: 1em;} body .wc-block-components-totals-shipping .wc-block-components-shipping-address {margin-top: 0;} body .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link { color: var(--ts-text-color); font-family: var(--ts-heading-font-family); font-weight: var(--ts-heading-font-weight); font-style: var(--ts-heading-font-style); text-underline-offset: 2px; } body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) { padding: 10px 30px; border-width: 1px; border-style: solid; border-radius: var(--ts-border-radius); text-align: center; text-decoration: none; filter: none; box-shadow: none; text-shadow: none; background-image: none; cursor: pointer; font-family: var(--ts-btn-font-family); font-weight: var(--ts-btn-font-weight); font-style: var(--ts-btn-font-style); font-size: var(--ts-btn-font-size); line-height: var(--ts-btn-line-height); letter-spacing: var(--ts-btn-letter-spacing); } .wc-block-components-sidebar-layout { align-items: flex-start; } body .is-medium table.wc-block-cart-items .wc-block-cart-items__row, body .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, body .is-small table.wc-block-cart-items .wc-block-cart-items__row { display: flex; padding: 10px 0; border-width: 0 0 1px; border-style: solid; } body .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image, body .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image, body .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image { max-width: 130px; } body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus {box-shadow: none !important;} /*** Woo Block Checkout ***/ body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content { padding: 6px 15px !important; } body .wp-block-woocommerce-checkout-order-summary-block > .wc-block-components-totals-wrapper:first-child{border-top-width: 0;} body .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, body .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, body .wc-block-components-form .wc-block-components-text-input input[type=email], body .wc-block-components-form .wc-block-components-text-input input[type=number], body .wc-block-components-form .wc-block-components-text-input input[type=tel], body .wc-block-components-form .wc-block-components-text-input input[type=text], body .wc-block-components-form .wc-block-components-text-input input[type=url], body .wc-block-components-text-input input[type=email], body .wc-block-components-text-input input[type=number], body .wc-block-components-text-input input[type=tel], body .wc-block-components-text-input input[type=text], body .wc-block-components-text-input input[type=url] { max-height: 46px; padding: 25px 14px 10px 14px; border: 1px solid var(--ts-input-border); } body .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, body .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true], body .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, body .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true], body .wc-block-components-form .wc-block-components-text-input.has-error input:focus, body .wc-block-components-text-input.has-error input:focus { box-shadow: none; padding: 25px 14px 10px 14px; } body .wc-block-components-order-summary__button-text { font-size: 1.2em; font-weight: 800; padding: 0; text-align: start; display: block; } body .wc-block-components-order-summary .wc-block-components-panel__button { margin: 0 0 22px; } body .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list, body .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list { border: 1px solid var(--ts-border); border-bottom-left-radius: var(--ts-border-radius); border-bottom-right-radius: var(--ts-border-radius); box-shadow: none; } body .wc-block-components-address-form__address_2-toggle { border: 1px solid var(--ts-border); color: #818388 !important; font-weight: normal; padding-left: 14px; padding-right: 14px; background: transparent; } body .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label, body .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label, body .wc-block-components-form .wc-block-components-text-input label, body .wc-block-components-text-input label { left: 14px; } body .is-large .wp-block-woocommerce-checkout-order-summary-block { border: 0; border-radius: 0; } body .wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices { display: flex; } body .wc-block-components-form .wc-block-components-text-input input:-webkit-autofill, body .wc-block-components-form .wc-block-components-text-input.is-active input[type=email], body .wc-block-components-form .wc-block-components-text-input.is-active input[type=number], body .wc-block-components-form .wc-block-components-text-input.is-active input[type=tel], body .wc-block-components-form .wc-block-components-text-input.is-active input[type=text], body .wc-block-components-form .wc-block-components-text-input.is-active input[type=url], body .wc-block-components-text-input input:-webkit-autofill, body .wc-block-components-text-input.is-active input[type=email], body .wc-block-components-text-input.is-active input[type=number], body .wc-block-components-text-input.is-active input[type=tel], body .wc-block-components-text-input.is-active input[type=text],.wc-block-components-text-input.is-active input[type=url] { padding: 25px 14px 10px 14px; } body .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, body .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted { border-radius: var(--ts-border-radius); box-shadow: inset 0 0 0 1px var(--ts-border); } body .wp-block-woocommerce-checkout {padding-top: 0;} body .wc-block-components-order-summary .wc-block-components-order-summary__button-text {font-weight: 600;} body .is-mobile .wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button {margin: 10px auto;} body .wc-block-components-checkbox label {padding: 0;} body .is-mobile .wc-block-checkout__terms, body .is-small .wc-block-checkout__terms {margin-bottom: 25px;} body .is-mobile .wc-block-checkout__terms.wc-block-checkout__terms--with-separator, body .is-small .wc-block-checkout__terms.wc-block-checkout__terms--with-separator { padding-top: 25px; } body .wc-block-components-title.wc-block-components-title {margin-top: -10px;} body .is-medium .wc-block-checkout__sidebar, body .is-mobile .wc-block-checkout__sidebar, .is-small .wc-block-checkout__sidebar {margin-bottom: var(--ts-section-gap);} /**/ /*------------------------------------------------------------------------------------------------------------------- IX. CHECK OUT ---------------------------------------------------------------------------------------------------------------------*/ /*** Login ***/ .woocommerce .checkout-login-coupon-wrapper form.login .lost_password a { font-size: 1em; } form.login label:hover {cursor: pointer;} .lost_password a { text-decoration: none; color: inherit; display: inline-block; position: relative; overflow: hidden; line-height: 1.2; } /*** Coupon ***/ .woocommerce-no-js form.woocommerce-form-coupon, .woocommerce-no-js form.woocommerce-form-login { display: none !important; } .woocommerce .checkout-login-coupon-wrapper, .woocommerce .checkout-login-coupon-wrapper form.login { margin-bottom: 16px; } .woocommerce form.checkout_coupon, .woocommerce .checkout-login-coupon-wrapper form.login { padding: 30px; max-width: 100%; border: 1px solid var(--ts-border); border-radius: var(--ts-border-radius); margin-top: 0; } .woocommerce .checkout-login-coupon-wrapper form.login { display: flex; flex-flow: row wrap; gap: 22px 30px; justify-content: space-between; } .woocommerce .checkout-login-coupon-wrapper form.login > .form-row {margin: 0;} .woocommerce .checkout-login-coupon-wrapper form.login > .form-row-first, .woocommerce .checkout-login-coupon-wrapper form.login > .form-row-last {width: calc(50% - 15px);margin: 0;} .woocommerce .checkout-login-coupon-wrapper form.login .clear {display: none;} .woocommerce .checkout-login-coupon-wrapper form.login p:first-child { width: 100%; margin-bottom: -6px; } .woocommerce .checkout-login-coupon-wrapper form.login .button { margin-top: 0; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon { display: flex; flex-flow: row wrap; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon p:not(.form-row-first):not(.form-row-last) { flex-basis: 100%; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-first { flex: 1 0 auto; margin: 0; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-last { width: auto; min-width: 200px; margin-left: 10px; /* rtl */ margin-bottom: 0; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-last .button { width: 100%; padding-left: 5px; padding-right: 5px; } .woocommerce form.login input[type^=checkbox] {margin-top: -1px;} /*** Checkout Form ***/ .woocommerce > form.checkout { overflow: hidden; width: 100%; margin-top: 44px; } .woocommerce > form.checkout #customer_details { float: left; /* rtl */ } .woocommerce > form.checkout #order_review_heading, .woocommerce > form.checkout #order_review { float: right; /* rtl */ } .woocommerce > form.checkout #order_review_heading { margin: 0; } .woocommerce > form.checkout .woocommerce-NoticeGroup { grid-row: 1 / 2; grid-column: 1 / span 2; margin-bottom: 30px; } .woocommerce > form.checkout .woocommerce-NoticeGroup ~ #customer_details {grid-row: 2 / 4;} .woocommerce > form.checkout .woocommerce-NoticeGroup ~ #order_review_heading {grid-row: 2 / 3;} .woocommerce > form.checkout .woocommerce-NoticeGroup ~ #order_review {grid-row: 3 / 4;} .woocommerce form.checkout .form-row { margin-bottom: 24px; } .woocommerce form.checkout #billing_address_1_field { margin-bottom: 10px; } .woocommerce > form.checkout #customer_details .col-1, .woocommerce > form.checkout #customer_details .col-2 { width: 100%; float: none; } .woocommerce form .form-row.create-account { margin-bottom: 15px; } .woocommerce-shipping-fields h3 { margin-bottom: 16px; font-size: 1rem; } .woocommerce form .form-row label { line-height: 1.5; font-size: 1em; padding-bottom: 8px; } .woocommerce .checkout-login-coupon-wrapper .checkout-login-wrapper label, .woocommerce form.checkout .form-row label {font-size: 1em;} #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, body .select2-dropdown, .woocommerce form .form-row select, body .form-row .select2-container--default .select2-selection--single, body .form-row .select2-container--default .select2-selection--single .select2-selection__rendered, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { line-height: 24px; } .woocommerce-checkout p.form-row.notes { margin-bottom: 0; } .woocommerce form input[type="password"] { padding-right: 40px; /* rtl */ } .woocommerce form .form-row .required { font-weight: normal; } .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper { display: flex; flex-flow: row wrap; margin-left: -15px; margin-right: -15px; } .woocommerce-billing-fields__field-wrapper > p.form-row, .woocommerce-shipping-fields__field-wrapper > p.form-row { width: 100%; display: inline-flex; flex-direction: column; justify-content: flex-end; } .woocommerce form .woocommerce-billing-fields__field-wrapper > p.form-row, .woocommerce form .woocommerce-shipping-fields__field-wrapper > p.form-row { margin-left: 15px; margin-right: 15px; } .woocommerce-billing-fields__field-wrapper > p.form-row-first, .woocommerce-billing-fields__field-wrapper > p.form-row-last, .woocommerce-shipping-fields__field-wrapper > p.form-row-first, .woocommerce-shipping-fields__field-wrapper > p.form-row-last { width: calc(50% - 30px); } .woocommerce-shipping-fields h3#ship-to-different-address .input-checkbox { margin-top: -4px; } .woocommerce-terms-and-conditions-wrapper a { color: var(--ts-primary-color); font-weight: bold; } .woocommerce-terms-and-conditions-wrapper a:hover { text-decoration: none; } .woocommerce-invalid #terms { outline: none !important; } /*** Payment Process ***/ #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: transparent !important; border-radius: 0; } .woocommerce-checkout #payment ul li { list-style: none; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods { padding: 15px 0; border-width: 0; } .woocommerce-checkout #payment ul.payment_methods { padding: 20px 0; border-width: 0; } #order_review table.shop_table td, #order_review table.shop_table th { padding: 0; margin: 0; border-width: 0; } #order_review table.shop_table tr { display: flex; justify-content: space-between; align-items: center; gap: 0 20px; padding: 23px 0; border-width: 0 0 1px 0; border-style: solid; } #order_review table.shop_table thead tr { border-width: 0; padding: 0; } #order_review table.shop_table tr.shipping { flex-direction: column; align-items: flex-start; gap: 10px 0; } #order_review .shop_table th:last-child, #order_review .shop_table td:last-child { text-align: end; } #order_review .shop_table tbody td{ font-family: var(--ts-font-family); font-weight: var(--ts-font-weight); font-style: var(--ts-font-style); } #order_review .shop_table td > .amount { font-size: var(--ts-body-font-size); } #order_review .shop_table .order-total .amount { font-size: var(--ts-h5-font-size); line-height: var(--ts-h5-line-height); } #order_review .shop_table .product-name strong { font-weight: inherit; } #add_payment_method .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout { padding: 5px 0; } #order_review table.shop_table ul#shipping_method { margin-left: -100%; /* rtl */ text-align: left; /* rtl */ } #add_payment_method #payment ul.payment_methods li label, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label { display: inline; } #add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: none; line-height: 24px; font-size: 10px; text-transform: uppercase; color: inherit; text-decoration: none; } #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input { margin: -2px 5px 0 0; /* rtl */ } #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img { margin: -2px 5px 0; max-width: 120px; } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { padding: 0 0 10px 0; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { margin: 0; font-size: 100%; line-height: 24px; padding: 0 0 0 24px;/* rtl */ background: transparent; font-family: var(--ts-font-family); font-weight: var(--ts-font-weight); font-style: var(--ts-font-style); } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { display: none; } .woocommerce ul#shipping_method li label { padding: 0; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding: 0; margin: 0; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { width: 100%; float: none; margin-bottom: 0; } .woocommerce-terms-and-conditions { border: none; box-shadow: none; background: rgba(101,101,101,0.1); } /*------------------------------------------------------------------------------------------------------------------- X. POPUP/MODAL ---------------------------------------------------------------------------------------------------------------------*/ body #main, body.dokan-store #main:before, #cboxLoadedContent, #yith-wcwl-popup-message, .dataTables_wrapper, body > .compare-list, form.checkout div.create-account { background-color: var(--ts-main-bg); } body #cboxClose, .ts-sidebar > .close, .ts-floating-sidebar .close, .ts-popup-modal .close { position: absolute; top: 0; right: 0; /* rtl */ z-index: 999; width: 30px; height: 30px; font-size: 0; line-height: 30px; text-align: center; letter-spacing: 0; transition: 350ms ease 0s; color: var(--ts-text-color); } .ts-sidebar > .close, #ts-filter-widget-area .close { top: 15px; right: 10px; display: none; } body #cboxClose:hover, .ts-floating-sidebar .close:hover, .ts-popup-modal .close:hover { color: var(--ts-primary-color); } .ts-floating-sidebar .close { top: 26px; right: 12px; /* rtl */ } #ts-shopping-cart-sidebar .close { top: 28px; } body #cboxClose { background-image: none; text-indent: 0; color: #ffffff; text-transform: none; z-index: 100001; background: transparent !important; color: inherit !important; right: 20px; /* rtl */ top: 10px; min-width: 0; } body #cboxClose:hover { color: var(--ts-primary-color); } .ts-floating-sidebar .close:hover { opacity: 1; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove, .elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li a.remove { font-size: 0; color: inherit !important; position: absolute; top: 50%; left: auto; /* rtl */ right: 0; /* rtl */ width: 20px; height: 20px; transform: translateY(-50%); } .woocommerce .widget_shopping_cart .cart_list li a.remove:hover, .woocommerce.widget_shopping_cart .cart_list li a.remove:hover, .elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li a.remove:hover { color: var(--ts-primary-color) !important; background: transparent !important; } .woocommerce .widget_shopping_cart .cart_list li:first-child a.remove, .woocommerce.widget_shopping_cart .cart_list li:first-child a.remove, .elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li:first-child a.remove { top: calc(50% - 10px); } .woocommerce .widget_shopping_cart .cart_list li a.remove:before, .woocommerce.widget_shopping_cart .cart_list li a.remove:before, .elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li a.remove:before { font-size: 8px; line-height: 20px !important; } body #cboxClose:after, html body > h1 a.close:before, .ts-sidebar > .close:before, .ts-floating-sidebar .close:after, body .big-review-images>.wcpr-close:before, .ts-popup-modal .close:after { font-size: 14px; line-height: inherit !important; } .ts-popup-modal .overlay { position: fixed; visibility: hidden; opacity: 0; left: 0; right: 0; bottom: 0; top: 0; content: ""; z-index: 99990; } #cboxOverlay {z-index: 100000 !important;} #colorbox,#cboxOverlay,#cboxWrapper { overflow: visible !important; z-index: 100001; } .ts-popup-modal .overlay, #cboxOverlay { background: rgba(0,0,0,0.4); transition: all 200ms linear 0s; } .ts-popup-modal.show .overlay:before { display: none; } .ts-popup-modal .close { color: #ffffff; background: #000000; top: 0; right: 0; /* rtl */ border-radius: 0 0 0 var(--ts-border-radius); } #ts-product-360-modal .close { top: 0; right: -10px; /* rtl */ transform: translateX(100%); /* rtl */ width: 30px; height: 30px; line-height: 30px; border-radius: var(--ts-border-radius); } #ts-product-360-modal .close:after { font-size: 10px; } #ts-product-video-modal .close { top: -10px; right: -20px; transform: translateX(100%); border-radius: var(--ts-border-radius); } .ts-popup-modal .close:hover, #ts-add-to-cart-popup-modal .close:hover { color: var(--ts-text-in-primary-color); background: var(--ts-primary-color); } .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: 1018px; height: auto; transition: opacity 0.2s ease, visibility 0.2s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; background-color: var(--ts-dropdown-bg); border-radius: var(--ts-border-radius); max-width: 80%; } .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-container { width: 980px; border: 10px solid #ffffff; border-radius: var(--ts-border-radius); max-width: 80%; } .woocommerce .wishlist-fragment .blockUI.blockOverlay:before, .woocommerce .yith-wcwl-popup-form .blockUI.blockOverlay:before { display: block; } .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; } .login-popup-content .form-content > h4, .login-popup-content .form-content #ts-login-form { padding: 0 50px; } .create-account-wrapper { padding: 12px 50px; text-align: center; line-height: 24px; display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; align-items: center; border-top: 1px solid var(--ts-border); color: var(--ts-gray-color); text-align: center; } .login-popup-content .form-content .create-account-wrapper { position: absolute; bottom: 0; left: 0; right: 0; } body:not(.logged-in) .my-account-wrapper .ts-tiny-account-wrapper .dropdown-container { padding-left: 0; padding-right: 0; padding-bottom: 0; } .dropdown-container .create-account-wrapper { padding-left: 30px; padding-right: 30px; margin-top: 30px; } .dropdown-container .form-content > h4, .dropdown-container .form-content #ts-login-form { padding: 0 30px; } .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 p {margin: 0;} #ts-login-form { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; } #ts-login-form > *:not(.login-forget-password):not(.login-remember) {width: 100%;} #ts-login-form .login-forget-password {order: 1;margin-left: auto;/* rtl */} #ts-login-form .login-submit {order: 2;} #ts-login-form .login-submit .button {width: 100%;} .dropdown-container .create-account-wrapper, #ts-login-form .forget-password, #ts-login-form .login-remember label { font-size: 13px; color: var(--ts-gray-color); } #ts-login-form .login-remember label { padding: 0; display: flex; align-items: center; } /*** Size Chart Popup ***/ .product-size-chart-container { border-radius: 5px; overflow: hidden; } .ts-popup-modal .product-size-chart-container .product-size-chart-content { padding: 30px; } .ts-popup-modal .product-size-chart-container .ts-size-chart-content { max-height: 56vh; overflow-y: auto; } .product-size-chart-content .chart-image { margin-bottom: 20px; } .product-size-chart-content > h2 { margin-bottom: 15px; text-align: center; } .product-size-chart-content .chart-table, .product-size-chart-content .chart-content > *:last-child { margin-bottom: 0; } .chart-image, .ts-size-chart-content .chart-label, .product-size-chart-content .chart-label, .ts-size-chart-content .chart-table tr td:not(:first-child), .product-size-chart-content .chart-table tr td:not(:first-child) { text-align: center; } .ts-size-chart-content .chart-table tr:first-child td, .ts-size-chart-content .chart-table tr td:first-child, .product-size-chart-content .chart-table tr:first-child td, .product-size-chart-content .chart-table tr td:first-child { font-weight: 600; } .ts-size-chart-content .chart-table tr td:first-child, .product-size-chart-content .chart-table tr td:first-child { width: 160px; } .chart-image img {border-radius: var(--ts-border-radius);} /*** Quick Shop ***/ .opening-quickshop { overflow: hidden; padding-right: var(--scrollbarWidth); /* rtl */ } .opening-quickshop .is-sticky > div { padding-right: var(--scrollbarWidth); /* rtl */ } #ts-quickshop-modal { position: fixed; inset: 0; z-index: -1; --ts-btn-font-size: 13px; } #ts-quickshop-modal div.product .summary form.cart .single_add_to_cart_button, #ts-quickshop-modal div.product .summary .ts-buy-now-button { padding: 7px 5px; } #ts-quickshop-modal div.product:not(.product-type-grouped) .summary .quantity .qty { line-height: 38px; } #ts-quickshop-modal.loading, #ts-quickshop-modal.show {z-index: 99990;} #ts-quickshop-modal .overlay {position: absolute;} .ts-popup-modal .quickshop-content {max-height: 100%;padding: 30px;} #ts-quickshop-modal .quickshop-content div.product:after {content: ''; display: table; clear: both;} #ts-quickshop-modal .woocommerce div.product div.summary, #ts-quickshop-modal .woocommerce div.product .woocommerce-product-gallery {margin-bottom: 0;} #ts-quickshop-modal .woocommerce div.product .woocommerce-product-details__short-description { font-size: calc(var(--ts-body-font-size) - 1px); } #ts-quickshop-modal .woocommerce div.product .woocommerce-product-details__short-description ul { gap: 6px; } #ts-quickshop-modal .woocommerce div.product div.images {width: 47%;} #ts-quickshop-modal .woocommerce div.product.gallery-layout-vertical { --ts-thumbnail-size: 50px; } #ts-quickshop-modal .woocommerce div.product div.images .flex-control-thumbs li {width: var(--ts-thumbnail-size);} #ts-quickshop-modal .woocommerce div.product .summary > .meta-content:not(:empty) {margin-top: 21px;} #ts-quickshop-modal .woocommerce div.product .summary > .ts-summary-custom-content + .meta-content:not(:empty) {margin-top: 0;} #ts-quickshop-modal div.product > .summary { width: 53%; position: absolute; top: 0; max-height: 100%; right: -30px; /* rtl */ padding: 0 30px 0 0; /* rtl */ gap: 7px 5px; border: 0; border-radius: 0; float: none; transition: none; overflow-x: hidden; overflow-y: auto; } #ts-quickshop-modal .woocommerce div.product.gallery-layout-vertical div.images {width: 53%;} #ts-quickshop-modal .woocommerce div.product.gallery-layout-vertical > .summary {width: 47%;} #ts-quickshop-modal .woocommerce div.product .summary > .ts-summary-custom-content { margin: 5px 0 0; } #ts-quickshop-modal .woocommerce div.product:not(.product-type-grouped) .summary .quantity .qty {width: 95px;} #ts-quickshop-modal .woocommerce div.product .summary .ts-buy-now-button {min-width: 100px;} #ts-quickshop-modal div.product .summary > .summary-custom-content-title {margin-top: 15px;} #ts-quickshop-modal .woocommerce div.product form.cart table.group_table tr {grid-template-columns: 90px 1fr;} #ts-quickshop-modal .woocommerce div.product .summary .product_title { font-size: var(--ts-h4-font-size); line-height: calc(var(--ts-h4-line-height) - 2px); } #ts-quickshop-modal .woocommerce div.product .summary > .ts-variation-price, #ts-quickshop-modal .woocommerce div.product .summary p.price, #ts-quickshop-modal .woocommerce div.product .summary span.price {font-size: var(--ts-h4-font-size);} #ts-quickshop-modal .woocommerce div.product .summary p.price del, #ts-quickshop-modal .woocommerce div.product .summary span.price del {font-size: 1rem;} #ts-quickshop-modal .close:after {font-size: 10px;} #ts-quickshop-modal .woocommerce .summary .woocommerce-product-rating .star-rating span:before, #ts-quickshop-modal .woocommerce .summary .woocommerce-product-rating .star-rating:before {font-size: 13px;} #ts-quickshop-modal .woocommerce .summary .woocommerce-product-rating .star-rating { margin: -2px 0 0; width: 78px; height: 13px; } /*** Product 360 ***/ .threesixty .nav_bar a:hover {background: transparent;} .threesixty .nav_bar {position: absolute;top:35px;right:-10px;transform: translateX(100%);z-index: 11;display: flex;flex-flow: column wrap;justify-content: center;gap: 5px;} .threesixty .nav_bar a{width: 30px;height: 30px;font-size: 0;text-decoration: none;background: var(--ts-text-color);color: var(--ts-main-bg);letter-spacing: 0;text-align: center;border: 1px solid var(--ts-text-color);border-radius:var(--ts-border-radius);} .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;border-radius:var(--ts-border-radius);} .threesixty .threesixty_images img:hover {cursor: grabbing;} .threesixty .threesixty_images img.previous-image {visibility: hidden;} .threesixty .threesixty_images img.current-image {visibility: visible;} .threesixty .spinner {width: 60px;display: block;margin: 0 auto;height: 30px;background: #333;background: rgba(0, 0, 0, 0.7);border-radius: var(--ts-border-radius);} .threesixty .spinner span {font-family: Arial, "MS Trebuchet", sans-serif;font-size: 12px;font-weight: bolder;color: #FFF;text-align: center;line-height: 30px;display: block;} .threesixty:-webkit-full-screen {background: #ffffff;width: 100%;height: 100%;margin-top: 0;padding-top: 200px;} .threesixty:-moz-full-screen {background: #ffffff;width: 100%;height: 100%;margin-top: 0;padding-top: 200px;} /*** Add To Cart Popup ***/ body .ts-popup-modal .add-to-cart-popup-container { width: 580px; padding: 30px 30px 40px; border-radius: var(--ts-border-radius); 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-body-font-size); line-height: var(--ts-body-font-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; border-radius: var(--ts-border-radius); } .add-to-cart-popup-content .item .product-image img {border-radius: var(--ts-border-radius);} .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 { font-size: calc(var(--ts-body-font-size) - 1px); line-height: 18px; flex: 1; padding-left: 5px; padding-right: 5px; } .add-to-cart-popup-content .action { display: flex; gap: 5px; margin-top: 20px; } /*** Compare Popup ***/ .dataTables_scrollFoot {display: none;} html body #yith-woocompare {padding: 0;} #cboxLoadingGraphic {background: none !important;} #cboxLoadingOverlay {top: 50%;left: 50%;width: 100px;height: 100px;transform: translate(-50%,-50%);background-image: none !important } .woocommerce .wd_compare_wrapper .added:before {content: "\f065";}#cboxContent{background: transparent !important;} #cboxTopCenter, #cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxBottomCenter, #cboxMiddleLeft, #cboxMiddleRight {background: transparent;width: 0;height: 0;padding: 0;margin: 0;} #cboxLoadedContent {padding: 0;} #cboxLoadedContent iframe {position: relative;z-index: 1;background: transparent;} .dataTables_wrapper {padding: 0;text-align: center;} .dataTables_scrollHead, .DTFC_LeftHeadWrapper {display: none;} html body > h1 {padding: 14px 20px;display: block;width: 100%;float: none;position: relative;z-index: 14;text-align: center;border-width: 0;background: transparent !important;} html body > h1 {line-height: 22px !important;} html body > h1 a.close {font-size: 0;padding: 0;width: 24px;height: 24px;margin: 0;right: 0;position: relative;top: 0;} table.compare-list, table.compare-list th, table.compare-list td {box-sizing: content-box;} table.compare-list:not(.dataTable) thead {display: none !important;} body table.compare-list { margin: 0 !important; padding: 0 !important; width: 100%; border-width: 1px 0 0 0; font-size: 1em; line-height: 1.5; outline: 0; } body table.compare-list td.odd, body table.compare-list td.even {background: transparent;} body #yith-woocompare table.compare-list tbody th {background: transparent;} body #yith-woocompare table.compare-list tbody th, body #yith-woocompare table.compare-list tbody td {padding: 15px;} body #yith-woocompare table.compare-list tr.title th, body #yith-woocompare table.compare-list tr.title td, body #yith-woocompare table.compare-list tr.image td, body #yith-woocompare table.compare-list tr.image th, body #yith-woocompare table.compare-list tr.add-to-cart td, body #yith-woocompare table.compare-list tr.add-to-cart th, body #yith-woocompare table.compare-list tr.price:not(.repeated) td, body #yith-woocompare table.compare-list tr.price:not(.repeated) th {padding: 0 15px 15px 15px;} body #yith-woocompare table.compare-list tr.title th, body #yith-woocompare table.compare-list tr.title td {line-height: 20px;padding-bottom: 10px;} body #yith-woocompare table.compare-list tr.add-to-cart td, body #yith-woocompare table.compare-list tr.add-to-cart th {padding-bottom: 20px;} body #yith-woocompare table.compare-list tr {display: table-row;} body #yith-woocompare table.compare-list tr.description td > *:last-child {margin-bottom: 0 !important;} body table.compare-list th {background: transparent;} body table.compare-list td img {width: 250px;padding: 0;border: 0;max-width: 100%;margin-bottom: 0;} body table.compare-list .description td img {width: auto;} body table.compare-list th {border-width: 1px 0 0 0;border-style: solid;text-align: left;/* rtl */} body table.compare-list td {border-width: 1px 0 0 0;border-style: solid;} body #yith-woocompare table.compare-list tr.image th, body #yith-woocompare table.compare-list tr.image td {border-top-width: 0;} body #yith-woocompare table.compare-list tbody th, body #yith-woocompare table.compare-list tbody td {border-width: 1px 1px 0 0;/* rtl */ border-style: solid;border-color: var(--ts-border);} body #yith-woocompare table.compare-list tbody tr th:last-child, body #yith-woocompare table.compare-list tbody tr td:last-child {border-right-width: 0;/* rtl */} body #yith-woocompare table.compare-list tr:not(.no-products).add-to-cart th, body #yith-woocompare table.compare-list tr:not(.no-products).add-to-cart td, body #yith-woocompare table.compare-list tr:not(.no-products).title th, body #yith-woocompare table.compare-list tr:not(.no-products).title td, body #yith-woocompare table.compare-list tr:not(.no-products).price:not(.repeated) th, body #yith-woocompare table.compare-list tr:not(.no-products).price:not(.repeated) td, body #yith-woocompare table.compare-list tr:not(.no-products).image th, body #yith-woocompare table.compare-list tr:not(.no-products).image td {border-top-width: 0;} body #yith-woocompare table.compare-list tr.no-products td {padding-left: 20px;padding-right: 20px;border-width: 1px 0 0 0;border-style: solid;} body table.compare-list tr.image td, body table.compare-list tr.title td, body table.compare-list tr.price td {text-transform: none;} body table.compare-list tr.price td{text-decoration: none;} body table.compare-list tr.image th, body table.compare-list tr.image td {height: auto;} body table.compare-list tr.add-to-cart th, body table.compare-list tr.add-to-cart td {padding-bottom: 30px;} body table.compare-list tr.remove td, body table.compare-list tr.remove th {padding-top: 12px !important;padding-bottom: 10px !important;} body table.compare-list tr.image td {padding-top: 0;} body table.compare-list tr.remove td > a {font-size: 0;line-height: 0;width: 21px;height: 21px;text-align: center;display: block;margin-left: auto;margin-right: auto;position: relative;background: transparent !important;} body table.compare-list .remove td a .remove {position: relative;width: 100%;height: 100%;line-height: 19px;font-size: 0;letter-spacing: 0;color: inherit;display: block;background: transparent !important } tr.image th, tr.title th, tr.price:not(.repeated) th, tr.add-to-cart th {font-size: 0 !important;} body table.compare-list tr.price th, .compare-list tr.price td ins {text-decoration: none;} body table.compare-list tr.price th, body table.compare-list tr.price td del {margin-right: 8px; /* rtl */} html body table.compare-list tr.description td p, html body table.compare-list tr.description th p {margin: 0;} body .woocommerce table.compare-list .add-to-cart td a {margin: 0;} body .woocommerce table.compare-list .add-to-cart td a.loading:before { content: ''; position: absolute; inset: 0; background-color: var(--ts-btn-thumbnail-bg); } body .woocommerce table.compare-list .add-to-cart td a.loading:hover:before { background-color: var(--ts-btn-thumbnail-hover-bg); } body table.compare-list .add-to-cart td .blockOverlay {display: none !important;} body .compare-list tr.no-products td {text-align: left !important; /* rtl */} #cboxLoadedContent iframe {padding: 0;} body table.compare-list .stock td span {color: inherit;} #colorbox.yith_woocompare_colorbox {position: fixed !important;top: 50% !important;transform: translate(0,-50%);} /*------------------------------------------------------------------------------------------------------------------- XI. WOOCOMMERCE MESSAGE ---------------------------------------------------------------------------------------------------------------------*/ .home .woocommerce-message {display: none !important;} body #ts-ajax-add-to-cart-message {position: fixed;opacity: 0;top: 0;width: 100%;text-align: center;z-index: 99992;visibility: hidden;overflow: hidden;line-height: 24px;transform: translate(0,-100%);transition: transform 200ms ease-out;right: 0;/* rtl */padding: 14px 20px;} body.admin-bar #ts-ajax-add-to-cart-message {top: 32px;} body #ts-ajax-add-to-cart-message:before {left: 10px;/* rtl */top: 5px;} 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:not(.error) > span.error-message, body #ts-ajax-add-to-cart-message.error > span.error-message .button, body #ts-ajax-add-to-cart-message.error > span:not(.error-message) {display: none;} .alert {padding: 9px 15px;margin-bottom: 40px;border-radius: 0;box-shadow: none;text-shadow: none;} #primary > .woocommerce-notices-wrapper:not(:empty) {margin-bottom: 43px;} body .wc-block-components-notice-banner, :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning), :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning){ box-shadow: none; text-shadow: none; width: 100%; display: flex; align-items: center; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; margin: 0 0 16px; font-size: 13px; line-height: 20px; border-width: 0; border-radius: var(--ts-border-radius); padding: 10px 20px; gap: 0 10px; font-weight: 500; } :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning):focus, :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning):focus-visible, :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning):focus, :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning):focus-visible { outline:none; } :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) li, :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) li { display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; width: 100%; } body .wc-block-components-notice-banner, body .wc-block-components-notice-banner .wc-block-components-notice-banner__content { width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 0.9rem; } body .wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary + ul { width: 100%; margin: 0; } body .wc-block-components-notice-banner > svg, :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning):before{display: none !important;} body .wc-block-components-notice-banner.is-success, body #ts-ajax-add-to-cart-message, .woocommerce-message { background-color: #D3EFDB; color: #12762E; } body .wc-block-components-notice-banner.is-error, body #ts-ajax-add-to-cart-message.error, .woocommerce-error { background-color: #FCE8E8; color: #DE1010; } body .wc-block-components-notice-banner.is-info, .woocommerce-info { background-color: #E8EFFA; color: #000000; } body .wc-block-components-notice-banner.is-warning, .woocommerce-warning { background-color: #fff8e5; color: #ffb900; } :is(.woocommerce,.woocommerce-page) :is(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) .button, body .wc-block-components-notice-banner .button { background: #ffffff !important; padding: 5px 10px !important; border: 0 !important; border-radius: var(--ts-border-radius) !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: #DE1010 !important; } :is(.woocommerce,.woocommerce-page) .woocommerce-info .button, body .wc-block-components-notice-banner.is-info .button { color: #3660a0 !important; } :is(.woocommerce,.woocommerce-page) .woocommerce-message .button:hover, body .wc-block-components-notice-banner.is-success .button:hover { background: #12762E !important; color: #ffffff !important; } :is(.woocommerce,.woocommerce-page) .woocommerce-warning .button:hover, body .wc-block-components-notice-banner.is-warning .button:hover { background: #ffb900 !important; color: #ffffff !important; } :is(.woocommerce,.woocommerce-page) .woocommerce-error .button:hover, body .wc-block-components-notice-banner.is-error .button:hover { background: #DE1010 !important; color: #ffffff !important; } :is(.woocommerce,.woocommerce-page) .woocommerce-info .button:hover, body .wc-block-components-notice-banner.is-info .button:hover { background: #3660a0 !important; color: #ffffff !important; } .alert.alert-success, div.wpcf7-mail-sent-ok {background: transparent !important;} .search-no-results-wrapper, .cart-empty.woocommerce-info, .return-to-shop, .index-template #primary > .alert { text-align: center; justify-content: center; font-size: 1.3em; } .index-template #primary > .alert {margin-bottom: 20px;} .search-no-results-wrapper > p { max-width: 540px; font-size: 1em; line-height: 1.6; margin: 0 auto; } .search-no-results-wrapper .search--form {max-width: 600px;margin: 50px auto 0;} body.search.search-no-results .ts-pagination {padding: 0 !important;border: 0;margin: 0;} .woocommerce.archive #primary > .woocommerce-info {display: none;} .woocommerce-checkout #payment ul.payment_methods .woocommerce-info {padding: 0;} .woocommerce.archive.search-no-results .woocommerce-no-products-found > .woocommerce-info {display: none;} body.woocommerce-wishlist .yith-wcwl-form .woocommerce-message, body.woocommerce-wishlist .yith-wcwl-form > * {transition: 300ms ease;} /**/ .search-no-results-wrapper:before, .index-template #primary > .alert { margin-top: 50px; } body.search.search-no-results .alert p { line-height: 1.5; } body.search.search-no-results .search-wrapper { max-width: 600px; margin: 0 auto var(--ts-section-gap); } body.search.search-no-results .search-content input[type="text"] { padding-top: 12px; padding-bottom: 12px; color: var(--ts-input-color); background-color: var(--ts-input-background-color); border-color: var(--ts-input-border); } .woocommerce > .return-to-shop { margin-bottom: 0; } body .wc-empty-cart-message .wc-block-components-notice-banner.is-info, body .cart-empty.woocommerce-info { color: inherit; background: transparent !important; padding-bottom: 0; padding-top: 30px; margin-bottom: 0; flex-direction: column; align-items: center; gap: 30px; } body .wc-empty-cart-message .wc-block-components-notice-banner.is-info:before, body .cart-empty.woocommerce-info:before { content: '\e925'; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; display: block !important; line-height: 1; font-size: 100px; color: rgba(0,0,0,.15); position: static; } body .wc-empty-cart-message .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content { justify-content: center; font-size: 1.06rem; } .woocommerce-error li, .woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce .woocommerce-message li { padding: 0; line-height: 26px; } #yith-wcwl-popup-message { margin: 0 !important; transform: translate(-50%,0); border-width: 0; line-height: 40px; padding: 10px 20px; min-width: 120px; position: fixed; text-align: center; font-weight: 500; top: 50%; left: 50%; z-index: 99990; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: var(--ts-border-radius); } body:not(.single-product) #yith-wcwl-popup-message { display: none !important; } /*------------------------------------------------------------------------------------------------------------------- XIII. WISHLIST ---------------------------------------------------------------------------------------------------------------------*/ body.woocommerce .wishlist-title { margin-bottom: 50px; display: inline-flex; align-items: center; gap: 10px; } body.woocommerce .wishlist-title h2 { padding: 0; } .hidden-title-form a{ font-size: inherit; } body.woocommerce-wishlist .yith-wcwl-form .woocommerce-message { margin-bottom: 46px; } .yes-js #yith-wcwl-form .hidden-title-form { margin: 0 0 30px 0; width: 100%; } .wishlist-title.wishlist-title-with-form .button { padding: 0; background: transparent !important; color: inherit !important; min-width: 0; font-size: 0; border: none; display: none; line-height: 1; } .hidden-title-form .edit-title-buttons { right: 0; /* rtl */ } .wishlist-title.wishlist-title-with-form .button i { font-size: 18px; } .wishlist-title:hover a.show-title-form { display: inline-block; } .hidden-title-form button i, .wishlist-title a.show-title-form i { margin-right: 0; /* rtl */ } .wishlist-title.wishlist-title-with-form h2:hover { background: transparent; } .hidden-title-form input[type="text"] { margin: 0; padding-right: 80px; /* rtl */ line-height: 24px; } .hidden-title-form a { font-size: 14px; color: inherit; margin-right: 20px; } body table.shop_table.wishlist_table { opacity: 1 !important; } .wishlist_table tr td.product-thumbnail a { max-width: 106px; } .woocommerce div.wishlist_table .product-add-to-cart a { display: inline-block !important; } .woocommerce table.wishlist_table thead th { border-top: 0; } .wishlist-in-stock:before, .wishlist-out-of-stock:before { display: inline-block; margin-right: 5px; /* rtl */ font-size: 0.8em; } .woocommerce td.product-name dl.variation { margin-top: 10px; color: var(--ts-gray-color); } .woocommerce td.product-name dl.variation .wc-item-meta-label, .woocommerce td.product-name dl.variation dt { color: inherit; margin-right: 5px; /* rtl */ } .woocommerce table.shop_table.wishlist_table .product-price { gap: 0 7px; } .wishlist_table tfoot td { border: 0; } .yith_wcwl_wishlist_footer .yith-wcwl-share { float: none; } .yith-wcwl-share { margin-top: 30px; } .yith-wcwl-share ul { list-style: none; } .yith-wcwl-share ul li { display: inline-block; padding: 0; margin: 0; } .yith-wcwl-share h4.yith-wcwl-share-title { margin: 0 10px 0 0; /* rtl */ text-transform: capitalize; font-size: 1em; } .yith_wcwl_wishlist_footer .yith-wcwl-share { margin: -1px 0 0; display: flex; align-items: center; padding-top: 20px; border-top: 1px solid var(--ts-border); } .yith-wcwl-share ul { display: flex; flex-wrap: wrap; gap: 0 6px; } .yith-wcwl-share li a { background: transparent !important; color: var(--ts-heading-color); font-size: 16px; padding: 0 6px; min-width: auto; min-height: auto; } .yith-wcwl-share li a:hover { color: var(--ts-primary-color); } .yith-wcwl-share li a .yith-wcwl-share ul li a i { line-height: 26px; } p.wishlist-empty{ padding: 0 10px; } p.wishlist-empty, table.wishlist_table tbody td.wishlist-empty { margin: 0; text-align: start; } .wishlist-in-stock, .wishlist_table .product-stock-status span.wishlist-in-stock { color: #297e29; font-size: 1rem; } .wishlist-out-of-stock, .wishlist_table .product-stock-status span.wishlist-out-of-stock { color: red; } .wishlist_table .product-add-to-cart span.dateadded { font-size: 0.9em; text-align: center; margin-bottom: 10px; } /*** Wishlist ***/ .wishlist_table.mobile { display: flex; flex-flow: row wrap; position: relative; opacity: 1 !important; gap: 20px; margin-bottom: 30px; } .wishlist_table.mobile li { width: calc(50% - 10px); border-width: 1px; border-style: solid; border-radius: var(--ts-border-radius); list-style: none; position: relative; padding: 30px; margin: 0; display: flex; flex-flow: column wrap; align-items: center; } .wishlist_table.mobile li .item-wrapper { width: 100%; display: flex; flex-flow: row wrap; align-items: center; gap: 0 20px; margin: 0; } .wishlist_table.mobile li .additional-info-wrapper {width: 100%;} .wishlist_table.mobile li .item-wrapper .product-thumbnail { max-width: none; width: 120px; margin: 0; } .wishlist_table.mobile li .item-details {flex: 1;} ul.wishlist_table.mobile .product-remove a i {display: none;} .wishlist_table.images_grid li .item-details h3, .wishlist_table.mobile li .item-details h3, .wishlist_table.modern_grid li .item-details h3 { margin-bottom: 0; font-size: var(--ts-product-font-size); line-height: 1.5; font-weight: inherit; } .wishlist_table.mobile li .additional-info-wrapper .product-remove { text-align: center; position: absolute; top: 10px; right: 10px; /* rtl */ width: 30px; height: 30px; } .wishlist_table.images_grid li .item-details table.item-details-table, .wishlist_table.mobile li .item-details table.item-details-table, .wishlist_table.mobile li table.additional-info, .wishlist_table.modern_grid li .item-details table.item-details-table { margin: 5px 0 0; border: 0; width: 100%; outline: 0; padding: 0; } .wishlist_table.images_grid li .item-details table.item-details-table tr, .wishlist_table.mobile li .item-details table.item-details-table tr, .wishlist_table.mobile li table.additional-info tr, .wishlist_table.modern_grid li .item-details table.item-details-table tr { display: flex; align-items: center; gap: 10px; } .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, .wishlist_table.modern_grid li .item-details table.item-details-table td.label { font-weight: 500; width: auto; } .wishlist_table.images_grid li .item-details table.item-details-table td, .wishlist_table.mobile li .item-details table.item-details-table td, .wishlist_table.mobile li table.additional-info td, .wishlist_table.modern_grid li .item-details table.item-details-table td { font-size: 1em; padding: 0; } .wishlist_table.images_grid li .item-details table.item-details-table td.value, .wishlist_table.mobile li .item-details table.item-details-table td.value, .wishlist_table.mobile li table.additional-info td.value, .wishlist_table.modern_grid li .item-details table.item-details-table td.value { display: flex; align-items: center; gap: 5px; font-weight: 500; font-size: calc(var(--ts-product-font-size) + 2px); } .wishlist_table.images_grid li .item-details table.item-details-table td.value del, .wishlist_table.mobile li .item-details table.item-details-table td.value del, .wishlist_table.mobile li table.additional-info td.value del, .wishlist_table.modern_grid li .item-details table.item-details-table td.value del { order: 1; font-weight: 400; line-height: 1; font-size: calc(var(--ts-product-font-size) - 1px); color: var(--ts-gray-color); } .wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart { margin: 10px 0 0; } .wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart a { width: 100%; } /*------------------------------------------------------------------------------------------------------------------- XII. MY ACCOUNT ---------------------------------------------------------------------------------------------------------------------*/ .woocommerce form.login, .woocommerce form.register { border-width: 0; padding: 0; margin: 0; } .woocommerce-account form.login { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 20px; } .woocommerce-account form.register > *, .woocommerce-account form.login .form-row-wide { width: 100%; } .woocommerce-account form.login .form-row:not(.form-row-wide) { flex: 1; } .woocommerce-account form.login p {margin: 0;} /*** Login/Register ***/ .woocommerce form.track_order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password { margin-left: auto; margin-right: auto; } :is(.woocommerce,.woocommerce-page) #customer_login:before, :is(.woocommerce,.woocommerce-page) #customer_login:after, .woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before{ display: none; } .woocommerce-account .woocommerce {--ts-form-gap: 160px;} .woocommerce #customer_login { display: flex; gap: 0 var(--ts-form-gap); justify-content: center; } :is(.woocommerce,.woocommerce-page) #customer_login > * { float: none; width: 50%; max-width: 450px; position: relative; } :is(.woocommerce,.woocommerce-page) #customer_login > .col-1:before { content: ''; width: 1px; height: 100%; display: block; position: absolute; right: calc(var(--ts-form-gap) * -0.5); /* rtl */ top: 0; border-right: 1px solid var(--ts-border); } .main-content-fullwidth .woocommerce #customer_login, .layout-fullwidth .woocommerce #customer_login { max-width: 1270px; margin-left: auto; margin-right: auto; } .woocommerce form.track_order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password { max-width: 700px; } .woocommerce form.track_order > .clear + .form-row, .woocommerce form.woocommerce-ResetPassword.lost_reset_password > .clear + .form-row { text-align: center; } .woocommerce #customer_login p.lost_password:last-child, .woocommerce #customer_login p.form-row:last-child { margin-bottom: 0; } .woocommerce form .show-password-input, .woocommerce-page form .show-password-input { right: 20px; top: 12px; } .woocommerce-MyAccount-content p > a { color: inherit; text-decoration: none; } .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label { font-weight: inherit; padding: 0; } .woocommerce .woocommerce-form-login .lost_password a, .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { font-size: calc(var(--ts-body-font-size) - 1px); color: var(--ts-gray-color); } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {display: block; float: none; text-transform: capitalize;padding-bottom: 20px;} form.track_order input[type^="submit"], form.track_order button[type^="submit"], .woocommerce form.woocommerce-ResetPassword.lost_reset_password input[type^="submit"], .woocommerce form.woocommerce-ResetPassword.lost_reset_password button[type^="submit"] { min-width: 166px; } form.track_order input[type^="submit"], form.track_order button[type^="submit"] { margin-top: 10px; } .woocommerce form.track_order .form-row-first, .woocommerce form.track_order .form-row-last { width: 100%; margin-left: 0; margin-right: 0; } .woocommerce form.track_order div.clear + .form-row, .woocommerce form.woocommerce-ResetPassword.lost_reset_password div.clear + .form-row { margin-bottom: 0; } /*** Navigation ***/ .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { width: 100%; float: none; } .woocommerce #customer_login, .woocommerce form.track_order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password { margin-top: 20px; margin-bottom: 58px; } .woocommerce-account .woocommerce-MyAccount-navigation { margin-top: 50px; } .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: 10px 50px; border-width: 0 0 1px 0; border-style: solid; } .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 { line-height: 24px; 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;} header.woocommerce-Address-title { width: 100%; display: flex; flex-wrap: wrap; gap: 10px; } .woocommerce-account .addresses .title .edit { float: none; display: inline-block; text-decoration: underline; color: var(--ts-gray-color); font-size: 1em; } .woocommerce-account .addresses .title .edit:hover { color: var(--ts-primary-color); } .woocommerce .woocommerce-MyAccount-content table.shop_table tr th:first-child, .woocommerce .woocommerce-MyAccount-content table.shop_table tr td:first-child { padding-left: 0; /* rtl */ } .woocommerce .woocommerce-MyAccount-content table.shop_table tr th:last-child, .woocommerce .woocommerce-MyAccount-content table.shop_table tr td:last-child { padding-right: 0; /* rtl */ text-align: end; } .woocommerce .woocommerce-MyAccount-content table.shop_table tr th, .woocommerce .woocommerce-MyAccount-content table.shop_table tr td { background: transparent; } .woocommerce .woocommerce-MyAccount-content table.shop_table thead tr th { padding-top: 0; } .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination { margin-top: 30px; display: flex; flex-flow: row wrap; } .woocommerce table.my_account_orders .button, .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .button { background: transparent; color: inherit; text-decoration: none; padding: 7px 20px; min-width: 90px; border: 1px solid var(--ts-border); border-radius: var(--ts-border-radius); 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-MyAccount-content .woocommerce-Addresses { display: inline-block; width: 100%; } .woocommerce-Address address{ margin-bottom: 0; line-height: 1.7; font-size: 1em; } .woocommerce-MyAccount-content form button[type^="submit"] { margin-top: 20px; } .woocommerce .woocommerce-Address a.button { padding: 5px 10px; } .woocommerce-MyAccount-content html input#account_email { max-width: 100%; } .woocommerce-MyAccount-content > form { display: inline-block; width: 100%; } form.edit-account .woocommerce-form-row em {font-size: 0.87em;} .woocommerce > .woocommerce-order .woocommerce-customer-details, .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details { margin-bottom: 0; } .woocommerce div.address a.button { margin-top: 20px; min-width: 120px; } .woocommerce .edit-box-textfull .button { margin-top: 10px } .woocommerce .edit-box-textfull p.form-row { width: 100%; float: none; padding: 0; margin: 3px 0 0; } p.form-row select, p.form-row input[type="text"], p.form-row input[type="password"], p.form-row input[type="date"], p.form-row input[type="email"], p.form-row input[type="number"], p.form-row input[type="search"], p.form-row input[type="tel"], p.form-row textarea, .edit-box-textfull p.form-row input[type="text"], .edit-box-textfull p.form-row input[type="password"], .edit-box-textfull p.form-row input[type="date"], .edit-box-textfull p.form-row input[type="email"], .edit-box-textfull p.form-row input[type="search"], .edit-box-textfull p.form-row input[type="number"], .edit-box-textfull p.form-row input[type="tel"], .edit-box-textfull p.form-row textarea { max-width: 100%; } .woocommerce-orders-table__cell-order-number a { color: inherit; } .woocommerce > form > fieldset { border: 0; margin: 40px 0 0 0; } .woocommerce > form > fieldset legend { text-transform: uppercase; margin: 0 0 20px 0; } .track_order .form-row input[type="submit"] { min-width: 120px; } .woocommerce-MyAccount-content > form > h3, .woocommerce-account .addresses .title h3, .woocommerce-account .addresses h2, .woocommerce-customer-details .addresses h2 { font-size: 1em; letter-spacing: inherit; line-height: inherit; float: left;/* rtl */ margin-bottom: 15px; text-transform: uppercase; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { position: relative; display: block; padding: 0; margin: 0; } .woocommerce .woocommerce-customer-details address { border-width: 0; border-radius: 0; clear: both; padding: 0; line-height: 2; } .woocommerce .woocommerce-customer-details { margin-bottom: var(--ts-section-gap); } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before { position: static; margin: 0 10px 0 0; /* rtl */ padding: 0; display: inline-block; vertical-align: middle; } .woocommerce table.customer_details tbody tr th, .woocommerce table.customer_details tbody tr td { border-width: 1px 0 0 0; border-style: solid; padding-right: 0;/* rtl */ padding-left: 20px;/* rtl */ text-align: center !important; } .woocommerce table.customer_details tbody tr td, .woocommerce table.customer_details tbody tr td:last-child { padding-right: 20px;/* rtl */ padding-left: 20px; } .woocommerce table.customer_details tbody tr:first-child th, .woocommerce table.customer_details tbody tr:first-child td { border-width: 0; } .woocommerce-MyAccount-content .woocommerce-order-details > h2 { margin-bottom: 23px; } .woocommerce .woocommerce-order-details table.shop_table td.product-name { max-width: initial; } .woocommerce .woocommerce-order-details table.shop_table tbody th, .woocommerce .woocommerce-order-details table.shop_table tfoot td, .woocommerce .woocommerce-order-details table.shop_table tfoot th { border-top: 0; } .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads { margin-bottom: 50px; } .woocommerce form.woocommerce-ResetPassword.lost_reset_password .form-row-first, .woocommerce form.woocommerce-ResetPassword.lost_reset_password .form-row-last { width: 100%; float: none; margin-right: 0; /* rtl */ } .woocommerce ul.order_details { display: flex; flex-flow: row wrap; align-items: center; border: 1px dashed var(--ts-border); margin: 0 0 40px; } .woocommerce ul.order_details li { float: none; margin: 0; padding: 10px; font-size: 0.86em; flex: 1; letter-spacing: 0; text-align: center; text-transform: none; border-right: 1px dashed var(--ts-border); /* rtl */ } .woocommerce ul.order_details li strong { display: block; font-size: 1em; margin-top: 5px; } .woocommerce .woocommerce-order-details table.shop_table .amount.woocommerce-Price-amount {color: inherit;} .woocommerce td.product-name .wc-item-meta li {list-style: none;} .woocommerce-order-details .woocommerce-order-details__title {margin-bottom: 35px;} /*-------------------------------------------------------------------------------------------------------------------- XIV. 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; border-radius: var(--ts-border-radius); 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 ***/ .list-posts { display: grid; grid-template-columns: repeat(1,1fr); gap: 50px var(--ts-h-gap); } .list-posts article, .ts-blogs .items article { width: 100%; position: relative; overflow: hidden; } .blog-template:not(.columns-2):not(.columns-3) .list-posts article:not(:first-child):not(.format-quote) { padding-top: 50px; border-top: 1px solid var(--ts-border); } .blog-template:not(.columns-2):not(.columns-3) .list-posts .wp-block-latest-comments article:not(:first-child):not(.format-quote), .blog-template:not(.columns-2):not(.columns-3) .list-posts article.format-quote + article { padding-top: 0 !important; border-top-width: 0 !important; } .ts-blogs.related-posts .items article:first-child:last-child { max-width: 50%; } .ts-blogs.ts-slider .items article { margin-bottom: 0; } .ts-blogs .blogs article .article-content, .ts-blogs .blogs article .thumbnail-content { position: relative; } .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; border-radius: var(--ts-border-radius); object-fit: cover; transition: 300ms ease; } .ts-blogs-widget-wrapper a.vcard.author img { width: 40px; height: 40px; border-width: 6px; } .entry-meta-top .cats-link a { letter-spacing: 0.7px; color: var(--ts-text-color); } .button.button-readmore { display: inline-flex; align-items: center; gap: 5px; margin: 7px 1px 0; text-transform: uppercase; color: var(--ts-btn-bg); background-color: var(--ts-btn-color); border-color: var(--ts-btn-bg); } .button.button-readmore:hover { color: var(--ts-btn-color); background-color: var(--ts-btn-bg); border-color: var(--ts-btn-border); } .ts-blogs-wrapper:not(.columns-1) .button.button-readmore { padding: 5px 20px; } .entry-meta-top a:hover {color: var(--ts-primary-color); text-decoration: none;} .ts-blogs article .entry-content, .list-posts article .entry-content { display: flex; flex-flow: column wrap; gap: 20px; } .ts-blogs article .entry-content > *, .list-posts article .entry-content > *{ max-width: 100%; } .list-posts article .entry-content.no-featured-image{ margin-top: 0; } .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:not(.yith-wcwl-form) { margin-bottom: 0; } .list-posts article:not(.quote) .entry-format, .ts-blogs article:not(.quote) .thumbnail-content, .list-posts article .entry-format figure, .ts-blogs article .thumbnail-content figure { position: relative; } .post_list_widget li .thumbnail, .list-posts article .entry-format figure, .ts-blogs article .thumbnail-content figure { max-width: 100%; overflow: hidden; border-radius: var(--ts-border-radius); } .post_list_widget li .thumbnail img, .list-posts article .entry-format figure img, .ts-blogs article .thumbnail-content figure img { border-radius: var(--ts-border-radius); } .post_list_widget li .thumbnail img, .list-posts article.has-post-thumbnail .thumbnail img, .ts-blogs article.has-post-thumbnail .thumbnail img { width: 100%; 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) rotate(1deg); } .list-posts article .thumbnail.gallery .swiper-wrapper img, .ts-blogs article .thumbnail.gallery .swiper-wrapper img {-o-object-fit: cover;object-fit: cover;} .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); } .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; } .ts-blogs .items article:is(.format-video, .video, .has-post-thumbnail) .entry-content, .list-posts article:is(.format-video, .video, .has-post-thumbnail) .entry-content { margin-top: 26px; } .ts-blogs:is(.columns-2,.columns-3) .items article:is(.format-video, .video, .has-post-thumbnail) .entry-content, :is(.columns-2,.columns-3).list-posts article:is(.format-video, .video, .has-post-thumbnail) .entry-content { margin-top: 20px; } .columns-2 .list-posts { grid-template-columns: repeat(2,1fr); } .columns-3 .list-posts { grid-template-columns: repeat(3,1fr); } .columns-1.ts-blogs article header .entry-title { font-size: var(--ts-h3-font-size); line-height: var(--ts-h3-line-height); } .columns-2 .list-posts article header .entry-title { font-size: var(--ts-h4-font-size); line-height: var(--ts-h4-line-height); } .columns-3 .list-posts article header .entry-title, .columns-3.ts-blogs article header .entry-title { font-size: calc(var(--ts-h4-font-size) - 2px); line-height: 1.3; } .ts-blogs.related-posts article header .entry-title, .columns-4 .list-posts article header .entry-title, .columns-4.ts-blogs article header .entry-title { font-size: var(--ts-h5-font-size); line-height: var(--ts-h5-line-height); } .columns-3 .list-posts article header .entry-title, .columns-3.ts-blogs article header .entry-title, .ts-blogs.related-posts article header .entry-title, .columns-4 .list-posts article header .entry-title, .columns-4.ts-blogs article header .entry-title { font-weight: 500; } .columns-4.ts-blogs .content-wrapper { --ts-h-gap: 20px; } .columns-2.ts-blogs article .entry-content, .columns-2 .list-posts article .entry-content, .columns-3.ts-blogs article .entry-content, .columns-3 .list-posts article .entry-content {gap: 10px;} .columns-4.ts-blogs article .entry-content, .columns-4 .list-posts article .entry-content {gap: 5px;} .columns-4.ts-blogs .items article:is(.format-video, .video, .has-post-thumbnail) .entry-content, .columns-4 .list-posts article:is(.format-video, .video, .has-post-thumbnail) .entry-content { margin-top: 20px; } /*** Blog Masonry ***/ .ts-blogs-wrapper.ts-masonry:not(.ts-slider) .blogs { display: block; margin-left: -15px; margin-right: -15px; } .ts-blogs-wrapper.ts-masonry:not(.ts-slider) .blogs .item { padding-left: 15px; padding-right: 15px; margin-bottom: 50px; } .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: 50px; background: #ebeef0; border-radius: var(--ts-border-radius); margin-bottom: 6px; } .list-posts article .short-content blockquote { margin-bottom: 20px; } .wp-block-embed.alignfull figcaption { text-align: center; } .wp-block-latest-comments li article { padding-bottom: 0 !important; margin-bottom: 0 !important; border-width: 0 !important; } .wp-block-search{ max-width: 600px; } .list-posts article .short-content > .wp-caption:first-child > a:first-child > img:first-child { margin-top: 10px; } .post-password-form label { display: inline-block; vertical-align: bottom; margin: 0; padding: 0; } .post-password-form label input { margin-top: 10px; margin-bottom: 0; min-width: 300px; } .short-content form p:last-child { margin-bottom: 5px; } .entry-content > .content-wrapper > blockquote:first-child, .entry-content > .content-wrapper > .wp-block-group.has-background:first-child { margin-top: 5px; } body.page article.page + .comments-area { margin-top: 60px; margin-bottom: 60px; } /*-------------------------------------------------------------------------------------------------------------------- 1. BLOG DETAIL ---------------------------------------------------------------------------------------------------------------------*/ .woocommerce .cross-sells > h2, .woocommerce .up-sells > h2, .woocommerce .related > h2, .woocommerce.related > h2, .yith-wfbt-section > h3, .theme-title .heading-title, .comments-title .heading-title, .woocommerce-billing-fields > h3, .woocommerce-MyAccount-content > h2, .woocommerce-customer-details > h2, .woocommerce-additional-fields > h3, header.woocommerce-Address-title > h3, .woocommerce > form.checkout #order_review_heading { margin-bottom: var(--ts-heading-gap); } .ts-alignleft .subscribe-widget form {margin-left: 0; margin-right: auto;} .ts-alignright .subscribe-widget form {margin-left: auto; margin-right: 0;} .ts-aligncenter .subscribe-widget form {margin-left: auto; margin-right: auto;} .ts-shortcode .shortcode-heading-wrapper .sub-title { text-transform: uppercase; font-size: 1.06rem; line-height: 1; margin-bottom: 0; } .ts-shortcode .shortcode-heading-wrapper .shortcode-title + .sub-title { margin-top: 10px; } :where(article.single.single-post, .post-content-wrapper) { display: flex; flex-wrap: wrap; gap: var(--ts-section-gap) 0; } article.single.single-post.no-featured-image { margin-top: calc(var(--ts-section-gap) - 20px); } .post-content-wrapper {gap: 15px 0;} :where(article.single.single-post, .post-content-wrapper) > * { width: 100%; } article.single.single-post > .entry-meta-top{ font-size: 1em; margin-top: 3px; } /*** 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-content > .content-wrapper > blockquote:last-child, .entry-content > .content-wrapper > .wp-block-cover:last-child { margin-bottom: 5px !important; } :is(.entry-format, .thumbnail-content) .ts-video, :is(.entry-format, .thumbnail-content) .ts-audio { overflow: hidden; border-radius: var(--ts-border-radius); } article.single-post .post-content-wrapper > .comments-area p.nocomments { margin-top: 40px; } .entry-format .thumbnail { border-radius: var(--ts-border-radius); overflow: hidden; } .post-content-wrapper > .entry-format .thumbnail.gallery, .post-content-wrapper > .entry-format .thumbnail > .ts-video, .post-content-wrapper > .entry-format .thumbnail > img {margin-bottom: 10px;border-radius: var(--ts-border-radius);} article.single-post .post-content-wrapper > header > .entry-title { font-size: var(--ts-h1-font-size); line-height: 1.2; margin-bottom: 23px; } /*** 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: 5px 10px; font-size: 13px !important; line-height: 18px !important; font-weight: 600; border-width: 1px; border-style: solid; border-radius: var(--ts-border-radius); color: var(--ts-gray-color); text-decoration: none !important; } .tagcloud .tag-link-count { font-weight: normal; font-size: 1em; } .wp-block-tag-cloud a:before, .tagcloud a:before { display: inline-block; content: "#"; } .tags-link a:hover, .wp-block-tag-cloud a:hover, .tagcloud a:hover { color: var(--ts-text-color); border-color: var(--ts-text-color); } .brands-link a:hover { text-decoration: none; } blockquote cite, .entry-meta-top{ display: flex; flex-flow: row wrap; align-items: center; color: var(--ts-gray-color); font-size: calc(var(--ts-body-font-size) - 1px); line-height: 18px; } .post-content-wrapper blockquote cite, .post-content-wrapper .entry-meta-top{ font-size: var(--ts-body-font-size); } .entry-meta-top .cats-link{ text-transform: uppercase; } .elementor-text-editor > ul:last-child > li:last-child { padding-bottom: 0 !important; } /*** Meta Bottom ***/ .single :is(.meta-bottom-1, .meta-bottom-2) { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; gap: 0; } .single .meta-bottom-1 { padding-top: 30px; border-width: 1px 0 0; border-style: solid; } .single .meta-bottom-2 { padding: 12px 0; border-width: 1px 0 1px 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-2 > *:not(:first-child):not(:empty) { border-width: 0 0 0 1px;/* rtl */ border-style: solid; } .single .meta-bottom-2 > .single-navigation.prev:empty + .single-navigation.next {border: 0;} .single .meta-bottom-2 > *:first-child {padding-right: 10px;/* rtl */} .single .meta-bottom-2 > *:last-child {padding-left: 10px;/* rtl */} 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;} .meta-bottom-1 .tags-link {color: var(--ts-gray-color); font-size: 1em; gap: 6px;} .meta-bottom-1 .tags-link a { text-align: inherit; padding: 0; font-size: 1rem !important; line-height: 22px !important; font-weight: inherit; border: 0; border-radius: 0; color: var(--ts-text-color); } .meta-bottom-1 .tags-link a:hover { color: var(--ts-primary-color); } 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: 3px 10px; 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.prev > a { padding-left: 40px; /* rtl */ } .single-post .single-navigation.next > a { padding-right: 40px; /* rtl */ justify-content: flex-end; } .single-navigation > a > span {width: 100%;} .single-navigation > a > span:first-child {font-size: 1em;} .single-navigation > a > span:last-child { overflow: hidden; font-weight: var(--ts-heading-font-weight); 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; flex-direction: column; gap: 20px 0; padding: 30px; background: #EBEEF0; border-radius: var(--ts-border-radius); line-height: 24px; } .entry-author .author-info { display: flex; flex-wrap: wrap; align-items: center; gap: 0 20px; color: var(--ts-gray-color); } .author-info img.avatar { width: 100px; height: 100px; object-fit: cover; border-radius: 50%; } .author-meta > span {display: block;} .entry-author .author { font-size: 1.14em; font-weight: var(--ts-heading-font-weight); color: var(--ts-text-color); margin-bottom: 1px; } .comment-meta .author a, .entry-author .author a {color: inherit; text-decoration: none;} .comment-meta .author a:hover, .entry-author .author:hover {color: var(--ts-primary-color);} /*** Comments ***/ .comments-area .heading-title > span { margin-right: 15px; /* rtl */ } .logged-in-as a { color: inherit; text-decoration: none; vertical-align: -3px; line-height: 1.1; } .logged-in-as a:hover { color: var(--ts-link-hover-color); } .comments-area .navigation { text-align: center; margin: 30px 0 0; padding: 30px 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .comments-area .commentlist + .navigation { border-width: 1px 0 0; border-style: solid; margin-bottom: 30px; } .comments-area .navigation a { color: inherit; text-decoration: underline; } .comments-area .navigation a:hover { text-decoration: none; } .comments-area .navigation > * { display: inline-block; vertical-align: top; margin: 0 5px; } .comments-area .navigation .nav-previous:not(:empty) + .nav-next:not(:empty) { padding-left: 18px; /* rtl */ position: relative; } .comments-area .navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before { content: '|'; display: inline-block; vertical-align: middle; position: absolute; left: 0; /* rtl */ } .woocommerce #reviews #comments h2, #comment-wrapper .heading-wrapper { margin-bottom: var(--ts-heading-gap); } #comment-wrapper #commentform > p:not(.form-submit) { margin-bottom: 20px; } #comment-wrapper .heading-title { margin-bottom: 0; } #comment-wrapper .heading-title + p { margin-top: calc(var(--ts-heading-gap) - 10px); margin-bottom: 0; } #comment-wrapper .heading-title { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } #comment-wrapper .heading-title small { font-size: 12px; letter-spacing: 0; display: inline-block; } .comments-area .commentlist { margin: 0; } .comments-area .commentlist + #comment-wrapper { margin-top: calc(var(--ts-section-gap) - 30px); } .comments-area:not(:last-child) .commentlist { margin-bottom: 70px; } .commentlist li.comment ol.children { margin: 0; padding: 0 0 0 20px; /* rtl */ border-width: 1px 0 0; border-style: solid; } .commentlist li.comment ol.children .comment-wrapper { --avatar-size: 60px; } .commentlist li.comment, .woocommerce #reviews #comments ol.commentlist li { padding: 0; margin: 0; border-bottom: 1px solid var(--ts-border); list-style: none; } .woocommerce #reviews #comments ol.commentlist ul.children { margin-top: 20px; margin-bottom: 20px; } .commentlist > li.pingback + li.comment { margin-top: calc(var(--ts-section-gap) - 25px); } .woocommerce #reviews #comments ol.commentlist li:last-child, .commentlist > li.comment:last-child { border-bottom-width: 0; } .woocommerce #reviews #comments ol.commentlist li:last-child .comment-text { padding-bottom: 0; } .commentlist > li.comment:last-child > #comment-wrapper { margin-top: 30px; margin-bottom: 0; } .commentlist ol.children li:first-child, .woocommerce #reviews #comments ol.commentlist li:first-child, .commentlist > li.comment:first-child { border-top-width: 0; } #comment-wrapper { padding: 50px; border-radius: var(--ts-border-radius); background: var(--ts-input-background-color); color: var(--ts-input-color); } #comment-wrapper :where(select, textarea, input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="date"], input[type="number"], input[type="tel"]) { background: var(--ts-main-bg); border-color: var(--ts-main-bg); color: var(--ts-text-color); } #comments .comment-meta { display: flex; flex-direction: column; gap: 4px; font-size: 1em; line-height: 18px; } #comments div.avatar{ display: flex; flex-wrap: wrap; align-items: center; gap: 15px; } #comments .comment-meta .date-time {color: var(--ts-gray-color);} #comments .comment-text { line-height: var(--ts-line-height); } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0; border: none; border-radius: 0; padding: 0; display: flex; flex-flow: row wrap; gap: 0 30px; position: relative; } .woocommerce #reviews #comments ol.commentlist li .comment-text .description {flex: 1;} .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { position: absolute; top: 4px; } /*** Plugin Photo Reviews ***/ #reviews #comments .wcpr-overall-rating-and-rating-count { display: flex !important; align-items: center; gap: 0 40px; } .wcpr-overall-rating-and-rating-count .wcpr-overall-rating-left { padding: 0; text-align: center; vertical-align: middle; background: transparent; color: inherit; border-radius: 0; font-size: 50px; margin: 0; font-weight: 600; line-height: 1; } .wcpr-overall-rating-and-rating-count .wcpr-stars-count .wcpr-row .wcpr-col-number { width: auto; min-width: 11px; text-align: center; display: inline-block; } .wcpr-stars-count .wcpr-row .wcpr-col-star .star-rating {display: none;} body .kt-reviews-image-container { width: auto; margin-bottom: 0; max-width: 100%; } .wcpr-overall-rating-and-rating-count .wcpr-overall-rating-main .wcpr-overall-rating-right .wcpr-overall-rating-right-total { font-size: 1em; color: var(--ts-gray-color); } .wcpr-overall-rating-and-rating-count .wcpr-overall-rating-main { flex-direction: column; gap: 12px; } .wcpr-overall-rating-and-rating-count .wcpr-overall-rating-right { padding-left: 0; text-align: center; } .wcpr-overall-rating-and-rating-count .wcpr-stars-count { padding: 0; max-width: 350px; } .wcpr-overall-rating-and-rating-count .wcpr-stars-count .wcpr-row { display: flex; height: 24px; align-items: center; } .wcpr-overall-rating-and-rating-count .wcpr-stars-count .wcpr-row > * { padding: 0; margin: 0; float: none; } .wcpr-overall-rating-and-rating-count .wcpr-stars-count .wcpr-row .wcpr-col-process { flex: 1; margin-left: 7px; /* rtl */ } .wcpr-overall-rating-and-rating-count .wcpr-stars-count .wcpr-row .wcpr-col-rank-count { width: auto; text-align: center; min-width: 22px; } .wcpr-overall-rating-and-rating-count .rate-percent-bg { height: 4px; background-color: #EBEEF0; } .rate-percent-bg .rate-percent { background: var(--ts-rating-color); } #reviews .wcpr-overall-rating-and-rating-count { padding-bottom: 40px; } #reviews #comments .wcpr-filter-container { display: flex !important; border: 0; margin: 0 0 40px; gap: 5px; justify-content: flex-start; } #reviews #comments .wcpr-filter-button { border: 0; padding: 5px 10px; border-radius: 3px; margin: 0; font-size: 0.86rem; width: auto; font-weight: 400; } #reviews .wcpr-filter-container ul.wcpr-filter-button-ul { margin: 6px 0 0 0; left: 0; /* rtl */ overflow: hidden; border-radius: 3px; } #reviews li.wcpr-filter-button-li {padding: 0 !important;width: 100%;} #reviews li.wcpr-filter-button-li a { margin: 0; border-radius: 0; } #reviews .wcpr-filter-button:before { margin: 0 !important; } #reviews #comments li.wcpr-filter-button-li .wcpr-filter-button { display: block; border-radius: 0; } .big-review-images { position: fixed; z-index: 99999; height: auto; left: 0; right: 0; bottom: 0; top: 0; margin: 0; padding: 50px; background: rgba(0,0,0,0.4) } .big-review-images .wcpr-prev, .big-review-images .wcpr-next { line-height: 50px; font-size: 36px; margin-top: -25px; padding: 0; top: 50%; width: 50px; text-align: center; color: #ffffff; } .big-review-images > .wcpr-close { background: transparent; color: #ffffff; font-size: 14px; right: 10px;/* rtl */ top: 10px; width: 60px; line-height: 50px; text-align: center; margin: 0; } .kt-reviews-image-container .wcpr-rotate { width: 60px; } .kt-reviews-image-container .wcpr-rotate { top: 20px; color: #ffffff; justify-content: center; gap: 10px; } .wcpr_rotate-rotate-left-circular-arrow-interface-symbol:before, .wcpr_rotate-rotating-arrow-to-the-right:before { content: '\e954'; font-family: 'icomoon'; font-weight: normal; font-style: normal; letter-spacing: 0; } .wcpr_rotate-rotate-left-circular-arrow-interface-symbol { transform: scaleX(-1); } /**/ .woocommerce #reviews ol.commentlist li .comment_container, .commentlist li.comment .comment-wrapper { display: flex; flex-flow: row wrap; align-items: flex-start; gap: 0 30px; padding: 30px 0; position: relative; --avatar-size: 80px; } .woocommerce #reviews ol.commentlist li .comment_container { padding: 40px 0; } .woocommerce #reviews ol.commentlist li .comment_container { --avatar-size: 60px; gap: 0 15px; } .woocommerce #reviews #comments ol.commentlist li .comment-text::after, .woocommerce #reviews #comments ol.commentlist li .comment-text::before {display: none;} .commentlist li.comment .comment-wrapper .comment-text img { margin: 10px 0; } .woocommerce #reviews ol.commentlist li:first-child .comment_container, .commentlist > li.comment:first-child > .comment-wrapper { padding-top: 0; } .woocommerce #reviews ol.commentlist li .comment-text, .commentlist li.comment .comment-detail { flex: 1; align-self: center; } .commentlist li.comment .comment-detail { gap: 4px 0; display: flex; flex-direction: column; } .comment-text ul, .comment-text ol { margin-bottom: 20px; } .woocommerce #reviews #comments ol.commentlist li img.avatar, .commentlist li.comment .comment-wrapper .avatar img { width: var(--avatar-size); height: var(--avatar-size); border-radius: var(--ts-border-radius); object-fit: contain; } .woocommerce #reviews #comments ol.commentlist li img.avatar { position: static; padding: 0; margin: 0; border: 0; } .woocommerce #reviews #comments .commentlist>li::before {display: none;} .commentlist li.comment .comment-awaiting-moderation { width: 100%; font-size: 1em; line-height: 1.4; color: var(--ts-gray-color); margin-bottom: 10px; display: block; } .commentlist li.comment .comment-actions a:hover, .commentlist li.comment .comment-meta a:hover { text-decoration: none; } .commentlist li p { margin-bottom: 15px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p, .commentlist li p:last-child, .woocommerce #reviews #comments ol.commentlist li .comment-text .description > *:last-child { margin-bottom: 0; } .comment-actions, .comment-meta-actions { display: flex; flex-flow: row wrap; align-items: center; } .comment-actions { gap: 20px; width: 100%; font-weight: 600; } .comment-meta-actions, .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 1em; line-height: 1.4; display: flex; flex-flow: column wrap; gap: 4px; padding-top: 5px; min-width: 85px; color: inherit; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { padding-top: 25px; } .woocommerce-review__author {font-weight: normal;} .commentlist li #comment-wrapper {margin-bottom: 27px;} .commentlist li #comment-wrapper p.logged-in-as {margin-bottom: 10px;} .commentlist li #comment-wrapper .heading-wrapper {margin-bottom: 27px;} .commentlist .children li:last-child {border-bottom-width: 0;} #cancel-comment-reply-link {font-weight: normal;} #commentform .info-wrapper, #commentform { display: flex; flex-flow: column wrap; gap: 20px; } #commentform .info-wrapper > * {flex: 1;} #commentform input:not([type="submit"]), #commentform textarea { margin: 0; background: #ffffff; border-color: #ffffff; } .wp-block-post-comments-form #commentform input:not([type="submit"]), .wp-block-post-comments-form #commentform textarea { border-color: var(--ts-border); } .wp-block-post-comments-form #commentform input:not([type="submit"]):focus, .wp-block-post-comments-form #commentform textarea:focus, #commentform input:not([type="submit"]):focus, #commentform textarea:focus { border-color: var(--ts-heading-color); } #comment-wrapper #commentform #comment, .woocommerce #reviews #comment { height: 150px; } #commentform .message-wrapper p, #commentform .info-wrapper > p {margin-bottom: 0;} #commentform .form-submit {margin-bottom: 0;} #commentform .form-submit .button {min-width: 140px;} #commentform .required {display: inline-block;vertical-align: middle; color: #dd2831;} #commentform label { font-size: 1em; line-height: 20px; padding-bottom: 5px; display: flex; gap: 5px; } #commentform .wcpr-comment-form-images label { padding-bottom: 0; } #comments + #review_form_wrapper { margin-top: 53px; } #review_form_wrapper #review_form{ padding: 50px; background: #EBEEF0; border-radius: var(--ts-border-radius); } #review_form_wrapper .comment-reply-title { display: block; margin-bottom: 30px; } .woocommerce #review_form #respond p.stars { margin: 0; } .woocommerce #review_form #respond p.comment-notes { margin-bottom: 0; font-size: 1em; } #review_form_wrapper .comment-form-rating, .woocommerce #review_form #respond .comment-form { display: flex; flex-flow: row wrap; } .woocommerce #review_form #respond .comment-form .wcpr-comment-form-images { display: flex; gap: 10px; align-items: center; } .comment-form .wcpr-input-file-container .wcpr-input-file-wrap { margin: 0; display: flex; align-items: center; gap: 10px; } .comment-form .wcpr-input-file-container .wcpr-input-file-wrap .wcpr-selected-image-container { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 10px; } .wcpr-input-file-container .wcpr-selected-image-info {display: none;} .wcpr-input-file-container .wcpr-comment-form-images .wcpr-selected-image { width: auto; max-width: 50px; margin-bottom: 0; border-radius: 5px; overflow: hidden; } .woocommerce #review_form #respond .comment-form input[type="submit"] { min-width: 140px !important; line-height: 24px; } .woocommerce #review_form #respond .comment-form input { min-width: 0 !important; margin-bottom: 0; text-transform: uppercase; } .woocommerce #review_form #respond .comment-form { justify-content: space-between; } .woocommerce #review_form #respond .comment-form > *:not(.comment-form-email):not(.comment-form-author) { width: 100%; } .woocommerce #review_form #respond .comment-form > .comment-form-email, .woocommerce #review_form #respond .comment-form > .comment-form-author{ width: calc(50% - 10px); } .woocommerce #review_form #respond .comment-form > .comment-form-comment {order: 1;} .woocommerce #review_form #respond .comment-form > .form-submit {order: 2;} .woocommerce #review_form #respond .comment-form .form-submit, .woocommerce #review_form #respond .comment-form > .comment-form-comment, .woocommerce #review_form #respond .comment-form > .comment-form-email, .woocommerce #review_form #respond .comment-form > .comment-form-author, .woocommerce #review_form #respond .comment-form > .comment-form-cookies-consent { margin-bottom: 0; } .woocommerce #review_form #respond .comment-form input[type="file"] { min-width: 0 !important; margin-bottom: 0; padding: 0; background: transparent; border-radius: 0; } .woocommerce #review_form #respond .comment-form .comment-form-rating { align-items: center; } .woocommerce #review_form #respond .comment-form .comment-form-rating > label { margin-right: 15px; /* rtl */ padding: 0; } .woocommerce #review_form #respond .comment-form > .comment-form-cookies-consent input[type="checkbox"] { width: 15px; height: 15px; margin-right: 10px; /* rtl */ } .woocommerce #review_form #respond .comment-form > .comment-form-cookies-consent > * { display: inline-block; vertical-align: middle; padding: 0; } /*** Single Related ***/ .comments-area, .single-related-wrapper {clear: both;} /*------------------------------------------------------------------------------------------------------------------- XV. PAGE TEMPLATE ---------------------------------------------------------------------------------------------------------------------*/ /*** Page 404 ***/ body.error404 #main > .page-container { padding-top: 80px; padding-bottom: 80px; align-items: center; } body.error404 .not-found, body.error404 .not-found .content-404 { display: flex; flex-direction: column; justify-content: center; text-align: center; gap: 30px; } body.error404 .not-found .content-404 { gap: 20px; } body.error404 .not-found h1, body.error404 .not-found p { margin-bottom: 0; } body.error404 .not-found p { max-width: 500px; margin: 0 auto; color: var(--ts-gray-color); } body.error404 .not-found a.button { display: inline-block; min-width: 190px; line-height: 24px; } /*------------------------------------------------------------------------------------------------------------------- XVI. RESPONSIVE ---------------------------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 768px){ .ts-search-form-widget .search-table .search-field input[type="text"], .ts-search-form-widget .woocommerce-product-search .search-field{ padding-top: 10px; padding-bottom: 10px; } .header-v3 .logo-wrapper {min-width: calc(var(--ts-logo-width) + 20px);} .ts-search-by-category .select-category { background: transparent; } /*** Blog Detail ***/ #commentform .info-wrapper {flex-direction: row;} /*** Shop Filter ***/ .filter-widget-area-button, #ts-filter-widget-area div.overlay, .no-sidebar .filter-widget-area-button + .overlay {display: none;} .no-sidebar #main-content:not(.show-filter-default) .filter-widget-area-button {display: inline-flex;} .ts-product-categories-widget-wrapper ul li a:hover, .woocommerce .widget_rating_filter ul li a:hover, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover, .product-filter-by-color ul li a:hover {text-decoration: none !important;} .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {min-width: 140px;} /*** Product Detail ***/ .woocommerce div.product form.cart .reset_variations { position: absolute; left: 0;/* rtl */ bottom: -20px; } /*** Shopping Cart ***/ .woocommerce table.shop_table.wishlist_table { border-bottom: 1px solid var(--ts-border); border-radius: 0; } .woocommerce table.shop_table.wishlist_table, .woocommerce table.shop_table.wishlist_table thead, .woocommerce table.shop_table.wishlist_table tr, .woocommerce table.shop_table.wishlist_table th, .woocommerce table.shop_table.wishlist_table td, .woocommerce table.shop_table.wishlist_table tbody, .woocommerce table.shop_table.wishlist_table tfoot .woocommerce table.shop_table.woocommerce-cart-form__contents, .woocommerce table.shop_table.woocommerce-cart-form__contents thead, .woocommerce table.shop_table.woocommerce-cart-form__contents tr, .woocommerce table.shop_table.woocommerce-cart-form__contents th, .woocommerce table.shop_table.woocommerce-cart-form__contents td, .woocommerce table.shop_table.woocommerce-cart-form__contents tbody, .woocommerce table.shop_table.woocommerce-cart-form__contents tfoot{ display: block; } .woocommerce table.shop_table.wishlist_table th, .woocommerce table.shop_table.wishlist_table td, .woocommerce table.shop_table.woocommerce-cart-form__contents th, .woocommerce table.shop_table.woocommerce-cart-form__contents td{ border-width: 0; margin: 0; } .woocommerce table.shop_table.wishlist_table th, .woocommerce table.shop_table.woocommerce-cart-form__contents th{ padding: 0 0 15px 0; } .woocommerce table.shop_table.wishlist_table td .woocommerce table.shop_table.woocommerce-cart-form__contents td{ padding: 20px 10px; } .woocommerce table.shop_table.wishlist_table tr, .woocommerce table.shop_table.woocommerce-cart-form__contents tr{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .woocommerce table.shop_table.wishlist_table tr > .product-remove, .woocommerce table.shop_table.woocommerce-cart-form__contents tr > .product-remove{ text-align: end; } .woocommerce table.shop_table.wishlist_table thead, .woocommerce table.shop_table.woocommerce-cart-form__contents thead{ border-width: 0 0 1px 0; border-style: solid; } .woocommerce table.shop_table.wishlist_table tbody tr, .woocommerce table.shop_table.woocommerce-cart-form__contents tbody tr{ border-width: 0 0 1px 0; border-style: solid; } .woocommerce table.shop_table.wishlist_table tbody tr:last-child, .woocommerce table.shop_table.woocommerce-cart-form__contents tbody tr:last-child{ border-width: 0; } .woocommerce table.shop_table.wishlist_table th.product-thumbnail, .woocommerce table.shop_table.woocommerce-cart-form__contents th.product-thumbnail{ display: none; } .woocommerce table.shop_table.wishlist_table .product-name, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-name{ flex: 1; } .woocommerce table.shop_table.wishlist_table .product-price{ display: flex; align-items: center; } .woocommerce table.shop_table.wishlist_table .product-price ins, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-price ins{ order: -1; } .woocommerce table.shop_table.wishlist_table .product-remove, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-remove{ width: 30px; min-width: 0 !important; order: 100; text-align: end !important; } .woocommerce table.shop_table.woocommerce-cart-form__contents th:not(.product-thumbnail), .woocommerce table.shop_table.woocommerce-cart-form__contents td:not(.product-thumbnail) { min-width: 100px; } .woocommerce table.shop_table.wishlist_table th:not(.product-thumbnail), .woocommerce table.shop_table.wishlist_table td:not(.product-thumbnail) { min-width: 140px; } .woocommerce table.shop_table.wishlist_table th.product-add-to-cart, .woocommerce table.shop_table.wishlist_table td.product-add-to-cart { min-width: 180px; } #add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail{ width: 100px; } .woocommerce div.product div.summary .yith-wfbt-section { margin-top: 15px; } .woocommerce div.product div.summary .yith-wfbt-section > h3 { font-size: var(--ts-h5-font-size); line-height: var(--ts-h5-line-height); margin-bottom: 15px; } .woocommerce div.product div.summary .yith-wfbt-form { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 20px; } .woocommerce div.product div.summary .yith-wfbt-section .yith-wfbt-images tr { flex-direction: column; } .woocommerce div.product div.summary .yith-wfbt-section p.price, .woocommerce div.product div.summary .yith-wfbt-section span.price { font-size: 1em; } .woocommerce div.product div.summary .yith-wfbt-section p.price del, .woocommerce div.product div.summary .yith-wfbt-section span.price del { font-size: 0.86em; } .woocommerce div.product div.summary .yith-wfbt-section .yith-wfbt-items { gap: 20px; grid-row: 1 / 2; } .woocommerce div.product div.summary .yith-wfbt-items .yith-wfbt-item { min-height: 50px; display: flex; align-items: center; } .woocommerce div.product div.summary .yith-wfbt-section .yith-wfbt-images td img { width: 48px; height: 48px; border-radius: var(--ts-border-radius); object-fit: cover; } .woocommerce div.product div.summary .yith-wfbt-submit-block { grid-column: 1 / 3; } /*** Menu sticky ***/ nav.vertical-menu > ul.menu > li.ts-normal-menu { position: relative; } nav.vertical-menu > ul.menu > li.ts-normal-menu .ts-menu-drop-icon { line-height: 1; } nav.vertical-menu > ul.menu > li.ts-normal-menu ul.sub-menu li { width: 100%; position: relative; z-index: 1; list-style: none; padding: 10px 30px; display: flex; flex-wrap: wrap; align-items: center; gap: 18px; } nav.vertical-menu > ul.menu > li.ts-normal-menu ul.sub-menu li > a { display: flex; align-items: center; flex-wrap: nowrap; gap: 0 10px; } nav.vertical-menu > ul.menu > li.ts-normal-menu ul.sub-menu { padding: 30px 0; top: -24px; min-height: 102px; } .menu-sticky li.ts-normal-menu ul.sub-menu .ts-menu-drop-icon{ display: block; } nav.vertical-menu > ul.menu > li.ts-normal-menu ul.sub-menu:after { top: 0; border-radius: 0; border: 0; box-shadow: 6px 0 10px rgba(0, 0, 0, .1); } .menu-sticky-wrapper .menu-sticky nav.vertical-menu > ul.menu > li.ts-normal-menu ul.sub-menu ul.sub-menu, .ts-header .menu-wrapper nav.vertical-menu > ul.menu li.ts-normal-menu ul.sub-menu ul.sub-menu { top: -30px; padding: 30px 0; } .ts-header .menu-wrapper nav.vertical-menu > ul.menu li.ts-normal-menu:first-child > ul.sub-menu { top: 1px; } .menu-sticky-wrapper .menu-sticky nav.vertical-menu > ul.menu > li.ts-normal-menu ul.sub-menu ul.sub-menu:after, .ts-header .menu-wrapper nav.vertical-menu > ul.menu li.ts-normal-menu ul.sub-menu ul.sub-menu:after { left: 0; } nav.vertical-menu .menu-sub-label { position: static; } nav.vertical-menu .menu-sub-label:before { display: none; } } @media only screen and (min-width: 992px){ /*** Product Summary Scrolling ***/ .woocommerce div.product.summary-scrolling .summary { position: -webkit-sticky; position: sticky; top: 0; transition: top 350ms ease 0s; } .woocommerce div.product.summary-scrolling div.images {margin-bottom: 50px;} .woocommerce div.product.summary-scrolling > *:not(:last-child) {margin-bottom: 40px;} .woocommerce div.product.summary-scrolling > .summary:not(:last-child) {margin-bottom: 0;} .woocommerce div.product.summary-scrolling > .summary ~ * { clear: none; float: left; /* rtl */ } .woocommerce div.product.summary-scrolling .yith-wfbt-form { display: flex; flex-direction: column; gap: 25px; } .woocommerce div.product.summary-scrolling #reviews .woocommerce-Reviews-title, .woocommerce div.product.summary-scrolling #review_form_wrapper .comment-reply-title, .woocommerce div.product.summary-scrolling .woocommerce-tabs ul.tabs, .woocommerce div.product.summary-scrolling .yith-wfbt-section > h3 { font-size: var(--ts-h4-font-size); line-height: var(--ts-h4-line-height); } .woocommerce div.product.summary-scrolling .yith-wfbt-section .yith-wfbt-images, .woocommerce div.product.summary-scrolling .yith-wfbt-submit-block {align-self: flex-start;} .woocommerce div.product.summary-scrolling .yith-wfbt-submit-block {order: 1;} .woocommerce div.product.summary-scrolling .yith-wfbt-section .yith-wfbt-images td:not(.image_plus) {max-width: 122px;} .woocommerce div.product.summary-scrolling .yith-wfbt-section .yith-wfbt-images .image_plus {padding: 0 15px;} div.product.summary-scrolling .wcpr-overall-rating-and-rating-count .wcpr-stars-count {max-width: 100%;} div.product.tabs-accordion.summary-scrolling .woocommerce-Tabs-panel > h2 ~ *, div.product.tabs-accordion.summary-scrolling .woocommerce-Tabs-panel #reviews > h2 ~ * {padding: 5px 0 30px;} div.product.tabs-accordion.summary-scrolling .woocommerce-Tabs-panel--reviews > h2 ~ *, div.product.tabs-accordion.summary-scrolling .woocommerce-Tabs-panel--reviews #reviews > h2 ~ * {padding: 0;} div.product.summary-scrolling #reviews .wcpr-overall-rating-and-rating-count {padding-bottom: 20px;} div.product.summary-scrolling #review_form_wrapper #review_form { padding: 30px; background: #EBEEF0; border-radius: var(--ts-border-radius); } #order_review table.shop_table, #order_review table.shop_table thead, #order_review table.shop_table td { display: block; } .woocommerce table.shop_table.wishlist_table tr, .woocommerce table.shop_table.woocommerce-cart-form__contents tr{ gap: 20px; } .woocommerce table.shop_table.wishlist_table th:not(.product-thumbnail), .woocommerce table.shop_table.wishlist_table td:not(.product-thumbnail) { min-width: 160px; } .woocommerce table.shop_table.wishlist_table th.product-add-to-cart, .woocommerce table.shop_table.wishlist_table td.product-add-to-cart { min-width: 180px; } /*** LightBox ***/ .elementor-lightbox .elementor-video-container .elementor-video-landscape { width: 80vw; max-height: 80vh; } .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe, .elementor-lightbox .elementor-video-container .elementor-video-landscape video { max-height: 80vh; } } @media only screen and (min-width: 1201px){ :root { --ts-h-gap: 20px; --ts-v-gap: 20px; --ts-section-gap: 80px; } .menu-sticky nav.vertical-menu > ul.menu > li { pointer-events: none; } .menu-sticky-wrapper:not(.disabled-pointer-event) .menu-sticky nav.vertical-menu > ul.menu > li { z-index: 1 !important; pointer-events: inherit !important; } nav.vertical-menu > ul.menu > li.ts-normal-menu ul.sub-menu li > a { gap: 0 15px; } .ts-search-form-widget .search-table .search-field input[type="text"], .ts-search-form-widget .woocommerce-product-search .search-field{ padding-top: 12px; padding-bottom: 12px; } .header-v2 .logo-wrapper {min-width: calc(var(--ts-vertical-menu-width) - 40px);} .header-v3 .logo-wrapper {min-width: calc(var(--ts-logo-width) + 50px);} .header-v1 .header-middle .header-center > .ts-search-by-category:first-child {margin-left: 50px;/* rtl */} .ts-store-notice {line-height: 30px;} .vertical-menu-fixed .vertical-menu-heading { border-width: 0 1px 0 0;/* rtl */ border-style: solid; padding-right: var(--ts-menu-gap);/* rtl */ } .vertical-menu-inside .vertical-menu-heading { min-width: var(--ts-vertical-menu-width); background: var(--ts-vertical-menu-heading-bg); color: var(--ts-vertical-menu-heading-color); border-width: 1px 1px 0; border-style: solid; border-color: var(--ts-vertical-menu-heading-border); box-shadow: 0 0 5px rgba(0,0,0,.1); border-top-left-radius: 5px; border-top-right-radius: 5px; padding-left: 20px; padding-right: 20px; border-width: 1px 1px 0; border-style: solid; border-color: var(--ts-hd-bottom-border); } .ts-search-form-widget .search-table .search-field input[type="text"], .ts-search-form-widget .woocommerce-product-search .search-field { padding-top: 14px; padding-bottom: 14px; } .ts-search-form-widget .search-table .search-button { width: 48px; } .woocommerce div.product .summary .ts-buy-now-button {min-width: 140px;} .woocommerce div.product.gallery-layout-vertical {--ts-thumbnail-size: 70px;} .woocommerce table.shop_table.wishlist_table tr, .woocommerce table.shop_table.woocommerce-cart-form__contents tr{ gap: 30px; } .woocommerce.list:not(.main-products) .products .product .meta-wrapper-2{ opacity: 0; visibility: hidden; padding: 0 0 20px 0; position: absolute; left: 0; right: 0; top: 100%; transition: 300ms ease; z-index: 2; } .woocommerce.list:not(.main-products).has-gap .products .product .meta-wrapper-2 { padding: 0; } .woocommerce.list:not(.main-products) .products .product .meta-wrapper-2 .product-group-button-meta { margin-top: -5px; } .woocommerce.list:not(.main-products) .products .product .product-wrapper:hover .meta-wrapper-2{ opacity: 1; visibility: visible; } body.error404 .not-found h1 { font-size: 40px; line-height: 50px; } .breadcrumb-title-wrapper.has-background .page-title { font-size: 3.6vw; } .img-has-border .product-category .product-wrapper:hover > a { border-color: var(--ts-primary-color); } .woocommerce.list:not(.main-products) .products { padding-bottom: 60px !important; margin-bottom: -60px !important; } .woocommerce.list:not(.main-products) .products:before { bottom: 59px; } .ts-slider.list:not(.main-products).woocommerce .products:before, .ts-slider.list:not(.main-products).woocommerce .products:after{ bottom: 60px; top: 0; } .woocommerce.list:not(.main-products) .product:not(.product-category) .product-wrapper:before, body.product-border-radius .woocommerce.list:not(.main-products) .product-group > .product:not(.product-category):nth-child(2) .product-wrapper:before { bottom: -49px; } body.product-border-radius .woocommerce.list:not(.main-products) .products:after { bottom: calc(59px + var(--ts-border-radius)); } body.product-border-radius .list .products.swiper .swiper-notification:before { bottom: calc(59px + var(--ts-border-radius)); top: var(--ts-border-radius); } body.product-border-radius .list:not(:is(.has-gap,.ts-slider)) .content-wrapper:after, body.product-border-radius .ts-slider.list:not(.has-gap) .swiper-notification:after { width: var(--ts-border-radius); height: var(--ts-border-radius); border-radius: calc(var(--ts-border-radius)/2) 0 0 0;/* rtl */ background: var(--ts-main-bg); position: absolute; right: calc(var(--ts-border-radius)*(-1) + 1px);/* rtl */ bottom: 59px; content: ""; z-index: 1; } .woocommerce-cart .woocommerce-shipping-calculator {width: 212px;} #comments .comment-meta {min-width: 160px;} /*** Shop Filters ***/ .show-filter-default .filter-widget-area-button {display: none;} .style-sidebar #ts-filter-widget-area .ts-sidebar-content { position: static; transform: none; box-shadow: none; padding: 0; } .style-sidebar #ts-filter-widget-area { left: 0; /* rtl */ right: auto; bottom: auto; top: calc(100% + 20px); width: var(--ts-sidebar-width); height: auto; overflow: visible; position: absolute; box-shadow: none; opacity: 0; visibility: hidden; transform: scale(0.8,1); transform-origin: left; z-index: 3; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); background: transparent; } .style-sidebar #ts-filter-widget-area .overlay, .style-sidebar #ts-filter-widget-area .close, .ts_desktop .style-sidebar.show-filter-default .filter-widget-area-button { display: none; } .ts-floating-sidebar .ts-sidebar-content { padding: 30px; } .ts-floating-sidebar .close { right: 23px; /* rtl */ } #main-content.style-sidebar.show-filter-sidebar:not(.show-filter-default) #ts-filter-widget-area, .ts_desktop .style-sidebar.show-filter-default #ts-filter-widget-area { opacity: 1; visibility: visible; transform: scale(1,1); } #ts-filter-widget-area .ts-sidebar-content .filter-widget-area { padding-left: 0; padding-right: 0; } .woocommerce.archive #main-content { position: relative; transition: min-height 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .woocommerce.archive #main-content #primary > .before-loop-wrapper ~ * { transition: padding-left 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .woocommerce.archive .style-sidebar.show-filter-sidebar #primary > .before-loop-wrapper ~ *, .woocommerce.archive.ts_desktop .style-sidebar.show-filter-default #primary > .before-loop-wrapper ~ * { padding-left: calc(var(--ts-sidebar-width) + var(--ts-sidebar-gap)); /* rtl */ } .vertical-menu-inside.display-vertical-menu .header-sticky:not(.is-sticky) .vertical-menu-wrapper .vertical-menu { display: block; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -webkit-animation-name: animation_fade; -moz-animation-name: animation_fade; animation-name: animation_fade; } .vertical-menu-inside.display-vertical-menu .header-sticky.is-sticky .vertical-menu-wrapper:hover .vertical-menu { display: block; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -webkit-animation-name: animation_fade; -moz-animation-name: animation_fade; animation-name: animation_fade; } .woocommerce.main-products.list .products > .product .product-name { font-size: calc(var(--ts-product-font-size) + 2px); } .woocommerce.main-products.list .products > .product .price { font-size: calc(var(--ts-product-font-size) + 5px); gap: 0 10px; } .woocommerce.main-products.list .products > .product .price del { font-size: var(--ts-product-font-size); } .woocommerce.main-products.list .products .product .meta-wrapper { line-height: 22px; } .woocommerce div.product form.cart table.group_table tr { grid-template-columns: 120px 1fr; } .ts-banner.btn-big .ts-banner-button a.button{padding: 10px 30px;} article.single.single-post.no-featured-image { margin-top: calc(var(--ts-section-gap) - 15px); } .post-content-wrapper .entry-content > .content-wrapper p:not(:last-child), .post-content-wrapper .entry-content > .content-wrapper blockquote:not(:last-child) { margin-bottom: 1.9em; } .post-content-wrapper .entry-content > .content-wrapper .wp-block-pullquote blockquote p:nth-last-child(2), .post-content-wrapper .entry-content > .content-wrapper .wp-block-quote p:nth-last-child(2) { margin-bottom: 0; } /*** Blog Masonry ***/ .ts-blogs-wrapper.ts-masonry:not(.ts-slider) .blogs { margin-left: -25px; margin-right: -25px; } .ts-blogs-wrapper.ts-masonry:not(.ts-slider) .blogs .item { padding-left: 25px; padding-right: 25px; } } @media only screen and (min-width: 1500px){ :is(.ts-header,.menu-sticky) nav > ul.menu li.ts-megamenu-fullwidth.ts-megamenu-fullwidth-stretch:not(.no-stretch-content) ul.sub-menu { padding-left: 100px; padding-right: 100px; } .header-v1 .header-fullwidth .header-middle > .container, .header-v1.layout-fullwidth .header-middle > .container {gap: 0 150px;} :is(.header-fullwidth, .layout-fullwidth) .header-middle .header-center {gap: 0 60px;} :is(.header-fullwidth, .layout-fullwidth) .header-language-currency:not(:last-child) {margin-right: 10px;/* rtl */} .woocommerce div.product.gallery-layout-vertical { --ts-thumbnail-size: 90px; } .ts-floating-sidebar .ts-sidebar-content { width: 460px; transform: translateX(460px); /* rtl */ } .ts-floating-sidebar.active .ts-sidebar-content { transform: translateX(0px); } #ts-shopping-cart-sidebar .dropdown-container .theme-title .count { font-size: 1rem; } #ts-shopping-cart-sidebar .woocommerce ul.cart_list li .thumbnail { max-width: 90px; } } @media only screen and (max-width: 1400px){ :root { --ts-vertical-menu-width: 290px; } .style--laptop-row .ts-product-filter-by-taxonomies .form-content form > * {flex: 1 0 calc(20% - 10px);} .style--laptop-row .ts-product-filter-by-taxonomies form:after {top: 50%;} } @media only screen and (max-width: 1200px){ :root { --ts-h-gap: 20px; --ts-heading-gap: 18px; --ts-h1-font-size: 34px; --ts-h1-line-height: 42px; --ts-h2-font-size: 28px; --ts-h2-line-height: 36px; --ts-h3-font-size: 22px; --ts-h3-line-height: 30px; --ts-h4-font-size: 18px; --ts-h4-line-height: 26px; --ts-btn-font-size: 13px; } .ts-blogs-wrapper { --ts-h-gap: 20px; } body .ts-blogs-wrapper .swiper-button-prev{left: 10px; /* rtl */} body .ts-blogs-wrapper .swiper-button-next{right: 10px; /* rtl */} body blockquote { font-size: 1.2rem; } blockquote:before { font-size: 2em; } h1, h2, h3, h4, h5, h6 { margin: 0 0 16px 0; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], a.button, button, .elementor-button, input[type^="submit"], .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit, .woocommerce #respond input#submit.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading, .shopping-cart p.buttons a, a.wp-block-button__link, .ts-banner .ts-banner-button .button, .yith-woocompare-widget a.clear-all, .yith-woocompare-widget a.compare, .elementor-widget-wp-widget-yith-woocompare-widget a.clear-all, .elementor-widget-wp-widget-yith-woocompare-widget a.compare, body table.compare-list .add-to-cart td a:not(.unstyled_button), .wishlist_table .product-add-to-cart a, .wishlist_table .product-add-to-cart a.button, .ts-header nav > ul.menu > li.button > a, .ts-header nav > ul > li.button > a, .ts-shortcode > .shop-more .shop-more-button, .footer-container a.button, .footer-container a.elementor-button { padding-top: 7px; padding-bottom: 7px; } .woocommerce table.shop_table .order-total .amount, .woocommerce div.product .ts-variation-price > .price, .woocommerce .products .product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, ul.product_list_widget li .ts-wg-meta .price, .woocommerce ul.product_list_widget li .ts-wg-meta .price, .woocommerce-grouped-product-list-item__price, .wishlist_table li .item-details table.item-details-table .amount.woocommerce-Price-amount, .woocommerce table.shop_table .amount.woocommerce-Price-amount, .woocommerce-grouped-product-list-item__price, .ts-floating-sidebar .woocommerce ul.product_list_widget li .price, .ts-search-result-container ul.product_list_widget li .price, .woocommerce.ts-search-result-container ul.product_list_widget li .price { font-size: calc(var(--ts-product-font-size) + 2px); } .price del, .products .meta-wrapper > .price del, .woocommerce div.product p.price del, .woocommerce div.product span.price del, .woocommerce-grouped-product-list-item__price del, .woocommerce div.product .summary p.price del, .woocommerce div.product .summary span.price del, ul.product_list_widget li .ts-wg-meta .price del, .woocommerce ul.product_list_widget li .ts-wg-meta .price del, .wishlist_table li .item-details table.item-details-table del .amount.woocommerce-Price-amount, .woocommerce table.shop_table del .amount.woocommerce-Price-amount, .add-to-cart-popup-content .price del, .ts-tiny-cart-wrapper ul.cart_list li .price, .woocommerce div.product .yith-wfbt-items .price { font-size: var(--ts-product-font-size); } .add-to-cart-popup-content .price { font-size: calc(var(--ts-product-font-size) + 3px); } .woocommerce div.product .yith-wfbt-items .price del { font-size: calc(var(--ts-product-font-size) - 3px); } .woocommerce .product-group-button-meta div.loop-add-to-cart .button { line-height: 18px; } .header-top, .ts-header .header-top .hotline > a > span {font-size: 0.9rem;} .wpml-ls-legacy-list-horizontal {max-width: 220px;} .yith-wfbt-section > h3 {margin-bottom: 20px;} .elementor-widget-text-editor :is(h1,h2,h3,h4,h5,h6) {margin-bottom: 10px;} .visible-md {display: block !important;} .hidden-md {display: none !important;} .pagination-wrap ul.pagination, .ts-pagination ul, .woocommerce nav.woocommerce-pagination ul, .dokan-pagination-container .dokan-pagination { gap: 6px; } .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 { width: 32px; height: 32px; line-height: 30px; font-size: 13px; } .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 { min-width: 0; } .header-middle > .container {gap: 0 100px;} .header-v3 .header-middle > .container {gap: 0 50px;} .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu .sub-menu { padding: 40px 30px 40px 60px; } body:not(.vertical-menu-fixed):not(.vertical-menu-inside) :is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li:first-child > ul.sub-menu:after { top: 4px; } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu > li .sub-menu:after { left: 30px; } .vertical-menu-inside .header-bottom .menu-wrapper { align-items: center; } :is(.ts-header,.menu-sticky) nav > ul.menu li ul.sub-menu { padding: 48px 30px 40px 30px; left: -30px; width: 280px; } .ts-megamenu-container .elementor-widget-image-box .elementor-image-box-title { padding-top: 15px; padding-bottom: 15px; } .ts-search-by-category .select-category, .ts-search-by-category .search-table .search-field input[type="text"] { padding-top: 10px; padding-bottom: 10px; } .ts-search-by-category .search-table .search-button { width: 38px; height: 38px; } .style-button-icon .subscribe-email button:after { width: 38px; line-height: 38px; } form .subscribe-email input[type="text"], form .subscribe-email input[type="tel"], form .subscribe-email input[type="number"], form .subscribe-email input[type="password"], form .subscribe-email input[type="email"] { padding-top: 7px; padding-bottom: 7px; } .woocommerce div.product.summary-scrolling > .summary ~ *, .woocommerce div.product div.images {width: 620px;} .woocommerce div.product div.summary {width: calc(100% - 650px);} .woocommerce div.product.gallery-layout-vertical.summary-scrolling > .summary ~ *, .woocommerce div.product.gallery-layout-vertical div.images {width: 620px;} .woocommerce div.product.gallery-layout-vertical div.summary {width: calc(100% - 650px);} .ts-search-form-widget .search-table .search-button {width: 40px;} .woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea { height: 180px; } .woocommerce.list.has-gap .products.swiper .product:not(.product-category) .product-name, .woocommerce.has-gap.list .products.swiper .meta-wrapper > .price { font-size: calc(var(--ts-product-font-size) + 4px); } .load-more-wrapper { padding-top: 30px; } .ts-masonry .load-more-wrapper { margin-top: 10px; } .custom-columns .ts-shortcode.ts-logo-slider-wrapper .content-wrapper, .ts-shortcode:not(.columns-1):not(.columns-2):not(.columns-3).list :is(.content-wrapper, .column-content) { --ts-columns: 3 !important; } .woocommerce.main-products.grid {--ts-columns: 5 !important;} .has-1-sidebar .woocommerce.main-products.grid {--ts-columns: 3 !important;} .has-2-sidebar .woocommerce.main-products.grid {--ts-columns: 2 !important;} .ts-shortcode.ts-product-category-wrapper .content-wrapper { --ts-columns: 6 !important; } .ts-blogs .content-wrapper{ --ts-columns: 3; } .columns-4.ts-blogs .content-wrapper { --ts-h-gap: 10px; } .woocommerce .product-group-button-meta>div a.button.loading, .woocommerce .product-group-button-meta div.loop-add-to-cart .button.loading { --loading-size: 11px; } .product-hover-style-v1 .list .product-group-button div.loop-add-to-cart a:before, .product-group-button-meta div.loop-add-to-cart a:before { min-width: 11px; } .woocommerce .product-label > span.onsale, .woocommerce .product-label > span { min-width: 0; font-size: 11px; line-height: 16px !important; } .ts-logo-slider-wrapper .item > a { min-height: 70px; } .ts-logo-slider-wrapper .item a img { max-height: 70px; } .search-no-results-wrapper, .cart-empty.woocommerce-info, .return-to-shop, .index-template #primary > .alert { font-size: 1.2em; } body .wc-empty-cart-message .wc-block-components-notice-banner.is-info:before, body .cart-empty.woocommerce-info:before { font-size: 80px; } .breadcrumb-title-wrapper.has-background .breadcrumb-title {min-height: 360px;} .entry-meta-top > *:not(:last-child) { padding-right: 15px;/* rtl */ margin-right: 10px;/* rtl */ } .entry-meta-top > *:not(:last-child):after { width: 7px; right: -5px;/* rtl */ margin: 0 5px; } .button.button-readmore { margin-top: 8px; } .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; } .icon-menu-sticky-header .icon:before{font-size: 15px;} .icon-menu-sticky-header .icon.active:before {font-size: 16px;} .ts-megamenu-container .ts-list-of-product-categories-wrapper .list-categories { gap: 16px 15px; } .ts-product-category-wrapper.woocommerce .products:not(:is(.cross-sells,.up-sells,.related)) { width: calc(100% + 10px); margin: 0 -5px; } .ts-product-category-wrapper.woocommerce .products:not(:is(.cross-sells,.up-sells,.related)) .product-category { padding-left: 5px; padding-right: 5px; } .ts-logo-slider-wrapper, .ts-product-brand-wrapper { --ts-h-gap: 10px; --ts-v-gap: 10px; } .ts-product-filter-by-taxonomies .form-content form {gap: 10px;} .my-account-wrapper .dropdown-container, .shopping-cart-wrapper .dropdown-container {display: none !important;} body.page article.page + .comments-area, .woocommerce nav.woocommerce-pagination { margin-top: 60px; } .woocommerce nav.woocommerce-pagination { margin-top: 30px; } .product-group-button .button-tooltip {display: none;} .header-language *:focus { outline: 0 !important; } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0 0 30px; gap: 10px 30px; } body.error404 .not-found .image-404 img{ max-width: 90px; } body.error404 .not-found p { max-width: 360px; } .counter-wrapper .ref-wrapper{ font-size: 0.4em; } .product-group-button > div a{ width: 30px; height: 30px; } .product-group-button-meta > div:not(.loop-add-to-cart) {display: block;position: relative;} .product-group-button-meta > div:not(.loop-add-to-cart) a:before, .product-group-button > div a:before { font-size: 14px; line-height: 30px; } .woocommerce .products .product:not(.product-category) .product-wrapper { padding: 15px; } .list:not(.main-products) .product-group-button-meta, .product-hover-style-v2 .list:not(.main-products) .product-group-button-meta { display: flex; flex-wrap: wrap; gap: 2px; } .woocommerce .products .product .meta-wrapper .product-group-button-meta { margin-top: 10px; } .woocommerce.has-gap .products:not(:is(.cross-sells,.up-sells,.related)) { gap: 10px; } .woocommerce.has-gap .products:not(:is(.cross-sells,.up-sells,.related)).swiper { width: calc(100% + 10px); margin: 0 -5px; } .woocommerce.has-gap .products.swiper .product:not(.product-category) { padding: 0 5px; } .woocommerce.list .product:not(.product-category) .product-wrapper { grid-template-columns: 44% minmax(0, 1fr); } .product-group-button > div:hover a .button-tooltip, .product-hover-style-v1 .product-group-button div.loop-add-to-cart:hover .button-tooltip, .product-group-button > div.button-in:hover a .button-tooltip, .ts-shortcode .product-group-button-meta > div.button-in:hover .button-tooltip {display: none;} .menu-sticky {width: 270px;} .menu-sticky .vertical-menu>ul>li.parent>a:after {display: none;} .menu-sticky .ts-menu-drop-icon { position: absolute; width: 50px; right: 0; /* rtl */ padding-right: 15px; /* rtl */ text-align: right; /* rtl */ transform: translateY(-100%); z-index: 999; height: 50px; line-height: 44px; display: block; } nav > ul.menu li a.has-icon {gap: 5px;transition: 150ms ease;} nav > ul.menu li a.has-icon .menu-icon {min-width: 0;} .vertical-menu-wrapper nav > ul.menu li a.has-icon .menu-icon {max-width: 32px;} .menu-sticky nav > ul.menu li a.has-icon .menu-icon {max-width: 20px;} .menu-sticky nav.vertical-menu > ul.menu > li > a {transition: none;} body .wc-block-components-order-summary .wc-block-components-panel__button { margin: 0 0 5px; } /*** Header **/ .header-top > .container, .header-bottom > .container {gap: 0 var(--ts-menu-gap);} .header-middle .hotline, .header-middle .my-account-wrapper .account-control > a span {display: none;} .ts-store-notice .close:before {font-size: 10px;} .ts-store-notice .container { padding-left: 50px; padding-right: 50px; } .ts-store-notice .container { font-size: 1em; } .ts-store-notice .coupon-code { padding: 3px 10px; margin: 0 10px; } .header-middle > .container { padding-top: 20px; padding-bottom: 20px; } .vertical-menu-heading {gap: 0 10px;} .vertical-menu-inside .vertical-menu-heading {line-height: 30px;} .ts-header .ts-menu .ts-menu-drop-icon {top: -3px;} .ts-header .hotline > a {padding-left: 35px;/* rtl */} :is(.ts-header,.menu-sticky) nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu {width: 100%;} :is(.ts-header,.menu-sticky) nav > ul.menu li.ts-megamenu-columns-4 ul.sub-menu {width: 550px;} :is(.ts-header,.menu-sticky) nav > ul.menu li.ts-megamenu-columns-3 ul.sub-menu {width: 480px;} :is(.ts-header,.menu-sticky) nav > ul.menu li.ts-megamenu-columns-2 ul.sub-menu {width: 370px;} :is(.ts-header,.menu-sticky) nav > ul.menu li.ts-megamenu-columns-1 ul.sub-menu {width: 300px;} .wcml_currency_switcher > ul, .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { padding: 28px 20px 20px 20px; width: 130px; margin-left: -20px; /* rtl */ } #main > .ts-breadcrumbs { padding: 16px 0 10px; margin: 0; } /*** Product ***/ .before-loop-wrapper > .product-per-page-form, .woocommerce .product:not(.product-category) .product-wrapper:before {display: none;} .before-loop-wrapper {gap: 15px 30px;} #ts-filter-widget-area .overlay { opacity: 0; visibility: hidden; } .filter-widget-area-button.active ~ #ts-filter-widget-area .overlay { opacity: 1; visibility: visible; } .style-sidebar.show-filter-default #ts-filter-widget-area .ts-sidebar-content { transform: translateX(400px); } .style-sidebar.show-filter-default .filter-widget-area-button.active ~ #ts-filter-widget-area .ts-sidebar-content { transform: translateX(0); } .thumbnail-wrapper .product-group-button > div { display: block; } .woocommerce.list.main-products .products .product .meta-wrapper .product-group-button-meta { justify-content: center; } .woocommerce-result-count, .gridlist-toggle, :is(.product-group-button, .product-group-button-meta) > div.quickshop, :is(.product-group-button, .product-group-button-meta) > div.compare { display: none !important; } .before-loop-wrapper > *:nth-last-child(2) { padding: 0 !important; border: 0 !important; } .before-loop-wrapper > .product-on-sale-form { margin: 0 auto 0 0 !important; /* rtl */ border: 0 !important; } .woocommerce.main-products.list .products .product-wrapper { grid-template-columns: minmax(35%, 0) minmax(0, 1fr); gap: 20px; } .woocommerce.main-products.list .products .product-wrapper .thumbnail-wrapper { grid-row-start: 1; grid-row-end: 3; grid-column-start: 1; grid-column-end: 2; } .woocommerce.main-products.list .products .product-wrapper .meta-wrapper:not(.meta-wrapper-2) { grid-row-start: 1; grid-row-end: 1; grid-column-start: 2; grid-column-end: 3; } .woocommerce.main-products.list .products .product .meta-wrapper { padding-top: 10px; align-self: flex-end; } .woocommerce.main-products.list .products .product-wrapper .meta-wrapper-2 { grid-row-start: 2; grid-row-end: 3; grid-column-start: 2; grid-column-end: 3; padding-top: 0; align-self: flex-start; } .woocommerce.main-products.list .products .product .price { font-size: calc(var(--ts-product-font-size) + 2px); } .woocommerce.main-products.list .products .product .product-name { font-size: calc(var(--ts-product-font-size) + 2px); } .woocommerce.list.main-products .product-group-button-meta > div.compare, .woocommerce.list.main-products .product-group-button-meta > div.wishlist { padding-top: 0; } .product .product-wrapper:hover .product-group-button > div { -webkit-animation-name: none; -moz-animation-name: none; animation-name: none; } .woocommerce .products .product .loop-add-to-cart a { padding: 7px 5px; } .woocommerce div.product.summary-scrolling > .summary ~ * { width: calc(52% - 17px); } .yith-wfbt-form { grid-template-columns: minmax(0, 1fr) 42%; gap: 20px 30px; } .ts-product-video-button, .ts-product-360-button, .woocommerce div.product div.images .woocommerce-product-gallery__trigger { width: 36px; height: 36px; } .ts-product-360-button:before, .ts-product-video-button:before, .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { font-size: 15px; line-height: 36px; } .ts-product-360-button:before, .ts-product-video-button:before {font-size: 18px;} .ts-product-video-button, .ts-product-360-button {top: 62px;} .ts-product-video-button + .ts-product-360-button {top: 104px;} .woocommerce div.product .summary p.price del, .woocommerce div.product .summary span.price del {font-size: 1rem;} div.product .summary > .summary-custom-content-title { margin-top: 0; } /**/ ul.product_list_widget li .ts-wg-thumbnail, .woocommerce ul.product_list_widget li .ts-wg-thumbnail, ul.product_list_widget li img, .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width: 140px; } #ts-search-result-container ul.product_list_widget li .ts-wg-thumbnail, .woocommerce #ts-search-result-container ul.product_list_widget li .ts-wg-thumbnail { width: 100px; } .woocommerce-page #ts-filter-widget-area .widget-container.ts-social-icons, .woocommerce-page #left-sidebar .widget-container.ts-social-icons, .woocommerce-page #right-sidebar .widget-container.ts-social-icons { padding: 30px; } #ts-filter-widget-area ul.product_list_widget li .ts-wg-thumbnail, #ts-filter-widget-area .woocommerce ul.product_list_widget li .ts-wg-thumbnail, #ts-filter-widget-area ul.product_list_widget li img, .ts-sidebar ul.product_list_widget li .ts-wg-thumbnail, .ts-sidebar .woocommerce ul.product_list_widget li .ts-wg-thumbnail, .ts-sidebar ul.product_list_widget li img, .ts-sidebar .woocommerce ul.cart_list li img, .ts-sidebar .woocommerce ul.product_list_widget li img { width: 100px; } body table.compare-list .add-to-cart td a:not(.unstyled_button), .wishlist_table .product-add-to-cart a, .wishlist_table .product-add-to-cart a.button, .woocommerce div.product .summary .ts-buy-now-button, .woocommerce div.product .summary form.cart .single_add_to_cart_button { font-size: calc(var(--ts-btn-font-size) - 1px); } .woocommerce.has-gap .products .product:not(.product-category) .product-wrapper { align-items: flex-start; padding: 20px; } /*** Cart/Checkout ***/ .woocommerce-cart article .woocommerce form.woocommerce-cart-form, .woocommerce-cart article .woocommerce .cart-collaterals { width: 100%; } .woocommerce .woocommerce-cart-form{ margin-bottom: var(--ts-section-gap); } #ts-shopping-cart-sidebar .close { top: 20px; } /*** Blog ***/ ul.filter-bar li { font-size: 1em; padding: 5px 10px; line-height: 20px; } .post-content-wrapper blockquote cite, .post-content-wrapper .entry-meta-top { font-size: 1em; } #comment-wrapper {padding: 30px;} .single .meta-bottom-1 { padding-top: 20px; } .author-info img.avatar { width: 80px; height: 80px; } #comment-wrapper #commentform > p:not(.form-submit) { margin-bottom: 5px; font-size: 1em; } .ts-blogs article .entry-content, .list-posts article .entry-content { gap: 15px; } #comment-wrapper .heading-title + p {font-size: 1em;} .woocommerce #reviews ol.commentlist li .comment_container, .commentlist li.comment .comment-wrapper { padding: 20px 0; gap: 20px; --avatar-size: 60px; } .commentlist li.comment .comment-wrapper { flex-direction: column; align-items: flex-start; gap: 20px 0; } .commentlist li.comment .comment-detail {width: 100%;} .search-no-results-wrapper:before, .index-template #primary > .alert { margin-top: 0; } .search-no-results-wrapper:before { width: 120px; height: 120px; font-size: 60px; line-height: 120px; margin-bottom: 30px; } .search-no-results-wrapper .search--form { margin: 30px auto 0; } /*** Main Content ***/ .woocommerce div.product.gallery-layout-vertical { --ts-thumbnail-size: 70px; } .woocommerce-account .woocommerce{ --ts-form-gap: 120px; } #to-top {width: 36px;height: 36px;} #to-top a {width: 36px;height: 36px;} #to-top a:before {font-size: 14px;line-height: 36px;} .columns-3 .list-posts, .columns-2 .list-posts {margin-left: -10px;margin-right: -10px;} .columns-3 .list-posts article, .columns-2 .list-posts article {padding-left: 10px;padding-right: 10px;} .list .meta-wrapper .counter-wrapper > div {font-size: 12px;} .woocommerce form.login .button, .woocommerce form.register .button {min-width: 120px;} .ts-team-members .team-info > .member-social {gap: 15px;font-size: 22px;} .style--tablet_extra-row .ts-product-filter-by-taxonomies .form-content form > * { flex: 1 0 calc(20% - 10px); } .style--tablet_extra-row .ts-product-filter-by-taxonomies form:after {top: 50%;} .ts-banner .ts-banner-button a.button {padding: 3px 12px;font-size: 12px;} .ts-product-in-product-type-tab-wrapper .column-tabs, .column-tabs .list-categories, .ts-shortcode .shortcode-heading-wrapper { margin-bottom: 20px; gap: 0 20px; } .column-tabs .shop-more, .shortcode-heading-wrapper .ts-countdown-wrapper + .shop-more { padding-left: 20px; /* rtl */ } .shortcode-heading-wrapper .shop-more {min-height: 0;} .woocommerce div.summary .counter-wrapper .number-wrapper, .ts-product-deals-wrapper .counter-wrapper .number-wrapper { min-width: 34px; min-height: 26px; } .woocommerce div.summary .counter-wrapper > div, .ts-product-deals-wrapper .counter-wrapper > div, .woocommerce div.summary .counter-wrapper > span, .ts-product-deals-wrapper .counter-wrapper > span { font-size: 12px; } .shop-more .shop-more-button, .ts-banner.button-text .ts-banner-button .button, .view-all-wrapper > a, .logged-in-as a, a.button-text, button.button-text, .button-text a { font-size: calc(var(--ts-btn-font-size) - 1px); } .wishlist_table .product-add-to-cart a, body .woocommerce table.compare-list .add-to-cart td a, .woocommerce div.product .summary .single_add_to_cart_button, .product-hover-style-v1 .list .product-group-button div.loop-add-to-cart a, .product-group-button-meta div.loop-add-to-cart a {gap: 4px;} .woocommerce div.product:not(.product-type-grouped) .summary .quantity .qty { line-height: 38px; } .ts-list-of-product-categories-wrapper .list-categories ul li.shop-more {margin-top: 0;} .ts-list-of-product-categories-wrapper .list-categories { gap: 10px; } .header-middle .wcml_currency_switcher > ul, .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu { padding-top: 37px; } .woocommerce.ts-product-deals-wrapper.list:is(.columns-1, .columns-2, .columns-3) .products .product .price { font-size: calc(var(--ts-product-font-size)* 1.3); } .woocommerce div.product .summary > .ts-countdown {margin: 0 0 8px;width: 100%;} .woocommerce div.product .summary .price {gap: 5px;} .more-less-buttons > a.more-button:after {height: 100px;} .more-less-buttons a > span {padding: 8px 20px;} .woocommerce div.product .summary > .woocommerce-product-details__short-description { margin: 7px 0px; } .woocommerce div.product .summary > .stock {margin: 0 0 15px;} .woocommerce div.product .summary > .price, .woocommerce div.product .summary > .ts-variation-price { margin: 4px 0 0; } .woocommerce div.product .summary > .single-product-buttons { padding: 5px 0 10px; } .woocommerce div.product .summary > .meta-content:not(:empty) { padding-top: 15px; } .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper { margin-left: -10px; margin-right: -10px; } .woocommerce form .woocommerce-billing-fields__field-wrapper > p.form-row, .woocommerce form .woocommerce-shipping-fields__field-wrapper > p.form-row { margin-left: 10px; margin-right: 10px; } .woocommerce-billing-fields__field-wrapper > p.form-row-first, .woocommerce-billing-fields__field-wrapper > p.form-row-last, .woocommerce-shipping-fields__field-wrapper > p.form-row-first, .woocommerce-shipping-fields__field-wrapper > p.form-row-last { width: calc(50% - 20px); } .woocommerce table.shop_table.wishlist_table th.product-stock-status, .woocommerce table.shop_table.woocommerce-cart-form__contents th.product-stock-status, .woocommerce table.shop_table.wishlist_table td.product-stock-status, .woocommerce table.shop_table.woocommerce-cart-form__contents td.product-stock-status { min-width: 90px; } body .wc-block-components-sidebar, body .wc-block-components-sidebar-layout .wc-block-components-main { width: 100%; } body .wc-block-cart table.wc-block-cart-items { margin: 0 0 var(--ts-section-gap); } body.woocommerce .wishlist-title { margin-bottom: 30px; } } @media only screen and (max-width: 1025px){ .ts-shortcode:not(.columns-1):not(.columns-2):not(.columns-3):not(.columns-4) .column-content, .ts-shortcode:not(.columns-1):not(.columns-2):not(.columns-3):not(.columns-4) .content-wrapper { --ts-columns: 4; } .woocommerce #tab-more_seller_product {--ts-columns: 4;} .ts-shortcode.columns-3.list :is(.content-wrapper, .column-content), .ts-shortcode:not(.columns-1):not(.columns-2):not(.columns-3).list :is(.content-wrapper, .column-content) { --ts-columns: 2 !important; } .woocommerce.main-products.list .products .product .product-name { font-size: calc(var(--ts-product-font-size) + 1px); } .yith-wfbt-section .yith-wfbt-images .image_plus { padding: 0 15px; } .woocommerce div.product.gallery-layout-vertical.summary-scrolling > .summary ~ *, .woocommerce div.product.gallery-layout-vertical div.images {width: 520px;} .woocommerce div.product.gallery-layout-vertical div.summary {width: calc(100% - 550px);} .woocommerce div.product.summary-scrolling > .summary ~ *, .woocommerce div.product div.images {width: 520px;} .woocommerce div.product div.summary {width: calc(100% - 550px);} } @media only screen and (max-width: 991px){ .visible-sm {display: block !important;} .hidden-sm {display: none !important;} /*** Header ***/ .ts-header {--ts-menu-gap: 20px;} .woocommerce #tab-more_seller_product {--ts-columns: 3;} .is-sticky .header-language-currency {display: none;} .header-bottom > .container .vertical-menu-heading, .header-bottom > .container .ts-menu { padding-top: 7px; padding-bottom: 7px; } :is(.ts-header,.menu-sticky) nav > ul.menu li ul.sub-menu:after { top: 7px; } :is(.ts-header,.menu-sticky) nav > ul.menu li ul.sub-menu { padding: 38px 30px 30px 30px; } .style--tablet_extra-row .ts-product-filter-by-taxonomies .form-content form > .filter-button { width: auto; flex: none; padding-left: 20px; padding-right: 20px; } .style--tablet_extra-row .ts-product-filter-by-taxonomies .form-content form > * { padding-left: 12px;/* rtl */ padding-right: 20px;/* rtl */ background-position: calc(100% - 8px) 50%;/* rtl */ } .header-middle .header-language, .header-middle .header-currency { font-size: 12px; } .header-middle .wpml-ls-legacy-dropdown .wpml-ls-flag, .header-middle .wpml-ls-legacy-dropdown-click .wpml-ls-flag {display: none;} .ts-megamenu-container .elementor-widget-image-box .elementor-image-box-title { padding-top: 10px; padding-bottom: 10px; } .header-top .nav-top {display: none;} .vertical-menu-heading { min-width: 0; padding: 0; margin: 0; border: 0; background: transparent; color: inherit; border-radius: 0; box-shadow: none; } .vertical-menu-heading:after, .vertical-menu-heading > span {display: none;} .woocommerce #tab-more_seller_product, .woocommerce :is(.cross-sells,.up-sells,.related), .ts-shortcode.columns-4 .column-content, .ts-shortcode.columns-4 .content-wrapper, .ts-shortcode:not(.columns-1):not(.columns-2):not(.columns-3):not(.columns-4) .column-content, .ts-shortcode:not(.columns-1):not(.columns-2):not(.columns-3):not(.columns-4) .content-wrapper {--ts-columns: 3;} .woocommerce.main-products.grid {--ts-columns: 3 !important;} .ts-shortcode.ts-testimonial-wrapper, .has-1-sidebar .woocommerce.main-products.grid {--ts-columns: 2 !important;} .has-2-sidebar .woocommerce.main-products.grid {--ts-columns: 1 !important;} .ts-shortcode.ts-product-category-wrapper .content-wrapper { --ts-columns: 5 !important; } .header-v1 .header-bottom .ts-menu nav > ul > li.special-item {display: none;} .breadcrumb-title-wrapper.has-background .breadcrumb-title {min-height: 300px;} #ts-login-popup-modal .popup-container { width: 90%; max-width: 90%; } .login-popup-content .form-content { gap: 15px; } .login-popup-content .form-content > h4, .login-popup-content .form-content #ts-login-form { padding: 0 30px; } .create-account-wrapper { padding: 10px 30px; line-height: 20px; font-size: 1em; } .woocommerce.main-products.list .products .product-wrapper { grid-template-columns: minmax(40%, 0) minmax(0, 1fr); gap: 20px; } .widget-container ul ol, .widget-container ol ol, .widget-container ul ul, ul.wp-block-categories ul, .elementor-widget[data-widget_type*="wp-widget-"] ul ol, .elementor-widget[data-widget_type*="wp-widget-"] ol ol, .elementor-widget[data-widget_type*="wp-widget-"] ul ul { padding: 0 0 0 16px;/* rtl */ } .style--tablet-row .ts-product-filter-by-taxonomies .form-content form > * {flex: 1 0 calc(25% - 10px);} .style--tablet-row .ts-product-filter-by-taxonomies form:after {top: 50%;} .ts-logo-slider-wrapper .item > a {min-height: 60px;} .ts-logo-slider-wrapper .item a img {max-height: 60px;} #ts-search-sidebar .close:after {font-size: 14px;} .ts-product-deals-wrapper.list .products .meta-wrapper .counter-wrapper {gap: 3px;} .ts-product-deals-wrapper.list .meta-wrapper .counter-wrapper .number-wrapper { font-size: 12px; min-height: 24px; padding: 0 2px; } .woocommerce div.product.summary-scrolling > .summary ~ * {width: 100%;} .yith-wfbt-section .yith-wfbt-images td:not(.image_plus) {max-width: 150px;} #review_form_wrapper #review_form {padding: 30px 30px 40px; } article.single-post .post-content-wrapper > header > .entry-title { font-size: var(--ts-h2-font-size); } /*** Cart/Checkout ***/ .woocommerce .checkout-login-coupon-wrapper form.login { gap: 22px 20px; } .woocommerce > form.checkout #customer_details{ margin-bottom: var(--ts-section-gap); } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 100px; } .woocommerce .woocommerce-cart-form, .woocommerce-checkout #customer_details, .woocommerce > form.checkout #customer_details, .woocommerce > form.checkout #order_review_heading, .woocommerce > form.checkout #order_review, .woocommerce-cart .woocommerce .cart-collaterals { width: 100%; } .woocommerce-account .woocommerce-MyAccount-navigation { margin-top: 20px; } .woocommerce table.my_account_orders td, .woocommerce table.shop_table.order_details td { padding-left: 0; /* rtl */ padding-right: 0; /* rtl */ } .woocommerce form.track_order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password { max-width: 100%; } .woocommerce table.shop_table.wishlist_table tr, .woocommerce table.shop_table.woocommerce-cart-form__contents tr { gap: 20px; } .woocommerce-account .woocommerce{ --ts-form-gap: 60px; } .ts-shortcode.ts-product-category-wrapper .content-wrapper { --ts-columns: 5; } .wishlist_table.mobile li .additional-info-wrapper .product-remove { top: 7px; right: 5px; /* rtl */ } .ts-blogs.ts-masonry:not(.ts-slider).columns-2 .items .item, .ts-blogs.ts-masonry:not(.ts-slider).columns-3 .items .item {width: 50%;} /*** Product ***/ .has-1-sidebar .woocommerce.main-products.grid {--ts-columns: 2 !important;} .has-2-sidebar .woocommerce.main-products.grid {--ts-columns: 1 !important;} #main > .list-categories:not(.show-cat-img) .products .product-category .category-name a { padding: 5px 15px; } .woocommerce div.product.gallery-layout-vertical div.images, .woocommerce div.product.gallery-layout-vertical div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary { width: 80%; float: none;/* rtl */ margin-left: auto; margin-right: auto; } .woocommerce div.product.gallery-layout-vertical.summary-scrolling > .summary ~ *, .woocommerce div.product.summary-scrolling > .summary ~ * { width: 100%; } .yith-wfbt-form { display: flex; flex-flow: column wrap; gap: 25px 0; } .yith-wfbt-submit-block { align-self: flex-start; order: 1; } .wishlist_table tr td.product-thumbnail a { width: 100px; } .woocommerce table.shop_table.wishlist_table .product-name, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-name { font-size: 1em; } .woocommerce table.shop_table.wishlist_table .product-price { gap: 0 3px; } .woocommerce table.shop_table.wishlist_table tr, .woocommerce table.shop_table.woocommerce-cart-form__contents tr { gap: 10px; } .woocommerce table.shop_table.wishlist_table th.product-add-to-cart, .woocommerce table.shop_table.woocommerce-cart-form__contents th.product-add-to-cart, .woocommerce table.shop_table.wishlist_table td.product-add-to-cart, .woocommerce table.shop_table.woocommerce-cart-form__contents td.product-add-to-cart { min-width: 150px; } .wishlist_table .product-add-to-cart a, .wishlist_table .product-add-to-cart a.button { min-width: 0; padding: 8px 15px !important; } .wishlist_table .product-add-to-cart a:only-child, .wishlist_table .product-add-to-cart a.button:only-child {width: 100%;} .woocommerce-account .woocommerce-MyAccount-navigation ul li { padding: 0 0 2px 0; } .ts-product.has-shop-more-button { padding-bottom: 35px; } .shortcode-heading-wrapper .shop-more, .column-tabs .shop-more, .shortcode-heading-wrapper .ts-countdown-wrapper + .shop-more { position: absolute; bottom: 0; padding: 0; margin: 0; left: 0; right: 0; text-align: center; justify-self: center; justify-content: center; line-height: 1; } .shortcode-heading-wrapper .shop-more:before, .column-tabs .shop-more:before, .shortcode-heading-wrapper .ts-countdown-wrapper + .shop-more:before { display: none; } .ts-shortcode.ts-blogs.columns-3 .content-wrapper, .ts-shortcode.ts-blogs .content-wrapper{ --ts-columns: 2; } /*** Shortcode ***/ .column-tabs .list-categories ul.tabs {gap: 10px 20px;} .woocommerce.list .products .product .meta-wrapper {gap: 8px;} .woocommerce.has-gap.list .products.swiper .meta-wrapper > .price {margin: 0 0 3px; gap: 0 5px;} .woocommerce.has-gap.list .products.swiper .product:not(.product-category) .availability-bar { margin: 4px 0 0; } .woocommerce.has-gap .products .meta-wrapper > .short-description { padding-top: 7px; } .availability-status { margin-bottom: 3px; } } @media only screen and (max-width: 1200px) and (min-width: 768px){ :root { --ts-columns: 3; --ts-h-gap: 20px; --ts-v-gap: 30px; } .ts-store-notice {padding: 10px 0;} /*** Shop ***/ .product-filter-by-price-wrapper > form input.price-input, .product-filter-by-brand-wrapper .search-brand-input, .product-filter-by-price-wrapper > form .button { padding-top: 5px; padding-bottom: 5px; } .product-filter-by-price-wrapper > form .button { margin-left: 0;/* rtl */ margin-right: 0;/* rtl */ } .style-sidebar #ts-filter-widget-area .ts-sidebar-content { position: static; transform: none; box-shadow: none; padding: 0; } .style-sidebar #ts-filter-widget-area { position: fixed; padding: 30px; top: 0; bottom: 0; right: 0; z-index: 99992; width: 350px; max-width: 100%; transform: translateX(350px); transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); overflow-y: auto; background: var(--ts-dropdown-bg); } .style-sidebar #ts-filter-widget-area.active { transform: translateX(0); } .style-sidebar #ts-filter-widget-area .overlay, .style-sidebar #ts-filter-widget-area .close, .ts_desktop .style-sidebar.show-filter-default .filter-widget-area-button { display: none; } .no-sidebar .filter-widget-area-button + .overlay { display: block; } .show-filter-sidebar .before-loop-wrapper {z-index: 11;} .admin-bar .style-sidebar #ts-filter-widget-area {top: 32px;} .filter-widget-area {gap: 30px;} #ts-filter-widget-area .widget-container .widget-title-wrapper { margin-bottom: 15px; } /*** Shortcode ***/ .ts-product-in-product-type-tab-wrapper .column-tabs, .column-tabs .list-categories, .ts-shortcode .shortcode-heading-wrapper { margin-bottom: 20px; } .ts-search-form-widget .popular-search { gap: 10px 20px; } .columns-4.ts-blogs .items article:is(.format-video, .video, .has-post-thumbnail) .entry-content, .columns-4 .list-posts article:is(.format-video, .video, .has-post-thumbnail) .entry-content { margin-top: 15px; } } @media only screen and (max-width: 1880px) and (min-width: 1440px){ .fix-slider-width > .e-con.e-child:first-child {width: 65.8% !important;} .fix-slider-width > .e-con.e-child:last-child {width: 34.2% !important;} } @media only screen and (max-width: 1200px) and (min-width: 992px){ .woocommerce div.product .summary .ts-buy-now-button {min-width: 0;} .woocommerce div.product:not(.product-type-grouped) .summary .quantity .qty {width: 95px;} .columns-1 .list-posts article header > .entry-title, .ts-blogs.columns-1 .items article header > .entry-title { font-size: var(--ts-h2-font-size); line-height: var(--ts-h2-line-height); } .woocommerce table.shop_table.woocommerce-cart-form__contents th:not(.product-thumbnail), .woocommerce table.shop_table.woocommerce-cart-form__contents td:not(.product-thumbnail) { min-width: 120px; } } @media only screen and (max-width: 1025px) and (min-width: 992px) { .woocommerce div.product.gallery-layout-vertical { --ts-thumbnail-size: 60px; } } @media only screen and (max-width: 991px) and (min-width: 768px) { .header-middle > .container {gap: 0 50px;} .header-v3 .header-middle > .container {gap: 0 30px;} .header-v3 .header-language-currency { margin-right: 0; } .ts-header .header-middle .header-right { gap: 0 15px; } .wishlist_table.mobile li .item-wrapper { gap: 0 10px; } .wishlist_table.mobile li .item-wrapper .product-thumbnail { width: 90px; } .ts-product-filter-by-taxonomies .form-content form {gap: 5px;} /*** Shortcode ***/ .ts-banner:is(.img-mobile-tablet,.img-tablet) .mobile-banner{ display: block; } .ts-banner:is(.img-mobile-tablet,.img-tablet) .main-banner{ display: none; } .ts-product.columns-6 .content-wrapper, .ts-product.columns-5 .content-wrapper, .ts-product.columns-4 .content-wrapper{ --ts-columns: 3; } /*** Shop Page ***/ .product-filter-by-price-wrapper > form .line { display: none; } } @media only screen and (max-width: 769px) and (min-width: 767px) { .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{ display: none; } .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { text-align: start !important; } .woocommerce table.shop_table.wishlist_table th, .woocommerce table.shop_table.woocommerce-cart-form__contents th, .woocommerce table.shop_table.wishlist_table td, .woocommerce table.shop_table.woocommerce-cart-form__contents td { min-width: 90px; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 90px; } } @media screen and (max-width: 782px){ .admin-bar .menu-sticky, body.admin-bar #ts-ajax-add-to-cart-message, .admin-bar .ts-floating-sidebar div.overlay, .admin-bar .ts-floating-sidebar .ts-sidebar-content { top: 46px; } body .wc-block-cart .wc-block-cart__submit-container--sticky { background: #fff !important; } } @media only screen and (max-width: 768px){ .woocommerce table.shop_table_responsive.woocommerce-orders-table tr, .woocommerce-page table.shop_table_responsive.woocommerce-orders-table tr { border-width: 1px; border-style: solid; padding: 20px; border-radius: var(--ts-border-radius); margin-bottom: 10px; } .woocommerce table.shop_table_responsive.woocommerce-orders-table tr:last-child, .woocommerce-page table.shop_table_responsive.woocommerce-orders-table tr:last-child { margin-bottom: 0; } .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination { margin-top: 20px; justify-content: center; gap: 10px; } .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button--next { margin-left: 0;/* rtl */ } .woocommerce-MyAccount-content > .col2-set > .col-1 { margin-bottom: 30px; margin-top: 10px; } .woocommerce-address-fields > p:last-child {margin-bottom: 0;} .woocommerce-MyAccount-content form button[type^="submit"] {margin-top: 5px;} .woocommerce table.shop_table_responsive.woocommerce-orders-table tr > td:first-child, .woocommerce-page table.shop_table_responsive.woocommerce-orders-table tr > td:first-child { padding-top: 0; } .woocommerce table.shop_table_responsive.woocommerce-orders-table tr > td:last-child, .woocommerce-page table.shop_table_responsive.woocommerce-orders-table tr > td:last-child { padding-bottom: 0; border-width: 0; } .woocommerce .cart-collaterals table.shop_table_responsive tr.shipping td, .woocommerce-page .cart-collaterals table.shop_table_responsive tr.shipping td {text-align: start !important; /* rtl */} .woocommerce .cart-collaterals table.shop_table_responsive tr.shipping td:before, .woocommerce-page .cart-collaterals table.shop_table_responsive tr.shipping td:before { display: block; float: none; /* rtl */ margin-bottom: 10px; } .woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button { width: auto; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background-color: transparent; } .woocommerce #content table.cart td.actions .coupon::after, .woocommerce #content table.cart td.actions .coupon::before, .woocommerce table.cart td.actions .coupon::after, .woocommerce table.cart td.actions .coupon::before, .woocommerce-page #content table.cart td.actions .coupon::after, .woocommerce-page #content table.cart td.actions .coupon::before, .woocommerce-page table.cart td.actions .coupon::after, .woocommerce-page table.cart td.actions .coupon::before { display: none; } } /* ========================================================================== CUSTOM DIGIMART-STYLE HEADER (TOP WHITE, MENU BLUE) & PHONE VIEW ========================================================================== */ /* Brand Colors from Logo */ :root { --ts-primary-color: #FF600A !important; --kwick-primary: #FF600A !important; --kwick-primary-hover: #E55300 !important; --kwick-dark: #0D1720 !important; } /* Remove parent header components */ .ts-header.digimart-custom-header .header-top { display: none !important; } .ts-header.digimart-custom-header { background: #ffffff; border-bottom: none; position: relative; z-index: 100; } /* 1. TOP BAR (WHITE BACKGROUND) */ .header-top-white { background: #ffffff; padding: 14px 0; position: relative; z-index: 10; border-bottom: 1px solid #edf0f3; } .digi-top-container { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px; } .digi-top-container::before, .digi-top-container::after, .digi-bottom-container::before, .digi-bottom-container::after { display: none !important; content: none !important; } /* TOP LEFT: Logo (STRICTLY 1 LOGO) */ .digi-logo-wrapper { flex: 0 0 auto; display: flex; align-items: center; justify-content: flex-start; } .digi-logo-wrapper .logo { display: inline-block; } .digi-logo-wrapper .logo img { max-height: 48px; width: auto; object-fit: contain; display: block; } /* Hide any duplicate / secondary logo images */ .digi-logo-wrapper .logo img.mobile-logo, .digi-logo-wrapper .logo img.sticky-logo, .digi-logo-wrapper .logo img:not(:first-child) { display: none !important; } /* TOP CENTER: Search Box (Prominent & Centered) */ .digi-header-search { flex: 1 1 auto; max-width: 650px; min-width: 300px; margin: 0 auto; position: relative; } .digi-search-form { display: flex; align-items: center; background: #f0f2f5; border: 1px solid #e2e5e9; border-radius: 6px; height: 44px; padding: 0 4px 0 14px; position: relative; transition: all 0.2s ease; } .digi-search-form:focus-within { border-color: #FF600A; background: #ffffff; box-shadow: 0 0 0 1px #FF600A; } /* "All Categories" Dropdown Box */ .digi-search-cat-box { position: relative; display: flex; align-items: center; gap: 7px; cursor: pointer; flex-shrink: 0; } .digi-selected-cat { font-size: 13.5px; font-weight: 500; color: #111111; white-space: nowrap; user-select: none; } .digi-cat-chevron { color: #111111; stroke: #111111; flex-shrink: 0; } .digi-cat-select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 2; } /* Vertical Separator */ .digi-search-divider { width: 1px; height: 20px; background: #cfd3db; margin: 0 14px; flex-shrink: 0; } /* Search Input */ .digi-search-input { flex: 1; border: none !important; outline: none !important; background: transparent !important; padding: 0 !important; font-size: 14px !important; color: #111111 !important; height: 100% !important; text-align: left !important; } .digi-search-input::placeholder { color: #8a909d !important; font-size: 14px !important; text-align: left !important; } /* Brand Orange Search Button with White Icon */ .digi-search-submit { background: #0c161f !important; border: none !important; border-radius: 6px !important; width: 40px !important; height: 36px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; margin-right: 2px !important; margin-left: 8px !important; flex-shrink: 0 !important; padding: 0 !important; transition: background 0.2s ease, opacity 0.2s ease, transform 0.15s ease !important; } .digi-search-submit:hover { background: #E55300 !important; opacity: 0.95; transform: scale(1.03); } .digi-search-submit svg { stroke: #ffffff !important; width: 18px !important; height: 18px !important; } /* TOP RIGHT: Account, Wishlist, Cart */ .digi-top-actions { display: flex; align-items: center; gap: 22px; flex: 0 0 auto; } .digi-action-item { display: inline-flex; align-items: center; gap: 8px; color: #000000 !important; text-decoration: none !important; transition: opacity 0.2s ease; position: relative; } .digi-action-item svg { color: #000000; stroke: #000000; } .digi-action-item:hover { opacity: 0.8; } .digi-account-label { font-size: 14px; font-weight: 600; color: #000000; } .digi-icon-wrapper { position: relative; display: inline-flex; align-items: center; justify-content: center; } /* Cart & Wishlist Badge - Brand Orange Circle with White Count */ .digi-badge { position: absolute; top: -8px; right: -10px; background: #FF600A !important; color: #ffffff !important; font-size: 11px; font-weight: 700; min-width: 18px; height: 18px; line-height: 18px; text-align: center; border-radius: 50%; padding: 0 4px; border: 1.5px solid #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.18); display: inline-flex !important; align-items: center; justify-content: center; box-sizing: border-box; z-index: 5; transition: transform 0.25s ease; } .digi-badge.badge-bounce { transform: scale(1.35); } .digi-cart-control { display: inline-flex; align-items: center; color: #000000 !important; text-decoration: none !important; padding: 4px; } /* Disable any hover mini-cart dropdown in custom header */ .digi-top-actions .cart-dropdown-form, .digi-top-actions .dropdown-container, .digi-cart-item .cart-dropdown-form, .digi-cart-item .dropdown-container, .digi-cart-item:hover .cart-dropdown-form, .digi-cart-item:hover .dropdown-container { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* 2. BOTTOM BAR (BRAND LOGO ORANGE #FF600A BACKGROUND, WHITE TEXT) */ .header-bottom-blue, .header-bottom-dark { background: #FF600A !important; /* Brand Logo Orange */ padding: 0; position: relative; z-index: 99; box-shadow: 0 2px 8px rgba(0,0,0,0.12); } .digi-bottom-container { display: flex !important; align-items: center !important; justify-content: space-between !important; position: relative !important; min-height: 48px; } /* 3-Lines + "BROWSE CATEGORIES" Button on Left */ .digi-cat-dropdown-wrapper { position: relative; flex-shrink: 0; display: flex; align-items: center; z-index: 1000; } .digi-browse-categories-btn { display: inline-flex; align-items: center; gap: 12px; cursor: pointer; padding: 12px 22px 12px 0; border-right: 1px solid rgba(255, 255, 255, 0.25); user-select: none; transition: opacity 0.2s ease; } .digi-browse-categories-btn:hover { opacity: 0.88; } .digi-hamburger-bars { display: flex; flex-direction: column; justify-content: center; gap: 4.5px; width: 22px; } .digi-hamburger-bars .digi-bar { display: block; width: 22px; height: 2.5px; background: #ffffff; border-radius: 2px; transition: all 0.2s ease; } .digi-browse-text { font-size: 13.5px; font-weight: 700; color: #ffffff; letter-spacing: 0.6px; text-transform: uppercase; line-height: 1; } /* Dropdown Menu when BROWSE CATEGORIES is clicked */ .digi-dropdown-categories { position: absolute; top: 100%; left: 0; width: 290px; background: #ffffff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); border-radius: 0 0 4px 4px; overflow: hidden; display: none; z-index: 99999; animation: digiDropdownFadeIn 0.2s ease forwards; } .digi-dropdown-categories.is-open { display: block !important; } @keyframes digiDropdownFadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } /* Header inside Dropdown */ .digi-dropdown-header { background: #0D1720; /* Dark Logo Color */ color: #ffffff; padding: 14px 20px; display: flex; align-items: center; gap: 12px; font-family: inherit; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .digi-dropdown-header .header-hamburger { font-size: 18px; line-height: 1; color: #ffffff; } .digi-dropdown-header .header-title { font-size: 13.5px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; color: #ffffff; } /* List of items inside Dropdown */ .digi-dropdown-list { list-style: none !important; list-style-type: none !important; margin: 0 !important; padding: 0 !important; background: #ffffff; } .digi-dropdown-item { list-style: none !important; list-style-type: none !important; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #f0f0f0; } .digi-dropdown-item:last-child { border-bottom: none; } .digi-dropdown-item::before, .digi-dropdown-item::after { display: none !important; content: none !important; } .digi-dropdown-link { display: flex; align-items: center; padding: 13px 20px; color: #111111 !important; text-decoration: none !important; transition: background 0.15s ease, color 0.15s ease; } .digi-dropdown-link:hover { background: #fff6f0; color: #FF600A !important; } .digi-dropdown-link .cat-icon { display: inline-flex; align-items: center; justify-content: center; width: 24px; margin-right: 15px; color: #111111; flex-shrink: 0; } .digi-dropdown-link:hover .cat-icon { color: #FF600A; } .digi-dropdown-link .cat-name { font-size: 14.5px; font-weight: 500; color: #111111; flex: 1; } .digi-dropdown-link:hover .cat-name { color: #FF600A; } .digi-dropdown-link .cat-arrow { display: inline-flex; align-items: center; justify-content: center; margin-left: auto; } .digi-dropdown-link:hover .cat-arrow svg { stroke: #FF600A; } /* CENTERED CATEGORIES NAVIGATION (Equal gap on left and right, White text) */ .digi-categories-nav { flex: 1; display: flex !important; justify-content: flex-start !important; align-items: center !important; min-width: 0; margin-left: 24px; overflow: hidden; } .digi-cat-list { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; list-style: none !important; list-style-type: none !important; margin: 0 !important; padding: 0 !important; gap: clamp(10px, 1.8vw, 28px); flex-wrap: nowrap; } .digi-cat-item { list-style: none !important; list-style-type: none !important; margin: 0 !important; padding: 0 !important; flex-shrink: 0; } .digi-cat-item::before, .digi-cat-item::after, .digi-cat-list::before, .digi-cat-list::after { display: none !important; content: none !important; } .digi-cat-link { display: inline-block; padding: 14px 4px; font-size: 14.5px; font-weight: 600; color: #ffffff !important; text-decoration: none !important; transition: opacity 0.2s ease; line-height: 1.2; text-align: center; white-space: nowrap; } .digi-cat-link:hover { opacity: 0.85; color: #0e1720 !important; text-decoration: underline !important; } /* Mini Cart Dropdown */ .digi-cart-item .cart-dropdown-form { position: absolute; top: calc(100% + 10px); right: 0; width: 320px; background: #ffffff; border: 1px solid #e5e5e5; box-shadow: 0 4px 15px rgba(0,0,0,0.15); border-radius: 4px; padding: 15px; display: none; z-index: 1000; color: #222222; } .digi-cart-item:hover .cart-dropdown-form { display: block; } /* ========================================================================== PHONE / MOBILE RESPONSIVE VIEW (< 992px) ========================================================================== */ @media only screen and (max-width: 991px) { .header-top-white { padding: 10px 0 6px 0; background: #ffffff; } .digi-top-container { gap: 12px !important; padding-left: 15px !important; padding-right: 15px !important; } /* Mobile Hamburger Button (Dark for white header) */ .digi-mobile-toggle { cursor: pointer; display: flex !important; align-items: center; justify-content: center; width: 36px; height: 36px; } .digi-mobile-toggle .icon { display: inline-block; width: 22px; height: 2px; background: #1f1f1f; position: relative; } .digi-mobile-toggle .icon::before, .digi-mobile-toggle .icon::after { content: ""; position: absolute; width: 22px; height: 2px; background: #1f1f1f; left: 0; transition: all 0.2s ease; } .digi-mobile-toggle .icon::before { top: -7px; } .digi-mobile-toggle .icon::after { top: 7px; } /* Mobile Logo */ .digi-logo-wrapper { justify-content: center; } .digi-logo-wrapper .logo img { max-height: 36px; max-width: 130px; } /* Mobile Actions */ .digi-top-actions { gap: 16px; } /* Mobile Search Row (Row 2 on Mobile) */ .digi-mobile-search-row { margin-top: 10px; padding: 0 15px 6px 15px; } .digi-mobile-search-row .digi-search-form { height: 40px; background: #f0f2f5; border: 1px solid #e1e4e8; border-radius: 6px; padding: 0 4px 0 12px; } .digi-mobile-search-row .digi-search-input { font-size: 13.5px !important; padding: 0 8px !important; text-align: left !important; } .digi-mobile-search-row .digi-search-input::placeholder { text-align: left !important; } /* Hide desktop bottom bar on mobile */ .header-bottom-blue, .header-bottom-dark { display: none !important; } } /* Extra small screens (< 480px) */ @media only screen and (max-width: 480px) { .digi-logo-wrapper .logo img { max-height: 30px; max-width: 105px; } .digi-top-actions { gap: 12px; } } /* ========================================================================== LANDING PAGE HERO SLIDER (1 Slide at a time, Autoplay, Light Silver) ========================================================================== */ /* Hide Old Homepage Banner / Slider */ .fix-slider-width, .elementor-element-99fb562, .wp-block-themepunch-revslider, .top-slideshow { display: none !important; } .kwick-landing-slider-section { padding: 0; margin: 0; width: 100%; background: #ffffff; position: relative; overflow: hidden; } .kwick-hero-slider { position: relative; width: 100%; margin: 0; } .kwick-slider-viewport { overflow: hidden; width: 100%; position: relative; } .kwick-slider-track { display: flex; width: 100%; transition: transform 0.55s cubic-bezier(0.25, 1, 0.5, 1); will-change: transform; } /* Individual Slide (1 at a time, Full Width) */ .kwick-slide { flex: 0 0 100%; max-width: 100%; width: 100%; box-sizing: border-box; } /* Slide Card - Full Width Light Silver Theme */ .kwick-slide-card { background: #eceff3; background: linear-gradient(135deg, #f8f9fa 0%, #eaedf3 100%); border-top: 1px solid #e2e6ec; border-bottom: 1px solid #e2e6ec; border-left: none; border-right: none; border-radius: 0; padding: 45px 0; position: relative; overflow: hidden; min-height: 440px; display: flex; align-items: center; width: 100%; } .kwick-slide-inner { max-width: 1280px; width: 100%; margin: 0 auto; padding: 0 100px; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; } /* Left Content */ .kwick-slide-content { flex: 0 0 46%; max-width: 520px; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; padding-right: 20px; } .kwick-slide-sub { font-size: 13.5px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #FF600A; margin-bottom: 10px; display: inline-block; line-height: 1.2; } .kwick-slide-title { font-size: 52px; font-weight: 800; color: #0D1720; margin: 0 0 4px 0; line-height: 1.05; font-family: inherit; letter-spacing: -0.5px; } .kwick-slide-offer { font-size: 44px; font-weight: 800; color: #FF600A; margin-bottom: 14px; line-height: 1.1; letter-spacing: -0.5px; } .kwick-slide-desc { font-size: 16px; font-weight: 400; color: #444444; margin: 0 0 26px 0; line-height: 1.45; max-width: 440px; } .kwick-slide-btn { display: inline-block; padding: 13px 36px; border: 2px solid #0D1720; border-radius: 8px; background: #ffffff; color: #0D1720 !important; font-size: 13.5px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; text-decoration: none !important; transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease; line-height: 1.2; } .kwick-slide-btn:hover { background: #FF600A; border-color: #FF600A; color: #ffffff !important; transform: scale(1.02); } /* Right Media - Much Bigger Product Display */ .kwick-slide-media { flex: 0 0 54%; max-width: 54%; display: flex; align-items: center; justify-content: center; z-index: 1; } .kwick-slide-media img { max-width: 100%; max-height: 380px; width: auto; height: auto; object-fit: contain; display: block; filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.12)); transition: transform 0.4s ease; } .kwick-slide:hover .kwick-slide-media img { transform: scale(1.04); } /* Prev / Next Arrows */ .kwick-slider-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 50%; background: rgba(255, 255, 255, 0.95); border: 1px solid #dce0e6; color: #0D1720; display: flex !important; align-items: center; justify-content: center; cursor: pointer; z-index: 10; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); transition: all 0.2s ease; padding: 0; outline: none; } .kwick-slider-arrow:hover { background: #FF600A; border-color: #FF600A; color: #ffffff; transform: translateY(-50%) scale(1.08); } .kwick-slider-arrow svg { stroke: currentColor; pointer-events: none; } .kwick-arrow-prev { left: 24px; } .kwick-arrow-next { right: 24px; } /* Dots Pagination */ .kwick-slider-dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 8px; z-index: 10; } .kwick-dot { width: 10px; height: 10px; border-radius: 50%; background: #c2c7d0; border: none; padding: 0; cursor: pointer; transition: all 0.25s ease; outline: none; } .kwick-dot:hover { background: #8b92a0; } .kwick-dot.is-active { width: 28px; border-radius: 6px; background: #FF600A; } /* Responsive Adjustments */ @media only screen and (max-width: 991px) { .kwick-slide-card { padding: 35px 0; min-height: 380px; } .kwick-slide-inner { padding: 0 30px; } .kwick-slide-title { font-size: 38px; } .kwick-slide-offer { font-size: 34px; } .kwick-slide-media img { max-height: 280px; } .kwick-arrow-prev { left: 10px; } .kwick-arrow-next { right: 10px; } } @media only screen and (max-width: 767px) { .kwick-slide-card { padding: 30px 0 50px 0; min-height: auto; } .kwick-slide-inner { flex-direction: column-reverse; text-align: center; padding: 0 20px; } .kwick-slide-content { max-width: 100%; flex: 0 0 100%; align-items: center; margin-top: 20px; padding: 0; } .kwick-slide-desc { max-width: 100%; font-size: 14px; margin-bottom: 18px; } .kwick-slide-media { max-width: 85%; flex: 0 0 auto; } .kwick-slide-media img { max-height: 220px; } .kwick-slide-title { font-size: 32px; } .kwick-slide-offer { font-size: 28px; } .kwick-slider-arrow { width: 38px; height: 38px; } } /* ========================================================================== FEATURES / SERVICE POLICIES STRIP (Directly below Banner) ========================================================================== */ .kwick-features-section { background: #ffffff; border-bottom: 1px solid #ebeef2; padding: 24px 0; position: relative; z-index: 5; } .kwick-features-grid { display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; gap: 0; } .kwick-feature-item { display: flex; align-items: center; gap: 25px; padding: 8px 30px; position: relative; border-right: 1px solid #eceff3; transition: transform 0.2s ease; } .kwick-feature-item:last-child { border-right: none; } .kwick-categories-section .kwick-feature-icon { color: #FF600A; flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: transform 0.25s ease; } .kwick-feature-item:hover .kwick-feature-icon { transform: scale(1.1); } .kwick-feature-content { display: flex; flex-direction: column; justify-content: center; min-width: 0; } .kwick-feature-title { font-size: 13.5px; font-weight: 700; color: #0D1720; letter-spacing: 0.5px; text-transform: uppercase; margin: 0 0 3px 0; line-height: 1.2; font-family: inherit; white-space: nowrap; } .kwick-feature-sub { font-size: 12px; font-weight: 400; color: #7a828e; line-height: 1.25; display: block; white-space: nowrap; } /* Responsive Breakpoints */ @media only screen and (max-width: 1199px) { .kwick-feature-item { padding: 8px 12px; gap: 12px; } .kwick-feature-title { font-size: 12.5px; } .kwick-feature-sub { font-size: 11.5px; } .kwick-feature-icon svg { width: 32px; height: 32px; } } @media only screen and (max-width: 991px) { .kwick-features-grid { grid-template-columns: repeat(3, 1fr); row-gap: 18px; } .kwick-feature-item:nth-child(3) { border-right: none; } .kwick-feature-item { padding: 10px 14px; } } @media only screen and (max-width: 767px) { .kwick-features-grid { grid-template-columns: repeat(2, 1fr); row-gap: 16px; } .kwick-feature-item:nth-child(2), .kwick-feature-item:nth-child(4) { border-right: none; } } @media only screen and (max-width: 480px) { .kwick-features-grid { grid-template-columns: 1fr; row-gap: 14px; } .kwick-feature-item { border-right: none; border-bottom: 1px solid #f0f2f5; padding-bottom: 12px; } .kwick-feature-item:last-child { border-bottom: none; padding-bottom: 0; } } /* ========================================================================== SHOP BY CATEGORIES SECTION (CAROUSEL WITH MOBILE TOUCH / PHONE VIEW) ========================================================================== */ .kwick-categories-section { width: 100%; margin: 50px 0 35px 0; padding: 0; background: transparent; font-family: inherit; } /* Header with Title & Orange Accent Underline */ .kwick-cat-header { display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 2px solid #eef0f3; margin-bottom: 22px; padding-bottom: 0; position: relative; } .kwick-cat-heading-box { position: relative; display: inline-flex; flex-direction: column; padding-bottom: 8px; } .kwick-cat-heading { margin: 0; padding: 0; font-size: 17px; font-weight: 700; color: #111827; letter-spacing: 0.6px; text-transform: uppercase; line-height: 1.2; } .kwick-cat-heading-line { position: absolute; bottom: -2px; left: 0; width: 100%; height: 3px; background: #FF600A; border-radius: 3px; } /* Navigation Arrows (< >) */ .kwick-cat-nav-arrows { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; } .kwick-cat-arrow { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 4px; color: #64748b; cursor: pointer; padding: 0; transition: all 0.2s ease; outline: none; } .kwick-cat-arrow:hover { background: #FF600A; border-color: #FF600A; color: #ffffff; } .kwick-cat-arrow svg { display: block; pointer-events: none; } /* Viewport & Track (Desktop Flex & Slider) */ .kwick-cat-viewport { position: relative; width: 100%; overflow: hidden; } .kwick-cat-track { display: flex; gap: 16px; transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1); will-change: transform; } /* Category Card */ .kwick-cat-card { flex: 0 0 calc((100% - 6 * 16px) / 7); /* 7 items visible by default on desktop */ display: flex; flex-direction: column; align-items: center; text-decoration: none !important; color: inherit; cursor: pointer; transition: transform 0.25s ease; } .kwick-cat-card:hover { text-decoration: none !important; } /* Card Image Box - light subtle grey container */ .kwick-cat-img-box { width: 100%; aspect-ratio: 1 / 1; background: #f5f6f8; border-radius: 8px; display: flex; align-items: center; justify-content: center; padding: 16px; overflow: hidden; box-sizing: border-box; border: 1px solid #edf0f3; transition: all 0.25s ease; } .kwick-cat-card:hover .kwick-cat-img-box { background: #ffffff; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07); border-color: #e2e8f0; } .kwick-cat-img-box img { max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; object-position: center !important; display: block !important; margin: 0 auto !important; transition: transform 0.3s ease; } .kwick-cat-card:hover .kwick-cat-img-box img { transform: scale(1.08); } /* Category Title below image */ .kwick-cat-title { margin-top: 10px; font-size: 12px; font-weight: 700; color: #1f2937; text-align: center; letter-spacing: 0.5px; text-transform: uppercase; line-height: 1.3; transition: color 0.2s ease; } .kwick-cat-card:hover .kwick-cat-title { color: #FF600A; } /* Responsive: Large Tablets (992px to 1199px) - 5 items */ @media only screen and (max-width: 1199px) and (min-width: 992px) { .kwick-cat-card { flex: 0 0 calc((100% - 4 * 16px) / 5); } } /* Responsive: Medium Tablets (768px to 991px) - 4 items */ @media only screen and (max-width: 991px) and (min-width: 768px) { .kwick-cat-card { flex: 0 0 calc((100% - 3 * 14px) / 4); } .kwick-cat-track { gap: 14px; } } /* ========================================================================== PHONE VIEW SETTINGS (Smooth Touch Swipe / Native Momentum Scrolling) ========================================================================== */ @media only screen and (max-width: 767px) { .kwick-categories-section { margin: 20px 0 28px 0; } .kwick-cat-header { margin-bottom: 16px; } .kwick-cat-heading { font-size: 15px; letter-spacing: 0.4px; } .kwick-cat-arrow { width: 28px; height: 28px; } /* Native Touch Scrollable Viewport on Mobile */ .kwick-cat-viewport { overflow-x: auto !important; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; /* Firefox */ padding-bottom: 6px; scroll-behavior: smooth; } .kwick-cat-viewport::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .kwick-cat-track { display: flex !important; gap: 12px; transform: none !important; /* Cancel transform shift for native touch scroll */ width: max-content; padding: 2px 2px; } .kwick-cat-card { flex: 0 0 115px; scroll-snap-align: start; } .kwick-cat-img-box { aspect-ratio: 1 / 1; padding: 12px; border-radius: 7px; } .kwick-cat-title { font-size: 11px; margin-top: 7px; letter-spacing: 0.3px; } } @media only screen and (max-width: 480px) { .kwick-cat-card { flex: 0 0 102px; } .kwick-cat-img-box { padding: 10px; } .kwick-cat-title { font-size: 10.5px; } .kwick-cat-heading { font-size: 14px; } } /* Hide legacy demo features section (Fast, Free Shipping / Instant Delivery / Low Price Guarantee / Quality Guarantee) */ .elementor-element-04bf1b5, .iconbox-opacity-eff:has(.icon-delivery) { display: none !important; } /* Hide legacy demo circular categories section (Smartphone, Laptop & Computer, Headphones) */ .elementor-element-9e75d67 { display: none !important; } /* ========================================================================== ELECTRONICS PROMO STRIP & PARENT CONTAINER RESETS ========================================================================== */ /* Remove any parent Elementor box borders and unwanted container padding */ .elementor-element-9323696, .elementor-element-9323696 .e-con-inner, .elementor-element-0e92284, .elementor-element-0e92284 > .elementor-widget-container, .elementor-element-4b1e9da, .elementor-element-4b1e9da .elementor-widget-container { border: none !important; border-width: 0 !important; outline: none !important; box-shadow: none !important; padding: 0 !important; background: transparent !important; } .elementor-element-9323696 { margin-bottom: 70px !important; } .kwick-promo-strip-wrapper { width: 100% !important; max-width: 1200px !important; margin: 35px auto 45px auto !important; padding: 0 15px !important; box-sizing: border-box !important; position: relative !important; clear: both !important; } /* Main Promo Box: expanded size, border removed, clean gradient */ .kwick-promo-strip { display: flex; align-items: center; justify-content: space-between; background: linear-gradient(90deg, #d8dce2 0%, #edf0f4 25%, #f6f7fa 70%, #dce0e6 100%); border-radius: 6px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07); min-height: 66px; width: 100%; box-sizing: border-box; } /* Left Slanted Badge */ .kwick-promo-badge { background: #1B2838; color: #ffffff; display: inline-flex; align-items: center; gap: 12px; padding: 18px 46px 18px 28px; height: 100%; min-height: 66px; clip-path: polygon(0 0, 100% 0, calc(100% - 24px) 100%, 0 100%); flex-shrink: 0; box-sizing: border-box; } .kwick-badge-icon { display: inline-flex; align-items: center; justify-content: center; } .kwick-badge-icon svg { width: 25px; height: 25px; display: block; } .kwick-badge-title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 17px; color: #ffffff; letter-spacing: 0.5px; white-space: nowrap; } /* Middle Electronics Promo Content */ .kwick-promo-content { flex: 1; display: flex; align-items: center; padding: 12px 28px; font-family: 'Poppins', sans-serif; font-size: 15.5px; color: #1e293b; font-weight: 600; line-height: 1.45; box-sizing: border-box; } .kwick-promo-text { color: #1e293b; letter-spacing: 0.2px; } /* Right Action Button (Shop Now) */ .kwick-promo-action { padding-right: 26px; flex-shrink: 0; } .kwick-promo-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; background: #FF600A; color: #ffffff !important; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14.5px; letter-spacing: 0.5px; padding: 13px 30px; border-radius: 5px; border: none; text-decoration: none !important; box-shadow: 0 3px 10px rgba(255, 96, 10, 0.35); transition: all 0.25s ease; white-space: nowrap; outline: none; } .kwick-promo-btn:hover { background: #E05307; box-shadow: 0 4px 14px rgba(255, 96, 10, 0.5); transform: translateY(-1px); color: #ffffff !important; } .kwick-promo-btn svg { transition: transform 0.2s ease; } .kwick-promo-btn:hover svg { transform: translateX(3px); } /* Mobile & Tablet Responsiveness */ @media only screen and (max-width: 991px) { .kwick-promo-content { font-size: 14px; padding: 10px 18px; } .kwick-badge-title { font-size: 15px; } .kwick-promo-badge { padding: 14px 34px 14px 22px; } .kwick-promo-btn { padding: 10px 22px; font-size: 13.5px; } } @media only screen and (max-width: 767px) { .kwick-promo-strip-wrapper { padding: 0 15px !important; margin: 20px 0 !important; box-sizing: border-box !important; } .kwick-promo-strip { flex-direction: column; align-items: stretch; padding: 0; min-height: unset; border-radius: 12px; overflow: hidden; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.08); } .kwick-promo-badge { clip-path: none; justify-content: center; padding: 14px 20px; min-height: unset; } .kwick-promo-content { text-align: center; justify-content: center; padding: 14px 18px 10px; font-size: 14px; } .kwick-promo-action { padding: 6px 18px 18px; text-align: center; display: flex; justify-content: center; } .kwick-promo-btn { width: 100%; max-width: 280px; } } /* ========================================================================== DEALS OF THE WEEK & BEST SELLER CATEGORIES SECTION ========================================================================== */ .kwick-deals-cats-section { width: 100%; margin: 0 0 50px 0; padding: 0; box-sizing: border-box; overflow: hidden; } /* Container Box: Centered to match site container */ .kwick-deals-cats-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; display: flex; gap: 30px; align-items: flex-start; width: 100%; box-sizing: border-box; } /* REMOVE BULLET POINTS / DOTS FROM ALL LISTS */ .kwick-deals-cats-section ul, .kwick-deals-cats-section ul li, .elementor-widget-text-editor .kwick-deals-cats-section ul, .elementor-widget-text-editor .kwick-deals-cats-section ul li, ul.kwick-cat-tabs, li.kwick-cat-tab, .kwick-cat-tabs, .kwick-cat-tab { list-style: none !important; list-style-type: none !important; margin: 0 !important; padding: 0 !important; } .kwick-deals-cats-section ul li::before, .kwick-deals-cats-section ul li::after, .elementor-widget-text-editor .kwick-deals-cats-section ul li::before, .elementor-widget-text-editor .kwick-deals-cats-section ul li::after, .kwick-cat-tabs li::before, .kwick-cat-tabs li::after, .kwick-cat-tab::before, .kwick-cat-tab::after { content: none !important; display: none !important; } /* LEFT COLUMN: DEALS OF THE WEEK (~28% width) */ .kwick-deals-col { flex: 0 0 310px; width: 310px; box-sizing: border-box; } /* RIGHT COLUMN: BEST SELLER CATEGORY TABS (~72% width) */ .kwick-cats-col { flex: 1 1 0%; min-width: 0 !important; max-width: 100%; box-sizing: border-box; overflow: hidden; } /* Column Header */ .kwick-col-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; padding-bottom: 12px; border-bottom: 1px solid #EFEFEF; position: relative; } .kwick-col-title { margin: 0; padding: 0; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 700; color: #1B2838; text-transform: uppercase; letter-spacing: 0.5px; position: relative; } /* Orange underline under active section titles */ .kwick-col-title span { position: relative; display: inline-block; padding-bottom: 12px; margin-bottom: -13px; border-bottom: 3px solid #FF600A; } /* Deal Slider Arrows */ .kwick-deals-arrows { display: flex; align-items: center; gap: 6px; } .kwick-arrow-btn { width: 30px; height: 30px; border: 1px solid #E2E8F0; border-radius: 4px; background: #FFFFFF; color: #64748B; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; padding: 0; } .kwick-arrow-btn:hover { border-color: #FF600A; background: #FF600A; color: #FFFFFF; } /* Deals Slider Card */ .kwick-deals-slider { position: relative; width: 100%; } .kwick-deal-slide { display: none; animation: kwickFadeIn 0.35s ease; } .kwick-deal-slide.active { display: block; } @keyframes kwickFadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } .kwick-deal-card { background: #FFFFFF; border: 1px solid #EFEFEF; border-radius: 8px; padding: 24px 20px; position: relative; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04); box-sizing: border-box; display: flex; flex-direction: column; text-align: center; } /* Badges */ .kwick-deal-badges { position: absolute; top: 14px; left: 14px; right: 14px; display: flex; justify-content: space-between; align-items: center; z-index: 2; pointer-events: none; } .kwick-badge-new { background: #000000; color: #FFFFFF; font-size: 11px; font-weight: 700; padding: 3px 9px; border-radius: 12px; text-transform: uppercase; letter-spacing: 0.5px; line-height: 1.2; } .kwick-badge-disc { background: #EF4444; color: #FFFFFF; font-size: 12px; font-weight: 700; width: 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; line-height: 1; box-shadow: 0 2px 6px rgba(239, 68, 68, 0.3); } /* Deal Thumbnail - Perfectly Centered & Never Cut Off */ .kwick-deal-thumb { width: 100% !important; height: 260px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 10px 0 16px 0 !important; padding: 10px !important; box-sizing: border-box !important; overflow: hidden !important; text-align: center !important; } .kwick-deal-thumb a, .kwick-deal-card .kwick-deal-thumb a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0 auto !important; text-decoration: none !important; } .kwick-deal-thumb img, .kwick-deal-card .kwick-deal-thumb a img, .woocommerce .kwick-deal-card a img { max-width: 100% !important; max-height: 240px !important; width: auto !important; height: auto !important; object-fit: contain !important; display: block !important; margin: auto !important; vertical-align: middle !important; transition: transform 0.3s ease !important; } .kwick-deal-card:hover .kwick-deal-thumb img { transform: scale(1.04) !important; } /* Deal Info */ .kwick-deal-info { display: flex; flex-direction: column; align-items: center; } .kwick-deal-title { margin: 0 0 10px 0; font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 600; line-height: 1.4; height: 42px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .kwick-deal-title a { color: #1B2838; text-decoration: none; transition: color 0.2s ease; } .kwick-deal-title a:hover { color: #FF600A; } /* Price */ .kwick-deal-price { margin-bottom: 8px; font-family: 'Poppins', sans-serif; display: flex; align-items: baseline; justify-content: center; gap: 8px; } .kwick-deal-price .woocommerce-Price-amount { color: #EF4444; font-size: 18px; font-weight: 700; } .kwick-deal-price del .woocommerce-Price-amount { color: #94A3B8; font-size: 14px; font-weight: 400; text-decoration: line-through; } .kwick-deal-price ins { text-decoration: none; } /* Rating */ .kwick-deal-rating { margin-bottom: 14px; } .kwick-stars { color: #FBBF24; font-size: 14px; letter-spacing: 2px; } /* Stock Bar */ .kwick-deal-stock { width: 100%; margin-bottom: 16px; } .kwick-stock-bar { width: 100%; height: 7px; background: #E2E8F0; border-radius: 4px; overflow: hidden; margin-bottom: 6px; } .kwick-stock-fill { height: 100%; background: linear-gradient(90deg, #FF8A00 0%, #FF600A 100%); border-radius: 4px; } .kwick-stock-labels { display: flex; justify-content: space-between; font-family: 'Poppins', sans-serif; font-size: 12px; color: #64748B; } .kwick-stock-labels strong { color: #1E293B; } .kwick-stock-labels .kwick-avail strong { color: #10B981; } /* Deal Add to Cart Button */ .kwick-deal-action { width: 100%; } .kwick-deal-btn { width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #FF600A !important; color: #FFFFFF !important; font-family: 'Poppins', sans-serif; font-size: 13.5px; font-weight: 700; padding: 11px 18px; border-radius: 4px; border: none; text-transform: uppercase; text-decoration: none !important; box-shadow: 0 3px 8px rgba(255, 96, 10, 0.3); transition: all 0.25s ease; cursor: pointer; } .kwick-deal-btn:hover { background: #E05305 !important; box-shadow: 0 4px 12px rgba(255, 96, 10, 0.45); color: #FFFFFF !important; } /* Category Tabs (Aligned Right) */ .kwick-tabs-header { display: flex; align-items: center; justify-content: space-between; } .kwick-cat-tabs { display: flex; align-items: center; gap: 24px; margin: 0; padding: 0; list-style: none; } .kwick-cat-tab { font-family: 'Poppins', sans-serif; font-size: 14.5px; font-weight: 500; color: #64748B; background: none; border: none; padding: 0 0 12px 0; margin: 0 0 -13px 0 !important; cursor: pointer; transition: color 0.2s ease, border-color 0.2s ease; border-bottom: 2px solid transparent; text-decoration: none; display: inline-block; white-space: nowrap; } .kwick-cat-tab:hover { color: #FF600A; } .kwick-cat-tab.active { color: #FF600A; font-weight: 700; border-bottom: 2px solid #FF600A; } /* CATEGORY PANELS & PRODUCT GRID */ .kwick-cat-panel { display: none; animation: kwickFadeIn 0.35s ease; width: 100%; } .kwick-cat-panel.active { display: block; } .kwick-products-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; width: 100%; box-sizing: border-box; } /* Product Card */ .kwick-prod-card { background: #FFFFFF; border: 1px solid #F1F5F9; border-radius: 6px; padding: 14px 12px 16px 12px; position: relative; display: flex; flex-direction: column; transition: all 0.25s ease; box-sizing: border-box; min-width: 0 !important; max-width: 100%; overflow: hidden; } .kwick-prod-card:hover { border-color: #E2E8F0; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06); transform: translateY(-2px); } .kwick-prod-badges { position: absolute; top: 10px; left: 10px; right: 10px; display: flex; justify-content: space-between; align-items: center; z-index: 2; pointer-events: none; } /* Product Grid Thumbnail - Perfectly Centered & Never Cut Off */ .kwick-prod-thumb { width: 100% !important; height: 175px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; padding: 6px 8px !important; box-sizing: border-box !important; overflow: hidden !important; text-align: center !important; } .kwick-prod-thumb a, .kwick-prod-card .kwick-prod-thumb a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0 auto !important; text-decoration: none !important; } .kwick-prod-thumb img, .kwick-prod-card .kwick-prod-thumb a img, .woocommerce .products .kwick-prod-card a img, .woocommerce .products .product.kwick-prod-card a img { max-width: 100% !important; max-height: 160px !important; width: auto !important; height: auto !important; object-fit: contain !important; display: block !important; margin: auto !important; vertical-align: middle !important; transition: transform 0.3s ease !important; } .kwick-prod-card:hover .kwick-prod-thumb img { transform: scale(1.05) !important; } /* Product Content */ .kwick-prod-body { display: flex; flex-direction: column; flex: 1; } .kwick-prod-price { margin-bottom: 6px; font-family: 'Poppins', sans-serif; display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; } .kwick-prod-price .woocommerce-Price-amount { color: #EF4444; font-size: 15px; font-weight: 700; } .kwick-prod-price del .woocommerce-Price-amount { color: #94A3B8; font-size: 12px; font-weight: 400; text-decoration: line-through; } .kwick-prod-price ins { text-decoration: none; } .kwick-prod-title { margin: 0 0 8px 0; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 600; line-height: 1.35; height: 35px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .kwick-prod-title a { color: #1E293B; text-decoration: none; transition: color 0.2s ease; } .kwick-prod-title a:hover { color: #FF600A; } .kwick-prod-rating { margin-bottom: 10px; } .kwick-prod-rating .kwick-stars { font-size: 12px; letter-spacing: 1px; } /* Card Actions */ .kwick-prod-actions { display: flex; align-items: center; gap: 6px; margin-top: auto; } .kwick-grid-cart-btn { flex: 1; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 6px; background: #F8FAFC !important; border: 1px solid #E2E8F0 !important; color: #1E293B !important; font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 600; padding: 8px 10px; border-radius: 4px; text-decoration: none !important; transition: all 0.2s ease; white-space: nowrap; cursor: pointer; overflow: hidden; } .kwick-grid-cart-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .kwick-grid-cart-btn:hover { background: #FF600A !important; border-color: #FF600A !important; color: #FFFFFF !important; } /* Wishlist Button Styling */ .kwick-grid-wishlist-wrap { flex-shrink: 0; line-height: 1; } .kwick-grid-wishlist-wrap .yith-wcwl-add-to-wishlist { margin: 0 !important; padding: 0 !important; line-height: 1 !important; } .kwick-grid-wishlist-wrap .yith-wcwl-add-button, .kwick-grid-wishlist-wrap .yith-wcwl-wishlistaddedbrowse, .kwick-grid-wishlist-wrap .yith-wcwl-wishlistexistsbrowse { margin: 0 !important; padding: 0 !important; display: block !important; } .kwick-grid-wishlist-wrap a { width: 32px !important; height: 32px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid #E2E8F0 !important; border-radius: 4px !important; background: #F8FAFC !important; color: #64748B !important; text-decoration: none !important; transition: all 0.2s ease !important; position: relative !important; cursor: pointer !important; box-sizing: border-box !important; flex-shrink: 0 !important; padding: 0 !important; margin: 0 !important; } /* Hide text "Wishlist", "Product added!", tooltips, etc. */ .kwick-grid-wishlist-wrap a span, .kwick-grid-wishlist-wrap a .ts-tooltip, .kwick-grid-wishlist-wrap a .feedback { display: none !important; font-size: 0 !important; line-height: 0 !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; } /* Heart Outline Icon (Centered Default State) */ .kwick-grid-wishlist-wrap a::before { content: '' !important; position: absolute !important; top: 50% !important; left: 50% !important; bottom: auto !important; right: auto !important; transform: translate(-50%, -50%) !important; margin: 0 !important; width: 15px !important; height: 15px !important; display: block !important; background-color: #64748B !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain !important; transition: background-color 0.2s ease, transform 0.2s ease !important; pointer-events: none !important; } /* Hover State */ .kwick-grid-wishlist-wrap a:hover { border-color: #FF600A !important; background: #FFF5EE !important; } .kwick-grid-wishlist-wrap a:hover::before { background-color: #FF600A !important; transform: translate(-50%, -50%) scale(1.15) !important; } /* Filled Heart Icon when Added / Exists in Wishlist */ .kwick-grid-wishlist-wrap .yith-wcwl-wishlistaddedbrowse a, .kwick-grid-wishlist-wrap .yith-wcwl-wishlistexistsbrowse a, .kwick-grid-wishlist-wrap .yith-wcwl-add-to-wishlist.added a { border-color: #FF600A !important; background: #FFF5EE !important; } .kwick-grid-wishlist-wrap .yith-wcwl-wishlistaddedbrowse a::before, .kwick-grid-wishlist-wrap .yith-wcwl-wishlistexistsbrowse a::before, .kwick-grid-wishlist-wrap .yith-wcwl-add-to-wishlist.added a::before { background-color: #FF600A !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain !important; transform: translate(-50%, -50%) scale(1.1) !important; } /* ========================================== MOBILE & TABLET RESPONSIVENESS (Phone View) ========================================== */ @media only screen and (max-width: 1280px) { .kwick-deals-col { flex: 0 0 280px; width: 280px; } .kwick-products-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media only screen and (max-width: 991px) { .kwick-deals-cats-container { flex-direction: column; gap: 35px; padding: 0 12px; } .kwick-deals-col { width: 100%; flex: unset; max-width: 480px; margin: 0 auto; } .kwick-cats-col { width: 100%; } .kwick-products-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .kwick-cat-tabs { margin-left: 0 !important; justify-content: flex-start; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 8px; width: 100%; } .kwick-cat-tabs::-webkit-scrollbar { display: none; } .kwick-cat-tab { flex-shrink: 0; } } @media only screen and (max-width: 767px) { .kwick-col-header.kwick-tabs-header { flex-direction: column; align-items: flex-start; gap: 12px; padding-bottom: 8px; } .kwick-cat-tabs { width: 100%; display: flex; gap: 16px; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 6px; } .kwick-cat-tabs::-webkit-scrollbar { display: none; } .kwick-cat-tab { flex-shrink: 0; font-size: 13.5px; padding-bottom: 8px; margin-bottom: -9px !important; } .kwick-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .kwick-prod-card { padding: 10px 8px 12px 8px; } .kwick-prod-thumb { height: 140px !important; margin-bottom: 8px !important; padding: 4px !important; } .kwick-prod-thumb img, .kwick-prod-card .kwick-prod-thumb a img { max-height: 130px !important; max-width: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; margin: auto !important; } .kwick-prod-title { font-size: 12px; height: 32px; margin-bottom: 6px; } .kwick-prod-price .woocommerce-Price-amount { font-size: 13.5px; } .kwick-prod-price del .woocommerce-Price-amount { font-size: 11px; } .kwick-grid-cart-btn { padding: 7px 8px; font-size: 11px; } .kwick-grid-wishlist-wrap .yith-wcwl-add-button a, .kwick-grid-wishlist-wrap .yith-wcwl-wishlistaddedbrowse a, .kwick-grid-wishlist-wrap .yith-wcwl-wishlistexistsbrowse a { width: 28px; height: 28px; } .kwick-deal-thumb { height: 210px !important; padding: 8px !important; } .kwick-deal-thumb img, .kwick-deal-card .kwick-deal-thumb a img { max-height: 200px !important; max-width: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; margin: auto !important; } } /* ========================================================================== 5-BANNER CATEGORY PROMOTION GRID (Reference Layout) Categories: Laptop, Headphones, Smartphones (Hero), Smart TVs, Tech Accessories ========================================================================== */ .kwick-cat-banners-section { width: 100%; margin-top: 10px; margin-bottom: 50px; box-sizing: border-box; overflow: hidden; } .kwick-cat-banners-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; } .kwick-cat-banners-grid { display: grid; grid-template-columns: 1fr 1.35fr 1fr; gap: 20px; align-items: stretch; } /* Side Columns (Left & Right) */ .kwick-cat-col-side { display: flex; flex-direction: column; gap: 20px; justify-content: space-between; height: 100%; } /* Side Cards */ .kwick-cat-card-side { background: #F4F2EE; border-radius: 12px; overflow: hidden; position: relative; flex: 1; display: flex; align-items: center; padding: 22px 20px 22px 24px; box-sizing: border-box; transition: transform 0.3s ease, box-shadow 0.3s ease; } .kwick-cat-card-side:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06); } .kwick-cat-card-body { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; gap: 15px; } .kwick-cat-card-text { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; z-index: 2; } .kwick-cat-card-title { font-family: inherit; font-size: 18px; font-weight: 700; color: #111827; margin: 0 0 5px 0; line-height: 1.25; } .kwick-cat-card-sub { font-size: 12.5px; color: #6B7280; margin: 0 0 14px 0; line-height: 1.35; font-weight: 400; } .kwick-cat-card-btn { display: inline-flex; align-items: center; justify-content: center; background: #FF600A; color: #FFFFFF !important; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; padding: 7px 18px; border-radius: 50px; text-decoration: none !important; transition: all 0.25s ease; box-shadow: 0 2px 8px rgba(255, 96, 10, 0.25); white-space: nowrap; } .kwick-cat-card-btn:hover { background: #E05305; transform: scale(1.03); box-shadow: 0 4px 12px rgba(255, 96, 10, 0.35); color: #FFFFFF !important; } .kwick-cat-card-media { flex: 0 0 45%; max-width: 48%; display: flex; align-items: center; justify-content: center; height: 100%; z-index: 1; } .kwick-cat-card-media img { max-width: 100%; max-height: 130px; object-fit: contain; transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1); } .kwick-cat-card-side:hover .kwick-cat-card-media img { transform: scale(1.06); } /* Center Hero Card (Smartphones & Tablets / Black Friday) */ .kwick-cat-col-center { height: 100%; } .kwick-cat-card-hero { background: radial-gradient(circle at 65% 50%, #18202A 0%, #0A0D11 100%); border-radius: 12px; overflow: hidden; position: relative; height: 100%; min-height: 440px; display: flex; align-items: center; box-sizing: border-box; transition: transform 0.3s ease, box-shadow 0.3s ease; } .kwick-cat-card-hero:hover { transform: translateY(-3px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25); } /* Header Row & Discount Badge */ .kwick-hero-header-row { display: flex; align-items: flex-start; justify-content: flex-start; gap: 16px; margin-bottom: 8px; } .kwick-hero-badge { background: #FF600A; color: #FFFFFF; padding: 6px 11px; border-radius: 8px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.05; z-index: 3; box-shadow: 0 4px 14px rgba(255, 96, 10, 0.45); margin-top: 4px; flex-shrink: 0; } .kwick-hero-badge-tag { font-size: 9px; font-weight: 700; letter-spacing: 0.5px; opacity: 0.9; } .kwick-hero-badge-val { font-size: 16px; font-weight: 900; line-height: 1.1; } .kwick-hero-badge-off { font-size: 9px; font-weight: 800; letter-spacing: 0.5px; } .kwick-hero-body { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 36px 28px 36px 36px; box-sizing: border-box; gap: 15px; position: relative; z-index: 2; } .kwick-hero-text { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; z-index: 2; } .kwick-hero-title-wrap { display: flex; flex-direction: column; line-height: 0.92; margin-bottom: 12px; } .kwick-hero-title-white { font-family: inherit; font-size: 46px; font-weight: 900; color: #FFFFFF; letter-spacing: -0.5px; text-transform: uppercase; } .kwick-hero-title-orange { font-family: inherit; font-size: 46px; font-weight: 900; color: #FF600A; letter-spacing: -0.5px; text-transform: uppercase; background: linear-gradient(180deg, #FF7E1D 0%, #FF5100 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .kwick-hero-subtitle { font-size: 11.5px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #FFA35C; margin: 0 0 24px 0; line-height: 1.3; } .kwick-hero-btn { display: inline-flex; align-items: center; justify-content: center; background: transparent; border: 1.5px solid rgba(255, 255, 255, 0.45); color: #FFFFFF !important; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; padding: 10px 22px; border-radius: 50px; text-decoration: none !important; transition: all 0.3s ease; white-space: nowrap; } .kwick-hero-btn:hover { background: #FF600A; border-color: #FF600A; color: #FFFFFF !important; box-shadow: 0 4px 18px rgba(255, 96, 10, 0.45); transform: scale(1.03); } .kwick-hero-media { flex: 0 0 48%; max-width: 50%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; } .kwick-hero-media img { max-width: 100%; max-height: 340px; object-fit: contain; border-radius: 8px; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .kwick-cat-card-hero:hover .kwick-hero-media img { transform: scale(1.05); } /* ========================================================================== RESPONSIVE QUERIES ========================================================================== */ @media (max-width: 1199px) and (min-width: 992px) { .kwick-cat-banners-grid { grid-template-columns: 1fr 1.25fr 1fr; gap: 15px; } .kwick-hero-title-white, .kwick-hero-title-orange { font-size: 38px; } .kwick-cat-card-title { font-size: 16px; } .kwick-cat-card-side { padding: 18px 16px; } .kwick-hero-body { padding: 28px 20px 28px 24px; } } @media (max-width: 991px) { .kwick-cat-banners-grid { grid-template-columns: 1fr 1fr; gap: 16px; } .kwick-cat-col-center { grid-column: 1 / -1; order: -1; } .kwick-cat-card-hero { min-height: 320px; } .kwick-hero-body { padding: 28px 24px; } .kwick-hero-title-white, .kwick-hero-title-orange { font-size: 38px; } .kwick-hero-media img { max-height: 260px; } } @media (max-width: 767px) { .kwick-cat-banners-section { margin-top: 5px; margin-bottom: 40px; } .kwick-cat-banners-container { padding: 0 12px; } .kwick-cat-banners-grid { grid-template-columns: 1fr; gap: 14px; } .kwick-cat-col-side { gap: 14px; } .kwick-cat-card-hero { min-height: auto; } .kwick-hero-header-row { gap: 12px; } .kwick-hero-badge { padding: 4px 8px; margin-top: 2px; } .kwick-hero-badge-tag { font-size: 8px; } .kwick-hero-badge-val { font-size: 13px; } .kwick-hero-badge-off { font-size: 8px; } .kwick-hero-body { padding: 24px 18px; gap: 12px; } .kwick-hero-title-white, .kwick-hero-title-orange { font-size: 28px; } .kwick-hero-subtitle { font-size: 10.5px; margin-bottom: 16px; letter-spacing: 1px; } .kwick-hero-btn { font-size: 10.5px; padding: 9px 16px; min-height: 40px; } .kwick-hero-media img { max-height: 180px; } .kwick-cat-card-side { padding: 16px 14px; min-height: 120px; } .kwick-cat-card-title { font-size: 16px; } .kwick-cat-card-sub { font-size: 11.5px; margin-bottom: 10px; } .kwick-cat-card-btn { font-size: 10.5px; padding: 6px 14px; min-height: 34px; } .kwick-cat-card-media img { max-height: 95px; } } /* ========================================================================== ALIGNMENT & GAP ADJUSTMENTS FOR CATEGORY BANNERS & DEALS SECTION - Reduces top gap between Deals and Banners - Matches container padding and centering between Section 2 and Section 3 - Ensures equal left & right margins identical to Deals of the Week ========================================================================== */ .elementor-element-5fb5260 { margin-bottom: 0 !important; --margin-bottom: 0px !important; } .kwick-deals-cats-section { margin-bottom: 70px !important; } .elementor-element-802bc3a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin-top: 0 !important; margin-bottom: 70px !important; --margin-top: 0px !important; --margin-bottom: 40px !important; padding: 0 50px !important; box-sizing: border-box !important; } .elementor-element-802bc3a .e-con-inner { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; } .elementor-element-802bc3a .elementor-element-kwick_cat_banners_col, .elementor-element-802bc3a .elementor-widget-text-editor, .elementor-element-802bc3a .elementor-widget-container, .elementor-element-802bc3a .kwick-cat-banners-section { width: 100% !important; max-width: 100% !important; display: block !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; } .kwick-cat-banners-section { margin-top: 20px !important; margin-bottom: 50px !important; clear: both !important; position: relative !important; } .kwick-cat-banners-container { max-width: 1200px !important; width: 100% !important; margin: 0 auto !important; padding: 0 15px !important; box-sizing: border-box !important; } .kwick-cat-banners-grid { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } @media (max-width: 991px) { .kwick-cat-banners-container { padding: 0 12px !important; } } @media (max-width: 768px) { .elementor-element-802bc3a { padding: 0 20px !important; } } @media (max-width: 767px) { .elementor-element-5fb5260 { margin-bottom: 0 !important; --margin-bottom: 0px !important; } .kwick-deals-cats-section { margin-bottom: 15px !important; } .elementor-element-802bc3a { padding: 0 10px !important; margin-top: 0 !important; margin-bottom: 30px !important; --margin-top: 0px !important; --margin-bottom: 30px !important; } .kwick-cat-banners-section { margin-top: 0 !important; margin-bottom: 0 !important; } } /* ========================================================================== NEW ARRIVALS / CATEGORY TABS PRODUCTS SECTION - Removed outer border around 6 products (.products:before & :after removed) - Individual 1px solid border on EACH single product card (.product-wrapper) - Brand Logo Orange (#FF600A) border & elevation on CARD HOVER - 100% Equal uniform card sizes and image heights across all products - Brand Logo Orange (#FF600A) Add To Cart Buttons for all cards - Wishlist button aligned horizontally at the bottom - Full Mobile / Phone Responsive Optimization ========================================================================== */ /* 1. GRID CONTAINER & REMOVE 6-PRODUCT OUTER WRAPPER BORDER */ .elementor-widget-ts-products-in-category-tabs .products, .elementor-element-ab3730d .products { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 20px !important; margin: 0 !important; border: none !important; box-shadow: none !important; position: relative !important; } /* Remove Merto theme's outer border around all 6 products */ .elementor-widget-ts-products-in-category-tabs .products:before, .elementor-widget-ts-products-in-category-tabs .products:after, .elementor-element-ab3730d .products:before, .elementor-element-ab3730d .products:after, .woocommerce.list .products:before, .woocommerce.list .products:after, body.product-border-radius .elementor-widget-ts-products-in-category-tabs .products:before, body.product-border-radius .elementor-widget-ts-products-in-category-tabs .products:after, .elementor-widget-ts-products-in-category-tabs .ts-product-in-category-tab-wrapper:before, .elementor-widget-ts-products-in-category-tabs .ts-product-in-category-tab-wrapper:after { display: none !important; content: none !important; border: none !important; box-shadow: none !important; } /* 2. INDIVIDUAL PRODUCT CARDS: SOLID 1px BORDER ON EACH CARD */ .elementor-widget-ts-products-in-category-tabs .products .product, .elementor-element-ab3730d .products .product { height: 100% !important; display: flex !important; flex-direction: column !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; border: none !important; } .elementor-widget-ts-products-in-category-tabs .products .product .product-wrapper, .elementor-element-ab3730d .products .product .product-wrapper { background: #FFFFFF !important; border: 1px solid #E5E7EB !important; /* Clean solid 1px border for each single card */ border-radius: 8px !important; padding: 14px !important; height: 100% !important; display: grid !important; grid-template-columns: 150px minmax(0, 1fr) !important; grid-template-rows: 165px auto !important; gap: 0 14px !important; align-content: space-between !important; box-sizing: border-box !important; position: relative !important; transition: all 0.25s ease !important; } /* 3. CARD HOVER: ORANGE BORDER (#FF600A) & ELEVATION */ .elementor-widget-ts-products-in-category-tabs .products .product:hover .product-wrapper, .elementor-element-ab3730d .products .product:hover .product-wrapper { border-color: #FF600A !important; box-shadow: 0 10px 24px rgba(255, 96, 10, 0.12), 0 3px 8px rgba(0, 0, 0, 0.04) !important; transform: translateY(-3px) !important; } /* Remove any pseudo borders attached to card */ .elementor-widget-ts-products-in-category-tabs .products .product .product-wrapper:before, .elementor-widget-ts-products-in-category-tabs .products .product .product-wrapper:after, .elementor-element-ab3730d .products .product .product-wrapper:before, .elementor-element-ab3730d .products .product .product-wrapper:after { display: none !important; border: none !important; content: none !important; } /* 4. UNIFORM THUMBNAIL CONTAINER - SAME SIZE FOR ALL IMAGES */ .elementor-widget-ts-products-in-category-tabs .thumbnail-wrapper, .elementor-element-ab3730d .thumbnail-wrapper { width: 150px !important; height: 165px !important; max-height: 165px !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; background: #F8F9FA !important; border-radius: 6px !important; padding: 8px !important; box-sizing: border-box !important; margin: 0 !important; position: relative !important; } .elementor-widget-ts-products-in-category-tabs .thumbnail-wrapper a, .elementor-widget-ts-products-in-category-tabs .thumbnail-wrapper figure, .elementor-element-ab3730d .thumbnail-wrapper a, .elementor-element-ab3730d .thumbnail-wrapper figure { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } .elementor-widget-ts-products-in-category-tabs .thumbnail-wrapper figure img, .elementor-element-ab3730d .thumbnail-wrapper figure img { max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; display: block !important; margin: auto !important; transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; } .elementor-widget-ts-products-in-category-tabs .products .product:hover .thumbnail-wrapper figure img, .elementor-element-ab3730d .products .product:hover .thumbnail-wrapper figure img { transform: scale(1.06) !important; } /* 5. META CONTENT (TITLE, PRICE, RATING) - UNIFORM 165px ROW */ .elementor-widget-ts-products-in-category-tabs .meta-wrapper:not(.meta-wrapper-2), .elementor-element-ab3730d .meta-wrapper:not(.meta-wrapper-2) { height: 165px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; padding: 2px 0 !important; box-sizing: border-box !important; margin: 0 !important; } .elementor-widget-ts-products-in-category-tabs .product-name, .elementor-element-ab3730d .product-name { margin: 0 0 6px 0 !important; } .elementor-widget-ts-products-in-category-tabs .product-name a, .elementor-element-ab3730d .product-name a { font-family: 'Poppins', sans-serif !important; font-size: 13.5px !important; font-weight: 500 !important; color: #1E293B !important; line-height: 1.4 !important; height: 38px !important; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; transition: color 0.2s ease !important; } .elementor-widget-ts-products-in-category-tabs .products .product:hover .product-name a, .elementor-widget-ts-products-in-category-tabs .product-name a:hover, .elementor-element-ab3730d .products .product:hover .product-name a, .elementor-element-ab3730d .product-name a:hover { color: #FF600A !important; } .elementor-widget-ts-products-in-category-tabs .price, .elementor-element-ab3730d .price { font-family: 'Poppins', sans-serif !important; font-size: 17px !important; font-weight: 700 !important; color: #0F172A !important; margin: 4px 0 !important; display: block !important; } .elementor-widget-ts-products-in-category-tabs .star-rating, .elementor-element-ab3730d .star-rating { color: #F59E0B !important; margin: 2px 0 0 0 !important; } /* 6. BOTTOM BUTTON BAR - HORIZONTALLY ALIGNED */ .elementor-widget-ts-products-in-category-tabs .meta-wrapper-2, .elementor-element-ab3730d .meta-wrapper-2 { grid-column: 1 / span 2 !important; width: 100% !important; margin-top: 12px !important; padding-top: 0 !important; border-top: none !important; } .elementor-widget-ts-products-in-category-tabs .product-group-button-meta, .elementor-element-ab3730d .product-group-button-meta { display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; margin: 0 !important; } .elementor-widget-ts-products-in-category-tabs .meta-wrapper-2 .loop-add-to-cart, .elementor-element-ab3730d .meta-wrapper-2 .loop-add-to-cart { flex: 1 !important; min-width: 0 !important; } .elementor-widget-ts-products-in-category-tabs .meta-wrapper-2 .loop-add-to-cart a.button, .elementor-element-ab3730d .meta-wrapper-2 .loop-add-to-cart a.button { width: 100% !important; min-width: 0 !important; height: 40px !important; line-height: 38px !important; background: #FF600A !important; border: 1px solid #FF600A !important; color: #FFFFFF !important; font-family: 'Poppins', sans-serif !important; font-size: 12.5px !important; font-weight: 600 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; border-radius: 6px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 0 12px !important; transition: all 0.25s ease !important; box-shadow: 0 2px 6px rgba(255, 96, 10, 0.25) !important; cursor: pointer !important; text-decoration: none !important; } .elementor-widget-ts-products-in-category-tabs .meta-wrapper-2 .loop-add-to-cart a.button:before, .elementor-element-ab3730d .meta-wrapper-2 .loop-add-to-cart a.button:before { color: #FFFFFF !important; } .elementor-widget-ts-products-in-category-tabs .meta-wrapper-2 .loop-add-to-cart a.button:hover, .elementor-element-ab3730d .meta-wrapper-2 .loop-add-to-cart a.button:hover { background: #E05300 !important; border-color: #E05300 !important; color: #FFFFFF !important; box-shadow: 0 6px 16px rgba(224, 83, 0, 0.35) !important; transform: translateY(-2px) !important; } /* Wishlist Button */ .elementor-widget-ts-products-in-category-tabs .meta-wrapper-2 .button-in.wishlist, .elementor-element-ab3730d .meta-wrapper-2 .button-in.wishlist { display: flex !important; flex-shrink: 0 !important; width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; } .elementor-widget-ts-products-in-category-tabs .meta-wrapper-2 .button-in.wishlist .yith-wcwl-add-to-wishlist, .elementor-widget-ts-products-in-category-tabs .meta-wrapper-2 .button-in.wishlist .yith-wcwl-add-button, .elementor-element-ab3730d .meta-wrapper-2 .button-in.wishlist .yith-wcwl-add-to-wishlist, .elementor-element-ab3730d .meta-wrapper-2 .button-in.wishlist .yith-wcwl-add-button { width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; display: block !important; } .elementor-widget-ts-products-in-category-tabs .meta-wrapper-2 .button-in.wishlist a, .elementor-element-ab3730d .meta-wrapper-2 .button-in.wishlist a { width: 40px !important; height: 40px !important; border-radius: 6px !important; border: 1px solid #E2E8F0 !important; background: #F8FAFC !important; color: #64748B !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.25s ease !important; box-sizing: border-box !important; text-decoration: none !important; } .elementor-widget-ts-products-in-category-tabs .meta-wrapper-2 .button-in.wishlist a:hover, .elementor-element-ab3730d .meta-wrapper-2 .button-in.wishlist a:hover { border-color: #FF600A !important; background: #FFF5F0 !important; color: #FF600A !important; transform: translateY(-2px) !important; box-shadow: 0 4px 10px rgba(255, 96, 10, 0.15) !important; } /* 7. SECTION HEADER & TABS (Brand Orange Underline Accent) */ .elementor-widget-ts-products-in-category-tabs .heading-tab, .elementor-element-ab3730d .heading-tab { display: inline-block !important; position: relative !important; margin: 0 !important; padding: 0 !important; } .elementor-widget-ts-products-in-category-tabs .heading-tab .heading-title, .elementor-element-ab3730d .heading-tab .heading-title { font-family: 'Poppins', sans-serif !important; font-size: 24px !important; font-weight: 700 !important; color: #111827 !important; letter-spacing: -0.3px !important; display: inline-block !important; position: relative !important; padding-bottom: 8px !important; margin-bottom: 0 !important; border-bottom: 3px solid #FF600A !important; } .elementor-widget-ts-products-in-category-tabs .list-categories ul.tabs li.tab-item.current, .elementor-element-ab3730d .list-categories ul.tabs li.tab-item.current { color: #111827 !important; font-weight: 600 !important; } .elementor-widget-ts-products-in-category-tabs .list-categories ul.tabs li.tab-item.current:after, .elementor-element-ab3730d .list-categories ul.tabs li.tab-item.current:after { background: #FF600A !important; } .elementor-widget-ts-products-in-category-tabs .shop-more a.shop-more-button, .elementor-element-ab3730d .shop-more a.shop-more-button { font-family: 'Poppins', sans-serif !important; font-weight: 600 !important; font-size: 13.5px !important; color: #475569 !important; transition: color 0.2s ease !important; text-decoration: underline !important; } .elementor-widget-ts-products-in-category-tabs .shop-more a.shop-more-button:hover, .elementor-element-ab3730d .shop-more a.shop-more-button:hover { color: #FF600A !important; } .elementor-1023 .elementor-element.elementor-element-3f5b063 { background-color: #f4f2ee; --display: flex; margin-top: 50px; margin-bottom: 50px; } /* 8. RESPONSIVE BREAKPOINTS (TABLET & MOBILE) */ @media (max-width: 1024px) and (min-width: 768px) { .elementor-widget-ts-products-in-category-tabs .products, .elementor-element-ab3730d .products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; } .elementor-1023 .elementor-element.elementor-element-3f5b063 { margin-bottom: 30px; } } @media (max-width: 767px) { .elementor-widget-ts-products-in-category-tabs .column-tabs .list-categories, .elementor-element-ab3730d .column-tabs .list-categories { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; align-items: center !important; gap: 10px !important; margin-bottom: 16px !important; } .elementor-widget-ts-products-in-category-tabs .heading-tab .heading-title, .elementor-element-ab3730d .heading-tab .heading-title { font-size: 20px !important; } .elementor-widget-ts-products-in-category-tabs .products, .elementor-element-ab3730d .products { grid-template-columns: 1fr !important; gap: 16px !important; margin: 0 !important; } .elementor-widget-ts-products-in-category-tabs .products .product .product-wrapper, .elementor-element-ab3730d .products .product .product-wrapper { grid-template-columns: 130px minmax(0, 1fr) !important; grid-template-rows: 140px auto !important; gap: 0 12px !important; padding: 10px !important; } .elementor-widget-ts-products-in-category-tabs .thumbnail-wrapper, .elementor-element-ab3730d .thumbnail-wrapper { width: 130px !important; height: 140px !important; max-height: 140px !important; } .elementor-widget-ts-products-in-category-tabs .meta-wrapper:not(.meta-wrapper-2), .elementor-element-ab3730d .meta-wrapper:not(.meta-wrapper-2) { height: 140px !important; } .elementor-widget-ts-products-in-category-tabs .meta-wrapper-2 .loop-add-to-cart a.button, .elementor-element-ab3730d .meta-wrapper-2 .loop-add-to-cart a.button { height: 38px !important; line-height: 36px !important; font-size: 11.5px !important; padding: 0 10px !important; } .elementor-widget-ts-products-in-category-tabs .meta-wrapper-2 .button-in.wishlist, .elementor-widget-ts-products-in-category-tabs .meta-wrapper-2 .button-in.wishlist a, .elementor-element-ab3730d .meta-wrapper-2 .button-in.wishlist, .elementor-element-ab3730d .meta-wrapper-2 .button-in.wishlist a { width: 38px !important; height: 38px !important; } } /* ========================================================================== FEATURED PRODUCTS SECTION (10 PRODUCTS - 2 ROWS GRID) Matches reference: media_1793275233314_14c4727f.png With Brand Orange Underline: media_1793275298791_ff32c657.png ========================================================================== */ .kwick-featured-section { width: 100%; margin-top: 40px; margin-bottom: 50px; box-sizing: border-box; } .kwick-featured-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; } /* Header Row */ .kwick-featured-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 24px; padding-bottom: 12px; border-bottom: 1px solid #EFEFEF; position: relative; box-sizing: border-box; } .kwick-featured-title-wrap { display: flex; flex-direction: column; align-items: flex-start; } .kwick-featured-title { margin: 0; padding: 0; font-family: 'Poppins', sans-serif; font-size: 22px; font-weight: 700; color: #111827; letter-spacing: -0.3px; line-height: 1.2; } /* Brand Orange Accent Underline */ .kwick-featured-title span { position: relative; display: inline-block; padding-bottom: 12px; margin-bottom: -13px; border-bottom: 3px solid #FF600A; } .kwick-featured-subtitle { margin: 16px 0 0 0; font-family: 'Poppins', sans-serif; font-size: 13.5px; color: #64748B; font-weight: 400; line-height: 1.4; } /* View All Link */ .kwick-featured-view-all { display: flex; align-items: center; margin-bottom: -4px; } .kwick-view-all-link { display: inline-flex; align-items: center; gap: 6px; font-family: 'Poppins', sans-serif; font-size: 13.5px; font-weight: 600; color: #334155; text-decoration: none !important; transition: all 0.2s ease; } .kwick-view-all-link:hover { color: #FF600A !important; transform: translateX(3px); } .kwick-view-all-link svg { transition: transform 0.2s ease; } .kwick-view-all-link:hover svg { transform: translateX(2px); } /* Grid Layout: 5 columns x 2 rows (10 products) */ .kwick-featured-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; box-sizing: border-box; } /* Card Structure */ .kwick-featured-card { background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 12px; padding: 14px 12px 14px 12px; display: flex; flex-direction: column; justify-content: space-between; position: relative; transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1); box-sizing: border-box; height: 100%; } .kwick-featured-card:hover { border-color: #FF600A; transform: translateY(-4px); box-shadow: 0 10px 24px rgba(255, 96, 10, 0.12); } /* Top Bar: Badge & Wishlist */ .kwick-card-topbar { display: flex; align-items: center; justify-content: space-between; min-height: 24px; margin-bottom: 8px; } .kwick-card-badge-wrap { display: flex; align-items: center; } .kwick-badge { font-family: 'Poppins', sans-serif; font-size: 10.5px; font-weight: 600; border-radius: 4px; padding: 2.5px 7px; display: inline-block; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.3px; } .kwick-badge-bestseller { background: #16A34A; color: #FFFFFF; } .kwick-badge-sale { background: #DC2626; color: #FFFFFF; } .kwick-badge-empty { visibility: hidden; height: 18px; } /* Wishlist Button (Icon Only, Centered Heart, Zero Text Overflow) */ .kwick-card-wishlist-wrap { display: flex; align-items: center; justify-content: center; } .kwick-card-wishlist-wrap .yith-wcwl-add-to-wishlist { margin: 0 !important; } .kwick-card-wishlist-wrap .yith-wcwl-add-button, .kwick-card-wishlist-wrap .yith-wcwl-wishlistaddedbrowse, .kwick-card-wishlist-wrap .yith-wcwl-wishlistexistsbrowse { margin: 0 !important; padding: 0 !important; display: block !important; } .kwick-card-wishlist-wrap a, .kwick-wishlist-dummy { width: 28px !important; height: 28px !important; border-radius: 50% !important; background: #F8FAFC !important; border: 1px solid #E2E8F0 !important; color: #64748B !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; transition: all 0.2s ease !important; padding: 0 !important; cursor: pointer !important; text-decoration: none !important; position: relative !important; font-size: 0 !important; line-height: 0 !important; overflow: hidden !important; } .kwick-card-wishlist-wrap a span, .kwick-card-wishlist-wrap a i { display: none !important; } .kwick-card-wishlist-wrap a:before, .kwick-wishlist-dummy:before { content: '' !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 14px !important; height: 14px !important; background-color: #64748B !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat !important; transition: background-color 0.2s ease, transform 0.2s ease !important; } .kwick-card-wishlist-wrap a:hover, .kwick-wishlist-dummy:hover { border-color: #FF600A !important; background: #FFF5EE !important; } .kwick-card-wishlist-wrap a:hover:before, .kwick-wishlist-dummy:hover:before { background-color: #FF600A !important; transform: translate(-50%, -50%) scale(1.15) !important; } .kwick-card-wishlist-wrap .yith-wcwl-wishlistaddedbrowse a:before, .kwick-card-wishlist-wrap .yith-wcwl-wishlistexistsbrowse a:before { background-color: #FF600A !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat !important; } .kwick-card-wishlist-wrap .feedback, .kwick-card-wishlist-wrap .ajax-loading { display: none !important; } /* Featured Product Thumbnail - Uncropped & Contained with Hairline Border */ .kwick-card-thumb-wrap { width: 100% !important; height: 175px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; padding: 10px 8px !important; box-sizing: border-box !important; background: #FAFBFD !important; border: 1px solid #F1F5F9 !important; border-radius: 8px !important; overflow: hidden !important; text-align: center !important; } .kwick-card-thumb-link, .kwick-featured-card .kwick-card-thumb-wrap a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0 auto !important; text-decoration: none !important; } .kwick-card-thumb-wrap img, .kwick-featured-card .kwick-card-thumb-wrap a img, .woocommerce .products .kwick-featured-card a img, .woocommerce .products .product.kwick-featured-card a img { max-width: 100% !important; max-height: 150px !important; width: auto !important; height: auto !important; object-fit: contain !important; display: block !important; margin: auto !important; vertical-align: middle !important; transition: transform 0.3s ease !important; } .kwick-featured-card:hover .kwick-card-thumb-wrap img { transform: scale(1.06) !important; } /* Card Body (Product Details Box with Subtle Hairline Separation) */ .kwick-card-body { display: flex; flex-direction: column; flex-grow: 1; padding-bottom: 10px; border-bottom: 1px solid #F1F5F9; margin-bottom: 10px; } .kwick-card-title { margin: 0 0 4px 0; font-family: 'Poppins', sans-serif; font-size: 13.5px; font-weight: 600; line-height: 1.35; height: 37px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .kwick-card-title a { color: #111827 !important; text-decoration: none !important; transition: color 0.2s ease; } .kwick-featured-card:hover .kwick-card-title a { color: #FF600A !important; } .kwick-card-specs { font-family: 'Poppins', sans-serif; font-size: 11.5px; color: #64748B; margin-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; } /* Star Rating */ .kwick-card-rating { display: flex; align-items: center; gap: 4px; font-family: 'Poppins', sans-serif; font-size: 11.5px; margin-bottom: 8px; } .kwick-stars { color: #F59E0B; letter-spacing: 1px; font-size: 11px; display: inline-flex; } .kwick-rating-score { font-weight: 600; color: #1E293B; } .kwick-rating-count { color: #94A3B8; } /* Footer: Price Box & Actions */ .kwick-card-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 2px; margin-top: auto; } .kwick-card-price { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; } .kwick-price-current, .kwick-price-current .woocommerce-Price-amount { font-family: 'Poppins', sans-serif !important; font-size: 15px !important; font-weight: 700 !important; color: #111827 !important; line-height: 1.2 !important; } .kwick-price-regular, .kwick-price-regular .woocommerce-Price-amount { font-family: 'Poppins', sans-serif !important; font-size: 12px !important; color: #94A3B8 !important; text-decoration: line-through !important; font-weight: 400 !important; } /* Cart Icon Button */ .kwick-card-action { display: flex; align-items: center; } .kwick-cart-icon-btn { width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 8px !important; background: #F1F5F9 !important; color: #1E293B !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: none !important; cursor: pointer !important; transition: all 0.2s ease !important; padding: 0 !important; text-decoration: none !important; } .kwick-cart-icon-btn:hover { background: #FF600A !important; color: #FFFFFF !important; transform: scale(1.06) !important; box-shadow: 0 4px 10px rgba(255, 96, 10, 0.25) !important; } .kwick-cart-icon-btn svg { display: block; } /* ========================================================================== RESPONSIVE MEDIA QUERIES FOR FEATURED PRODUCTS SECTION ========================================================================== */ /* Laptop (4 columns) */ @media (max-width: 1199px) and (min-width: 992px) { .kwick-featured-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } } /* Tablet (3 columns) */ @media (max-width: 991px) and (min-width: 768px) { .kwick-featured-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } } /* Mobile (2 columns grid) */ @media (max-width: 767px) { .kwick-featured-section { margin-top: 25px; margin-bottom: 35px; } .kwick-featured-header { flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 16px; } .kwick-featured-title { font-size: 19px; } .kwick-featured-title span { padding-bottom: 8px; margin-bottom: -9px; } .kwick-featured-subtitle { display: none; /* Hide subtitle on mobile for cleaner top bar */ } .kwick-featured-view-all .kwick-view-all-link { font-size: 12px; } .kwick-featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .kwick-featured-card { padding: 10px 8px 10px 8px; border-radius: 10px; } .kwick-card-thumb-wrap { height: 135px !important; margin-bottom: 8px !important; padding: 4px !important; } .kwick-card-thumb-wrap img, .kwick-featured-card .kwick-card-thumb-wrap a img { max-height: 125px !important; max-width: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; margin: auto !important; } .kwick-card-title { font-size: 12px; height: 32px; margin-bottom: 2px; } .kwick-card-specs { font-size: 10.5px; margin-bottom: 4px; } .kwick-card-rating { font-size: 10.5px; gap: 2px; margin-bottom: 6px; } .kwick-stars { font-size: 10px; letter-spacing: 0; } .kwick-price-current, .kwick-price-current .woocommerce-Price-amount { font-size: 13.5px !important; } .kwick-cart-icon-btn { width: 30px !important; height: 30px !important; min-width: 30px !important; border-radius: 6px !important; } .kwick-cart-icon-btn svg { width: 14px; height: 14px; } } /* ========================================================================== TOP BRANDS SECTION (OFFICIAL BRAND LOGOS & PERFECT CONTAINER ALIGNMENT) Portronics (11.png), boAt (10.png), Enter (9.png), Qubo (7.png), Acer (6.png), Lenovo (5.png), Lava (4.png), Noise (3.png) ========================================================================== */ /* Section 6 Elementor Container Overrides (Removes 700px boxed constraint & grey bg) */ .elementor-1023 .elementor-element.elementor-element-d80be4a, .elementor-element.elementor-element-d80be4a { --content-width: 100% !important; max-width: 100% !important; width: 100% !important; background-color: transparent !important; background: transparent !important; padding: 0 !important; --padding-top: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; --padding-right: 0px !important; } .elementor-1023 .elementor-element.elementor-element-d80be4a:not(.elementor-motion-effects-element-type-background), .elementor-1023 .elementor-element.elementor-element-d80be4a > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: transparent !important; background: transparent !important; } /* Brands Section Wrapper */ .kwick-brands-section { width: 100%; margin-bottom: 50px; box-sizing: border-box; } /* Exact container matching Section 2, 3, 4, 5 */ .kwick-brands-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; width: 100%; } /* Header */ .kwick-brands-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 24px; padding-bottom: 12px; border-bottom: 1px solid #EFEFEF; position: relative; box-sizing: border-box; } .kwick-brands-title-wrap { display: flex; flex-direction: column; align-items: flex-start; } .kwick-brands-title { margin: 0; padding: 0; font-family: 'Poppins', sans-serif; font-size: 22px; font-weight: 700; color: #111827; letter-spacing: -0.3px; line-height: 1.2; } /* Brand Orange Accent Underline matching Featured Products and Deals */ .kwick-brands-title span { position: relative; display: inline-block; padding-bottom: 12px; margin-bottom: -13px; border-bottom: 3px solid #FF600A; } .kwick-brands-subtitle { margin: 16px 0 0 0; font-family: 'Poppins', sans-serif; font-size: 13.5px; color: #64748B; font-weight: 400; line-height: 1.4; } /* View All Link */ .kwick-brands-view-all { display: flex; align-items: center; margin-bottom: -4px; } .kwick-brands-view-all-link { display: inline-flex; align-items: center; gap: 6px; font-family: 'Poppins', sans-serif; font-size: 13.5px; font-weight: 600; color: #334155; text-decoration: none !important; transition: all 0.2s ease; } .kwick-brands-view-all-link:hover { color: #FF600A !important; transform: translateX(3px); } .kwick-brands-view-all-link svg { transition: transform 0.2s ease; } .kwick-brands-view-all-link:hover svg { transform: translateX(2px); } /* Grid Layout: 8 columns desktop */ .kwick-brands-grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 14px; box-sizing: border-box; } /* Brand Card */ .kwick-brand-card { background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 12px; padding: 16px 8px 14px 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; text-decoration: none !important; transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1); box-sizing: border-box; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); height: 100%; } .kwick-brand-card:before, .kwick-brand-card:after { display: none !important; content: none !important; } .kwick-brand-card:hover { border-color: #FF600A; transform: translateY(-4px); box-shadow: 0 10px 24px rgba(255, 96, 10, 0.12); } /* Official Logo Box Container */ .kwick-brand-logo-wrap { width: 100%; height: 52px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; box-sizing: border-box; } .kwick-brand-logo-wrap img { max-width: 96px; max-height: 44px; width: auto; height: auto; object-fit: contain; display: block; border-radius: 4px; transition: transform 0.25s ease; } .kwick-brand-card:hover .kwick-brand-logo-wrap img { transform: scale(1.08); } /* Brand Name */ .kwick-brand-name { margin: 0 0 3px 0; font-family: 'Poppins', sans-serif; font-size: 13.5px; font-weight: 600; color: #111827; letter-spacing: -0.2px; line-height: 1.25; transition: color 0.2s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .kwick-brand-card:hover .kwick-brand-name { color: #FF600A; } /* Product Count */ .kwick-brand-count { font-family: 'Poppins', sans-serif; font-size: 11.5px; color: #64748B; font-weight: 500; transition: color 0.2s ease; white-space: nowrap; } .kwick-brand-card:hover .kwick-brand-count { color: #FF600A; } /* ========================================================================== RESPONSIVE MEDIA QUERIES FOR BRANDS SECTION ========================================================================== */ /* Laptop / Small Desktop (4 columns x 2 rows) */ @media (max-width: 1199px) and (min-width: 992px) { .kwick-brands-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } } /* Tablet (4 columns x 2 rows) */ @media (max-width: 991px) and (min-width: 640px) { .kwick-brands-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .kwick-brand-logo-wrap { height: 48px; } .kwick-brand-logo-wrap img { max-width: 85px; max-height: 40px; } } /* Phone View (< 640px) - 4 Columns Grid */ @media (max-width: 639px) { .kwick-brands-section { margin-top: 25px; margin-bottom: 35px; } .kwick-brands-header { flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 16px; } .kwick-brands-title { font-size: 19px; } .kwick-brands-title span { padding-bottom: 8px; margin-bottom: -9px; } .kwick-brands-subtitle { display: none; } .kwick-brands-view-all .kwick-brands-view-all-link { font-size: 12px; } .kwick-brands-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; } .kwick-brand-card { padding: 10px 4px 8px 4px; border-radius: 8px; } .kwick-brand-logo-wrap { height: 38px; margin-bottom: 6px; } .kwick-brand-logo-wrap img { max-width: 62px; max-height: 30px; } .kwick-brand-name { font-size: 11px; margin-bottom: 1px; } .kwick-brand-count { font-size: 9.5px; } } /* ========================================================================== ABOUT US PAGE (KWICKX / KWICKTRONIX) Hero Header, Image with Text, Mission & Vision, Counting Numbers, Values, Brands, CTA ========================================================================== */ .kwick-about-page-wrapper { width: 100%; overflow-x: hidden; background-color: #FFFFFF; font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #1F2937; -webkit-font-smoothing: antialiased; } .kwick-about-page-wrapper section { scroll-margin-top: 90px; } .kwick-about-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; width: 100%; } /* Common Text Highlighting */ .kwick-highlight-orange { color: #FF600A !important; } /* Pill Badges */ .kwick-about-pill-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 96, 10, 0.08); border: 1px solid rgba(255, 96, 10, 0.22); border-radius: 9999px; padding: 6px 16px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.8px; color: #FF600A; text-transform: uppercase; margin-bottom: 16px; } .kwick-pill-dot { width: 7px; height: 7px; border-radius: 50%; background-color: #FF600A; box-shadow: 0 0 8px rgba(255, 96, 10, 0.6); } .kwick-pill-dot.orange { background-color: #FF600A; } /* Section Tag Lines */ .kwick-section-tag { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 12px; } .kwick-tag-line { width: 24px; height: 3px; background-color: #FF600A; border-radius: 2px; } .kwick-tag-text { font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #FF600A; } /* Centered Section Headers */ .kwick-section-header-center { text-align: center; max-width: 780px; margin: 0 auto 45px auto; } .kwick-mv-main-title { font-family: 'Poppins', sans-serif; font-size: 32px; font-weight: 700; color: #111827; letter-spacing: -0.5px; line-height: 1.25; margin: 0 0 14px 0; position: relative; } .kwick-mv-main-title:after { content: ""; display: block; width: 70px; height: 3.5px; background-color: #FF600A; border-radius: 2px; margin: 12px auto 0 auto; } .kwick-mv-main-title span { position: relative; display: inline; } .kwick-mv-main-title span:after { display: none; } .kwick-mv-main-subtitle { font-size: 15px; color: #64748B; line-height: 1.6; margin: 0; } /* Primary and Secondary Buttons */ .kwick-btn-primary { display: inline-flex; align-items: center; gap: 10px; background: #FF600A; color: #FFFFFF !important; font-size: 14.5px; font-weight: 600; padding: 13px 26px; border-radius: 8px; text-decoration: none !important; transition: all 0.25s ease; box-shadow: 0 6px 18px rgba(255, 96, 10, 0.25); } .kwick-btn-primary:hover { background: #E04F00; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(255, 96, 10, 0.35); } .kwick-btn-secondary { display: inline-flex; align-items: center; gap: 8px; background: #FFFFFF; color: #1F2937 !important; font-size: 14.5px; font-weight: 600; padding: 12px 24px; border-radius: 8px; border: 1.5px solid #E5E7EB; text-decoration: none !important; transition: all 0.25s ease; } .kwick-btn-secondary:hover { border-color: #FF600A; color: #FF600A !important; background: #FFF7ED; } /* -------------------------------------------------------------------------- 1. HERO HEADER BANNER -------------------------------------------------------------------------- */ .kwick-about-hero-header { background: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%); padding: 40px 0 35px 0; border-bottom: 1px solid #EEF2F6; } .kwick-about-breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #64748B; margin-bottom: 22px; } .kwick-about-breadcrumb a { color: #64748B; text-decoration: none; transition: color 0.2s ease; } .kwick-about-breadcrumb a:hover { color: #FF600A; } .kwick-about-breadcrumb .breadcrumb-separator { color: #CBD5E1; } .kwick-about-breadcrumb .breadcrumb-current { color: #111827; font-weight: 600; } .kwick-about-hero-intro { max-width: 820px; } .kwick-about-hero-title { font-family: 'Poppins', sans-serif; font-size: 42px; font-weight: 800; color: #0F172A; line-height: 1.2; letter-spacing: -0.8px; margin: 0 0 16px 0; } .kwick-about-hero-desc { font-size: 16.5px; line-height: 1.65; color: #475569; margin: 0; } /* -------------------------------------------------------------------------- 2. SECTION: IMAGE WITH TEXT (OUR STORY & PHILOSOPHY) -------------------------------------------------------------------------- */ .kwick-about-story-section { padding: 70px 0 60px 0; } .kwick-story-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 55px; align-items: center; } /* Media Card with Floating Badges */ .kwick-story-media-wrap { position: relative; } .kwick-story-media-card { position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 45px rgba(15, 23, 42, 0.12); border: 1px solid #E2E8F0; background: #0F172A; } .kwick-story-img { width: 100%; height: 480px; object-fit: cover; display: block; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); } .kwick-story-media-card:hover .kwick-story-img { transform: scale(1.03); } .kwick-story-gradient-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15, 23, 42, 0.1) 0%, rgba(15, 23, 42, 0.45) 100%); pointer-events: none; } /* Floating Badges */ .kwick-floating-badge { position: absolute; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 14px; padding: 12px 18px; display: flex; align-items: center; gap: 12px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15); z-index: 2; animation: kwickFloat 4s ease-in-out infinite alternate; } .kwick-badge-top { top: 24px; right: 24px; } .kwick-badge-bottom { bottom: 24px; left: 24px; animation-delay: 2s; } @keyframes kwickFloat { 0% { transform: translateY(0); } 100% { transform: translateY(-6px); } } .kwick-badge-icon { width: 36px; height: 36px; border-radius: 50%; background: rgba(255, 96, 10, 0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .kwick-badge-stars { color: #F59E0B; font-size: 16px; letter-spacing: 2px; } .kwick-badge-text strong { display: block; font-size: 13.5px; font-weight: 700; color: #111827; line-height: 1.25; } .kwick-badge-text span { display: block; font-size: 11.5px; color: #64748B; } /* Story Narrative Content */ .kwick-story-title { font-family: 'Poppins', sans-serif; font-size: 34px; font-weight: 700; color: #111827; line-height: 1.25; letter-spacing: -0.5px; margin: 0 0 16px 0; } .kwick-story-p { font-size: 15px; color: #475569; line-height: 1.7; margin: 0 0 16px 0; } /* Feature Checkpoints */ .kwick-story-features { display: flex; flex-direction: column; gap: 18px; margin: 26px 0 32px 0; padding-top: 10px; border-top: 1px solid #F1F5F9; } .kwick-feature-item { display: flex; align-items: flex-start; gap: 14px; } .kwick-feat-icon { width: 40px; height: 40px; border-radius: 10px; background: rgba(255, 96, 10, 0.08); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .kwick-feat-info h4 { font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 600; color: #111827; margin: 0 0 3px 0; } .kwick-feat-info p { font-size: 13.5px; color: #64748B; line-height: 1.5; margin: 0; } .kwick-story-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; } /* -------------------------------------------------------------------------- 3. SECTION: MISSION & VISION -------------------------------------------------------------------------- */ .kwick-about-mv-section { padding: 70px 0 80px 0; background-color: #F8FAFC; border-top: 1px solid #EEF2F6; border-bottom: 1px solid #EEF2F6; } .kwick-mv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 50px; } .kwick-mv-card { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 18px; padding: 38px 34px; box-sizing: border-box; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03); transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1); position: relative; overflow: hidden; } .kwick-mv-card:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: #E2E8F0; transition: background 0.3s ease; } .kwick-mission-card:hover:before { background: #FF600A; } .kwick-vision-card:hover:before { background: #2563EB; } .kwick-mv-card:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08); border-color: #CBD5E1; } .kwick-mv-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .kwick-mv-icon-badge { width: 60px; height: 60px; border-radius: 16px; display: flex; align-items: center; justify-content: center; } .kwick-icon-mission { background: rgba(255, 96, 10, 0.1); } .kwick-icon-vision { background: rgba(37, 99, 235, 0.1); } .kwick-mv-badge-pill { font-size: 11px; font-weight: 700; letter-spacing: 0.8px; padding: 4px 12px; border-radius: 999px; background: rgba(255, 96, 10, 0.1); color: #FF600A; } .kwick-pill-blue { background: rgba(37, 99, 235, 0.1) !important; color: #2563EB !important; } .kwick-mv-card-title { font-family: 'Poppins', sans-serif; font-size: 24px; font-weight: 700; color: #111827; margin: 0 0 12px 0; } .kwick-mv-lead { font-size: 15.5px; font-weight: 600; color: #1E293B; line-height: 1.55; margin: 0 0 14px 0; } .kwick-mv-card-desc { font-size: 14px; color: #64748B; line-height: 1.65; margin: 0 0 24px 0; } .kwick-mv-pillars { display: flex; flex-direction: column; gap: 12px; padding-top: 18px; border-top: 1px dashed #E2E8F0; } .kwick-pillar-item { display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px; color: #475569; line-height: 1.5; } .kwick-pillar-item strong { color: #111827; } .kwick-pillar-check { width: 20px; height: 20px; border-radius: 50%; background: #FF600A; color: #FFFFFF; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; } .kwick-check-blue { background: #2563EB !important; } /* Innovation Spotlight Banner */ .kwick-innovation-spotlight { margin-top: 20px; } .kwick-innovation-img-wrap { position: relative; border-radius: 18px; overflow: hidden; max-height: 380px; box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08); } .kwick-innovation-img { width: 100%; height: 380px; object-fit: cover; display: block; } .kwick-innovation-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.4) 60%, rgba(15, 23, 42, 0.1) 100%); display: flex; align-items: center; padding: 0 50px; } .kwick-innovation-card-box { max-width: 540px; color: #FFFFFF; } .kwick-inno-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 96, 10, 0.2); border: 1px solid rgba(255, 96, 10, 0.4); border-radius: 999px; padding: 5px 14px; font-size: 11px; font-weight: 700; letter-spacing: 0.8px; color: #FF8F4D; margin-bottom: 14px; } .kwick-innovation-card-box h4 { font-family: 'Poppins', sans-serif; font-size: 26px; font-weight: 700; color: #FFFFFF; margin: 0 0 10px 0; line-height: 1.3; } .kwick-innovation-card-box p { font-size: 14.5px; color: #CBD5E1; line-height: 1.6; margin: 0; } /* -------------------------------------------------------------------------- 4. SECTION: COUNTING NUMBER (ANIMATED COUNTER) -------------------------------------------------------------------------- */ .kwick-about-counters-section { background: #0B1120; padding: 75px 0 80px 0; position: relative; overflow: hidden; } .kwick-about-counters-section:before { content: ""; position: absolute; top: -50px; right: -50px; width: 350px; height: 350px; background: radial-gradient(circle, rgba(255, 96, 10, 0.15) 0%, rgba(11, 17, 32, 0) 70%); pointer-events: none; } .kwick-about-counters-section:after { content: ""; position: absolute; bottom: -50px; left: -50px; width: 350px; height: 350px; background: radial-gradient(circle, rgba(37, 99, 235, 0.12) 0%, rgba(11, 17, 32, 0) 70%); pointer-events: none; } .kwick-counters-header { text-align: center; max-width: 760px; margin: 0 auto 50px auto; position: relative; z-index: 2; } .kwick-counter-pill { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 9999px; padding: 5px 15px; font-size: 11px; font-weight: 700; letter-spacing: 0.8px; color: #F8FAFC; margin-bottom: 14px; } .kwick-counters-title { font-family: 'Poppins', sans-serif; font-size: 34px; font-weight: 700; color: #FFFFFF; line-height: 1.25; letter-spacing: -0.5px; margin: 0 0 12px 0; } .kwick-counters-desc { font-size: 15px; color: #94A3B8; line-height: 1.6; margin: 0; } .kwick-counters-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; position: relative; z-index: 2; } .kwick-counter-card { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; padding: 34px 22px 28px 22px; text-align: center; transition: all 0.3s ease; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .kwick-counter-card:hover { background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 96, 10, 0.4); transform: translateY(-5px); box-shadow: 0 14px 30px rgba(0, 0, 0, 0.3); } .kwick-counter-icon { width: 60px; height: 60px; border-radius: 14px; background: rgba(255, 96, 10, 0.12); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 18px; transition: transform 0.25s ease; } .kwick-counter-card:hover .kwick-counter-icon { transform: scale(1.1); } .kwick-counter-number-wrap { display: flex; align-items: baseline; justify-content: center; font-family: 'Poppins', sans-serif; font-size: 46px; font-weight: 800; color: #FFFFFF; line-height: 1; margin-bottom: 8px; letter-spacing: -1px; } .kwick-counter-number { font-variant-numeric: tabular-nums; } .kwick-counter-suffix { color: #FF600A; font-size: 36px; font-weight: 700; margin-left: 2px; } .kwick-counter-label { font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 600; color: #F8FAFC; margin: 0 0 6px 0; } .kwick-counter-sub { font-size: 12.5px; color: #94A3B8; line-height: 1.45; margin: 0; } /* -------------------------------------------------------------------------- 5. SECTION: WHY CHOOSE US (CORE VALUES) -------------------------------------------------------------------------- */ .kwick-about-values-section { padding: 75px 0 65px 0; background: #FFFFFF; } .kwick-values-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .kwick-value-card { background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 14px; padding: 30px 22px; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02); } .kwick-value-card:hover { border-color: #FF600A; transform: translateY(-4px); box-shadow: 0 12px 28px rgba(255, 96, 10, 0.1); } .kwick-value-icon { width: 52px; height: 52px; border-radius: 12px; background: rgba(255, 96, 10, 0.08); display: flex; align-items: center; justify-content: center; margin-bottom: 18px; transition: transform 0.25s ease; } .kwick-value-card:hover .kwick-value-icon { transform: scale(1.08); background: #FF600A; } .kwick-value-card:hover .kwick-value-icon svg { stroke: #FFFFFF !important; } .kwick-value-title { font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 600; color: #111827; margin: 0 0 8px 0; } .kwick-value-desc { font-size: 13.5px; color: #64748B; line-height: 1.55; margin: 0; } /* -------------------------------------------------------------------------- 6. SECTION: BRAND PARTNERS -------------------------------------------------------------------------- */ .kwick-about-brands-section { padding: 55px 0 65px 0; background: #F8FAFC; border-top: 1px solid #EEF2F6; } .kwick-brands-header-row { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 26px; flex-wrap: wrap; gap: 15px; } .kwick-about-sub-title { font-family: 'Poppins', sans-serif; font-size: 24px; font-weight: 700; color: #111827; margin: 0 0 4px 0; } .kwick-about-sub-title span { position: relative; display: inline-block; } .kwick-about-sub-title span:after { content: ""; position: absolute; bottom: -4px; left: 0; width: 100%; height: 3px; background-color: #FF600A; border-radius: 2px; } .kwick-about-sub-desc { font-size: 14px; color: #64748B; margin: 0; } .kwick-view-all-link { font-size: 13.5px; font-weight: 600; color: #111827; text-decoration: none; transition: color 0.2s ease; } .kwick-view-all-link:hover { color: #FF600A; } .kwick-about-brands-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 14px; } .kwick-about-brand-card { background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 12px; padding: 16px 8px 12px 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; text-decoration: none !important; transition: all 0.25s ease; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); height: 100%; } .kwick-about-brand-card:before, .kwick-about-brand-card:after { display: none !important; content: none !important; } .kwick-about-brand-card:hover { border-color: #FF600A; transform: translateY(-4px); box-shadow: 0 10px 24px rgba(255, 96, 10, 0.12); } .kwick-about-brand-card img { max-width: 90px; max-height: 42px; width: auto; height: auto; object-fit: contain; display: block; margin-bottom: 8px; transition: transform 0.25s ease; } .kwick-about-brand-card:hover img { transform: scale(1.08); } .kwick-about-brand-name { font-size: 12px; font-weight: 600; color: #374151; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } /* -------------------------------------------------------------------------- 7. SECTION: CALL TO ACTION (CTA BANNER) -------------------------------------------------------------------------- */ .kwick-about-cta-section { padding: 30px 0 75px 0; background: #F8FAFC; } .kwick-cta-box { background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%); border-radius: 20px; padding: 55px 40px; text-align: center; position: relative; overflow: hidden; box-shadow: 0 20px 45px rgba(15, 23, 42, 0.15); } .kwick-cta-box:before { content: ""; position: absolute; top: -60px; left: -60px; width: 250px; height: 250px; background: radial-gradient(circle, rgba(255, 96, 10, 0.22) 0%, rgba(15, 23, 42, 0) 70%); } .kwick-cta-content { position: relative; z-index: 2; max-width: 720px; margin: 0 auto; } .kwick-cta-badge { display: inline-block; background: rgba(255, 96, 10, 0.2); border: 1px solid rgba(255, 96, 10, 0.4); color: #FF8F4D; font-size: 11px; font-weight: 700; letter-spacing: 1px; padding: 5px 16px; border-radius: 999px; margin-bottom: 16px; } .kwick-cta-title { font-family: 'Poppins', sans-serif; font-size: 34px; font-weight: 700; color: #FFFFFF; line-height: 1.25; margin: 0 0 12px 0; } .kwick-cta-desc { font-size: 15.5px; color: #94A3B8; line-height: 1.6; margin: 0 0 28px 0; } .kwick-cta-buttons { display: flex; align-items: center; justify-content: center; gap: 15px; flex-wrap: wrap; } .kwick-cta-btn-primary { display: inline-flex; align-items: center; gap: 10px; background: #FF600A; color: #FFFFFF !important; font-size: 15px; font-weight: 600; padding: 13px 28px; border-radius: 8px; text-decoration: none !important; transition: all 0.25s ease; box-shadow: 0 6px 20px rgba(255, 96, 10, 0.35); } .kwick-cta-btn-primary:hover { background: #E04F00; transform: translateY(-2px); box-shadow: 0 10px 28px rgba(255, 96, 10, 0.45); } .kwick-cta-btn-secondary { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.1); color: #FFFFFF !important; border: 1px solid rgba(255, 255, 255, 0.2); font-size: 15px; font-weight: 600; padding: 13px 26px; border-radius: 8px; text-decoration: none !important; transition: all 0.25s ease; } .kwick-cta-btn-secondary:hover { background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.4); transform: translateY(-2px); } /* ========================================================================== RESPONSIVE DESIGN (TABLET & MOBILE) ========================================================================== */ /* Tablet & Small Desktop (max-width: 991px) */ @media (max-width: 991px) { .kwick-about-hero-title { font-size: 32px; } .kwick-story-grid { grid-template-columns: 1fr; gap: 40px; } .kwick-story-img { height: 380px; } .kwick-mv-grid { grid-template-columns: 1fr; gap: 24px; } .kwick-counters-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; } .kwick-values-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; } .kwick-about-brands-grid { grid-template-columns: repeat(4, 1fr); gap: 12px; } .kwick-innovation-overlay { padding: 0 25px; } } /* Phone / Mobile (max-width: 639px) */ @media (max-width: 639px) { .kwick-about-hero-header { padding: 25px 0 22px 0; } .kwick-about-hero-title { font-size: 30px; line-height: 1.25; } .kwick-about-hero-desc { font-size: 14px; } .kwick-about-story-section { padding: 40px 0; } .kwick-story-img { height: 260px; } .kwick-floating-badge { padding: 8px 12px; gap: 8px; } .kwick-badge-top { top: 12px; right: 12px; } .kwick-badge-bottom { bottom: 12px; left: 12px; } .kwick-badge-text strong { font-size: 11.5px; } .kwick-badge-text span { font-size: 10px; } .kwick-badge-stars { font-size: 12px; } .kwick-story-title { font-size: 24px; } .kwick-story-p { font-size: 14px; } .kwick-feat-info h4 { font-size: 14px; } .kwick-feat-info p { font-size: 12.5px; } .kwick-about-mv-section { padding: 45px 0 50px 0; } .kwick-mv-main-title { font-size: 24px; } .kwick-mv-card { padding: 26px 20px; } .kwick-mv-card-title { font-size: 20px; } .kwick-mv-lead { font-size: 14px; } .kwick-mv-card-desc { font-size: 13px; } .kwick-innovation-img { height: 320px; } .kwick-innovation-overlay { padding: 0 18px; } .kwick-innovation-card-box h4 { font-size: 20px; } .kwick-innovation-card-box p { font-size: 13px; } .kwick-about-counters-section { padding: 50px 0 55px 0; } .kwick-counters-title { font-size: 24px; } .kwick-counters-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } .kwick-counter-card { padding: 22px 12px 18px 12px; } .kwick-counter-number-wrap { font-size: 32px; } .kwick-counter-suffix { font-size: 24px; } .kwick-counter-label { font-size: 13.5px; } .kwick-counter-sub { font-size: 11px; } .kwick-about-values-section { padding: 45px 0 40px 0; } .kwick-values-grid { grid-template-columns: 1fr; gap: 14px; } .kwick-value-card { padding: 20px 16px; } .kwick-about-brands-section { padding: 40px 0 45px 0; } .kwick-brands-header-row { flex-direction: column; align-items: flex-start; gap: 6px; margin-bottom: 18px; } .kwick-story-actions { flex-direction: column; width: 100%; } .kwick-btn-primary, .kwick-btn-secondary { width: 100%; justify-content: center; } .kwick-about-brands-grid { grid-template-columns: repeat(4, 1fr); gap: 8px; } .kwick-about-brand-card { padding: 10px 4px 8px 4px; } .kwick-about-brand-card img { max-width: 62px; max-height: 30px; } .kwick-about-brand-name { font-size: 11px; } .kwick-cta-box { padding: 35px 20px; } .kwick-cta-title { font-size: 23px; } .kwick-cta-desc { font-size: 13.5px; margin-bottom: 22px; } .kwick-cta-btn-primary, .kwick-cta-btn-secondary { width: 100%; justify-content: center; } } /* ========================================================================== CONTACT US PAGE (KWICKX / KWICKTRONIX) Hero Header, 4 Quick Contact Cards, Interactive Form, Live Order Tracking Box, FAQs, Trust Strip (NO MAP) ========================================================================== */ .kwick-contact-page-wrapper { width: 100%; overflow-x: hidden; background-color: #FFFFFF; font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #1F2937; -webkit-font-smoothing: antialiased; } .kwick-contact-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; width: 100%; } /* -------------------------------------------------------------------------- 1. CONTACT HERO HEADER -------------------------------------------------------------------------- */ .kwick-contact-hero-header { background: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%); padding: 40px 0 35px 0; border-bottom: 1px solid #EEF2F6; } .kwick-contact-breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #64748B; margin-bottom: 20px; } .kwick-contact-breadcrumb a { color: #64748B; text-decoration: none; transition: color 0.2s ease; } .kwick-contact-breadcrumb a:hover { color: #FF600A; } .kwick-contact-breadcrumb .breadcrumb-separator { color: #CBD5E1; } .kwick-contact-breadcrumb .breadcrumb-current { color: #111827; font-weight: 600; } .kwick-contact-hero-intro { max-width: 800px; } .kwick-contact-pill-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 96, 10, 0.08); border: 1px solid rgba(255, 96, 10, 0.22); border-radius: 9999px; padding: 6px 16px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.8px; color: #FF600A; text-transform: uppercase; margin-bottom: 16px; } .kwick-contact-hero-title { font-family: 'Poppins', sans-serif; font-size: 40px; font-weight: 800; color: #0F172A; line-height: 1.22; letter-spacing: -0.8px; margin: 0 0 14px 0; } .kwick-contact-hero-desc { font-size: 16px; line-height: 1.65; color: #475569; margin: 0; } /* -------------------------------------------------------------------------- 2. TOP 4 QUICK CONTACT INFO CARDS -------------------------------------------------------------------------- */ .kwick-contact-info-section { padding: 45px 0 25px 0; } .kwick-info-cards-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .kwick-info-card { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 14px; padding: 24px 20px; display: flex; flex-direction: column; align-items: flex-start; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02); position: relative; } .kwick-info-card:hover { border-color: #FF600A; transform: translateY(-4px); box-shadow: 0 12px 30px rgba(255, 96, 10, 0.1); } .kwick-info-card-icon { width: 48px; height: 48px; border-radius: 12px; background: rgba(255, 96, 10, 0.08); display: flex; align-items: center; justify-content: center; margin-bottom: 16px; flex-shrink: 0; transition: transform 0.25s ease; } .kwick-info-card:hover .kwick-info-card-icon { transform: scale(1.08); background: #FF600A; } .kwick-info-card:hover .kwick-info-card-icon svg { stroke: #FFFFFF; } .kwick-info-card-icon.highlight { background: #FF600A; } .kwick-info-tag { font-size: 10.5px; font-weight: 700; letter-spacing: 0.8px; color: #FF600A; text-transform: uppercase; display: inline-block; margin-bottom: 6px; } .kwick-info-tag.highlight { color: #FF600A; } .kwick-info-title { font-family: 'Poppins', sans-serif; font-size: 17px; font-weight: 700; color: #111827; margin: 0 0 6px 0; line-height: 1.3; } .kwick-info-detail { font-size: 13px; color: #64748B; margin: 0 0 10px 0; line-height: 1.45; } .kwick-info-link { font-size: 13.5px; font-weight: 600; color: #FF600A; text-decoration: none; transition: all 0.2s ease; display: inline-flex; align-items: center; gap: 4px; } .kwick-info-link:hover { color: #E04F00; text-decoration: underline; transform: translateX(2px); } .kwick-info-link.highlight { font-weight: 700; } .kwick-info-address { font-size: 12.5px; color: #475569; line-height: 1.45; display: block; } /* -------------------------------------------------------------------------- 3. MAIN CONTENT: INTERACTIVE FORM + SIDEBAR -------------------------------------------------------------------------- */ .kwick-contact-main-section { padding: 55px 0 85px 0; } .kwick-contact-grid { display: grid; grid-template-columns: 1.25fr 0.75fr; gap: 40px; align-items: flex-start; } /* Left: Contact Form Card */ .kwick-form-card { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 18px; padding: 38px 34px; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04); } .kwick-form-header { margin-bottom: 26px; } .kwick-form-title { font-family: 'Poppins', sans-serif; font-size: 28px; font-weight: 700; color: #111827; margin: 0 0 8px 0; line-height: 1.25; } .kwick-form-sub { font-size: 14.5px; color: #64748B; line-height: 1.55; margin: 0; } /* Feedback Alerts */ .kwick-form-alert { padding: 14px 18px; border-radius: 10px; font-size: 14px; font-weight: 500; line-height: 1.5; margin-bottom: 22px; } .kwick-form-alert.alert-success { background: #ECFDF5; border: 1px solid #10B981; color: #065F46; } .kwick-form-alert.alert-error { background: #FEF2F2; border: 1px solid #EF4444; color: #991B1B; } /* Form Layout */ .kwick-contact-form { display: flex; flex-direction: column; gap: 18px; } .kwick-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } .kwick-field-group { display: flex; flex-direction: column; gap: 7px; } .kwick-field-group label { font-size: 13.5px; font-weight: 600; color: #374151; display: flex; align-items: center; gap: 4px; } .kwick-field-group label .required { color: #EF4444; } .kwick-field-group label .optional { font-size: 11.5px; color: #94A3B8; font-weight: 400; } .kwick-input-wrapper { position: relative; display: flex; align-items: center; } .kwick-input-icon { position: absolute; left: 14px; pointer-events: none; transition: stroke 0.2s ease; } .kwick-input-wrapper input, .kwick-input-wrapper select { width: 100% !important; padding-top: 12px !important; padding-bottom: 12px !important; padding-left: 44px !important; padding-right: 14px !important; border: 1.5px solid #E2E8F0 !important; border-radius: 9px !important; font-size: 14px !important; font-family: 'Poppins', sans-serif !important; color: #1F2937 !important; background: #FFFFFF !important; transition: all 0.2s ease !important; outline: none !important; box-sizing: border-box !important; height: 48px !important; line-height: normal !important; } .kwick-input-wrapper select { appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; cursor: pointer; } .kwick-field-group textarea { width: 100% !important; padding: 13px 14px !important; border: 1.5px solid #E2E8F0 !important; border-radius: 9px !important; font-size: 14px !important; font-family: 'Poppins', sans-serif !important; color: #1F2937 !important; background: #FFFFFF !important; transition: all 0.2s ease !important; outline: none !important; box-sizing: border-box !important; resize: vertical !important; min-height: 120px !important; } .kwick-input-wrapper input:focus, .kwick-input-wrapper select:focus, .kwick-field-group textarea:focus { border-color: #FF600A; box-shadow: 0 0 0 3.5px rgba(255, 96, 10, 0.12); } .kwick-input-wrapper input:focus + .kwick-input-icon, .kwick-input-wrapper input:focus ~ .kwick-input-icon { stroke: #FF600A; } /* Submit Footer */ .kwick-form-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 10px; flex-wrap: wrap; } .kwick-submit-btn { display: inline-flex; align-items: center; gap: 10px; background: #FF600A; color: #FFFFFF; font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 600; padding: 13px 30px; border-radius: 8px; border: none; cursor: pointer; transition: all 0.25s ease; box-shadow: 0 6px 18px rgba(255, 96, 10, 0.3); } .kwick-submit-btn:hover { background: #E04F00; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(255, 96, 10, 0.4); } .kwick-submit-btn:disabled { opacity: 0.7; cursor: not-allowed; transform: none; } .btn-spinner { width: 16px; height: 16px; border: 2px solid #FFFFFF; border-top-color: transparent; border-radius: 50%; animation: kwickSpin 0.7s linear infinite; } @keyframes kwickSpin { to { transform: rotate(360deg); } } .kwick-form-privacy-note { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: #64748B; margin: 0; } /* -------------------------------------------------------------------------- 4. RIGHT COLUMN: SELF-SERVICE SIDEBAR -------------------------------------------------------------------------- */ .kwick-sidebar-column { display: flex; flex-direction: column; gap: 22px; } /* Quick Order Tracking Box */ .kwick-track-order-card { background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%); border-radius: 16px; padding: 28px 24px; color: #FFFFFF; position: relative; overflow: hidden; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.12); } .kwick-track-order-card:before { content: ""; position: absolute; top: -40px; right: -40px; width: 160px; height: 160px; background: radial-gradient(circle, rgba(255, 96, 10, 0.25) 0%, rgba(15, 23, 42, 0) 70%); } .kwick-track-badge { display: inline-block; background: rgba(255, 96, 10, 0.2); border: 1px solid rgba(255, 96, 10, 0.4); color: #FF8F4D; font-size: 10.5px; font-weight: 700; letter-spacing: 0.8px; padding: 3px 12px; border-radius: 999px; margin-bottom: 12px; } .kwick-track-title { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 700; color: #FFFFFF; margin: 0 0 6px 0; line-height: 1.3; } .kwick-track-desc { font-size: 13px; color: #94A3B8; line-height: 1.5; margin: 0 0 18px 0; } /* Dark Contact Info List */ .kwick-dark-contact-list { display: flex; flex-direction: column; gap: 14px; position: relative; z-index: 2; } .kwick-dark-contact-item { display: flex; align-items: flex-start; gap: 14px; padding: 14px 16px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 12px; transition: all 0.25s ease; } .kwick-dark-contact-item:hover { background: rgba(255, 255, 255, 0.09); border-color: rgba(255, 96, 10, 0.45); transform: translateY(-2px); } .kwick-dark-icon-wrap { width: 40px; height: 40px; border-radius: 10px; background: rgba(255, 96, 10, 0.15); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .kwick-dark-item-text { display: flex; flex-direction: column; gap: 3px; } .kwick-dark-item-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; color: #FF8F4D; } .kwick-dark-company { font-size: 13.5px; font-weight: 600; color: #FFFFFF; } .kwick-dark-item-val { font-size: 14px; font-weight: 500; color: #F1F5F9; text-decoration: none !important; transition: color 0.2s ease; } .kwick-dark-item-val:hover { color: #FF600A; } .kwick-dark-item-sub { font-size: 12px; color: #94A3B8; } .kwick-quick-track-form { position: relative; z-index: 2; } .kwick-quick-track-input-wrap { display: flex; align-items: center; background: #FFFFFF; border-radius: 8px; overflow: hidden; padding: 3px 3px 3px 14px; } .kwick-quick-track-input-wrap input { border: none; outline: none; font-size: 13.5px; font-family: 'Poppins', sans-serif; color: #111827; width: 100%; } .kwick-quick-track-btn { background: #FF600A; border: none; border-radius: 6px; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; transition: background 0.2s ease; } .kwick-quick-track-btn:hover { background: #E04F00; } /* FAQ Accordion Card */ .kwick-contact-faq-card { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 16px; padding: 26px 22px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02); } .kwick-faq-header { margin-bottom: 18px; } .kwick-faq-pill { font-size: 11px; font-weight: 700; letter-spacing: 0.8px; color: #FF600A; display: inline-block; margin-bottom: 4px; } .kwick-faq-title { font-family: 'Poppins', sans-serif; font-size: 19px; font-weight: 700; color: #111827; margin: 0; } .kwick-faq-accordion { display: flex; flex-direction: column; gap: 10px; } .kwick-faq-item { border: 1px solid #EEF2F6; border-radius: 10px; overflow: hidden; transition: all 0.25s ease; } .kwick-faq-item.active { border-color: #CBD5E1; background: #F8FAFC; } .kwick-faq-question { width: 100%; padding: 13px 16px; background: transparent; border: none; text-align: left; font-family: 'Poppins', sans-serif; font-size: 13.5px; font-weight: 600; color: #1E293B; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 10px; transition: color 0.2s ease; } .kwick-faq-item.active .kwick-faq-question { color: #FF600A; } .kwick-faq-toggle { width: 16px; height: 16px; position: relative; flex-shrink: 0; } .kwick-faq-toggle:before, .kwick-faq-toggle:after { content: ""; position: absolute; background: #64748B; transition: transform 0.25s ease; } .kwick-faq-toggle:before { top: 7px; left: 2px; width: 12px; height: 2px; } .kwick-faq-toggle:after { top: 2px; left: 7px; width: 2px; height: 12px; } .kwick-faq-item.active .kwick-faq-toggle:before { background: #FF600A; } .kwick-faq-item.active .kwick-faq-toggle:after { transform: rotate(90deg); opacity: 0; } .kwick-faq-answer { padding: 0 16px 14px 16px; display: none; } .kwick-faq-answer p { font-size: 13px; color: #64748B; line-height: 1.55; margin: 0; } /* B2B Card */ .kwick-b2b-card { background: rgba(255, 96, 10, 0.04); border: 1.5px dashed rgba(255, 96, 10, 0.35); border-radius: 14px; padding: 20px; display: flex; align-items: flex-start; gap: 14px; } .kwick-b2b-icon { width: 42px; height: 42px; border-radius: 10px; background: rgba(255, 96, 10, 0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .kwick-b2b-body h4 { font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 700; color: #111827; margin: 0 0 4px 0; } .kwick-b2b-body p { font-size: 12.5px; color: #64748B; line-height: 1.45; margin: 0 0 8px 0; } .kwick-b2b-link { font-size: 13px; font-weight: 600; color: #FF600A; text-decoration: none; transition: color 0.2s ease; } .kwick-b2b-link:hover { color: #E04F00; text-decoration: underline; } /* -------------------------------------------------------------------------- 5. SERVICE & ASSURANCE STRIP (4 TRUST PILLARS) -------------------------------------------------------------------------- */ .kwick-contact-trust-section { padding: 35px 0; background: #F8FAFC; border-top: 1px solid #EEF2F6; border-bottom: 1px solid #EEF2F6; } .kwick-contact-trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; } .kwick-trust-item { display: flex; align-items: center; gap: 14px; } .kwick-trust-icon { width: 44px; height: 44px; border-radius: 10px; background: #FFFFFF; border: 1px solid #E2E8F0; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03); } .kwick-trust-item h5 { font-family: 'Poppins', sans-serif; font-size: 14.5px; font-weight: 600; color: #111827; margin: 0 0 2px 0; } .kwick-trust-item p { font-size: 12.5px; color: #64748B; line-height: 1.4; margin: 0; } /* ========================================================================== RESPONSIVE DESIGN FOR CONTACT US (TABLET & MOBILE) ========================================================================== */ /* Tablet (max-width: 991px) */ @media (max-width: 991px) { .kwick-contact-hero-title { font-size: 32px; } .kwick-info-cards-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } .kwick-contact-grid { grid-template-columns: 1fr; gap: 35px; } .kwick-contact-trust-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; } } /* Mobile (max-width: 639px) */ @media (max-width: 639px) { .kwick-contact-hero-header { padding: 25px 0 20px 0; } .kwick-contact-hero-title { font-size: 26px; line-height: 1.25; } .kwick-contact-hero-desc { font-size: 14px; } .kwick-contact-info-section { padding: 30px 0 15px 0; } .kwick-info-cards-grid { grid-template-columns: 1fr; gap: 14px; } .kwick-info-card { padding: 20px 16px; } .kwick-contact-main-section { padding: 20px 0 50px 0; } .kwick-form-card { padding: 24px 18px; } .kwick-form-title { font-size: 22px; } .kwick-form-sub { font-size: 13.5px; } .kwick-form-row { grid-template-columns: 1fr; gap: 14px; } .kwick-form-footer { flex-direction: column; align-items: stretch; } .kwick-submit-btn { width: 100%; justify-content: center; } .kwick-form-privacy-note { justify-content: center; text-align: center; } .kwick-contact-faq-card { padding: 22px 16px; } .kwick-faq-title { font-size: 18px; } .kwick-contact-trust-grid { grid-template-columns: 1fr; gap: 14px; } } /* ========================================================================== KWICKTRONIX CUSTOM POLICY PAGES (SHIPPING, BILLING, CANCELLATION, PRIVACY, TERMS) ========================================================================== */ .kwick-policy-page-wrapper { background: #F8FAFC; color: #1E293B; font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; padding-bottom: 70px; } .kwick-policy-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } /* 1. Hero Header Banner */ .kwick-policy-hero-header { background: linear-gradient(180deg, #F1F5F9 0%, #FFFFFF 100%); padding: 42px 0 32px 0; border-bottom: 1px solid #E2E8F0; } .kwick-policy-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 13px; color: #64748B; margin-bottom: 18px; } .kwick-policy-breadcrumb a { color: #64748B; text-decoration: none; transition: color 0.2s ease; } .kwick-policy-breadcrumb a:hover { color: #FF600A; } .kwick-policy-breadcrumb .breadcrumb-separator { color: #CBD5E1; font-size: 12px; } .kwick-policy-breadcrumb .breadcrumb-current { color: #FF600A; font-weight: 600; } .kwick-policy-hero-intro { max-width: 820px; } .kwick-policy-pill-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 96, 10, 0.08); border: 1px solid rgba(255, 96, 10, 0.22); border-radius: 9999px; padding: 6px 16px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.8px; color: #FF600A; margin-bottom: 14px; } .kwick-policy-pill-badge .kwick-pill-dot { width: 7px; height: 7px; border-radius: 50%; background: #FF600A; box-shadow: 0 0 0 3px rgba(255, 96, 10, 0.25); } .kwick-policy-hero-title { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 800; color: #0F172A; line-height: 1.22; letter-spacing: -0.8px; margin: 0 0 14px 0; } .kwick-policy-hero-title .kwick-highlight-orange { color: #FF600A; } .kwick-policy-hero-desc { font-size: 15.5px; line-height: 1.65; color: #475569; margin: 0 0 16px 0; } .kwick-policy-meta-row { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; font-size: 12.5px; } .kwick-policy-badge-tag { background: #0F172A; color: #FFFFFF; font-weight: 600; padding: 3px 10px; border-radius: 6px; letter-spacing: 0.3px; } .kwick-policy-updated { color: #64748B; font-weight: 500; } /* 2. Policy Quick Navigation Bar */ .kwick-policy-nav-section { padding: 18px 0; background: #FFFFFF; border-bottom: 1px solid #E2E8F0; position: sticky; top: 0; z-index: 40; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02); } .kwick-policy-nav-bar { width: 100%; } .kwick-policy-nav-scroll { display: flex; align-items: center; gap: 10px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; padding: 4px 2px; } .kwick-policy-nav-scroll::-webkit-scrollbar { display: none; width: 0; height: 0; } .kwick-policy-nav-item { display: inline-flex; align-items: center; gap: 8px; padding: 9px 18px; border-radius: 9999px; background: #F8FAFC; border: 1px solid #E2E8F0; color: #475569; font-size: 13.5px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: all 0.22s ease; cursor: pointer; } .kwick-policy-nav-item:hover { background: #FFF7ED; border-color: rgba(255, 96, 10, 0.3); color: #FF600A; } .kwick-policy-nav-item.active { background: #FF600A; border-color: #FF600A; color: #FFFFFF; box-shadow: 0 4px 12px rgba(255, 96, 10, 0.25); } .kwick-policy-nav-item .policy-nav-icon { display: inline-flex; align-items: center; line-height: 1; } .kwick-policy-nav-item.active .policy-nav-icon svg { stroke: #FFFFFF; } .kwick-policy-nav-item .policy-nav-active-dot { width: 6px; height: 6px; border-radius: 50%; background: #FFFFFF; } /* 3. Main Policy Layout Grid */ .kwick-policy-content-section { padding: 40px 0; } .kwick-policy-layout-grid { display: grid; grid-template-columns: 290px 1fr; gap: 36px; align-items: start; } /* 4. Policy Sidebar */ .kwick-policy-sidebar { position: relative; } .kwick-sidebar-sticky-box { position: sticky; top: 85px; display: flex; flex-direction: column; gap: 24px; } .kwick-sidebar-title { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; color: #0F172A; margin: 0 0 14px 0; padding-bottom: 10px; border-bottom: 2px solid #FF600A; } ul.kwick-toc-list { list-style: none !important; list-style-type: none !important; padding: 0 !important; margin: 0 !important; background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 12px; overflow: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); } ul.kwick-toc-list li { list-style: none !important; list-style-type: none !important; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #F1F5F9; } ul.kwick-toc-list li::before, ul.kwick-toc-list li::after { display: none !important; content: none !important; } ul.kwick-toc-list li:last-child { border-bottom: none; } ul.kwick-toc-list a { display: block; padding: 12px 16px; font-size: 13.5px; font-weight: 500; color: #334155; text-decoration: none; transition: all 0.2s ease; line-height: 1.4; } ul.kwick-toc-list a:hover { background: #FFF7ED; color: #FF600A; padding-left: 20px; } /* Sidebar Help Card */ .kwick-sidebar-help-card { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 12px; padding: 22px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); } .kwick-sidebar-help-card .kwick-help-icon { width: 44px; height: 44px; border-radius: 10px; background: rgba(255, 96, 10, 0.1); display: flex; align-items: center; justify-content: center; margin-bottom: 14px; } .kwick-sidebar-help-card h4 { font-size: 16px; font-weight: 700; color: #0F172A; margin: 0 0 6px 0; } .kwick-sidebar-help-card p { font-size: 13px; color: #64748B; line-height: 1.5; margin: 0 0 14px 0; } .kwick-sidebar-link { display: block; font-size: 13.5px; font-weight: 600; color: #FF600A; text-decoration: none; margin-bottom: 6px; transition: color 0.2s ease; } .kwick-sidebar-link:hover { color: #D44E05; text-decoration: underline; } /* 5. Policy Article & Cards */ .kwick-policy-article { display: flex; flex-direction: column; gap: 26px; } .kwick-policy-intro-card { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 14px; padding: 24px 28px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); } .kwick-lead-text { font-size: 15.5px; line-height: 1.7; color: #334155; margin: 0; font-weight: 500; } .kwick-policy-card { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 14px; padding: 30px 32px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03); position: relative; scroll-margin-top: 90px; transition: transform 0.2s ease, box-shadow 0.2s ease; } .kwick-policy-card:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05); } .kwick-card-number { position: absolute; top: 24px; right: 28px; font-size: 26px; font-weight: 800; color: rgba(255, 96, 10, 0.2); font-family: 'Poppins', sans-serif; line-height: 1; } .kwick-card-heading { font-family: 'Poppins', sans-serif; font-size: 22px; font-weight: 700; color: #0F172A; margin: 0 0 14px 0; padding-right: 40px; line-height: 1.35; } .kwick-card-text { font-size: 15px; line-height: 1.7; color: #475569; margin: 0 0 18px 0; } .kwick-card-text:last-child { margin-bottom: 0; } /* Callout Highlights */ .kwick-highlight-box { background: #FFF7ED; border-left: 4px solid #FF600A; border-radius: 8px; padding: 16px 20px; margin: 18px 0; font-size: 14.5px; line-height: 1.6; color: #9A3412; display: flex; flex-direction: column; gap: 4px; } .kwick-highlight-box strong { color: #7C2D12; font-weight: 700; } /* Points Grid */ .kwick-policy-points-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 18px; } .kwick-point-item { display: flex; align-items: flex-start; gap: 12px; background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 10px; padding: 16px; font-size: 14px; line-height: 1.6; color: #334155; } .kwick-point-bullet { width: 8px; height: 8px; border-radius: 50%; background: #FF600A; margin-top: 6px; flex-shrink: 0; } /* Policy Checklists & Bullets */ ul.kwick-policy-checklist, ul.kwick-policy-bullets { list-style: none !important; list-style-type: none !important; padding: 0 !important; margin: 16px 0 0 0 !important; display: flex; flex-direction: column; gap: 12px; } ul.kwick-policy-checklist li, ul.kwick-policy-bullets li { list-style: none !important; list-style-type: none !important; position: relative; padding-left: 26px !important; font-size: 14.5px; line-height: 1.65; color: #475569; margin: 0 !important; } ul.kwick-policy-checklist li::before { content: "✓" !important; position: absolute; left: 0; top: 0; color: #FF600A; font-weight: 800; font-size: 15px; } ul.kwick-policy-bullets li::before { content: "" !important; position: absolute; left: 6px; top: 9px; width: 6px; height: 6px; border-radius: 50%; background: #FF600A; } ul.kwick-policy-checklist li strong, ul.kwick-policy-bullets li strong { color: #0F172A; } /* Features Pills (3-column) */ .kwick-features-pills { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 18px; } .kwick-feature-pill { background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 10px; padding: 16px; display: flex; flex-direction: column; gap: 6px; } .kwick-feature-pill strong { font-size: 14px; color: #0F172A; font-weight: 700; } .kwick-feature-pill span { font-size: 13px; color: #64748B; line-height: 1.5; } /* 2-Column Mini Pill Boxes */ .kwick-grid-2col { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 16px; } .kwick-mini-pill-box { background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 10px; padding: 14px 18px; display: flex; flex-direction: column; gap: 4px; } .kwick-mini-pill-box strong { font-size: 14px; color: #0F172A; } .kwick-mini-pill-box span { font-size: 13px; color: #64748B; } /* Step Process (Returns) */ .kwick-steps-container { display: flex; flex-direction: column; gap: 16px; margin-top: 20px; } .kwick-step-item { display: flex; gap: 18px; background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 12px; padding: 18px 20px; } .kwick-step-num { width: 36px; height: 36px; border-radius: 50%; background: #FF600A; color: #FFFFFF; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 15px; } .kwick-step-content h4 { margin: 0 0 6px 0; font-size: 15px; font-weight: 700; color: #0F172A; } .kwick-step-content p { margin: 0; font-size: 14px; color: #64748B; line-height: 1.6; } /* Contact Box Inside Card */ .kwick-contact-box-inner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 20px; } .kwick-contact-row { background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 10px; padding: 16px; display: flex; align-items: flex-start; gap: 12px; } .kwick-contact-row .contact-icon { width: 38px; height: 38px; border-radius: 8px; background: rgba(255, 96, 10, 0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .kwick-contact-row .contact-details { display: flex; flex-direction: column; gap: 2px; } .kwick-contact-row .contact-details .label { font-size: 11.5px; text-transform: uppercase; font-weight: 700; color: #64748B; letter-spacing: 0.5px; } .kwick-contact-row .contact-details a, .kwick-contact-row .contact-details span { font-size: 13.5px; font-weight: 600; color: #0F172A; text-decoration: none; } .kwick-contact-row .contact-details a:hover { color: #FF600A; } /* Jurisdiction Badge */ .kwick-jurisdiction-badge { display: inline-flex; align-items: center; gap: 10px; background: rgba(255, 96, 10, 0.08); border: 1px solid rgba(255, 96, 10, 0.25); border-radius: 8px; padding: 12px 18px; margin-top: 16px; font-size: 13.5px; font-weight: 600; color: #0F172A; } /* ========================================================================== RESPONSIVE MEDIA QUERIES FOR POLICY PAGES ========================================================================== */ @media (max-width: 991px) { .kwick-policy-layout-grid { grid-template-columns: 1fr; gap: 28px; } .kwick-policy-sidebar { order: 2; } .kwick-policy-article { order: 1; } .kwick-sidebar-sticky-box { position: static; } .kwick-contact-box-inner { grid-template-columns: 1fr; } .kwick-features-pills { grid-template-columns: 1fr; } .kwick-policy-points-grid { grid-template-columns: 1fr; } .kwick-policy-hero-title { font-size: 32px; } } @media (max-width: 639px) { .kwick-policy-hero-header { padding: 28px 0 22px 0; } .kwick-policy-hero-title { font-size: 26px; line-height: 1.25; } .kwick-policy-hero-desc { font-size: 14px; } .kwick-policy-card { padding: 22px 18px; border-radius: 12px; } .kwick-card-number { font-size: 22px; top: 20px; right: 18px; } .kwick-card-heading { font-size: 19px; padding-right: 30px; } .kwick-card-text { font-size: 14px; } .kwick-grid-2col { grid-template-columns: 1fr; } .kwick-step-item { flex-direction: column; gap: 10px; } .kwick-policy-nav-item { padding: 8px 14px; font-size: 12.5px; } } /* ========================================================================== KWICKTRONIX CUSTOM FAST MODULAR FOOTER (NO ELEMENTOR BUILDER OVERHEAD) ========================================================================== */ .footer-container.kwick-custom-footer-area { padding: 0 !important; background: #0B0E12 !important; border: none !important; position: relative !important; overflow: hidden !important; } .footer-container.kwick-custom-footer-area::before, .footer-container.kwick-custom-footer-area::after { display: none !important; } .kwick-footer-wrapper { background-color: #0B0E12; background-image: radial-gradient(ellipse 700px 380px at 90% 0%, rgba(255, 96, 10, 0.08) 0%, transparent 70%), radial-gradient(ellipse 600px 300px at 10% 100%, rgba(56, 189, 248, 0.03) 0%, transparent 70%), radial-gradient(circle at center, rgba(255, 255, 255, 0.04) 1px, transparent 1px); background-size: 100% 100%, 100% 100%, 28px 28px; color: #94A3B8; font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; width: 100%; position: relative; } .kwick-footer-wrapper::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent 0%, rgba(255, 96, 10, 0.8) 50%, transparent 100%); z-index: 2; } .kwick-footer-container { max-width: 100%; margin: 0 auto; padding-left: 70px !important; padding-right: 70px !important; box-sizing: border-box; } /* 1. Main Footer Grid */ .kwick-footer-main { padding: 55px 0 42px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .kwick-footer-grid { display: grid; grid-template-columns: 1.6fr 1.1fr 1.5fr 1.1fr; gap: 36px; align-items: start; } /* Brand Column */ .kwick-footer-brand-col .kwick-footer-logo { margin-bottom: 16px; } .kwick-footer-brand-col .kwick-footer-logo img { display: block; max-width: 170px; height: auto; } .kwick-footer-brand-desc { font-size: 13.5px; line-height: 1.65; color: #94A3B8; margin: 0 0 18px 0; } .kwick-footer-contact-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex; flex-direction: column; gap: 10px; } .kwick-footer-contact-list li { list-style: none !important; margin: 0 !important; padding: 0 !important; } .kwick-footer-contact-list li::before { display: none !important; content: none !important; } .kwick-footer-contact-link { display: inline-flex; align-items: center; gap: 10px; font-size: 13.5px; color: #E2E8F0; text-decoration: none; transition: color 0.2s ease; } .kwick-footer-contact-link svg { stroke: #FF600A; flex-shrink: 0; } .kwick-footer-contact-link:hover { color: #FF600A; } .kwick-footer-timing { display: inline-flex; align-items: center; gap: 10px; font-size: 12.5px; color: #64748B; } .kwick-footer-timing svg { stroke: #64748B; flex-shrink: 0; } /* Column Headings */ .kwick-footer-col-title { font-family: 'Poppins', sans-serif; font-size: 13.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: #FFFFFF; margin: 0 0 18px 0; padding-bottom: 8px; position: relative; } .kwick-footer-col-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 28px; height: 2px; background: #FF600A; border-radius: 2px; } /* Navigation Links */ .kwick-footer-links { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex; flex-direction: column; gap: 9px; } .kwick-footer-links li { list-style: none !important; list-style-type: none !important; margin: 0 !important; padding: 0 !important; } .kwick-footer-links li::before, .kwick-footer-links li::after { display: none !important; content: none !important; } .kwick-footer-links a { font-size: 13.5px; color: #CBD5E1; text-decoration: none; transition: all 0.2s ease; display: inline-block; line-height: 1.4; } .kwick-footer-links a:hover { color: #FF600A; transform: translateX(4px); } /* Newsletter Column */ .kwick-footer-newsletter-sub { font-size: 13px; line-height: 1.6; color: #94A3B8; margin: 0 0 16px 0; } .kwick-newsletter-box { margin-bottom: 14px; } .kwick-newsletter-box .subscribe-email, .kwick-newsletter-box .mc4wp-form-fields, .kwick-newsletter-input-group { position: relative !important; display: flex !important; align-items: center !important; background: #22262B !important; border: 1px solid #333942 !important; border-radius: 8px !important; overflow: hidden !important; transition: border-color 0.2s ease, box-shadow 0.2s ease !important; width: 100% !important; } .kwick-newsletter-box .subscribe-email:focus-within, .kwick-newsletter-box .mc4wp-form-fields:focus-within, .kwick-newsletter-input-group:focus-within { border-color: #FF600A !important; box-shadow: 0 0 0 3px rgba(255, 96, 10, 0.18) !important; } .kwick-newsletter-box .subscribe-email input[type="email"], .kwick-newsletter-box input[type="email"], .kwick-newsletter-input-group input[type="email"] { background: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; color: #FFFFFF !important; font-size: 13px !important; padding: 11px 52px 11px 16px !important; height: 44px !important; width: 100% !important; font-family: inherit !important; } .kwick-newsletter-box input[type="email"]::placeholder, .kwick-newsletter-input-group input[type="email"]::placeholder { color: #64748B !important; } .kwick-newsletter-box .subscribe-email button, .kwick-newsletter-box button, .kwick-newsletter-input-group button { position: absolute !important; right: 0 !important; top: 0 !important; bottom: 0 !important; background: #FF600A !important; color: #FFFFFF !important; border: none !important; width: 48px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; flex-shrink: 0 !important; border-radius: 0 7px 7px 0 !important; transition: background 0.2s ease !important; padding: 0 !important; margin: 0 !important; font-size: 0 !important; line-height: 0 !important; } .kwick-newsletter-box .subscribe-email button::after, .kwick-newsletter-box button::after { content: "→" !important; font-size: 19px !important; color: #FFFFFF !important; line-height: 1 !important; display: inline-block !important; } .kwick-newsletter-box button:hover, .kwick-newsletter-input-group button:hover { background: #E04F00 !important; } .kwick-footer-trust-badge { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 500; color: #94A3B8; } /* 2. Middle Customer Assistance Bar (3 Help Cards) */ .kwick-footer-help-bar { padding: 26px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .kwick-footer-help-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; padding: 22px 28px; } .kwick-help-item { display: flex; align-items: center; gap: 15px; } .kwick-help-item-icon { width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 96, 10, 0.12); color: #FF600A; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .kwick-help-item-text h6 { font-size: 14px; font-weight: 600; color: #FFFFFF; margin: 0 0 4px 0; line-height: 1.35; } .kwick-help-item-text a { font-size: 13px; color: #FF600A; text-decoration: none; font-weight: 600; transition: text-decoration 0.2s ease; } .kwick-help-item-text a:hover { text-decoration: underline; } /* 3. Bottom Legal & Copyright Bar (1 Row: Left & Right) */ .kwick-footer-bottom { padding: 22px 0; } .kwick-footer-bottom-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; } .kwick-footer-bottom-left { display: flex; align-items: center; } .kwick-footer-bottom-left .kwick-company-product { font-size: 13.5px; font-weight: 500; color: #E2E8F0; margin: 0; letter-spacing: 0.2px; } .kwick-footer-bottom-right { display: flex; align-items: center; } .kwick-footer-bottom-right .kwick-copyright-text { font-size: 13px; color: #94A3B8; margin: 0; text-align: right; } .kwick-footer-payment-badges { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .kwick-footer-payment-badges .pay-tag { font-size: 11px; font-weight: 700; letter-spacing: 0.8px; color: #64748B; } .kwick-footer-payment-badges .pay-icons { display: flex; align-items: center; gap: 6px; } .kwick-footer-payment-badges .pay-pill { display: inline-block; padding: 4px 9px; background: #22262B; border: 1px solid #333942; border-radius: 4px; font-size: 11.5px; font-weight: 600; color: #CBD5E1; } /* ========================================================================== FOOTER RESPONSIVE MEDIA QUERIES ========================================================================== */ @media (max-width: 860px) { .kwick-footer-container { padding-left: 40px !important; padding-right: 40px !important; } .kwick-footer-grid { grid-template-columns: repeat(2, 1fr); gap: 32px; } .kwick-footer-brand-col { grid-column: auto; } } @media (max-width: 639px) { .kwick-footer-container { padding-left: 20px !important; padding-right: 20px !important; } .kwick-footer-main { padding: 40px 0 30px 0; } .kwick-footer-grid { grid-template-columns: 1fr; gap: 28px; } .kwick-footer-brand-col { grid-column: auto; } .kwick-footer-bottom-inner { flex-direction: column; align-items: flex-start; gap: 10px; } .kwick-footer-bottom-right .kwick-copyright-text { text-align: left; } } /* ========================================================================== NORMAL SIMPLE POLICY PAGES (SHIPPING, BILLING, CANCELLATION, PRIVACY, TERMS) ========================================================================== */ .kwick-normal-page { background: #FFFFFF; padding: 48px 0 70px 0; min-height: 55vh; } .kwick-normal-container { max-width: 860px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .kwick-normal-title { font-family: 'Poppins', sans-serif; font-size: 32px; font-weight: 700; color: #111827; margin: 0 0 24px 0; padding-bottom: 16px; border-bottom: 2px solid #F1F5F9; line-height: 1.3; } .kwick-normal-entry { font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 15px; line-height: 1.8; color: #374151; } .kwick-normal-entry h2 { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 600; color: #111827; margin: 32px 0 12px 0; line-height: 1.4; } .kwick-normal-entry p { margin: 0 0 16px 0; color: #4B5563; } .kwick-normal-entry ul, .kwick-normal-entry ol { margin: 0 0 20px 24px; padding: 0; color: #4B5563; } .kwick-normal-entry li { margin-bottom: 8px; line-height: 1.7; } .kwick-normal-entry strong { color: #111827; } .kwick-normal-entry a { color: #FF600A; text-decoration: underline; transition: color 0.2s ease; } .kwick-normal-entry a:hover { color: #E04F00; } @media (max-width: 639px) { .kwick-normal-page { padding: 30px 0 50px 0; } .kwick-normal-title { font-size: 24px; margin-bottom: 18px; } .kwick-normal-entry { font-size: 14px; line-height: 1.7; } .kwick-normal-entry h2 { font-size: 18px; margin-top: 24px; } .kwick-normal-entry ul, .kwick-normal-entry ol { margin-left: 18px; } } /* ========================================================================== Single Product: 50-50 Split on Desktop/Laptop & Uniform Action Buttons ========================================================================== */ /* 1. Desktop & Laptop 50% - 50% Split */ @media (min-width: 992px) { .woocommerce div.product { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; align-items: flex-start !important; gap: 0 !important; } .woocommerce div.product.summary-scrolling > .summary ~ *, .woocommerce div.product div.images, .woocommerce div.product.gallery-layout-vertical.summary-scrolling > .summary ~ *, .woocommerce div.product.gallery-layout-vertical div.images { width: 49% !important; max-width: 49% !important; float: none !important; margin: 0 0 40px 0 !important; } .woocommerce div.product div.summary, .woocommerce div.product.gallery-layout-vertical div.summary { width: 48% !important; max-width: 48% !important; float: none !important; margin: 0 0 40px 0 !important; } /* Inside Gallery: Left thumbnails + Main product image */ .woocommerce div.product.gallery-layout-vertical div.images { display: flex !important; gap: 15px !important; } .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs { width: 80px !important; flex: 0 0 80px !important; order: 1 !important; } .woocommerce div.product.gallery-layout-vertical div.images .woocommerce-product-gallery__wrapper { flex: 1 1 auto !important; width: calc(100% - 95px) !important; order: 2 !important; } /* Single Row Action Buttons on Desktop & Laptop */ .woocommerce div.product .summary form.cart { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 10px !important; margin: 25px 0 20px 0 !important; } .woocommerce div.product:not(.product-type-grouped) .summary .quantity, .woocommerce div.product .summary form.cart div.quantity { flex: 0 0 100px !important; width: 100px !important; height: 48px !important; } .woocommerce div.product .summary form.cart .single_add_to_cart_button { flex: 1 1 auto !important; min-width: 140px !important; height: 48px !important; padding: 0 16px !important; font-size: 13px !important; } .woocommerce div.product .summary .button.ts-buy-now-button, .woocommerce div.product .summary .ts-buy-now-button { flex: 1 1 auto !important; min-width: 120px !important; height: 48px !important; padding: 0 16px !important; font-size: 13px !important; } } /* 2. Universal Button & Quantity Styling across All Devices */ .woocommerce div.product:not(.product-type-grouped) .summary .quantity, .woocommerce div.product .summary form.cart div.quantity { display: inline-flex !important; align-items: center !important; margin: 0 !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; background: #f8fafc !important; overflow: hidden !important; box-sizing: border-box !important; } .woocommerce div.product:not(.product-type-grouped) .summary .quantity .number-button { display: flex !important; align-items: center !important; height: 100% !important; width: 100% !important; position: static !important; } .woocommerce div.product:not(.product-type-grouped) .summary .quantity .qty { height: 100% !important; line-height: normal !important; width: 40px !important; flex: 1 1 auto !important; font-size: 15px !important; font-weight: 700 !important; color: #0f172a !important; border: none !important; background: transparent !important; text-align: center !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; } .woocommerce div.product:not(.product-type-grouped) .summary .quantity .minus, .woocommerce div.product:not(.product-type-grouped) .summary .quantity .plus { position: static !important; width: 32px !important; height: 100% !important; line-height: normal !important; background: transparent !important; border: none !important; font-size: 16px !important; font-weight: 700 !important; color: #475569 !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; transition: background 0.2s, color 0.2s !important; } .woocommerce div.product:not(.product-type-grouped) .summary .quantity .minus:hover, .woocommerce div.product:not(.product-type-grouped) .summary .quantity .plus:hover { background: #e2e8f0 !important; color: #0f172a !important; } .woocommerce div.product:not(.product-type-grouped) .summary .quantity .number-button:before, .woocommerce div.product:not(.product-type-grouped) .summary .quantity .number-button:after { display: none !important; } /* Action Buttons (Add to Cart & Buy Now) */ .woocommerce div.product .summary form.cart .single_add_to_cart_button, .woocommerce div.product .summary .button.ts-buy-now-button, .woocommerce div.product .summary .ts-buy-now-button { display: inline-flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; font-weight: 700 !important; letter-spacing: 0.5px !important; border-radius: 8px !important; white-space: nowrap !important; text-transform: uppercase !important; box-sizing: border-box !important; margin: 0 !important; transition: all 0.2s ease !important; cursor: pointer !important; text-align: center !important; } .woocommerce div.product .summary form.cart .single_add_to_cart_button { background: #0f172a !important; color: #ffffff !important; border: 1.5px solid #0f172a !important; } .woocommerce div.product .summary form.cart .single_add_to_cart_button:hover { background: #1e293b !important; border-color: #1e293b !important; color: #ffffff !important; transform: translateY(-1px) !important; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important; } .woocommerce div.product .summary .button.ts-buy-now-button, .woocommerce div.product .summary .ts-buy-now-button { background: #ff600a !important; color: #ffffff !important; border: 1.5px solid #ff600a !important; } .woocommerce div.product .summary .button.ts-buy-now-button:hover, .woocommerce div.product .summary .ts-buy-now-button:hover { background: #e04f00 !important; border-color: #e04f00 !important; color: #ffffff !important; transform: translateY(-1px) !important; box-shadow: 0 4px 12px rgba(255, 96, 10, 0.25) !important; } /* 3. Mobile / Phone View */ @media (max-width: 767px) { .woocommerce div.product.gallery-layout-vertical div.images, .woocommerce div.product div.images, .woocommerce div.product.gallery-layout-vertical div.summary, .woocommerce div.product div.summary { width: 100% !important; max-width: 100% !important; float: none !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 10px !important; } .woocommerce div.product.form-cart-fixed:is(.product-type-simple, .product-type-variable) .summary form.cart, .woocommerce div.product .summary form.cart { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; padding: 10px 14px !important; background: #ffffff !important; box-shadow: 0 -4px 16px rgba(0,0,0,0.08) !important; } .woocommerce div.product:not(.product-type-grouped) .summary .quantity, .woocommerce div.product .summary form.cart div.quantity { flex: 0 0 95px !important; width: 95px !important; height: 44px !important; } .woocommerce div.product .summary form.cart .single_add_to_cart_button { flex: 1 1 auto !important; min-width: 0 !important; height: 44px !important; line-height: 44px !important; font-size: 13px !important; padding: 0 12px !important; white-space: nowrap !important; } .woocommerce div.product .summary .button.ts-buy-now-button, .woocommerce div.product .summary .ts-buy-now-button { width: 100% !important; flex: 1 0 100% !important; height: 44px !important; line-height: 44px !important; font-size: 13px !important; margin: 0 !important; } } /* ========================================================================== BUTTON HOVER COLORS: Force Theme Orange (#FF600A) across all pages Specifically: Wishlist, Cart, My Account, Order Tracking & Global ========================================================================== */ :root { --ts-btn-hover-bg: #FF600A !important; --ts-btn-hover-border: #FF600A !important; --ts-btn-addtocart-hover-bg: #FF600A !important; --ts-btn-addtocart-hover-border: #FF600A !important; --ts-btn-thumbnail-hover-bg: #FF600A !important; --ts-btn-thumbnail-hover-border: #FF600A !important; } /* Global button hover defaults */ button:hover, .button:hover, .elementor-button:hover, input[type="submit"]:hover, input[type="button"]:hover, a.button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce form.login .button:hover, .woocommerce form.register .button:hover, .woocommerce-form-login__submit:hover, .woocommerce-form-register__submit:hover, #sendOtpBtn:hover, #verifyOtpBtn:hover, .wishlist_table .product-add-to-cart a:hover, .wishlist_table .product-add-to-cart a.button:hover, .woocommerce-cart table.cart td.actions .button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .button:hover, .woocommerce-cart .button.empty-cart-button:hover, .empty-cart-button:hover, a.button.wc-backward:hover, .woocommerce form.track_order .button:hover, .woocommerce-form-track-order button:hover, .woocommerce-form-track-order input.button:hover, .track_order input[type="submit"]:hover, .woocommerce form.track_order input[type="submit"]:hover, .woocommerce form.track_order button[type="submit"]:hover { background-color: #FF600A !important; border-color: #FF600A !important; color: #ffffff !important; transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease !important; } /* Targeted Overrides for Wishlist, Cart, My Account, and Order Tracking Pages */ .woocommerce-wishlist a.button:hover, .woocommerce-wishlist button:hover, .woocommerce-wishlist .wishlist_table a:hover, .woocommerce-wishlist .wishlist_table a.button:hover, .wishlist_table .product-add-to-cart a.button:hover, .woocommerce-cart a.button:hover, .woocommerce-cart button:hover, .woocommerce-cart input[type="submit"]:hover, .woocommerce-cart .checkout-button:hover, .woocommerce-cart td.actions .button:hover, .woocommerce-cart .button.empty-cart-button:hover, .empty-cart-button:hover, .woocommerce-account button:hover, .woocommerce-account a.button:hover, .woocommerce-account input[type="submit"]:hover, .woocommerce-account .woocommerce-form-login__submit:hover, .woocommerce-account .woocommerce-form-register__submit:hover, .woocommerce-account #sendOtpBtn:hover, .woocommerce-account #verifyOtpBtn:hover, #sendOtpBtn:hover, #verifyOtpBtn:hover, .woocommerce-account form.login .button:hover, .woocommerce-account form.register .button:hover, .woocommerce-order-tracking form.track_order button:hover, .woocommerce-order-tracking form.track_order input[type="submit"]:hover, .woocommerce-form-track-order button:hover, .woocommerce-form-track-order input.button:hover, .track_order button:hover, .track_order input:hover { background-color: #FF600A !important; border-color: #FF600A !important; color: #ffffff !important; } /* ========================================================================== DEDICATED NEW ARRIVALS SECTION STYLING (100% DB DRIVEN) ========================================================================== */ .kwick-arrivals-section { width: 100%; margin-top: 35px; margin-bottom: 50px; box-sizing: border-box; clear: both; } .kwick-arrivals-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; } /* ========================================================================== GLOBAL SECTION CONTAINER NORMALIZATION (Uniform Width & Side Spacing) ========================================================================== */ .header-top-white .container, .header-bottom-blue .container, .kwick-features-section .container, .kwick-categories-section .container, .kwick-promo-strip-wrapper, .kwick-deals-cats-container, .kwick-cat-banners-container, .kwick-arrivals-container, .kwick-featured-container, .kwick-brands-container, #colophon .container { max-width: 1300px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding-left: 19px !important; padding-right: 19px !important; box-sizing: border-box !important; } @media (max-width: 991px) { .header-top-white .container, .header-bottom-blue .container, .kwick-features-section .container, .kwick-categories-section .container, .kwick-promo-strip-wrapper, .kwick-deals-cats-container, .kwick-cat-banners-container, .kwick-arrivals-container, .kwick-featured-container, .kwick-brands-container, #colophon .container { padding-left: 16px !important; padding-right: 16px !important; } } @media (max-width: 768px) { .header-top-white .container, .header-bottom-blue .container, .kwick-features-section .container, .kwick-categories-section .container, .kwick-promo-strip-wrapper, .kwick-deals-cats-container, .kwick-cat-banners-container, .kwick-arrivals-container, .kwick-featured-container, .kwick-brands-container, #colophon .container { padding-left: 13px !important; padding-right: 13px !important; } } .kwick-arrivals-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 22px; padding-bottom: 0; border-bottom: 2px solid #eef0f3; position: relative; box-sizing: border-box; } .kwick-arrivals-title-wrap { display: flex; flex-direction: column; align-items: flex-start; } .kwick-arrivals-title { margin: 0; padding: 0; font-family: 'Poppins', sans-serif; font-size: 22px; font-weight: 700; color: #111827; letter-spacing: -0.3px; line-height: 1.2; } .kwick-arrivals-title span { position: relative; display: inline-block; padding-bottom: 12px; margin-bottom: -13px; border-bottom: 3px solid #FF600A; } .kwick-arrivals-subtitle { margin: 16px 0 0 0; font-size: 13.5px; color: #6B7280; font-weight: 400; line-height: 1.4; } .kwick-arrivals-view-all-link { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #FF600A !important; text-decoration: none !important; transition: color 0.2s ease; } .kwick-arrivals-view-all-link:hover { color: #E05300 !important; } .kwick-arrivals-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; box-sizing: border-box; } .kwick-arrival-card { background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 8px; padding: 14px; box-sizing: border-box; transition: all 0.25s ease; } .kwick-arrival-card:hover { border-color: #FF600A; box-shadow: 0 4px 14px rgba(255, 96, 10, 0.12); transform: translateY(-2px); } .kwick-arrival-card-inner { display: flex; gap: 14px; align-items: flex-start; } .kwick-arrival-thumb-wrap { width: 130px; height: 130px; flex-shrink: 0; position: relative; border-radius: 8px; overflow: hidden; background: #FAFBFD; border: 1px solid #F1F5F9; padding: 6px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } .kwick-arrival-thumb-link { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .kwick-arrival-thumb-wrap img { max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.25s ease; } .kwick-arrival-card:hover .kwick-arrival-thumb-wrap img { transform: scale(1.05); } .kwick-arrival-sale-badge { position: absolute; top: 6px; left: 6px; background: #EF4444; color: #FFFFFF; font-size: 11px; font-weight: 700; padding: 2px 6px; border-radius: 4px; } .kwick-arrival-details { flex: 1; min-width: 0; display: flex; flex-direction: column; } .kwick-arrival-cat { font-size: 11px; color: #9CA3AF; text-transform: uppercase; font-weight: 600; margin-bottom: 3px; display: block; } .kwick-arrival-name { margin: 0 0 6px 0; font-size: 14px; font-weight: 600; line-height: 1.35; height: 38px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .kwick-arrival-name a { color: #111827; text-decoration: none; transition: color 0.2s ease; } .kwick-arrival-name a:hover { color: #FF600A; } .kwick-arrival-price-wrap { display: flex; align-items: baseline; gap: 8px; margin-bottom: 10px; } .kwick-arrival-price-current { font-size: 16px; font-weight: 700; color: #111827; } .kwick-arrival-price-old { font-size: 13px; color: #9CA3AF; text-decoration: line-through; } .kwick-arrival-actions { display: flex; align-items: center; gap: 8px; margin-top: auto; } .kwick-arrival-btn { flex: 1; background: #FF600A !important; color: #FFFFFF !important; border: 1px solid #FF600A !important; border-radius: 5px !important; padding: 7px 12px !important; font-size: 12px !important; font-weight: 600 !important; text-align: center !important; text-transform: uppercase !important; cursor: pointer !important; transition: all 0.2s ease !important; display: inline-block !important; text-decoration: none !important; } .kwick-arrival-btn:hover { background: #E05300 !important; border-color: #E05300 !important; } .kwick-arrival-wishlist { flex-shrink: 0; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; } .kwick-arrival-wishlist .yith-wcwl-add-to-wishlist { margin: 0 !important; padding: 0 !important; } .kwick-arrival-wishlist .yith-wcwl-add-button, .kwick-arrival-wishlist .yith-wcwl-wishlistaddedbrowse, .kwick-arrival-wishlist .yith-wcwl-wishlistexistsbrowse { margin: 0 !important; padding: 0 !important; display: block !important; } .kwick-arrival-wishlist .yith-wcwl-add-to-wishlist a { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border: 1px solid #E5E7EB !important; border-radius: 5px !important; color: #6B7280 !important; position: relative !important; font-size: 0 !important; line-height: 0 !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer !important; } .kwick-arrival-wishlist .yith-wcwl-add-to-wishlist a span, .kwick-arrival-wishlist .yith-wcwl-add-to-wishlist a i, .kwick-arrival-wishlist .feedback, .kwick-arrival-wishlist .ajax-loading { display: none !important; } .kwick-arrival-wishlist .yith-wcwl-add-to-wishlist a:before { content: '' !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 14px !important; height: 14px !important; background-color: #64748B !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat !important; transition: background-color 0.2s ease, transform 0.2s ease !important; } .kwick-arrival-wishlist .yith-wcwl-add-to-wishlist a:hover { color: #FF600A !important; border-color: #FF600A !important; background: #FFF5EE !important; } .kwick-arrival-wishlist .yith-wcwl-add-to-wishlist a:hover:before { background-color: #FF600A !important; transform: translate(-50%, -50%) scale(1.15) !important; } @media (max-width: 991px) { .kwick-arrivals-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 600px) { .kwick-arrivals-grid { grid-template-columns: 1fr; } } /* ========================================================================== GLOBAL PRODUCT CARD STYLES: UNIFORM UN-CROPPED IMAGES & THEME HAIRLINES Applied across Featured Products, Category Tabs, Deals, and New Arrivals ========================================================================== */ /* 1. Deals & Category Tabs Product Card (.kwick-prod-card) */ .kwick-prod-card { background: #FFFFFF !important; border: 1px solid #E5E7EB !important; border-radius: 12px !important; padding: 14px 12px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; position: relative !important; transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important; box-sizing: border-box !important; height: 100% !important; } .kwick-prod-card:hover { border-color: #FF600A !important; transform: translateY(-4px) !important; box-shadow: 0 10px 24px rgba(255, 96, 10, 0.12) !important; } /* Image Box - contained, uncropped, hairline border */ .kwick-prod-thumb { width: 100% !important; height: 175px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; padding: 10px 8px !important; box-sizing: border-box !important; background: #FAFBFD !important; border: 1px solid #F1F5F9 !important; border-radius: 8px !important; overflow: hidden !important; text-align: center !important; } .kwick-prod-thumb a, .kwick-prod-card .kwick-prod-thumb a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0 auto !important; text-decoration: none !important; } .kwick-prod-thumb img, .kwick-prod-card .kwick-prod-thumb a img, .woocommerce .products .kwick-prod-card a img, .woocommerce .products .product.kwick-prod-card a img { max-width: 100% !important; max-height: 155px !important; width: auto !important; height: auto !important; object-fit: contain !important; display: block !important; margin: auto !important; vertical-align: middle !important; transition: transform 0.3s ease !important; } .kwick-prod-card:hover .kwick-prod-thumb img { transform: scale(1.06) !important; } /* Product Content Body & Dividers */ .kwick-prod-body { display: flex !important; flex-direction: column !important; flex-grow: 1 !important; } .kwick-prod-title { margin: 0 0 6px 0 !important; font-family: 'Poppins', sans-serif !important; font-size: 13.5px !important; font-weight: 600 !important; line-height: 1.35 !important; height: 37px !important; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; } .kwick-prod-rating { margin-bottom: 10px !important; padding-bottom: 10px !important; border-bottom: 1px solid #F1F5F9 !important; /* Hairline separator after title/meta box */ } /* Price Box */ .kwick-prod-price { margin-bottom: 8px !important; padding-bottom: 6px !important; border-bottom: 1px solid #F1F5F9 !important; /* Hairline separator between price box and buttons */ display: flex !important; align-items: baseline !important; gap: 6px !important; flex-wrap: wrap !important; } .kwick-prod-price .woocommerce-Price-amount { font-family: 'Poppins', sans-serif !important; font-size: 15px !important; font-weight: 700 !important; color: #111827 !important; } .kwick-prod-price del .woocommerce-Price-amount { color: #94A3B8 !important; font-size: 12px !important; font-weight: 400 !important; } /* 2. New Arrivals Product Card (.kwick-arrival-card) */ .kwick-arrival-card { background: #FFFFFF !important; border: 1px solid #E5E7EB !important; border-radius: 12px !important; padding: 14px !important; transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important; box-sizing: border-box !important; } .kwick-arrival-card:hover { border-color: #FF600A !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(255, 96, 10, 0.12) !important; } .kwick-arrival-thumb-wrap { width: 135px !important; height: 135px !important; flex-shrink: 0 !important; position: relative !important; border-radius: 8px !important; background: #FAFBFD !important; border: 1px solid #F1F5F9 !important; padding: 8px !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; } .kwick-arrival-thumb-wrap img { max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; } .kwick-arrival-name { margin: 0 0 8px 0 !important; padding-bottom: 8px !important; border-bottom: 1px solid #F1F5F9 !important; /* Hairline separator under title */ } .kwick-arrival-price-wrap { margin-bottom: 10px !important; padding-bottom: 8px !important; border-bottom: 1px solid #F1F5F9 !important; /* Hairline separator under price */ } /* 3. Deal of the Day Card (.kwick-deal-card) */ .kwick-deal-card { border: 1px solid #E5E7EB !important; border-radius: 12px !important; } .kwick-deal-card:hover { border-color: #FF600A !important; box-shadow: 0 10px 24px rgba(255, 96, 10, 0.12) !important; } .kwick-deal-thumb { background: #FAFBFD !important; border: 1px solid #F1F5F9 !important; border-radius: 8px !important; padding: 12px !important; margin-bottom: 16px !important; box-sizing: border-box !important; } .kwick-deal-title { padding-bottom: 10px !important; border-bottom: 1px solid #F1F5F9 !important; margin-bottom: 10px !important; width: 100% !important; } .kwick-deal-price { padding-bottom: 10px !important; border-bottom: 1px solid #F1F5F9 !important; margin-bottom: 10px !important; width: 100% !important; } /* 4. Global WooCommerce Shop Loop / Archive Cards */ .woocommerce ul.products li.product .product-wrapper, .woocommerce .products .product:not(.product-category) .product-wrapper { background: #FFFFFF !important; border: 1px solid #E5E7EB !important; border-radius: 12px !important; padding: 14px 12px !important; transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important; box-sizing: border-box !important; } .woocommerce ul.products li.product:hover .product-wrapper, .woocommerce .products .product:not(.product-category):hover .product-wrapper { border-color: #FF600A !important; box-shadow: 0 10px 24px rgba(255, 96, 10, 0.12) !important; transform: translateY(-3px) !important; } .woocommerce ul.products li.product .thumbnail-wrapper, .woocommerce .products .product:not(.product-category) .thumbnail-wrapper { background: #FAFBFD !important; border: 1px solid #F1F5F9 !important; border-radius: 8px !important; padding: 8px !important; box-sizing: border-box !important; margin-bottom: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .woocommerce ul.products li.product a img, .woocommerce .products .product:not(.product-category) a img { max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; } .woocommerce ul.products li.product .product-name, .woocommerce .products .product:not(.product-category) .product-name { padding-bottom: 6px !important; border-bottom: 1px solid #F1F5F9 !important; margin-bottom: 6px !important; } .woocommerce ul.products li.product .price, .woocommerce .products .product:not(.product-category) .price { padding-bottom: 6px !important; border-bottom: 1px solid #F1F5F9 !important; margin-bottom: 8px !important; } /* ========================================================================== PERFECT UN-CROPPED PRODUCT IMAGES (FOR ALL PRODUCT CARDS & ALL HOOKS) ========================================================================== */ .woocommerce .products .product a img, .woocommerce .products .product .thumbnail-wrapper img, .woocommerce .products .product .thumbnail-wrapper figure img, .woocommerce .products .product .thumbnail-wrapper figure.has-back-image img, .kwick-prod-thumb img, .kwick-prod-card .kwick-prod-thumb a img, .kwick-card-thumb-wrap img, .kwick-featured-card .kwick-card-thumb-wrap a img, .kwick-deal-thumb img, .kwick-deal-card .kwick-deal-thumb a img, .kwick-arrival-thumb-wrap img, .kwick-arrival-thumb-link img { max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; object-position: center !important; display: block !important; margin: auto !important; } .woocommerce .products .product .thumbnail-wrapper, .kwick-prod-thumb, .kwick-card-thumb-wrap, .kwick-deal-thumb, .kwick-arrival-thumb-wrap { display: flex !important; align-items: center !important; justify-content: center !important; } .woocommerce .products .product .thumbnail-wrapper a, .woocommerce .products .product .thumbnail-wrapper figure, .kwick-prod-thumb a, .kwick-card-thumb-wrap a, .kwick-deal-thumb a, .kwick-arrival-thumb-link { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0 auto !important; } /* ========================================================================== PERMANENT LIGHT HAIRLINE BORDER & HOVER ANIMATION FOR ALL PRODUCT CARDS ========================================================================== */ .kwick-prod-card, .kwick-featured-card, .kwick-arrival-card, .kwick-deal-card, .woocommerce ul.products li.product .product-wrapper, .woocommerce .products .product:not(.product-category) .product-wrapper, .woocommerce-page ul.products li.product .product-wrapper, .woocommerce-page .products .product:not(.product-category) .product-wrapper { border: 1px solid #E2E8F0 !important; border-radius: 12px !important; background: #FFFFFF !important; transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; will-change: transform, box-shadow; position: relative !important; } /* Card Hover Animation: Smooth lift + Brand Glow + Active Hairline */ .kwick-prod-card:hover, .kwick-featured-card:hover, .kwick-arrival-card:hover, .kwick-deal-card:hover, .woocommerce ul.products li.product:hover .product-wrapper, .woocommerce .products .product:not(.product-category):hover .product-wrapper, .woocommerce-page ul.products li.product:hover .product-wrapper, .woocommerce-page .products .product:not(.product-category):hover .product-wrapper { border-color: #FF600A !important; transform: translateY(-5px) !important; box-shadow: 0 12px 28px -4px rgba(255, 96, 10, 0.15), 0 4px 12px rgba(0, 0, 0, 0.05) !important; z-index: 5 !important; } /* Inside Image Thumbnail Container Hairline */ .kwick-prod-thumb, .kwick-card-thumb-wrap, .kwick-arrival-thumb-wrap, .kwick-deal-thumb, .woocommerce ul.products li.product .thumbnail-wrapper, .woocommerce .products .product:not(.product-category) .thumbnail-wrapper { border: 1px solid #EEF2F6 !important; background: #FAFBFD !important; border-radius: 8px !important; transition: background 0.25s ease, border-color 0.25s ease !important; } .kwick-prod-card:hover .kwick-prod-thumb, .kwick-featured-card:hover .kwick-card-thumb-wrap, .kwick-arrival-card:hover .kwick-arrival-thumb-wrap, .kwick-deal-card:hover .kwick-deal-thumb, .woocommerce ul.products li.product:hover .thumbnail-wrapper, .woocommerce .products .product:not(.product-category):hover .thumbnail-wrapper { background: #FFFFFF !important; border-color: #E2E8F0 !important; } /* Product Image Hover Zoom Animation */ .kwick-prod-card:hover .kwick-prod-thumb img, .kwick-featured-card:hover .kwick-card-thumb-wrap img, .kwick-arrival-card:hover .kwick-arrival-thumb-wrap img, .kwick-deal-card:hover .kwick-deal-thumb img, .woocommerce ul.products li.product:hover .thumbnail-wrapper img, .woocommerce .products .product:not(.product-category):hover .thumbnail-wrapper img { transform: scale(1.06) !important; } .kwick-prod-thumb img, .kwick-card-thumb-wrap img, .kwick-arrival-thumb-wrap img, .kwick-deal-thumb img, .woocommerce ul.products li.product .thumbnail-wrapper img, .woocommerce .products .product:not(.product-category) .thumbnail-wrapper img { transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important; } /* ========================================================================== EQUAL SPACING (VERTICAL RHYTHM) BETWEEN ALL LANDING PAGE SECTIONS ========================================================================== */ .kwick-features-section { margin-top: 0 !important; margin-bottom: 45px !important; padding-top: 20px !important; padding-bottom: 20px !important; } .kwick-categories-section { margin-top: 0 !important; margin-bottom: 45px !important; } .kwick-promo-strip-wrapper { margin-top: 0 !important; margin-bottom: 45px !important; } .kwick-deals-cats-section { margin-top: 0 !important; margin-bottom: 45px !important; } .kwick-cat-banners-section { margin-top: 0 !important; margin-bottom: 45px !important; } .kwick-arrivals-section { margin-top: 0 !important; margin-bottom: 45px !important; } .kwick-featured-section { margin-top: 0 !important; margin-bottom: 45px !important; } .kwick-brands-section { margin-top: 0 !important; margin-bottom: 50px !important; } @media (max-width: 767px) { .kwick-features-section, .kwick-categories-section, .kwick-promo-strip-wrapper, .kwick-deals-cats-section, .kwick-cat-banners-section, .kwick-arrivals-section, .kwick-featured-section, .kwick-brands-section { margin-top: 0 !important; margin-bottom: 28px !important; } } /* ========================================================================== PERFECT ARCHIVE / CATEGORY / SEARCH / SHOP / WOOCOMMERCE PRODUCT CARDS Matches the reference card arrangement: - Fixed aspect image container box with light hairline & neutral background - Fully uncropped image fitted inside with padding - Product name box with subtle hairline separator - Price box with subtle hairline separator - Add to Cart button neatly aligned at the bottom with theme styling ========================================================================== */ /* 1. Parent theme pseudo-elements cleanup & layout reset */ .woocommerce ul.products li.product .product-wrapper:before, .woocommerce .products .product:not(.product-category) .product-wrapper:before { display: none !important; } /* 2. Global WooCommerce Loop Product Cards (Shop, Categories, Brands, Archives) */ .woocommerce ul.products li.product, .woocommerce .products .product:not(.product-category) { display: flex !important; flex-direction: column !important; box-sizing: border-box !important; margin-bottom: 24px !important; } .woocommerce ul.products li.product .product-wrapper, .woocommerce .products .product:not(.product-category) .product-wrapper { display: flex !important; flex-direction: column !important; justify-content: space-between !important; height: 100% !important; width: 100% !important; background: #FFFFFF !important; border: 1px solid #E2E8F0 !important; border-radius: 12px !important; padding: 14px 12px !important; box-sizing: border-box !important; position: relative !important; transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; } .woocommerce ul.products li.product:hover .product-wrapper, .woocommerce .products .product:not(.product-category):hover .product-wrapper { border-color: #FF600A !important; transform: translateY(-5px) !important; box-shadow: 0 12px 28px -4px rgba(255, 96, 10, 0.15), 0 4px 12px rgba(0, 0, 0, 0.05) !important; } /* 3. Product Thumbnail Box: uniform container, uncropped object-fit contain */ .woocommerce ul.products li.product .thumbnail-wrapper, .woocommerce .products .product:not(.product-category) .thumbnail-wrapper { position: relative !important; width: 100% !important; height: 190px !important; background: #FAFBFD !important; border: 1px solid #EEF2F6 !important; border-radius: 8px !important; padding: 10px 8px !important; margin: 0 0 12px 0 !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; } .woocommerce ul.products li.product .thumbnail-wrapper a, .woocommerce .products .product:not(.product-category) .thumbnail-wrapper a, .woocommerce ul.products li.product .thumbnail-wrapper figure, .woocommerce .products .product:not(.product-category) .thumbnail-wrapper figure { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .woocommerce ul.products li.product .thumbnail-wrapper img, .woocommerce .products .product:not(.product-category) .thumbnail-wrapper img, .woocommerce ul.products li.product .thumbnail-wrapper figure img, .woocommerce .products .product:not(.product-category) .thumbnail-wrapper figure.has-back-image img { max-width: 100% !important; max-height: 165px !important; width: auto !important; height: auto !important; object-fit: contain !important; object-position: center !important; display: block !important; margin: auto !important; transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important; } .woocommerce ul.products li.product:hover .thumbnail-wrapper img, .woocommerce .products .product:not(.product-category):hover .thumbnail-wrapper img { transform: scale(1.06) !important; } /* Fix product label (Sale / New) inside thumbnail */ .woocommerce .products .product .product-label { position: absolute !important; top: 8px !important; left: 8px !important; z-index: 4 !important; display: flex !important; gap: 4px !important; } .woocommerce .products .product .product-label > span { font-size: 11px !important; font-weight: 700 !important; padding: 3px 7px !important; border-radius: 4px !important; line-height: 1.2 !important; text-transform: uppercase !important; } /* Quick buttons (wishlist / compare) inside thumbnail */ .thumbnail-wrapper .product-group-button { position: absolute !important; top: 8px !important; right: 8px !important; z-index: 5 !important; display: flex !important; flex-direction: column !important; gap: 4px !important; } .thumbnail-wrapper .product-group-button > div a { width: 32px !important; height: 32px !important; background: #FFFFFF !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; color: #4B5563 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 2px 5px rgba(0,0,0,0.06) !important; } .thumbnail-wrapper .product-group-button > div:hover a { background: #FF600A !important; border-color: #FF600A !important; color: #FFFFFF !important; } /* Hide buggy tooltip overlay text on top of thumbnail buttons */ .thumbnail-wrapper .product-group-button .button-tooltip, .thumbnail-wrapper .product-group-button .ts-tooltip { display: none !important; } /* 4. Product Body / Meta Wrapper */ .woocommerce ul.products li.product .meta-wrapper, .woocommerce .products .product:not(.product-category) .meta-wrapper { display: flex !important; flex-direction: column !important; flex-grow: 1 !important; width: 100% !important; padding: 0 !important; margin: 0 !important; line-height: normal !important; } /* Product Title Box with hairline */ .woocommerce ul.products li.product .product-name, .woocommerce .products .product:not(.product-category) .product-name { font-family: 'Poppins', sans-serif !important; font-size: 13.5px !important; font-weight: 600 !important; color: #111827 !important; line-height: 1.35 !important; height: 37px !important; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; margin: 0 0 8px 0 !important; padding-bottom: 8px !important; border-bottom: 1px solid #F1F5F9 !important; } .woocommerce ul.products li.product .product-name a, .woocommerce .products .product:not(.product-category) .product-name a { color: #111827 !important; text-decoration: none !important; transition: color 0.2s ease !important; } .woocommerce ul.products li.product:hover .product-name a, .woocommerce .products .product:not(.product-category):hover .product-name a { color: #FF600A !important; } /* Rating box with hairline */ .woocommerce ul.products li.product .woocommerce-product-rating, .woocommerce .products .product:not(.product-category) .woocommerce-product-rating { display: flex !important; align-items: center !important; gap: 6px !important; margin: 0 0 8px 0 !important; padding-bottom: 8px !important; border-bottom: 1px solid #F1F5F9 !important; } .woocommerce .products .product .star-rating { font-size: 12px !important; color: #FFB800 !important; margin: 0 !important; } /* Price box with hairline */ .woocommerce ul.products li.product .price, .woocommerce .products .product:not(.product-category) .price { display: flex !important; align-items: baseline !important; gap: 6px !important; margin: 0 0 10px 0 !important; padding-bottom: 8px !important; border-bottom: 1px solid #F1F5F9 !important; } .woocommerce ul.products li.product .price .woocommerce-Price-amount, .woocommerce .products .product:not(.product-category) .price .woocommerce-Price-amount { font-family: 'Poppins', sans-serif !important; font-size: 15px !important; font-weight: 700 !important; color: #111827 !important; } .woocommerce ul.products li.product .price del .woocommerce-Price-amount, .woocommerce .products .product:not(.product-category) .price del .woocommerce-Price-amount { font-size: 12px !important; color: #94A3B8 !important; font-weight: 400 !important; } /* Hide cluttering taxonomy lines from archive grid */ .woocommerce .products .product .product-sku, .woocommerce .products .product .product-categories, .woocommerce .products .product .product-brands, .woocommerce .products .product .short-description.grid { display: none !important; } /* 5. Add to Cart Button Row at the bottom of the card */ .woocommerce ul.products li.product .meta-wrapper-2, .woocommerce .products .product:not(.product-category) .meta-wrapper-2 { margin-top: auto !important; width: 100% !important; } .woocommerce .products .product .product-group-button-meta { display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; margin: 0 !important; } .woocommerce .products .product .product-group-button-meta .loop-add-to-cart { flex-grow: 1 !important; width: 100% !important; } .woocommerce .products .product .loop-add-to-cart a.button { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: 100% !important; padding: 9px 14px !important; background: #F3F4F6 !important; color: #1F2937 !important; border: 1px solid #E5E7EB !important; border-radius: 8px !important; font-family: 'Poppins', sans-serif !important; font-size: 12.5px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; transition: all 0.2s ease !important; text-decoration: none !important; box-sizing: border-box !important; } .woocommerce .products .product .loop-add-to-cart a.button:hover { background: #FF600A !important; border-color: #FF600A !important; color: #FFFFFF !important; box-shadow: 0 4px 12px rgba(255, 96, 10, 0.25) !important; } /* Clean up extra buttons (compare / quickshop) in meta-wrapper-2 so Add to Cart is clean */ .woocommerce .products .product .product-group-button-meta > div:not(.loop-add-to-cart) { display: none !important; } /* ========================================================================== FIX BUTTON OVERLAPPING ON THUMBNAIL (SHOP & CATEGORY ARCHIVES) ========================================================================== */ /* 1. Never show floating add-to-cart or tooltip inside thumbnail */ .thumbnail-wrapper .loop-add-to-cart, .thumbnail-wrapper .product-group-button .loop-add-to-cart, .woocommerce .products .product .thumbnail-wrapper .loop-add-to-cart { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* 2. Position clean wishlist button at top-right corner of image */ .thumbnail-wrapper .product-group-button { position: absolute !important; top: 8px !important; right: 8px !important; z-index: 6 !important; display: flex !important; flex-direction: column !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; } .thumbnail-wrapper .product-group-button > div.button-in { display: block !important; position: relative !important; margin: 0 !important; } .thumbnail-wrapper .product-group-button > div.button-in a { width: 34px !important; height: 34px !important; line-height: 34px !important; background: #FFFFFF !important; border: 1px solid #E2E8F0 !important; border-radius: 8px !important; color: #4B5563 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important; transition: all 0.2s ease !important; } .thumbnail-wrapper .product-group-button > div.button-in:hover a { background: #FF600A !important; border-color: #FF600A !important; color: #FFFFFF !important; transform: scale(1.05) !important; } /* Hide buggy quickshop & compare from thumbnail top corner if present to keep it minimalist */ .thumbnail-wrapper .product-group-button > div.quickshop, .thumbnail-wrapper .product-group-button > div.compare { display: none !important; } /* Hide overflowing animated tooltips over thumbnail */ .thumbnail-wrapper .product-group-button .button-tooltip, .thumbnail-wrapper .product-group-button .ts-tooltip { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* 3. Dedicated clean full-width Add to Cart button in bottom meta row */ .woocommerce ul.products li.product .meta-wrapper-2, .woocommerce .products .product:not(.product-category) .meta-wrapper-2 { display: block !important; margin-top: auto !important; width: 100% !important; padding-top: 4px !important; } .woocommerce .products .product .meta-wrapper-2 .product-group-button-meta { display: flex !important; width: 100% !important; margin: 0 !important; } .woocommerce .products .product .meta-wrapper-2 .loop-add-to-cart { display: block !important; width: 100% !important; flex: 1 1 100% !important; } .woocommerce .products .product .meta-wrapper-2 .loop-add-to-cart a.button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; padding: 9px 14px !important; background: #F3F4F6 !important; color: #1F2937 !important; border: 1px solid #E5E7EB !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; transition: all 0.25s ease !important; } .woocommerce .products .product .meta-wrapper-2 .loop-add-to-cart a.button:hover { background: #FF600A !important; border-color: #FF600A !important; color: #FFFFFF !important; box-shadow: 0 4px 14px rgba(255, 96, 10, 0.25) !important; } /* ========================================================================== SINGLE PRODUCT DETAILS PAGE: ELEGANT IMAGE BOX & HOVER ZOOM - Keeps product image in a neat, contained box with hairline border - Balances layout: 50% image column, 50% summary column - Image contained with object-fit: contain (no cropping/overflowing) - Smooth hover zoom on main product image ========================================================================== */ /* 1. Balanced 50% / 50% column widths on desktop */ @media (min-width: 992px) { .woocommerce div.product div.images { width: 48% !important; float: left !important; margin-right: 4% !important; margin-bottom: 30px !important; box-sizing: border-box !important; } .woocommerce div.product div.summary { width: 48% !important; float: right !important; margin-bottom: 30px !important; box-sizing: border-box !important; } .woocommerce div.product.gallery-layout-vertical div.images { width: 48% !important; } .woocommerce div.product.gallery-layout-vertical div.summary { width: 48% !important; } } /* 2. Main Product Image Gallery Box */ .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { background: #FAFBFD !important; border: 1px solid #E2E8F0 !important; border-radius: 12px !important; overflow: hidden !important; padding: 20px !important; box-sizing: border-box !important; position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; min-height: 440px !important; } .woocommerce div.product div.images .woocommerce-product-gallery__image { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; } .woocommerce div.product div.images .woocommerce-product-gallery__image a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; cursor: zoom-in !important; overflow: hidden !important; } /* 3. Contained image size (uncropped, not huge/stretched) */ .woocommerce div.product div.images .woocommerce-product-gallery__image img, .woocommerce div.product div.images .woocommerce-product-gallery__wrapper img.wp-post-image { max-width: 100% !important; max-height: 420px !important; width: auto !important; height: auto !important; object-fit: contain !important; object-position: center !important; display: block !important; margin: auto !important; border-radius: 8px !important; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; } /* 4. Smooth hover zoom effect on main image */ .woocommerce div.product div.images .woocommerce-product-gallery__wrapper:hover .woocommerce-product-gallery__image img, .woocommerce div.product div.images .woocommerce-product-gallery__wrapper:hover img.wp-post-image { transform: scale(1.08) !important; } /* 5. Cloudzoom plugin compatibility (if active) */ .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg { border-radius: 12px !important; } /* 6. Thumbnail strip styling */ .woocommerce div.product div.images .flex-control-thumbs { margin-top: 14px !important; display: flex !important; gap: 10px !important; justify-content: center !important; padding: 0 !important; } .woocommerce div.product div.images .flex-control-thumbs li { width: 72px !important; height: 72px !important; border-radius: 8px !important; overflow: hidden !important; background: #FAFBFD !important; border: 1px solid #E2E8F0 !important; padding: 4px !important; box-sizing: border-box !important; cursor: pointer !important; transition: all 0.2s ease !important; } .woocommerce div.product div.images .flex-control-thumbs li img { width: 100% !important; height: 100% !important; object-fit: contain !important; border: none !important; border-radius: 4px !important; } .woocommerce div.product div.images .flex-control-thumbs li:hover, .woocommerce div.product div.images .flex-control-thumbs li img.flex-active { border-color: #FF600A !important; box-shadow: 0 2px 8px rgba(255, 96, 10, 0.2) !important; } /* 7. Lightbox icon button */ .woocommerce div.product div.images .woocommerce-product-gallery__trigger { top: 15px !important; right: 15px !important; background: #FFFFFF !important; border: 1px solid #E2E8F0 !important; border-radius: 8px !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important; width: 36px !important; height: 36px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #4B5563 !important; transition: all 0.2s ease !important; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover { background: #FF600A !important; border-color: #FF600A !important; color: #FFFFFF !important; }