/* Theme Name: Nooni Theme URI: https://demo.theme-sky.com/nooni/ Author: Theme Sky Team Author URI: https://theme-sky.com/ Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites Version: 1.1.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: nooni */ /* I. HEADER 1. MENU 2. HEADER TOP 3. HEADER MIDDLE 4. HEADER BOTTOM II. MAIN CONTENT 1. BREADCRUMB 2. CUSTOM NOONI 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 */ :root{ --nooni-main-font-family: 'Inter', sans-serif; --nooni-main-font-style: normal; --nooni-main-font-weight: 400; --nooni-main-font-bold-family: 'Inter', sans-serif; --nooni-main-font-bold-style: normal; --nooni-main-font-bold-weight: 700; --nooni-body-font-size: 15px; --nooni-body-line-height: 24px; --nooni-body-letter-spacing: 0.75px; --nooni-button-font-family: 'Inter', sans-serif; --nooni-button-font-style: normal; --nooni-button-font-weight: 700; --nooni-button-transform: uppercase; --nooni-button-font-size: 14px; --nooni-button-letter-spacing: 1.05px; --nooni-menu-font-family: 'Inter', sans-serif; --nooni-menu-font-style: normal; --nooni-menu-font-weight: 400; --nooni-menu-font-size: 16px; --nooni-menu-line-height: 24px; --nooni-submenu-font-size: 14px; --nooni-submenu-line-height: 24px; --nooni-sidebar-menu-font-family: 'Inter', sans-serif; --nooni-sidebar-menu-font-style: normal; --nooni-sidebar-menu-font-weight: 400; --nooni-sidebar-menu-font-size: 24px; --nooni-sidebar-menu-font-line-height: 30px; --nooni-sidebar-submenu-font-size: 18px; --nooni-sidebar-submenu-line-height: 28px; --nooni-sidebar-menu-ipad-font-size: 18px; --nooni-sidebar-menu-ipad-line-height: 24px; --nooni-sidebar-submenu-ipad-font-size: 15px; --nooni-sidebar-submenu-ipad-line-height: 24px; --nooni-mobile-menu-font-family: 'Inter', sans-serif; --nooni-mobile-menu-font-style: normal; --nooni-mobile-menu-font-weight: 400; --nooni-mobile-menu-font-size: 16px; --nooni-mobile-menu-line-height: 24px; --nooni-blockquote-font-size: 30px; --nooni-single-product-price-font-size: 36px; --nooni-single-product-sale-price-font-size: 20px; --nooni-heading-font-family: 'Inter', sans-serif; --nooni-heading-font-style: normal; --nooni-heading-font-weight: 700; --nooni-h1-font-size: 48px; --nooni-h1-line-height: 54px; --nooni-h1-letter-spacing: 3.6px; --nooni-h2-font-size: 36px; --nooni-h2-line-height: 40px; --nooni-h2-letter-spacing: 2.5px; --nooni-h3-font-size: 30px; --nooni-h3-line-height: 36px; --nooni-h3-letter-spacing: 2px; --nooni-h4-font-size: 25px; --nooni-h4-line-height: 30px; --nooni-h4-letter-spacing: 1.2px; --nooni-h5-font-size: 20px; --nooni-h5-line-height: 28px; --nooni-h5-letter-spacing: 1px; --nooni-h6-font-size: 18px; --nooni-h6-line-height: 24px; --nooni-h6-letter-spacing: 0.9px; --nooni-h1-ipad-font-size: 36px; --nooni-h1-ipad-line-height: 40px; --nooni-h1-ipad-letter-spacing: 2px; --nooni-h2-ipad-font-size: 30px; --nooni-h2-ipad-line-height: 36px; --nooni-h2-ipad-letter-spacing: 1.7px; --nooni-h3-ipad-font-size: 25px; --nooni-h3-ipad-line-height: 30px; --nooni-h3-ipad-letter-spacing: 1.2px; --nooni-h4-ipad-font-size: 20px; --nooni-h4-ipad-line-height: 28px; --nooni-h4-ipad-letter-spacing: 0.9px; --nooni-h5-ipad-font-size: 18px; --nooni-h5-ipad-line-height: 24px; --nooni-h5-ipad-letter-spacing: 0.75px; --nooni-h6-ipad-font-size: 16px; --nooni-h6-ipad-line-height: 24px; --nooni-h6-ipad-letter-spacing: 0.75px; --nooni-h1-mobile-font-size: 30px; --nooni-h1-mobile-line-height: 36px; --nooni-h1-mobile-letter-spacing: 1.2px; --nooni-h2-mobile-font-size: 25px; --nooni-h2-mobile-line-height: 30px; --nooni-h2-mobile-letter-spacing: 1px; --nooni-h3-mobile-font-size: 20px; --nooni-h3-mobile-line-height: 28px; --nooni-h3-mobile-letter-spacing: 0.9px; --nooni-h4-mobile-font-size: 18px; --nooni-h4-mobile-line-height: 24px; --nooni-h4-mobile-letter-spacing: 0.75px; --nooni-h5-mobile-font-size: 16px; --nooni-h5-mobile-line-height: 24px; --nooni-h5-mobile-letter-spacing: 0.75px; --nooni-h6-mobile-font-size: 15px; --nooni-h6-mobile-line-height: 24px; --nooni-h6-mobile-letter-spacing: 0.75px; --nooni-primary-color: #d10202; --nooni-text-in-primary-color: #ffffff; --nooni-primary-loading-color: rgba(209,2,2,0.5); --nooni-main-bg: #ffffff; --nooni-text-color: #000000; --nooni-heading-color: #000000; --nooni-gray-color: #848484; --nooni-gray-bg: #efefef; --nooni-text-in-gray-bg: #000000; --nooni-dropdown-bg: #ffffff; --nooni-dropdown-color: #000000; --nooni-link-color: #d10202; --nooni-link-hover-color: #848484; --nooni-icon-hover-color: #d10202; --nooni-tag-color: #848484; --nooni-tag-bg: #ffffff; --nooni-tag-border: #ebebeb; --nooni-blockquote-icon-color: #959595; --nooni-blockquote-text-color: #000000; --nooni-border: #ebebeb; --nooni-input-color: #000000; --nooni-input-background-color: #ffffff; --nooni-input-border: #ebebeb; --nooni-button-color: #ffffff; --nooni-button-bg: #000000; --nooni-button-border: #000000; --nooni-button-hover-color: #ffffff; --nooni-button-hover-bg: #d10202; --nooni-button-hover-border: #d10202; --nooni-button-loading-color: rgba(255,255,255,0.5); --nooni-button-loading-hover-color: rgba(255,255,255,0.5); --nooni-button-thumbnail-color: #000000; --nooni-button-thumbnail-bg: #ffffff; --nooni-button-thumbnail-loading-color: rgba(0,0,0,0.5); --nooni-button-thumbnail-hover-color: #ffffff; --nooni-button-thumbnail-hover-bg: #d10202; --nooni-button-thumbnail-loading-hover-color: rgba(255,255,255,0.5); --nooni-breadcrumb-bg: #ffffff; --nooni-breadcrumb-color: #000000; --nooni-breadcrumb-link-color: #848484; --nooni-top-bg: #000000; --nooni-top-color: #ffffff; --nooni-top-border: #000000; --nooni-top-link-hover-color: #848484; --nooni-top-cart-number-bg: #ffffff; --nooni-top-cart-number-color: #000000; --nooni-middle-bg: #ffffff; --nooni-middle-color: #000000; --nooni-middle-border: #d6d6d6; --nooni-middle-link-hover-color: #848484; --nooni-middle-cart-number-bg: #000000; --nooni-middle-cart-number-color: #ffffff; --nooni-bottom-bg: #ffffff; --nooni-bottom-color: #000000; --nooni-bottom-border: #d6d6d6; --nooni-bottom-link-hover-color: #848484; --nooni-footer-bg: #ffffff; --nooni-footer-color: #848484; --nooni-footer-link-color: #d10202; --nooni-footer-border: #d6d6d6; --nooni-star-color: #000000; --nooni-product-price-color: #000000; --nooni-product-sale-price-color: #959595; --nooni-sale-label-color: #ffffff; --nooni-sale-label-bg: #000000; --nooni-new-label-color: #ffffff; --nooni-new-label-bg: #ffa632; --nooni-hot-label-color: #ffffff; --nooni-hot-label-bg: #d10202; --nooni-soldout-label-color: #ffffff; --nooni-soldout-label-bg: #919191; --nooni-meta-label-color: #d10202; --e-bg-lazyload-loaded: linear-gradient(#f5f5f5,#f5f5f5); --e-bg-lazyload: linear-gradient(#f5f5f5,#f5f5f5); } /*------------------------------------------------------------------------------------------------------------------- I. ICONS ---------------------------------------------------------------------------------------------------------------------*/ .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before,.wc-block-components-notice-banner .wc-block-components-notice-banner__content:before,.ts-menu nav ul li[class^="tb-icon-"]:before,nav ul.menu li[class^="tb-icon-"]:before,.ts-menu nav ul li[class*=" tb-icon-"]:before,nav ul.menu li[class*=" tb-icon-"]:before,.ts-search-by-category .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,.ts-mobile-icon-toggle .icon:before,.ts-sidebar-menu-icon .icon:before,.icon-menu-sticky-header .icon:before,.ts-menu-drop-icon:after,.comment-actions a:after,.gridlist-toggle>span:before,.threesixty .nav_bar a:before,#to-top a:before,body #cboxClose:after,html body>h1 a.close:before,.comment-count:before,#ts-filter-widget-area .close:after,.filter-widget-area-button>a:before,.dokan-store-list-filter-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,.ts-pagination ul li a.prev:before,.ts-pagination ul li a.next:before,.pagination-wrap ul.pagination>li>a.prev:before,.pagination-wrap ul.pagination>li>a.next:before,.dokan-pagination-container .dokan-pagination li:first-child a:before,.dokan-pagination-container .dokan-pagination li:last-child a:before,.woocommerce nav.woocommerce-pagination ul li a.next:before,.woocommerce nav.woocommerce-pagination ul li a.prev:before,.product-per-page-form ul.perpage .perpage-current:after,.woocommerce .woocommerce-ordering .orderby-current:after,.widget_recent_comments li.recentcomments:before,.vertical-menu-sidebar .ts-menu-drop-icon:after,.widget-container span.icon-toggle: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: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,.woocommerce-product-details__short-description ul li:before,.product .woocommerce-Tabs-panel>h2:after,.product .woocommerce-Tabs-panel #reviews>h2:after,.product-group-button>div a:after,.product-group-button-meta>div a:before,.product-group-button>div.loop-add-to-cart .added .button-tooltip:before,.product-group-button-meta>div.loop-add-to-cart .added .button-tooltip:before,.woocommerce .summary form.cart button.button.added:before,.woocommerce ul.product_list_widget li a.button.added: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,.woocommerce .product-category .product-wrapper>a:after,.search-button.search-icon .icon.active:before,.vertical-menu-sidebar .close:after,.ts-floating-sidebar .close:after,.ts-popup-modal .close:after,.woocommerce table.shop_table .product-remove a:before,ul.products-list li .remove:before,.cart_list li .cart-item-wrapper a.remove: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,.ts-active-filters .widget_layered_nav_filters ul li a:after,.woocommerce .ts-active-filters .widget_layered_nav_filters ul li a:after,.woocommerce .widget_layered_nav_filters ul li a:after,.product-on-sale-form>label:after,.widget_product_categories ul li a:after,.ts-product-categories-widget-wrapper ul li a: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,ul li.recentcomments .comment-author-link:before,.elementor-widget-text-editor h4[class^="tb-icon-"]:before,.elementor-widget-text-editor h4[class*=" tb-icon-"]:before,.ts-product-size-chart-button: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,.ts-instagram-wrapper .item > a:after{ font-family: 'tb-icon'; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: 0; } .single-navigation.next>a:before,.pagination-wrap ul.pagination>li>a.next:before,.dokan-pagination-container .dokan-pagination li:last-child a:before,.woocommerce nav.woocommerce-pagination ul li a.next:before,.ts-pagination ul li a.next:before{content:"\e939"} .single-navigation.prev>a:before,.pagination-wrap ul.pagination>li>a.prev:before,.dokan-pagination-container .dokan-pagination li:first-child a:before,.woocommerce nav.woocommerce-pagination ul li a.prev:before,.ts-pagination ul li a.prev:before{content:"\e938"} .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after,div.woocommerce-product-gallery .flex-direction-nav .flex-prev:after{content:"\e935"} .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after,div.woocommerce-product-gallery .flex-direction-nav .flex-next:after{content:"\e936"} .ts-tiny-account-wrapper .account-control>a:before{content:"\e9bb"} .shopping-cart-wrapper .cart-control .ic-cart:before{content:"\e9af"} .my-wishlist-wrapper>a:before{content:"\e95b"} .woocommerce .product-category .product-wrapper>a:after{content:"\e966"} .gridlist-toggle>span:before{content:"\e964";font-size:32px} .gridlist-toggle>span.list:before{content:"\e965"} #group-icon-header .tab-mobile-menu #vertical-menu:before{content:"\e922"} #group-icon-header .tab-mobile-menu li:before,#group-icon-header .no-tab .menu-title span:before,.ts-sidebar-menu-icon .icon:before,.icon-menu-sticky-header .icon:before,.ts-mobile-icon-toggle .icon:before{content:"\e974"} #group-icon-header .no-tab .menu-title span:before,#group-icon-header .tab-mobile-menu li:before{display:inline-block;margin-right:5px;font-size:140%;vertical-align:-3px} #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 .language-currency .wpml-ls-legacy-list-horizontal{margin: 5px 0;} #group-icon-header .wpml-ls-legacy-list-horizontal>ul{gap: 10px;} #group-icon-header .language-currency{display: flex; 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:"\e903"} .filter-widget-area-button.active>a:before{content:"\e9c1"} .wishlist-in-stock:before,.product-group-button>div.loop-add-to-cart a.added .button-tooltip:before,.product-group-button-meta>div.loop-add-to-cart a.added .button-tooltip:before,.woocommerce .summary form.cart button.button.added:before,.woocommerce ul.product_list_widget li a.button.added:before,.widget_product_categories ul li a:after,.ts-product-categories-widget-wrapper ul li a: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,.product-on-sale-form>label:after{content:"\e92f"} .comment-count:before{content:"\e976"} #to-top a:before{content:"\e90f"} body #cboxClose:after,html body>h1 a.close:before,#ts-filter-widget-area .close:after,.ts-search-by-category .close:before,.summary .woocommerce-tabs .panel .close:before,.search-button.search-icon .icon.active:before,.vertical-menu-sidebar .close:after,.ts-floating-sidebar .close:after,.ts-popup-modal .close:after,.wishlist-out-of-stock:before,.woocommerce .widget_layered_nav_filters ul li a:after,.ts-active-filters .widget_layered_nav_filters ul li a:after{content:"\e9c1"}body table.compare-list tr.remove td>a .remove:before,.woocommerce table.shop_table .product-remove a:before,ul.products-list li .remove:before,.cart_list li .cart-item-wrapper a.remove: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:"\e9b8"} .ts-menu-drop-icon:after,.widget-container .cat-parent span.icon-toggle:after,.ts-language-switcher .wpml-ls-legacy-dropdown>ul>li>a:after,.ts-language-switcher .wpml-ls-legacy-dropdown-click>ul>li>a:after,.header-language .wpml-ls-legacy-dropdown>ul>li>a:after,.header-language .wpml-ls-legacy-dropdown-click>ul>li>a:after,.ts-currency-switcher .wcml_currency_switcher>a:after,.header-currency .wcml_currency_switcher>a:after,.product-per-page-form ul.perpage .perpage-current:after,.woocommerce .woocommerce-ordering .orderby-current:after,.elementor-widget[data-widget_type*="wp-widget-"] ul li>span.icon-toggle:after,body .select2-container--default .select2-selection--single .select2-selection__arrow b:before{content:"\e934"} .ts-menu-drop-icon.active:after,.ts-language-switcher.dropdown-up .wpml-ls-legacy-dropdown>ul>li>a:after,.ts-language-switcher.dropdown-up .wpml-ls-legacy-dropdown-click>ul>li>a:after,.ts-currency-switcher.dropdown-up .wcml_currency_switcher>a: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:"\e93b"} .product .woocommerce-Tabs-panel>h2:after,.product .woocommerce-Tabs-panel #reviews>h2:after,.widget-title-wrapper a.block-control:after{content:"\e99c"} .product .woocommerce-Tabs-panel>h2.active:after,.product .woocommerce-Tabs-panel #reviews>h2.active:after,.widget-title-wrapper a.block-control.active:after{content:"\e97b"} .widget_recent_comments li.recentcomments:before{content:"\e976"} .comment-actions .comment-edit-link:after{content:'\e948'} .comment-actions .comment-reply-link:after{content:'\e906'} .vertical-menu-sidebar .ts-menu-drop-icon:after,.sub-menu>li.parent .ts-menu-drop-icon:after,nav.main-menu>ul.menu .sub-menu li.parent>a:after,.mobile-menu-wrapper li .ts-menu-drop-icon:after{content:"\e936"} body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before{content:"\e934"} .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,.product-group-button>div.quickshop a:after,.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before{content:"\e9a7"} .product-group-button>div.compare a:after,.summary .single-product-buttons a.compare:before{content:"\e955"} .product-group-button>div.wishlist a:after,.summary .single-product-buttons .yith-wcwl-add-to-wishlist a:before,.product-group-button-meta>div.wishlist a:before{content:"\e95b"} .product-group-button-meta>div.wishlist .added a:before,.product-group-button>div.wishlist .added a:after,.woocommerce div.product div.summary .yith-wcwl-add-to-wishlist.added a:before{content:"\e95c"}.product-group-button>div.loop-add-to-cart a:after{content:"\e9af"} .summary .single-product-buttons a.compare.added:before,.product-group-button>div.compare a.added:after{content:"\e954"} .woocommerce-product-details__short-description ul li:before{content:"\e92f"} .product-group-button-meta>.loop-add-to-cart .button.added:before,.woocommerce ul.product_list_widget li a.button.added:before,.woocommerce .summary form.cart button.button.added:before{font-size:130%;display:inline-block;vertical-align:-2px} .product-group-button>div.compare a.added:after,.summary .single-product-buttons a.compare.added:before,.product-group-button>div.loop-add-to-cart a.added:after,.product-group-button-meta>.loop-add-to-cart .button.added:before,.woocommerce ul.product_list_widget li a.button.added:before,.woocommerce .summary form.cart button.button.added:before{margin-right:10px} .list .product-group-button-meta>.loop-add-to-cart .button.added:before,.woocommerce ul.product_list_widget li a.button.added:before{font-size:13px;vertical-align:-1px;margin-right:3px}.woocommerce ul.product_list_widget div.loop-add-to-cart a.button{margin-top:0} .product-group-button>div.loop-add-to-cart a.added:after{display:block!important;margin:0} #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:"\e9ba";display:inline-block;float:left;margin:0 10px 0 0;font-size:24px} .ts-product-360-button:before,.ts-product-video-button:before,.ts-product-size-chart-button:before{content:"\e9a6";margin-right:10px;/*rtl*/display:inline-block;vertical-align:-2px;font-size:124%} .ts-product-video-button:before{content:"\e996"} .ts-product-360-button:before{content:"\e901"} .threesixty .nav_bar a:before{content:"\e996"} .threesixty .nav_bar a.nav_bar_stop:before{content:"\e999"} .threesixty .nav_bar a.nav_bar_previous:before,.threesixty .nav_bar a.nav_bar_next:before{content:"\e997"} .woocommerce-error::before{content: "\e9c1";}.woocommerce-message::before{content: "\e92f";} .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before{content: "\e959";} .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before{content: "\e96d";} .ts-instagram-wrapper .item > a:after{content: "\e91b";} /**/ .ts-header nav > ul.menu li[class*="fa-"]:before, .mobile-menu-wrapper nav > ul li[class*="fa-"]:before, .widget_nav_menu li[class*="fa-"]:before, #vertical-menu-sidebar ul.menu li[class*="fa-"]:before,.woocommerce-account .addresses .title .edit:before{font-family:"Font Awesome 5 Free";font-style: normal;font-weight: 400;text-transform: none;letter-spacing: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .widget_nav_menu li.fas:before, .ts-header nav > ul.menu li.fas:before, .mobile-menu-wrapper nav > ul li.fas:before, #vertical-menu-sidebar ul.menu li.fas:before{font-weight: 900;} .widget_nav_menu li.fab:before, .ts-header nav > ul.menu li.fab:before, .mobile-menu-wrapper nav > ul li.fab:before, #vertical-menu-sidebar ul.menu li.fab:before{font-family: "Font Awesome 5 Brands";} .woocommerce-account .addresses .title .edit:before{content: "\f303";font-weight: 900;} /**/ .ts-sidebar-menu-icon .icon:hover,.icon-menu-sticky-header .icon:hover{opacity:.8} .elementor-lightbox .dialog-lightbox-close-button,.elementor-lightbox .elementor-swiper-button{outline:0} .widget-title-wrapper a.block-control,.widget-container span.icon-toggle{position:absolute;width:24px;height:24px;top:5px;right:0;/*rtl*/line-height:24px;cursor:pointer;color:inherit;text-decoration:none;text-align:center;text-indent:0;letter-spacing:0;z-index:8} .widget-container.widget_categories span.icon-toggle{top:4px;left:0;right:auto} .widget-container.widget_categories ul>li:first-child span.icon-toggle{top:-1px} .widget-title-wrapper a.block-control:after,.widget-container span.icon-toggle:after{display:inline-block;font-size:14px;line-height:24px;transition:200ms ease} .widget-title-wrapper a.block-control{width:100%;height:100%;top:0;left:0;text-align:end;display:none} .widget_categories ul li.cat-parent{position:relative;padding-left:20px} .widget-container ul li>span.icon-toggle{text-align:right} .widget-container ul li>span.icon-toggle:after{letter-spacing:0;font-size:16px} .widget-container ul li.active>span.icon-toggle:after{transform:rotate(180deg)} .widget-title-wrapper a.block-control:after{position:absolute;top:50%;right:17px;transform:translateY(-50%);font-size:22px} /*------------------------------------------------------------------------------------------------------------------- LOADING ---------------------------------------------------------------------------------------------------------------------*/ .mailchimp-subscription .processing button.button:before,.search-table .search-button:after,.product-group-button>div a.loading:after,.woocommerce .product-group-button>div .button.loading:after,.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,.wishlist_table .product-add-to-cart a.add_to_cart.loading:after,.load-more-wrapper .button.loading:before,.ts-shop-load-more .button.loading:before,.woocommerce .ts-shop-load-more .button.loading:before{ content: ""; width: 16px; height: 16px; border: 2px solid rgba(0,0,0,.3); border-top-color: #000; border-radius:50%; text-align:center; display:inline-block; opacity:0; visibility:hidden; position:absolute; top:50%;left:50%; margin-top:-8px;margin-left:-8px; } .wishlist_table .product-add-to-cart a.add_to_cart.loading:after{z-index: 10;} .mailchimp-subscription .processing button.button:before,.load-more-wrapper .button.loading:before,.ts-shop-load-more .button.loading:before,.woocommerce .ts-shop-load-more .button.loading:before{ width:14px;height:14px; position:static; background:transparent; margin-top:-4px; margin-left:0; /*rtl*/ margin-right:5px; /*rtl*/ vertical-align:middle; -webkit-animation:spin 2s linear infinite; animation:spin 2s linear infinite; opacity: 1; visibility: visible; } body table.compare-list tr.remove div.blockUI.blockOverlay,body table.compare-list tr.remove div.blockUI.blockOverlay:before{opacity:1!important} body table.compare-list tr.remove div.blockUI.blockOverlay:after,.wishlist_table .product-add-to-cart a.add_to_cart.loading:before,.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{ width:16px; height:16px; margin:-8px 0 0 -8px; } .button-in .blockUI.blockOverlay:before,.single_add_to_wishlist.loading{opacity:1!important}.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,.summary .single-product-buttons .yith-wcwl-add-to-wishlist a.loading:after,.summary .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{ content:""; width:24px; height:24px; border: 2px solid rgba(0,0,0,.3); border-top-color: #000; border-radius:50%; left:50%;top:50%; margin-top:-12px; margin-left:-12px; position:absolute; -webkit-animation:spin 2s linear infinite; animation:spin 2s linear infinite; background:transparent!important; z-index:9; } .woocommerce .summary .single-product-buttons a.compare.loading:after{ border-color: rgba(0,0,0,.3); border-top-color: #000; } .swiper-lazy-preloader,body:not(.elementor-editor-active) .elementor-section.loading:before,div.blockUI.blockOverlay:after,.woocommerce div.blockUI.blockOverlay:after,.woocommerce-cart .woocommerce-cart-form div.blockUI.blockOverlay:after,.images.loading:after,.ts-product .content-wrapper.loading:after,.ts-logo-slider-wrapper.loading .content-wrapper:after,.ts-instagram-wrapper.loading:after,.related-posts.loading .content-wrapper:after,.woocommerce .product figure.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-popup-modal.loading .overlay:before,#cboxLoadingGraphic:after,.footer-container.loading:after{ width:36px;height:36px; margin-left:-18px;margin-top:-18px; border-width:3px;border-top-width:3px } .footer-container.loading{position: relative;} .woocommerce div.product form.cart .button.loading:after{border-color:rgba(255,255,255,.3);border-top-color:#fff} .product-group-button-meta>div.button-in a.loading:after,.woocommerce .product-group-button-meta>div.button-in a.button.loading:after,.woocommerce div.product form.cart div.button-in .button.loading:after{top:0;left:0;margin:0} .product-group-button-meta>div.button-in a.loading:before,.woocommerce .product-group-button-meta>div.button-in a.button.loading:before,.woocommerce div.product form.cart div.button-in .button.loading:before{background:transparent!important;opacity:0;visibility:hidden} .product-group-button-meta>div a.loading:after,body .woocommerce table.compare-list .add-to-cart td a.loading:after{opacity:0;visibility:hidden} .mailchimp-subscription .processing button.button:before,.search-table .loading~.search-button:after,.search-table .loading .search-button:after,.product-group-button>div a.loading:after,.woocommerce .product-group-button>div .button.loading:after,.product-group-button-meta>div a.loading:after,.woocommerce div.product form.cart .button.loading:after,.woocommerce .product-group-button-meta>div a.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} .wishlist_table .product-add-to-cart a.add_to_cart.loading:before,.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{z-index:10;} .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;} body.load-more-button .ts-shop-load-more .button.loading:after{display:none} .search-table .search-field.loading~.search-button:before,.search-table .search-field.loading .search-button:before,ul.product_list_widget li a.button.loading:before,.woocommerce ul.product_list_widget li a.button.loading:before,.wishlist_table .product-add-to-cart a.add_to_cart.loading:before,.product-group-button-meta>div:not(.button-in) a.loading:before,.woocommerce .product-group-button-meta>div:not(.button-in) a.button.loading:before,.woocommerce div.product form.cart .button.loading:before,body .woocommerce table.compare-list .add-to-cart td a.loading: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(--nooni-main-bg)} .footer-container.loading:before{opacity: 1;} .dropdown-container ul.cart_list li.loading:before{background-color:var(--nooni-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:not(.ts-slider) .content-wrapper>*,.ts-logo-slider-wrapper .content-wrapper>*,.related-posts:not(.ts-slider) .content-wrapper>*,.woocommerce .product figure>*,.ts-products-widget-wrapper:not(.ts-slider)>*,.ts-blogs-widget-wrapper:not(.ts-slider)>*,.ts-recent-comments-widget-wrapper:not(.ts-slider)>*,.blogs article a.gallery>*,.ts-blogs:not(.ts-slider) .content-wrapper>*,.ts-testimonial-wrapper:not(.ts-slider) .items>*,article .thumbnail>*,.thumbnails>*,.ts-product-category-wrapper:not(.ts-slider) .content-wrapper>*,body:not(.elementor-editor-active) .elementor-section>*,.thumbnails-container>*,.ts-team-members:not(.ts-slider)>*{transition:opacity 350ms ease 0s,visibility 350ms ease 0s} .images.loading>*,.ts-product .content-wrapper.loading>*,.ts-instagram-wrapper.loading>*,.ts-logo-slider-wrapper.loading .content-wrapper>*,.related-posts.loading .content-wrapper>*,.woocommerce .product figure.loading>*,.ts-products-widget-wrapper.loading>*,.ts-blogs-widget-wrapper.loading>*,.ts-recent-comments-widget-wrapper.loading>*,.blogs article a.gallery.loading>*,.ts-blogs.loading .content-wrapper>*,.ts-testimonial-wrapper .items.loading>*,.entry-format .thumbnail.loading>*,article .thumbnail.loading>*,.thumbnails.loading>*,.ts-product-category-wrapper .content-wrapper.loading>*,body:not(.elementor-editor-active) .elementor-section.loading>*,.thumbnails-container.loading>*,.column-products.loading>*,.ts-team-members .loading>*{visibility:hidden;opacity:0} .thumbnails.loading:before,.thumbnails-container.loading:before{display:block!important} .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after, .wishlist_table .product-add-to-cart a.add_to_cart.loading:after,.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, .mailchimp-subscription .processing button.button:before, .load-more-wrapper .button.loading:before, .ts-shop-load-more .button.loading:before, .woocommerce .ts-shop-load-more .button.loading:before{ border-color: var(--nooni-button-loading-color); border-top-color: var(--nooni-button-color); } .woocommerce a.button.loading:hover:after, .woocommerce button.button.loading:hover:after, .woocommerce input.button.loading:hover:after, .wishlist_table .product-add-to-cart a.add_to_cart.loading:hover:after, .product-group-button-meta > div a.loading:hover:after, .woocommerce .product-group-button-meta > div a.button.loading:hover:after, .woocommerce div.product form.cart .button.loading:hover:after, body .woocommerce table.compare-list .add-to-cart td a.loading:hover:after, .mailchimp-subscription .processing button.button:hover:before, .load-more-wrapper .button.loading:hover:before, .ts-shop-load-more .button.loading:hover:before, .woocommerce .ts-shop-load-more .button.loading:hover:before{ border-color: var(--nooni-button-loading-hover-color); border-top-color: var(--nooni-button-hover-color); } .infinity-scroll .ts-shop-load-more a.load-more.button.loading:after{ border-color: rgba(0,0,0,0.3); border-top-color: #000000; } .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-product-category-wrapper.style-img-large.ts-slider .content-wrapper.loading{height: 450px;} .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;} .widget-container.ts-social-icons .normal-logo,header .logo img{width: var(--nooni-logo-width, 160px);} header .logo-header a{padding: 0;} .ts-header{padding: 0;display: block;} .ts-header .header-container{position: relative;} /*-------------------------------------------------------- 1. MENU ---------------------------------------------------------*/ .ts-menu nav > ul,nav > ul.menu,nav > ul.menu > ul{padding: 0;margin: 0;} .ts-header .ts-menu nav > ul, .ts-header nav > ul.menu{ display: flex; flex-wrap: wrap; align-items: center; gap: 36px; } .ts-menu nav > ul > li, nav > ul.menu > li{ list-style: none; position: relative; padding: 0; display: inline-block; cursor: pointer; font-family: var(--nooni-menu-font-family); font-style: var(--nooni-menu-font-style); font-weight: var(--nooni-menu-font-weight); font-size: var(--nooni-menu-font-size); line-height: var(--nooni-menu-line-height); } .ts-menu nav ul li[class^="tb-icon-"], nav ul.menu li[class^="tb-icon-"], .ts-menu nav ul li[class*=" tb-icon-"], nav ul.menu li[class*=" tb-icon-"]{ font-family: var(--nooni-menu-font-family) !important; font-style: var(--nooni-menu-font-style); font-weight: var(--nooni-menu-font-weight); } .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-center{text-align: center;} .ts-header .menu-center .menu-wrapper,.ts-header .menu-wrapper .ts-menu{display: inline-block;} .ts-header .menu-wrapper .ts-menu{position: relative;} .menu-desc{line-height: 1.2;font-size: 0.9rem;font-weight: normal;width: 100%;color: var(--nooni-gray-color);margin-top: 5px;} .ts-header nav > ul.menu > li:hover,.ts-header nav > ul > li:hover{z-index: 993;} .ts-menu nav > ul > li > a,nav > ul.menu > li > a,.ts-header nav > ul.menu > li a:hover,.ts-header nav > ul > li a:hover{text-decoration: none;} /*** Menu Icon ***/ nav > ul.menu li a.has-icon .menu-icon, nav > ul.menu li:before{ font-size: 1.2em; display: inline-block; vertical-align: 0; margin-right: 5px; /*rtl*/ } .ts-header nav > ul.menu li[class^="tb-icon-"]:before, .ts-header nav > ul.menu li[class*=" tb-icon-"]:before{ font-size: 1.5em; vertical-align: -2px; } ul.menu li .menu-icon{ width: 28px; position: relative; display: inline-block; } #vertical-menu-sidebar nav > ul.menu li a.has-icon .menu-icon, #vertical-menu-sidebar nav > ul.menu li:before{ margin-right: 10px; /*rtl*/ } #vertical-menu-sidebar ul.menu li[class*="fa-"]:before{ font-size: 0.9em; vertical-align: -2px; } #vertical-menu-sidebar ul.menu li .menu-icon{ width: 32px; } .mobile-menu-wrapper ul.menu li[class*="fa-"]:before{ font-size: 1em; } 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-header nav > ul.menu li.empty-label > a, .mobile-menu-wrapper nav > ul li.empty-label > a{ font-size: 0; } .ts-header nav > ul.menu li.empty-label:hover, .mobile-menu-wrapper nav > ul li.empty-label:hover{ cursor: pointer; } .ts-header nav > ul.menu li.no-arrow > a:after, .mobile-menu-wrapper nav > ul li.no-arrow > a:after, .ts-header nav > ul.menu li.empty-label > a:after, .mobile-menu-wrapper nav > ul li.empty-label > a:after{ display: none !important; } .footer-container .elementor-widget-container > h5, .ts-megamenu-container .elementor-widget .elementor-widget-container h5, .footer-container .ts-list-of-product-categories-wrapper h3.heading-title, .ts-megamenu-container .ts-list-of-product-categories-wrapper h3.heading-title, .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: 22px; cursor: default; } .ts-megamenu-container .elementor-widget .elementor-widget-container h5, .ts-megamenu-container .ts-list-of-product-categories-wrapper h3.heading-title, .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; } .ts-header 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; } .vertical-menu-sidebar .sub-menu .menu-sub-label, .vertical-menu-sidebar .menu-sub-label{ top: 0; right: auto; /*rtl*/ } .vertical-menu-sidebar ul.menu > li > .menu-desc{ font-size: 60%; } .sub-menu .menu-sub-label{ top: -3px; right: -24px; /*rtl*/ } .mobile-menu-wrapper .sub-menu .menu-sub-label{ top: -7px; } .menu-sub-label:before{ width: 0; height: 0; border-top: 0; border-left: 5px solid;/* rtl */ border-bottom: 6px solid; border-top-color: transparent !important; border-bottom-color: transparent !important; border-left-color: #000000; border-right-color: #000000; transform: rotate(15deg); position: absolute; right: 50%;/* rtl */ margin-right: -3px;/* rtl */ content: ""; bottom: -5px; } /*** Submenu ***/ .ts-header nav > ul.menu ul.sub-menu li:hover > ul.sub-menu{ -webkit-animation-duration: 300ms; -moz-animation-duration: 300ms; animation-duration: 300ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_menu_sub; -moz-animation-name: animation_menu_sub; animation-name: animation_menu_sub; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; display: block; } .ts-header 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: 14px; margin: 0; display: inline-block; vertical-align: -2px; letter-spacing: 0; } .ts-header .ts-menu .ts-menu-drop-icon{ vertical-align: middle; line-height: 1; } .ts-menu-drop-icon:hover{cursor: pointer;} nav.mobile-menu > ul.menu > li.parent > .ts-menu-drop-icon:after{ display: inline-block; vertical-align: 1px; } nav.main-menu > ul.menu li.parent > a:after{ font-size: 14px; margin: 0 0 0 3px; /*rtl*/ 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: inline-block; vertical-align: top; transform: none; top: 16px; } nav.main-menu > ul.menu .sub-menu > li.parent:first-child > .ts-menu-drop-icon{top: 6px;} .vertical-menu-sidebar nav.main-menu > ul.menu .sub-menu > li.parent:first-child > .ts-menu-drop-icon{top: 0;} .vertical-menu-sidebar nav.main-menu > ul.menu .sub-menu li.parent > .ts-menu-drop-icon{font-size: 100%;} .ts-header nav > ul.menu li ul.sub-menu{ font-size: var(--nooni-submenu-font-size); line-height: var(--nooni-submenu-line-height); color: var(--nooni-dropdown-color); position: absolute; z-index: 999; top: 100%; margin: 0; padding: 88px 40px 54px; width: 350px; left: 50%;/* rtl */ margin-left: -175px;/* rtl */ display: none; } .ts-header .is-sticky nav > ul.menu li ul.sub-menu{padding-top: 84px;} .header-v6 .ts-header nav > ul.menu li ul.sub-menu{padding-top: 78px;} .ts-header .header-bottom nav > ul.menu > li:first-child ul.sub-menu{margin-left: -30px;/* rtl */} .ts-header .attribute-search-wrapper + .menu-wrapper nav > ul.menu li ul.sub-menu{margin-left: -35px;/* rtl */} .ts-header nav > ul.menu li.ts-megamenu ul.sub-menu{margin-left: 0 !important;/* rtl */} .header-transparent .ts-header nav > ul.menu li ul.sub-menu{top: 100%;} .ts-header nav > ul.menu li:hover > ul.sub-menu{ display: block; -webkit-animation-duration: 200ms; -moz-animation-duration: 200ms; animation-duration: 200ms; animation-delay: 250ms; -webkit-animation-delay: 250ms; -moz-animation-delay: 250ms; -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; } .ts-header nav > ul.menu li ul.sub-menu:after{ content: ""; position: absolute; top: 42px; right: 0; left: 0; bottom: 0; z-index: 0; background-color: var(--nooni-dropdown-bg); box-shadow: 0 5px 15px rgba(63,63,63,0.15); } .is-sticky .header-middle > .container,.header-v5 .is-sticky .header-middle > .container{padding-top: 20px;padding-bottom: 20px;} .ts-header nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{padding: 97px 0 60px;} .ts-header .is-sticky nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{padding-top: 84px;} .ts-header .is-sticky nav > ul.menu li ul.sub-menu:after{top: 31px;} .header-v3 .ts-header .is-sticky nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{padding-top: 87px;} .header-v3 .ts-header nav > ul.menu li ul.sub-menu:after,.header-v3 .ts-header .is-sticky nav > ul.menu li ul.sub-menu:after{top: 34px;} .header-v4 .ts-header nav > ul.menu li ul.sub-menu:after{top: 43px;} .header-v4 .ts-header .is-sticky nav > ul.menu li ul.sub-menu:after{top: 32px;} .header-v5 .ts-header nav > ul.menu li ul.sub-menu:after{top: 38px;} .header-v5 .ts-header .is-sticky nav > ul.menu li ul.sub-menu:after{top: 33px;} .header-v6 .ts-header .is-sticky nav > ul.menu li ul.sub-menu:after,.header-v6 .ts-header nav > ul.menu li ul.sub-menu:after{top: 24px;} .ts-header nav > ul.menu li ul.sub-menu:after{background-size: contain;} .ts-header nav > ul.menu li ul.sub-menu ul.sub-menu{ left: 100%; /* rtl */ padding: 30px 30px 30px 60px;/* rtl */ top: -23px; z-index: 990; margin: 0; } .ts-header nav > ul.menu li ul.sub-menu ul.sub-menu:after{ top: 4px; left: 30px; /* rtl */ } .ts-header nav > ul.menu > li > ul.sub-menu > li:first-child > ul.sub-menu{ top: -30px; } .ts-header nav > ul.menu li ul.sub-menu ul.sub-menu ul.sub-menu{ z-index: 991; } .ts-header nav > ul.menu li.menu-item-has-children:hover{ z-index: 992; } /* FIXED WIDGET ELEMENTOR */ .ts-header nav li.widget_nav_menu li > a:before, .ts-header nav .elementor-widget-wp-widget-nav_menu li > a:before{ display: none; } #page .ts-header nav .elementor-widget-wp-widget-nav_menu li > a{ padding-left: 0; padding-right: 0; } /* Fix li */ .ts-header nav > ul.menu li.ts-megamenu > ul.sub-menu > li{ padding: 0 !important; margin: 0 auto; display: block; } .ts-header nav > ul.menu ul.sub-menu > li > a, .ts-header nav li.widget_nav_menu li > a, .ts-header nav > ul.menu li.ts-normal-menu ul.sub-menu li > a{ display: table; position: relative; } /*** Mega Menu ***/ .ts-header nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{ width: 1500px; } .ts-header nav > ul.menu li.ts-megamenu-columns-4 ul.sub-menu{ width: 800px; } .ts-header nav > ul.menu li.ts-megamenu-columns-3 ul.sub-menu{ width: 600px; } .ts-header nav > ul.menu li.ts-megamenu-columns-2 ul.sub-menu{ width: 400px; } .ts-header nav > ul.menu li.ts-megamenu-columns-1 ul.sub-menu{ width: 290px; } .ts-header .ts-megamenu-container ul.menu li ul.sub-menu > li:last-child{ padding-bottom: 0; } .ts-megamenu-container .elementor-widget ul.menu li ul.sub-menu{ position: static !important; width: 100% !important; margin-bottom: -5px !important; opacity: 1 !important; display: block !important; visibility: visible !important; padding: 5px 0 0 20px !important; transform: none !important; transition: none !important; animation: none !important; } .ts-megamenu-container .elementor-widget ul.menu li ul.sub-menu:after{display: none;} .ts-megamenu-container .elementor-widget-container > ul li, .ts-megamenu-container .elementor-widget-container ul.menu li, .ts-megamenu-container .elementor-widget-container .list-icons li, .ts-megamenu-container .widget_categories > ul li, .ts-megamenu-container .product-categories li{ padding: 0 0 14px !important; line-height: 22px; } .ts-megamenu-container .elementor-widget-container > ul li a, .ts-megamenu-container .elementor-widget-container ul.menu li a, .ts-megamenu-container .elementor-widget-container .list-icons li a, .ts-megamenu-container .widget_categories > ul li a, .ts-megamenu-container .product-categories li a{ display: inline-block; } .ts-megamenu-container .elementor-widget-container > ul li:last-child, .ts-megamenu-container .elementor-widget-container ul.menu li:last-child, .ts-megamenu-container .elementor-widget-container .list-icons li:last-child, .ts-megamenu-container .widget_categories > ul li:last-child, .ts-megamenu-container .product-categories li:last-child{ padding-bottom: 0 !important; } .footer-container .elementor-widget-wp-widget-nav_menu ul.menu{ margin-top: -5px; margin-bottom: -5px; } /* Menu sub a hover */ .menu-wrapper nav > ul.menu ul.sub-menu li > a, .menu-wrapper nav > ul.menu li.widget_nav_menu li > a, .widget-container ul.menu li.widget_nav_menu li > a, .widget-container ul.menu ul.sub-menu li > a{ transition: 350ms ease 0s; } header li.widget_nav_menu{ margin: 0; padding: 0; } /* WIDGET CUSTOM MENU FOR MEGAMENU */ .menu-wrapper nav li.widget{ list-style: none; } .ts-menu nav .widgettitle{ margin-bottom: 10px; text-transform: uppercase; position: relative; padding-bottom: 0; } .menu-wrapper nav li.widget ul{ margin: 0; } .menu-wrapper nav > ul.menu > li ul li.widget{ padding: 5px 10px; float: left;/* rtl */ } .menu-wrapper nav > ul.menu > li ul li.widget_nav_menu{ padding: 0 10px; } .menu-wrapper nav > ul.menu > li ul li.widget_text{ padding: 0; min-width: 0; } .menu-wrapper nav li.ts-megamenu-fullwidth .widget_nav_menu{ width: 16.66667%; } .menu-wrapper nav li.ts-megamenu-columns-4 .widget_nav_menu, .mg-col-4 > div{width: 25%;} .menu-wrapper nav li.ts-megamenu-columns-3 .widget_nav_menu, .mg-col-3 > div{width: 33.33333%} .menu-wrapper nav li.ts-megamenu-columns-2 .widget_nav_menu, .mg-col-2 > div{width: 50%;} .menu-wrapper nav li.ts-megamenu-columns-1 .widget_nav_menu, .mg-col-1 > div{width: 100%} .ts-megamenu-columns-2 li.widget, .ts-megamenu-columns-3 li.widget, .ts-megamenu-columns-4 li.widget, .ts-megamenu-fullwidth li.widget{ padding: 0 20px; } .ts-megamenu-columns-1 li.widget{ clear: both; width: 100%; } .ts-megamenu-columns-2 li.widget{ width: 50%; } .ts-megamenu-columns-3 li.widget{ width: 33.3333%; } .ts-megamenu-columns-4 li.widget{ width: 25%; } .menu-wrapper nav div.ts-megamenu-widgets-container > ul > li{ position: relative; } .menu-wrapper nav div.ts-megamenu-widgets-container li.widget_text{ position: static; } /*-------------------------------------------------------- 2. HEADER TOP ---------------------------------------------------------*/ .header-top{ background-color: var(--nooni-top-bg); color: var(--nooni-top-color); border-bottom: 1px solid var(--nooni-top-border); z-index: 994; } .header-middle{ background-color: var(--nooni-middle-bg); color: var(--nooni-middle-color); border-bottom: 1px solid var(--nooni-middle-border); } .header-bottom{ background-color: var(--nooni-bottom-bg); color: var(--nooni-bottom-color); border-color: var(--nooni-bottom-border); } .header-transparent .header-middle, .header-v3 .header-middle, .header-v6 .header-middle, .header-v5 .header-top, .header-v5 .header-middle{ border-bottom-width: 0; } .header-v5 .header-top .container{ position: relative; } .header-v5 .header-top .container:after{ content: ''; display: block; position: absolute; bottom: 0; border-bottom: 1px solid var(--nooni-top-border); } .header-v5 .header-top .my-account-wrapper,.header-v5 .header-top .my-wishlist-wrapper,.header-v5 .header-top .shopping-cart-wrapper{display: none;} .header-top > .container, .header-middle > .container, .header-bottom > .container{ display: flex; flex-wrap: wrap; position: relative; } .header-top > .container, .header-middle > .container{ align-items: center; } .header-middle > .container{ justify-content: space-between; padding-top: 31px; padding-bottom: 31px; } .header-v3 .header-middle > .container{ padding-top: 21px; padding-bottom: 21px; } .header-v5 .header-middle > .container{ padding-top: 25px; padding-bottom: 25px; } .header-v6 .header-middle .menu-wrapper.menu-fullwidth{ margin-top: 16px; } .header-v6 .header-middle > .container{ padding-top: 23px; padding-bottom: 23px; } .header-bottom > .container > *{ padding-top: 18px; padding-bottom: 18px; } .header-v5 .header-bottom > .container > *{ padding-top: 8px; padding-bottom: 8px; } .header-bottom.menu-center > .container{ justify-content: center; } .ts-header .header-top nav > ul.menu > li > a, .ts-header .header-top nav > ul > li > a{ font-size: 100%; line-height: inherit; font-weight: normal; text-transform: uppercase; padding: 0; } .ts-header .my-account-wrapper, .ts-header .my-wishlist-wrapper, .ts-header .shopping-cart-wrapper{ line-height: 0; } .ts-header .my-account-wrapper a, .ts-header .my-wishlist-wrapper a, .ts-header .shopping-cart-wrapper a{ color: inherit; } .social-icons ul li i{ font-size: 16px; line-height: 1; display: inline-block; vertical-align: middle; } /*** Header Top ***/ .header-top > .container{ position: relative; line-height: 20px; } .header-top .container > .header-store-notice, .header-top .header-left > *, .header-top .header-right > *{ padding-top: 9px; padding-bottom: 9px; } .header-v2 .header-top .header-left > *, .header-v2 .header-top .header-center > *, .header-v2 .header-top .header-right > *{ padding-top: 8px; padding-bottom: 8px; } .header-v5 .header-top .header-left > *, .header-v5 .header-top .header-right > *{ padding-top: 10px; padding-bottom: 10px; } .header-top p{margin-bottom: 0;} .header-store-notice{ width: 100%; max-width: 100%; min-height: 24px; } .header-top .header-store-notice{font-size: 1em;width: auto;} .header-store-notice, .header-top{ text-transform: uppercase; font-size: calc(var(--nooni-body-font-size) - 3px); } .header-top .shopping-cart-wrapper .dropdown-container{ text-transform: initial; font-size: var(--nooni-body-font-size); } .noticeMarquee{ white-space: nowrap; overflow: hidden; } .noticeMarquee *{ -webkit-backface-visibility: hidden; backface-visibility: hidden; } .noticeMarquee > div{ display: inline-block; padding-left: 100%; /*rtl*/ animation: marquee var(--nooni-marquee-timing, 30s) linear infinite; } .noticeMarquee > div > p{ padding: 0 50px; display: inline-block; margin: 0; } .noticeMarquee > div > p:first-child{ padding-left: 0; /*rtl*/ } .noticeMarquee > div > p:last-child{ padding-right: 0; /*rtl*/ } .header-top .header-language, .header-top .header-currency{ color: inherit; text-transform: uppercase; } .header-top a:hover{ text-decoration: none; } .ts-header .header-top .header-left, .ts-header .header-top .header-right{ display: flex; align-items: stretch; } .header-top .header-left > *, .header-top .header-right > *{ align-items: center; } .ts-header .info a, #group-icon-header .group-button-header .info a{ margin-left: 20px; /*rtl*/ color: inherit; } /*** Social icons ***/ .social-icons ul{ margin: 0 -5px; font-size: 0; } .header-top .social-icons ul li, .social-icons ul li{ list-style: none; padding: 0 5px; display: inline-block; text-align: center; line-height: 1 !important; position: relative; } .header-v5 .header-top .social-icons ul li{padding-left: 7px;padding-right: 7px;} .social-icons ul li > a{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 9; } .social-icons ul li:before{ font-size: 20px; display: inline-block; } .header-right .social-icons ul li{ text-align: right; /*rtl*/ } body .header-right .language-currency:last-child .header-language:last-child .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .header-right .language-currency:last-child .header-language:last-child .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-right .language-currency:last-child .header-currency:last-child ul{ right: 0; /*rtl*/ left: auto; /*rtl*/ margin-right: 0; /*rtl*/ } .ts-header .language-currency{ display: flex; align-items: center; } .language-currency > *:not(:first-child){ margin-left: 24px; /*rtl*/ } .top-header-menu ul li, .header-top ul li{ list-style: none; display: inline-block; vertical-align: middle; position: relative; } .top-header-menu ul li{ padding: 0; } .top-header-menu>ul>li:not(:last-child){ margin-right: 23px; /*rtl*/ } /*-------------------------------------------------------- 3. HEADER MIDDLE ---------------------------------------------------------*/ .single-post #page{overflow-x: hidden;} .single-post .header-top,.single-post .header-bottom,.single-post .header-middle{position: relative;z-index: 7;} .single-post .header-bottom:hover,.single-post .header-middle:hover{z-index: 8;} .header-top{z-index: 994;} .ts-header .header-left,.ts-header .header-center,.ts-header .header-right{ flex: 1; display: flex; flex-wrap: wrap; align-items: center; } .ts-header .header-center{ flex: 1 0 auto; text-align: center; justify-content: center; max-width: 70%; } .header-v3 .ts-header .header-center{flex: none;} .header-v4 .ts-header .header-center{max-width: 30%;} .menu-wrapper.menu-fullwidth{ width: 100%; text-align: center; } .header-v5 .ts-header .header-left{ flex: none; } .ts-header .header-right.auto-width{ flex: 1 0 auto; max-width: 80%; } .ts-header .header-right .menu-wrapper{ margin-right: 70px; /*rtl*/ } .ts-header .header-right{ justify-content: flex-end; margin-left: auto; /*rtl*/ } .ts-header .header-left > *{ padding-right: 35px; /*rtl*/ } .ts-header .header-right > *{ padding-left: 35px; /*rtl*/ } .ts-header .header-top .header-right > * { padding-left: 28px; /*rtl*/ } .ts-header .header-left > .icon-menu-sticky-header{ padding-right: 0; /*rtl*/ } .ts-header .header-right > .search-button.search-icon{ padding-top: 10px; padding-bottom: 10px; padding-right: 17px; /*rtl*/ } .header-v2 .ts-header .header-right > .search-button.search-icon{ padding-right: 0; /*rtl*/ padding-left: 17px; /*rtl*/ } .ts-header .header-right > .ts-mobile-icon-toggle, .ts-header .header-right > .my-wishlist-wrapper, .ts-header .header-right > .shopping-cart-wrapper, .ts-header .header-right > .my-account-wrapper, .ts-header .header-right > .search-button.search-icon{ padding-left: 0; /*rtl*/ } .header-language, .header-currency{ position: relative; display: block; float: left; /*rtl*/ line-height: 19px; } .header-currency .wcml-spinner{ display: none; } .text-light .social-icons .list-icons li a, .text-light .ts-language-switcher .wpml-ls-legacy-list-horizontal, .text-light .ts-language-switcher .wpml-ls-legacy-list-vertical, .text-light .ts-language-switcher .wpml-ls-legacy-dropdown > ul > li > a, .text-light .ts-language-switcher .wpml-ls-legacy-dropdown-click > ul > li > a, .text-light .ts-currency-switcher .wcml_currency_switcher > a{ color: #ffffff !important; } .ts-language-switcher a, .ts-currency-switcher a{ color: inherit !important; } .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; } .ts-mobile-icon-toggle .icon:before{ margin-left: -3px; /*rtl*/ } .ts-mobile-icon-toggle .icon:before, .ts-sidebar-menu-icon .icon:before, .icon-menu-sticky-header .icon:before{ font-size: 24px; } .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: 25px; } .header-top .my-wishlist-wrapper .tini-wishlist:before, .header-top .shopping-cart-wrapper .cart-control .ic-cart:before, .header-top .ts-tiny-account-wrapper .account-control>a:before, .header-top .search-button.search-icon .icon:before{ font-size: 22px; } .search-button.search-icon .icon:before{ float: left; /*rtl*/ margin-right: 4px; /*rtl*/ } .search-button.search-icon .icon:hover{ cursor: pointer; } .search-button.search-icon .icon, .my-wishlist-wrapper .tini-wishlist, .my-account-wrapper .account-control > a, .shopping-cart-wrapper .cart-control{ display: inline-block; vertical-align: middle; position: relative; box-sizing: content-box; } .my-wishlist-wrapper .tini-wishlist, .my-account-wrapper .account-control > a, .shopping-cart-wrapper .cart-control{ padding: 12px; line-height: 1; } .header-top .my-wishlist-wrapper .tini-wishlist, .header-top .my-account-wrapper .account-control > a, .header-top .shopping-cart-wrapper .cart-control{ padding-top: 0; padding-bottom: 0; } .search-button.search-icon{ text-transform: uppercase; } .search-button.search-icon .icon span{ display: inline-block; vertical-align: -1px; } .my-account-wrapper .account-control > a{ color: inherit; } .ts-header .my-account-wrapper .account-control > a{ font-size: 0; letter-spacing: 0; } .ts-tiny-account-wrapper .account-control>a:before{ display: inline-block; vertical-align: middle; } .ts-header .shopping-cart-wrapper:last-child .cart-control, .ts-header .my-wishlist-wrapper:last-child .tini-wishlist{ padding-right: 10px; /*rtl*/ } .ts-header .search-button.search-icon:last-child .icon{ padding-right: 0; /*rtl*/ } .dropdown-container .theme-title span, .my-wishlist-wrapper .tini-wishlist .count-number, .shopping-cart-wrapper .cart-control .cart-number{ position: absolute; top: 1px; right: auto; /*rtl*/ left: 24px; /*rtl*/ width: 22px; height: 22px; font-size: 12px; line-height: 22px; text-align: center; letter-spacing: 0; border-radius: 50%; overflow: hidden; background: var(--nooni-middle-cart-number-bg); color: var(--nooni-middle-cart-number-color); } .header-top .dropdown-container .theme-title span, .header-top .my-wishlist-wrapper .tini-wishlist .count-number, .header-top .shopping-cart-wrapper .cart-control .cart-number{ position: absolute; top: -5px; width: 18px; height: 18px; font-size: 10px; line-height: 18px; background: var(--nooni-top-cart-number-bg); color: var(--nooni-top-cart-number-color); } .ts-tiny-account-wrapper{ position: relative; } .shopping-cart-wrapper .cart-control{ display: flex; align-items: center; color: inherit; } .shopping-cart-wrapper .cart-control .cart-total{ margin-left: 15px; /*rtl*/ line-height: 1; display: none; } .ts-floating-sidebar .ts-search-by-category > form .search-table .loading ~ .search-button:before{ opacity: 1; visibility: visible; } .ts-tiny-cart-wrapper a.cart-control:hover{ text-decoration: none; } header .my-wishlist-wrapper a span{ right: -5px;/* rtl */ } @supports (-webkit-touch-callout: none){ /*fix safari ios*/ .header-top .wcml_currency_switcher > ul:before, .header-top .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-top .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before{top: 11px;} } .ts-header .header-top .header-left > *{padding-right: 20px; /*rtl*/} .header-middle .container > .ts-search-by-category{flex: 1;} .ts-header .ts-search-by-category > form{ margin-top: 30px; } .ts-header .ts-search-by-category .select-category{ width: 190px; border-width: 0; padding-top: 4px; padding-bottom: 4px; padding-left: 30px; /*rtl*/ padding-right: 18px; /*rtl*/ margin-right: 7px; /*rtl*/ text-transform: capitalize; background-color: transparent; position: relative; } .ts-header .ts-search-by-category form > .search-table{ position: relative; flex: 1; } .ts-header .ts-search-by-category form > .select-category + .search-table:before{ content: ''; display: block; width: 1px; height: 30px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: rgba(123,91,91,0.15); } .ts-search-by-category .search-table .search-field input[type="text"]{padding-top: 12px;padding-bottom: 12px;} .ts-header .ts-search-by-category .search-table .search-field input[type="text"]{ padding: 7px 0 7px 40px; /*rtl*/ border-width: 0 0 1px; border-style: solid; border-color: var(--nooni-text-color); background: transparent; min-width: 260px; } .ts-header .ts-search-by-category .search-table .search-button{ width: 40px; height: 40px; left: 0; /*rtl*/ right: auto; /*rtl*/ justify-content: flex-start; } .search-table .search-button:before,.search-table .search-button:after{transition: opacity 150ms ease;} .ts-header .ts-search-by-category .search-table .loading ~ .search-button:before{opacity: 0;visibility: hidden;} .ts-header .ts-search-by-category .search-table .search-button:after{left: 0; /*rtl*/margin-left: 0; /*rtl*/} /*** Logo wrapper ***/ header .logo-wrapper{ max-height: 70px; } .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 > *{ flex: 1; } /*** 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, .ts-currency-switcher ul, .header-currency ul{ display: none; position: absolute; content: ""; right: auto; /*rtl*/ left: 50%; /*rtl*/ top: 100%; min-width: 116px; padding: 39px 30px 30px 30px; color: var(--nooni-dropdown-color); } .logged-in .my-account-wrapper .dropdown-container{ padding-top: 58px; padding-bottom: 25px; } .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; z-index: -1; background-color: var(--nooni-dropdown-bg); box-shadow: 0 5px 15px rgba(63,63,63,0.15); } .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: 25px 20px 15px; width: 140px; left: 0; /*rtl*/ margin-left: -20px; /*rtl*/ text-align: start; /*rtl*/ } .wcml_currency_switcher > ul:before, .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before{ top: 10px; } .header-v2 .header-top .wcml_currency_switcher > ul:before, .header-v2 .header-top .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-v2 .header-top .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before{ top: 11px; } .header-v5 .header-top .wcml_currency_switcher > ul:before{ top: 11px; } .header-top a:hover, .header-top .header-store-notice a:hover, .header-top .dropdown-container a:not(.button):hover, .header-top .header-language .wpml-ls-legacy-dropdown a:hover, .header-top .header-language .wpml-ls-legacy-dropdown a:focus, .header-top .header-language .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .header-top .wpml-ls-legacy-dropdown-click a:hover, .header-top .wpml-ls-legacy-dropdown-click a:focus, .header-top .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, .header-top .social-icons ul li:hover:before, .header-top .header-currency ul a:not(.button):hover{color: var(--nooni-top-link-hover-color);} .header-top .header-store-notice a:hover:after,.header-top .header-store-notice a:hover:before{border-color: var(--nooni-top-link-hover-color);} .header-middle a:hover, .header-middle .search-icon .icon:hover, .header-middle .ts-sidebar-menu-icon .icon:hover, .header-middle .icon-menu-sticky-header .icon:hover, .header-middle .dropdown-container a:not(.button):hover, .header-middle .header-language .wpml-ls-sub-menu a:not(.button):hover, .header-middle .header-currency ul a:not(.button):hover{color: var(--nooni-middle-link-hover-color);} .header-bottom a:hover,.header-bottom .header-store-notice a:hover,.header-bottom .dropdown-container a:not(.button):hover{color: var(--nooni-bottom-link-hover-color);} .header-bottom .header-store-notice a:hover:after, .header-bottom .header-store-notice a:hover:before{border-color: var(--nooni-top-link-hover-color);} .shopping-cart-wrapper .dropdown-container,.my-account-wrapper .dropdown-container{padding-top: 62px;} .shopping-cart-wrapper .dropdown-container:before,.my-account-wrapper .dropdown-container:before{top: 32px;} .is-sticky .header-middle .shopping-cart-wrapper .dropdown-container,.is-sticky .header-middle .my-account-wrapper .dropdown-container{padding-top: 50px;} .logged-in .is-sticky .header-middle .my-account-wrapper .dropdown-container{padding-top: 46px;} .is-sticky .header-middle .shopping-cart-wrapper .dropdown-container:before,.is-sticky .header-middle .my-account-wrapper .dropdown-container:before{top: 20px;} .header-v3 .is-sticky .header-middle .shopping-cart-wrapper .dropdown-container:before,.header-v3 .is-sticky .header-middle .my-account-wrapper .dropdown-container:before{top: 21px;} .header-v4 .shopping-cart-wrapper .dropdown-container:before,.header-v4 .my-account-wrapper .dropdown-container:before{top: 31px;} .header-top .my-account-wrapper .dropdown-container{padding-top: 36px;} .header-top .shopping-cart-wrapper .dropdown-container{padding-top: 30px;} .header-top .shopping-cart-wrapper .dropdown-container:before{top: 1px;} .header-top .my-account-wrapper .dropdown-container:before{top: 10px;} .header-v6 .shopping-cart-wrapper .dropdown-container,.header-v6 .my-account-wrapper .dropdown-container,.header-v3 .shopping-cart-wrapper .dropdown-container,.header-v3 .my-account-wrapper .dropdown-container{padding-top: 51px;} .header-v6 .shopping-cart-wrapper .dropdown-container:before,.header-v6 .my-account-wrapper .dropdown-container:before,.header-v3 .shopping-cart-wrapper .dropdown-container:before,.header-v3 .my-account-wrapper .dropdown-container:before{top: 21px;} .header-v5 .shopping-cart-wrapper .dropdown-container,.header-v5 .my-account-wrapper .dropdown-container{padding-top: 51px;} .header-v5 .shopping-cart-wrapper .dropdown-container:before,.header-v5 .my-account-wrapper .dropdown-container:before{top: 25px;} body.header-v5 .header-top .header-left > .language-currency:first-child > .header-language:first-child .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body.header-v5 .header-top .header-left > .language-currency:first-child > .header-language:first-child .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-v5 .header-top .header-left > .language-currency:first-child > .header-currency:first-child ul{ margin-left: 0; /*rtl*/ } .shopping-cart-wrapper:hover .dropdown-container, .my-account-wrapper .ts-tiny-account-wrapper:hover .dropdown-container, .header-language:hover .wpml-ls-sub-menu, .ts-language-switcher:hover .wpml-ls-sub-menu, .ts-currency-switcher:hover ul, .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, .ts-language-switcher:hover .wpml-ls-sub-menu, .ts-currency-switcher:hover ul, .header-currency:hover ul{ -webkit-animation-name: slidebottomtotop; -moz-animation-name: slidebottomtotop; animation-name: slidebottomtotop; } .header-language:hover .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .ts-language-switcher:hover .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{ -webkit-animation-name: none; -moz-animation-name: none; animation-name: none; } .my-account-wrapper .dropdown-container, .shopping-cart-wrapper .dropdown-container{ z-index: 992; } .ts-tiny-cart-wrapper .cart_list li .price{ 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: 395px; } .shopping-cart-wrapper.updating .dropdown-container{ animation: none !important; -webkit-animation: none !important; } header .cart-dropdown-form .form-content{ position: relative; z-index: 2; } .cart-dropdown-form .form-content > label{ text-align: center; } .cart-dropdown-form .form-content > label > span{ display: block; margin-bottom: 25px; } .cart-dropdown-form .form-content > label > svg{ opacity: 0.2; width: 120px; } .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; } .woocommerce .ts-tiny-cart-wrapper .dropdown-container ul.cart_list, .ts-tiny-cart-wrapper .dropdown-container ul.cart_list{ padding: 0; margin: 0 0 0 0; overflow: auto; max-height: 320px; position: relative; } 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 ul.cart_list li a:not(.button), .woocommerce ul.product_list_widget li a:not(.button){ font-weight: inherit !important; color: inherit; } .woocommerce ul.cart_list li a:not(.button):hover, .woocommerce ul.product_list_widget li a:not(.button):hover{ color: var(--nooni-primary-color); } .woocommerce ul.cart_list li a.button, .woocommerce ul.product_list_widget li a.button{ width: auto; min-width: 120px; font-size: 11px; line-height: 16px; letter-spacing: 0; padding: 6px; margin-top: 10px; display: inline-block !important; } ul.product_list_widget li a.button.loading:after, .woocommerce ul.product_list_widget li a.button.loading:after{ border-width: 1px; border-top-width: 1px; margin-top: -7px; margin-left: -7px; width: 14px; height: 14px; } ul.product_list_widget li a.added_to_cart{ display: none !important; } .woocommerce .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li:last-child, .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li:last-child{ margin-bottom: 0; border-width: 0; } .cart_list li a.remove:hover{ text-decoration: none; color: var(--nooni-icon-hover-color) !important; } .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 > a, .woocommerce .ts-tiny-cart-wrapper .cart_list li > a{ width: 114px; } .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper, .woocommerce .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper{ padding-left: 16px; /*rtl*/ display: flex; flex-wrap: wrap; flex: 1; position: relative; } .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper > .subtotal, .woocommerce .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper > .subtotal{ margin-left: 16px; /*rtl*/ margin-top: 2px; } .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: 30px 0 28px; position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .add-to-cart-popup-content .action .button, .dropdown-container .dropdown-footer .button, .woocommerce .dropdown-container .dropdown-footer .button{ padding-top: 12px; padding-bottom: 12px; } /*Cart*/ .elementor-widget-wp-widget-woocommerce_widget_cart .total, .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ margin: 30px 0 0; } .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 .total > span.total-title, .widget_shopping_cart .total-title, .woocommerce .widget_shopping_cart .total strong, .woocommerce.widget_shopping_cart .total strong, .elementor-widget-wp-widget-woocommerce_widget_cart .total strong{ display: inline-block; padding-right: 5px;/* rtl */ vertical-align: middle; line-height: 20px; } .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; } /*** Fix My account dropdown ***/ .my-account-wrapper .dropdown-container{ width: 350px; } .dropdown-container .dropdown-footer{ margin: 0; } .ts-tiny-account-wrapper .dropdown-container .form-content > form{ display: flex; flex-wrap: wrap; } .ts-tiny-account-wrapper .dropdown-container .form-content > form label{ padding: 0; } .ts-tiny-account-wrapper .dropdown-container .form-content > form > *:not(.login-remember):not(.login-submit){ width: 100%; } .my-account-wrapper .dropdown-container .form-content p{ margin-bottom: 25px; } .my-account-wrapper .form-content > form > a.register{ display: block; text-align: center; font-size: 90%; padding: 7px 0 4px; } .my-account-wrapper .dropdown-container .form-content .login-submit{ margin: 0; } .my-account-wrapper .dropdown-container .form-content .login-remember{ margin: 11px 0 0 27px; /*rtl*/ order: 10; } .woocommerce #customer_login .woocommerce-form-login .woocommerce-form-login__rememberme, .woocommerce .checkout-login-coupon-wrapper form.login .woocommerce-form-login__rememberme, .my-account-wrapper .dropdown-container .form-content .login-remember > label{ font-size: 12px; text-transform: uppercase; font-weight: bold; } .my-account-wrapper .login-submit input[type="submit"]{ min-width: 120px; padding: 7px 15px; } p.login-remember label{ padding: 0; cursor: pointer; } .my-account-wrapper .dropdown-container input{ margin-bottom: 0; padding-top: 9px; padding-bottom: 9px; } .my-account-wrapper .dropdown-container input[type^="checkbox"]{ margin-top: -3px; } .logged-in .my-account-wrapper .dropdown-container{ width: 160px; margin-left: -80px; /*rtl*/ } .logged-in .header-right .my-account-wrapper:last-child .dropdown-container, .header-right .my-account-wrapper:last-child .dropdown-container{ margin-left: 0; /*rtl*/ left: auto; /*rtl*/ right: 0; /*rtl*/ } .logged-in .my-account-wrapper .dropdown-container ul{ margin-bottom: 0; } .logged-in .my-account-wrapper .dropdown-container ul li{ list-style: none; } .logged-in .my-account-wrapper .dropdown-container ul li:first-child{ padding-top: 0; } .logged-in .my-account-wrapper .dropdown-container ul li:last-child{ padding-bottom: 0; } .my-account-wrapper .dropdown-container a{ color: inherit; text-decoration: none; } /*** Fix dropdown alignright ***/ .header-right .shopping-cart-wrapper .dropdown-container, body:not(.logged-in) .header-right .my-account-wrapper .dropdown-container{ right: -2px; /*rtl*/ left: auto; margin-left: 0; /*rtl*/ } .header-right .shopping-cart-wrapper:nth-last-child(2) .dropdown-container, body:not(.logged-in) .header-right .my-account-wrapper:nth-last-child(2) .dropdown-container{ right: -49px; /*rtl*/ } .header-right .shopping-cart-wrapper:nth-last-child(3) .dropdown-container, body:not(.logged-in) .header-right .my-account-wrapper:nth-last-child(3) .dropdown-container{ right: -98px; /*rtl*/ } /*** Fix Header Sticky ***/ .header-sticky{ position: relative; width: 100%; transition: 100ms ease 0s; } .is-sticky .header-sticky{ z-index: 993; } header .header-sticky .logo-sticky, .sticky-wrapper.is-sticky .header-sticky img.mobile-logo, .sticky-wrapper.is-sticky img.normal-logo{ display: none; } .sticky-wrapper.is-sticky .header-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; } header .sticky-wrapper.is-sticky .header-sticky{ -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: mySticky; -moz-animation-name: mySticky; animation-name: mySticky; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-width: 0; box-shadow: 0 2px 4px rgba(0,0,0,.2); } .header-sticky .visible-sticky.logo-wrapper{ width: 0; height: auto; display: none; } .icon-menu-vertical, .icon-menu-sticky-header{ width: 38px; box-sizing: content-box; text-align: center; cursor: pointer; } .icon-menu-vertical{ margin-right: 20px; /*rtl*/ } .icon-menu-sticky-header{ display: none !important; margin-right: 10px; /*rtl*/ } .header-left .icon-menu-vertical, .header-left .icon-menu-sticky-header{ position: relative; top: 0; text-align: left; /*rtl*/ } .ts-sidebar-menu-icon .icon, .icon-menu-sticky-header .icon{ display: inline-block; vertical-align: middle; line-height: 0; padding: 0; transition: 350ms ease; cursor: pointer; letter-spacing: 0; } .sticky-wrapper.is-sticky .icon-menu-sticky-header{ display: inline-block !important; } .ts-header .is-sticky .header-bottom{ display: none; } .header-v4 .ts-header .header-left .menu-wrapper{margin-top: 2px;} /*** Cart Sidebar ***/ .dropdown-container .theme-title{ margin-bottom: 30px; font-size: 100%; line-height: 1.5; font-weight: normal; letter-spacing: 0.05em; } .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{ max-height: 100%; overflow-x: hidden; overflow-y: auto; margin-right: -7px;/* rtl */ margin-left: 0;/* rtl */ } .is-safari #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper .cart-content .cart_list, body:not(.ts_desktop) #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper .cart-content .cart_list{ margin-right: -7px;/* rtl */ margin-left: 0;/* rtl */ } .is-safari #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper .cart-content .cart_list > li, body:not(.ts_desktop) #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper .cart-content .cart_list > li{ padding-right: 7px;/* rtl */ } #ts-shopping-cart-sidebar .cart-dropdown-form .form-content > label{ position: absolute; top: 45%; left: 0; right: 0; transform: translate(0,-50%); } #ts-shopping-cart-sidebar .cart-dropdown-form .form-content > label:before{ font-size: 140px; line-height: 140px; } .ts-sidebar-content .dropdown-container .cart-number{ padding-right: 60px;/* rtl */ margin-bottom: 40px; } .ts-sidebar-content .ts-tiny-cart-wrapper, .ts-sidebar-content .ts-tiny-cart-wrapper .form-content > label{ width: 100%; display: inline-block; } /*** fix dropdown up ***/ body .ts-language-switcher.dropdown-up .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .ts-language-switcher.dropdown-up .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .ts-currency-switcher.dropdown-up ul{ padding-top: 20px; padding-bottom: 38px; top: auto; bottom: 100%; margin-bottom: 0; } body .ts-language-switcher.dropdown-up .wpml-ls-legacy-dropdown .wpml-ls-sub-menu:before, body .ts-language-switcher.dropdown-up .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu:before, .ts-currency-switcher.dropdown-up ul:before{ top: 0; bottom: 16px; } .ts-language-switcher.dropdown-up:hover .wpml-ls-sub-menu, .ts-currency-switcher.dropdown-up:hover ul{ -webkit-transform-origin: bottom center; -moz-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; } body .dropdown-right .ts-language-switcher .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .tdropdown-right .ts-language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .dropdown-right .ts-currency-switcher ul{ right: 0; /*rtl*/ left: auto; /*rtl*/ margin-right: 0; /*rtl*/ } /*** 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, .ts-currency-switcher 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 + .header-email, .header-bottom .menu-wrapper + .header-social-icon{ margin-left: auto; /*rtl*/ } .header-bottom .menu-wrapper{ display: flex; flex-wrap: wrap; align-items: center; flex: 1; } 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.menu-background-overlay{ position: relative; } .ts-header:before{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; content: ""; background: rgba(0,0,0,0.4); z-index: 991; opacity: 0; visibility: hidden; transition: 150ms ease 0s; } .ts-header.menu-background-overlay:before{ -webkit-animation-duration: 150ms; -moz-animation-duration: 150ms; animation-duration: 150ms; 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; } .ts-header.menu-background-overlay .header-container{ z-index: 1000; } /*** Search Sidebar ***/ .vertical-menu-sidebar *, .ts-floating-sidebar *{ -webkit-backface-visibility: hidden; backface-visibility: hidden; } .vertical-menu-sidebar .ts-sidebar-content, .ts-floating-sidebar .ts-sidebar-content{ position: fixed; padding: 30px; top: 0; bottom: 0; right: 0; /*rtl*/ z-index: 99992; width: 345px; max-width: 100%; transform: translateX(375px); /*rtl*/ transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); overflow-y: auto; color: var(--nooni-dropdown-color); background-color: var(--nooni-dropdown-bg); } .style-floating-sidebar .ts-floating-sidebar .ts-sidebar-content{padding: 0;} .before-loop-wrapper .ts-floating-sidebar .ts-sidebar-content{font-size: var(--nooni-body-font-size);} .style-floating-sidebar.show-filter-sidebar .before-loop-wrapper{z-index: 994;} .vertical-menu-sidebar .ts-sidebar-content{ padding: 16vh 50px; left: 0; /*rtl*/ right: auto; /*rtl*/ overflow: visible; transform: translateX(-375px); /*rtl*/ } .vertical-menu-sidebar.active .ts-sidebar-content, .ts-floating-sidebar.active .ts-sidebar-content{ transform: translateX(0px); box-shadow: -3px 0 21px rgba(63,63,63,0.15); /*rtl*/ } .vertical-menu-sidebar div.overlay, .ts-floating-sidebar div.overlay{ position: fixed; opacity: 0; visibility: hidden; left: 0; right: 0; bottom: 0; top: 0; content: ""; background: rgba(0,0,0,0.5); z-index: 99991; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; } .admin-bar .vertical-menu-sidebar div.overlay, .admin-bar .vertical-menu-sidebar .ts-sidebar-content, .admin-bar .ts-floating-sidebar div.overlay, .admin-bar .ts-floating-sidebar .ts-sidebar-content{ top: 32px; } .vertical-menu-sidebar.active div.overlay, .ts-floating-sidebar.active div.overlay{ visibility: visible; opacity: 1; } #vertical-menu-sidebar, #vertical-menu-sidebar ul li, #vertical-menu-sidebar ul.menu li{ font-family: var(--nooni-sidebar-menu-font-family); font-style: var(--nooni-sidebar-menu-font-style); font-weight: var(--nooni-sidebar-menu-font-weight); font-size: var(--nooni-sidebar-menu-font-size); line-height: var(--nooni-sidebar-menu-font-line-height); } #vertical-menu-sidebar ul ul.sub-menu li{ font-size: var(--nooni-sidebar-submenu-ipad-font-size); line-height: var(--nooni-sidebar-submenu-ipad-line-height); } #vertical-menu-sidebar ul li, #vertical-menu-sidebar ul.menu li{ padding: 0; list-style: none; position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 20px; } #vertical-menu-sidebar ul li a, #vertical-menu-sidebar ul.menu li a{ padding: 15px 0; display: inline-block; color: inherit; position: static; max-width: calc(100% - 50px); } .vertical-menu-sidebar .ts-menu-drop-icon{ font-size: 22px; display: inline-block; flex: 1; letter-spacing: 0; text-align: right; /*rtl*/ margin-right: -6px; /*rtl*/ } .mobile-menu-wrapper li.active .ts-menu-drop-icon.active:after{ transform: scaleX(-1); } .vertical-menu-sidebar ul.sub-menu{ width: 390px; margin: 0; padding: 30px 50px 30px 106px; /*rtl*/ position: absolute; top: -24px; left: 100%; /*rtl*/ display: none; color: var(--nooni-dropdown-color); } .vertical-menu-sidebar li.ts-megamenu ul.sub-menu{padding-top: 50px; padding-bottom: 50px;} .vertical-menu-sidebar .ts-megamenu-fullwidth ul.sub-menu,.vertical-menu-sidebar .ts-megamenu-columns-4 ul.sub-menu{width: calc(100vw - 348px);} .vertical-menu-sidebar .ts-megamenu-columns-1 ul.sub-menu .e-con-inner{flex-direction: column;} .vertical-menu-sidebar .ts-megamenu-columns-2 ul.sub-menu{width: 660px;} .vertical-menu-sidebar .ts-megamenu-columns-3 ul.sub-menu{width: 990px;} .vertical-menu-sidebar ul.sub-menu:before{ content: ''; position: absolute; top: 0; left: 56px; /*rtl*/ right: 0; bottom: 0; box-shadow: -3px 0 21px rgba(63,63,63,0.15); /*rtl*/ background-color: var(--nooni-dropdown-bg); } .vertical-menu-sidebar li > .ts-menu-drop-icon.active ~ ul.sub-menu{ -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: slide_down; -moz-animation-name: slide_down; animation-name: slide_down; -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; display: block !important; } .vertical-menu-sidebar ul.sub-menu > li:first-child > ul.sub-menu,.vertical-menu-sidebar ul.sub-menu > li:last-child > ul.sub-menu{top: -30px;} #vertical-menu-sidebar ul li a > span.menu-label{ display: inline-block; position: relative; } .ts-header nav > ul.menu li:not(.ts-mega-menu) a:after, .ts-header nav > ul li:not(.ts-mega-menu) a:after, #vertical-menu-sidebar ul li a > span.menu-label:after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1px solid; transform: scale(0); margin: 0; transition: transform 300ms ease; } #vertical-menu-sidebar nav > ul > li > a > span:after{ bottom: 0; } .ts-header nav > ul.menu li:not(.ts-mega-menu):hover > a:after, .ts-header nav > ul li:not(.ts-mega-menu):hover > a:after, .ts-header nav > ul li.current-menu-item:not(.ts-mega-menu) > a > span:after, .ts-header nav > ul li.current-menu-parent:not(.ts-mega-menu) > a > span:after, #vertical-menu-sidebar ul li.current-menu-item > a > span:after, #vertical-menu-sidebar ul li.current-menu-parent > a > span:after, #vertical-menu-sidebar ul li:hover > a > span:after{ transform: scale(1); } #vertical-menu-sidebar ul li:hover:before, #vertical-menu-sidebar ul li.current-menu-item:before, #vertical-menu-sidebar ul li.current-menu-parent:before, #vertical-menu-sidebar ul li:hover > .ts-menu-drop-icon, #vertical-menu-sidebar ul li.current-menu-item > .ts-menu-drop-icon, #vertical-menu-sidebar ul li.current-menu-parent > .ts-menu-drop-icon, #vertical-menu-sidebar ul li:hover > a, #vertical-menu-sidebar ul li.current-menu-item > a, #vertical-menu-sidebar ul li.current-menu-parent > a{ color: var(--nooni-link-hover-color); } body > .ts-search-result-container{ width: 100%; padding: 0; display: none; position: relative; z-index: 993; padding-top: 110px; padding-bottom: 40px; color: var(--nooni-dropdown-color); } body > .ts-search-result-container:before{ content: ''; position: absolute; top: 69px; left: 0; bottom: 0; right: 0; background-color: var(--nooni-dropdown-bg); box-shadow: 0 0 10px rgba(101,101,101,0.22); } body > .ts-search-result-container > p:first-child:last-child{ text-align: center; padding: 50px; margin-bottom: 0; position: relative; } #ts-search-sidebar .ts-search-by-category > h2{display: none;} .ts-search-result-container ul.product_list_widget,.ts-floating-sidebar .woocommerce ul.product_list_widget{display: flex;flex-wrap: wrap;gap: 30px;margin: 0;} #ts-search-sidebar ul.product_list_widget{flex-direction: column;} #ts-search-sidebar ul.product_list_widget li,#ts-search-result-container ul.product_list_widget li{padding: 0;} #ts-search-result-container ul.product_list_widget li{width: calc(33.33333% - 20px);} #ts-search-sidebar ul.product_list_widget li .ts-wg-meta,#ts-search-result-container ul.product_list_widget li .ts-wg-meta{flex: 1;} #ts-search-result-container ul.product_list_widget li .ts-wg-meta{position: relative;} #ts-search-result-container ul.product_list_widget li .ts-wg-meta .price:last-child{margin-bottom: 0;} #ts-search-sidebar ul.product_list_widget li .ts-wg-meta .rating{margin: 14px 0 0;} #ts-search-result-container ul.product_list_widget li .ts-wg-thumbnail, #ts-search-result-container.woocommerce ul.product_list_widget li .ts-wg-thumbnail{width: 100px;} .woocommerce ul.product_list_widget li a.title{color: inherit;} .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: 100px;} #ts-search-sidebar ul.product_list_widget li .ts-wg-thumbnail, #ts-search-sidebar .woocommerce ul.product_list_widget li .ts-wg-thumbnail, #ts-search-sidebar ul.product_list_widget li img{width: 80px;} .ts-floating-sidebar .woocommerce ul.product_list_widget li .ts-wg-meta, .woocommerce.ts-search-result-container ul.product_list_widget li .ts-wg-meta{ padding-left: 20px; /*rtl*/ } .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{ justify-content: flex-start; } .ts-search-result-container .description{display: none !important;} .ts-search-result-container .view-all-wrapper{ padding: 30px 0 0; clear: both; position: relative; z-index: 2; text-align: center; } .ts-search-result-container .view-all-wrapper a{ display: inline-block; position: relative; color: inherit; text-decoration: none; font-size: 12px; font-weight: bold; letter-spacing: 0.025em; } .ts-floating-sidebar .ts-search-result-container > *{ -webkit-animation: slidebottomtotop 600ms ease; animation: slidebottomtotop 600ms ease; } .ts-floating-sidebar .ts-search-result-container{ display: block; } .ts-floating-sidebar .ts-search-result-container > p{ margin: 20px 0; } #ts-search-sidebar .search--form{padding-top: 20px;padding-bottom: 30px;} /*** 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; } .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .ts-sidebar-menu-icon .icon:before, .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 .ts-sidebar-menu-icon:hover .icon:before, .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(--nooni-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; } body.header-transparent.header-text-light > .ts-search-result-container:before, body.header-transparent.header-text-light > .ts-search-result-container:after{ display: none; } .header-v4.header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-top, .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) .menu-wrapper 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 .menu-wrapper 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) .header-middle .my-wishlist-wrapper .tini-wishlist .count-number, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .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 ---------------------------------------------------------------------------------------------------------------------*/ /* GALLERY THEME SKY */ .ts-gallery-img, .ts-list-video{ margin-left: -10px; margin-right: -10px; margin-bottom: 20px; overflow: hidden; } .ts-gallery-img li.first, .ts-list-video li.first{clear: both;} .ts-gallery-img li, .ts-list-video li{ padding: 10px; float: left; text-align: center; position: relative; } .ts-gallery-img li a{ display: inline-block; } .ts-gallery-img.columns-5 li{ width: 20%; } .ts-gallery-img.columns-4 li{ width: 25%; } .ts-gallery-img.columns-3 li{ width: 33.3333%; } div#main{ width: 100%; clear: both; } .page-template-blank-page-template div#main{ min-height: 0; } .woocommerce ul.product_list_widget li a.title{ margin-bottom: 9px; } li > div.cart-item-wrapper{ padding-right: 25px;/* rtl */ margin-right: 3px;/* rtl */ } li > div > h3.product-name{ width: 100%; margin-bottom: 14px; } li > div > .price{ margin-bottom: 9px; } #ts-search-sidebar li > div > .price, #ts-search-result-container li > div > .price{ margin-bottom: 16px; } #ts-search-sidebar li > div > *:last-child, #ts-search-result-container li > div > *:last-child{ margin-bottom: 0; } /*-------------------------------------------------------- 1. BREADCRUMB ---------------------------------------------------------*/ .breadcrumb-title-wrapper{ width: 100%; display: block; margin: 0; position: relative; overflow: hidden; background-color: var(--nooni-breadcrumb-bg); background-size: cover; background-position: center; background-repeat: no-repeat; } .breadcrumb-title-wrapper.ts-breadcrumb-parallax{background-position: bottom center;} .single-post .breadcrumb-title-wrapper{z-index: 2;} .breadcrumb-title-wrapper *{backface-visibility: hidden;-webkit-backface-visibility: hidden;} .breadcrumb-title-wrapper.ts-breadcrumb-parallax, .breadcrumb-title-wrapper.ts-breadcrumb-parallax .breadcrumb-content{ background-attachment: fixed; } .breadcrumb-title-wrapper .breadcrumb-title{ display: flex; flex-flow: column wrap; padding: 56px 0; } .breadcrumb-title-wrapper .breadcrumbs{ line-height: 20px; position: relative; color: var(--nooni-breadcrumb-color); } .breadcrumb-title-wrapper .page-title + .breadcrumbs{ margin-bottom: 22px; } .breadcrumb-title-wrapper .breadcrumbs-container > *{ display: inline-block; vertical-align: baseline; } .breadcrumb-title-wrapper .breadcrumbs-container > .current{ word-break: break-all; } .breadcrumb-title-wrapper .breadcrumbs-container > span:not(.current), .breadcrumb-title-wrapper .brn_arrow{ margin: 0 5px; } .breadcrumb-title-wrapper .breadcrumbs-container > span:not(.current){ margin: 0 8px; } .breadcrumb-title-wrapper .term-description{ margin: 8px 0 0; } .breadcrumb-title-wrapper .term-description > p{ margin-bottom: 10px; } .breadcrumb-title-wrapper .page-title{ margin-bottom: 4px; color: var(--nooni-breadcrumb-color); } .breadcrumb-title-wrapper .term-description, .breadcrumb-title-wrapper .breadcrumbs a, .breadcrumb-title-wrapper .brn_arrow, .breadcrumb-title-wrapper .breadcrumbs-container > span:not(.current){ color: var(--nooni-breadcrumb-link-color); } /*** Style 1 ***/ .breadcrumb-title-wrapper.breadcrumb-v1{text-align: center;} .breadcrumb-title-wrapper.breadcrumb-v1 .page-title{order: 2;} .breadcrumb-title-wrapper.breadcrumb-v1 .term-description{order: 10;} /*** Style 2 ***/ .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title .page-title{font-weight: normal;letter-spacing:0.025em;} /*** Style 3 ***/ .breadcrumb-title-wrapper.breadcrumb-v3{margin-bottom: 60px;} .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-title{padding: 35px 0;} .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-title .page-title{margin: 0;} .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-title .breadcrumbs{padding: 10px 0;} .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-title{ min-height: 440px; justify-content: center; text-align: center; } /*-------------------------------------------------------- 2. CUSTOM NOONI ---------------------------------------------------------*/ .overflow-hidden .elementor-image{ overflow: hidden; } .woocommerce .woocommerce-cart-form, .woocommerce-checkout #customer_details, .woocommerce-cart article .woocommerce .cart-collaterals, .woocommerce-checkout #order_review, .woocommerce #customer_login, .woocommerce > form.checkout #customer_details, .woocommerce > form.checkout #order_review, .woocommerce.yith-wcwl-form, .woocommerce .after-loop-wrapper:not(:last-child), .woocommerce form.track_order, article.single-post > .comments-area, .woocommerce .woocommerce-order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password, .woocommerce-account .woocommerce-MyAccount-content{ margin-bottom: 120px; } article.single-post > .comments-area p.nocomments{ margin-top: 40px; } .entry-header .entry-format{ margin-bottom: 58px; } article.single-post .entry-meta-top > *{ margin-bottom: 5px; } article.single-post .entry-meta-top:not(:last-child){ margin-bottom: 10px; } article.single-post > header{ margin-bottom: 40px; } article.single-post > header > .entry-title{ font-size: 3.1vw; line-height: 1.2; margin-bottom: 0; font-weight: normal; } .entry-author{margin-bottom: 114px;} .comments-area{margin-bottom: 60px;} article.single-post > .entry-content{ color: var(--nooni-gray-color); margin-bottom: 55px; } article.single-post > .entry-content:last-child{ margin-bottom: 100px; } .single-post > .entry-content > .content-wrapper{ line-height: 1.875em; } article.single-post > .entry-content .elementor-text-editor ul, article.single-post > .entry-content .elementor-text-editor ol{ margin-left: 25px; /*rtl*/ } article.single-post > .entry-content .elementor-text-editor ul li, article.single-post > .entry-content .elementor-text-editor ol li{ padding-top: 6px; padding-bottom: 6px; } article.single-post > .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, .elementor-button-wrapper .elementor-button.elementor-size-xs{ 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; } .author a, :where(h1,h2,h3,h4,h5,h6) > a, .header-top a,.header-language a,.header-currency a, .ts-header .menu-wrapper .ts-menu li:not(.button) a:not(.button):not(.elementor-button), .product .meta-wrapper a:not(.button):not(.elementor-button), .comments-area .comments-title a, .filter-widget-area-button a, .header-language,.header-currency,.ts-language-switcher,.ts-currency-switcher{ color: inherit; } .ts-header .header-top .menu-wrapper .ts-menu li:not(.button) a:not(.button):not(.elementor-button):hover{color: var(--nooni-top-link-hover-color);} .ts-header .header-middle .menu-wrapper .ts-menu li:not(.button):hover > a:not(.button):not(.elementor-button),.ts-header .header-middle .menu-wrapper .ts-menu li:not(.button):hover > .ts-menu-drop-icon{color: var(--nooni-middle-link-hover-color);} .ts-header .header-bottom .menu-wrapper .ts-menu li:not(.button):hover > a:not(.button):not(.elementor-button),.ts-header .header-bottom .menu-wrapper .ts-menu li:not(.button):hover > .ts-menu-drop-icon{color: var(--nooni-bottom-link-hover-color);} .product .meta-wrapper a:not(.button):not(.elementor-button):hover, .author a:hover{ color: var(--nooni-primary-color); } .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;} .product .meta-wrapper .product-name a:hover, .product .meta-wrapper .product-categories a:hover, .product .meta-wrapper a:not(.button):not(.elementor-button):hover{ text-decoration: none !important; } .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*/ } .wp-block-post-date time,.entry-format .date-time, .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date{font-size: 0.93rem;} blockquote cite, .entry-meta-top, .entry-meta-middle, .entry-meta-bottom{ font-size: 0.93rem; color: var(--nooni-gray-color); } .entry-meta-top a, .entry-meta-middle a{ color: inherit; } .entry-summary .short-content, .ts-blogs .entry-content .excerpt, .single-post > .entry-content > .content-wrapper{ font-size: 1.13em; line-height: 1.8; color: var(--nooni-gray-color); } .entry-summary .short-content label, .ts-blogs .entry-content .excerpt label, .single-post > .entry-content > .content-wrapper label{font-size: 1em;} .cart-collaterals .cart_totals table .cart-subtotal .amount, .cart-collaterals .cart_totals table .order-total .amount{ font-size: 1.07em; } /*** Link Underline Effect ***/ .button-readmore, .view-all-wrapper > a, .elementor-widget-button.button-text .elementor-button, .button.button-text, .woocommerce .button.button-text, .header-store-notice a{ position: relative; display: inline-block; text-transform: uppercase; line-height: 1.7; letter-spacing: 0.075em; } .elementor-widget-button.button-text .elementor-button, .woocommerce .button.button-text, .button.button-text{ background: transparent !important; color: inherit; padding: 0 !important; border: 0 !important; min-width: 0 !important; } .woocommerce .button.button-text, .button.button-text{ color: inherit !important; } .lost_password a:before,.lost_password a:after, .woocommerce-MyAccount-content .woocommerce-pagination .button:before, .woocommerce-MyAccount-content .woocommerce-pagination .button:after, .woocommerce-error a:not(.button):before, .woocommerce-info a:not(.button):before, .woocommerce-message a:not(.button):before, .woocommerce-error a:not(.button):after, .woocommerce-info a:not(.button):after, .woocommerce-message a:not(.button):after, body .wc-block-components-notice-banner__content a:not(.button):before, body .wc-block-components-notice-banner__content a:not(.button):after, .view-all-wrapper > a:before, .view-all-wrapper > a:after, .button-readmore:before, .button-readmore:after, .elementor-widget-button.button-text .elementor-button:before, .elementor-widget-button.button-text .elementor-button:after, .button.button-text:before, .button.button-text:after, .woocommerce .button.button-text:before, .woocommerce .button.button-text:after, .header-store-notice a:after, .header-store-notice a:before{ content: ''; position: absolute; bottom: 2px; left: 0; right: 0; border-bottom: 1px solid; display: block; transition: 300ms ease; } body .wc-block-components-notice-banner__content a:not(.button):before, body .wc-block-components-notice-banner__content a:not(.button):after{ bottom: 1px; } .button-readmore, .button-readmore:hover, .view-all-wrapper > a:hover, .woocommerce-error a:not(.button):hover, .woocommerce-info a:not(.button):hover, .woocommerce-message a:not(.button):hover, .elementor-widget-button.button-text .elementor-button:hover, .button.button-text:hover, .woocommerce .button.button-text:hover, .header-store-notice a:hover{ text-decoration: none; color: var(--nooni-text-color); } .lost_password a:hover:before, .woocommerce-MyAccount-content .woocommerce-pagination .button:hover:before, .woocommerce-error a:not(.button):hover:before, .woocommerce-info a:not(.button):hover:before, .woocommerce-message a:not(.button):hover:before, .button-readmore:hover:before, .elementor-widget-button.button-text .elementor-button:hover:before, body .wc-block-components-notice-banner__content a:not(.button):hover:before, .button.button-text:hover:before, .view-all-wrapper > a:hover:before, .ts-banner:hover .button.button-text:before, .woocommerce .button.button-text:hover:before, .header-store-notice a:hover:before{ left: 100%; } .lost_password a:after, .woocommerce-MyAccount-content .woocommerce-pagination .button:after, .woocommerce-error a:not(.button):after, .woocommerce-info a:not(.button):after, .woocommerce-message a:not(.button):after, .button-readmore:after, .elementor-widget-button.button-text .elementor-button:after, body .wc-block-components-notice-banner__content a:not(.button):after, .button.button-text:after, .view-all-wrapper > a:after, .woocommerce a.button.button-text:after, .header-store-notice a:after{ right: 100%; transition-delay: 300ms; } .lost_password a:hover:after, .woocommerce-MyAccount-content .woocommerce-pagination .button:hover:after, .woocommerce-error a:not(.button):hover:after, .woocommerce-info a:not(.button):hover:after, .woocommerce-message a:not(.button):hover:after, .button-readmore:hover:after, .elementor-widget-button.button-text .elementor-button:hover:after, body .wc-block-components-notice-banner__content a:not(.button):hover:after, .ts-banner:hover .button.button-text:after, .view-all-wrapper > a:hover:after, .button.button-text:hover:after, .woocommerce .button.button-text:hover:after, .header-store-notice a:hover:after{ right: 0; } /*** Custom elementor ***/ .overflow-hidden > .elementor-column-wrap{ overflow: hidden !important; } .elementor-widget-wrap>.elementor-element.elementor-absolute.device-reset-position{ position: static; } .elementor-widget-text-editor *[class^="tb-icon-"]:before, .elementor-widget-text-editor *[class*=" tb-icon-"]:before{ line-height: inherit; margin-right: 10px; /*rtl*/ display: inline-block; vertical-align: -1px; } .elementor-widget-text-editor .tb-icon-mail:before, .elementor-widget-text-editor .tb-icon-mail:before{ vertical-align: -2px; } .elementor-widget-text-editor h4[class^="tb-icon-"], .elementor-widget-text-editor h4[class*=" tb-icon-"]{ margin-bottom: 12px; font-family: inherit !important; } .ts-product .count-rating, .woocommerce .product_list_widget li .count-rating{ display: none !important; } .ts-language-switcher .wpml-ls-legacy-list-vertical a{ line-height: inherit; } body .elementor-image-gallery > .gallery{ display: flex; flex-wrap: wrap; } body .elementor-image-gallery .gallery-item{ margin: 0 !important; } body .elementor-image-gallery .gallery-item ~ br{ display: none !important; } body .elementor-image-gallery .gallery-columns-3 .gallery-item{ width: 33.3333% !important; } body .elementor-image-gallery .gallery-columns-6 .gallery-item{ width: 16.666% !important; } body .elementor-image-gallery .gallery-columns-7 .gallery-item{ width: 14.28% !important; } body .elementor-image-gallery .gallery-columns-8 .gallery-item{ width: 12.5% !important; } body .elementor-image-gallery .gallery-columns-9 .gallery-item{ width: 11.11% !important; } .elementor-image-gallery .gallery-item a img{ width: 100%; } .elementor-button-wrapper .elementor-button.elementor-size-xs{ line-height: 20px; } .elementor-vertical-align-middle .elementor-image-box-img img{ vertical-align: middle; } .elementor-widget-image-box .elementor-image-box-description{ line-height: 1.2; } .ts_mega_menu-template-default .ts-list-of-product-categories-wrapper a{ color: inherit; } .ts-list-of-product-categories-wrapper .list-categories ul li a:hover{ text-decoration: none; } 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; } .elementor-widget-image-box .elementor-image-box-description a{ color: inherit; } .elementor-widget-image-box .elementor-image-box-description a .tb-icon-arrow-narrow-right{ display: inline-block; vertical-align: middle; font-size: 120%; } 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; } /*------------------------------------------------------------------------------------------------------------------- III. FOOTER ---------------------------------------------------------------------------------------------------------------------*/ .footer-container{ position: relative; z-index: 2; background: var(--nooni-footer-bg); color: var(--nooni-footer-color); overflow: hidden; } .footer-container ol li, .footer-container ul li, .footer-container .widget-container ul li, .footer-container .elementor-widget[data-widget_type*="wp-widget-"]:not(.elementor-widget-wp-widget-ts_social_icons) ul li{ line-height: 22px; padding-top: 9px; padding-bottom: 9px; } .elementor-icon.elementor-social-icon{background-color: transparent;} footer#colophon,.footer-container *:not(.button):not(.elementor-button){border-color: var(--nooni-footer-border);} .footer-container a:not(.button):not(.elementor-button),.footer-container .elementor-widget-text-editor ul li a{color: inherit;} .footer-container a:not(.button):not(.elementor-button):hover,.footer-container .elementor-widget-text-editor ul li a:hover{color: var(--nooni-footer-link-color);text-decoration: none;} footer#colophon .ts-language-switcher,footer#colophon .ts-currency-switcher,footer#colophon .elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{border-color: inherit;} .footer-container .mc4wp-response a:not(.button):not(.elementor-button):hover{text-decoration: underline;} /* TO TOP BUTTON */ #to-top{ position: fixed; right: 0; /* rtl */ bottom: 0; transform: translateX(100%); width: 50px; height: 50px; transition: 350ms ease 0s; text-align: center; cursor: pointer; z-index: 996; backface-visibility: hidden; -webkit-backface-visibility: hidden; } #to-top a{ display: block; width: 50px; height: 50px; overflow: hidden; text-transform: uppercase; font-size: 0; line-height: 0; letter-spacing: 0; text-decoration: none; background: var(--nooni-text-color); color: var(--nooni-main-bg); } #to-top a:before{ font-size: 24px; line-height: 50px; } #to-top a:hover{ text-decoration: none; opacity: 1; box-shadow: 0 0 6px rgba(100,100,100,0.1) } #to-top.on{ transform: translateX(0); } /*------------------------------------------------------------------------------------------------------------------- IV. WIDGET ---------------------------------------------------------------------------------------------------------------------*/ .widget-container{clear: both;position: relative;} .ts-sidebar .widget-container{margin: 65px 0 0 0;} .woocommerce-page #ts-filter-widget-area .widget-container, .woocommerce-page #left-sidebar .widget-container, .woocommerce-page #right-sidebar .widget-container{margin-top: 5px;} .woocommerce-page #ts-filter-widget-area .product-on-sale-form + .widget-container, .woocommerce-page #left-sidebar .product-on-sale-form + .widget-container, .woocommerce-page #right-sidebar .product-on-sale-form + .widget-container, .woocommerce-page #ts-filter-widget-area .widget-container:first-child, .woocommerce-page #left-sidebar .widget-container:first-child, .woocommerce-page #right-sidebar .widget-container:first-child, .ts-sidebar .widget-container:first-child{margin-top: 0;} .widget-container.ts-social-icons{ padding: 45px 56px; text-align: center; border-width: 1px; border-style: solid; } .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: 40px; } .woocommerce-page #ts-filter-widget-area .widget-container.ts-social-icons .widget-title-wrapper .widget-title, .woocommerce-page #left-sidebar .widget-container.ts-social-icons .widget-title-wrapper .widget-title, .woocommerce-page #right-sidebar .widget-container.ts-social-icons .widget-title-wrapper .widget-title{ padding: 0; border: 0; margin-bottom: 28px; } .woocommerce-page #ts-filter-widget-area .widget-container.ts-social-icons .widget-title-wrapper .widget-title:after, .woocommerce-page #left-sidebar .widget-container.ts-social-icons .widget-title-wrapper .widget-title:after, .woocommerce-page #right-sidebar .widget-container.ts-social-icons .widget-title-wrapper .widget-title:after{ display: none; } .widget-container.ts-social-icons .normal-logo{ max-width: 134px; } .widget-container.has-nav .widgettitle{ margin-right: 40px; /*rtl*/ } .ts-blogs-widget-wrapper .excerpt{ font-size: 90%; color: var(--nooni-gray-color); } .ts-blogs-widget-wrapper .heading-title{font-weight: normal;margin-bottom: 10px;} .ts-blogs-widget-wrapper header:last-child > .heading-title{margin-bottom: 0;} .ts-blogs-widget-wrapper .post_list_widget li{align-items: center;} .widget-container .widget-title-wrapper .widget-title:not(:empty), .widget-title-wrapper .widget-title:not(:empty), .elementor-widget[data-widget_type*="wp-widget-"] > h5:not(.elementor-heading-title){ margin-bottom: 22px; text-transform: none; } .woocommerce-page #ts-filter-widget-area .widget-container .widget-title-wrapper, .woocommerce-page #left-sidebar .widget-container .widget-title-wrapper, .woocommerce-page #right-sidebar .widget-container .widget-title-wrapper{ padding: 10px 20px; background: var(--nooni-gray-bg); color: var(--nooni-text-in-gray-bg); } .woocommerce-page .style-floating-sidebar #ts-filter-widget-area .widget-container .widget-title-wrapper{padding: 0;background: transparent; color: inherit;} .woocommerce-page #ts-filter-widget-area .widget-container .widget-title-wrapper .widget-title, .woocommerce-page #left-sidebar .widget-container .widget-title-wrapper .widget-title, .woocommerce-page #right-sidebar .widget-container .widget-title-wrapper .widget-title{ margin-bottom: 0; text-transform: uppercase; color: inherit; font-size: 1rem; letter-spacing: inherit; } .woocommerce-page #ts-filter-widget-area .widget-container .widget-title-wrapper ~ *, .woocommerce-page #left-sidebar .widget-container .widget-title-wrapper ~ *, .woocommerce-page #right-sidebar .widget-container .widget-title-wrapper ~ *{ padding: 30px 20px 45px 20px; } .woocommerce-page .style-dropdown #ts-filter-widget-area .widget-container .widget-title-wrapper ~ *{ padding-top: 15px; } .woocommerce-page .style-floating-sidebar #ts-filter-widget-area .widget-container{ border-width: 0 0 1px; border-style: solid; padding: 0 30px; margin-top: 0; margin-bottom: 30px; } .woocommerce-page .style-floating-sidebar #ts-filter-widget-area .widget-container:last-child{border-width: 0;margin-bottom:40px;} .woocommerce-page .style-floating-sidebar #ts-filter-widget-area .widget-container .widget-title-wrapper ~ *{padding: 20px 0 40px;} .woocommerce-page #ts-filter-widget-area .widget-container:last-child .widget-title-wrapper ~ *, .woocommerce-page #left-sidebar .widget-container:last-child .widget-title-wrapper ~ *, .woocommerce-page #right-sidebar .widget-container:last-child .widget-title-wrapper ~ *{padding-bottom: 0;} .woocommerce-page .collapse-scroll-sidebar #left-sidebar .widget-container .widget-title-wrapper ~ *, .woocommerce-page .collapse-scroll-sidebar #right-sidebar .widget-container .widget-title-wrapper ~ *{padding-bottom: 25px;} .woocommerce.archive #main > .page-container.collapse-scroll-sidebar{position: relative;padding-top: 100px;} .woocommerce.archive #main > .list-categories + .page-container.collapse-scroll-sidebar{margin-top: 60px;} .woocommerce.archive .collapse-scroll-sidebar #main-content{position: static;} .collapse-scroll-sidebar .before-loop-wrapper{ position: absolute; top: 0; left: 0; right: 0; } .widget-container .widget-title-wrapper, .widget-title-wrapper, .elementor-widget[data-widget_type*="wp-widget-"] > h5:not(.elementor-heading-title){position: relative;} .widget-container fieldset, .elementor-widget[data-widget_type*="wp-widget-"] fieldset{padding: 0;} .widget-container ul ol, .widget-container ol ol, .widget-container ul 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{ display: block; margin: 10px 0 0 20px; /*rtl*/ } .widget-container ul ol li:last-child, .widget-container ol ol li:last-child, .widget-container ul ul li:last-child, .elementor-widget[data-widget_type*="wp-widget-"] ul ol li:last-child, .elementor-widget[data-widget_type*="wp-widget-"] ol ol li:last-child, .elementor-widget[data-widget_type*="wp-widget-"] ul ul li:last-child{margin-bottom: 0;} .widget-container ul li, .elementor-widget[data-widget_type*="wp-widget-"] ul li, .woocommerce .widget_rating_filter ul li, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item{ list-style: none; position: relative; line-height: 20px; padding-top: 8px; padding-bottom: 8px; } .widget-container.widget_rss ul li{ padding-top: 20px; padding-bottom: 20px; border-width: 1px 0 0; border-style: solid; } .widget-container.widget_rss ul li:first-child{padding-top: 0; border-width: 0;} .widget-container.widget_rss ul li:last-child{padding-bottom: 0;} .widget-container ul li:first-child, .elementor-widget[data-widget_type*="wp-widget-"] ul li:first-child, .woocommerce .widget_rating_filter ul li:first-child, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:first-child{padding-top: 0;margin-top: 0;} .widget-container ul li:last-child, .elementor-widget[data-widget_type*="wp-widget-"] ul li:last-child, .woocommerce .widget_rating_filter ul li:last-child, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:last-child{padding-bottom: 0;margin-bottom: 0;} .widget-container ul li > label, .widget-container ul li > a, .elementor-widget[data-widget_type*="wp-widget-"] ul li > label, .elementor-widget[data-widget_type*="wp-widget-"] ul li > a{ position: relative; color: inherit; } .widget-container ul li > label:hover, .widget-container ul li > a:hover, .elementor-widget[data-widget_type*="wp-widget-"] ul li > label:hover, .elementor-widget[data-widget_type*="wp-widget-"] ul li > a:hover{ color: var(--nooni-link-hover-color); } .widget-container a:hover, .elementor-widget[data-widget_type*="wp-widget-"] a:hover{ text-decoration: underline; } .widget-container ul li .count, .elementor-widget[data-widget_type*="wp-widget-"] ul li .count{ display: inline-block; margin-left: 5px; /*rtl*/ } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span{ padding: 0; } .widget-container .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item .count, .product-filter-by-color > ul li .count, .product-filter-by-brand-wrapper > ul li .count, .widget-container.widget_product_categories ul li .count{ margin-left: 3px; /*rtl*/ } .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; } /*** Archive ***********************************/ .product-filter-by-color li .count{ font-size: 100%; } 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, .button-readmore, .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 !important; } del, .group_table del .amount, .price del .amount, .product-price del .amount{ text-decoration: line-through; text-decoration-thickness: 1px; } /*** Categories ***********************************/ /*** 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: rgba(180,180,180,0.1); } .wp-block-calendar .wp-calendar-nav, .widget_calendar .wp-calendar-nav, .elementor-widget-wp-widget-calendar .wp-calendar-nav{ padding: 5px 15px; } .wp-block-calendar, #calendar_wrap{ overflow: auto; } .wp-block-calendar table, .widget_calendar table, .elementor-widget-wp-widget-calendar table{ border-width: 0 0 1px 0; border-style: solid; margin: 0; } .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; } .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{ padding-right: 64px; /*rtl*/ padding-left: 26px; /*rtl*/ margin: 0; width: 100%; max-width: 100%; border-radius: 0; background: transparent; } .wp-block-search.wp-block-search__no-button .wp-block-search__input{padding-right: 26px; /*rtl*/} .search-table .search-button, .wp-block-search .wp-block-search__button, .woocommerce-product-search button[type="submit"]{ width: 62px; 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 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%; } .search-table .search-button:before, .wp-block-search .wp-block-search__button:before, .woocommerce-product-search button[type="submit"]:before{ font-size: 24px; } /*** RSS ***********************************/ .widget_rss .rss-date{ font-size: 85%; text-transform: uppercase; margin: 6px 0 6px 0; display: block; } .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; } /*** Recent posts ***********************************/ .widget_recent_entries ul li, .elementor-widget-wp-widget-recent-posts ul li{ padding: 0; margin-bottom: 15px; } .widget_recent_entries ul li:last-child, .elementor-widget-wp-widget-recent-posts ul li:last-child{ margin-bottom: 0; } .widget_recent_entries .post-date, .elementor-widget-wp-widget-recent-posts .post-date{ display: block; line-height: 16px; margin-top: 5px; } /*** Recent comments ***********************************/ ul li.recentcomments .comment-author-link:before{ display: inline-block; vertical-align: -2px; margin-right: 10px; /*rtl*/ } /*** 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 --------------------------------------------------------------*/ .ts-active-filters:not(:empty){ margin-bottom: 55px; } .ts-active-filters > .widget_layered_nav_filters{ border: 1px dashed #e7e7e7; padding: 10px 20px; } .ts-active-filters .widget_layered_nav_filters:after{ content: ''; clear: both; display: table; } .ts-active-filters .widget_layered_nav_filters .widgettitle{ float: left;/* rtl */ margin: 8px 20px 0 0;/* rtl */ font-size: 1em; letter-spacing: inherit; text-transform: uppercase; line-height: 1.3; } .ts-active-filters .widget_layered_nav_filters ul{ float: left;/* rtl */ } .ts-active-filters .widget_layered_nav_filters ul li{ margin: 3px;/* rtl */ padding: 0; float: left;/* rtl */ } .ts-active-filters .widget_layered_nav_filters ul li a{ line-height: 16px; padding: 6px 15px; display: inline-block; background: var(--nooni-text-color); color: var(--nooni-main-bg); } .ts-active-filters .widget_layered_nav_filters ul li a:hover{ background: var(--nooni-primary-color); color: var(--nooni-text-in-primary-color); } .ts-active-filters .widget_layered_nav_filters ul li a::before{ display: none; } .ts-active-filters .widget_layered_nav_filters ul li a:after{ display: inline-block; margin: 0 0 0 5px; /*rtl*/ font-size: 12px; color: inherit; } /*** Filter by price ***********************************/ .woocommerce .widget_price_filter form{ padding-top: 15px; } .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: 3px; position: relative; z-index: 1; } .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, .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content:after, .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content:before{ border-color: #ebebeb; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ margin: 0 0 24px 14px; /*rtl*/ background: #ebebeb; border-radius: 2px; direction: ltr; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range{ height: 3px; } .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: #000000; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content:after, .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content:before{ content: ""; position: absolute; top: 0; left: -14px;/* rtl */ right: auto; /*rtl*/ border-width: 0 14px 0 0; /*rtl*/ border-style: solid; border-color: #ebebeb; width: 14px; height: 3px; } .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: 14px; height: 14px; margin-left: -14px; /*rtl*/ top: -5px; background: #000000; box-shadow: none; border-radius: 50%; } .woocommerce .widget_price_filter .ui-slider{ margin-left: 2px; margin-right: 2px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-child{ margin-left: -14px; /*rtl*/ } .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{ flex: 1; text-align: start; order: -1; } .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce .woocommerce-widget-layered-nav-dropdown .woocommerce-widget-layered-nav-dropdown__submit{ min-width: 0; padding: 5px 18px; font-size: 100%; line-height: 18px; letter-spacing: 0; font-weight: normal; border-radius: 0; } /*** Filter by color ***********************************/ .woocommerce div.product .summary form.cart .ts-product-attribute, .product-filter-by-color ul, .products .product .meta-wrapper > .color-swatch, .color-swatch{ display: flex; flex-wrap: wrap; gap: 6px; margin: 0; } .products .product .meta-wrapper > .color-swatch{ margin-top: 6px; } .color-swatch > div, .ts-product-attribute div.option.color{ width: 40px; height: 40px; display: inline-block; position: relative; padding: 3px; border: 1px solid #bbbbbb; transition: 150ms ease; } .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: 32px; height: 32px; display: inline-block; vertical-align: top; cursor: pointer; } .color-swatch > div img, .ts-product-attribute div.option.color img{ width: 100%; height: 100%; object-fit: cover; } .product-filter-by-color ul li{padding: 0;} .product-filter-by-color ul li a{ width: 40px; height: 40px; display: block; position: relative; text-decoration: none; padding: 3px; border: 1px solid #bbbbbb; transition: 150ms ease; } .product-filter-by-color ul li.chosen a, .product-filter-by-color ul li a:hover{ border-color: #000000; } .product-filter-by-color ul li a > img, .product-filter-by-color ul li a > span{ width: 32px; height: 32px; display: inline-block; vertical-align: top; border: 1px solid #ededed; } /*** Filter by brand ***********************************/ .product-filter-by-availability ul li input[type^="checkbox"],.product-filter-by-brand ul li input[type^="checkbox"]{display: none;} .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;} .widget_product_categories ul.children li,.ts-product-categories-widget-wrapper ul.children li{color: var(--nooni-gray-color);} .widget_product_categories ul li a, .ts-product-categories-widget-wrapper ul li a, .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 30px; /*rtl*/ cursor: pointer; display: inline-block; position: relative; line-height: 20px; text-decoration: none; transition: 200ms ease; } .widget-container label{font-size: 1em;} .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;} .widget_product_categories ul li a:before, .ts-product-categories-widget-wrapper ul li a:before, .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: 19px; height: 19px; border: 2px solid #b6b6b6; border-radius: 3px; position: absolute; top: 0; left: 0; /*rtl*/ } .widget_product_categories ul li a:after, .ts-product-categories-widget-wrapper ul li a:after, .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; left: 2px; /*rtl*/ top: 2px; font-size: 15px; line-height: 1; text-align: center; opacity: 0; visibility: hidden; transition: 150ms ease; color: #ffffff; } .widget_product_categories ul li a:hover:before, .ts-product-categories-widget-wrapper ul li a:hover:before, .woocommerce .widget_rating_filter ul li a:hover:before, .product-filter-by-availability ul li label:hover:before, .product-filter-by-price ul li label:hover:before, .widget-container.product-filter-by-brand ul > li label:hover:before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover:before, .widget_product_categories ul li.current-cat a:before, .ts-product-categories-widget-wrapper ul li.current 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: #000000; border-color: #000000; } .widget_product_categories ul li a:hover:after, .ts-product-categories-widget-wrapper ul li a:hover:after, .woocommerce .widget_rating_filter ul li a:hover:after, .product-filter-by-availability ul li label:hover:after, .product-filter-by-price ul li label:hover:after, .widget-container.product-filter-by-brand ul > li label:hover:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover:after, .widget_product_categories ul li.current-cat a:after, .ts-product-categories-widget-wrapper ul li.current 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; } .widget_product_categories > ul ul, .ts-product-categories-widget-wrapper > ul ul, .product-filter-by-brand .product-filter-by-brand-wrapper > ul ul{ margin: 16px 0 0 30px !important; /*rtl*/ padding-top: 0; font-size: 0.93em; } .widget_product_categories ul.children li a, .ts-product-categories-widget-wrapper ul.children li a{ padding-left: 0 !important; /*rtl*/ } .ts-product-categories-widget-wrapper ul li .icon-toggle,.widget_product_categories ul.children li a:after,.ts-product-categories-widget-wrapper ul.children li a:after,.widget_product_categories ul.children li a:before,.ts-product-categories-widget-wrapper ul.children li a:before{display: none;} .ts-product-categories-widget-wrapper ul li.cat-parent > .icon-toggle{display: block;} /*** Filter by rating ***********************************/ .woocommerce .widget_rating_filter ul li .star-rating{display: inline-block;vertical-align: -2px;} /*------------------------------------------------------------- 3. WIDGET TS --------------------------------------------------------------*/ .ts-blogs-widget-wrapper .entry-meta-middle:not(:last-child){margin-bottom: 16px;} .ts-products-widget ul.product_list_widget > li .product-categories > span:first-child{display: none;} /*** TS Social Icons ***********************************/ .social-icons .social-desc{margin-bottom: 26px;color: var(--nooni-gray-color);} .social-icons .list-icons{margin: 0 -8px -10px;display: inline-block;} .social-icons .list-icons li{ text-align: center; position: relative; margin: 0 0 10px; line-height: 1; padding: 0 8px !important; } .social-icons .list-icons li a{ display: block; transition: none; color: inherit; letter-spacing: 0; } .social-icons .list-icons li i{ font-size: 26px; 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: 0.75rem; transition: 350ms ease 0s; text-align: center !important; line-height: 16px !important; border-radius: 2px; background: var(--nooni-gray-bg); color: var(--nooni-text-in-gray-bg); } .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: var(--nooni-gray-bg); } .social-icons li a:hover .ts-tooltip{ opacity: 1; visibility: visible; } /*** Text Light ***/ .social-icons.text-light .ts-tooltip{ background-color: #ffffff; color: #202020; } .social-icons.text-light .ts-tooltip:before{ color: #ffffff; } /*** TS Instagram ***********************************/ .ts-instagram-wrapper.items{ display: flex; flex-wrap: wrap; overflow: hidden; margin: -5px; } .ts-instagram-wrapper.items, .ts-instagram-wrapper.items .swiper-wrapper{ align-items: center; } .elementor-widget-wp-widget-ts_instagram{ overflow: hidden; } .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; } .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: 30px;} .ts-instagram-wrapper .item img{ width: 100%; transition: 300ms ease; } .ts-instagram-wrapper .item:hover img{ -webkit-filter: brightness(0.6); filter: brightness(0.6); transform: scale(1.1); } .ts-instagram-wrapper .item:hover > a:after{ opacity: 1; } /*fix sidebar*/ #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 Products ***********************************/ /*** TS Blogs ***********************************/ ul.post_list_widget, ul.comment_list_widget{ margin: 0; } .post_list_widget li{ display: flex; flex-wrap: wrap; margin-bottom: 30px; padding: 0 !important; } .post_list_widget li:last-child{ margin-bottom: 0; } .post_list_widget li .entry-content{ flex: 1; margin-top: -5px; } .post_list_widget li .thumbnail, .post_list_widget li .ts-video{ width: 105px; max-width: 105px; margin-right: 20px; /*rtl*/ } .post_list_widget li .entry-meta-top{ font-size: 85%; margin-bottom: 10px !important; } .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; } body .post_list_widget blockquote{ font-size: 1.2em; } /*** TS Recent Comment ***********************************/ .widget_recent_comments li.recentcomments, .comment_list_widget li{ padding: 0 !important; } .woocommerce #reviews ol.commentlist li .woocommerce-review__published-date, .comment_list_widget .comment-meta .date-time, .widget_rss .rss-date{ color: var(--nooni-gray-color); } .widget_recent_comments li.recentcomments:not(:last-child), .comment_list_widget li:not(:last-child){ margin-bottom: 22px; } .widget_recent_comments li.recentcomments{ color: var(--nooni-gray-color); } .widget_recent_comments li.recentcomments:before{ font-size: 130%; margin: 0 10px 0 0; /*rtl*/ display: inline-block; vertical-align: -3px; } .comment_list_widget .avatar{ width: 30px; border-radius: 100%; } .comment_list_widget .comment-meta .author{ font-size: 1em; text-transform: uppercase; } body .comment_list_widget .comment-body{ margin-bottom: 7px; letter-spacing: 0.025em; } .comment_list_widget blockquote:before{ display: none; } .comment_list_widget .comment-meta{ display: flex; flex-flow: row wrap; align-items: center; font-size: 0.93rem; } .comment_list_widget .comment-meta > *:not(:last-child){ margin: 0 15px 0 0; /*rtl*/ } /*** 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{ padding: 6px 0; 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(--nooni-primary-color);} /*------------------------------------------------------------- 4. WIDGET ELEMENTOR --------------------------------------------------------------*/ /*** 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, .elementor-widget-text-editor a{ color: inherit; } .text-light .elementor-widget-wp-widget-nav_menu ul.menu li a, .elementor-widget-wp-widget-nav_menu.text-light ul.menu li a{ color: #ffffff !important; } /*------------------------------------------------------------------------------------------------------------------- V. PRODUCT DEFAULT ---------------------------------------------------------------------------------------------------------------------*/ /*** Products ***/ .woocommerce > .products{ clear: both; position: relative; } .woocommerce .products .swiper .product-group{ height: 100%; display: flex; flex-flow: column wrap; } .woocommerce .products .swiper .product-group > .product:not(:only-child){ flex: 1; } .woocommerce .products:not(.swiper):not(.cross-sells):not(.up-sells):not(.related){ display: flex; flex-flow: row wrap; } .woocommerce .cross-sells.products, .woocommerce .up-sells.products{ width: 100%; margin-left: 0; margin-right: 0; } .woocommerce .products{ margin: 0 -15px; } .woocommerce .products .product{ padding: 0 15px; } .woocommerce .cross-sells > .products:not(.swiper) .product, .woocommerce .up-sells > .products:not(.swiper) .product, .woocommerce .related > .products:not(.swiper) .product{ width: 25%; } .woocommerce .products .product:not(.product-category){ padding: 0 15px; } .woocommerce .products .product .product-wrapper > .meta-wrapper{ position: relative; } .woocommerce .products .product:not(.product-category) .product-wrapper > .meta-wrapper{margin-top: 17px;} .woocommerce.main-products.list .products .product:not(.product-category) .product-wrapper > .meta-wrapper{margin-top: 0;} .woocommerce .ts-shortcode:not(.rows-2) .products > .product-group{ width: 25%; float: left;/* rtl */ } .ts-slider .products .product-group > .product:not(:last-child), .woocommerce.main-products .list-categories .product-category, .ts-shortcode.ts-product.style-title-inside-content .shortcode-heading-wrapper, .woocommerce .products:not(.swiper) > .product{ margin-bottom: 44px; } .woocommerce.style-img-large .products:not(.swiper) > .product.product-category{ margin-bottom: 30px; } .ts-shortcode.ts-product.style-title-inside-content.ts-slider .shortcode-heading-wrapper{ margin-bottom: 0; } .woocommerce .products > .product-group .product{ width: 100% !important; } .ts-shortcode.ts-product > .shop-more{ display: none; } .ts-shortcode.columns-10 .item, .ts-shortcode.ts-product.style-title-inside-content.columns-10 .shortcode-heading-wrapper, .woocommerce.columns-10 .products .product{ width: 10%; } .ts-shortcode.columns-9 .item, .ts-shortcode.ts-product.style-title-inside-content.columns-9 .shortcode-heading-wrapper, .woocommerce.columns-9 .products .product{ width: 11.111111111%; } .ts-shortcode.columns-8 .item, .ts-shortcode.ts-product.style-title-inside-content.columns-8 .shortcode-heading-wrapper, .woocommerce.columns-8 .products .product{ width: 12.5%; } .ts-shortcode.columns-7 .item, .ts-shortcode.ts-product.style-title-inside-content.columns-7 .shortcode-heading-wrapper, .woocommerce.columns-7 .products .product{ width: 14.2857%; } .ts-shortcode.columns-6 .item, .ts-shortcode.ts-product.style-title-inside-content.columns-6 .shortcode-heading-wrapper, .woocommerce.columns-6 .products .product{ width: 16.666666666%; } .ts-shortcode.columns-5 .item, .ts-shortcode.ts-product.style-title-inside-content.columns-5 .shortcode-heading-wrapper, .woocommerce.columns-5 .products .product{ width: 20%; } .ts-shortcode.columns-4 .item, .ts-shortcode.ts-product.style-title-inside-content.columns-4 .shortcode-heading-wrapper, .woocommerce.columns-4 .products .product{ width: 25%; } .ts-shortcode.columns-3 .item, .ts-shortcode.ts-product.style-title-inside-content.columns-3 .shortcode-heading-wrapper, .woocommerce.columns-3 .products .product{ width: 33.3333333333%; } .ts-shortcode.columns-2 .item, .ts-shortcode.ts-product.style-title-inside-content.columns-2 .shortcode-heading-wrapper, .woocommerce.columns-2 .products .product{ width: 50%; } .ts-shortcode.columns-1 .item, .ts-shortcode.ts-product.style-title-inside-content.columns-1 .shortcode-heading-wrapper, .woocommerce.columns-1 .products .product{ width: 100%; } .woocommerce.main-products.list > .products .product{width: 100% !important;} .woocommerce.main-products.list > .products{ margin-left: 0; margin-right: 0; } .woocommerce.main-products.list > .products > .product{ padding-left: 0; padding-right: 0; } .woocommerce.main-products.list > .products .product-wrapper{ display: flex; flex-flow: row wrap; align-items: center; } .woocommerce.main-products.list > .products .product-wrapper .thumbnail-wrapper{ width: 360px; } .woocommerce.main-products.list > .products .product-wrapper .meta-wrapper{ flex: 1; padding-left: 50px; /*rtl*/ } .products .product .meta-wrapper > .short-description{ line-height: 1.6; } .woocommerce.main-products.list > .products .product-group-button-meta{ display: block; margin-top: 15px; } .woocommerce.main-products.list > .products .product-group-button-meta .button{ min-width: 270px; } .woocommerce.main-products.list > .products .product-group-button .loop-add-to-cart, .woocommerce.main-products.list > .products .short-description.grid, .woocommerce.main-products.grid > .products .short-description.list{ display: none; } .woocommerce.main-products.list .product h3.product-name{ font-size: var(--nooni-h5-font-size); line-height: var(--nooni-h5-line-height); letter-spacing: var(--nooni-h5-letter-spacing); } .woocommerce.main-products.list .product .meta-wrapper > .price{ font-size: 1.2rem; } .woocommerce .ts-slider .products .product{ height: 100%; } .woocommerce.ts-product-category-wrapper:not(.ts-slider) .products:not(.swiper):not(.cross-sells):not(.up-sells):not(.related){ margin-bottom: -20px; } .ts-product-category-wrapper.style-2 .products{ margin-left: 0; margin-right: 0; } .ts-slider .products .swiper-slide .product{ float: none !important; width: 100% !important; } .ts-slider .products .swiper-slide > .product:only-child{ height: 100%; } .products .product .product-wrapper:after{ display: table; clear: both; content: ""; } .woocommerce .products ul{ margin: 0; } .woocommerce.columns-3, .woocommerce.columns-4, .woocommerce.columns-5, .woocommerce.columns-6{ clear: both; } /*** Product categories ***/ #main > .list-categories .ts-product-category-wrapper{ padding-bottom: 60px; border-width: 0 0 1px; border-style: solid; } .main-products .list-categories, .woocommerce .product-category .product-wrapper{ width: 100%; display: flex; flex-flow: row wrap; } .woocommerce.main-products .list-categories .product-category .product-wrapper{ display: block; position: relative; overflow: hidden; } .woocommerce.main-products .list-categories .product-category .product-wrapper > a.term-link{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } .woocommerce.main-products .list-categories .product-category .product-wrapper > a:before,.woocommerce.main-products .list-categories .product-category .product-wrapper > a:after{display: none;} .woocommerce.main-products .list-categories .product-category .product-wrapper > a{ width: 100%; height: 100%; margin: 0; border-radius: 0; } .woocommerce.main-products .list-categories .product-category .product-wrapper > .meta-wrapper{ width: 100%; position: absolute; top: 0; left: 0; right: 0; padding: 30px; } .woocommerce.main-products .list-categories .product-category .category-name h3{ text-transform: uppercase; } .woocommerce.main-products .list-categories .product-category .meta-wrapper > *:not(.category-name){ opacity: 0; visibility: hidden; transform: scale3d(0.8,0.8,1); transform-origin: 30% 100%; transition: opacity 0.35s, transform 0.35s; } .woocommerce.main-products .list-categories .product-category:hover .meta-wrapper > *:not(.category-name){ transform: scale3d(1,1,1); opacity: 1; visibility: visible; } .woocommerce.main-products .list-categories .product-category .meta-wrapper > *:not(:last-child){ margin-bottom: 10px; } .woocommerce .product-category .product-wrapper{ align-items: center; } .woocommerce .product-category .product-wrapper > a{ width: 120px; margin-right: 25px; /*rtl*/ position: relative; border-radius: 50%; overflow: hidden; transform: translateZ(0); } .woocommerce.style-default .product-category .product-wrapper > a{ height: 120px; } .woocommerce .product-category .product-wrapper > a:before, .woocommerce .product-category .product-wrapper > a:after{ opacity: 0; visibility: hidden; transition: 300ms ease; position: absolute; } .woocommerce .product-category .product-wrapper > a:before{ content: ''; display: block; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.5); z-index: 2; } .woocommerce .product-category .product-wrapper > a:after{ top: 50%; left: 50%; transform: translate(-50%,-50%); color: #ffffff; font-size: 24px; z-index: 3; } .woocommerce .product-category:hover .product-wrapper > a:before, .woocommerce .product-category:hover .product-wrapper > a:after{ opacity: 1; visibility: visible; } .woocommerce .product-category .product-wrapper > a img{ transition: 300ms ease; } .woocommerce.style-default .product-category .product-wrapper > a img{ width: 100%; height: 100%; object-fit: cover; } .woocommerce .product-category:hover .product-wrapper > a img{ transform: scale(1.2); } .woocommerce .product-category .product-wrapper > .meta-wrapper{ width: calc(100% - 145px); padding: 0; margin: 0; } .woocommerce .product-category .category-name h3{ font-size: 100%; line-height: 1.4; letter-spacing: 0.075em; margin-bottom: 0; } .woocommerce .product-category .meta-wrapper > *:not(:last-child){ margin-bottom: 4px; } .woocommerce .product-category .meta-wrapper .shop-now-button .button{ font-size: 80%; } .woocommerce .product-category .meta-wrapper .count{ display: block; } /*** Style Icon ***/ .woocommerce.ts-product-category-wrapper.style-icon .product-category .product-wrapper > a{ width: 92px; margin-right: 23px; /*rtl*/ border-radius: 0; overflow: initial; } .woocommerce.ts-product-category-wrapper.style-img-large .product-category .product-wrapper > a:before, .woocommerce.ts-product-category-wrapper.style-img-large .product-category .product-wrapper > a:after, .woocommerce.ts-product-category-wrapper.style-icon .product-category .product-wrapper > a:before, .woocommerce.ts-product-category-wrapper.style-icon .product-category .product-wrapper > a:after{ display: none; } .woocommerce.ts-product-category-wrapper.style-icon .product-category .product-wrapper > a img{ transition: none; } .woocommerce.ts-product-category-wrapper.style-icon .product-category:hover .product-wrapper > a img{ transform: none; -webkit-animation: shake 1s cubic-bezier(.36,.07,.19,.97) both; animation: shake 1s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } .woocommerce.ts-product-category-wrapper.style-icon .product-category .product-wrapper > .meta-wrapper{ width: calc(100% - 115px); } /*** Style Image Large ***/ .woocommerce.ts-product-category-wrapper.style-img-large .product-category .product-wrapper{ position: relative; background: #e3e3e3; } .woocommerce.ts-product-category-wrapper.style-img-large .product-category .product-wrapper > a.term-link{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } .woocommerce.ts-product-category-wrapper.style-img-large .product-category .product-wrapper > a{ width: 100%; margin: 0; border-radius: 0; } .woocommerce.ts-product-category-wrapper.style-img-large .product-category .product-wrapper > .meta-wrapper{ width: auto; position: absolute; inset: 20px 20px auto 20px; padding: 10px; display: inline-block; text-align: inherit; } .woocommerce.ts-product-category-wrapper.style-img-large .product-category .category-name h3{ font-size: 106%; text-transform: uppercase; } .woocommerce.ts-product-category-wrapper.style-img-large .product-category .meta-wrapper > *:not(.category-name){ transform: translateY(5px); opacity: 0; visibility: hidden; transform: scale3d(0.8,0.8,1); transform-origin: 50% 100%; transition: opacity 0.35s, transform 0.35s; } .woocommerce.ts-product-category-wrapper.style-img-large .product-category:hover .meta-wrapper > *:not(.category-name){ transform: scale3d(1,1,1); opacity: 1; visibility: visible; } .woocommerce.ts-product-category-wrapper.style-img-large .product-category .meta-wrapper > *:not(:last-child){ margin-bottom: 10px; } /**/ .ts-blogs-wrapper .blogs, .ts-shortcode .items, .related-posts .blogs{ display: flex; flex-wrap: wrap; } .ts-blogs-wrapper.nav-middle .blogs, .ts-product.nav-middle .content-wrapper, .ts-shortcode.nav-middle .items{ position: relative; } .woocommerce .products .product .product-wrapper .thumbnail-wrapper img{ width: 100%; } /*------------------------------------------------------------- 1. PRODUCT IMAGES --------------------------------------------------------------*/ .woocommerce .product .thumbnail-wrapper{ position: relative; } .woocommerce .product:not(.product-category) .thumbnail-wrapper{ overflow: hidden; } .image-border a.ts-wg-thumbnail img, .image-border .thumbnail-wrapper > a img{ border-width: 1px; border-style: solid; } .woocommerce .product .thumbnail-wrapper *{ backface-visibility: hidden; -webkit-backface-visibility: hidden; } ul.product_list_widget li .ts-wg-thumbnail:before, .woocommerce ul.product_list_widget li .ts-wg-thumbnail:before, .woocommerce .product .thumbnail-wrapper > a:before{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; background: #000; opacity: 0; visibility: hidden; z-index: 3; transition: 350ms ease 0s; } .woocommerce .product .thumbnail-wrapper > a{ position: relative; display: block; text-decoration: none; z-index: 2; transition: 300ms ease 0s; } .woocommerce .products .product a img{ margin: 0; box-shadow: none; width: 100% !important; } .woocommerce .product figure{ z-index: 1; overflow: hidden; margin-bottom: 0; } .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; } .product-group-button-meta{ display: none; } 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, .woocommerce .product .category-name h3 a:not(.button):not(.elementor-button):hover, .product .meta-wrapper .button-in a:not(.button):not(.elementor-button):hover{ text-decoration: none !important; } /*------------------------------------------------------------- 2. PRODUCT LABEL --------------------------------------------------------------*/ .product_list_widget .product-label, .woocommerce .product .product-label{ position: absolute; right: auto; left: 15px;/* rtl */ top: 15px; bottom: auto; z-index: 3; } .product_list_widget .product-label{left: 5px;/* rtl */top: 5px;} .woocommerce .product-label > span.onsale, .woocommerce .product-label > span{ width: auto; min-width: 54px; min-height: 20px; position: relative; top: auto; right: auto; left: auto; padding: 0; text-align: center; display: inline-block; vertical-align: top; font-size: 12px; line-height: 1 !important; text-transform: uppercase; border-radius: 0; margin: 0 2px 2px 0; /*rtl*/ font-weight: normal; } .woocommerce .product-label > span.onsale:last-child, .woocommerce .product-label > span:last-child{ margin-right: 0; /*rtl*/ } .woocommerce .product-label span span{ padding: 4px 4px 4px calc(4px + 0.05em); display: flex; width: 100%; height: 100%; align-items: center; position: relative; justify-content: center; } .woocommerce .product_list_widget .product-label > span.onsale, .woocommerce .product_list_widget .product-label > span{ min-width: 40px; min-height: 14px; font-size: 11px; } .woocommerce .product_list_widget .product-label span span{ padding: 2px 2px 2px calc(2px + 0.05em); /*rtl*/ } .product-label-circle .product-label > span.onsale, .product-label-circle .product-label > span, .product-label-square .product-label > span.onsale, .product-label-square .product-label > span{ width: 46px; height: 46px; min-height: auto; min-width: auto; border-radius: 0; line-height: 16px !important; } .product-label-circle .product-label > span.onsale, .product-label-circle .product-label > span{ border-radius: 50%; } .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(--nooni-sale-label-color); background: var(--nooni-sale-label-bg); } .product_list_widget .product-label .new, .woocommerce .product .product-label .new{ color: var(--nooni-new-label-color); background: var(--nooni-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: var(--nooni-hot-label-color); background: var(--nooni-hot-label-bg); } .product_list_widget .product-label .out-of-stock, .woocommerce .product .product-label .out-of-stock{ color: var(--nooni-soldout-label-color); background: var(--nooni-soldout-label-bg); } .woocommerce .meta-wrapper .product-label > span.onsale, .woocommerce .meta-wrapper .product-label > span{ color: var(--nooni-meta-label-color) !important; } /*** Style on meta ***/ .product_list_widget .meta-wrapper .product-label, .woocommerce .product .meta-wrapper .product-label{ position: static; padding-top: 2px; margin-bottom: 6px; } .woocommerce .meta-wrapper .product-label > span.onsale, .woocommerce .meta-wrapper .product-label > span{ min-width: 0; min-height: 0; width: auto; height: auto; font-size: 12px; margin: 0 5px 5px 0; /*rtl*/ font-weight: normal; background: transparent !important; } .woocommerce .meta-wrapper .product-label > span.onsale:not(:last-child):after, .woocommerce .meta-wrapper .product-label > span:not(:last-child):after{ content: '.'; display: inline-block; vertical-align: baseline; margin-left: 5px; /*rtl*/ } .woocommerce .meta-wrapper .product-label > span.onsale:last-child, .woocommerce .meta-wrapper .product-label > span:last-child{ margin-right: 0; /*rtl*/ } .woocommerce .meta-wrapper .product-label span span{ padding: 0; display: inline-block; width: auto; height: auto; } /*------------------------------------------------------------- 3. PRODUCT META --------------------------------------------------------------*/ .product-brands, .woocommerce .products .product .product-categories{ overflow: hidden; text-decoration: none; font-size: 0.86em; } .products .product .product-brands, .products .product .product-categories, .products .meta-wrapper .short-description, ul.product_list_widget li .product-brands, ul.product_list_widget li .product-brands a, ul.product_list_widget li .product-categories, ul.product_list_widget li .product-categories a, .woocommerce ul.product_list_widget li .product-brands a, .woocommerce ul.product_list_widget li .product-categories a{ color: var(--nooni-gray-color); } .meta-wrapper .product-categories > span{ display: none; } .product .product-brands a, .woocommerce .products .product .product-categories a, .woocommerce .widget-container il li .product-categories a, .widget-container ul li .product-categories a{ display: inline-block; padding: 0; margin: 0; text-decoration: none; } .product .product-brands a:hover, .woocommerce .products .product .product-categories a:hover, .widget-container ul li .product-categories a:hover, .ts-products-widget-wrapper .product-categories a:hover{ text-decoration: none; } .products .meta-wrapper > *:not(.product-group-button-meta){ margin-bottom: 11px; line-height: 20px; display: block; } .products .meta-wrapper > *:last-child{ margin-bottom: 0; } .products .product .meta-wrapper > .product-name, .products .product .meta-wrapper > .price{ margin-bottom: 15px; } .products .product .meta-wrapper .review-count{ display: none; } .products .product .meta-wrapper > .woocommerce-product-rating{ margin: 1px 0 15px; line-height: 1; float: left; /*rtl*/ } .products .product .meta-wrapper > .product-sku{ float: right; /*rtl*/ } .products .product .meta-wrapper > *:not(.woocommerce-product-rating):not(.product-sku){ clear: both; } .product-name, h3.product-name, .product-name h3{ font-size: var(--nooni-body-font-size); line-height: var(--nooni-body-line-height); letter-spacing: var(--nooni-body-letter-spacing); font-weight: normal; } .woocommerce div.product div.summary, .yith-wfbt-section, .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li label > *{ line-height: 16px; } /*** Price ***/ .price, .products .meta-wrapper > .price{ display: flex; flex-wrap: wrap; align-items: flex-end; line-height: 1 !important; letter-spacing: 0.075em; } .price > span.amount:first-child:not(:last-child){ margin-right: 5px; /*rtl*/ } .price > span.amount:last-child:not(:first-child){ margin-left: 5px; /*rtl*/ } .price del ~ ins{ margin-right: 10px; /*rtl*/ } .price del{ order: 2; } .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, .wishlist_table li .item-details table.item-details-table del .amount.woocommerce-Price-amount, .woocommerce table.shop_table td del .amount.woocommerce-Price-amount{ font-weight: normal; } .price, .products .meta-wrapper > .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-grouped-product-list-item__price, .cart_list li .subtotal, .wishlist_table li .item-details table.item-details-table .amount.woocommerce-Price-amount, .woocommerce table.shop_table .amount.woocommerce-Price-amount, .woocommerce div.product .summary p.price, .woocommerce div.product .summary span.price{ color: var(--nooni-product-price-color); } .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, .wishlist_table li .item-details table.item-details-table del .amount.woocommerce-Price-amount, .woocommerce table.shop_table td del .amount.woocommerce-Price-amount{ color: var(--nooni-product-sale-price-color); } /*** Rating ***/ .star-rating, .star-rating span, .woocommerce .star-rating span:before, .woocommerce .star-rating:before, .woocommerce p.stars a::before{ font-size: 12px; letter-spacing: 4px; color: var(--nooni-star-color) !important; } .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; } .star-rating, .woocommerce .star-rating, .ts-testimonial-wrapper .rating, blockquote .rating{ width: 80px; height: 14px; line-height: 1; overflow: hidden; font-family: WooCommerce; position: relative; backface-visibility: visible; -webkit-backface-visibility: visible; } .woocommerce .star-rating{width: 95px;height: 16px;} .ts-testimonial-wrapper .rating, blockquote .rating{width: 104px;height: 16px;letter-spacing: 6px;} .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{ font-size: 16px; color: var(--nooni-star-color) !important; } .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: 30px; height: 26px; } .woocommerce p.stars a::before{ font-size: 26px; } .woocommerce .tabs-in-summary p.stars a{ width: 24px; height: 22px; } .woocommerce .tabs-in-summary p.stars a::before{ font-size: 22px; } .woocommerce .star-rating span::before, blockquote .rating span:before{ font-family: WooCommerce; content: "\e020\e020\e020\e020\e020"; } .woocommerce .star-rating::before, blockquote .rating:before{ font-family: WooCommerce; content: "\e021\e021\e021\e021\e021"; } blockquote .rating span:before{ text-transform: uppercase; } .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: 20px; } .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*/ } /*** Short Description ***/ .woocommerce .products .product .meta-wrapper .short-description ul li{ line-height: 1.2; padding: 4px 0; } .woocommerce .products .product .meta-wrapper .short-description > ul:first-child li:first-child{ padding-top: 0; } .woocommerce .products .product .meta-wrapper .short-description > ul:last-child li:last-child{ padding-bottom: 0; } .woocommerce .products .product .meta-wrapper .short-description ul.ul-style.list-inline li{ display: block; margin-left: 0; margin-right: 0; } /*** 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{ box-shadow: none; text-shadow: none; background: transparent; margin: 0; padding: 0 30px; width: 100%; line-height: 36px; text-align: center; background-color: #ededed; border-color: #ededed; color: #000000; } .woocommerce div.product form.cart table div.quantity{ float: left;/* rtl */ margin: 0; } .woocommerce div.product form.cart table.group_table .quantity input.qty{ line-height: 36px; } .quantity{ width: 90px; position: relative; float: none; } .quantity span:not(.amount){ display: none; } .quantity .number-button{ width: 100%; position: relative; display: flex; letter-spacing: 0; } .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: 30%; height: 36px; margin: 0 !important; line-height: 36px; text-align: center; position: absolute; left: 0;/* rtl */ top: 0; padding: 0; z-index: 2; cursor: pointer; border-radius: 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; } /*small quantity*/ .woocommerce ul.product_list_widget li .quantity, ul.product_list_widget li .quantity, .woocommerce ul.cart_list li .quantity, ul.cart_list li .quantity, table.shop_table .product-quantity .quantity{ width: 70px; } .woocommerce ul.product_list_widget li .quantity .minus, ul.product_list_widget li .quantity .minus, .woocommerce ul.cart_list li .quantity .minus, ul.cart_list li .quantity .minus, .woocommerce ul.product_list_widget li .quantity .plus, ul.product_list_widget li .quantity .plus, .woocommerce ul.cart_list li .quantity .plus, ul.cart_list li .quantity .plus, table.shop_table .product-quantity .quantity .minus, table.shop_table .product-quantity .quantity .plus{ height: 24px; line-height: 24px; } .woocommerce ul.product_list_widget li .quantity input.qty, ul.product_list_widget li .quantity input.qty, .woocommerce ul.cart_list li .quantity input.qty, ul.cart_list li .quantity input.qty, table.shop_table .product-quantity .quantity input.qty, table.shop_table .product-quantity .quantity input.qty{ font-size: 12px; line-height: 24px; padding: 0 18px; } /*large quantity*/ .summary .quantity{ width: 110px; overflow: hidden; } .summary .quantity .minus, .summary .quantity .plus{ height: 48px; line-height: 48px; font-size: 18px; } .woocommerce .summary .quantity input.qty, .summary .quantity input.qty{ line-height: 48px; } /*------------------------------------------------------------- 4. PRODUCT GROUP BUTTONS --------------------------------------------------------------*/ .product-group-button-meta a:hover, .product-group-button a:hover{ text-decoration: none; } .thumbnail-wrapper .product-group-button > div{ font-size: 0; line-height: 0; padding: 0; min-width: 0; width: 40px; height: 40px; display: block; position: absolute; letter-spacing: 0; text-align: center; bottom: 20px; right: 10px; /*rtl*/ z-index: 6; display: none; border-radius: 50%; transition: 250ms ease; } .product-group-button > div a:after{ font-size: 24px; line-height: 40px; transition: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .product .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 .product-wrapper:hover .product-group-button > div:nth-child(2){ animation-delay: 150ms; } .product .product-wrapper:hover .product-group-button > div:nth-child(3){ animation-delay: 200ms; } .product .product-wrapper:hover .product-group-button > div:nth-child(4){ animation-delay: 250ms; } .product .product-wrapper:hover .product-group-button > div:nth-child(2), .product .product-wrapper .product-group-button > div:nth-child(2){ bottom: 70px; } .product .product-wrapper:hover .product-group-button > div:nth-child(3), .product .product-wrapper .product-group-button > div:nth-child(3){ bottom: 120px; } .product .product-wrapper:hover .product-group-button > div:nth-child(4), .product .product-wrapper .product-group-button > div:nth-child(4){ bottom: 170px; } .product .product-wrapper .product-group-button > div, .main-products.list .product .product-wrapper:hover .product-group-button > div.wishlist, .product .product-wrapper .product-group-button > div.wishlist{ bottom: 10px; } .main-products.list .product .product-wrapper:hover .product-group-button > div:nth-child(3), .product .product-wrapper:hover .product-group-button > div.wishlist:nth-child(2){ bottom: 60px; } .main-products.list .product .product-wrapper:hover .product-group-button > div:nth-child(4), .product .product-wrapper:hover .product-group-button > div.loop-add-to-cart ~ div:nth-child(3){ bottom: 110px; } .product .product-wrapper:hover .product-group-button > div.loop-add-to-cart ~ div:nth-child(4){ bottom: 160px; } .product .product-wrapper .product-group-button > div.wishlist, .product .product-wrapper:hover .product-group-button > div.wishlist{ display: block; background: transparent; } .thumbnail-wrapper .product-group-button > div, .product-group-button > div .button-tooltip, .product-group-button > div.loop-add-to-cart a.loading:before, .ts-product-video-button, .ts-product-360-button, .woocommerce div.product div.images .woocommerce-product-gallery__trigger{ color: var(--nooni-button-thumbnail-color); background-color: var(--nooni-button-thumbnail-bg); } .product .product-wrapper:hover .product-group-button > div.wishlist{ color: var(--nooni-button-thumbnail-color); background-color: var(--nooni-button-thumbnail-bg); } .product-group-button > div a.loading:after, .woocommerce .product-group-button > div .button.loading:after, .product-group-button > div.loop-add-to-cart a.loading:after{ border-color: var(--nooni-button-thumbnail-loading-color); border-top-color: var(--nooni-button-thumbnail-color); } .thumbnail-wrapper .product-group-button > div:hover, .product-group-button > div:hover .button-tooltip, .product .product-wrapper:hover .product-group-button > div.wishlist:hover, .product-group-button > div.loop-add-to-cart:hover a.loading:before, .ts-product-video-button:hover, .ts-product-360-button:hover, .woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover{ color: var(--nooni-button-thumbnail-hover-color); background-color: var(--nooni-button-thumbnail-hover-bg); } .product-group-button > div:hover a.loading:after, .woocommerce .product-group-button > div:hover .button.loading:after, .product-group-button > div.loop-add-to-cart:hover a.loading:after{ border-color: var(--nooni-button-thumbnail-loading-hover-color); border-top-color: var(--nooni-button-thumbnail-hover-color); } .product-group-button > div.loop-add-to-cart a.loading:before{z-index: 2;} .product-group-button > div.loop-add-to-cart:hover a.loading:after{z-index: 3;} .woocommerce .product-group-button > div.loop-add-to-cart .button.loading:after, .product-group-button > div.loop-add-to-cart a.loading:after{ border-color: var(--nooni-button-loading-color); border-top-color: var(--nooni-button-color); } .woocommerce .product-group-button > div.loop-add-to-cart:hover .button.loading:after, .product-group-button > div.loop-add-to-cart:hover a.loading:after{ border-color: var(--nooni-button-loading-hover-color); border-top-color: var(--nooni-button-hover-color); } .product-group-button > div a{ width: 100%; height: 100%; margin: 0; font-size: 0; line-height: 0; padding: 0; min-width: 0; border: 0; text-decoration: none; letter-spacing: 0; overflow: visible; display: inline-block; vertical-align: top; color: inherit !important; transition: none; } .thumbnail-wrapper .product-group-button > div .yith-wcwl-wishlistexistsbrowse{ height: 100%; } .thumbnail-wrapper .product-group-button > div a{ display: block; opacity: 1 !important; } .button-in .yith-wcwl-add-to-wishlist, .button-in .yith-wcwl-add-button, .button-in a.add_to_wishlist{ width: 100%; height: 100%; } .button-in .yith-wcwl-wishlistaddedbrowse{ height: 100%; } .button-in a.add_to_wishlist{ display: block; } .product-group-button > div a.added:hover{ text-decoration: none !important; } .thumbnail-wrapper .product-group-button > div.loop-add-to-cart a{ transition: none; padding: 0; margin: 0; min-width: 0; border-width: 0; position: relative; letter-spacing: 0; background: transparent !important; color: inherit !important; line-height: inherit !important; } ul.product_list_widget li, .woocommerce ul.product_list_widget li, .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li{ display: flex; flex-flow: row wrap; position: relative; } .cart_list li a.remove, .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ content: ""; height: 21px; width: 21px; font-size: 0 !important; line-height: 19px; text-align: right; text-indent: 0; padding: 0; letter-spacing: 0; position: absolute !important; left: auto; right: 0; /*rtl*/ top: 50%; transform: translateY(-50%); margin: 0 !important; text-decoration: none; background: transparent !important; z-index: 2; color: inherit !important; text-align: center; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ top: 0; right: 0; /*rtl*/ } .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, ul.product_list_widget li img, .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width: 180px; margin: 0 !important; float: none; } ul.product_list_widget li .ts-wg-meta, .woocommerce ul.product_list_widget li .ts-wg-meta{ width: calc(100% - 180px); padding-left: 15px; /*rtl*/ } .elementor-widget[data-widget_type*="wp-widget-"] ul li a{ color: inherit; } .elementor-widget[data-widget_type*="wp-widget-"] ul li a:hover{ text-decoration: none; } .elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories{ font-size: 100%; } #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: 114px; margin: 0 15px 0 0; /*rtl*/ } #ts-filter-widget-area ul.product_list_widget li .ts-wg-meta, #ts-filter-widget-area .woocommerce ul.product_list_widget li .ts-wg-meta, .ts-sidebar ul.product_list_widget li .ts-wg-meta, .ts-sidebar .woocommerce ul.product_list_widget li .ts-wg-meta{ flex: 1; margin-bottom: 0; } ul.product_list_widget li .ts-wg-meta > .product-brands, ul.product_list_widget li .ts-wg-meta > .product-categories{ font-size: 0.85em; } 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 .meta-wrapper{ flex: 1; } ul.product_list_widget li .meta-wrapper:last-child{ margin-left: auto; /*rtl*/ padding-left: 15px; /*rtl*/ text-align: right; /*rtl*/ } ul.product_list_widget li .meta-wrapper > *{ margin-bottom: 5px; } ul.product_list_widget li .meta-wrapper > *:last-child{ margin-bottom: 0; } ul.product_list_widget li .subtotal form.cart{ display: inline-block; margin: 10px 0 0; } .woocommerce div.product ul.product_list_widget form.cart div.quantity{ margin: 0; } .woocommerce div.product ul.product_list_widget p.price ins, .woocommerce div.product ul.product_list_widget span.price ins{ font-weight: inherit; } ul.product_list_widget .button-in div.blockUI.blockOverlay{ opacity: 1 !important; } ul.product_list_widget .button-in div.blockUI.blockOverlay:after, .woocommerce ul.product_list_widget .button-in div.blockUI.blockOverlay:after{ margin-top: -8px; margin-left: -8px; width: 16px; height: 16px; } ul.product_list_widget li, .woocommerce ul.product_list_widget li, .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li, .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li, .woocommerce .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li, .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li{ display: flex; flex-wrap: wrap; align-items: flex-start; } .ts-search-result-container ul.product_list_widget li, .woocommerce .ts-search-result-container ul.product_list_widget li, .widget-container ul.product_list_widget li, .woocommerce .widget-container ul.product_list_widget li{ align-items: center; } .widget-container ul.product_list_widget li, .woocommerce.widget-container ul.product_list_widget li, .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li, .woocommerce .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li, .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li{ list-style: none; padding: 0 25px 0 0; /*rtl*/ width: 100%; position: relative; margin-bottom: 30px; } .woocommerce .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li, .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li{ padding-right: 4px; /*rtl*/ align-items: center; } .widget-container ul.product_list_widget li, .woocommerce.widget-container ul.product_list_widget li, .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li{ box-shadow: none; background: transparent; } .woocommerce-page.archive #left-sidebar .widget-container ul.product_list_widget li, .woocommerce-page.archive #left-sidebar .woocommerce.widget-container ul.product_list_widget li, .woocommerce-page.archive #right-sidebar .widget-container ul.product_list_widget li, .woocommerce-page.archive #right-sidebar .woocommerce.widget-container ul.product_list_widget li, .woocommerce-page.archive #ts-filter-widget-area .widget-container ul.product_list_widget li, .woocommerce-page.archive #ts-filter-widget-area .woocommerce.widget-container ul.product_list_widget li{ background: #ffffff; padding: 10px; border-width: 0; border-radius: 2px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05); margin: 0 0 2px; } .elementor-widget.elementor-widget-wp-widget-woocommerce_widget_cart ul.product_list_widget li, .elementor-widget.elementor-widget-wp-widget-woocommerce_recent_reviews ul.product_list_widget li, .elementor-widget.elementor-widget-wp-widget-woocommerce_recent_reviews ul.product_list_widget li .reviewer, .widget_shopping_cart ul.product_list_widget li, .woocommerce.widget_shopping_cart ul.product_list_widget li, .widget_recent_reviews ul.product_list_widget li, .woocommerce.widget_recent_reviews ul.product_list_widget li, .widget_recent_reviews ul.product_list_widget li .reviewer, .woocommerce.widget_recent_reviews ul.product_list_widget li .reviewer{ display: block; } .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li a{ display: block; } .widget-container ul.product_list_widget li:last-child, .woocommerce.widget-container ul.product_list_widget li:last-child, .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .widget-container ul.product_list_widget li .ts-wg-meta *, .woocommerce.widget-container ul.product_list_widget li.ts-wg-meta *, .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li.ts-wg-meta *{ margin-bottom: 0; } .widget-container ul.product_list_widget li > *:not(img), .woocommerce.widget-container ul.product_list_widget li > *:not(img), .widget-container ul.product_list_widget li .ts-wg-meta > *, .woocommerce.widget-container ul.product_list_widget li.ts-wg-meta > *, .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li > *:not(img), .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li .ts-wg-meta > *{ margin-bottom: 12px; line-height: 1.2; } .widget-container ul.product_list_widget li .ts-wg-meta > .star-rating, .woocommerce.widget-container ul.product_list_widget li .ts-wg-meta > .star-rating, .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li .ts-wg-meta > .star-rating{ margin-bottom: 16px; } .widget-container ul.product_list_widget li .ts-wg-meta > *:last-child, .woocommerce.widget-container ul.product_list_widget li .ts-wg-meta > *:last-child, .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li .ts-wg-meta > *:last-child{ margin-bottom: 0; } .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li:after{ content: ''; display: table; clear: both; } .elementor-widget-wp-widget-woocommerce_widget_cart ul.product_list_widget li img, .elementor-widget-wp-widget-woocommerce_recent_reviews ul.product_list_widget li img, .widget_shopping_cart ul.product_list_widget li img, .woocommerce.widget_shopping_cart ul.product_list_widget li img, .widget_recent_reviews ul.product_list_widget li img, .woocommerce.widget_recent_reviews ul.product_list_widget li img{ float: left; /*rtl*/ margin-right: 15px !important; /*rtl*/ } 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*/ } /*** Tooltip ***/ .ts-product-attribute .button-tooltip, .product-group-button .button-tooltip{ padding: 4px 5px; min-width: 105px; font-size: 0.867rem; letter-spacing: 0.05em; line-height: 20px; position: absolute; text-transform: none; text-align: center; visibility: hidden; opacity: 0; display: inline-block; border-radius: 5px; transition: 250ms ease; } .ts-product-attribute .button-tooltip{ top: -8px; left: 50%; /*rtl*/ transform: translate(-50%,-100%); /*rtl*/ z-index: 10; display: none !important; } .product-group-button .button-tooltip{ left: auto; /*rtl*/ right: 10px; /*rtl*/ top: 50%; bottom: 0; position: relative; font-weight: normal; transform: translate(-100%,-50%); /*rtl*/ transition: none; display: none; } .product-group-button > div:hover a .button-tooltip, .ts-product-attribute > div:hover a .button-tooltip{ display: block; -webkit-animation-duration: 250ms; -moz-animation-duration: 250ms; animation-duration: 250ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_fade; -moz-animation-name: animation_fade; animation-name: animation_fade; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; } .product-group-button > div a .button-tooltip:after, .ts-product-attribute > div a .button-tooltip:after{ content: ''; width: 0; height: 0; border-width: 5px 5px 0 5px; border-style: solid; border-color: var(--nooni-button-thumbnail-hover-bg) transparent transparent transparent; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); } .product-no-tooltip .product-group-button > div:hover a .button-tooltip, .product-no-tooltip .product-group-button > div a .button-tooltip, .product-group-button > div.loop-add-to-cart a .button-tooltip:after{display: none;} .button-in .blockUI,.button-in .blockUI.blockOverlay{opacity: 0 !important;} /*------------------------------------------------------------------------------------------------------------------- VI. CATEGORIES PRODUCT ---------------------------------------------------------------------------------------------------------------------*/ .products{ clear: both; } .overlay{ cursor: pointer; } .filter-widget-area-button{ margin: 0 40px 0 0; /*rtl*/ float: left; /*rtl*/ } .filter-widget-area-button > a:hover{ color: inherit; } .filter-widget-area-button > a{ display: inline-block; vertical-align: middle; text-decoration: none; line-height: 18px; text-transform: uppercase; } .filter-widget-area-button > a:before{ font-size: 24px; display: inline-block; vertical-align: 0; transition: 100ms ease; position: relative; top: 5px; margin-right: 6px; /*rtl*/ } .filter-widget-area{ padding: 0; } .filter-widget-area-button + .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; } .filter-widget-area-button.active + .overlay{ visibility: visible; opacity: 1; } .before-loop-wrapper{ display: flex; flex-wrap: wrap; align-items: center; line-height: 16px; flex: 1 0 auto; margin-bottom: 60px; font-size: 14px; letter-spacing: 0.025em; position: relative; z-index: 7; } .woocommerce .woocommerce-result-count{ display: none; margin: 0; } .before-loop-wrapper > *{ margin: 0; } .gridlist-toggle{ display: flex; flex-wrap: wrap; gap: 4px; } .gridlist-toggle > span:hover,.gridlist-toggle > span.active{ color: var(--nooni-icon-hover-color); } .gridlist-toggle > span:not(.active):hover{ cursor: pointer; } .ts-sidebar .product-on-sale-form, .ts-sidebar-content .product-on-sale-form{display: none;} .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 0 0 20px; /*rtl*/ } .before-loop-wrapper > .product-on-sale-form, .before-loop-wrapper > .woocommerce-ordering, .before-loop-wrapper > .product-per-page-form{ 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; } .widget_archive ul li, .widget_categories ul li{ display: flex; flex-wrap: wrap; justify-content: flex-end; } .widget_archive ul li:before, .widget_categories ul li:before{ content: ''; display: block; height: 1px; border-bottom: 1px solid #ebebeb; flex: 1; align-self: flex-end; top: -6px; position: relative; margin: 0 16px; } .widget_archive ul li a, .widget_categories ul li a{ margin-right: auto; /*rtl*/ order: -1; color: inherit; } .widget_archive ul ul, .widget_categories ul ul{ width: 100%; } .woocommerce .before-loop-wrapper .woocommerce-notices-wrapper{ width: 100%; order: -1; margin: 0 0 20px; } .woocommerce .before-loop-wrapper .woocommerce-notices-wrapper:empty{ margin: 0; } .filter-widget-area-button a, .product-on-sale-form, .product-per-page-form ul.perpage .perpage-current, .woocommerce .woocommerce-ordering .orderby-current{ display: inline-block; vertical-align: baseline; padding: 8px 15px; line-height: 24px; position: relative; min-width: 240px; min-height: 40px; } .filter-widget-area-button{ margin-right: 16px; /*rtl*/ } .filter-widget-area-button a{ min-width: 0; padding: 0 20px; font-size: 1em; line-height: 40px; } .filter-widget-area-button a, .product-on-sale-form, .product-per-page-form ul.perpage .perpage-current, .woocommerce .woocommerce-ordering .orderby-current{ background: var(--nooni-gray-bg); color: var(--nooni-text-in-gray-bg); } #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: 10px; /*rtl*/ line-height: 26px; margin-top: 0; } /*** Product on sale form ***/ .product-on-sale-form label{ padding: 0; position: relative; color: inherit; line-height: inherit; } .product-on-sale-form label:hover{ cursor: pointer; } .product-on-sale-form > label > input[type^="check"]{ display: none; } .product-on-sale-form > label:before{ content: ''; width: 19px; height: 19px; background: #ffffff; color: #000000; border: 2px solid #b6b6b6; border-radius: 3px; display: inline-block; vertical-align: -3px; margin-right: 7px; /*rtl*/ } .product-on-sale-form > label:after{ font-size: 14px; display: inline-block; position: absolute; top: 4px; left: 2px; /*rtl*/ opacity: 0; visibility: hidden; transition: 150ms ease; } .product-on-sale-form > label:hover:before, .product-on-sale-form.checked > label:before{ background: #000000; border-color: #000000; } .product-on-sale-form > label:hover:after, .product-on-sale-form.checked > label:after{ opacity: 1; visibility: visible; color: #ffffff; } /*** Woocommerce Orderring ***/ .woocommerce-ordering .orderby-label,.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; position: relative; z-index: 4; padding: 8px 0; line-height: 20px; } .woocommerce .woocommerce-ordering ul li a,.product-per-page-form ul.perpage ul li a{display: block;color: inherit;} .woocommerce .woocommerce-ordering ul li a:hover,.product-per-page-form ul.perpage ul li a:hover{color: var(--nooni-link-hover-color);} .woocommerce .woocommerce-ordering ul.orderby{ padding: 0; margin: 0; position: relative; display: inline-block; vertical-align: baseline; } .product-per-page-form ul.perpage > li,.product-per-page-form ul.perpage ul{padding: 0;margin: 0;} .woocommerce .woocommerce-ordering .orderby li a.current{cursor: default;} .woocommerce .woocommerce-ordering .orderby > li, .product-per-page-form ul.perpage > li{ padding: 0 !important; position: relative; cursor: pointer; line-height: 20px; } .product-per-page-form ul.perpage .perpage-current:after, .woocommerce .woocommerce-ordering .orderby-current:after{ font-size: 18px; display: inline-block; position: absolute; top: 50%; margin-top: -10px; right: 10px; /*rtl*/ backface-visibility: hidden; -webkit-backface-visibility: hidden; } .woocommerce .woocommerce-ordering .orderby ul, .product-per-page-form ul.perpage ul{ margin: 0; padding: 14px 20px 10px; display: none; width: 100%; min-width: 230px; position: absolute; top: 100%; left: 50%; /*rtl*/ right: auto; /*rtl*/ transform: translateX(-50%); /*rtl*/ z-index: 5; backface-visibility: hidden; -webkit-backface-visibility: hidden; color: var(--nooni-dropdown-color); } .product-per-page-form ul.perpage ul, .woocommerce .woocommerce-ordering:nth-last-child(1) .orderby ul, .woocommerce .woocommerce-ordering:nth-last-child(2) .orderby ul{ left: auto; /*rtl*/ right: 0; /*rtl*/ transform: translateX(0); /*rtl*/ } .woocommerce .woocommerce-ordering .orderby ul:before, .product-per-page-form ul.perpage ul:before{ position: absolute; content: ""; top: 7px; left: 0; right: 0; bottom: 0; z-index: -1; background-color: var(--nooni-dropdown-bg); box-shadow: 0 0 3px rgba(118,118,118,0.38); } .woocommerce .woocommerce-ordering:hover .orderby ul,.product-per-page-form:hover ul.perpage ul{ -webkit-animation-duration: 300ms; -moz-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_fade; -moz-animation-name: animation_fade; animation-name: animation_fade; display: block; } .woocommerce .woocommerce-ordering ul.orderby.active,.product-per-page-form ul.perpage.active{z-index: 999;} /*** Products per page ***/ .before-loop-wrapper > .product-per-page-form{width: auto;order: 3;} .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;} .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;} /*** Collapse Scroll Sidebar ***/ .ts_desktop .collapse-scroll-sidebar .ts-sidebar .widget-container > *:not(.widget-title-wrapper){ display: none; } .ts_desktop .collapse-scroll-sidebar .ts-sidebar > aside{ position: -webkit-sticky; position: sticky; top: 30px; transition: top 200ms ease 0s; } .admin-bar.ts_desktop .collapse-scroll-sidebar .ts-sidebar > aside{ top: 60px; } .ts_desktop .collapse-scroll-sidebar .ts-sidebar .widget-container .block-control{ display: block !important; } /*** Hover style ***/ .thumbnail-wrapper .product-group-button > div.loop-add-to-cart{ top: auto; bottom: 0; left: 0; right: 0; width: auto; padding: 0; border-radius: 0; transition: 250ms ease; } .product-hover-vertical-style .thumbnail-wrapper .product-group-button > div.loop-add-to-cart{ height: 50px; line-height: 50px; } .product-group-button > div.loop-add-to-cart a .button-tooltip, .product-group-button > div.loop-add-to-cart:hover a .button-tooltip{ display: inline-block; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none; } .product-group-button > div.loop-add-to-cart .button-tooltip{ padding: 0; min-width: 0; position: static; text-transform: uppercase; white-space: normal; visibility: visible; opacity: 1; border-radius: 0; transition: none; transform: none; line-height: 26px; background: transparent !important; color: inherit !important; } .product-group-button > div.loop-add-to-cart a{ display: block; width: auto; overflow: hidden; position: relative; padding: 9px 20px; transition: none; } .product-group-button > div.loop-add-to-cart a.added .button-tooltip:before, .product-group-button-meta > div.loop-add-to-cart a.added .button-tooltip:before, .woocommerce .summary form.cart button.button.added:before, .woocommerce ul.product_list_widget li a.button.added:before{ display: inline-block; vertical-align: -2px; margin-right: 3px; /*rtl*/ } .product-group-button > div.loop-add-to-cart a.loading:before{ content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000000; color: #ffffff; } .product-group-button > div.loop-add-to-cart a.loading:after{ left: 50%; width: 14px; height: 14px; border-width: 1px; margin-top: -7px; margin-left: -7px; } .product-group-button > div.loop-add-to-cart a.loading:after, .product-group-button > div.loop-add-to-cart a.added .button-tooltip:before{ opacity: 1; visibility: visible; } .product-group-button > div.loop-add-to-cart a:not(.loading):after{ display: none !important; } /*** Woocommerce Pagination ***/ .post-nav-links{ padding-top: 20px; margin-bottom: 0; } .woocommerce .after-loop-wrapper{ width: 100%; display: inline-block; position: relative; text-align: center; } .pagination-wrap ul.pagination, .ts-pagination, .woocommerce nav.woocommerce-pagination, .dokan-pagination-container .dokan-pagination{ display: block; margin-left: -3px; margin-right: -3px; text-align: center; } .ts-pagination > ul{margin-bottom: 55px;} .woocommerce nav.woocommerce-pagination{margin-top: 18px;margin-bottom: 60px;} .pagination-wrap ul.pagination,.ts-pagination ul,.woocommerce nav.woocommerce-pagination ul,.dokan-pagination-container .dokan-pagination{white-space: normal;} .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; vertical-align: top; float: none; /*rtl*/ margin: 0 3px 6px 3px; } .pagination-wrap ul.pagination > li > a:hover, .dokan-dashboard-content .pagination li a:hover, .ts-pagination ul li a:hover{ text-decoration: none; } .pagination-wrap ul.pagination, .woocommerce nav.woocommerce-pagination ul, .dokan-pagination-container .dokan-pagination{ border: 0; margin: 0; display: block; position: relative; } .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: 40px; height: 40px; line-height: 40px; font-size: 14px; color: inherit; background: #eeeeee; color: #000000; } .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{ background: #000000; color: #ffffff; } .pagination-wrap ul.pagination > li > a.prev, .pagination-wrap ul.pagination > li > a.next, .dokan-pagination-container .dokan-pagination li:first-child a, .dokan-pagination-container .dokan-pagination li:last-child a, .woocommerce nav.woocommerce-pagination ul li a.next, .woocommerce nav.woocommerce-pagination ul li a.prev, .ts-pagination ul li a.prev, .ts-pagination ul li a.next{ font-size: 0; line-height: 0; letter-spacing: 0; } .pagination-wrap ul.pagination > li > a.prev:before, .pagination-wrap ul.pagination > li > a.next:before, .dokan-pagination-container .dokan-pagination li:first-child a:before, .dokan-pagination-container .dokan-pagination li:last-child a:before, .woocommerce nav.woocommerce-pagination ul li a.next:before, .woocommerce nav.woocommerce-pagination ul li a.prev:before, .ts-pagination ul li a.prev:before, .ts-pagination ul li a.next:before{ font-size: 24px; line-height: 40px; letter-spacing: 0; } .dokan-pagination-container .dokan-pagination li.active a{ cursor: default; } .post-nav-links > a, .post-nav-links > span{ color: inherit; text-decoration: none !important; } .post-nav-links > .current, .post-nav-links > a:hover, .post-nav-links > a:focus{ background: #000000; color: #ffffff; } /*** Ajax pagination ***/ .archive.ajax-pagination .woocommerce > .products:before{ left: 50%; top: 300px; right: auto; bottom: auto; width: 40px; height: 40px; z-index: 9; margin-left: -20px; content: ""; border: 3px 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; transition: 150ms ease 0s; } .archive.ajax-pagination .woocommerce > .products.loading:before{ opacity: 1; visibility: visible; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .archive.load-more-button .woocommerce > .products.loading:before{ display: none; } .archive.ajax-pagination .woocommerce > .products:after{ content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; opacity: 1; z-index: 8; visibility: hidden; transition: 150ms ease 0s; background-color: var(--nooni-main-bg); } .archive.ajax-pagination .woocommerce > .products.loading:after{ opacity: 0.8; visibility: visible; } /*** Shop load more ***/ .ts-shop-result-count{ text-align: center; display: block; margin-top: 12px; } .ts-shop-result-count > span{ display: inline-block; } .load-more-wrapper .ts-blog-result-count{ margin-bottom: 14px; } .load-more-wrapper{ margin-top: 37px; margin-bottom: 120px; } .load-more-wrapper, .ts-shop-load-more{ display: block; text-align: center; margin-left: auto; margin-right: auto; } .ts-shop-load-more,.ts-shop-result-count{margin-bottom: 60px;} .ts-shop-result-count + .ts-shop-load-more{margin-top: -50px;} .load-more-wrapper .button, .ts-shop-load-more .button, .woocommerce .ts-shop-load-more .button{ min-width: 177px !important; line-height: 1 !important; padding: 17px 20px !important; display: inline-block; vertical-align: top; text-decoration: none; transition: 350ms ease; position: relative; border-radius: 0; } .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 ---------------------------------------------------------------------------------------------------------------------*/ .product-images-summary{ position: relative; } /*-------------------------------------------------------- 1. PRODUCT IMAGE ---------------------------------------------------------*/ .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg{ z-index: 2; cursor: zoom-in; } .woocommerce div.product div.images, .woocommerce div.product div.summary{ float: left; /*rtl*/ margin-bottom: 120px; } .woocommerce div.product div.images{ width: 55%; position: relative; } .woocommerce div.product div.summary{ width: 45%; padding-left: 30px; /*rtl*/ display: flex; flex-flow: row wrap; align-items: center; } .woocommerce div.product.gallery-layout-horizontal div.images, .woocommerce div.product.gallery-layout-horizontal div.summary, .woocommerce div.product.gallery-layout-horizontal div.images, .woocommerce div.product.gallery-layout-horizontal div.summary{ width: 50%; } /*** 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 div.images .flex-control-thumbs{ margin: 0 -5px; display: flex; flex-flow: row wrap; } .woocommerce div.product div.images .flex-control-thumbs li{ width: 20%; padding: 10px 5px 0; } .woocommerce div.product div.images .flex-control-thumbs li img{ opacity: 1; border: 1px solid transparent; transition: 300ms ease; } .woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover{ opacity: 0.3; } /*** 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: 50%; position: absolute; top: 15px; right: 15px; /*rtl*/ left: auto; /*rtl*/ transition: 250ms ease; } .ts-product-video-button, .ts-product-360-button{ top: auto; bottom: 15px; left: 15px; /*rtl*/ right: auto; /*rtl*/ z-index: 9; } .ts-product-video-button + .ts-product-360-button{ bottom: 65px; } .ts-product-360-button:before, .ts-product-video-button:before, .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before{ font-size: 24px; line-height: 40px; position: static; width: 100%; height: 100%; border: 0; display: inline-block; } .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 0 39px;line-height: 18px;} .woocommerce div.product .summary > .product_title{margin-bottom: 24px;} .woocommerce div.product .summary > .single-product-buttons{margin-bottom: 22px;} .woocommerce div.product .summary > *:empty,.woocommerce div.product .summary > *:last-child{margin-bottom: 0;} .woocommerce div.product .summary a:not(.button){color: inherit;} .woocommerce div.product .summary > *:not(.button){padding: 0;} .woocommerce div.product p.price, .woocommerce div.product span.price{font-size: 1em;} .woocommerce div.product .summary .product_title{font-weight: normal;letter-spacing: 0.025em;} /*** Product Ratings ***/ .ts-product-ratings-stock{ display: flex; flex-flow: row wrap; align-items: center; } .woocommerce div.product .ts-product-ratings-stock .availability, .woocommerce div.product .ts-product-ratings-stock .woocommerce-product-rating{margin-bottom: 0;} .woocommerce div.product .woocommerce-product-rating{ float: none; margin-right: 40px; /*rtl*/ order: -1; line-height: initial; } .stock > span.label{display: inline-block;} .stock .availability-text{color: #40bf52;} .stock.available-on-backorder .availability-text{color: #efb901;} .stock.out-of-stock .availability-text{color: #d10202;} .woocommerce .single-product-buttons,.woocommerce .woocommerce-product-rating{ display: flex; flex-flow: row wrap; align-items: center; } .woocommerce .woocommerce-product-rating .star-rating, .woocommerce .woocommerce-product-rating > *{ margin: 0 7px 0 0; /*rtl*/ float: none; /*rtl*/ } .woocommerce .woocommerce-tabs .woocommerce-product-rating .star-rating, .woocommerce .woocommerce-tabs .woocommerce-product-rating > *{ margin: 0 12px 0 0; /*rtl*/ } .woocommerce .woocommerce-product-rating > *:last-child{margin-right: 0; /*rtl*/} .summary .woocommerce-product-rating .woocommerce-review-link{text-decoration: none !important;} .ts-product-ratings-stock .woocommerce-product-rating .review-count{position: relative;top: 1px;} /*** Product Deal ***/ .ts-product .meta-wrapper .ts-countdown .counter-wrapper{padding: 0;background: transparent;color: red;} .ts-product .meta-wrapper .counter-wrapper .ref-wrapper, .ts-product .meta-wrapper .counter-wrapper .number-wrapper{ float: left; /*rtl*/ text-transform: none; } .ts-product .meta-wrapper .counter-wrapper .dots, .ts-product .meta-wrapper .counter-wrapper .ref-wrapper, .ts-product .meta-wrapper .counter-wrapper .number-wrapper{ font-size: 16px; line-height: 1; margin-left: 1px; /*rtl*/ } .ts-product .meta-wrapper .counter-wrapper .dots{margin-top: 0;padding: 0;} .ts-product .meta-wrapper .counter-wrapper > div{min-width: 0;padding: 0;border-radius: 0;} /*** Product Meta ***/ div.product .summary .meta-content > div{margin: 0 0 10px;font-size: 1em;} div.product .summary .meta-content > .ts-social-sharing{margin-top: -3px;} div.product .summary .ts-social-sharing ul li{color: inherit;} div.product .summary .meta-content > div:last-child{margin-bottom: 0;} div.product .summary .meta-content > div > span:first-child{ margin-right: 5px; /*rtl*/ float: left; /*rtl*/ display: inline-block; text-transform: uppercase; } div.product .summary .meta-content > div > span.sku,div.product .summary .meta-content > div.cats-link > span:first-child,div.product .summary .meta-content > div.cats-link ~ div > span:first-child{text-transform: uppercase;} div.product .summary .meta-content > div > span:not(:first-child),div.product .summary .meta-content > div > span:not(:first-child) a{font-weight: normal;color: #848484;} div.product .summary .meta-content > div > span:not(:first-child) a:hover{color: var(--nooni-primary-color);} 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; margin: 0; float: none; background: transparent !important; text-transform: none !important; } div.product .summary .meta-content > div.wcml-dropdown{width: 100%;} /*** Product Price ***/ .woocommerce div.product .summary p.price, .woocommerce div.product .summary span.price{ letter-spacing: 0.025em; align-items: center; margin: 0 20px 0 0; /*rtl*/ } .woocommerce div.product .summary p.price + *:not(.ts-discount-percent), .woocommerce div.product .summary span.price + *:not(.ts-discount-percent){ clear: both; } .woocommerce div.product p.price ins,.woocommerce div.product span.price ins{font-weight: inherit;} .woocommerce div.product .summary .price del ~ ins{margin-right: 18px; /*rtl*/} .woocommerce div.product .summary .ts-discount-percent{ margin: 0; display: inline-block; color: #d10202; } /*** Product Short Description ***/ .woocommerce div.product .summary > .woocommerce-product-details__short-description{ order: 1; color: var(--nooni-gray-color); } .woocommerce-variation-description{color: var(--nooni-gray-color);} .woocommerce div.product .summary > .woocommerce-product-details__short-description ~ *:not(.price):not(.ts-variation-price):not(.ts-discount-percent){ order: 3; } .woocommerce div.product .summary > *:not(.price):not(.ts-variation-price):not(.ts-discount-percent){ 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(--nooni-single-product-price-font-size); line-height: 1; } .woocommerce div.product .summary .ts-discount-percent, .woocommerce div.product .summary p.price del, .woocommerce div.product .summary span.price del{ font-size: var(--nooni-single-product-sale-price-font-size); line-height: 1; } .woocommerce div.product .summary > .woocommerce-product-details__short-description:not(:last-child), .woocommerce div.product .summary > .ts-variation-price:not(:last-child), .woocommerce div.product .summary .ts-discount-percent, .woocommerce div.product .summary > p.price:not(:last-child), .woocommerce div.product .summary > span.price:not(:last-child){ margin-bottom: 40px; } .woocommerce div.product .summary > .woocommerce-product-details__short-description ~ .ts-discount-percent, .woocommerce div.product .summary > .woocommerce-product-details__short-description ~ .price:not(:last-child), .woocommerce div.product .summary > .woocommerce-product-details__short-description ~ .ts-variation-price:not(:last-child){ margin-bottom: 11px; } .woocommerce div.product .summary .woocommerce-product-details__short-description{ line-height: 24px; } .woocommerce-product-details__short-description ul:first-child{ margin-top: 15px; } .woocommerce-product-details__short-description ul li{ list-style: none; padding: 7px 0; } .woocommerce-product-details__short-description ul li:before{ letter-spacing: 0; display: inline-block; margin-right: 10px; /* rtl */ color: #40bf52; font-size: 110%; vertical-align: -1px; } .woocommerce div.product .summary .woocommerce-product-details__short-description > p{ margin-bottom: 10px; } .woocommerce div.product .summary .woocommerce-product-details__short-description > *:last-child{ margin-bottom: 0; } .woocommerce div.product .summary > .group-product-heading{ font-size: 100%; text-transform: uppercase; margin-bottom: 20px; } /*** 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(--nooni-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; } /*** Fix stock=1, not sold individually ***/ .woocommerce div.product:not(.product-type-grouped) .summary form.cart div.quantity{width: auto;} .woocommerce div.product:not(.product-type-grouped) .summary form.cart div.quantity .qty{width: 164px;} .woocommerce div.product:not(.product-type-grouped) .summary form.cart div.quantity .qty{margin-right: 15px !important; /*rtl*/} .woocommerce div.product:not(.product-type-grouped) .summary form.cart div.quantity .plus{right: 15px; /*rtl*/} /*margin-right of .qty*/ /**/ .woocommerce div.product .summary form.cart .single_add_to_cart_button{flex: 1;min-width: 0;} .woocommerce div.product .summary form.cart .single_add_to_cart_button, .woocommerce div.product:not(.product-type-grouped) .summary form.cart div.quantity{ margin: 0 0 15px !important; } .woocommerce div.product .summary form.cart.grouped_form .single_add_to_cart_button{ margin-bottom: 25px !important; } .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 form.cart .single_add_to_cart_button, .woocommerce div.product .summary .ts-buy-now-button{line-height: 24px;} .woocommerce div.product .summary .ts-buy-now-button{ margin: 0 0 25px 0; display: block; background: transparent !important; } .woocommerce div.product form.cart .variations{ margin-bottom: 36px; } .woocommerce div.product.color-variation-thumbnail form.cart .variations{ margin-bottom: 36px; } .woocommerce div.product form.cart .variations *{display: block;} .woocommerce div.product form.cart .variations tr{margin-bottom: 32px;clear: both;} .woocommerce div.product form.cart .variations tr:last-child{margin-bottom: 0;} .woocommerce div.product form.cart .variations td,.woocommerce div.product form.cart .variations .label{padding: 0;} .woocommerce div.product form.cart .variations .label > *{display: inline-block;vertical-align: top;} .woocommerce div.product form.cart .variations .label .ts-value{font-weight: normal;} .woocommerce div.product form.cart .variations .label .ts-value,.woocommerce div.product form.cart .variations label{line-height: 16px;} .woocommerce div.product form.cart .variations label{padding-bottom: 0;text-transform: uppercase;position: relative;} .woocommerce div.product form.cart .variations label:after{content: ':';display: inline-block;vertical-align: 1px;margin: 0 5px;} .woocommerce div.product form.cart .ts-product-attribute,.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: 18px; display: block; transition: visibility 150ms ease; margin-top: -5px; position: absolute; z-index: 2; } .woocommerce div.product.color-variation-thumbnail form.cart .reset_variations{margin-top: -2px;} .woocommerce div.product form.cart .reset_variations,.ts-product-attribute > div.option:not(.color) > a{text-decoration: none !important;} .ts-product-attribute > div.option{ line-height: 1; margin: 0 0 18px 0; } .ts-product-attribute > div.option:not(.color) > a{ min-width: 40px; padding: 10px; border: 1px solid #bbbbbb; font-size: inherit; line-height: 18px; text-align: center; } .color-swatch > div:hover, .color-swatch > div.active, .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{border-color: var(--nooni-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 .availability{ margin-bottom: 10px; } .woocommerce div.product.product-type-variable form.cart .availability{ margin-top: 6px; } .woocommerce div.product .stock{color: inherit;} .woocommerce div.product form.cart .stock{font-size: 1em;margin-bottom: 36px;} .woocommerce div.product form.cart .woocommerce-variation-availability p.stock{font-size: 1em;color: inherit;} .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, .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]{opacity: .4;} .woocommerce a.button.disabled.ts-buy-now-button{opacity: .7;} .woocommerce div.product form.cart .variations select{ width: 100%; min-width: 0; font-size: 100%; padding: 8px 25px; background-position: 96% 50%; /*rtl*/ background-color: transparent; border-color: #a4a4a4; transition: 250ms ease; } .woocommerce div.product form.cart .variations tr:last-child select{ margin-bottom: 14px; } /*** Product Group ***/ .woocommerce div.product form.cart table.group_table tbody{ border-width: 1px; border-style: dashed; padding: 20px; display: block; margin-bottom: 20px; } .woocommerce div.product form.cart table.group_table tr{ display: flex; flex-flow: row wrap; align-items: center; padding-bottom: 15px; margin-bottom: 15px; border-width: 0 0 1px; border-style: dashed; } .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 25px 0 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 .woocommerce-grouped-product-list-item__label{ flex: 1; } .woocommerce div.product form.cart table.group_table .woocommerce-grouped-product-list-item__thumbnail{ width: 100px; } .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 .woocommerce-grouped-product-list-item__price{ display: flex; flex-flow: column-reverse wrap; } .woocommerce div.product form.cart table.group_table .button{ min-width: 118px; padding: 6px; font-size: 10px; } .woocommerce div.product form.cart table.group_table .quantity{ width: 118px; } .woocommerce div.product .summary form.cart.grouped_form .single_add_to_cart_button{ margin: 0 0 25px; } /*** Color Variation Thumbnail ***/ .woocommerce div.product.color-variation-thumbnail .ts-product-attribute div.option.color{ border-radius: 0; width: 70px; height: 70px; } .woocommerce div.product.color-variation-thumbnail .ts-product-attribute div.option.color a{ display: block; position: relative; width: 100%; height: 100%; margin: 0; border: 0; } .woocommerce div.product.color-variation-thumbnail .ts-product-attribute div.option.color a img{ width: 100%; height: 100%; border-radius: 0; -o-object-fit: cover; object-fit: cover; image-rendering: -webkit-optimize-contrast; } /*** Product Meta ***/ .woocommerce div.product .summary > .meta-content:not(:empty){ font-size: 0.93em; padding-top: 24px; border-width: 1px 0 0; border-style: solid; } .woocommerce div.product .single-product-buttons .blockUI{ display: none !important; } .summary .single-product-buttons .yith-wcwl-add-to-wishlist a, .summary .single-product-buttons a.compare{ position: relative; padding: 0 0 0 25px !important; /*rtl*/ background: transparent !important; border: 0; font-weight: normal; } .summary .single-product-buttons .yith-wcwl-add-to-wishlist a, .summary .single-product-buttons a.compare{ display: inline-block; vertical-align: 0; text-transform: none; text-align: start; min-width: 0; color: inherit; } .summary .single-product-buttons .yith-wcwl-add-to-wishlist a:hover, .summary .single-product-buttons a.compare:hover{ text-decoration: none !important; } .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist a{ font-size: 0 !important; line-height: 0; } .woocommerce div.product div.summary .single-product-buttons a.compare, .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist.added a, .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist a:before, .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist.added a:before, .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist.added a:after, .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist a .ts-tooltip:before{ font-size: var(--nooni-button-font-size); letter-spacing: inherit; line-height: 24px; } .summary .single-product-buttons a.compare:before, .woocommerce div.product div.summary .single-product-buttons a.compare, .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist.added a, .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist.added a:after, .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist a .ts-tooltip:before{ color: var(--nooni-text-color); } .summary .single-product-buttons a.compare:hover:before, .summary .single-product-buttons .yith-wcwl-add-to-wishlist a:hover:before, .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist.added a:hover, .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist.added a:hover:after, .woocommerce div.product div.summary .ts-social-sharing ul li a:hover, .woocommerce div.product div.summary .single-product-buttons a.compare:hover, .woocommerce div.product div.summary .single-product-buttons a.compare:hover .ts-tooltip, .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist a:hover .ts-tooltip:before, .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist a:hover .ts-tooltip{ color: var(--nooni-primary-color); } .summary .single-product-buttons .yith-wcwl-add-to-wishlist a.loading:hover:after, .woocommerce .summary .single-product-buttons a.compare.loading:hover:after, .summary .single-product-buttons a.compare.loading:hover:after{ border-color: var(--nooni-primary-loading-color); border-top-color: var(--nooni-primary-color); } .summary .single-product-buttons .yith-wcwl-add-to-wishlist a:before, .summary .single-product-buttons .yith-wcwl-add-to-wishlist a.loading:after, .summary .single-product-buttons a.compare:before, .summary .single-product-buttons a.compare:after{ font-size: 20px !important; } .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist.added a:before{ font-size: 19px !important; } .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist.added a:after, .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist a .ts-tooltip:before{ content: attr(data-title); text-decoration: none !important; display: inline-block; vertical-align: middle; } .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist.added .ts-tooltip{ display: none; } .summary .single-product-buttons > *:not(:last-child){ margin-right: 38px; /*rtl*/ } .summary .single-product-buttons .yith-wcwl-add-to-wishlist a:before, .summary .single-product-buttons .yith-wcwl-add-to-wishlist a.loading:after, .summary .single-product-buttons a.compare:before, .summary .single-product-buttons a.compare:after{ min-width: 14px; text-align: center; position: absolute; left: 0; /*rtl*/ top: 50%; transform: translateY(-50%); } .summary .single-product-buttons .yith-wcwl-add-to-wishlist a.loading:after, .summary .single-product-buttons a.compare:after{ width: 14px; height: 14px; margin-left: 0; opacity: 1; transform: none; top: 5px; margin: 0 7px 0 0; /*rtl*/ opacity: 0; visibility: hidden; } .summary .single-product-buttons .yith-wcwl-add-to-wishlist a.loading:before, .summary .single-product-buttons a.compare.loading:before{opacity: 0;visibility: hidden;} .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist.added a:after, .summary .single-product-buttons .yith-wcwl-add-to-wishlist a.loading:after, .summary .single-product-buttons a.compare.loading:after{opacity: 1;visibility: visible;} .product .product-wrapper:hover .product-group-button > div a:after, .product-group-button > div:hover a:after, .product-group-button > div .added a:after, .product-group-button > div a.added:after{opacity: 1;} .single-product-buttons > .ts-social-sharing{top: 2px;position: relative;margin-left: auto; /*rtl*/} .ts-social-sharing > span{display: none;} .ts-social-sharing .sharethis-inline-share-buttons{display: inline-block !important;} .ts-social-sharing ul{ margin: -10px; display: inline-block; vertical-align: middle; } .ts-social-sharing ul li{ list-style: none; float: left; /*rtl*/ padding: 10px; font-size: 24px; letter-spacing: 0; } .ts-social-sharing ul li a{color: inherit;} .ts-social-sharing ul li a:hover{text-decoration: none; color: var(--nooni-primary-color);} .ts-social-sharing ul li a i{transition: 250ms ease;} article.single-post > .entry-meta-bottom .social-sharing{text-align: center;} /*-------------------------------------------------------- 3. ADS BANNERS ---------------------------------------------------------*/ .woocommerce div.product .ads-banner{ padding-bottom: 120px; margin-bottom: 120px; border-width: 0 0 1px; border-style: solid; } .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 ---------------------------------------------------------*/ .woocommerce .cross-sells > h2, .woocommerce .up-sells > h2, .woocommerce .related > h2, .woocommerce.related > h2{ margin-bottom: 53px; text-transform: uppercase; } div.product > .yith-wfbt-section{ margin-bottom: 120px; } .yith-wfbt-section, .woocommerce div.product .summary > .yith-wfbt-section{ border-width: 1px; border-style: dashed; padding: 50px; } .woocommerce div.product .summary > .woocommerce-tabs + .yith-wfbt-section{ margin-top: 30px; } .woocommerce div.product .summary > .yith-wfbt-section{ padding: 30px; } .yith-wfbt-section > h3{ font-size: 100%; letter-spacing: 0.025em; margin-bottom: 20px; line-height: 1; text-transform: uppercase; } div.product > .yith-wfbt-section > h3{ text-align: center; } .yith-wfbt-form{ display: flex; flex-flow: column wrap; overflow: hidden; } .yith-wfbt-submit-block{ order: 1; margin-top: 20px; padding-top: 20px; border-width: 1px 0 0; border-style: dashed; } .yith-wfbt-section .yith-wfbt-images{ margin: 0; float: none; } .yith-wfbt-section .yith-wfbt-images tr{ display: flex; flex-flow: row wrap; align-items: center; } .yith-wfbt-section .yith-wfbt-images td{ width: calc(33.33333% - 20px); border: 0; } .yith-wfbt-section .yith-wfbt-images td img{ width: auto; } .yith-wfbt-section .yith-wfbt-items{ padding: 0; margin: 10px 0 0; } .yith-wfbt-section .yith-wfbt-images .image_plus{ width: 30px; } .yith-wfbt-section .yith-wfbt-images .image_plus:nth-child(5n+1){ display: none; } .yith-wfbt-section .yith-wfbt-items li{ list-style: none; } .yith-wfbt-section .yith-wfbt-items li > label{ display: flex; flex-flow: row wrap; align-items: center; font-size: 0; } .yith-wfbt-section .yith-wfbt-items li a{ text-decoration: none; color: inherit; } .yith-wfbt-section .yith-wfbt-items li > label .product-name{ margin-right: 10px; /*rtl*/ } .yith-wfbt-submit-block .price_text{ display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; } .yith-wfbt-submit-block .yith-wfbt-submit-button{ margin-top: 20px !important; width: 100%; min-width: 0; } /**/ .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 .woocommerce-tabs ul.tabs{ margin: 0 0 55px; padding: 0; overflow: visible; display: flex; flex-wrap: wrap; justify-content: center; line-height: 0; gap: 5px; border-bottom: 1px solid #d6d6d6; } .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; padding: 0; margin: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .product .woocommerce-Tabs-panel > h2, .product .woocommerce-Tabs-panel #reviews > h2{ background: var(--nooni-gray-bg); color: var(--nooni-text-in-gray-bg); } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs:before{ display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li > a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{ color: inherit; } .woocommerce div.product .woocommerce-tabs ul.tabs li > a{ margin: 0; line-height: 24px; padding: 15px 35px; position: relative; z-index: 1; width: 100%; display: inline-block; transition: 300ms ease 0s; font-weight: normal; letter-spacing: 0.025em; } .woocommerce div.product .woocommerce-tabs{ margin: 0 0 112px; } .woocommerce div.product .woocommerce-tabs .panel{ position: relative; margin: 0; } .woocommerce-tabs .panel .custom-tab-content > p{ margin-bottom: 43px; line-height: 2.4; } .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: 6px 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 Dementions ***/ .ts-dimensions-content ul{ display: flex; flex-wrap: wrap; margin: 0; } .ts-dimensions-content ul li{ width: 100%; list-style: none; line-height: 24px; } .ts-dimensions-content ul li > span:first-child{ font-family: var(--nooni-main-font-bold-family); font-weight: var(--nooni-main-font-bold-weight); display: inline-block; margin-right: 5px; /*rtl*/ } .ts-dimensions-content ul li > span:first-child:after{ content: ':'; display: inline-block; } /*** Tab Description ***/ .product-content > *:last-child{ margin-bottom:0; } ul.columns-2{ display: flex; flex-flow: row wrap; margin: -5px -15px; max-width: 850px; } ul.columns-2 > li{ width: 50%; padding-left: 15px; padding-right: 15px; } .product-content.show-more-less{ padding-bottom: 60px; overflow: hidden; position: relative; transition: 3s ease 0s; } .product-content.show-more-less.closed{ max-height: 500px; } .more-less-buttons > a.more-button:after{ position: absolute; z-index: 0; bottom: 0; left: 0; right: 0; height: 150px; 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 70%); } .more-less-buttons{ position: absolute; z-index: 2; left: 1px; right: 1px; bottom: -1px; margin: 0; text-align: center; } .more-less-buttons .less-button{ display: none; } .more-less-buttons a span{ position: relative; z-index: 1; } .more-less-buttons a{ padding: 15px 0; display: block; font-weight: bold; color: inherit; } .more-less-buttons a:hover{ color: var(--nooni-primary-color); } .more-less-buttons > a span:before{ display: inline-block; content: "-"; margin-right: 5px;/* rtl */ } .more-less-buttons > a.more-button span:before{ content: "+"; } .more-less-buttons a:hover{ text-decoration: none; } /*** Tab Table ***/ .woocommerce table.shop_attributes, .woocommerce .woocommerce-tabs #tab-additional_information table tr th, .woocommerce .woocommerce-tabs #tab-additional_information table tr td{ border: 0 !important; } .woocommerce .woocommerce-tabs #tab-additional_information table tr th, .woocommerce .woocommerce-tabs #tab-additional_information table tr td{ line-height: 16px; padding: 2px 0; font-style: normal; } .woocommerce .woocommerce-tabs #tab-additional_information table tr{ display: flex; flex-flow: row wrap; align-items: center; } .woocommerce .woocommerce-tabs #tab-additional_information table tr, .woocommerce table.shop_attributes tr td, .woocommerce table.shop_attributes tr th{ background: transparent !important; } .woocommerce .woocommerce-tabs #tab-additional_information table tr th{ width: auto; text-transform: uppercase; } .woocommerce .woocommerce-tabs #tab-additional_information table tr th:after{ content: ':'; display: inline-block; margin-right: 5px; /*rtl*/ } /*** Tab Reviews ***/ #reviews .woocommerce-Reviews-title{ margin-bottom: 10px; text-align: center; } .woocommerce div.product > .woocommerce-tabs #reviews .woocommerce-Reviews-title{margin-bottom: 20px;} #reviews .woocommerce-product-rating{ margin: 0 0 40px; justify-content: center; float: none; } #reviews .woocommerce-noreviews{ text-align: center; margin-top: 35px; margin-bottom: 0; } /*** Tab Accordion ***/ .woocommerce div.product.tabs-accordion .woocommerce-tabs .woocommerce-product-rating, .woocommerce div.product.tabs-accordion .woocommerce-tabs ul.tabs{ display: none !important; } .woocommerce div.product.tabs-accordion .woocommerce-tabs .panel{ display: block !important; margin-bottom: 5px; } .woocommerce div.product.tabs-accordion .summary .woocommerce-tabs, .woocommerce div.product.tabs-accordion .woocommerce-tabs .panel:last-child{ margin-bottom: 0; } div.product.tabs-accordion .woocommerce-Tabs-panel > h2, div.product.tabs-accordion .summary #reviews .woocommerce-Reviews-title, div.product.tabs-accordion .woocommerce-Tabs-panel #reviews > h2{ font-size: 1em; text-transform: uppercase; line-height: 1.5; letter-spacing: 0.075em; padding: 14px 20px; text-align: left; /*rtl*/ position: relative; margin-bottom: 0; cursor: pointer; } div.product.tabs-accordion .woocommerce-Tabs-panel > h2 ~ *, div.product.tabs-accordion .woocommerce-Tabs-panel #reviews > h2 ~ *{ display: none; padding: 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: 20px; /*rtl*/ top: 50%; transform: translateY(-50%); font-size: 20px; } .tabs-accordion #reviews .woocommerce-noreviews{margin-top: 10px;} .tabs-accordion #comments + #review_form_wrapper{ margin-top: 0; padding-top: 0; padding-bottom: 0; } .woocommerce .tabs-accordion #review_form #respond .comment-form .comment-form-rating{ margin-bottom: 35px; } /*** Tab Dokan ***/ .woocommerce #tab-more_seller_product .products .product{ width: 25%; } #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 article > .woocommerce > *:not(.woocommerce-cart-form):not(.cart-collaterals){ width: 100%; } body.woocommerce-cart article > .woocommerce > .woocommerce-notices-wrapper:not(:empty){ margin-bottom: 36px; } .woocommerce .woocommerce-cart-form, .woocommerce-checkout #customer_details{ width: calc(100% - 450px); } .woocommerce-cart .woocommerce .cart-collaterals, .woocommerce-checkout #order_review{ border-color: var(--nooni-primary-color); } .woocommerce-cart .woocommerce .cart-collaterals{ width: 410px; padding: 30px; border-radius: 0; background: var(--nooni-gray-bg); color: var(--nooni-text-in-gray-bg); } .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-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, .woocommerce-cart .cart-collaterals .cart_totals > h2{ padding: 0; margin: 0 0 20px; position: relative; font-size: 1.2em; line-height: inherit; letter-spacing: inherit; text-transform: uppercase; } .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: 36%; } .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 15px !important;/* rtl */ vertical-align: top; text-transform: none; } .woocommerce .woocommerce-shipping-calculator .button{ min-width: 0; padding: 5px 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 #order_review table.shop_table tr td, .woocommerce #order_review table.shop_table tr:not(.shipping) th, .woocommerce .cart-collaterals table.shop_table tr td, .woocommerce .cart-collaterals table.shop_table tr:not(.shipping) th{ vertical-align: middle; } .woocommerce #order_review table.shop_table th{ padding: 23px 0; } .woocommerce #order_review table.shop_table thead th{ padding-top: 0; } #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 th:first-child{ padding: 0 0 20px 0;/* rtl */ } .woocommerce table.shop_table td{ padding: 20px 0; border-top-width: 0px; } .woocommerce table.shop_table.order_details tr td:first-child{ padding-left: 0; padding-right: 20px;/* rtl */ } body .woocommerce table.shop_table{ border: 0; margin: 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%; } .woocommerce table.shop_table .product-name a{color: inherit;} .woocommerce table.shop_table .product-name a:hover{color: var(--nooni-primary-color);} .woocommerce table.shop_table tr td{ border-top-width: 0; } .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 .wishlist_table.mobile li .additional-info-wrapper .product-remove a, .woocommerce table.shop_table .product-remove a{ display: inline-block; vertical-align: middle; width: 20px; height: 20px; 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; } body .wishlist_table.mobile li .additional-info-wrapper .product-remove a:hover, .woocommerce table.shop_table .product-remove a:hover{ color: var(--nooni-icon-hover-color) !important; } body .wishlist_table.mobile li .additional-info-wrapper .product-remove a:before, .woocommerce table.shop_table .product-remove a:before{ line-height: 20px; } .woocommerce table.shop_table.cart td.actions{ padding: 0; width: 100%; margin: 50px 0 0 0; } .woocommerce table.shop_table.cart td.actions .button{ float: right;/* rtl */ margin-left: 10px; /* rtl */ } .woocommerce table.shop_table.cart td.actions .button.empty-cart-button{ background: transparent; color: inherit; border-color: inherit; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce table.shop_table.cart td.actions .button{ line-height: 24px; } #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; } .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{ position: relative; text-align: initial; } .woocommerce-cart table.cart td.actions .coupon .input-text{ width: 300px; padding-right: 145px;/* rtl */ padding-left: 20px;/* rtl */ float: left; /* rtl */ } .woocommerce-cart table.cart td.actions .coupon .input-text::-webkit-input-placeholder{ font-style: italic; } .woocommerce-cart table.cart td.actions .coupon .input-text:-moz-placeholder{ font-style: italic; } .woocommerce-cart table.cart td.actions .coupon .input-text::-moz-placeholder{ font-style: italic; } .woocommerce-cart table.cart td.actions .coupon .input-text:-ms-input-placeholder{ font-style: italic; } .woocommerce table.cart td.actions .coupon .button{ position: absolute; right: 20px;/* rtl */ padding-left: 0; padding-right: 0; top: 1px; border: 0; background: transparent; color: inherit; width: auto; min-width: 0; } .woocommerce table.cart td.actions .coupon .button:hover{color: var(--nooni-primary-color);} #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 table.cart .actions > .button{ min-width: 170px; } .woocommerce table.shop_table .woocommerce-shipping-methods .amount.woocommerce-Price-amount{ color: inherit; font-weight: inherit; } #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout{padding: 0;} /*------------------------------------------------------------------------------------------------------------------- IX. CHECK OUT ---------------------------------------------------------------------------------------------------------------------*/ /*** Login ***/ .woocommerce .checkout-login-coupon-wrapper form.login .lost_password{ margin-top: -6px; margin-bottom: 0; } .woocommerce .checkout-login-coupon-wrapper form.login .woocommerce-form-login__rememberme{ margin: 12px 0 0; } form.login label:hover{cursor: pointer;} .lost_password a{ text-decoration: none; color: inherit; display: inline-block; position: relative; } /*** 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: 47px; } .woocommerce form.checkout_coupon, .woocommerce .checkout-login-coupon-wrapper form.login{ padding: 30px; max-width: 100%; background: var(--nooni-gray-bg); color: var(--nooni-text-in-gray-bg); margin-top: -15px !important; border: 0; border-radius: 0; } .woocommerce form.checkout_coupon input, .woocommerce .checkout-login-coupon-wrapper form.login input{ background: var(--nooni-main-bg); color: var(--nooni-text-color); border-color: var(--nooni-main-bg); } .woocommerce .checkout-login-coupon-wrapper form.login p:first-child{ margin-bottom: 15px; } .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; } /*** Checkout Form ***/ .woocommerce > form.checkout{ overflow: hidden; width: 100%; } .woocommerce > form.checkout #customer_details{ width: calc(100% - 410px); padding-right: 40px; /*rtl*/ float: left; /*rtl*/ } .woocommerce > form.checkout #order_review_heading, .woocommerce > form.checkout #order_review{ width: 410px; background: var(--nooni-gray-bg); color: var(--nooni-text-in-gray-bg); float: right; /*rtl*/ } .woocommerce > form.checkout #order_review_heading{ padding: 30px 30px 0; margin: 0; } .woocommerce > form.checkout #order_review{ padding: 30px; } .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;} #order_review div.blockUI.blockOverlay:before, .woocommerce #order_review .blockUI.blockOverlay:before{ background: var(--nooni-gray-bg); } .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; } .woocommerce form .form-row label{ line-height: inherit; } #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{ text-decoration: underline; color: inherit; } .woocommerce-terms-and-conditions-wrapper a:hover{ text-decoration: none; } .woocommerce-invalid #terms{ outline: none !important; } .woocommerce form .form-row label{ padding-bottom: 13px; } .woocommerce > form.checkout .woocommerce-shipping-fields{ margin: 0 0 23px; padding: 4px 0 5px; border-width: 0 0 1px; border-style: solid; } /*** 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; } .woocommerce > form.checkout #order_review table.shop_table{ position: static; } #order_review .shop_table.woocommerce-checkout-review-order-table th:last-child, #order_review .shop_table.woocommerce-checkout-review-order-table td:last-child{ text-align: end; } #order_review .shop_table.woocommerce-checkout-review-order-table th, #order_review .shop_table.woocommerce-checkout-review-order-table td{ padding: 10px 0; border-radius: 0 !important; border-width: 0; border-color: rgba(0,0,0,0.1); } #order_review .shop_table.woocommerce-checkout-review-order-table tbody tr:first-child th, #order_review .shop_table.woocommerce-checkout-review-order-table tbody tr:first-child td{ padding-top: 25px; border-width: 1px 0 0; border-style: solid; } #order_review .shop_table.woocommerce-checkout-review-order-table tbody tr:last-child th, #order_review .shop_table.woocommerce-checkout-review-order-table tbody tr:last-child td{ padding-bottom: 25px; border-width: 0 0 1px; border-style: solid; } #order_review .shop_table.woocommerce-checkout-review-order-table tfoot th, #order_review .shop_table.woocommerce-checkout-review-order-table tfoot td{ border-width: 0 0 1px; border-style: solid; padding: 23px 0; } #order_review .shop_table.woocommerce-checkout-review-order-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 { padding: 18px 25px; margin: 10px 0 0; font-size: 100%; line-height: 24px; border-radius: 4px; color: inherit; background: rgba(101,101,101,0.1); } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{ content: ""; display: block; border: 10px solid rgba(101,101,101,0.1); border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -10px; left: 0; margin: -10px 0 0 25px; } .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); } .woocommerce ul#shipping_method li label .woocommerce-Price-amount{ line-height: inherit !important; font-weight: normal; } /*------------------------------------------------------------------------------------------------------------------- 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(--nooni-main-bg); } body #cboxClose, .vertical-menu-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; } body #cboxClose:hover,.vertical-menu-sidebar .close:hover,.ts-floating-sidebar .close:hover,.ts-popup-modal .close:hover{color: var(--nooni-icon-hover-color);} .vertical-menu-sidebar .close,.ts-floating-sidebar .close{ top: 26px; right: 22px; /*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(--nooni-icon-hover-color);} .vertical-menu-sidebar .close:hover, .ts-floating-sidebar .close:hover{ opacity: 1; } ul.products-list li .remove:before, .cart_list li .cart-item-wrapper a.remove: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{ font-size: 22px; line-height: inherit !important; } body #cboxClose:after, html body > h1 a.close:before, .ts-floating-sidebar .close:after, .vertical-menu-sidebar .close:after, body table.compare-list tr.remove td > a .remove:before{ font-size: 24px; line-height: inherit !important; } .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{ font-size: 24px; line-height: inherit !important; } #group-icon-header .close{ display: none; } .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.8); transition: all 200ms linear 0s; } .ts-popup-modal.show .overlay:before{ display: none; } .ts-popup-modal .close{ color: #ffffff; background: #000000; top: -11px; right: -10px; /*rtl*/ } #ts-product-size-chart-modal .close, #ts-quickshop-modal .close{ top: -1px; right: -1px; /*rtl*/ } .ts-popup-modal .close:hover{ color: var(--nooni-text-in-primary-color); background: var(--nooni-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 .popup-container{ position: fixed; padding: 0; top: 50%; left: 50%; z-index: 99991; visibility: hidden; opacity: 0; transform: translate(-50%,-50%); width: 1020px; height: auto; transition: opacity 0.2s ease, visibility 0.2s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; color: var(--nooni-dropdown-color); background-color: var(--nooni-dropdown-bg); } #ts-product-video-modal .popup-container{ border: 10px solid #ffffff; } #ts-product-video-modal .ts-video.auto-size{ padding-bottom: 52.85%; } #ts-quickshop-modal .popup-container{ width: 940px; } body .ts-popup-modal .product-360-container{ width: 600px; } .woocommerce .wishlist-fragment .blockUI.blockOverlay:before, .woocommerce .yith-wcwl-popup-form .blockUI.blockOverlay:before{ display: block; } /*** Size Chart Popup ***/ .woocommerce div.product form.cart .variations .label .ts-value, .woocommerce div.product form.cart .variations .label label{ float: left; /*rtl*/ } .woocommerce div.product form.cart .variations .label label{ margin-bottom: 20px; } .ts-product-size-chart-button{ text-transform: capitalize; } .ts-product-size-chart-button:before{ display: inline-block !important; } .woocommerce div.product form.cart .variations .value > .ts-product-size-chart-button{ position: relative; top: -6px; float: right; } .woocommerce div.product form.cart .variations .value > .ts-product-attribute:first-child, .woocommerce div.product form.cart .variations .value > .ts-product-size-chart-button + *{ width: 100%; clear: both; } .ts-popup-modal .product-size-chart-container .product-size-chart-content{ padding: 40px; } .ts-popup-modal .product-size-chart-container .ts-size-chart-content{ max-height: 56vh; overflow-y: auto; } .product-size-chart-content > h2{ font-size: var(--nooni-h6-font-size); letter-spacing: var(--nooni-h6-letter-spacing); line-height: var(--nooni-h6-line-height); margin-bottom: 40px; text-align: center; text-transform: uppercase; } .product-size-chart-content .chart-table, .product-size-chart-content .chart-content > *:last-child{ margin-bottom: 0; } .chart-image{ text-align: center; } table.chart-table{ margin-bottom: 0; } .product-size-chart-content .chart-table th, .product-size-chart-content .chart-table td, .product-size-chart-content .chart-content table th, .product-size-chart-content .chart-content table td, .ts-size-chart-content .chart-content table th, .ts-size-chart-content .chart-content table td{ font-size: 100%; line-height: 22px; } .product-size-chart-content .chart-table th, .product-size-chart-content .chart-content table th, .ts-size-chart-content .chart-content table th{ padding: 0 20px 18px; } .product-size-chart-content .chart-table td:not(:first-child), .ts-size-chart-content .chart-content td:not(:first-child){ text-align: center; } .product-size-chart-content .chart-table td, .product-size-chart-content .chart-content table td, .ts-size-chart-content .chart-content table td{ padding: 8px 20px; } .product-size-chart-content .chart-table tbody tr:first-child td, .product-size-chart-content .chart-content table tbody tr:first-child td, .ts-size-chart-content .chart-content table tbody tr:first-child td{ padding-top: 18px; } .ts-size-chart-content .chart-label, .product-size-chart-content .chart-label{ 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: bold; } /*** Quick Shop ***/ .opening-quickshop{overflow: hidden;} .header-sticky{transition: none;} #ts-quickshop-modal{position: fixed;top: 0;left: 0;bottom: 0;right: 0;overflow-x: hidden;z-index: -1;} .opening-quickshop #ts-quickshop-modal{overflow-y: auto;} #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%;overflow: hidden;padding: 30px;} #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.gallery-layout-vertical.has-gallery .product-images-summary div.product-label, #ts-quickshop-modal .woocommerce div.product.gallery-layout-vertical.has-gallery div.woocommerce-product-gallery{padding-left: 80px; /*rtl*/} #ts-quickshop-modal .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs{width: 70px;} #ts-quickshop-modal div.product > .summary{ position: absolute; top: 20px; bottom: 20px; max-height: calc(100% - 40px); right: -30px; /*rtl*/ padding: 0 30px 0 0; /*rtl*/ overflow-x: hidden; overflow-y: auto; align-items: flex-start; align-content: flex-start; float: none; transition: none; } #ts-quickshop-modal .woocommerce div.product .meta-content{border-width: 0;padding-top: 8px;} #ts-quickshop-modal .woocommerce div.product .woocommerce-product-rating{margin-right: 30px;/* rtl */} #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: calc(var(--nooni-single-product-price-font-size) - 5px);} #ts-quickshop-modal .woocommerce div.product .summary .product_title{font-size: calc(var(--nooni-h3-font-size) - 2px);} #ts-quickshop-modal .woocommerce div.product form.cart table.group_table .woocommerce-grouped-product-list-item__thumbnail{width: 64px;} #ts-quickshop-modal .woocommerce div.product form.cart table.group_table th, #ts-quickshop-modal .woocommerce div.product form.cart table.group_table td{padding: 0 10px 0 0 !important; /*rtl*/} #ts-quickshop-modal .woocommerce div.product form.cart table.group_table th:last-child, #ts-quickshop-modal .woocommerce div.product form.cart table.group_table td:last-child{padding-right: 0 !important; /*rtl*/} #ts-quickshop-modal .woocommerce div.product form.cart table.group_table .quantity{width: 90px;} #ts-quickshop-modal .woocommerce div.product .summary > *, #ts-quickshop-modal .woocommerce div.product .summary > .woocommerce-product-details__short-description:not(:last-child) #ts-quickshop-modal .woocommerce div.product .summary > .ts-variation-price:not(:last-child), #ts-quickshop-modal .woocommerce div.product .summary > p.price:not(:last-child), #ts-quickshop-modal .woocommerce div.product .summary > span.price:not(:last-child){margin-bottom: 28px;} #ts-quickshop-modal .woocommerce div.product form.cart .variations{margin-bottom: 24px;} /*** Product 360 ***/ #ts-product-360-modal.ts-popup-modal.show .overlay{background: #ffffff;} #ts-product-360-modal.ts-popup-modal .popup-container{margin: 0;opacity: 0;display: none;} #ts-product-360-modal.ts-popup-modal.show .popup-container{-webkit-animation-duration: 400ms;-moz-animation-duration: 400ms;animation-duration: 400ms;animation-delay: 250ms;-webkit-animation-delay: 250ms;-moz-animation-delay: 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;opacity: 1;display: block;} #ts-product-360-modal.ts-popup-modal .close{right: 0;/*rtl*/top: 0;position: fixed;opacity: 0;} .admin-bar #ts-product-360-modal.ts-popup-modal .close{top: 32px;} #ts-product-360-modal.ts-popup-modal.show span.close{z-index: 99991;opacity: 1;} .threesixty .nav_bar a:hover{background: transparent;} .threesixty .nav_bar{position: absolute;bottom: 0;left: 0;right: 0;z-index: 11;display: flex;flex-flow: row wrap;background: rgba(0,0,0,0.3);}.threesixty .nav_bar a{flex: 1;height: 40px;font-size: 0;text-decoration: none;border-right: 1px solid rgba(255,255,255,0.1);color: #ffffff;letter-spacing: 0;text-align: center;} .threesixty .nav_bar a:last-child{border: 0;} .threesixty .nav_bar a:before{font-size: 20px;line-height: 40px;display: inline-block;} .threesixty .nav_bar a.nav_bar_next:before{transform: scaleX(-1);} 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: 2s ease 0s;} .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: 5px;} .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: 405px;padding: 30px;} .add-to-cart-popup-content .heading{margin-bottom: 20px;padding-bottom: 14px;border-width: 0 0 1px;border-style: solid;} .add-to-cart-popup-content .heading .theme-title{text-transform: uppercase;margin: 0;font-size: 100%;padding: 0 25px 0 0; /*rtl*/} .add-to-cart-popup-content .item, .add-to-cart-popup-content .action{display: flex;flex-wrap: wrap;align-items: center;} .add-to-cart-popup-content .action{margin-top: 20px;padding-top: 20px;border-width: 1px 0 0;border-style: solid;} .add-to-cart-popup-content .item .product-image{width: 40%;margin-right: 20px; /*rtl*/} .add-to-cart-popup-content .item .product-meta{width: calc(60% - 20px);} .add-to-cart-popup-content .item .product-name{margin-bottom: 10px;white-space: normal;text-overflow: initial;} .add-to-cart-popup-content .action .button{width: calc(50% - 5px);} .add-to-cart-popup-content .action .view-cart{margin-right: 5px; /*rtl*/} .add-to-cart-popup-content .action .checkout{margin-left: 5px; /*rtl*/} #ts-add-to-cart-popup-modal .close{width: 26px;height: 26px;top: 30px;right: 22px;/*rtl*/background: transparent;color: inherit;} #ts-add-to-cart-popup-modal .close:hover{color: var(--nooni-icon-hover-color);} #ts-add-to-cart-popup-modal .close:after{font-size: 20px;line-height: 26px !important;} /*** Compare Popup ***/ .dataTables_scrollFoot{display: none;} html body #yith-woocompare{padding: 0;color: var(--nooni-text-color);font-family: var(--nooni-main-font-family);font-style: var(--nooni-main-font-style);font-weight: var(--nooni-main-font-weight);font-size: var(--nooni-body-font-size);line-height: var(--nooni-body-line-height);color: var(--nooni-text-color);letter-spacing: 0.05em;} #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;} 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 #yith-woocompare table.compare-list tr.description ul.ul-style.list-inline li:not(:last-child){margin-right: 0; /*rtl*/} body #yith-woocompare table.compare-list tr.description ul.ul-style.list-inline li{display: block;} 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(--nooni-border);direction: rtl;} 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;} 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;min-width: 200px;} 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%);} body table.compare-list .add-to-cart td a:not(.unstyled_button){padding: 10px 20px;font-size: 12px;line-height: 18px;min-width: 150px;} /*------------------------------------------------------------------------------------------------------------------- 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: 26px;transform: translate(0,-100%);transition: transform 200ms ease-out;right: 0;/*rtl*/padding: 8px 20px;/*rtl*/} 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;} .woocommerce-error a:not(.button), .woocommerce-info a:not(.button), .woocommerce-message a:not(.button), .woocommerce .woocommerce-error a:not(.button), .woocommerce .woocommerce-info a:not(.button), .woocommerce .woocommerce-message a:not(.button){text-decoration: none;color: inherit;position: relative;line-height: 1.3;display: inline-block;font-weight: bold;} body .wc-block-components-notice-banner.is-warning, .woocommerce-warning, .woocommerce .woocommerce-warning .woocommerce-message, .woocommerce .woocommerce-message, .woocommerce-error, .woocommerce .woocommerce-error, .woocommerce-info, .woocommerce .woocommerce-info{ box-shadow: none; text-shadow: none; width: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; margin: 0 0 16px; line-height: 24px; border-width: 0; padding: 13px 25px 13px 50px; /*rtl*/ } body .wc-block-components-notice-banner.is-info, .woocommerce-info, .woocommerce .woocommerce-info{ padding-left: 25px; /*rtl*/ background: var(--nooni-gray-bg); color: var(--nooni-text-in-gray-bg); border: 0; } .woocommerce-checkout #payment ul.payment_methods .woocommerce-info{padding: 0;} .index-template #primary > .alert{text-align: center;} .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;} .alert.alert-success,div.wpcf7-mail-sent-ok{background: transparent !important;} body .wc-block-components-notice-banner{ margin: 0 0 16px; line-height: 24px; padding: 13px 30px; overflow: hidden; border-radius: 0; } body .wc-block-components-notice-banner, body .wc-block-components-notice-banner .wc-block-components-notice-banner__content{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 5px; font-size: 1rem; } body .wc-block-components-notice-banner .wc-block-components-notice-banner__content{padding: 0;} body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary{margin: 0;} body .wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary + ul{width: 100%; margin: 10px 0 0;} body .wc-block-components-notice-banner__content a:not(.button){ text-decoration: none; color: inherit; position: relative; line-height: 1.3; display: inline-block; font-weight: bold; } body .wc-block-components-notice-banner > svg{display: none;} body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .button{ background: transparent !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; min-width: 0 !important; width: auto !important; color: inherit !important; font-size: 0.9rem !important; margin-left: auto; /*rtl*/ order: 10; opacity: 1; } body .wc-block-components-notice-banner .wc-block-components-notice-banner__content:before{font-size: 1.3em;} body .wc-block-components-notice-banner.is-success .wc-block-components-notice-banner__content:before{content: "\e92f";} body .wc-block-components-notice-banner.is-error .wc-block-components-notice-banner__content:before{content: "\e9c1";} body .wc-block-components-notice-banner.is-success, body #ts-ajax-add-to-cart-message, .woocommerce-message, .woocommerce .woocommerce-message{ color: #ffffff; background-color: #40bf52; } body .wc-block-components-notice-banner.is-error, body #ts-ajax-add-to-cart-message.error, .woocommerce-error, .woocommerce .woocommerce-error{ color: #ffffff; background-color: #d43811; } body .wc-block-components-notice-banner.is-warning, .woocommerce-warning, .woocommerce .woocommerce-warning{ background-color: #ed9d00; color: #ffffff; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{ position: absolute; width: 20px; font-size: 1.3em; display: inline-block; vertical-align: -2px; top: 15px; left: 25px; /*rtl*/ margin: 0 5px 0 0; /*rtl*/ color: inherit !important; } .woocommerce-info:before,.woocommerce-info::before{display: none;} .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{text-decoration: none !important;font-size: 100%;line-height: 18px;color: inherit !important;} .woocommerce.archive #primary > .woocommerce-info{display: none;}.search-no-results-wrapper, .cart-empty.woocommerce-info, .return-to-shop{text-align: center;} .search-no-results-wrapper .search--form{max-width: 600px;margin: 30px auto 0;} body.search.search-no-results .ts-pagination{padding: 0 !important;border: 0;margin: 0;} /*** Sidebar Heading ***/ .filter-sidebar--header{display: none;padding: 15px 30px;background: var(--nooni-gray-bg);color: var(--nooni-text-in-gray-bg);} .style-floating-sidebar .filter-sidebar--header{margin-bottom: 30px;} .style-floating-sidebar .filter-sidebar--header, .search--header{ display: flex; flex-wrap: wrap; align-items: center; } .style-floating-sidebar .filter-sidebar--header > h2, .search--header > h2{ font-size: 100%; line-height: 1.5; font-weight: normal; letter-spacing: inherit; margin: 0; flex: 1; } .style-floating-sidebar .filter-sidebar--header .close, #ts-search-sidebar .ts-sidebar-content .close{ position: static; margin-right: -7px; /*rtl*/ } body.search.search-no-results .alert p{ font-size: 145%; line-height: 1.5; } body.search.search-no-results .search-wrapper{ max-width: 500px; margin: 0 auto 100px; } body.search.search-no-results .search-content input[type="text"]{padding-top: 11px; padding-bottom: 11px;} .woocommerce > .return-to-shop{margin-bottom: 10%;} body .wc-empty-cart-message .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content{justify-content: center;} body .wc-empty-cart-message .wc-block-components-notice-banner.is-info, body .cart-empty.woocommerce-info{ color: inherit; background: transparent !important; margin-bottom: 30px; } .woocommerce-cart .return-to-shop a.button{min-width: 240px;} body .wp-block-image.is-style-circle-mask img{border-radius: 9999px;} body .wc-empty-cart-message .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content:before, body .woocommerce .cart-empty.woocommerce-info:before{ position: static; content: ''; width: 100%; height: 150px; background: url('images/cart-empty.svg') no-repeat center; margin: 0 auto 20px; opacity: 0.3; display: inline-block; } .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; top: 50%; left: 50%; z-index: 99990; /* Thanks WP -.- */ box-shadow: 0 3px 6px rgba(0,0,0,0.2); } body:not(.single-product) #yith-wcwl-popup-message{ display: none !important; } /*------------------------------------------------------------------------------------------------------------------- XIII. WISHLIST ---------------------------------------------------------------------------------------------------------------------*/ body.woocommerce .wishlist-title{ margin-bottom: 60px; display: flex; align-items: flex-end; justify-content: center; } 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; margin-left: 20px; /*rtl*/ display: none; } .wishlist-title.wishlist-title-with-form .button i{ font-size: 14px; } .wishlist-title:hover a.show-title-form{ display: inline-block; } .hidden-title-form button i, .wishlist-title a.show-title-form i{ margin-right: 5px; /*rtl*/ } .wishlist-title.wishlist-title-with-form h2:hover{ background: transparent; } .hidden-title-form input[type="text"]{ margin: 0; padding: 17px 80px 17px 30px; /*rtl*/ line-height: 24px; } .hidden-title-form a{ font-size: 14px; color: inherit; margin-right: 20px; } body table.shop_table.wishlist_table{ font-size: 100%; } .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 */ vertical-align: -1px; } .woocommerce td.product-name dl.variation{ color: #848484; font-size: 85%; } .woocommerce td.product-name dl.variation .wc-item-meta-label, .woocommerce td.product-name dl.variation dt{ font-weight: normal; color: inherit; margin-right: 10px; /* rtl */ } .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: uppercase; font-size: 100%; } .yith_wcwl_wishlist_footer .yith-wcwl-share{ margin-bottom: 0; display: flex; align-items: center; border-width: 1px 0 0; border-style: solid; padding-top: 30px; margin: 0; } .yith-wcwl-share ul{ margin: -2px; display: flex; flex-wrap: wrap; } .yith-wcwl-share li a{ margin: 2px; border-radius: 100%; line-height: 30px; min-height: 30px; min-width: 30px; font-size: 14px; padding: 0; } .yith-wcwl-share ul li a i{ line-height: 26px; } /*Mobile*/ .wishlist_table.mobile{ display: flex; flex-flow: column wrap; position: relative; opacity: 1 !important; margin-bottom: 50px; } p.wishlist-empty{ padding: 0 10px; } p.wishlist-empty, table.wishlist_table tbody td.wishlist-empty{ margin: 0; text-align: start; } ul.wishlist_table.mobile .product-remove a i{ display: none; } .wishlist_table.mobile li{ list-style: none; position: relative; padding: 30px 0; margin: 0; border-width: 0 0 1px; border-style: solid; display: flex; flex-flow: row wrap; align-items: center; } .wishlist_table.mobile li .item-wrapper, .wishlist_table.mobile li .additional-info-wrapper{ width: 50%; margin: 0; display: flex; flex-flow: row wrap; align-items: center; } .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label{ display: none; } .wishlist_table.mobile li .item-wrapper .product-thumbnail{ max-width: none; margin-right: 20px; /*rtl*/ width: 100px; } .wishlist_table.mobile li .item-details table.item-details-table, .wishlist_table.mobile li table.additional-info{ margin: 0; } .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: 5px 0; } .wishlist_table.mobile li .item-details table.item-details-table td.value, .wishlist_table.mobile li table.additional-info td.value{ text-align: inherit; } .wishlist_table.mobile li .item-wrapper .item-details{padding-right: 15px; /*rtl*/} .wishlist_table.mobile li .additional-info, .wishlist_table.mobile li .item-wrapper .item-details{ width: auto; flex: 1; } .wishlist_table.mobile li .additional-info-wrapper .product-remove{ margin: 0 0 0 30px; /*rtl*/ } .wishlist_table.mobile li .additional-info-wrapper .move-to-another-wishlist, .wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart{ margin: 0; } .wishlist-in-stock{ color: #297e29; } .wishlist-out-of-stock{ color: red; } .wishlist_table .product-add-to-cart span.dateadded{ font-size: 0.9em; text-align: center; margin-bottom: 10px; } /*------------------------------------------------------------------------------------------------------------------- XII. MY ACCOUNT ---------------------------------------------------------------------------------------------------------------------*/ .woocommerce form.login, .woocommerce form.register{ border-width: 0; padding: 0; margin: 0; } #customer_login h2, .account-content h2{ margin-bottom: 30px; } /*** Login/Register ***/ .woocommerce #customer_login, .woocommerce form.track_order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password{ margin-left: auto; margin-right: auto; } .main-content-fullwidth .woocommerce #customer_login, .layout-fullwidth .woocommerce #customer_login{ max-width: 1270px; } .woocommerce form.login, .woocommerce form.register{ max-width: 550px; } .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 #customer_login form.login .button, .woocommerce #customer_login form.register .button{ margin-top: 6px; } .woocommerce form .show-password-input, .woocommerce-page form .show-password-input{ right: 20px; top: 15px; } .woocommerce-MyAccount-content p > a{color: inherit;text-decoration: none;} .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label{font-weight: inherit;} .woocommerce #customer_login .woocommerce-form-login .woocommerce-form-login__rememberme{margin: 18px 0 0;} 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, .woocommerce-account .woocommerce-MyAccount-navigation{ margin-top: 15px; } .woocommerce-account .woocommerce-MyAccount-navigation ul{ margin: 0 0 53px; padding: 0; overflow: visible; display: flex; flex-wrap: wrap; line-height: 0; position: relative; gap: 50px; border-width: 0 0 1px 0; border-style: solid; } .woocommerce-account .woocommerce-MyAccount-navigation ul li{ list-style: none; padding: 0 0 20px 0; position: relative; z-index: 1; border-width: 0; border-radius: 0; background: transparent !important; transition: 300ms ease 0s; text-transform: uppercase; } .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(--nooni-primary-color);} .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active:after{left: 0;right: 0;border-color: var(--nooni-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;} header.woocommerce-Address-title{ width: 100%; display: flex; flex-wrap: wrap; } .woocommerce-account .addresses .title .edit{ float: none; display: inline-block; text-decoration: none; color: inherit; font-weight: bold; text-transform: uppercase; font-size: 0.86rem; margin: 0 0 0 auto; /*rtl*/ } .woocommerce-account .addresses .title .edit:hover{color: var(--nooni-primary-color);} .woocommerce-account .addresses .title .edit:before{ font-size: 10px; display: inline-block; vertical-align: 1px; margin: 0 5px 0 0; /*rtl*/ } .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: 50px; display: flex; flex-flow: row wrap; } .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .button{ padding: 0; min-width: 0; background: transparent; color: inherit; border: 0; text-decoration: none; } .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: 2; } .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%; } .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; } 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; } .woocommerce .woocommerce-customer-details address{ border-width: 0; border-radius: 0; clear: both; padding: 0; line-height: 2; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before{ position: static; margin: 0 5px 0 0; /*rtl*/ padding: 0; font-size: 1.3em; 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(--nooni-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(--nooni-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{font-weight: normal;} .woocommerce td.product-name .wc-item-meta li{list-style: none;} .woocommerce-order-details .woocommerce-order-details__title{margin-bottom: 35px;} /*-------------------------------------------------------------------------------------------------------------------- XIV. BLOG ---------------------------------------------------------------------------------------------------------------------*/ .list-posts:after, .ts-blogs:after, .entry-meta-middle:after, .entry-meta-bottom:after, .site-content > article:after{ content: ""; clear: both; display: table; } .tagcloud .tag-link-count{ font-weight: normal; } /*** Filters Bar ***/ ul.filter-bar{ text-align: center; text-transform: uppercase; font-size: 12px; } ul.filter-bar li{ margin: 0 15px 15px 0; /*rtl*/ display: inline-block; padding: 0; } ul.filter-bar li:last-child{ margin-right: 0; /*rtl*/ } ul.filter-bar li:hover, ul.filter-bar li.current{ text-decoration: underline; cursor: pointer; } ul.filter-bar li.current{ cursor: default; } /*** Blog Grid ***/ .list-posts, .ts-blogs .items.blogs{ display: flex; flex-wrap: wrap; } .list-posts article{ width: 100%; } .list-posts article, .ts-blogs .items article{ margin-bottom: 80px; position: relative; } .ts-blogs.related-posts .items article:first-child:last-child{ max-width: 50%; } .ts-blogs.ts-slider .items article{ margin-bottom: 0; } /*** Blog List ***/ .item-list .quote-wrapper, .item-list .quote-wrapper blockquote{ width: 100%; height: 100%; } .item-list .quote-wrapper blockquote{ padding: 20px 10%; display: flex; flex-flow: column wrap; justify-content: center; } .item-list .content-wrapper{ overflow: hidden; } .list-posts.item-list article, .ts-blogs.item-list .items .article-content{ display: flex; flex-flow: row wrap; align-items: center; gap: 30px; } .item-list article .entry-format, .item-list article .thumbnail-content{ width: 58%; } .item-list article .entry-content{ flex: 1; } /*** Slider Partial View ***/ .ts-blogs.item-list.partial-view:not(.columns-1) .items{width: 164%;} /**/ .columns-3 .list-posts, .columns-2 .list-posts{ margin-left: -15px; margin-right: -15px; } .columns-3 .list-posts article, .columns-2 .list-posts article{ padding-left: 15px; padding-right: 15px; } .ts-blogs.columns-2 .items article, .columns-2 .list-posts article{ width: 50%; } .ts-blogs.columns-3 .items article, .columns-3 .list-posts article{ width: 33.33333%; } .ts-blogs.columns-4 .items article, .columns-4 .list-posts article{ width: 25%; } .ts-blogs .blogs article .thumbnail-content a.thumbnail{ display: block; } .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.4); } 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: 8px solid rgba(217,217,217,0.4); border-radius: 50%; object-fit: cover; transition: 300ms ease; } a.vcard.author:hover img, .wp-block-post-author__avatar:hover img{ transform: scale(1.1); box-shadow: 0 0 10px rgba(0,0,0,0.1); } .ts-blogs-widget-wrapper a.vcard.author img{ width: 40px; height: 40px; border-width: 6px; } .list-posts article .entry-content, .ts-blogs .items article.video .entry-content, .ts-blogs .items article.has-post-thumbnail .entry-content{ margin-top: 39px; } .list-posts article .entry-content.no-featured-image{ margin-top: 0; } .columns-2 .list-posts article .entry-content, .ts-blogs.columns-2 .items article.video .entry-content, .ts-blogs.columns-2 .items article.has-post-thumbnail .entry-content{ 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; } .ts-blogs.columns-1 .items{ margin-left: 0; margin-right: 0; } .ts-blogs.columns-1 .items .item{ padding-left: 0; padding-right: 0; } .ts-product-brand-wrapper .item > a, .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, .ts-product-brand-wrapper .item > a, .list-posts article .entry-format figure, .ts-blogs article .thumbnail-content figure{ overflow: hidden; } .post_list_widget li .thumbnail img, .list-posts article.has-post-thumbnail .thumbnail img, .ts-blogs article.has-post-thumbnail .thumbnail img{width: 100%;transition: 500ms ease;} .post_list_widget li .thumbnail:hover img, .list-posts article.has-post-thumbnail .thumbnail:hover img, .ts-blogs article.has-post-thumbnail .thumbnail:hover img{transform: scale(1.1);} .list-posts article .thumbnail.gallery .swiper-wrapper img, .ts-blogs article .thumbnail.gallery .swiper-wrapper img{-o-object-fit: cover;object-fit: cover;} .list-posts article header .heading-title, .ts-blogs article header .heading-title{ margin-bottom: 15px; font-weight: normal; letter-spacing: 0.025em; } .list-posts article header .heading-title a:hover, .ts-blogs article header .heading-title a:hover{ color: var(--nooni-primary-color); } article header:last-child .heading-title{ margin-bottom: 0 !important; } .list-posts article .entry-content > .entry-summary:not(:last-child), .ts-blogs article .entry-content > .excerpt:not(:last-child){ margin-bottom: 12px; } .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 td{ border-bottom-width: 0; } .entry-summary .short-content > .wp-block-button.alignleft:nth-last-child(2){ margin-bottom: 0 !important; } .entry-meta-top{ text-transform: uppercase; line-height: 18px; } .ts-blogs .entry-meta-top, .list-posts .entry-meta-top{ margin-top: 25px; margin-bottom: 19px; letter-spacing: 0.025em; } .ts-blogs article:not(.has-post-thumbnail) .entry-meta-top, .list-posts .no-featured-image .entry-meta-top{ margin-top: 0; } .ts-blogs.item-list .entry-meta-top, .list-posts.item-list .entry-meta-top{ margin-top: 0; } .ts-blogs .entry-meta-top:last-child, .list-posts .entry-meta-top:last-child{ margin-bottom: 0; } .entry-meta-top .cats-link{ display: inline; } .entry-meta-top .comment-count{ margin-left: auto; /*rtl*/ display: inline-block; } .entry-meta-top .comment-count:before{ font-size: 130%; display: inline-block; vertical-align: -3px; } /*fix unit test*/ .list-posts article.sticky{ padding: 50px; border-width: 5px; border-style: solid; background: var(--nooni-gray-bg); } .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;} /**/ .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{ position: relative; display: inline-block; vertical-align: bottom; background: transparent !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; min-width: 0 !important; width: auto !important; margin: 3px 0 0; } body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .button:hover, .woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover, .woocommerce-page .woocommerce-error .button:hover, .woocommerce-page .woocommerce-info .button:hover, .woocommerce-page .woocommerce-message .button:hover{ color: var(--nooni-primary-color) !important; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{ font-size: 90%; } /*-------------------------------------------------------------------------------------------------------------------- 1. BLOG DETAIL ---------------------------------------------------------------------------------------------------------------------*/ .heading-wrapper, .heading-shortcode, .theme-title{ margin: 0 0 50px 0; } .woocommerce .cross-sells, .woocommerce .up-sells, .woocommerce .related, .woocommerce.related{ margin: 0 0 80px 0 !important; } .woocommerce .cross-sells > h2, .woocommerce .up-sells > h2, .woocommerce .related > h2, .woocommerce.related > h2{ margin: 0 0 50px 0; } .elementor-widget-wp-widget-ts_instagram h5, .ts-shortcode .shortcode-heading-wrapper{ margin-bottom: 43px; } .ts-shortcode .shortcode-heading-wrapper:empty{ margin-bottom: 0 !important; } .ts-product-deals-wrapper.show-counter-today .shortcode-heading-wrapper{ margin-bottom: 48px; } .theme-title .heading-title, .comments-title .heading-title, #commentform .form-submit, .shortcode-heading-wrapper .shortcode-title{ margin-top: -6px; margin-bottom: 0; } .title-align-left .shortcode-heading-wrapper .shortcode-title{ text-align: left; } .title-align-center .shortcode-heading-wrapper .shortcode-title{ text-align: center; } .title-align-right .shortcode-heading-wrapper .shortcode-title{ text-align: right; } .ts-shortcode .shortcode-heading-wrapper .sub-title{ text-transform: uppercase; line-height: 1; margin-bottom: 0; } .ts-shortcode .shortcode-heading-wrapper .shortcode-title + .sub-title{ margin-top: 10px; } /*** Entry Format ***/ header > .entry-title{ -ms-word-wrap: break-word; word-wrap: break-word; } .entry-header .entry-format{ position: relative; overflow: hidden; } .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; } .entry-header .entry-format .ts-video, .entry-header .entry-format .ts-audio{ overflow: hidden; } .entry-meta-middle > *, .entry-meta-bottom > *{ padding: 2px 0; } .page-container.thumbnail-parallax{ position: relative; } .page-container.thumbnail-parallax .entry-header{ width: 100%; position: relative; margin-bottom: 60px; overflow: hidden; } .page-container.thumbnail-parallax > *:not(.entry-header){ position: relative; z-index: 3; } .page-container.thumbnail-parallax .entry-header .entry-format{ height: 38vw; overflow: hidden; } .page-container.thumbnail-parallax:before{ content: ''; position: absolute; top: 38vw; width: 100vw; left: calc(50% - 50vw); right: auto; bottom: 0; z-index: 3; background-color: var(--nooni-main-bg); } .page-container.thumbnail-parallax .entry-header .thumbnail.gallery, .page-container.thumbnail-parallax .entry-header .ts-video, .page-container.thumbnail-parallax .entry-header figure > img{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .page-container.thumbnail-parallax .entry-format{ width: 100%; height: 100%; margin-bottom: 0; } .page-container.thumbnail-parallax .entry-format figure.gallery.swiper .swiper-pagination{ display: none; } .page-container.thumbnail-parallax .entry-format figure.gallery.swiper{ z-index: 0; } .page-container.thumbnail-parallax .entry-format figure.gallery.swiper .swiper-slide{ object-fit: cover; } /*** 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; color: inherit; } .author a{ text-decoration: none; } .tags-link a:hover, .cats-link a:hover, .brands-link a:hover, .wp-block-tag-cloud a:hover, .tagcloud a:hover{ text-decoration: none; color: var(--nooni-primary-color); } .tagcloud:after, .wp-block-tag-cloud:after, .tags-link:after{ content: ''; clear: both; display: table; } .tags-link a, .wp-block-tag-cloud a, .tagcloud a{ text-align: center; padding: 7px 18px; font-size: 14px !important; line-height: 18px !important; margin: 0 10px 10px 0; /*rtl*/ float: left; /*rtl*/ border-width: 1px; border-style: solid; border-color: var(--nooni-tag-border); background-color: var(--nooni-tag-bg); color: var(--nooni-tag-color); text-decoration: none !important; } .tags-link a:hover, .wp-block-tag-cloud a:hover, .tagcloud a:hover{ text-decoration: none !important; background-color: var(--nooni-text-color); color: var(--nooni-main-bg); } blockquote cite, .entry-meta-top, .entry-meta-middle, .entry-meta-bottom{ display: flex; flex-flow: row wrap; align-items: center; text-transform: uppercase; } blockquote cite{line-height: 1;} blockquote cite > *, .entry-meta-top > *, .entry-meta-middle > *, .entry-meta-bottom > *{ margin-right: 25px; /*rtl*/ } .ts-blogs-widget-wrapper .entry-meta-top > *{ margin-right: 15px; /*rtl*/ } .ts-blogs-widget-wrapper .entry-meta-top > *:last-child, blockquote cite > *:last-child, .entry-meta-top > *:last-child, .entry-meta-middle > *:last-child, .entry-meta-bottom > *:last-child{ margin-right: 0; /*rtl*/ } .entry-content > .tags-link{ margin-top: 20px; } .entry-meta-bottom > .cats-link{ display: inline; } .elementor-text-editor > ul:last-child > li:last-child{ padding-bottom: 0 !important; } /*** Meta bottom ***/ .single .meta-bottom-1, .single .meta-bottom-2{ display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; } .single .meta-bottom-2 > *{ width: 50%; } .single .meta-bottom-1 > *:first-child{flex: 1;} .single .meta-bottom-1 > *:first-child, .single .meta-bottom-2 > *:first-child{ padding-right: 30px; /*rtl*/ } .single .meta-bottom-1 > *:last-child, .single .meta-bottom-2 > *:last-child{ text-align: end; padding-left: 30px; /*rtl*/ } .single .meta-bottom-1 > *:first-child:last-child, .single .meta-bottom-2 > *:first-child:last-child{ padding-left: 0; padding-right: 0; } .single .meta-bottom-1, .single .meta-bottom-2{ padding-top: 30px; border-width: 1px 0 0; border-style: solid; margin-bottom: 30px; } .single .meta-bottom-1{ margin-bottom: 20px; } body #st-el-4 .st-btns{ overflow: auto; } body #st-1.st-has-labels .st-btn{ min-width: 70px; } body #st-1 .st-btn > span{ min-width: 30px; padding: 0 0 0 5px;/* rtl */ margin: 0 0 0 5px;/* rtl */ position: relative; } body #st-1 .st-btn > span:before{ position: absolute; left: 0; top: 8px; bottom: 8px; content: ""; width: 1px; background: rgba(0,0,0,0.1); } body #st-1 .st-btn:hover{ top: 0; opacity: 0.8; } .single-post .single-navigation > a{ color: inherit; display: block; position: relative; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .single-navigation > a:before{ position: absolute; top: 50%; left: 0; /*rtl*/ margin-top: -7px; transition: 300ms ease; display: inline-block; vertical-align: middle; } .single-post .single-navigation.prev > a{ padding-left: 20px; /*rtl*/ } .single-post .single-navigation.next > a{ padding-right: 20px; /*rtl*/ } .single-navigation.next > a:before{ right: 0; /*rtl*/ left: auto; /*rtl*/ } /*** Author ***/ .entry-author{ display: table; table-layout: fixed; width: 100%; padding: 30px; clear: both; border-width: 1px; border-style: solid; } .entry-author > *{ display: table-cell; vertical-align: middle; } .entry-author .author-avatar{ width: 150px; overflow: hidden; vertical-align: top; padding-right: 30px; /* rtl */ } .entry-author .author-avatar img{ width: 100%; border-width: 2px; border-style: solid; border-radius: 100%; } .entry-author .author-info .role{ text-transform: capitalize; color: var(--nooni-gray-color); } .entry-author .author-info .author{ margin-right: 10px; /* rtl */ display: inline-block; text-transform: capitalize; } .entry-author .author-info p{ margin: 10px 0 0 0; color: var(--nooni-gray-color); } .entry-author .author a:hover{ text-decoration: none; } /*** Comments ***/ .comments-area .heading-title > span{ margin-right: 15px; /*rtl*/ } .logged-in-as a{ color: inherit; text-decoration: underline; } .logged-in-as a:hover{ color: inherit; text-decoration: none; } .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*/ } .comments-area > #comment-wrapper{margin-top: 50px;} .comments-area > #comment-wrapper:first-child{margin-top: 0;} .single-post .comments-area{margin-top: 55px;} #comment-wrapper .heading-wrapper, #comment-wrapper #commentform > p:not(.form-submit){ margin-bottom: 53px; } #comment-wrapper #commentform > p:first-child{ margin-top: -35px; } .commentlist li #comment-wrapper #commentform > p:first-child{ margin-top: -20px; } .woocommerce #reviews #comments h2{ margin-bottom: 15px; } #comment-wrapper .heading-title{ margin-bottom: 0; } #comment-wrapper .heading-title + p{ margin-top: 20px; margin-bottom: 0; } #comment-wrapper .heading-title small{ font-size: 60%; margin-left: 20px; /*rtl*/ letter-spacing: 0; } .woocommerce #review_form #respond .form-submit input, #commentform .form-submit .button{ min-width: 0; width: 100%; vertical-align: top; } .comments-area .commentlist{ margin: 0; } .comments-area:not(:last-child) .commentlist{ margin-bottom: 70px; } .commentlist *{ border-color: #d6d6d6; } .commentlist ol.children{ margin: 0; padding: 0 0 0 120px; /*rtl*/ border-width: 1px 0 0; border-style: solid; } .commentlist ol.children ol.children{ padding: 0 0 0 90px; /*rtl*/ } .commentlist li.comment, .woocommerce #reviews #comments ol.commentlist li{ padding: 0; margin: 0; border-top: 1px solid #d6d6d6; list-style: none; } .woocommerce #reviews #comments ol.commentlist ul.children{ margin-top: 20px; margin-bottom: 20px; } .commentlist > li.pingback + li.comment{ margin-top: 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; } .woocommerce #reviews #comments ol.commentlist li .comment-text{ margin: 0; border: none; border-radius: 0; padding: 0; display: flex; flex-flow: row wrap; align-items: center; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{ order: 1; margin-left: auto; /*rtl*/ } .woocommerce #reviews #comments ol.commentlist li .comment-text .description{ width: 100%; order: -1; margin-bottom: 18px; } .woocommerce #reviews ol.commentlist li .comment_container .avatar, .commentlist li.comment .comment-wrapper div.avatar{ width: 120px; margin-right: 30px; /*rtl*/ } .woocommerce #reviews ol.commentlist li .comment_container, .commentlist li.comment .comment-wrapper{ display: flex; flex-flow: row wrap; padding: 30px 0; letter-spacing: 0.025em; position: relative; } .woocommerce #reviews ol.commentlist li .comment_container{align-items: center;} .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:last-child .comment_container, .commentlist > li.comment:last-child > .comment-wrapper{ padding-bottom: 0; } .woocommerce #reviews ol.commentlist li .comment-text, .commentlist li.comment .comment-detail{ flex: 1; color: var(--nooni-gray-color); align-self: center; } .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: 120px; height: 120px; border-radius: 50%; border: 8px solid #efefef; object-fit: cover; } .woocommerce #reviews #comments ol.commentlist li img.avatar{ position: static; padding: 0; margin: 0 30px 0 0; /*rtl*/ } .commentlist ol.children li.comment .comment-wrapper div.avatar{ width: 90px; } .commentlist ol.children li.comment .comment-wrapper .avatar img{ width: 90px; height: 90px; } .commentlist li.comment .comment-detail .comment-awaiting-moderation{ width: 100%; font-size: 80%; line-height: 1.4; color: #9aa9af; margin-top: 10px; display: block; padding-left: 5px; /*rtl*/ border-left: 2px solid #d10202; /*rtl*/ letter-spacing: 0.025em; } .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-meta-actions{ display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; margin-top: 18px; } .date-time,.wp-block-post-date time{ text-transform: uppercase; color: var(--nooni-text-color); } .comment-meta .date-time{ color: var(--nooni-gray-color); } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta > *, .comment-meta > *{ margin-right: 17px; /*rtl*/ } .comment-meta-actions, .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ font-size: 13px; text-transform: uppercase; } .woocommerce-review__author{ font-weight: normal; } .woocommerce-review__author, .comment-meta .author a, .comment-actions a{ color: var(--nooni-text-color); } .comment-meta .author a:hover, .comment-actions a:hover{ color: var(--nooni-link-hover-color); text-decoration: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta > .woocommerce-review__dash{display: none;} .commentlist li #comment-wrapper{ margin-bottom: 30px; } .commentlist li #comment-wrapper p.logged-in-as{ margin-bottom: 10px; } .commentlist li #comment-wrapper .heading-wrapper{ margin-bottom: 30px; } .commentlist .children li:last-child{ border-bottom-width: 0; } #cancel-comment-reply-link{ font-weight: normal; } .comment-actions > *:not(:last-child){ margin-right: 20px; /*rtl*/ } .comment-actions > *, .comment-actions a{ line-height: 1; text-transform: uppercase; } .comment-actions a:after{ margin-left: 5px; /*rtl*/ font-size: 150%; display: inline-block; vertical-align: -3px; } #commentform .info-wrapper, #commentform{ display: flex; flex-flow: column wrap; } #commentform .info-wrapper{ flex-direction: row; margin-left: -15px; margin-right: -15px; } #commentform .info-wrapper > *{ flex: 1; padding: 0 15px; } #commentform .info-wrapper > p, #commentform .message-wrapper > p{ margin-bottom: 30px; } #commentform input:not([type="submit"]), #commentform textarea{ margin: 0; border-color: #000000; } #commentform input:not([type="submit"]), #commentform textarea{ background: transparent; } #comment-wrapper #commentform #comment, .woocommerce #reviews #comment{ height: 230px; padding: 20px 25px; } #commentform .form-submit{ text-align: center; margin-bottom: 0; } /**/ #comments + #review_form_wrapper{ margin-top: 53px; } #review_form_wrapper .comment-reply-title{ display: block; text-align: center; margin-bottom: 24px; } .woocommerce #review_form #respond p.stars{ margin: -5px 0 0; } .woocommerce #review_form #respond p.comment-notes{ text-align: center; margin-bottom: 24px; margin-top: -5px; } #review_form_wrapper .comment-form-rating, .woocommerce #review_form #respond .comment-form{ display: flex; flex-flow: row wrap; } .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 .form-submit{ margin-bottom: 0; } .woocommerce #review_form #respond .comment-form > .comment-form-email, .woocommerce #review_form #respond .comment-form > .comment-form-author{ width: calc(50% - 15px); } .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: 20px; } .woocommerce #review_form #respond .comment-form input{ margin-bottom: 0; } .woocommerce #review_form #respond .comment-form .comment-form-rating{ align-items: center; justify-content: center; margin-bottom: 50px; } .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; } .single-related-wrapper{ padding-top: 84px; } .entry-author-wrapper + .single-related-wrapper, .meta-bottom-2 + .single-related-wrapper{ padding-top: 0; border-width: 0; } .ts-shortcode .items{ margin-left: -15px; margin-right: -15px; } .ts-shortcode .items .item{ padding-left: 15px; padding-right: 15px; } /*------------------------------------------------------------------------------------------------------------------- XV. PAGE TEMPLATE ---------------------------------------------------------------------------------------------------------------------*/ /*** Page 404 ***/ body.error404 #main .breadcrumb-title-wrapper.no-title ~ .page-container, body.error404 #main > .page-container{ padding-top: 120px; padding-bottom: 150px; } body.error404 .not-found{ text-align: center; margin: 0 auto; max-width: 660px; } body.error404 .not-found > i{ font-size: 106px; line-height: 1; margin-bottom: 20px; display: inline-block; } body.error404 .not-found h1{ margin-bottom: 20px; line-height: 1.5 !important; } body.error404 .not-found p{ line-height: 28px; margin-bottom: 0; color: #808080; margin-bottom: 32px; } body.error404 .not-found a.button{ padding: 17px 40px; display: inline-block; } body.error404 .image-404{ position: relative; overflow: hidden; text-align: center; margin-bottom: 40px; } body.error404 .image-404 .text-clipping{ font-size: 250px; line-height: 1; letter-spacing: 0.05em; font-weight: bold; text-align: center; display: inline-block; } body.error404 .image-404 .text-clipping + img{ width: 100%; height: auto; min-height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; height: 100%; transform: translate(-50%,-50%); max-width: none; mix-blend-mode: lighten; } /*------------------------------------------------------------------------------------------------------------------- XVI. RESPONSIVE ---------------------------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 768px){ .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title{ flex-direction: row; align-items: center; justify-content: space-between; padding: 44px 0; } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumbs,.breadcrumb-title-wrapper.breadcrumb-v2 .page-title + .breadcrumbs{margin-bottom: 0;} body .ts-shortcode .swiper-button-prev{ left: 15px; /*rtl*/ } body .ts-shortcode .swiper-button-next{ right: 15px; /*rtl*/ } .align-right .ts-language-switcher .wpml-ls-sub-menu, .align-right .ts-currency-switcher ul, .align-right .ts-language-switcher.dropdown-up .wpml-ls-sub-menu, .align-right .ts-currency-switcher.dropdown-up ul{ right: 0; /*rtl*/ left: auto; /*rtl*/ margin: 0; } /*** Shop Filter ***/ .filter-widget-area-button, .no-sidebar .filter-widget-area-button + .overlay{display: none;} .no-sidebar #main-content .filter-widget-area-button{display: inline-block;} .style-dropdown #ts-filter-widget-area .ts-sidebar-content{ position: absolute; top: calc(100% + 6px); left: 0; right: 0; bottom: auto; transform: none; width: 100%; padding: 25px 30px 30px; display: none; box-shadow: none; border-width: 1px; border-style: solid; } .style-dropdown #ts-filter-widget-area.active .ts-sidebar-content{ 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_to_bottom; -moz-animation-name: animation_to_bottom; animation-name: animation_to_bottom; transform-origin: 0 0 0; } .style-dropdown #ts-filter-widget-area .ts-sidebar-content .filter-widget-area{ display: flex; flex-flow: row wrap; align-items: flex-start; } .style-dropdown #ts-filter-widget-area .close, .style-dropdown #ts-filter-widget-area .overlay{ display: none; } .style-dropdown .ts-sidebar-content .filter-widget-area > section{ width: 100%; margin: 0 !important; } .woocommerce-page .style-dropdown #ts-filter-widget-area .widget-container .widget-title-wrapper{ padding: 0; background: transparent; color: inherit; } .woocommerce-page .style-dropdown #ts-filter-widget-area .widget-container .widget-title-wrapper ~ *{ padding: 15px 0 30px; border-bottom: 1px dashed var(--nooni-border); margin-bottom: 25px; } .woocommerce-page .style-dropdown #ts-filter-widget-area .widget-container:last-child .widget-title-wrapper ~ *{ border-width: 0; padding-bottom: 0; margin-bottom: 0; } .woocommerce-page .style-dropdown #ts-filter-widget-area .widget-container ul, .woocommerce-page .style-dropdown #ts-filter-widget-area .widget_product_categories > ul, .woocommerce-page .style-dropdown #ts-filter-widget-area .ts-product-categories-widget-wrapper > ul, .woocommerce-page .style-dropdown #ts-filter-widget-area .product-filter-by-brand-wrapper > ul, .woocommerce-page .style-dropdown #ts-filter-widget-area .product-filter-by-color > ul, .woocommerce-page .style-dropdown #ts-filter-widget-area .product-filter-by-price ul, .woocommerce-page .style-dropdown #ts-filter-widget-area .woocommerce-widget-layered-nav-list{ display: flex; flex-wrap: wrap; align-items: center; gap: 20px 40px; } .woocommerce-page .style-dropdown #ts-filter-widget-area .widget-container ul li, .woocommerce-page .style-dropdown #ts-filter-widget-area .widget_rating_filter ul li, .woocommerce-page .style-dropdown #ts-filter-widget-area .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item{ padding-top: 0; padding-bottom: 0; } /*** Tabs Inside Summary ***/ .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs{ margin: 0 0 30px; font-size: 1.2em; justify-content: flex-start; } #page div.product.tabs-in-summary .woocommerce-tabs ul.tabs:after{ left: 0; right: 0; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs li{ margin: 0; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs li > a{ padding: 10px 15px; } .woocommerce .product.tabs-in-summary #reviews #comments ol.commentlist li img.avatar{ width: 90px; height: 90px; margin: 0 20px 0 0; /*rtl*/ } .woocommerce .product.tabs-in-summary #reviews #comments ol.commentlist li .comment-text .description{ margin-bottom: 10px; } .woocommerce .product.tabs-in-summary #comments + #review_form_wrapper{ margin-top: 0; } .woocommerce .product.tabs-in-summary #reviews .woocommerce-product-rating{ margin-bottom: 30px; } div.product > .woocommerce-tabs .ts-dimensions-content ul li{ width: 50%; } /*** SHOPPING CART ***/ .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 tr, .woocommerce table.shop_table.woocommerce-cart-form__contents tr{ display: flex; justify-content: space-between; align-items: center; 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, .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; padding: 30px 0; margin: 0 30px 0 0; /*rtl*/ } body .wishlist_table tr td, body .wishlist_table tr th.product-checkbox{ text-align: inherit; } body .shop_table tr td.product-remove{ text-align: end; /*rtl*/ } .woocommerce table.shop_table.wishlist_table .product-remove, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-remove, .woocommerce table.shop_table.wishlist_table th:last-child, .woocommerce table.shop_table.wishlist_table td:last-child, .woocommerce table.shop_table.woocommerce-cart-form__contents th:last-child, .woocommerce table.shop_table.woocommerce-cart-form__contents td:last-child{ margin-right: 0; /*rtl*/ } .woocommerce table.shop_table.wishlist_table th, .woocommerce table.shop_table.woocommerce-cart-form__contents th{ padding: 0 0 22px; } .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; text-align: start; } .woocommerce table.shop_table.wishlist_table .product-add-to-cart{ width: 200px; min-width: 200px; } .woocommerce table.shop_table.wishlist_table .product-price, .woocommerce table.shop_table.wishlist_table .product-stock-status{ width: 200px; min-width: 150px; } .woocommerce table.shop_table.woocommerce-cart-form__contents .product-price, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-quantity, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-subtotal{ width: 100px; min-width: 100px; } .woocommerce table.shop_table td del{ margin-right: 10px; /*rtl*/ } .woocommerce table.shop_table td del .amount.woocommerce-Price-amount{ font-size: 100%; line-height: 20px; font-weight: normal; } #add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail{ width: 80px; min-width: 80px; } .woocommerce table.shop_table.wishlist_table .product-remove, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-remove{ order: 100; width: 70px; text-align: right; /*rtl*/ } .wishlist_table.mobile li:first-child{ padding-top: 0; } .wishlist_table.mobile li:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom-width: 0; } } @media only screen and (min-width: 1279px){ .vertical-menu-sidebar li:hover > ul.sub-menu{ -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: slide_down; -moz-animation-name: slide_down; animation-name: slide_down; -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; display: block !important; } #vertical-menu-sidebar, #vertical-menu-sidebar ul li{ font-size: var(--nooni-sidebar-menu-font-size); line-height: var(--nooni-sidebar-menu-line-height); } #vertical-menu-sidebar ul ul.sub-menu li{ font-size: var(--nooni-sidebar-submenu-font-size); line-height: var(--nooni-sidebar-submenu-line-height); } .filter-widget-area-button a{font-size: 1rem;} .filter-widget-area-button > a:before{font-size: 26px;top: 6px;margin-right: 10px; /*rtl*/} .eff-wave-countdown:hover .ts-countdown.style-2 .counter-wrapper > div:nth-child(1),.eff-wave-countdown:hover .ts-countdown.style-2 .counter-wrapper > div:nth-child(5){animation: bounce 1s ease;} .eff-wave-countdown:hover .ts-countdown.style-2 .counter-wrapper > div:nth-child(3),.eff-wave-countdown:hover .ts-countdown.style-2 .counter-wrapper > div:nth-child(7){animation: bounce2 1s ease;} .eff-wave-countdown:hover .ts-countdown.style-2 .counter-wrapper > div:nth-child(3){animation-delay: 100ms;} .eff-wave-countdown:hover .ts-countdown.style-2 .counter-wrapper > div:nth-child(5){animation-delay: 200ms;} .eff-wave-countdown:hover .ts-countdown.style-2 .counter-wrapper > div:nth-child(7){animation-delay: 300ms;} .noticeMarquee > div > p{padding: 0 90px;} .columns-1 .item-list .article-content,.ts-blogs.item-list.partial-view.columns-2 .article-content,.item-list.columns-1 .article-content{gap: 48px;} .woocommerce nav.woocommerce-pagination{margin-top: 15px;margin-bottom: 75px;} .comments-area{margin-bottom: 80px;} body.page article.page + .comments-area{margin-top: 70px;} .ts-shop-load-more,.ts-shop-result-count{margin-bottom: 80px;} .ts-shop-result-count + .ts-shop-load-more{margin-top: -65px;} body .swiper-button-next,body .swiper-button-prev{ width: 50px; height: 50px; opacity: 0; visibility: hidden; } body .ts-shortcode .swiper-button-prev{left: 25px; /*rtl*/} body .ts-shortcode .swiper-button-next{right: 25px; /*rtl*/} body .swiper:hover .swiper-button-next,body .swiper:hover .swiper-button-prev{opacity: 1;visibility: visible;} body .swiper-button-next:after, body .swiper-button-prev:after{line-height: 50px;font-size: 24px;} .woocommerce div.product div.summary{padding-left: 50px; /*rtl*/} .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs{ order: -1; flex-direction: column; margin: 0 10px 0 0; /*rtl*/ } .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs li{ width: 100%; padding: 0 0 10px; float: none; } .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs li:last-child{padding-bottom: 0;} .woocommerce.main-products.list > .products .short-description.list{margin-top: 22px;} .woocommerce.main-products.list .product h3.product-name{margin-bottom: 22px;} .woocommerce.main-products.list > .products .product-group-button-meta{margin-top: 25px;} .ts-sidebar .search-table .search-field input[type="text"],.ts-sidebar .wp-block-search .wp-block-search__input,.ts-sidebar .woocommerce-product-search .search-field{padding-top: 17px; padding-bottom: 17px;} .ts-pagination > ul{margin-bottom: 75px;} article.single-post.image > header, article.single-post.audio > header, article.single-post.chat > header, article.single-post.status > header, article.single-post.link > header, article.single-post.video > header, article.single-post.aside > header, article.single-post.no-featured-image > header{margin-bottom: 60px;} article.single-post.image > header{margin-bottom: 60px;} .comments-area > #comment-wrapper{margin-top: 75px;} /*** Grid ***/ .woocommerce div.product.gallery-layout-grid .woocommerce-product-gallery{width: 50%;} .woocommerce div.product.gallery-layout-grid div.summary{ width: 50%; position: -webkit-sticky; position: sticky; top: 0; transition: top 200ms ease 0s; } .woocommerce div.product.gallery-layout-grid .product-images-summary div.images img.zoomImg{ display: none !important; } .woocommerce div.product.gallery-layout-grid div.images .woocommerce-product-gallery__image{ width: 100%; display: block; margin-bottom: 10px; } .woocommerce div.product.gallery-layout-grid div.images .woocommerce-product-gallery__image:last-child{ margin-bottom: 0; } /*** Style Vertical ***/ .woocommerce div.product.gallery-layout-vertical.has-gallery div.images{position: relative;padding-left: 110px; /*rtl*/} .woocommerce div.product.gallery-layout-vertical.has-gallery div.images.loading:after{margin-left: 37px; /*rtl*/} .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs{ width: 100px; position: absolute; top: 0; bottom: 0; left: 0; /*rtl*/ margin: 0; overflow-y: auto; cursor: grab; display: block; } #ts-quickshop-modal div.product .flex-control-thumbs::-webkit-scrollbar-thumb, #page div.product .flex-control-thumbs::-webkit-scrollbar-thumb{ background-color: #ccc; } .header-store-notice:only-child .swiper-slide{ padding: 0 7vw; } .no-sidebar #main-content.style-sidebar.show-filter-default .filter-widget-area-button{ display: none; } ul.filter-bar{ margin-bottom: 40px; } .woocommerce table.shop_table.woocommerce-cart-form__contents .product-price, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-quantity, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-subtotal{ width: 13%; } .wishlist_table tr td.product-thumbnail, #add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail{ width: 120px; min-width: 120px; } .wishlist_table tr td.product-thumbnail a{max-width: 100%;} .single-post .comments-area{margin-top: 75px;} .single-post .meta-bottom-1 + .comments-area{margin-top: 65px;} .main-content-fullwidth .woocommerce .woocommerce-cart-form, .main-content-fullwidth.woocommerce-checkout #customer_details, .layout-fullwidth .woocommerce .woocommerce-cart-form, .layout-fullwidth.woocommerce-checkout #customer_details{ width: calc(100% - 510px); } .main-content-fullwidth .woocommerce > form.checkout #order_review_heading, .main-content-fullwidth .woocommerce > form.checkout #order_review, .main-content-fullwidth.woocommerce-cart .woocommerce .cart-collaterals, .layout-fullwidth .woocommerce > form.checkout #order_review_heading, .layout-fullwidth .woocommerce > form.checkout #order_review, .layout-fullwidth.woocommerce-cart .woocommerce .cart-collaterals{ width: 450px; } #ts-search-sidebar .search--form{padding-top: 25px;padding-bottom: 25px;} /*Filter sidebar*/ .show-filter-default .filter-widget-area-button{display: none;} .style-sidebar #ts-filter-widget-area .ts-sidebar-content{ left: 0; /*rtl*/ right: auto; bottom: auto; top: calc(100% + 60px); width: 330px; height: auto; overflow: visible; position: absolute; box-shadow: none; padding: 0; opacity: 0; visibility: hidden; transform: scale(0.5,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-dropdown #ts-filter-widget-area .ts-sidebar-content{ padding: 35px 40px 40px; } .woocommerce-page .style-dropdown #ts-filter-widget-area .widget-container .widget-title-wrapper ~ *{ padding-bottom: 40px; margin-bottom: 35px; } .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; } #main-content.style-sidebar.show-filter-sidebar:not(.show-filter-default) #ts-filter-widget-area .ts-sidebar-content, .ts_desktop .style-sidebar.show-filter-default #ts-filter-widget-area .ts-sidebar-content{ 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: 360px; /*rtl*/ } .woocommerce .woocommerce-product-gallery .product-label > span.onsale, .woocommerce .woocommerce-product-gallery .product-label > span{min-width: 70px;min-height: 26px;font-size: 14px;} .woocommerce .woocommerce-product-gallery .product-label span span{padding: 6px 6px 6px calc(6px + 0.05em);} /*** Hover style ***/ .product-hover-vertical-style .thumbnail-wrapper .product-group-button > div.loop-add-to-cart{ height: 50px; line-height: 50px; } .product-hover-horizontal-style .thumbnail-wrapper .product-group-button{ bottom: 0; left: 0; right: 0; padding: 6px; position: absolute; display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-end; } .product-hover-horizontal-style .thumbnail-wrapper .product-group-button > div{ position: relative; top: auto; bottom: auto !important; left: auto; right: auto; margin: 3px; } .product-hover-horizontal-style .thumbnail-wrapper .product-group-button > div.wishlist{ order: 2; } .product-hover-horizontal-style .thumbnail-wrapper .product-group-button > div.loop-add-to-cart{ border-radius: 40px; line-height: 40px; flex: 1; } .product-hover-horizontal-style .thumbnail-wrapper .product-group-button > div.loop-add-to-cart .button-tooltip{ border-radius: 40px; line-height: 40px; flex: 1; font-size: 0.8rem; } .product-hover-horizontal-style .thumbnail-wrapper .product-group-button > div.loop-add-to-cart > a{ padding-left: 0; padding-right: 0; border-radius: 40px; letter-spacing: 0; } .product-hover-horizontal-style .product .product-wrapper:hover .product-group-button > div{ -webkit-animation-name: animation_tranlate_left; -moz-animation-name: animation_tranlate_left; animation-name: animation_tranlate_left; } .product-hover-horizontal-style .product-group-button .button-tooltip{ left: 50%; /*rtl*/ right: auto; /*rtl*/ top: -8px; bottom: auto; position: absolute; font-weight: normal; transform: translate(-50%,-100%); /*rtl*/ } .product-hover-vertical-style .product-group-button > div a .button-tooltip:after{ border-width: 5px 0 5px 5px; /*rtl*/ border-color: transparent transparent transparent var(--nooni-button-thumbnail-hover-bg); /*rtl*/ top: 50%; left: 100%; /*rtl*/ transform: translateY(-50%); } .woocommerce.ts-product-category-wrapper.style-img-large .product-category .product-wrapper .meta-wrapper, .woocommerce.ts-product-category-wrapper.style-img-large .product-category .product-wrapper > a > img{ transition: transform 0.35s; transform-origin: 50% 50%; } .woocommerce.ts-product-category-wrapper.style-img-large .product-category:hover .product-wrapper .meta-wrapper, .woocommerce.ts-product-category-wrapper.style-img-large .product-category:hover .product-wrapper > a > img{ transform: scale3d(0.95,0.95,1); } /*** Group button meta ***/ .product-group-button-meta > div.loop-add-to-cart > a.button:before{ margin-right: 8px; /*rtl*/ font-size: 16px; display: inline-block; vertical-align: -1px; } .product-group-button-meta > .loop-add-to-cart .button.added:before{ font-size: 90%; color: inherit; } } @media only screen and (min-width: 1600px){ .woocommerce #customer_login, .woocommerce form.track_order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password, .woocommerce-account .woocommerce-MyAccount-navigation{margin-top: 50px;} .noticeMarquee > div > p{padding: 0 135px;} .heading-wrapper, .heading-shortcode, .theme-title{margin: 0 0 60px 0;} .woocommerce .cross-sells, .woocommerce .up-sells, .woocommerce .related, .woocommerce.related{margin: 0 0 120px 0 !important;} .woocommerce .cross-sells > h2, .woocommerce .up-sells > h2, .woocommerce .related > h2, .woocommerce.related > h2{margin: 0 0 50px 0;} .elementor-widget-wp-widget-ts_instagram h5,.ts-shortcode .shortcode-heading-wrapper{margin-bottom: 53px;} .ts-product-deals-wrapper.show-counter-today .shortcode-heading-wrapper{margin-bottom: 58px;} .dropdown-container .theme-title{margin-bottom: 50px;} .ts-pagination > ul{margin-top: 37px;margin-bottom: 115px;} .single-post .comments-area{margin-top: 115px;} .comments-area{margin-bottom: 120px;} body.page article.page + .comments-area{margin-top: 110px;} .single-post .meta-bottom-1 + .comments-area{margin-top: 105px;} article.single-post.image > header, article.single-post.audio > header, article.single-post.chat > header, article.single-post.status > header, article.single-post.link > header, article.single-post.video > header, article.single-post.aside > header, article.single-post.no-featured-image > header{margin-bottom: 95px;} .ts-shop-load-more,.ts-shop-result-count{margin-bottom: 75px;} .ts-shop-result-count + .ts-shop-load-more{margin-top: -60px;} .ts-shop-result-count{margin-top: 42px;} .comments-area > #comment-wrapper{margin-top: 114px;} .filter-sidebar--header,.woocommerce-page .style-floating-sidebar #ts-filter-widget-area .widget-container{padding-left: 50px;padding-right: 50px;} .ts-floating-sidebar .ts-sidebar-content{padding: 50px;} #ts-shopping-cart-sidebar .close{top: 48px;right: 42px;} .ts-floating-sidebar .ts-sidebar-content, #ts-shopping-cart-sidebar .ts-sidebar-content{width: 500px;transform: translateX(500px);/* rtl */} #ts-shopping-cart-sidebar.active .ts-sidebar-content{transform: translateX(0);/* rtl */} .vertical-menu-sidebar .ts-sidebar-content{ width: 450px; transform: translateX(-450px); /*rtl*/ padding: 16vh 68px; } .woocommerce nav.woocommerce-pagination{margin-top: 55px;margin-bottom: 70px;} .vertical-menu-sidebar ul.sub-menu{padding-left: 124px; /*rtl*/} .vertical-menu-sidebar .ts-megamenu-fullwidth ul.sub-menu,.vertical-menu-sidebar .ts-megamenu-columns-4 ul.sub-menu{width: calc(100vw - 405px);} .vertical-menu-sidebar ul.sub-menu:before{left: 74px; /*rtl*/} .vertical-menu-sidebar ul.sub-menu ul.sub-menu{padding-left: 106px; /*rtl*/} .vertical-menu-sidebar ul.sub-menu ul.sub-menu:before{left: 56px; /*rtl*/} .widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total, .elementor-widget-wp-widget-woocommerce_widget_cart .total{padding-top: 50px;} .widget-container ul.product_list_widget li, .woocommerce.widget-container ul.product_list_widget li, .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li{padding-bottom: 50px;} ul.products-list li .remove:before, .cart_list li .cart-item-wrapper a.remove: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{font-size: 24px;} .ts-floating-sidebar .ts-tiny-cart-wrapper .cart_list li > a,.woocommerce .ts-floating-sidebar .ts-tiny-cart-wrapper .cart_list li > a{width: 130px;} .page-container.thumbnail-parallax .entry-header .entry-format{height: 41vw;} .page-container.thumbnail-parallax:before{top: 41vw;} .ts-countdown.style-2 .counter-wrapper > div{margin-left: 12px;margin-right: 12px;} .ts-countdown.style-2 .counter-wrapper{margin-left: -12px;margin-right: -12px;} .woocommerce .product-category .product-wrapper > a{width: 160px;} .woocommerce.style-default .product-category .product-wrapper > a{height: 160px;} .woocommerce .product-category .product-wrapper > .meta-wrapper{width: calc(100% - 185px);} .main-content-fullwidth .style-sidebar #ts-filter-widget-area .ts-sidebar-content, .layout-fullwidth .style-sidebar #ts-filter-widget-area .ts-sidebar-content{width: 330px;} .main-content-fullwidth.woocommerce.archive .style-sidebar.show-filter-sidebar #primary > *, .main-content-fullwidth.woocommerce.archive.ts_desktop .style-sidebar.show-filter-default #primary > *, .layout-fullwidth.woocommerce.archive .style-sidebar.show-filter-sidebar #primary > *, .layout-fullwidth.woocommerce.archive.ts_desktop .style-sidebar.show-filter-default #primary > *{padding-left: 430px; /*rtl*/} .main-content-fullwidth.woocommerce.archive .style-sidebar.show-filter-sidebar #primary > .ts-active-filters, .main-content-fullwidth.woocommerce.archive.ts_desktop .style-sidebar.show-filter-default #primary > .ts-active-filters, .layout-fullwidth.woocommerce.archive .style-sidebar.show-filter-sidebar #primary > .ts-active-filters, .layout-fullwidth.woocommerce.archive.ts_desktop .style-sidebar.show-filter-default #primary > .ts-active-filters{padding-left: 0; /*rtl*/} .main-content-fullwidth.woocommerce.archive .style-sidebar.show-filter-sidebar #primary > .before-loop-wrapper:after, .main-content-fullwidth.woocommerce.archive.ts_desktop .style-sidebar.show-filter-default #primary > .before-loop-wrapper:after, .layout-fullwidth.woocommerce.archive .style-sidebar.show-filter-sidebar #primary > .before-loop-wrapper:after, .layout-fullwidth.woocommerce.archive.ts_desktop .style-sidebar.show-filter-default #primary > .before-loop-wrapper:after{left: 430px; /*rtl*/} /*** Thumbnails ***/ .woocommerce div.product.gallery-layout-vertical.has-gallery div.images{padding-left: 135px; /*rtl*/} .woocommerce div.product.gallery-layout-vertical.has-gallery div.images.loading:after{margin-left: 50px; /*rtl*/} .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs{width: 120px;} .woocommerce div.product div.images .flex-control-thumbs{margin: 0 -7px;} .woocommerce div.product div.images .flex-control-thumbs li{padding: 14px 7px 0;} .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs{margin-right: 14px; /*rtl*/} .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs li{padding-bottom: 14px;} #ts-quickshop-modal .popup-container{width: 1100px;} .ts-blogs.related-posts article.has-post-thumbnail header{top: 30px;left: 30px;right: 30px;} .ts-blogs.related-posts article.has-post-thumbnail .entry-meta-top{left: 30px;right: 30px;} .ts-megamenu-container .elementor-widget .elementor-widget-container h5, .ts-megamenu-container .ts-list-of-product-categories-wrapper h3.heading-title, .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: 30px;} #ts-search-sidebar .search--form{padding-top: 40px;padding-bottom: 40px;} } @media only screen and (max-width: 1400px){ .ts-header .ts-menu nav > ul, .ts-header nav > ul.menu{gap: 25px;} } @media only screen and (max-width: 1367px){ .woocommerce .woocommerce-cart-form, .woocommerce-checkout #customer_details, .woocommerce-cart article .woocommerce .cart-collaterals, .woocommerce-checkout #order_review, .woocommerce #customer_login, .woocommerce > form.checkout #customer_details, .woocommerce > form.checkout #order_review, .woocommerce.yith-wcwl-form, .woocommerce .after-loop-wrapper:not(:last-child), .woocommerce form.track_order, article.single-post > .comments-area, .woocommerce .woocommerce-order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password, .woocommerce-account .woocommerce-MyAccount-content{margin-bottom: 80px;} .product-hover-horizontal-style .thumbnail-wrapper .product-group-button > div.loop-add-to-cart .button-tooltip{font-size: 0.7rem;} .elementor-widget-wp-widget-ts_instagram h5, .ts-shortcode .shortcode-heading-wrapper{margin-bottom: 30px;} .ts-shortcode.ts-product.style-title-inside-content .shortcode-heading-wrapper .shortcode-title{margin-bottom: 20px;} body.error404 #main .breadcrumb-title-wrapper.no-title ~ .page-container,body.error404 #main > .page-container{padding-top: 80px;padding-bottom: 110px;} } @media only screen and (max-width: 1279px){ #vertical-menu-sidebar, #vertical-menu-sidebar ul li, #vertical-menu-sidebar ul.menu li{font-size: var(--nooni-sidebar-menu-ipad-font-size);line-height: var(--nooni-sidebar-menu-ipad-line-height);} .ts-header .ts-menu nav > ul, .ts-header nav > ul.menu {gap: 20px;} .widget-container.ts-social-icons .normal-logo, .ts-sidebar-content .logo-wrapper img, header .logo img{width: var(--nooni-logo-device-width, 120px);} h1{font-size: var(--nooni-h1-ipad-font-size);line-height: var(--nooni-h1-ipad-line-height);letter-spacing: var(--nooni-h1-ipad-letter-spacing);}.entry-header header > .entry-title{font-size: var(--nooni-h1-ipad-font-size);letter-spacing: var(--nooni-h1-ipad-letter-spacing);} .thumbnail-parallax .entry-header header > .entry-title{font-size: var(--nooni-h1-ipad-font-size);line-height: var(--nooni-h1-ipad-line-height);} h2, .theme-title .heading-title, .comments-title .heading-title, .comments-area .add-comment .comments-count, .breadcrumb-title-wrapper.breadcrumb-v2 .page-title, .ts-shortcode.ts-product.style-title-inside-content .shortcode-heading-wrapper .shortcode-title, #commentform .form-submit{font-size: var(--nooni-h2-ipad-font-size);line-height: var(--nooni-h2-ipad-line-height);letter-spacing: var(--nooni-h2-ipad-letter-spacing);} h3, .breadcrumb-title-wrapper .page-title, .list-posts article header .heading-title, .ts-blogs article header .heading-title, .woocommerce div.product .summary .product_title, #customer_login h2, .account-content h2, .woocommerce .product-category .meta-wrapper .description, body.error404 .not-found h1, .woocommerce-order-details .woocommerce-order-details__title, .cart-collaterals .cart_totals > h2,.columns-1 .list-posts article header .heading-title{font-size: var(--nooni-h3-ipad-font-size);line-height: var(--nooni-h3-ipad-line-height);letter-spacing: var(--nooni-h3-ipad-letter-spacing);} h4, .ts-shortcode .shortcode-heading-wrapper .shortcode-title, .widget-container .widget-title-wrapper .widget-title, .widget-container .widget-title-wrapper .widgettitle, .woocommerce-page #ts-filter-widget-area .widget-container.ts-social-icons .widget-title-wrapper .widget-title, .woocommerce-page #left-sidebar .widget-container.ts-social-icons .widget-title-wrapper .widget-title, .woocommerce-page #right-sidebar .widget-container.ts-social-icons .widget-title-wrapper .widget-title, .ts-product-category-wrapper.tabs-layout ul.tabs li, .ts-list-of-product-categories-wrapper h3.heading-title, .woocommerce .cross-sells > h2, .woocommerce .up-sells > h2, .woocommerce .related > h2, .woocommerce.related > h2, div.product > .yith-wfbt-section > h3, .columns-2:not(.no-sidebar) #main-content .list-posts article header .heading-title, .page-container:not(.no-sidebar) #main-content .ts-blogs.columns-2 article header .heading-title, .woocommerce div.product .woocommerce-tabs ul.tabs, .commentlist li #comment-wrapper .heading-title, #reviews .woocommerce-Reviews-title, #review_form_wrapper .comment-reply-title, .widget-container .wp-block-search__label, .widget-container .wp-block-group h2{font-size: var(--nooni-h4-ipad-font-size);line-height: var(--nooni-h4-ipad-line-height);letter-spacing: var(--nooni-h4-ipad-letter-spacing);} h5, div.product .summary #reviews .woocommerce-Reviews-title, div.product .summary #review_form_wrapper .comment-reply-title, .woocommerce.ts-product-category-wrapper.style-icon .product-category .category-name h3, .column-tabs .heading-tab .heading-title, .ts-product-in-product-type-tab-wrapper .column-tabs ul.tabs li, .ts-team-members .team-info .name, .elementor-widget-wp-widget-ts_instagram h5,.woocommerce.main-products.list .product h3.product-name{font-size: var(--nooni-h5-ipad-font-size);line-height: var(--nooni-h5-ipad-line-height);letter-spacing: var(--nooni-h5-ipad-letter-spacing);} h6, .footer-container .elementor-widget-container > h5, .ts-megamenu-container .elementor-widget .elementor-widget-container h5, .woocommerce-account .woocommerce-MyAccount-navigation ul li, .footer-container .ts-list-of-product-categories-wrapper h3.heading-title, .ts-megamenu-container .ts-list-of-product-categories-wrapper h3.heading-title, .ts-header .menu-wrapper .ts-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h5, .comment_list_widget .comment-body, .widget_rss ul li > a.rsswidget{font-size: var(--nooni-h6-ipad-font-size);line-height: var(--nooni-h6-ipad-line-height);letter-spacing: var(--nooni-h6-ipad-letter-spacing);} .woocommerce div.product .summary > .ts-variation-price, .woocommerce div.product .summary p.price, .woocommerce div.product .summary span.price{ font-size: var(--nooni-single-product-price-ipad-font-size, 25px); } .woocommerce div.product .summary .ts-discount-percent, .woocommerce div.product .summary p.price del, .woocommerce div.product .summary span.price del{ font-size: var(--nooni-single-product-sale-price-font-size, 18px); } .woocommerce div.product .summary p.price, .woocommerce div.product .summary span.price,.woocommerce div.product .summary .price del ~ ins{margin-right: 15px; /*rtl*/} .column-tabs .list-categories ul.tabs li{font-size: calc(var(--nooni-body-font-size) + 1px);} .woocommerce div.product .yith-wfbt-items .price, .ts-header nav > ul.menu > li > a, .ts-header nav > ul > li > a, .yith-wfbt-section .yith-wfbt-items li > label > *, .entry-summary .short-content, .ts-blogs .entry-content .excerpt, .ts-product-brand-wrapper .meta-wrapper h3, .woocommerce .product-category .meta-wrapper, .single-post > .entry-content > .content-wrapper{font-size: 1rem;} .entry-format .date-time, .thumbnail-content .date-time, blockquote cite, .entry-meta-top, .entry-meta-middle{font-size: 0.93rem;} blockquote cite > *, .entry-meta-top > *, .entry-meta-middle > *, .entry-meta-bottom > *{margin-right: 20px;/*rtl*/} .product-group-button > div.loop-add-to-cart .ts-tooltip{font-size: 12px;} .list-posts article header .heading-title,.ts-blogs article header .heading-title{margin-bottom: 13px;} body blockquote{font-size: 1.46rem;} .shortcode-heading-wrapper .counter-wrapper{font-size: 18px;} .shortcode-heading-wrapper .counter-wrapper .ref-wrapper{font-size: 12px;} .woocommerce ul.order_details li{padding: 10px 5px;font-size: 0.8em;} #ts-add-to-cart-popup-modal .close{top: 27px;} #left-sidebar, #right-sidebar{font-size: calc(1em - 1px);} .woocommerce-page #ts-filter-widget-area .widget-container .widget-title-wrapper ~ *,.woocommerce-page #left-sidebar .widget-container .widget-title-wrapper ~ *,.woocommerce-page #right-sidebar .widget-container .widget-title-wrapper ~ *{padding-left: 10px;padding-right: 10px;} .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 0 0 10px;} /*** Reset **/ .breadcrumb-title-wrapper .breadcrumb-title{padding: 40px 0;} .breadcrumb-title-wrapper .page-title + .breadcrumbs{margin-bottom: 15px;} .visible-ipad{display: block !important;} .hidden-ipad{display: none !important;} .ts-shortcode .items{margin-left: -10px;margin-right: -10px;} .ts-shortcode .items .item{padding-left: 10px;padding-right: 10px;} .wpcf7 .ts-2-columns{width: calc(100% + 20px);margin-left: -10px;margin-right: -10px;} .wpcf7 .ts-2-columns > *{padding-left: 10px;padding-right: 10px;} .ts-blogs.related.ts-slider .theme-title{padding-right: 68px; /*rtl*/} .ts-blogs.related .swiper .swiper-button-prev,.ts-blogs.related .swiper .swiper-button-next{width: 30px;height: 30px;} .ts-blogs.related .swiper .swiper-button-prev{right: 34px; /*rtl*/} .ts-blogs.related .swiper .swiper-button-prev:after,.ts-blogs.related .swiper .swiper-button-next:after{font-size: 14px;line-height: 30px;} .ts-shortcode.ts-product.style-title-inside-content .shortcode-heading-wrapper .shortcode-title{margin-bottom: 20px;} .ts-shortcode .column-tabs, .column-tabs ul.tabs, .ts-product-category-wrapper.tabs-layout ul.tabs, .ts-slider .products .product-group > .product:not(:last-child), .woocommerce.main-products .list-categories .product-category, .ts-shortcode.ts-product.style-title-inside-content .shortcode-heading-wrapper, .woocommerce .products:not(.swiper) > .product{margin-bottom: 30px;} .woocommerce.style-img-large .products:not(.swiper) > .product.product-category{margin-bottom: 20px;} .ts-shortcode.ts-product.style-title-inside-content .shortcode-heading-wrapper{ padding-left: 10px; /*rtl*/ padding-right: 40px; /*rtl*/ } .my-account-wrapper .dropdown-container,.shopping-cart-wrapper .dropdown-container{display: none !important;} a.button, 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, .elementor-button-wrapper .elementor-button, .shopping-cart p.buttons a, a.wp-block-button__link, .wp-block-search .wp-block-search__button, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button, input[type="submit"].dokan-btn, .wishlist_table .product-add-to-cart a, a.dokan-btn, .dokan-btn, #comments .wcpr-filter-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{padding-left: 20px;padding-right: 20px;} body.page article.page + .comments-area,.woocommerce nav.woocommerce-pagination{margin-top: 60px;} .woocommerce nav.woocommerce-pagination{margin-top: 15px;} .ts-active-filters > .widget_layered_nav_filters{margin-bottom: 12px;} #main > .list-categories .ts-product-category-wrapper{padding-bottom: 34px;} .before-loop-wrapper{margin-bottom: 34px;} #main > .list-categories + .page-container{padding-top: 34px;} .ts-shortcode:not(.ts-slider).columns-3 .item, .ts-shortcode:not(.ts-slider).columns-4 .item, .ts-shortcode:not(.ts-slider).columns-5 .item, .ts-shortcode:not(.ts-slider).columns-6 .item, .ts-shortcode:not(.ts-slider).columns-7 .item, .ts-shortcode:not(.ts-slider).columns-8 .item, .ts-shortcode:not(.ts-slider).columns-9 .item, .ts-shortcode:not(.ts-slider).columns-10 .item{width: 50%;} .ts-team-members:not(.ts-slider).columns-4 .item, .ts-team-members:not(.ts-slider).columns-5 .item, .ts-team-members:not(.ts-slider).columns-6 .item, .ts-team-members:not(.ts-slider).columns-7 .item, .ts-team-members:not(.ts-slider).columns-8 .item, .ts-team-members:not(.ts-slider).columns-9 .item, .ts-team-members:not(.ts-slider).columns-10 .item{width: 33.33333%;} .ts-team-members .image-thumbnail{margin-bottom: 14px;} .ts-team-members .team-info > *{margin-bottom: 4px;} body.error404 #main .breadcrumb-title-wrapper.no-title ~ .page-container,body.error404 #main > .page-container{padding-top: 60px;padding-bottom: 80px;} body.error404 .image-404{margin-bottom: 20px;} body.error404 .not-found > i{font-size: 90px;} .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination{margin-top: 30px;} div.product > .yith-wfbt-section, .woocommerce .woocommerce-order, article.single-post > .entry-content:last-child, .woocommerce div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-product-gallery, .woocommerce div.product div.summary{ margin-bottom: 60px; } .woocommerce #customer_login, .woocommerce form.track_order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password, .woocommerce-account .woocommerce-MyAccount-navigation{ margin-top: 0; } .woocommerce .page-container:not(.no-sidebar) div.product .product-images-summary div.woocommerce-product-gallery, .woocommerce .page-container:not(.no-sidebar) div.product.gallery-layout-horizontal .product-images-summary div.woocommerce-product-gallery{width: 45%;} .woocommerce .page-container:not(.no-sidebar) div.product .product-images-summary div.summary, .woocommerce .page-container:not(.no-sidebar) div.product.gallery-layout-horizontal .product-images-summary div.summary{width: 55%;} article.single-post > .comments-area, body.single-post #main-content > article.single-post:last-child, body.page article.page + .comments-area > #comment-wrapper{ margin-bottom: 60px; } .product-per-page-form ul.perpage .perpage-current > span:last-child,.woocommerce .woocommerce-ordering .orderby-current{padding-right: 20px; /*rtl*/} .widget-container span.icon-toggle{top: 5px;} .product-group-button .button-tooltip{display: none;} body .wpcf7 form textarea{height: 140px;} .admin-bar #ts-product-360-modal.ts-popup-modal .close{top: 80px;} .header-language *:focus{outline: 0 !important;} body .swiper-horizontal>.swiper-pagination-bullets,body .swiper-pagination-bullets.swiper-pagination-horizontal,body .ts-testimonial-wrapper .swiper-horizontal>.swiper-pagination-bullets, body .ts-testimonial-wrapper .swiper-pagination-bullets.swiper-pagination-horizontal{margin-top: 32px;} body .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, body .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet{margin: 7px;} body .swiper-pagination-bullet{width: 12px;height: 12px;} .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-title{min-height: 300px;} .columns-2 .list-posts{margin-left: -10px;margin-right: -10px;} .columns-2 .list-posts article{padding-left: 10px;padding-right: 10px;} .widget-container ul ol,.widget-container ol ol,.widget-container ul 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{margin-left: 20px; /*rtl*/} /*** Header ***/ .header-top .header-currency .wcml_currency_switcher > a:after{margin-top: 1px;} ul.menu li .menu-icon{width: 22px;margin-right: 7px; /*rtl*/} .is-sticky .header-middle > .container,.header-v5 .header-middle > .container,.header-middle > .container,.header-v5 .is-sticky .header-middle > .container{padding-top: 15px;padding-bottom: 15px;} .ts-header .header-middle .my-wishlist-wrapper .tini-wishlist, .ts-header .header-middle .my-account-wrapper .account-control > a, .ts-header .header-middle .shopping-cart-wrapper .cart-control{padding: 10px;} .ts-header .header-left > *{padding-right: 20px; /*rtl*/} .ts-header nav > ul.menu li:not(.ts-mega-menu) a:after,.ts-header nav > ul li:not(.ts-mega-menu) a:after{bottom: 2px;} .ts-header nav > ul.menu li ul.sub-menu{padding: 50px 30px 26px;width: 230px;margin-left: -120px; /*rtl*/} .ts-header .is-sticky nav > ul.menu li ul.sub-menu{padding-top: 50px;} .ts-header nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{padding: 70px 0 50px;} .ts-header .is-sticky nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{padding-top: 64px;} .ts-header nav > ul.menu li ul.sub-menu:after, .ts-header .is-sticky nav > ul.menu li ul.sub-menu:after,.header-v5 .ts-header nav > ul.menu li ul.sub-menu:after,.header-v5 .ts-header .is-sticky nav > ul.menu li ul.sub-menu:after{top: 25px;} .header-v4 .ts-header nav > ul.menu li ul.sub-menu:after,.header-v4 .ts-header .is-sticky nav > ul.menu li ul.sub-menu:after{top: 24px;} .header-v6 .ts-header .is-sticky nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{padding-top: 56px;} .header-v6 .ts-header .is-sticky nav > ul.menu li ul.sub-menu:after{top: 15px;} .ts-header .dropdown-container .theme-title span, .ts-header .header-middle .my-wishlist-wrapper .tini-wishlist .count-number, .ts-header .header-middle .shopping-cart-wrapper .cart-control .cart-number{ top: 0; width: 20px; height: 20px; font-size: 10px; line-height: 20px; } .header-v4 .ts-header .header-left > *{padding-right: 20px; /*rtl*/} .header-v4 .ts-header .header-center{max-width: 20%;} .ts-header .header-right .menu-wrapper{margin-right: 40px; /*rtl*/} .ts-floating-sidebar .ts-sidebar-content{padding: 30px;} #vertical-menu-sidebar ul ul li{font-size: 90%;} .ts-header nav > ul > li.button > a, .ts-header nav > ul.menu > li.button > a{ min-width: 0; padding: 8px 20px; } .product-per-page-form,.header-middle .search-button.search-icon .icon > span{display: none;} .header-middle .search-button.search-icon .icon:before{margin-right: 0; /*rtl*/} .ts-header .ts-search-by-category .search-table .search-field input[type="text"]{min-width: 200px;} .vertical-menu-sidebar .ts-sidebar-content{width: 330px;padding: 12vh 40px;} .vertical-menu-sidebar .ts-megamenu-fullwidth ul.sub-menu,.vertical-menu-sidebar .ts-megamenu-columns-4 ul.sub-menu{width: calc(100vw - 290px);} #vertical-menu-sidebar ul.menu .sub-menu li a{padding: 10px 0;} .vertical-menu-sidebar ul.sub-menu{width: 305px;padding: 20px 30px 20px 74px; /*rtl*/} .vertical-menu-sidebar ul.sub-menu:before{left: 44px; /*rtl*/} .vertical-menu-sidebar ul.sub-menu ul.sub-menu:before{left: 34px; /*rtl*/} .vertical-menu-sidebar ul.sub-menu{top: -13px;} .vertical-menu-sidebar ul.sub-menu > li:first-child > ul.sub-menu,.vertical-menu-sidebar ul.sub-menu > li:last-child > ul.sub-menu{top: -20px;} /*** Product ***/ #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(375px);} .style-sidebar.show-filter-default .filter-widget-area-button.active ~ #ts-filter-widget-area .ts-sidebar-content{transform: translateX(0);} .woocommerce-page #left-sidebar .widget-container .widget-title-wrapper,.woocommerce-page #right-sidebar .widget-container .widget-title-wrapper{padding: 10px 15px;} .woocommerce.main-products.list > .products .product-wrapper .thumbnail-wrapper{width: 300px;} .product .product-wrapper .product-group-button > div{display: block;} .product .product-wrapper:hover .product-group-button > div{-webkit-animation-name: none;-moz-animation-name: none;animation-name: none;} .woocommerce .products{margin: 0 -10px;} .woocommerce .products .product,.woocommerce .products .product:not(.product-category){padding: 0 10px;} .woocommerce .cross-sells > .products:not(.swiper) .product, .woocommerce .up-sells > .products:not(.swiper) .product, .woocommerce .related > .products:not(.swiper) .product, .woocommerce #tab-more_seller_product .products .product, .woocommerce.columns-10 .products .product, .woocommerce.columns-9 .products .product, .woocommerce.columns-8 .products .product, .woocommerce.columns-7 .products .product, .woocommerce.columns-6 .products .product, .woocommerce.columns-5 .products .product, .woocommerce.columns-4 .products .product{ width: 25%; } .page-container:not(.no-sidebar) .woocommerce.columns-10 .products .product, .page-container:not(.no-sidebar) .woocommerce.columns-9 .products .product, .page-container:not(.no-sidebar) .woocommerce.columns-8 .products .product, .page-container:not(.no-sidebar) .woocommerce.columns-7 .products .product, .page-container:not(.no-sidebar) .woocommerce.columns-6 .products .product, .page-container:not(.no-sidebar) .woocommerce.columns-5 .products .product, .page-container:not(.no-sidebar) .woocommerce.columns-4 .products .product, .page-container:not(.no-sidebar) .woocommerce.columns-3 .products .product{ width: 33.33333%; } .product_list_widget .product-label, .woocommerce .product .product-label{ left: 10px; /*rtl*/ top: 10px; } .thumbnail-wrapper .product-group-button > div{ width: 30px; height: 30px; opacity: 1; visibility: visible; transition: none; bottom: 5px; right: 5px; /*rtl*/ display: block; } .thumbnail-wrapper .product-group-button > div.button-in.quickshop, .thumbnail-wrapper .product-group-button > div.button-in.compare, .product-group-button > div:hover a .button-tooltip, .thumbnail-wrapper .product-group-button .button-tooltip{ display: none; } .thumbnail-wrapper .product-group-button > div.loop-add-to-cart:first-child{bottom: 10px;} .thumbnail-wrapper .product-group-button > div.loop-add-to-cart{bottom: 45px;} .product-group-button > div a:after{ font-size: 18px; line-height: 30px; } .woocommerce.ts-product-category-wrapper.style-img-large .product-category .product-wrapper > .meta-wrapper{ inset: 10px 10px auto 10px; padding: 5px 8px; } .woocommerce.ts-product-category-wrapper.style-img-large .product-category .category-name h3{ font-size: 0.86em; } /**/ .thumbnail-wrapper .product-group-button > div{ position: relative; top: auto; bottom: auto !important; left: auto; right: auto; margin: 3px; } .thumbnail-wrapper .product-group-button > div.wishlist{ position: absolute;top: 5px; right: 5px; /*rtl*/ } .product-hover-vertical-style .thumbnail-wrapper .product-group-button > div.loop-add-to-cart, .thumbnail-wrapper .product-group-button > div.loop-add-to-cart{ height: auto; line-height: 26px; position: absolute; bottom: 0 !important; left: 0; right: 0; transition: none; transform: none; } .thumbnail-wrapper .product-group-button > div.loop-add-to-cart > a{ padding: 5px 15px; border-radius: 40px; letter-spacing: 0; } .thumbnail-wrapper .product-group-button > div.loop-add-to-cart .button-tooltip{ line-height: 1; } .thumbnail-wrapper .product-group-button > div.loop-add-to-cart .button-tooltip, .product-hover-horizontal-style .thumbnail-wrapper .product-group-button > div.loop-add-to-cart .button-tooltip{ font-size: 0.8rem; } .product-group-button .button-tooltip{ left: 50%; /*rtl*/ right: auto; /*rtl*/ top: -5px; bottom: auto; position: absolute; font-weight: normal; transform: translate(-50%,-100%); /*rtl*/ } /**/ .product-group-button > div a.loading:after, .woocommerce .product-group-button > div .button.loading:after{ width: 14px; height: 14px; border-width: 1px; border-top-width: 1px; margin-top: -7px; margin-left: -7px; /*rtl*/ } .main-products.list > .products .product-group-button > div a:after{ font-size: 20px; } .woocommerce.main-products.list > .products .product-group-button-meta .add_to_cart_button{ min-width: 200px; } 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; } ul.product_list_widget li .ts-wg-meta, .woocommerce ul.product_list_widget li .ts-wg-meta{ width: calc(100% - 140px); } .woocommerce div.product .summary > *{margin-bottom: 30px;} .woocommerce div.product .summary > .woocommerce-product-details__short-description:not(:last-child), .woocommerce div.product .summary > .ts-variation-price:not(:last-child), .woocommerce div.product .summary > p.price:not(:last-child), .woocommerce div.product .summary > span.price:not(:last-child), .woocommerce div.product .summary > .product_title{margin-bottom: 23px;} .woocommerce div.product form.cart .variations{margin-bottom: 20px;} .woocommerce div.product.product-type-simple .summary > .woocommerce-product-details__short-description:not(:last-child){margin-bottom: 28px;} .woocommerce div.product:not(.product-type-grouped) .summary form.cart div.quantity{margin: 0 0 10px;} .woocommerce div.product .summary form.cart .single_add_to_cart_button, .woocommerce div.product:not(.product-type-grouped) .summary form.cart div.quantity{margin: 0 0 10px !important;} .woocommerce div.product:not(.product-type-grouped) .summary form.cart div.quantity .qty{width: 140px;} .woocommerce div.product:not(.product-type-grouped) .summary form.cart div.quantity .qty{margin-right: 10px !important; /*rtl*/} .woocommerce div.product:not(.product-type-grouped) .summary form.cart div.quantity .plus{right: 10px; /*rtl*/} .woocommerce div.product div.images,.woocommerce div.product div.summary{width: 50%;} .counter-wrapper .dots{padding: 0 10px;} .summary .single-product-buttons > *:not(:last-child){margin-right: 20px; /*rtl*/} div.woocommerce-product-gallery .flex-direction-nav .flex-prev, div.woocommerce-product-gallery .flex-direction-nav .flex-next{ width: 40px; height: 40px; left: 10px; /*rtl*/ } div.woocommerce-product-gallery .flex-direction-nav .flex-next{ right: 10px; /*rtl*/ left: auto; /*rtl*/ } div.woocommerce-product-gallery .flex-direction-nav .flex-prev:after, div.woocommerce-product-gallery .flex-direction-nav .flex-next:after{ font-size: 22px; line-height: 40px; } .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; } .woocommerce div.product .woocommerce-tabs ul.tabs{margin: 0 0 35px;} .woocommerce div.product .woocommerce-tabs ul.tabs li > a{ padding: 10px 25px; } .product-group-button > div.loop-add-to-cart .ts-tooltip{ letter-spacing: 0; } .yith-wfbt-section, .woocommerce div.product .summary > .yith-wfbt-section{ padding: 30px; } .yith-wfbt-section > h3{ margin-bottom: 10px; } .yith-wfbt-section .price del ~ ins{ margin-right: 6px; } /*** Cart/Checkout ***/ .woocommerce-cart article .woocommerce form.woocommerce-cart-form, .woocommerce-cart article .woocommerce .cart-collaterals{ width: 100%; } .woocommerce .cross-sells, .woocommerce .up-sells, .woocommerce .related, .woocommerce.related{ margin-bottom: 60px !important; } .woocommerce .woocommerce-cart-form, .woocommerce-checkout #customer_details, .woocommerce-cart article .woocommerce .cart-collaterals, .woocommerce-checkout #order_review, .woocommerce #customer_login, .woocommerce > form.checkout #customer_details, .woocommerce > form.checkout #order_review, .woocommerce.yith-wcwl-form, .woocommerce .after-loop-wrapper:not(:last-child), .woocommerce form.track_order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-account .woocommerce-MyAccount-content{margin-bottom: 60px;} .woocommerce-billing-fields > h3{margin-bottom: 26px;} .woocommerce table.shop_table.cart td.actions{margin: 30px 0 0 0;} .woocommerce-cart .cart-collaterals .cart_totals table td{padding-left: 0 !important;} #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce table.shop_table.cart td.actions .button{ padding-top: 12px; padding-bottom: 12px; } .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: 100%;} .woocommerce div.product .ads-banner{ padding-bottom: 60px; margin-bottom: 60px; } .woocommerce-account .woocommerce-MyAccount-navigation ul{margin: 0 0 40px;gap: 40px;} .woocommerce-account .woocommerce-MyAccount-navigation ul:after{left: 20px;right: 20px;} .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: 30px;} /*** Blog ***/ article.single-post > header{margin-bottom: 30px;} article.single-post > header > .entry-title{font-size: 3.1vw;} .item-list .article-content .thumbnail-content{width: 50%;} .page-container.thumbnail-parallax .entry-header .entry-format{height: 470px;} .page-container.thumbnail-parallax:before{top: 470px;} .thumbnail-content .date-time, .entry-format .date-time{ top: 20px; left: 20px; /*rtl*/ } .thumbnail-content a.vcard.author, .entry-format a.vcard.author{ bottom: 20px; left: 20px; /*rtl*/ } a.vcard.author img{width: 50px;height: 50px;border-width: 6px;} .ts-sidebar .widget-container{margin: 40px 0 0 0;} .widget-container.ts-social-icons{padding: 30px 20px;} .list-posts article, .ts-blogs .items article{margin-bottom: 60px;} .load-more-wrapper{margin-top: 0;margin-bottom: 60px;} .list-posts article .entry-content, .ts-blogs .items article.video .entry-content, .ts-blogs .items article.has-post-thumbnail .entry-content{margin-top: 20px;} .heading-wrapper, .heading-shortcode, .theme-title{margin: 0 0 30px 0;} .woocommerce #reviews ol.commentlist li .comment_container .avatar, .commentlist li.comment .comment-wrapper div.avatar{ width: 90px; margin-right: 20px; /*rtl*/ } .commentlist li.comment .comment-wrapper .avatar img,.commentlist ol.children li.comment .comment-wrapper .avatar img{width: 90px;height: 90px;} .commentlist ol.children li.comment .comment-wrapper div.avatar{width: 90px;} .comment-meta-actions{margin-top: 10px;} .comment-actions a{font-size: 12px;} .commentlist ol.children, .commentlist ol.children ol.children{ padding-left: 90px; /*rtl*/ } .comments-area > #comment-wrapper{margin-bottom: 50px;} #comment-wrapper .heading-wrapper,#comment-wrapper #commentform > p:not(.form-submit){margin-bottom: 30px;} #comment-wrapper #commentform > p:first-child{margin-top: -20px;} #commentform .info-wrapper > p, #commentform .message-wrapper > p{margin-bottom: 30px;} .commentlist li.comment .comment-meta{margin-bottom: 8px;} .columns-2 .list-posts article .entry-content, .ts-blogs.columns-2 .items article.video .entry-content, .ts-blogs.columns-2 .items article.has-post-thumbnail .entry-content{margin-top: 0;} #commentform .form-submit{margin-top: 0;} article.single-post > .comments-area{margin-top: 43px;} article.single-post > .entry-content + .comments-area{margin-top: 0;} .commentlist li.comment .comment-wrapper{align-items: flex-start;} .ts-blogs.item-list .entry-meta-top, .list-posts.item-list .entry-meta-top{margin-bottom: 15px;} .entry-summary .short-content, .ts-blogs .entry-content .excerpt, .single-post > .entry-content > .content-wrapper{line-height: 1.5;} /*** Main Content ***/ .ts-popup-modal .popup-container{width: 90%;} .ts-popup-modal .popup-container.product-360-container{width: 600px;} #to-top{width: 40px;height: 40px;} #to-top a{width: 40px;height: 40px;} #to-top a:before{font-size: 20px;line-height: 40px;} .wpcf7-form-submit {margin-top: 20px;} body > .ts-search-result-container{padding-top: 100px;} body > .ts-search-result-container:before{top: 60px;} #ts-search-result-container ul.product_list_widget li{width: calc(50% - 16px);} #ts-search-result-container ul.product_list_widget li:nth-child(3):after{display: block;} .footer-container .mailchimp-subscription .widget-title-wrapper{margin-bottom: 18px;} .footer-container .mailchimp-subscription .newsletter{margin-bottom: 25px;} body.error404 .image-404 .text-clipping{font-size: 160px;} .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;} /*** Shortcode ***/ .woocommerce .product-category .product-wrapper > a, .woocommerce.ts-product-category-wrapper.style-icon .product-category .product-wrapper > a{ margin-right: 15px; /*rtl*/ } .summary .counter-wrapper{font-size: 16px;} div.product div.summary .counter-wrapper .ref-wrapper{font-size: 11px;} .woocommerce .product-category .product-wrapper > a{width: 100px;} .woocommerce.style-default .product-category .product-wrapper > a{height: 100px;} .woocommerce .product-category .product-wrapper > .meta-wrapper{width: calc(100% - 115px);} .woocommerce .cross-sells > h2, .woocommerce .up-sells > h2, .woocommerce .related > h2, .woocommerce.related > h2, .ts-shortcode .shortcode-heading-wrapper, .elementor-widget-wp-widget-ts_instagram h5, .ts-product-deals-wrapper.show-counter-today .shortcode-heading-wrapper{ margin-bottom: 32px; } .ts-shortcode .shortcode-heading-wrapper:empty{ margin-bottom: 0; } .ts-list-of-product-categories-wrapper h3.heading-title{ margin-bottom: 30px; } .ts-list-of-product-categories-wrapper .list-categories ul li { font-size: 100%; } .column-tabs ul.tabs,.ts-product-category-wrapper.tabs-layout ul.tabs,.column-tabs .list-categories ul.tabs{gap: 40px;} .ts-team-members .member-social a i{ font-size: 24px; } .ts-team-members .team-info .member-role{ font-size: 85%; } .ts-testimonial-wrapper blockquote > .content{ margin-top: 27px; } .ts-countdown.style-2 .counter-wrapper > div{ min-width: 100px; min-height: 100px; } .ts-testimonial-wrapper blockquote .image{ margin-right: 30px; /*rtl*/ } .ts-blogs.item-list.partial-view:not(.columns-1) .items { width: 175%; } body .ts-shortcode.partial-view .swiper-button-prev{left: 20px; /*rtl*/} body .ts-shortcode.partial-view .swiper-button-next{right: 20px; /*rtl*/} .ts-shortcode.ts-product.style-title-inside-content.ts-slider .shortcode-heading-wrapper{ width: 100% !important; flex: none; flex-direction: row; justify-content: space-between; align-items: center; padding-left: 0; padding-right: 0; } .ts-shortcode.ts-product.style-title-inside-content.ts-slider .shortcode-heading-wrapper{margin-bottom: 30px;} .ts-shortcode.ts-product.style-title-inside-content.ts-slider{gap: 0;} .ts-shortcode.ts-product.style-title-inside-content.ts-slider .shortcode-heading-wrapper,.ts-shortcode.ts-product.style-title-inside-content.ts-slider .content-wrapper{width: 100% !important; float: none;} .ts-shortcode.ts-product.style-title-inside-content.ts-slider .shortcode-heading-wrapper .shortcode-title{width: auto;margin-bottom: 0;} .dropdown-container .theme-title{margin-bottom: 20px;} .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: 25px 0 25px;} .ts-team-members .member-social a{margin: 10px;} } @media only screen and (max-width: 991px){ .header-store-notice, .header-top { font-size: calc(var(--nooni-body-font-size) - 4px); } .ts-shortcode.ts-product.style-title-inside-content .shortcode-heading-wrapper .shortcode-title{ font-size: var(--nooni-h3-ipad-font-size); line-height: var(--nooni-h3-ipad-line-height); letter-spacing: var(--nooni-h3-ipad-letter-spacing); } .list-posts article header .heading-title, .ts-blogs article header .heading-title, .woocommerce div.product .summary .product_title{font-size: calc(var(--nooni-h3-ipad-font-size) - 2px);letter-spacing: var(--nooni-h4-ipad-letter-spacing);} .woocommerce.main-products .list-categories .product-category .product-wrapper > .meta-wrapper{padding: 20px;} .woocommerce > form.checkout{display: block;} .woocommerce > form.checkout #customer_details{padding-right: 0; /*rtl*/} body blockquote{font-size: 1.3rem;} blockquote:before{margin-bottom: 10px;} /*** Header ***/ .ts-header .header-left > *{padding-right: 17px; /*rtl*/} .ts-header .header-right > *{padding-left: 17px; /*rtl*/} .header-v4 .ts-header .header-right{max-width: 32%;} .header-v4 .ts-header .header-left{flex-direction: row-reverse;justify-content: space-between;} .header-v4 .ts-header .header-left > *{padding-right: 10px;/*rtl*/} .header-v4 .ts-header .header-center{order: -1;max-width: none;flex: none;text-align: start;justify-content: flex-start;margin-right: 40px; /*rtl*/} .header-v4 .ts-header .header-right{max-width: none;flex: none;} .ts-header .header-right > .search-button.search-icon{padding-right: 0; /*rtl*/} .ts-header .header-right > .search-button.search-icon .icon{padding: 10px;} .header-v4 .ts-header .header-right > .search-button.search-icon .icon,.ts-header .header-middle .header-right > .search-button.search-icon .icon{padding-top: 0;padding-bottom: 0;} .header-top .language-currency > *:not(:first-child){margin-left: 12px; /*rtl*/} .ts-header .header-top .header-right > *{padding-left: 12px; /*rtl*/} .header-top .my-wishlist-wrapper .tini-wishlist, .header-top .my-account-wrapper .account-control > a, .header-top .shopping-cart-wrapper .cart-control{padding-left: 8px;padding-left: 8px;} .header-v5 .ts-header .header-top .header-right > .shopping-cart-wrapper,.header-v5 .ts-header .header-top .header-right > .my-wishlist-wrapper,.header-v5 .ts-header .header-top .header-right > .my-account-wrapper{padding-left: 0; /*rtl*/} .header-v5 .ts-header .header-top .header-right > .social-icons + .shopping-cart-wrapper, .header-v5 .ts-header .header-top .header-right > .social-icons + .my-wishlist-wrapper, .header-v5 .ts-header .header-top .header-right > .social-icons + .my-account-wrapper{margin-left: 10px; /*rtl*/} .ts-header .header-right .menu-wrapper{margin-right: 0; /*rtl*/padding: 0;} .ts-header .header-top .header-left,.ts-header .header-top .header-right{min-width: 23%;} .header-v1 .ts-header .header-top .header-right{flex: none;} .header-v2 .ts-header .header-top .header-right > *{padding-left: 0; /*rtl*/} .top-header-menu>ul>li:not(:last-child){margin-right: 16px; /*rtl*/} .ts-megamenu .center-top .box-content,.ts-megamenu .center-bottom .box-content,.ts-megamenu .center-center .box-content{left: 15px;right: 15px;} .ts-header nav > ul > li.button > a,.ts-header nav > ul.menu > li.button > a{padding: 8px 15px;} .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title{padding: 30px 0;} .ts-header .ts-menu nav > ul, .ts-header nav > ul.menu{gap: 15px;} .header-v2 .ts-header .header-middle .header-right,.header-v2 .ts-header .header-middle .header-left{flex: none;} .header-v2 .ts-header .header-middle .header-center{ text-align: right; /*rtl*/ justify-content: flex-end; margin-left: auto; /*rtl*/ margin-right: 0; /*rtl*/ } .header-v2 .ts-header .header-right > .search-button.search-icon{padding-right: 0;padding-left: 0;} .header-v3 .ts-header .header-middle .header-center{margin-top: 10px;} .header-v3 .ts-header .header-center:before{width: calc(100% + 60px);left: -30px;right: -30px;} .header-v3 .ts-header nav > ul.menu li ul.sub-menu:after, .header-v3 .ts-header .is-sticky nav > ul.menu li ul.sub-menu:after{top: 10px;} .vertical-menu-sidebar .ts-sidebar-content{width: 285px;padding: 12vh 30px;} .vertical-menu-sidebar .ts-megamenu-fullwidth ul.sub-menu,.vertical-menu-sidebar .ts-megamenu-columns-4 ul.sub-menu{width: calc(100vw - 250px);} .vertical-menu-sidebar ul.sub-menu{width: 285px;padding: 20px 30px 20px 64px; /*rtl*/} .vertical-menu-sidebar ul.sub-menu:before{left: 34px; /*rtl*/} .summary .counter-wrapper{padding: 5px 15px;} /*** Cart/Checkout ***/ #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{ overflow-x: auto; overflow-y: hidden; margin-bottom: 45px; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:after, .woocommerce-account .woocommerce-MyAccount-navigation ul:after{ display: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li{ padding: 0; margin-bottom: 10px; white-space: nowrap; } .woocommerce-account .woocommerce-MyAccount-navigation ul{ margin-bottom: 0; flex-wrap: nowrap; } .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 .col2-set:not(.woocommerce-Addresses) .col-1, .woocommerce .col2-set:not(.woocommerce-Addresses) .col-2, .woocommerce-page .col2-set:not(.woocommerce-Addresses) .col-1, .woocommerce-page .col2-set:not(.woocommerce-Addresses) .col-2{float: none;width: 100%;} .woocommerce-account .col2-set:not(.woocommerce-Addresses) .col-1, .woocommerce-account .col2-set:not(.woocommerce-Addresses) .col-2{text-align: center;} .woocommerce .col2-set:not(.woocommerce-Addresses) .col-1,.woocommerce-page .col2-set:not(.woocommerce-Addresses) .col-1{margin-bottom: 55px;} .woocommerce form.login, .woocommerce form.register{margin: 0 auto;} /*** Product ***/ .before-loop-wrapper .gridlist-toggle{display: none;} .product-on-sale-form, .woocommerce .woocommerce-ordering .orderby-current{ display: inline-block; vertical-align: baseline; padding: 8px 15px; line-height: 24px; position: relative; min-width: 150px; min-height: 40px; } .woocommerce.main-products.list > .products .product-wrapper .meta-wrapper{padding-left: 30px; /*rtl*/} .has-1-sidebar .woocommerce.main-products.list > .products .product-wrapper .meta-wrapper{padding-left: 20px; /*rtl*/} .has-1-sidebar .woocommerce.main-products.list > .products .product-wrapper .thumbnail-wrapper{width: 200px;} .woocommerce .cross-sells > .products:not(.swiper) .product, .woocommerce .up-sells > .products:not(.swiper) .product, .woocommerce .related > .products:not(.swiper) .product, .woocommerce.columns-10 .products .product, .woocommerce.columns-9 .products .product, .woocommerce.columns-8 .products .product, .woocommerce.columns-7 .products .product, .woocommerce.columns-6 .products .product, .woocommerce.columns-5 .products .product, .woocommerce.columns-4 .products .product{ width: 33.33333%; } .ts-shortcode.ts-product.style-title-inside-content.columns-4 .shortcode-heading-wrapper, .woocommerce #tab-more_seller_product .products .product{ width: 33.33333%; } .page-container:not(.no-sidebar) .woocommerce.columns-10 .products .product, .page-container:not(.no-sidebar) .woocommerce.columns-9 .products .product, .page-container:not(.no-sidebar) .woocommerce.columns-8 .products .product, .page-container:not(.no-sidebar) .woocommerce.columns-7 .products .product, .page-container:not(.no-sidebar) .woocommerce.columns-6 .products .product, .page-container:not(.no-sidebar) .woocommerce.columns-5 .products .product, .page-container:not(.no-sidebar) .woocommerce.columns-4 .products .product, .page-container:not(.no-sidebar) .woocommerce.columns-3 .products .product{ width: 50%; } .woocommerce .product-category .category-name h3{ font-size: 0.9em; } div.product .summary .ts-countdown{ float: none; padding-top: 5px !important; } .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 20px; } .woocommerce div.product div.summary{ padding-left: 30px; /*rtl*/ } div.product div.summary .ts-social-sharing ul{margin: -5px;} div.product div.summary .ts-social-sharing ul li{ padding: 5px; font-size: 20px; } .woocommerce div.product .woocommerce-product-rating{ margin-right: 20px; /*rtl*/ } .summary .single-product-buttons .yith-wcwl-add-to-wishlist a, .summary .single-product-buttons a.compare{ padding-left: 22px !important; /*rtl*/ } .woocommerce div.product .summary .price del ~ ins, .summary .single-product-buttons > *:not(:last-child){ margin-right: 12px; /*rtl*/ } .woocommerce.ts-product-category-wrapper.style-img-large .product-category .category-name h3{ font-size: 90%; } .page-container:not(.no-sidebar) .woocommerce.main-products.list > .products .product-wrapper{align-items: flex-start;} /*** Blog ***/ .item-list .items{width: 180%;} .ts-blogs.item-list.partial-view:not(.columns-1) .items{width: 200%;} .item-list .quote-wrapper blockquote{ padding: 0 30px; font-size: 130%; line-height: 1.5; } .thumbnail-content .date-time, .entry-format .date-time { font-size: 80%; } .single .meta-bottom-1 > *:last-child, .single .meta-bottom-2 > *:last-child{ text-align: center; padding-left: 0; /*rtl*/ } .single .meta-bottom-1 > *:first-child, .single .meta-bottom-2 > *:first-child{ padding-right: 0; /*rtl*/ } .single .meta-bottom-1 > *, .single .meta-bottom-2 > *{ flex: none; width: 100%; } .page-container.thumbnail-parallax .entry-header .entry-format{ height: 340px; } .page-container.thumbnail-parallax:before{ top: 340px; } .woocommerce #reviews ol.commentlist li .comment_container .avatar, .commentlist ol.children li.comment .comment-wrapper div.avatar, .commentlist li.comment .comment-wrapper div.avatar{ width: 100%; margin: 0 0 17px; } .commentlist li.comment .comment-wrapper .avatar img, .commentlist ol.children li.comment .comment-wrapper .avatar img{ width: 60px; height: 60px; border-radius: 50%; border: 8px solid rgba(167,167,167,0.1); } .commentlist ol.children, .commentlist ol.children ol.children{ padding-left: 30px; /*rtl*/ } .commentlist li.comment .comment-meta{ position: absolute; top: 60px; transform: translateY(-50%); left: 80px; /*rtl*/ margin-bottom: 0; } .commentlist > li.comment:first-child > .comment-wrapper .comment-meta{ top: 30px; } /*** Shortcode ***/ .ts-list-of-product-categories-wrapper.columns-4 .list-categories ul li{width: 33.3333%;} .ts-team-members:not(.ts-slider) .item{width: 33.3333%;} .ts-testimonial-wrapper blockquote{ padding: 30px; flex-direction: column; align-items: center; } .ts-testimonial-wrapper blockquote .image{ margin-right: 0; /*rtl*/ margin-bottom: 30px; } .ts-testimonial-wrapper blockquote .quote-content-meta{ width: 100%; flex: none; text-align: center; } .quote-content-meta .rating:not(:last-child){ margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1200px) and (max-width: 1366px){ /*** Laptop ***/ .title-align--laptopcenter .ts-product-in-product-type-tab-wrapper .column-tabs, .title-align--laptopcenter .column-tabs .list-categories,.title-align--laptopcenter .ts-shortcode .shortcode-heading-wrapper{flex-direction: row;justify-content: center;} .title-align--laptopleft .ts-product-in-product-type-tab-wrapper .column-tabs, .title-align--laptopleft .column-tabs .list-categories,.title-align--laptopleft .ts-shortcode .shortcode-heading-wrapper{flex-direction: row;justify-content: space-between;} .title-align--laptopright .ts-product-in-product-type-tab-wrapper .column-tabs, .title-align--laptopright .column-tabs .list-categories,.title-align--laptopright .ts-shortcode .shortcode-heading-wrapper{flex-direction: row-reverse;justify-content: space-between;} .title-align--laptopcenter .ts-shortcode.ts-product-deals-wrapper .shortcode-heading-wrapper .ts-countdown{margin-left: 0;margin-right: 0;} .title-align--laptopleft .ts-shortcode.ts-product-deals-wrapper .shortcode-heading-wrapper .ts-countdown{margin-left: 0;margin-right: auto;} .title-align--laptopright .ts-shortcode.ts-product-deals-wrapper .shortcode-heading-wrapper .ts-countdown{margin-left: auto;margin-right: 0;} .ts-align-laptopleft,.ts-align-laptopleft .ts-banner .box-content,.title-align--laptopleft .shortcode-heading-wrapper .shortcode-title,.title-align--laptopleft .ts-shortcode.ts-product.style-title-inside-content .shortcode-heading-wrapper .shortcode-title{text-align: left;} .ts-align-laptopcenter,.ts-align-laptopcenter .ts-banner .box-content,.title-align--laptopcenter .shortcode-heading-wrapper .shortcode-title,.title-align--laptopcenter .ts-shortcode.ts-product.style-title-inside-content .shortcode-heading-wrapper .shortcode-title{text-align: center;} .ts-align-laptopright,.ts-align-laptopright .ts-banner .box-content,.title-align--laptopright .shortcode-heading-wrapper .shortcode-title,.title-align--laptopright .ts-shortcode.ts-product.style-title-inside-content .shortcode-heading-wrapper .shortcode-title{text-align: right;} .text-laptop-left-top .box-content{left: 0;right: auto;top: 0;bottom: auto;transform: none;} .text-laptop-left-bottom .box-content{left: 0;right: auto;top: auto;bottom: 0;transform: none;} .text-laptop-left-center .box-content{left: 0;right: auto;top: 50%;bottom: auto;transform: translate(0,-50%);} .text-laptop-right-top .box-content{right: 0;left: auto;top: 0;bottom: auto;transform: none;} .text-laptop-right-bottom .box-content{right: 0;left: auto;top: auto;bottom: 0;transform: none;} .text-laptop-right-center .box-content{right: 0;left: auto;top: 50%;bottom: auto;transform: translate(0,-50%);} .text-laptop-center-top .box-content{left: 0;right: 0;top: 0;bottom: auto;transform: none;} .text-laptop-center-bottom .box-content{left: 0;right: 0;top: auto;bottom: 0;transform: none;} .text-laptop-center-center .box-content{left: 0;right: 0;top: 50%;bottom: auto;transform: translateY(-50%);} } @media only screen and (min-width: 768px) and (max-width: 1279px){ /*** Tablet Only ***/ .page-container:not(.no-sidebar) .single .meta-bottom-1{flex-direction: column;} .page-container:not(.no-sidebar) .single .meta-bottom-1 .social-sharing{order: -1;width: auto;margin-top: -43px;padding: 0 15px;margin-bottom: 20px;background: var(--nooni-main-bg);} .page-container:not(.no-sidebar) .single .meta-bottom-1 > *:first-child{padding-right: 0; /*rtl*/flex: none;} .filter-widget-area-button > a:before{font-size: 24px;} .filter-widget-area-button a{padding: 0 10px;} .style-sidebar .filter-sidebar--header{ display: flex; flex-wrap: wrap; align-items: center; } .style-sidebar .filter-sidebar--header > h2{ font-size: 100%; line-height: 1.5; font-weight: normal; letter-spacing: inherit; margin: 0; flex: 1; } .style-sidebar .filter-sidebar--header .close{ position: static; margin-right: -7px; /*rtl*/ } .style-sidebar #ts-filter-widget-area .filter-widget-area{padding-top: 30px;} .style-sidebar #ts-filter-widget-area .ts-sidebar-content{padding: 0;} .woocommerce-page .style-sidebar #ts-filter-widget-area .widget-container .widget-title-wrapper ~ *{padding: 20px 0 30px;} .woocommerce-page .style-sidebar #ts-filter-widget-area .widget-container:last-child .widget-title-wrapper ~ *{padding-bottom: 0;} .woocommerce-page .style-sidebar #ts-filter-widget-area .widget-container{ border-width: 0 0 1px; border-style: solid; padding: 0 30px; margin-top: 0; margin-bottom: 30px; } .woocommerce-page .style-sidebar #ts-filter-widget-area .widget-container:last-child { border-width: 0; margin-bottom: 40px; } .woocommerce-page .style-sidebar #ts-filter-widget-area .widget-container .widget-title-wrapper{ padding: 0; background: transparent; color: inherit; } } @media only screen and (min-width: 992px) and (max-width: 1200px){ .woocommerce table.shop_table.woocommerce-cart-form__contents .product-price,.woocommerce table.shop_table.woocommerce-cart-form__contents .product-quantity,.woocommerce table.shop_table.woocommerce-cart-form__contents .product-subtotal{width: 15%;} /*** Tablet Landscape ***/ .title-align--tablet_extracenter .ts-product-in-product-type-tab-wrapper .column-tabs, .title-align--tablet_extracenter .column-tabs .list-categories,.title-align--tablet_extracenter .ts-shortcode .shortcode-heading-wrapper{justify-content: center;} .title-align--tablet_extraleft .ts-product-in-product-type-tab-wrapper .column-tabs, .title-align--tablet_extraleft .column-tabs .list-categories,.title-align--tablet_extraleft .ts-shortcode .shortcode-heading-wrapper{flex-direction: row;justify-content: space-between;} .title-align--tablet_extraright .ts-product-in-product-type-tab-wrapper .column-tabs, .title-align--tablet_extraright .column-tabs .list-categories,.title-align--tablet_extraright .ts-shortcode .shortcode-heading-wrapper{flex-direction: row-reverse;justify-content: space-between;} .title-align--tablet_extracenter .ts-shortcode.ts-product-deals-wrapper .shortcode-heading-wrapper .ts-countdown{margin-left: 0;margin-right: 0;} .title-align--tablet_extraleft .ts-shortcode.ts-product-deals-wrapper .shortcode-heading-wrapper .ts-countdown{margin-left: 0;margin-right: auto;} .title-align--tablet_extraright .ts-shortcode.ts-product-deals-wrapper .shortcode-heading-wrapper .ts-countdown{margin-left: auto;margin-right: 0;} .ts-align-tablet_extraleft,.ts-align-tablet_extraleft .ts-banner .box-content,.title-align--tablet_extraleft .shortcode-heading-wrapper .shortcode-title,.title-align--tablet_extraleft .ts-shortcode.ts-product.style-title-inside-content .shortcode-heading-wrapper .shortcode-title{text-align: left;} .ts-align-tablet_extracenter,.ts-align-tablet_extracenter .ts-banner .box-content,.title-align--tablet_extracenter .shortcode-heading-wrapper .shortcode-title,.title-align--tablet_extracenter .ts-shortcode.ts-product.style-title-inside-content .shortcode-heading-wrapper .shortcode-title{text-align: center;} .ts-align-tablet_extraright,.ts-align-tablet_extraright .ts-banner .box-content,.title-align--tablet_extraright .shortcode-heading-wrapper .shortcode-title,.title-align--tablet_extraright .ts-shortcode.ts-product.style-title-inside-content .shortcode-heading-wrapper .shortcode-title{text-align: right;} .text-tablet_extra-left-top .box-content{left: 0;right: auto;top: 0;bottom: auto;transform: none;} .text-tablet_extra-left-bottom .box-content{left: 0;right: auto;top: auto;bottom: 0;transform: none;} .text-tablet_extra-left-center .box-content{left: 0;right: auto;top: 50%;bottom: auto;transform: translate(0,-50%);} .text-tablet_extra-right-top .box-content{right: 0;left: auto;top: 0;bottom: auto;transform: none;} .text-tablet_extra-right-bottom .box-content{right: 0;left: auto;top: auto;bottom: 0;transform: none;} .text-tablet_extra-right-center .box-content{right: 0;left: auto;top: 50%;bottom: auto;transform: translate(0,-50%);} .text-tablet_extra-center-top .box-content{left: 0;right: 0;top: 0;bottom: auto;transform: none;} .text-tablet_extra-center-bottom .box-content{left: 0;right: 0;top: auto;bottom: 0;transform: none;} .text-tablet_extra-center-center .box-content{left: 0;right: 0;top: 50%;bottom: auto;transform: translateY(-50%);} .header-v3 .ts-header nav > ul.menu li ul.sub-menu:after{top: 31px;} .header-v3 .ts-header nav > ul.menu li ul.sub-menu{padding-top: 57px;} .header-v3 .ts-header .is-sticky nav > ul.menu li ul.sub-menu{padding-top: 48px;} .header-v3 .ts-header .is-sticky nav > ul.menu li ul.sub-menu:after{top: 24px;} } @media only screen and (min-width: 767px) and (max-width: 991px){ .header-v5 .header-top .my-account-wrapper,.header-v5 .header-top .my-wishlist-wrapper{display: block;} .header-v5 .header-middle .my-account-wrapper,.header-v5 .header-middle .my-wishlist-wrapper{display: none;} /*** Tablet Portrait ***/ .title-align--tabletcenter .ts-product-in-product-type-tab-wrapper .column-tabs, .title-align--tabletcenter .column-tabs .list-categories,.title-align--tabletcenter .ts-shortcode .shortcode-heading-wrapper{justify-content: center;} .title-align--tabletleft .ts-product-in-product-type-tab-wrapper .column-tabs, .title-align--tabletleft .column-tabs .list-categories,.title-align--tabletleft .ts-shortcode .shortcode-heading-wrapper{flex-direction: row;justify-content: space-between;} .title-align--tabletright .ts-product-in-product-type-tab-wrapper .column-tabs, .title-align--tabletright .column-tabs .list-categories,.title-align--tabletright .ts-shortcode .shortcode-heading-wrapper{flex-direction: row-reverse;justify-content: space-between;} .title-align--tabletcenter .ts-shortcode.ts-product-deals-wrapper .shortcode-heading-wrapper .ts-countdown{margin-left: 0;margin-right: 0;} .title-align--tabletleft .ts-shortcode.ts-product-deals-wrapper .shortcode-heading-wrapper .ts-countdown{margin-left: 0;margin-right: auto;} .title-align--tabletright .ts-shortcode.ts-product-deals-wrapper .shortcode-heading-wrapper .ts-countdown{margin-left: auto;margin-right: 0;} .ts-align-tabletleft,.ts-align-tabletleft .ts-banner .box-content,.title-align--tabletleft .shortcode-heading-wrapper .shortcode-title,.title-align--tabletleft .ts-shortcode.ts-product.style-title-inside-content .shortcode-heading-wrapper .shortcode-title{text-align: left;} .ts-align-tabletcenter,.ts-align-tabletcenter .ts-banner .box-content,.title-align--tabletcenter .shortcode-heading-wrapper .shortcode-title,.title-align--tabletleft .ts-shortcode.ts-product.style-title-inside-content .shortcode-heading-wrapper .shortcode-title{text-align: center;} .ts-align-tabletright,.ts-align-tabletright .ts-banner .box-content,.title-align--tabletright .shortcode-heading-wrapper .shortcode-title,.title-align--tabletleft .ts-shortcode.ts-product.style-title-inside-content .shortcode-heading-wrapper .shortcode-title{text-align: right;} .text-tablet-left-top .box-content{left: 0;right: auto;top: 0;bottom: auto;transform: none;} .text-tablet-left-bottom .box-content{left: 0;right: auto;top: auto;bottom: 0;transform: none;} .text-tablet-left-center .box-content{left: 0;right: auto;top: 50%;bottom: auto;transform: translate(0,-50%);} .text-tablet-right-top .box-content{right: 0;left: auto;top: 0;bottom: auto;transform: none;} .text-tablet-right-bottom .box-content{right: 0;left: auto;top: auto;bottom: 0;transform: none;} .text-tablet-right-center .box-content{right: 0;left: auto;top: 50%;bottom: auto;transform: translate(0,-50%);} .text-tablet-center-top .box-content{left: 0;right: 0;top: 0;bottom: auto;transform: none;} .text-tablet-center-bottom .box-content{left: 0;right: 0;top: auto;bottom: 0;transform: none;} .text-tablet-center-center .box-content{left: 0;right: 0;top: 50%;bottom: auto;transform: translateY(-50%);} /**/ .woocommerce div.product:not(.product-type-grouped) .summary form.cart div.quantity .qty{width: 120px;} .woocommerce .page-container:not(.no-sidebar) div.product > .woocommerce-tabs ul.tabs{ margin-left: 0; margin-right: 0; justify-content: flex-start; } .woocommerce .page-container:not(.no-sidebar) div.product > .woocommerce-tabs ul.tabs li{margin-left: 0; /*rtl*/margin-right: 25px; /*rtl*/} .woocommerce .page-container:not(.no-sidebar) div.product > .woocommerce-tabs ul.tabs li:last-child{margin-right: 0; /*rtl*/} .widget-container ul ol, .widget-container ol ol, .widget-container ul 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{ margin-left: 16px; /*rtl*/ } .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs li{width: 25%;} .woocommerce div.product form.cart table.group_table th,.woocommerce div.product form.cart table.group_table td{padding-right: 15px !important;} .woocommerce div.product form.cart table.group_table td.woocommerce-grouped-product-list-item__quantity .quantity{width: 100%;} .woocommerce div.product form.cart table.group_table td.woocommerce-grouped-product-list-item__quantity{width: 100%;margin-top: 10px;} .woocommerce div.product form.cart table.group_table td.woocommerce-grouped-product-list-item__price{padding-right: 0 !important;} .wishlist_table.mobile li .item-wrapper .product-thumbnail{width: 80px;} .page-container:not(.no-sidebar) .item-list .quote-wrapper blockquote{padding: 0;} .page-container:not(.no-sidebar) .list-posts.item-list article,.page-container:not(.no-sidebar) .ts-blogs.item-list .items .article-content{flex-direction: column;gap: 0;} .page-container:not(.no-sidebar) .item-list article .entry-content{flex: none;} .header-v3 .ts-header .header-middle > .container, .header-v3 .ts-header .is-sticky .header-middle > .container{padding-top: 10px;padding-bottom: 0;} .header-v3 .ts-header .is-sticky nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{padding-top: 57px;} .header-v3 .ts-header nav > ul.menu li ul.sub-menu{padding-top: 35px;} .header-v3 .ts-header nav > ul.menu li ul.sub-menu:after.header-v3 .ts-header .is-sticky nav > ul.menu li ul.sub-menu:after{top: 10px;} .header-v3 .ts-header .header-middle .header-right > .search-button.search-icon{padding-top: 0;padding-bottom: 0;} .header-v3 .ts-header .header-middle .header-center{ width: 100%; order: 10; max-width: 100%; padding: 10px 0; margin-top: 13px; position: relative; } .header-v3 .ts-header .header-center:before{ content: ''; width: calc(100% + 100px); position: absolute; top: 0; left: -50px; right: -50px; border-top: 1px solid var(--nooni-middle-border); } .has-1-sidebar .woocommerce.main-products.list .product h3.product-name,.woocommerce.main-products.list .product .meta-wrapper > .price{font-size: 1em;} } /*** Overwrite Woocommerce ***/ @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: 30px; margin-top: -1px; } .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; } } @media only screen and (min-width: 767px) and (max-width: 768px){ .woocommerce table.shop_table_responsive.cart tr td::before, .woocommerce-page table.shop_table_responsive.cart tr td::before{ display: none; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{ background-color: transparent !important; } .woocommerce table.shop_table.wishlist_table .product-name, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-name{ text-align: start !important; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { float: left; /*rtl*/ padding-bottom: 0; } .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; } .header-v4 .ts-header .ts-menu nav > ul, .header-v4 .ts-header nav > ul.menu{gap: 10px;} } @media screen and (max-width: 782px){ body.admin-bar #ts-ajax-add-to-cart-message, .admin-bar .vertical-menu-sidebar div.overlay, .admin-bar .vertical-menu-sidebar .ts-sidebar-content, .admin-bar .ts-floating-sidebar div.overlay, .admin-bar .ts-floating-sidebar .ts-sidebar-content{top: 46px;} }