/* Theme Name: Yobazar Theme URI: https://demo.theme-sky.com/yobazar/ Author: Theme Sky Team Author URI: https://theme-sky.com/ Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites Version: 1.5.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: yobazar */ /* I. HEADER 1. MENU 2. HEADER TOP 3. HEADER MIDDLE II. MAIN CONTENT 1. BREADCRUMB 2. CONTACT US 3. BLANK PAGE 4. SLIDER NAVI/PAGI 5. CUSTOM YOBAZAR 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. FREQUENTLY BOUGHT TOGETHER 4. WOOCOMMERCE TABS VIII. CHECK OUT IX. SHOPPING CART X. POPUP/MODAL XI. WOOCOMMERCE MESSAGE XII. MY ACCOUNT XIII. WISHLIST XIV. BLOG 1. BLOG DETAIL 2. PORTFOLIO DETAIL XV. PAGE TEMPLATE XVI. RESPONSIVE */ .ts-sidebar:after, header:after, .header-container:after, div#main:after, .ts-megamenu-container:after, .container:after, div.content-wrapper:after, .page-container:after, .ts-social-sharing ul:after, .social-icons ul:after, .woocommerce #customer_login:after, .header-right .language-currency:after, #group-icon-header .social-icons ul:after, .woocommerce div.product:after, div.product .summary .meta-content > div:after, .woocommerce.yith-wfbt-section .yith-wfbt-form:after, .div.product .product-images-summary:after, .single-product-buttons-sharing .single-product-buttons:after, .single-portfolio.left-thumbnail .entry-main:after, .woocommerce-account .woocommerce-MyAccount-navigation ul:after, .ts-blogs-wrapper .blogs:after, .ts-product .content-wrapper:after, .ts-shortcode .items:after, .ts-portfolio-wrapper .portfolio-inner:after, .ts-search-result-container ul.product_list_widget:after, .woocommerce-product-gallery__wrapper:after, #commentform .info-wrapper:after, .group-button-header .language-currency:after, .related-posts .blogs:after, .woocommerce .products:after, .woocommerce.columns-3:after, .woocommerce.columns-4:after, .woocommerce.columns-5:after, .woocommerce.columns-6:after{ display: table; content: ""; clear: both; } @-webkit-keyframes animation_menu{ 0%{ visibility: hidden; transform: scale(1,0.7); } 100%{ visibility: visible; transform: scale(1,1); } } @keyframes animation_menu{ 0%{ visibility: hidden; transform: scale(1,0.7); } 100%{ visibility: visible; transform: scale(1,1); } } @-webkit-keyframes mySticky{ from{ transform: translateY(-100%); } to{ transform: translateY(0); } } @keyframes mySticky{ from{ transform: translateY(-100%); } to{ transform: translateY(0); } } @-webkit-keyframes animation_menu_sub{ 0%{ opacity: 0; visibility: hidden; transform: scale(0.7,1); } 100%{ opacity: 1; visibility: visible; transform: scale(1,1); } } @keyframes animation_menu_sub{ 0%{ opacity: 0; visibility: hidden; transform: scale(0.7,1); } 100%{ opacity: 1; visibility: visible; transform: scale(1,1); } } /* SUB MENU */ @-webkit-keyframes animation_fade{ 0%{ opacity: 0; visibility: hidden; } 100%{ opacity: 1; visibility: visible; } } @keyframes animation_fade{ 0%{ opacity: 0; visibility: hidden; } 100%{ opacity: 1; visibility: visible; } } @-webkit-keyframes animation_fade_out{ 0%{ opacity: 1; visibility: visible; } 100%{ opacity: 0; visibility: hidden; } } @keyframes animation_fade_out{ 0%{ opacity: 1; visibility: visible; } 100%{ opacity: 0; visibility: hidden; } } @-moz-keyframes slidebottomtotop{ 0% { transform: translateY(10px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes slidebottomtotop{ 0% { transform: translateY(10px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slidebottomtotop{ 0% { transform: translateY(10px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } /*------------------------------------------------------------------------------------------------------------------- ICONS ---------------------------------------------------------------------------------------------------------------------*/ blockquote:before, .filter-widget-area-button > a:before, .product-per-page-form ul.perpage .perpage-current:after, .woocommerce .woocommerce-ordering .orderby-current:after, .ts-header nav > ul.menu li[class*="ti-"]:before, .mobile-menu-wrapper nav > ul li[class*="ti-"]:before, .breadcrumb-title-wrapper .brn_arrow:before, .breadcrumb-title-wrapper .breadcrumbs-container > span:not(.current):before, .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, .icon-menu-sticky-header .icon:before, .single-navigation:before, .owl-nav > div:before, ul li.cat-parent > span.icon-toggle:after, .widget-title-wrapper a.block-control:after, ul li.recentcomments .comment-author-link:before, .widget_display_search > form > div:before, .search-table .search-button:before, body .select2-search--dropdown:before, .woocommerce-product-search button[type="submit"]: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, body .select2-container--default .select2-selection--single .select2-selection__arrow b:before, nav.main-menu > ul.menu li.parent > a:after, .mobile-menu-wrapper li .ts-menu-drop-icon:after, .product-group-button > div a:after, .product-group-button > div.loop-add-to-cart a.added:after, .product-group-button-meta > div.button-in a:before, .product-group-button-meta > div.loop-add-to-cart > a.button:before, .ask-about-product-button:before, .single-product-buttons-sharing .single-product-buttons a:before, .woocommerce .summary form.cart button.button:before, .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before, .product-hover-vertical-style-2 .products .product div.loop-add-to-cart .button.added:before, .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .button:before, body.search.search-no-results .alert:before, .woocommerce.archive #primary > .woocommerce-info:before, .add-to-cart-popup-content .heading .theme-title:before, .threesixty .nav_bar a:before, #to-top a:before, .eicon-close:before, .ts-store-notice .close:before, .ts-floating-sidebar .close:after, .ts-popup-modal .close:after, body #cboxClose:after, html body > h1 a.close:before, body table.compare-list tr.remove td > a .remove:before, #group-icon-header .menu-title:after, .portfolio-thumbnail a.like:before, .portfolio-like .ic-like:before, .ts-product-video-button:before, .ts-product-360-button:before, body .wishlist_table.mobile li .additional-info-wrapper .product-remove:before, .woocommerce div.product form.cart .reset_variations:before, .woocommerce table.shop_table .product-remove a:before, 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, body .woocommerce table.compare-list .add-to-cart td a:before, .elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li a.remove:before{ font-family: 'themify'; font-weight: normal; font-style: normal; letter-spacing: 0; } /*content*/ blockquote:before{ content: "\e67f"; } .filter-widget-area-button > a:before{ content: "\e6a2"; } .breadcrumb-title-wrapper .brn_arrow:before, .breadcrumb-title-wrapper .breadcrumbs-container > span:not(.current):before{ content: "\e649"; } body #cboxClose:after, html body > h1 a.close:before, body table.compare-list tr.remove td > a .remove:before, .eicon-close:before, .ts-store-notice .close:before, .ts-floating-sidebar .close:after, .filter-widget-area-button > a.active:before, .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:before, .woocommerce div.product form.cart .reset_variations: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: "\e646"; } .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, nav.main-menu > ul.menu li.parent > a:after, .product-per-page-form ul.perpage .perpage-current:after, .woocommerce .woocommerce-ordering .orderby-current:after, ul li.cat-parent > span.icon-toggle:after, .widget-title-wrapper a.block-control:after, body .select2-container--default .select2-selection--single .select2-selection__arrow b:before{ content: "\e64b"; } nav.main-menu > ul.menu .sub-menu li.parent > a:after, .mobile-menu-wrapper li .ts-menu-drop-icon:after{ content: "\e649"; } .mobile-menu-wrapper li.active .ts-menu-drop-icon.active:after{ content: "\e64a"; } body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before{ content: "\e648"; } .single-navigation.prev:not(:empty):before{ content: "\e629"; } .single-navigation.next:not(:empty):before{ content: "\e628"; } .owl-nav > div.owl-next:before{ content: "\e649";/* rtl */ } .owl-nav > div.owl-prev:before{ content: "\e64a";/* rtl */ } .threesixty .nav_bar a:before{ content: "\e6ad"; } .threesixty .nav_bar a.nav_bar_stop:before{ content: "\e6ab"; } .threesixty .nav_bar a.nav_bar_previous:before{ content: "\e6b0";/* rtl */ } .threesixty .nav_bar a.nav_bar_next:before{ content: "\e6af";/* rtl */ } ul li.recentcomments .comment-author-link:before{ content: "\e606"; } .product-group-button > div.quickshop a:after, .widget_display_search > form > div:before, .search-table .search-button:before, body .select2-search--dropdown:before, .woocommerce-product-search button[type="submit"]:before, .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before{ content: "\e610"; } .single-product-buttons-sharing .single-product-buttons a.compare:before, .product-group-button-meta > div.compare a:before, .product-group-button > div.compare a:after{ content: "\e6bb"; } .portfolio-thumbnail a.like:before, .portfolio-like .ic-like:before, .single-product-buttons-sharing .single-product-buttons .yith-wcwl-add-to-wishlist a:before, .product-group-button-meta > div.wishlist a:before, .product-group-button > div.wishlist a:after{ content: "\e634"; } .single-product-buttons-sharing .single-product-buttons a.added:before, .product-group-button-meta > div.compare a.added:before, .product-group-button > div.compare a.added:after{ content: "\e62f"; } .product-group-button > div.loop-add-to-cart a:after, .product-group-button-meta > div.loop-add-to-cart > a.button:before, body .woocommerce table.compare-list .add-to-cart td a:before, .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .button:before, .woocommerce .summary form.cart button.button:before{ content: "\e60d"; } .product-group-button > div.loop-add-to-cart a.added:after, .product-group-button-meta > div.loop-add-to-cart > a.button.added:before, .product-hover-vertical-style-2 .products .product div.loop-add-to-cart .button.added:before, .woocommerce .summary form.cart button.button.added:before{ content: "\e60e"; } .ask-about-product-button:before{ content: "\e75a"; } body.search.search-no-results .alert:before, .woocommerce.archive #primary > .woocommerce-info:before{ content: "\e720"; } .add-to-cart-popup-content .heading .theme-title:before{ content: "\e64c"; } #group-icon-header .menu-title:after{ content: "\e68e"; } .product-group-button > div.loop-add-to-cart a.added:after{ display: block !important; margin: 0; } .ts-product-video-button:before{ content: "\e6ce"; } .ts-product-360-button:before{ content: "\e619"; } #to-top a:before{ content: "\e627"; } /**/ .product-on-sale-form.checked label:after, .product-filter-by-color ul li a:after, .widget-container.product-filter-by-brand ul > li label:after, .product-filter-by-availability ul li label:after, .product-filter-by-price ul li label:after, .woocommerce .widget_rating_filter ul li a:after, .woocommerce .widget_layered_nav_filters ul li a:after, .product-wrapper .color-swatch > div:after, .ts-product-attribute div.option.color a:after, .yith-wfbt-section li .checkboxbutton.checked:after, .ts-header nav > ul.menu li[class*="fa-"]:before, .mobile-menu-wrapper nav > ul li[class*="fa-"]:before, .woocommerce-account .addresses .title .edit:before, .portfolio-thumbnail a.like.already-like:before, .portfolio-like .ic-like.already-like:before, .product-group-button-meta > div.wishlist .added a:before, .product-group-button > div.wishlist .added a:after, .single-product-buttons-sharing .single-product-buttons .yith-wcwl-add-to-wishlist.added a:before, .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li span.checkboxbutton.checked:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:after{ font-family:"Font Awesome 5 Free"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ts-header nav > ul.menu li.fas:before, .mobile-menu-wrapper nav > ul li.fas:before{ font-weight: 900; } .ts-header nav > ul.menu li.fab:before, .mobile-menu-wrapper nav > ul li.fab:before{ font-family: "Font Awesome 5 Brands"; } .product-on-sale-form.checked label:after, .product-filter-by-color ul li a:after, .widget-container.product-filter-by-brand ul > li label:after, .product-filter-by-availability ul li label:after, .product-filter-by-price ul li label:after, .woocommerce .widget_rating_filter ul li a:after, .product-wrapper .color-swatch > div:after, .ts-product-attribute div.option.color a:after, .yith-wfbt-section li .checkboxbutton.checked:after, .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li span.checkboxbutton.checked:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:after{ content: '\f00c'; font-weight: 900; } .woocommerce .widget_layered_nav_filters ul li a:after{ content: "\f00d"; font-weight: 900; } #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: "\e66d"; } .woocommerce-account .addresses .title .edit:before{ content: "\f303"; font-weight: 900; } .portfolio-thumbnail a.like.already-like:before, .portfolio-like .ic-like.already-like:before, .single-product-buttons-sharing .single-product-buttons .yith-wcwl-add-to-wishlist.added a:before, .product-group-button-meta > div.wishlist .added a:before, .product-group-button > div.wishlist .added a:after{ content: "\f004"; font-weight: 900; } /**/ .icon-menu-sticky-header .icon:hover{ opacity: 0.8; } .elementor-lightbox .dialog-lightbox-close-button, .elementor-lightbox .elementor-swiper-button{ outline: 0; } /*------------------------------------------------------------------------------------------------------------------- LOADING ---------------------------------------------------------------------------------------------------------------------*/ .search-table .search-button:before, .search-table .search-button:after{ transition: 150ms ease; } .search-table .search-button:after, .product-group-button-meta > div a.loading:before, .woocommerce .product-group-button-meta > div a.button.loading:before, .woocommerce div.product form.cart .button.loading:before, body .woocommerce table.compare-list .add-to-cart td a.loading:before, .wishlist_table .product-add-to-cart a.add_to_cart.loading:before, .product-hover-vertical-style-2 .products .product div.loop-add-to-cart .button.loading:before, .product-group-button > div a.loading:after, .woocommerce .product-group-button > div .button.loading:after{ content: ""; width: 14px; height: 14px; border-width: 2px; border-style: solid; border-color: rgba(25,25,25,0.5); border-top: 2px solid #191919; border-radius: 50%; text-align: center; display: inline-block; opacity: 0; visibility: hidden; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -7px; } .product-group-button-meta > div a.loading:before, .search-table .loading ~ .search-button:before{ opacity: 0; visibility: hidden; } .search-table .loading ~ .search-button:after, .product-group-button-meta > div a.loading:before, .woocommerce .product-group-button-meta > div a.button.loading:before, body .woocommerce table.compare-list .add-to-cart td a.loading:before, .wishlist_table .product-add-to-cart a.add_to_cart.loading:before, .product-hover-vertical-style-2 .products .product div.loop-add-to-cart .button.loading:before, .woocommerce div.product form.cart .button.loading:before, .woocommerce .product-group-button > div .button.loading:after, .product-group-button > div a.loading:after{ opacity: 1; visibility: visible; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .portfolio-inner a.like.loading:before, .portfolio-like .ic-like.loading:before, .woocommerce div.product .single-product-buttons-sharing .single-product-buttons a.loading:after, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > div.button-in a.loading:after{ content: ""; width: 12px; height: 12px; border-width: 2px; border-style: solid; border-color: rgba(25,25,25,0.5); border-top: 2px solid #191919; border-radius: 50%; text-align: center; display: inline-block; position: absolute; top: 50%; left: 0; /*rtl*/ margin-top: -9px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .product-group-button-meta > div a.loading:before, .woocommerce div.product form.cart .button.loading:before, body .woocommerce table.compare-list .add-to-cart td a.loading:before, .wishlist_table .product-add-to-cart a.add_to_cart.loading:before, .product-hover-vertical-style-2 .products .product div.loop-add-to-cart .button.loading:before, .woocommerce .product-group-button-meta > div a.button.loading:before{ width: 16px; height: 16px; position: static; margin: 0 15px 0 0; /*rtl*/ background: transparent; } .portfolio-like .ic-like.loading:before, .portfolio-inner a.like.loading:before{ width: 10px; height: 10px; position: static; background: transparent; margin-top: -3px; vertical-align: middle; } .wishlist_table .product-add-to-cart a.add_to_cart.loading:before, body .woocommerce table.compare-list .add-to-cart td a.loading:before, .product-hover-vertical-style-2 .products .product div.loop-add-to-cart .button.loading:before, .product-hover-vertical-style-2 .products .product div.loop-add-to-cart .button.added:before{ margin: 0 10px 0 0; /*rtl*/ } .product-hover-vertical-style-2 .products .product .thumbnail-wrapper div.loop-add-to-cart .button.added:before{ font-size: 90%; line-height: 1; } .woocommerce .product-group-button-meta > div a.button.loading:after{ display: none; } .dropdown-container ul.cart_list li.loading:before, div.blockUI.blockOverlay:before, .woocommerce div.blockUI.blockOverlay:before{ left: 0; right: 0; bottom: 0; height: 100%; width: 100%; top: 0; z-index: 4; opacity: 0.9; margin: 0; background-image: none; position: absolute; display: inline-block; content: "" ; -webkit-animation: none ; -moz-animation: none; animation: none; } .button-in .blockUI.blockOverlay:before, .single_add_to_wishlist.loading{ opacity: 1 !important; } .images.loading:after, .ts-product .content-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, .ts-twitter-slider .items.loading:after, article .thumbnail.loading:after, .ts-portfolio-wrapper.loading:after, .thumbnails.loading:after, .ts-product-category-wrapper .content-wrapper.loading:after, .thumbnails-container.loading:after, .column-products.loading:after, .ts-team-members .loading:after, .ts-products-widget-wrapper.loading:after, .ts-blogs-widget-wrapper.loading:after, .ts-recent-comments-widget-wrapper.loading:after, .ts-tiny-cart-wrapper li div.blockUI.blockOverlay:after, .widget_shopping_cart li div.blockUI.blockOverlay:after, .elementor-widget-wp-widget-woocommerce_widget_cart div.blockUI.blockOverlay:after, .ts-popup-modal.loading .overlay:before, #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, div.wpcf7 .ajax-loader:after{ border-width: 2px; border-style: solid; border-top: 2px solid #191919; border-radius: 50%; left: 50%; top: 50%; margin-top: -12px; margin-left: -12px; position: absolute; width: 24px; height: 24px; content: ""; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; background: transparent !important; z-index: 9; } .images.loading:after, .ts-product .content-wrapper.loading:after, .ts-logo-slider-wrapper.loading .content-wrapper: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, .ts-twitter-slider .items.loading:after, article .thumbnail.loading:after, .ts-portfolio-wrapper.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{ width: 36px; height: 36px; margin-left: -18px; margin-top: -18px; border-width: 3px; border-top-width: 3px; } .ts-popup-modal.loading .overlay:before, #cboxLoadingGraphic:after{ border-color: rgba(255,255,255,0.6); border-top-color: rgba(255,255,255,1); } 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{ width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; } /*------------------------------------------------------------------------------------------------------------------- I. HEADER ---------------------------------------------------------------------------------------------------------------------*/ /*** Store Notice ***/ .ts-store-notice{ text-align: center; padding: 5px 0; position: relative; line-height: 20px; z-index: 2; } .ts-store-notice a{ padding: 0 5px; } .ts-store-notice .close{ position: absolute; right: 10px; /*rtl*/ } header .logo img{ transition: 350ms ease 0s; } .ts-header{ padding: 0; display: block; } .ts-header .header-container{ position: relative; } .ts-header:before{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; content: ""; background: rgba(0,0,0,0.6); z-index: 991; opacity: 0; visibility: hidden; transition: 350ms ease 0s; } /*-------------------------------------------------------- 1. MENU ---------------------------------------------------------*/ /* Fix Menu For Theme Default WP */ .ts-menu nav > ul, nav > ul.menu > ul{ padding: 0; margin: 0; } .ts-menu nav > ul:after, nav > ul.menu > ul:after{ display: table; content: ""; clear: both; } .ts-menu nav > ul > li, nav > ul.menu > ul > li{ list-style: none; float: left;/* rtl */ padding: 0; margin: 0; } .ts-menu nav > ul > li{ margin: 0 30px 0 0; /*rtl*/ } nav > ul.menu > ul > li > a{ font-size: 15px; line-height: 18px; padding: 15px 20px; color: #000000; display: inline-block; text-decoration: none; } nav > ul.menu li > a, nav > ul.menu > ul > li > a:hover{ text-decoration: none; } li.hide ul.sub-menu{ display: none !important; } /* SUB MENU */ .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 .menu{ margin: 0; } .ts-header .menu-wrapper{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .ts-header .menu-wrapper .ts-menu{ display: inline-block; } .logo-center .logo-wrapper, .menu-center .menu-wrapper{ text-align: center; padding-left: 0; padding-right: 0; } .menu-right .menu-wrapper{ text-align: right; /*rtl*/ } .menu-wrapper nav > ul.menu, .menu-wrapper nav > ul{ margin: 0; text-align: left; /*rtl*/ } .ts-header .menu-wrapper nav > ul.menu, .ts-header .menu-wrapper nav > ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ts-header nav.main-menu > ul.menu > li, .ts-header nav.main-menu > ul > li{ list-style: none; position: relative; padding: 0; margin: 0 30px 0 0;/* rtl */ display: inline-block; } .menu-desc{ line-height: 1.2; font-size: 75%; font-weight: normal; width: 100%; } header .logo-header a{ padding: 0; } header .logo-header a:before{ display: none !important; } .ts-header nav > ul.menu > li:last-child{ padding: 0; margin: 0; } .ts-header nav > ul.menu > li:hover, .ts-header nav > ul > li:hover{ z-index: 993; } .ts-header nav > ul.menu > li a:hover, .ts-header nav > ul > li a:hover{ text-decoration: none; } .ts-header nav > ul.menu > li > a, .ts-header nav > ul > li > a{ padding-top: 5px; padding-bottom: 5px; position: relative; } ul.menu li .menu-icon{ width: 16px; } .ts-header nav > ul.menu li:before, .mobile-menu-wrapper nav > ul li:before, ul.menu li .menu-icon{ line-height: 1; display: inline-block; font-size: 80%; } .mobile-menu-wrapper nav > ul li:before, .mobile-menu-wrapper ul.menu li .menu-icon{ vertical-align: middle; } .menu-wrapper a.has-icon, .ts-header nav > ul.menu li[class*="ti-"], .ts-header nav > ul.menu li[class*="fa-"]{ padding-left: 25px !important; /*rtl*/ } .ts-header ul.menu li a.has-icon .menu-icon, .ts-header nav > ul.menu li:before{ position: absolute; top: 50%; left: 0; /*rtl*/ transform: translateY(-50%); } .ts-header nav > ul.menu li:before{ margin-top: -1px; } .ts-header nav > ul.menu li .menu-desc{ text-transform: none; } .menu-sub-label{ position: absolute; right: -15px;/* rtl */ top: -10px; padding: 1px 2px; line-height: 14px; font-size: 65%; color: #ffffff; background-color: #191919; text-align: center; min-width: 35px; border-radius: 2px; } .sub-menu .menu-sub-label{ top: -14px; right: -24px; /*rtl*/ } .mobile-menu-wrapper .sub-menu .menu-sub-label{ top: -14px; } .menu-sub-label:before{ width: 0; height: 0; border-top: 2px solid transparent; border-left: 4px solid transparent;/* rtl */ border-bottom: 7px solid transparent; border-left-color: #191919; border-right-color: #191919; transform: rotate(15deg); position: absolute; right: 50%;/* rtl */ margin-right: -3px;/* rtl */ content: ""; bottom: -5px; } /* SUB MENU */ .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{ position: absolute; right: 10px;/* rtl */ left: auto; top: 50%; line-height: 14px; width: 14px; transform: translate(0,-50%); font-size: 10px; } nav.mobile-menu > ul.menu > li.parent > .ts-menu-drop-icon:after{ margin: 1px 0 0 3px;/* rtl */ display: inline-block; } nav.main-menu > ul.menu li.parent > a:after{ font-size: 8px; margin: 2px 0 0 3px; /*rtl*/ display: inline-block; } nav.main-menu > ul.menu .sub-menu li.parent > a{ width: 100%; } nav.main-menu > ul.menu .sub-menu li.parent > a:after{ margin-left: 0; /*rtl*/ position: absolute; right: 0; /*rtl*/ } .ts-header nav > ul.menu li ul.sub-menu{ position: absolute; z-index: 999; left: -30px;/* rtl */ top: 100%; margin: 0; padding: 62px 30px 30px 30px; width: 200px; display: none; } .ts-header .is-sticky nav > ul.menu li ul.sub-menu{ padding-top: 55px; } .ts-header .ts-menu > nav > ul.menu > li.ts-megamenu-columns-1 > ul.sub-menu, .ts-header .ts-menu > nav > ul.menu > li.ts-normal-menu > ul.sub-menu{ left: -30px !important;/* rtl */ right: auto !important; } .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 ul.sub-menu{ z-index: 990; } .ts-header nav > ul.menu li ul.sub-menu ul.sub-menu ul.sub-menu{ z-index: 991; } .menu-wrapper nav > ul.menu li.hide > ul.sub-menu, .menu-wrapper nav > ul.menu > li.parent.hide:hover > a:after{ display: none; } .ts-header nav > ul.menu li ul.sub-menu:before, .ts-header nav > ul.menu li ul.sub-menu:after{ content: ""; position: absolute; top: 27px; right: 0; left: 0; bottom: 0; z-index: 0; background-color: #ffffff; } .ts-header nav > ul.menu li.ts-normal-menu ul.sub-menu:before, .ts-header nav > ul.menu li.ts-normal-menu ul.sub-menu:after{ top: 33px; } .ts-header nav > ul.menu li:not(.ts-normal-menu):not(.ts-megamenu) ul.sub-menu:before{ top: 35px; } .ts-header nav > ul.menu li:not(.ts-normal-menu):not(.ts-megamenu) ul.sub-menu:after{ top: 36px; } .ts-header .is-sticky nav > ul.menu li:not(.ts-normal-menu):not(.ts-megamenu) ul.sub-menu:before, .ts-header .is-sticky nav > ul.menu li:not(.ts-normal-menu):not(.ts-megamenu) ul.sub-menu:after, .ts-header .is-sticky nav > ul.menu li.ts-normal-menu ul.sub-menu:before, .ts-header .is-sticky nav > ul.menu li.ts-normal-menu ul.sub-menu:after{ top: 26px; } .ts-header nav > ul.menu li ul.sub-menu:before{ box-shadow: 0 5px 5px rgba(0,0,0,0.1); } .ts-header nav > ul.menu li.ts-megamenu ul.sub-menu:before{ border-width: 1px 0 0; border-style: solid; } .ts-header nav > ul.menu li ul.sub-menu:after{ top: 28px; background-size: contain; } .ts-header nav > ul.menu li ul.sub-menu ul.sub-menu{ left: 100%; /* rtl */ width: 250px; padding: 30px 30px 30px 60px;/* rtl */ top: -30px; } .ts-header nav > ul.menu li.menu-item-has-children:hover{ z-index: 992; } .ts-header nav > ul.menu li ul.sub-menu ul.sub-menu:before, .ts-header nav > ul.menu li ul.sub-menu ul.sub-menu:after{ left: 30px;/* rtl */ top: 1px !important; } .ts-header nav > ul.menu li:not(.ts-normal-menu):not(.ts-megamenu) ul.sub-menu ul.sub-menu:before, .ts-header nav > ul.menu li:not(.ts-normal-menu):not(.ts-megamenu) ul.sub-menu ul.sub-menu:after{ top: 3px !important; } .ts-header .is-sticky nav > ul.menu li:not(.ts-normal-menu):not(.ts-megamenu) ul.sub-menu ul.sub-menu:before, .ts-header .is-sticky nav > ul.menu li:not(.ts-normal-menu):not(.ts-megamenu) ul.sub-menu ul.sub-menu:after{ top: 1px !important; } .ts-header nav > ul.menu li ul.sub-menu ul.sub-menu > li, .ts-header nav li.widget_nav_menu li, .ts-header nav > ul.menu li.ts-normal-menu ul.sub-menu li, .ts-header nav > ul.menu > li > ul.sub-menu > li, .ts-header nav > ul.menu > li > ul.sub-menu > li > ul.sub-menu > li, .ts-header nav > ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li{ list-style: none; padding: 5px 0; position: relative; z-index: 2; } .ts-header nav > ul.menu li ul.sub-menu > li:first-child{ padding-top: 0 !important; } .ts-header nav > ul.menu li ul.sub-menu > li:last-child{ padding-bottom: 0 !important; } .ts-header nav > ul.menu li ul.sub-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, .ts-header nav > ul.menu > li > ul.sub-menu > li > a, .ts-header nav > ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > a, .ts-header nav > ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a{ padding: 0; display: table; position: relative; } /* 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: 1230px; } .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: 200px; } .footer-container .elementor-widget-container > h5, .ts-megamenu-container .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{ line-height: 20px; margin-bottom: 25px; cursor: default; } .ts-megamenu-container .content-2-columns ul.menu > li:first-child{ padding-top: 5px; } .ts-megamenu-container .content-2-columns ul.menu > li:last-child{ padding-bottom: 5px; } .ts-header nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{ padding-top: 80px; padding-bottom: 50px; } .ts-header .header-bottom nav > ul.menu li ul.sub-menu{ padding-top: 38px!important; } .ts-header .header-bottom nav > ul.menu li.ts-normal-menu:not(.font-body) ul.sub-menu:before, .ts-header .header-bottom nav > ul.menu li.ts-normal-menu:not(.font-body) ul.sub-menu:after{ top: 11px !important; } .ts-header .header-bottom nav > ul.menu li.ts-normal-menu:not(.font-body) ul.sub-menu ul.sub-menu:before, .ts-header .header-bottom nav > ul.menu li.ts-normal-menu:not(.font-body) ul.sub-menu ul.sub-menu:after, .ts-header .header-bottom nav > ul.menu li ul.sub-menu ul.sub-menu:before, .ts-header .header-bottom nav > ul.menu li ul.sub-menu ul.sub-menu:after{ top: 3px !important; } .ts-header .header-bottom nav > ul.menu li ul.sub-menu:before{ top: 6px; } .ts-header .header-bottom nav > ul.menu li ul.sub-menu:after{ top: 7px; } .ts-header .header-bottom nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{ padding-top: 60px !important; } .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:before, .ts-megamenu-container .elementor-widget ul.menu li ul.sub-menu:after{ display: none; } /* 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 > .container, .header-middle > .container, .header-bottom > .container{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .header-middle > .container{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 15px; padding-bottom: 15px; } .header-bottom > .container{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 10px; padding-bottom: 10px; } .ts-header div.header-right{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; /*rtl*/ } .ts-header div.header-left > *, .ts-header div.header-right > *{ display: inline-flex; } div.header-right > *:not(:last-child){ margin-right: 10px; /*rtl*/ } .ts-header div.header-right .search-icon, .ts-header div.header-right .my-account-wrapper, .ts-header div.header-right .my-wishlist-wrapper, .ts-header div.header-right .shopping-cart-wrapper{ line-height: 0; } .language-currency > div:not(:last-child){ margin-right: 20px; /*rtl*/ } .header-middle .header-right .language-currency:not(:last-child), .header-middle .header-right .language-currency:not(:last-child){ margin-right: 30px; /*rtl*/ } /*** Header Top ***/ .header-top{ line-height: 18px; } .header-top ul li, .header-top ol li{ line-height: inherit !important; } .header-top p{ margin-bottom: 0; } .header-top .header-language, .header-top .header-currency{ color: inherit; } .header-top a:hover{ text-decoration: none; } .header-top .header-left > *:not(:last-child){ margin-right: 30px; /*rtl*/ padding-right: 30px; /*rtl*/ border-width: 0 1px 0 0; border-style: solid; } .header-top div.header-right > *:not(:first-child){ margin-left: 30px; /*rtl*/ padding-left: 30px; /*rtl*/ border-width: 0 0 0 1px; border-style: solid; } .ts-header .header-top .header-left, .ts-header .header-top .header-right{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .header-top .header-left > *, .header-top .header-right > *{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 3px; padding-bottom: 3px; } .hidden-currency.hidden-language .header-top .header-left > *, .hidden-currency.hidden-language .header-top .header-right > *{ padding-top: 6px; padding-bottom: 6px; } .ts-header .info a, #group-icon-header .group-button-header .info a{ margin-left: 20px; /*rtl*/ color: inherit; } body .header-top .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .header-top .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-top .header-currency ul{ padding-top: 23px; } body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-currency ul{ line-height: 22px; } .header-top .wcml_currency_switcher > ul:before{ top: 3px; } .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: 4px; } body .wpml-ls-legacy-dropdown a{ line-height: inherit; } /*** Social icons ***/ .social-icons ul li{ list-style: none; margin: 0 20px 0 0;/*rtl*/ padding: 0; display: inline-block; } .social-icons ul{ margin: 0; } 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*/ margin-right: 0; /*rtl*/ } /*-------------------------------------------------------- 3. HEADER MIDDLE ---------------------------------------------------------*/ .header-middle, .header-bottom{ position: relative; border-width: 0 0 1px 0; border-style: solid; } .header-language, .header-currency, .ts-language-switcher, .ts-currency-switcher{ position: relative; display: block; float: left; /*rtl*/ text-transform: uppercase; } .header-v2 .header-middle > .container{ padding-top: 10px; padding-bottom: 10px; } .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; } .header-currency, .header-currency .wcml_currency_switcher > a{ line-height: 28px; } .header-language, .header-language .wpml-ls> ul > li > a span, .header-language .wpml-ls-legacy-dropdown > ul > li > a, .header-language .wpml-ls-legacy-dropdown-click > ul > li > a, .wpml-ls > ul{ line-height: 26px; } .shopping-cart-wrapper{ cursor: pointer; position: relative; } .shopping-cart-wrapper .cart-icon{ position: relative; } .search-button.search-icon svg, .my-wishlist-wrapper .tini-wishlist svg, .my-account-wrapper .account-control svg, .shopping-cart-wrapper .cart-control svg{ padding: 20px 10px; box-sizing: content-box; } .my-wishlist-wrapper .tini-wishlist, .my-account-wrapper .account-control > a, .shopping-cart-wrapper .cart-control{ display: block; position: relative; } .dropdown-container .theme-title span, .my-wishlist-wrapper .tini-wishlist .count-number, .shopping-cart-wrapper .cart-control .cart-number, .breadcrumb-title-wrapper .page-title .count{ position: absolute; right: 0; /*rtl*/ top: 8px; left: auto; /*rtl*/ width: 20px; height: 20px; font-size: 11px; line-height: 20px; text-align: center; border-radius: 100%; overflow: hidden; } .shopping-cart-wrapper svg path, .my-wishlist-wrapper svg path, .search-button svg path, .my-account-wrapper svg path{ transition: 300ms ease; } .ts-tiny-account-wrapper{ position: relative; } .header-right .shopping-cart-wrapper .cart-control{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ts-tiny-cart-wrapper a.cart-control:hover{ text-decoration: none; } header .my-wishlist-wrapper a span{ right: -5px;/* rtl */ } header .search-button .icon{ position: relative; display: block; text-align: center; cursor: pointer; letter-spacing: 0; transition: 350ms ease 0s; } .ts-language-switcher .wpml-ls-legacy-dropdown > ul > li > a:after, .ts-language-switcher .wpml-ls-legacy-dropdown-click > ul > li > a:after, .ts-currency-switcher .wcml_currency_switcher > a:after, .header-language .wpml-ls-legacy-dropdown > ul > li > a:after, .header-language .wpml-ls-legacy-dropdown-click > ul > li > a:after, .header-currency .wcml_currency_switcher > a:after{ font-size: 8px; position: static !important; border: 0 !important; display: block; float: right; /*rtl*/ margin: 1px 0 0 5px; /*rtl*/ } .ts-search-by-category > form{ min-width: 334px; max-width: 100%; } .header-v4 .header-right > .ts-search-by-category{ margin-right: 20px; /*rtl*/ } .header-v4 .ts-search-by-category > form{ min-width: 200px; } /*** Logo wrapper ***/ header .logo-wrapper{ max-height: 70px; padding: 0 30px 0 0; /*rtl*/ } .header-v4.header-fullwidth header .logo-wrapper, .header-v4.layout-fullwidth header .logo-wrapper{ padding-right: 5%; /*rtl*/ } .header-v4 .header-middle{ border-width: 0; } .sticky-logo{ display: none; } .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 > *{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } /*** Header Dropdown ***/ .shopping-cart-wrapper .dropdown-container, .my-account-wrapper .dropdown-container, .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .ts-currency-switcher ul, .header-currency ul{ display: none; position: absolute; content: ""; right: auto; left: 50%; top: 100%; min-width: 170px; padding: 36px 30px 30px 30px; } .shopping-cart-wrapper:hover .dropdown-container, .my-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; } .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{ position: absolute; left: 0; right: 0; top: 6px; bottom: 0; content: ""; z-index: -1; box-shadow: 0 3px 5px rgba(0,0,0,0.2); display: block; } .my-account-wrapper .dropdown-container:before, .shopping-cart-wrapper .dropdown-container:before{ top: 16px; } .my-account-wrapper .dropdown-container, .shopping-cart-wrapper .dropdown-container{ padding-top: 46px; z-index: 992; } .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: 400px; } .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 li, .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li{ list-style: none; padding: 0 4px 20px 0;/* rtl */ margin: 0 0 20px 0; display: inline-block; width: 100%; position: relative; border-width: 0 0 1px 0; border-style: solid; } .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; } body .dropdown-container ul.cart_list li.loading:before, body .ts-tiny-cart-wrapper ul li div.blockUI.blockOverlay:before{ bottom: 20px; left: 0; right: 0; width: auto; height: auto; } body .dropdown-container ul.cart_list li.loading:after, body .ts-tiny-cart-wrapper ul li div.blockUI.blockOverlay:after{ margin-top: -30px; } .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: 422px; position: relative; } .dropdown-container .cart_list li > a, .woocommerce .dropdown-container .cart_list li > a{ float: left;/* rtl */ width: 100px; } .woocommerce .dropdown-container ul.cart_list li img, .dropdown-container ul.cart_list li img{ width: 100% !important; margin: 0; } .dropdown-footer > a{ width: 100%; float: none; /*rtl*/ margin: 0 0 5px !important; } .dropdown-footer > a:last-child{ margin-left: 4%;/* rtl */ } .dropdown-footer > a:first-child:last-child{ margin: 0;/* rtl */ } .cart_list .subtotal{ float: right; /*rtl*/ margin-top: 10px; } .header-right .cart-control .cart-total{ display: block; } .ts-tiny-cart-wrapper .total > span.amount, .widget_shopping_cart .total .amount, .elementor-widget-wp-widget-woocommerce_widget_cart .total .amount{ float: right; /* 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: 14px 0 14px 0; border-width: 1px 0 0 0; border-style: solid; position: relative; overflow: hidden; } .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; font-weight: 500; } .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: 330px; } .dropdown-container .dropdown-footer{ margin: 0; } .my-account-wrapper .login-submit{ padding-top: 10px; } .my-account-wrapper .login-submit input{ min-width: 120px; padding-left: 5px; padding-right: 5px; } #ts-login-form .login-remember{ float: right;/* rtl */ padding: 10px 0; margin-top: 13px; } p.login-remember label{ padding: 0; cursor: pointer; } .my-account-wrapper .dropdown-container input{ margin-bottom: 0; } .logged-in .my-account-wrapper .dropdown-container{ width: 220px; } .logged-in .my-account-wrapper .dropdown-container ul{ margin-bottom: 0; } .logged-in .my-account-wrapper .dropdown-container ul li{ list-style: none; } .my-account-wrapper .dropdown-container a{ color: inherit; text-decoration: none; } body .elementor-lightbox .elementor-video-container { width: 82%; } /*** Fix dropdown alignright ***/ .header-middle .header-right > div:not(.language-currency):last-child .dropdown-container{ right: 0; /*rtl*/ left: auto; } .header-middle .header-right > div:not(.language-currency):nth-last-child(2) .dropdown-container{ right: -50px; /*rtl*/ left: auto; /*rtl*/ } .header-middle .header-right > div:not(.language-currency):nth-last-child(3) .dropdown-container{ right: -100px; /*rtl*/ left: auto; /*rtl*/ } .header-v2 .header-middle .header-right > div:not(.language-currency):nth-last-child(2) .dropdown-container{ right: 0; /*rtl*/ left: auto; /*rtl*/ } .header-v2 .is-sticky .header-middle .header-right > div:not(.language-currency):nth-last-child(2) .dropdown-container, .header-v2 .header-middle .header-right > div:not(.language-currency):nth-last-child(3) .dropdown-container{ right: -50px; /*rtl*/ left: auto; /*rtl*/ } .header-v2 .is-sticky .header-middle .header-right > div:not(.language-currency):nth-last-child(3) .dropdown-container, .header-v2 .header-middle .header-right > div:not(.language-currency):nth-last-child(4) .dropdown-container{ right: -100px; /*rtl*/ left: auto; /*rtl*/ } .header-v2 .is-sticky .header-middle .header-right > div:not(.language-currency):nth-last-child(4) .dropdown-container{ right: -150px; /*rtl*/ left: auto; /*rtl*/ } .header-v2.logged-in .is-sticky .header-middle .header-right > div.my-account-wrapper:nth-last-child(4) .dropdown-container{ right: auto; /*rtl*/ left: 50%; /*rtl*/ margin-left: -110px; /*rtl*/ } /*** Fix Header Sticky ***/ .is-sticky .header-middle > .container{ padding-top: 8px; padding-bottom: 8px; } .header-sticky{ position: relative; z-index: 993; width: 100%; transition: 100ms ease 0s; } 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: 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); } .sticky-wrapper.is-sticky .my-account-wrapper .dropdown-container, .sticky-wrapper.is-sticky .shopping-cart-wrapper .dropdown-container{ padding-top: 40px; } .sticky-wrapper.is-sticky .my-account-wrapper .dropdown-container:before, .sticky-wrapper.is-sticky .shopping-cart-wrapper .dropdown-container:before{ top: 8px; } .header-sticky .visible-sticky.logo-wrapper{ width: 0; height: auto; display: none; } .ts-header .is-sticky nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{ padding-top: 75px; } .ts-header .is-sticky nav > ul.menu li ul.sub-menu:before{ top: 20px; } .ts-header .is-sticky nav > ul.menu li ul.sub-menu:after{ top: 21px; } .ts-header .is-sticky .header-bottom nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{ padding-top: 60px; } .ts-header .is-sticky .header-bottom nav > ul.menu li ul.sub-menu:before{ top: 6px; } .ts-header .is-sticky .header-bottom nav > ul.menu li ul.sub-menu:after{ top: 7px; } .icon-menu-sticky-header{ display: none !important; width: 20px; padding: 20px 10px; box-sizing: content-box; text-align: center; cursor: pointer; position: relative; top: 2px; } .icon-menu-sticky-header .icon{ display: inline-block; vertical-align: top; line-height: 0; transition: 350ms ease; } .icon-menu-sticky-header .icon svg line{ transition: 200ms ease; } .icon-menu-sticky-header .icon.active svg line:nth-child(1){ transform: rotate(45deg) translate(3px,-4px); transform-origin: top left; } .icon-menu-sticky-header .icon.active svg line:nth-child(2){ transform: scale(0,1); transform-origin: left center; } .icon-menu-sticky-header .icon.active svg line:nth-child(3){ transform: rotate(-45deg) translate(3px,3px); transform-origin: bottom left; } .sticky-wrapper.is-sticky .icon-menu-sticky-header{ display: inline-block !important; } .ts-header .is-sticky .header-bottom{ display: none; } /*** Cart Sidebar ***/ .dropdown-container .theme-title{ margin-bottom: 40px; } .dropdown-container .theme-title span{ position: static; display: inline-block; vertical-align: super; margin: 0; } .ts-sidebar-content .ts-tiny-cart-wrapper, .ts-sidebar-content .ts-tiny-cart-wrapper .cart-dropdown-form{ height: 100%; } .ts-sidebar-content .ts-tiny-cart-wrapper .form-content{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; } .ts-sidebar-content .ts-tiny-cart-wrapper .cart-wrapper{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .ts-sidebar-content .ts-tiny-cart-wrapper .cart-content{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; } #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper .cart-content .cart_list{ max-height: 100%; overflow-y: scroll; margin-right: -17px;/* rtl */ margin-left: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .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: 0;/* rtl */ margin-left: 0; } #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; } /*** Language ***/ .wpml-ls-legacy-dropdown{width: 15.5em;max-width: 100%} .wpml-ls-legacy-dropdown>ul{position: static;padding: 0;margin: 0 !important;list-style-type: none} .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu{visibility: visible} .wpml-ls-legacy-dropdown .wpml-ls-item{padding: 0;margin: 0;list-style-type: none} .wpml-ls-legacy-dropdown a{display: block;text-decoration: none;color: #444;border: 1px solid #cdcdcd;background-color: #fff;padding: 5px 10px;line-height: 20px} .wpml-ls-legacy-dropdown-click a{ line-height: 20px; } .wpml-ls-legacy-dropdown a span{vertical-align: middle;display: inline-block} .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{position: relative;padding-right: calc(10px + .7em + .7em)} .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{content: '';vertical-align: middle;display: inline-block;border: .35em solid transparent;border-top: .5em solid;position: absolute;right: 10px;/* rtl */top: calc(50% - .175em)} .wpml-ls-legacy-dropdown a:hover,.wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a{color: #000;background: #eee} .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{visibility: visible;position: relative;top: auto;right: auto;left: auto;bottom: auto;border-top: 1px solid #cdcdcd;padding: 0;margin: 0;list-style-type: none;z-index: 101} .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{border-width: 0 1px 1px 1px} .wpml-ls-legacy-dropdown .wpml-ls-flag{vertical-align: middle;width: 18px;height: 12px; position: relative; top: 4px; float: left;/* rtl */} .wpml-ls-legacy-dropdown .wpml-ls-flag + span{float: left;/* rtl */} .wpml-ls-legacy-dropdown-click > ul{ position: static; } .wpml-ls-legacy-dropdown > ul > li > a .wpml-ls-flag{top: 6px;} .ts-header .wpml-ls-legacy-dropdown > ul > li > a .wpml-ls-flag, .wpml-ls-legacy-dropdown .wpml-ls-flag+span{margin-left: .4em} .wpml-ls-first-item.wpml-ls-last-item .wpml-ls-native:after, .wpml-ls-first-item.wpml-ls-last-item .wpml-ls-sub-menu{ display: none !important; } body .wpml-ls > ul > li > a span.wpml-ls-bracket{ float: none !important; } .wpml-ls-legacy-dropdown-click > ul > li > a, .wpml-ls-legacy-dropdown > ul > li > a, .wpml-ls-legacy-list-vertical .wpml-ls-item a, .wpml-ls-legacy-list-horizontal .wpml-ls-item a{ overflow: hidden; } body .wpml-ls-legacy-list-vertical{ border-width: 0; } body .wpml-ls-legacy-list-vertical a{ padding: 0; border-width: 0; } body .wpml-ls .wpml-ls-flag + span{ margin-left: 5px;/* rtl */ display: inline-block; } body .wpml-ls-legacy-list-horizontal{ padding: 0; border-width: 0; } body .wpml-ls-legacy-list-horizontal a{ padding: 0 20px 0 0;/* rtl */ } body .wpml-ls-legacy-list-horizontal ul li:last-child a{ padding: 0;/* rtl */ } body .wpml-ls-legacy-list-horizontal .wpml-ls-item{ float: left;/* rtl */ } body .wpml-ls-legacy-list-horizontal, body .wpml-ls-legacy-list-horizontal ul{ overflow: hidden; } body .wpml-ls-legacy-dropdown, body .wpml-ls-legacy-dropdown-click{ width: auto; } body .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle, body .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{ padding: 0 !important; border-width: 0; display: block; background: transparent !important; } header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle, header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{ line-height: 0; } body .wpml-ls .wpml-ls-item:after{ content: ""; display: table; clear: both; } body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a{ padding: 0; border-width: 0; background: transparent !important; } .group-meta-header > div:first-child .dropdown-container, .group-meta-header > div:first-child ul{ right: 0; left: auto;/* rtl */ margin-right: 0;/* rtl */ margin-left: 0;/* rtl */ } body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{ border-width: 0; } body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item{ padding: 5px 0; margin: 0; position: relative; display: inline-block; width: 100%; } 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{ position: absolute; padding: 26px 30px 20px 30px; width: 160px; right: 50%; left: auto; margin-right: -80px; top: 100%; } body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{ border-width: 0; } .header-currency ul li, body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item{ padding: 4px 0; margin: 0; position: relative; } /*** 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: 26px; 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: 6px; } .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; } /*** Currency ***/ .header-currency ul, .ts-currency-switcher ul{ min-width: 120px; } .header-currency img.wcml-spinner{ left: 50%; margin-top: -3px; 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%; padding: 5px 0; transition: 350ms ease 0s; cursor: pointer; } .header-currency > img{ position: absolute; left: 0;/* rtl */ top: 2px; margin-left: 5px !important;/* rtl */ } .header-currency, .ts-currency-switcher{ position: relative; } .header-top .header-currency a, .ts-currency-switcher a{ text-decoration: none; display: block; } /*** Search Sidebar ***/ .ts-floating-sidebar *{ -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ts-floating-sidebar .ts-sidebar-content{ position: fixed; padding: 30px; top: 0; bottom: 0; right: 0;/* rtl */ z-index: 99991; width: 400px; max-width: 100%; transform: translateX(400px);/* rtl */ transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); overflow-y: auto; } .admin-bar .ts-floating-sidebar .ts-sidebar-content{ top: 32px; } .ts-floating-sidebar div.overlay{ position: fixed; opacity: 0; visibility: hidden; left: 0; right: 0; bottom: 0; top: 0; content: ""; background: #000000; z-index: 99991; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } .admin-bar .ts-floating-sidebar div.overlay{ top: 32px; } .ts-floating-sidebar.active div.overlay{ opacity: 0.3; visibility: visible; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } .ts-floating-sidebar.active .ts-sidebar-content{ transform: translateX(0px); box-shadow: -4px 0 10px rgba(0,0,0,0.1);/* rtl */ } #ts-search-sidebar .woocommerce .ts-search-result-container ul.product_list_widget{ margin-bottom: 30px; } body > .ts-search-result-container{ z-index: 993; padding: 90px 20px; display: none; box-shadow: 0px 5px 5px rgba(0, 0, 0, .1); width: 100% !important; left: 0 !important; /*rtl*/ } body > .ts-search-result-container > p:first-child:last-child{ text-align: center; font-size: 120%; line-height: 1.5; } .ts-search-result-container .search-content{ margin-left: auto; margin-right: auto; } .woocommerce.ts-search-result-container ul.product_list_widget{ margin-left: -15px; margin-right: -15px; } .woocommerce.ts-search-result-container ul.product_list_widget li{ width: 33.3333%; list-style: none; float: left; /*rtl*/ padding-left: 15px; padding-right: 15px; } .woocommerce.ts-search-result-container ul.product_list_widget li:nth-child(3n+1){ clear: both; } .woocommerce.ts-search-result-container ul.product_list_widget li img, .woocommerce .ts-search-result-container ul.product_list_widget li img{ width: 90px; } .woocommerce.ts-search-result-container ul.product_list_widget li .ts-wg-meta, .woocommerce .ts-search-result-container ul.product_list_widget li .ts-wg-meta{ width: calc(100% - 105px); } .ts-search-result-container .description{ margin: 10px 0; font-size: 90%; } .woocommerce .ts-search-result-container ul.product_list_widget .description ul, .woocommerce.ts-search-result-container ul.product_list_widget .description ul{ margin: 0; } .woocommerce .ts-search-result-container ul.product_list_widget .description ul li, .woocommerce.ts-search-result-container ul.product_list_widget .description ul li{ width: 100%; padding: 2px 0; margin: 0; float: none; } .ts-search-result-container .view-all-wrapper{ padding: 0; clear: both; position: relative; z-index: 2; text-align: center; } .ts-search-result-container .view-all-wrapper a{ display: inline-block; position: relative; padding-top: 20px; text-decoration: underline; text-underline-position: under; color: inherit; } .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; padding: 50px 0; } .ts-floating-sidebar .ts-search-result-container:empty{ padding: 0; } /*** 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 > .header-middle{ background: transparent; } .header-transparent .header-template > div:not(.is-sticky) .header-middle:after, .header-transparent .header-template > .header-middle:after{ display: none; } .header-transparent .header-middle{ border-width: 0; } .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, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .header-language .wpml-ls > ul > li > a, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .header-currency .wcml_currency_switcher > a{ color: #ffffff; } .header-transparent.header-text-light .header-template > div:not(.is-sticky) .my-wishlist-wrapper .tini-wishlist .count-number, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .shopping-cart-wrapper .cart-control .cart-number{ background-color: #ffffff; color: #191919; } .header-transparent.header-text-light .header-template > div:not(.is-sticky) .shopping-cart-wrapper svg path, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .my-wishlist-wrapper svg path, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .search-button svg path, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .my-account-wrapper svg path{ stroke: #ffffff; } .header-transparent.header-text-light .header-template > div:not(.is-sticky) .ic-mobile-menu-button svg path{ fill: #ffffff; } /*------------------------------------------------------------------------------------------------------------------- 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{ min-height: 500px; width: 100%; clear: both; } .page-template-blank-page-template div#main{ min-height: 0; } .product-title-shorten ul.product_list_widget li .ts-wg-meta a.title, .product-title-shorten .product-name h3 > a, .product-title-shorten .product-name > a{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } li > div > h3.product-name{ padding-right: 20px;/* rtl */ margin-bottom: 6px; } li > div > .price{ margin-bottom: 8px; } .ts-tiny-cart-wrapper .cart_list li > a, .woocommerce .ts-tiny-cart-wrapper .cart_list li > a{ width: 80px; } .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper, .woocommerce .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper{ margin-left: 100px; /*rtl*/ } .product-title-shorten li > div > h3.product-name{ margin-bottom: 8px; } .product-title-shorten li > div > .price{ margin-bottom: 10px; } /* LOADING */ .ts-product .content-wrapper.loading{ max-height: 400px; } .ts-product-category-wrapper .content-wrapper.loading, .ts-portfolio-wrapper.ts-masonry.loading, .ts-blogs.loading .content-wrapper, .ts-products-widget-wrapper.loading, .ts-recent-comments-widget-wrapper.loading, article .thumbnail.loading, .single-portfolio .thumbnails.loading, .ts-team-members .loading, .woocommerce .product figure.loading, .images.loading, .ts-blogs-widget-wrapper.loading, .ts-logo-slider-wrapper.loading .content-wrapper, .related-posts.loading .content-wrapper, .blogs article a.gallery.loading, .ts-testimonial-wrapper .items.loading, .ts-twitter-slider .items.loading, .ts-portfolio-wrapper.loading{ height: 200px; } .column-products.loading{ height: 400px; } .thumbnails-container.loading, .thumbnails.loading{ height: 100px; } .images.loading, .ts-product .content-wrapper.loading, .ts-logo-slider-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, .ts-twitter-slider .items.loading, article .thumbnail.loading, .ts-portfolio-wrapper.loading, .thumbnails.loading, .ts-product-category-wrapper .content-wrapper.loading, .thumbnails-container.loading, .column-products.loading, .ts-team-members .loading{ position: relative; overflow: hidden; background: transparent !important; border-color: transparent; } .images > *, .ts-product .content-wrapper > *, .ts-logo-slider-wrapper .content-wrapper > *, .related-posts .content-wrapper > *, .woocommerce .product figure > *, .ts-products-widget-wrapper > *, .ts-blogs-widget-wrapper > *, .ts-recent-comments-widget-wrapper > *, .blogs article a.gallery > *, .ts-blogs .content-wrapper > *, .ts-testimonial-wrapper .items > *, .ts-twitter-slider .items > *, article .thumbnail > *, .ts-portfolio-wrapper > *, .thumbnails > *, .ts-product-category-wrapper .content-wrapper > *, .thumbnails-container > *, .column-products > *, .ts-team-members > *{ transition: 350ms ease 0s; } .images.loading > *, .ts-product .content-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 > *, .ts-twitter-slider .items.loading > *, article .thumbnail.loading > *, .ts-portfolio-wrapper.loading > *, .thumbnails.loading > *, .ts-product-category-wrapper .content-wrapper.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 } /*-------------------------------------------------------- 1. BREADCRUMB ---------------------------------------------------------*/ .breadcrumb-title-wrapper{ width: 100%; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0; position: relative; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse wrap; flex-flow: column-reverse wrap; padding: 5px 0; } .breadcrumb-title-wrapper .breadcrumbs-container > span:not(.current), .breadcrumb-title-wrapper .brn_arrow{ font-size: 0; margin: 0 6px; } .breadcrumb-title-wrapper .breadcrumbs-container > span:not(.current){ margin: 0 10px; } .breadcrumb-title-wrapper .breadcrumbs-container > span:not(.current):before, .breadcrumb-title-wrapper .brn_arrow:before{ font-size: 8px; } .breadcrumbs-container > *{ line-height: 16px; } .breadcrumb-title-wrapper .breadcrumbs{ padding: 5px 0 3px; } .breadcrumb-title-wrapper .page-title + .breadcrumbs{ margin-bottom: 30px; } .heading-title.page-title{ margin-bottom: 0; } .breadcrumb-title-wrapper .page-title{ display: inline-block; position: relative; margin-right: auto; /*rtl*/ padding-right: 30px; /*rtl*/ } .breadcrumb-title-wrapper .page-title .count{ top: 0; } /*** Style 2 ***/ .breadcrumb-title-wrapper.breadcrumb-v2:before{ content: ''; display: block; position: absolute; top: 11vw; left: 0; right: 0; bottom: 0; background: #ffffff; } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-content{ padding-top: 11vw; position: relative; } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumbs{ border-width: 0 0 1px; border-style: solid; } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title{ padding: 0; } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title > .breadcrumbs:last-child{ padding-top: 8px; padding-bottom: 6px; } .woocommerce.archive .breadcrumb-title-wrapper.breadcrumb-v2 .page-title{ max-width: 25%; } /*** Style 3 ***/ .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-title{ min-height: 10vw; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .breadcrumb-title-wrapper.breadcrumb-v3 .page-title + .breadcrumbs{ margin-bottom: 5px; } .breadcrumb-title-wrapper.breadcrumb-v3 .page-title{ width: 100%; padding: 0; text-align: center; } /*-------------------------------------------------------- 2. CONTACT US ---------------------------------------------------------*/ .wpcf7-not-valid-tip{ margin: 0 0 0 0; top: -4px; position: relative; display: inline-block; width: 100%; } div.wpcf7-display-none, .wpcf7 form div.columns-3 label + br{ display: none; } body .wpcf7 form .wpcf7-response-output{ border-width: 0; padding: 0; margin: 10px 0; display: inline-block; width: 100%; } .wpcf7 form div.columns-3{ margin: 0 -15px 20px; } .wpcf7 form div.columns-3:after{ content: ''; clear: both; display: table; } .wpcf7 form div.columns-3 > label{ width: 33.3333%; float: left; /*rtl*/ padding: 0 15px; } body .wpcf7 form textarea, body .wpcf7 form input:not([type^="checkbox"]):not([type^="radio"]):not([type^="submit"]){ padding: 10px 0; border-width: 0 0 1px; border-radius: 0; } body .wpcf7 form textarea{ height: 46px; } body .wpcf7 form textarea:focus{ height: 100px; } .woocommerce-MyAccount-content form button[type^="submit"], form.track_order input[type^="submit"], form.track_order button[type^="submit"], div.wpcf7 input[type^="submit"]{ min-width: 208px; margin-top: 15px; } div.wpcf7 .ajax-loader{ width: 20px; height: 20px; background: transparent; position: relative; margin: 15px 0 0 20px; /*rtl*/ display: inline-block; vertical-align: middle; opacity: 1; } div.wpcf7 .ajax-loader:after{ margin-top: -10px; margin-left: -10px; width: 20px; height: 20px; } div.screen-reader-response{ color: #e94b4b; } div.screen-reader-response ul li{ padding-bottom: 0; } div.screen-reader-response ul{ margin: 0 0 20px 0; } div.wpcf7 .wpcf7-form-control-wrap{ margin-bottom: 5px; display: inline-block; width: 100%; } /*hide scrollbar textarea*/ #commentform textarea::-webkit-scrollbar, #main .wpcf7 textarea::-webkit-scrollbar{ opacity: 0; visibility: hidden; } #commentform textarea::-webkit-scrollbar-track, #main .wpcf7 textarea::-webkit-scrollbar-track{ opacity: 0; visibility: hidden; } #commentform textarea::-webkit-scrollbar-thumb, #main .wpcf7 textarea::-webkit-scrollbar-thumb{ opacity: 0; visibility: hidden; } /*-------------------------------------------------------- 3. BLANK PAGE ---------------------------------------------------------*/ .page-template-blank-page-template #main-content{ padding-left: 0; padding-right: 0; } /*-------------------------------------------------------- 4. SLIDER NAVI/PAGI ---------------------------------------------------------*/ body .owl-carousel{ z-index: 5; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ts-slider ul li{ list-style: none; } .ts-slider.products .product, .woocommerce .ts-slider.products .product{ padding: 0; } .woocommerce .content-wrapper:after{ display: table; clear: both; content: ""; } .owl-controls{ width: 100%; } /*** Pagination ***/ .owl-dots{ margin-top: 40px; margin-left: -10px; margin-right: -10px; text-align: center; } .ts-shortcode.ts-product .owl-dots{ margin-top: -35px; position: relative; } .owl-dot{ width: 7px; height: 7px; background: #e3e3e3; border-radius: 50%; display: inline-block; margin: 0 10px; } /*** Navigation ***/ .owl-nav > div{ width: 40px; height: 40px; display: block; position: absolute; top: 50%; transform: translateY(-50%); background: #ffffff; text-align: center; font-size: 0; line-height: 0; opacity: 0; visibility: hidden; transition: 350ms ease; } .woocommerce .cross-sells .owl-nav > div, .woocommerce .up-sells .owl-nav > div, .woocommerce .related .owl-nav > div, .woocommerce.related .owl-nav > div, .ts-product .owl-nav > div{ top: 35%; } .owl-nav > div.owl-prev{ left: -50px; /*rtl*/ } .owl-nav > div.owl-next{ right: -50px; /*rtl*/ } .owl-nav > div:before{ line-height: 40px; font-size: 16px; display: inline-block; transition: none; color: inherit; } .owl-carousel:hover .owl-nav > div{ opacity: 1; visibility: visible; } .single-portfolio.slider .owl-carousel:hover .owl-nav > div.owl-prev, .ts-sidebar .thumbnail.gallery .owl-nav > div.owl-prev, .list-posts article .owl-nav > div.owl-prev, .ts-blogs article .owl-nav > div.owl-prev, .section-half-full-left .owl-nav .owl-prev, .section-half-full-right .owl-nav .owl-prev{ left: 0; /*rtl*/ } .single-portfolio.slider .owl-carousel:hover .owl-nav > div.owl-next, .ts-sidebar .thumbnail.gallery .owl-nav > div.owl-next, .list-posts article .owl-nav > div.owl-next, .ts-blogs article .owl-nav > div.owl-next, .section-half-full-left .owl-nav .owl-next, .section-half-full-right .owl-nav .owl-next{ right: 0; /*rtl*/ } .widget-container.has-nav .owl-nav, .elementor-widget[data-widget_type*="wp-widget-"] .owl-nav{ position: absolute; right: -5px; /*rtl*/ top: -8px; transform: translateY(-100%); } .elementor-widget[data-widget_type*="wp-widget-"] .owl-nav{ top: -18px; } .widget-container.has-nav .owl-nav:after, .elementor-widget[data-widget_type*="wp-widget-"] .owl-nav:after{ content: ''; clear: both; display: block; } .widget-container.has-nav .owl-nav > div, .elementor-widget[data-widget_type*="wp-widget-"] .owl-nav > div{ position: static; opacity: 1; visibility: visible; float: left; /*rtl*/ width: 22px; height: 26px; transform: translateY(0); } .widget-container.has-nav .owl-nav > div:before, .elementor-widget[data-widget_type*="wp-widget-"] .owl-nav > div:before{ line-height: 26px; font-size: 13px; } .ts-blogs:not(.columns-1) .blogs > .owl-controls .owl-nav > div{ top: 29%; } .ts-sidebar .thumbnail.gallery .owl-nav > div, .columns-3 .thumbnail.gallery .owl-nav > div{ width: 26px; height: 30px; } .ts-sidebar .thumbnail.gallery .owl-nav > div:before, .columns-3 .thumbnail.gallery .owl-nav > div:before{ line-height: 30px; font-size: 14px; } .widget-container.has-nav, .elementor-widget[data-widget_type*="wp-widget-"] .elementor-widget-container{ overflow: hidden; } .elementor-widget.elementor-widget-wp-widget-ts_social_icons[data-widget_type*="wp-widget-"] .elementor-widget-container{ overflow: visible; } .elementor-widget.elementor-widget-wp-widget-ts_instagram[data-widget_type*="wp-widget-"] .owl-prev{ left: 8px; /*rtl*/ } .elementor-widget.elementor-widget-wp-widget-ts_instagram[data-widget_type*="wp-widget-"] .owl-next{ right: 8px; /*rtl*/ } /*** Flex dots ***/ .flex-control-nav.flex-control-paging{ margin: 0 -11px; } .flex-control-nav.flex-control-paging li{ list-style: none; display: inline-block; margin: 8px 11px; } .flex-control-nav.flex-control-paging li a{ font-size: 0; line-height: 0; width: 7px; height: 7px; background: #e3e3e3; border-radius: 50%; display: block; } /*-------------------------------------------------------- 5. CUSTOM YOBAZAR ---------------------------------------------------------*/ .load-more-wrapper, .woocommerce .woocommerce-cart-form, .woocommerce-checkout #customer_details, .woocommerce-cart article .woocommerce .cart-collaterals, .woocommerce-checkout #order_review, article.single-post > .comments-area:not(:last-child), .woocommerce #customer_login, .woocommerce div.product div.summary, .woocommerce div.product div.woocommerce-product-gallery, .woocommerce > form.checkout #customer_details, .woocommerce > form.checkout #order_review, .woocommerce .woocommerce-order, .woocommerce .woocommerce-customer-details, .yith_wcwl_wishlist_footer .yith-wcwl-share, .single-portfolio > .entry-main, .single-portfolio .related-portfolios, body.error404 #primary > article, article.single-post > .comments-area, .woocommerce div.product .ads-banner, .blog-template #left-sidebar, .blog-template #right-sidebar, .woocommerce-account .woocommerce-MyAccount-content{ margin-bottom: 100px; } article.single-post > .entry-meta-bottom{ margin-bottom: 95px; } .woocommerce div.product .woocommerce.yith-wfbt-section{ padding-top: 90px; padding-bottom: 80px; } article.single-post > .entry-meta-bottom .social-sharing{ margin-bottom: 62px; } .woocommerce-tabs, .woocommerce div.product.tabs-in-summary .woocommerce.yith-wfbt-section, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .panel, .woocommerce div.product.show-tabs-content-default .woocommerce.yith-wfbt-section, div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments .woocommerce-noreviews, .woocommerce div.product > #reviews{ padding-bottom: 100px; } .ts-pagination, .woocommerce .after-loop-wrapper:not(:last-child), .woocommerce.archive #main > .page-container{ padding-bottom: 90px; } .woocommerce .cross-sells, .woocommerce .up-sells, .woocommerce .related{ padding-bottom: 40px !important; } .single-portfolio .related-portfolios, body.error404 article > .woocommerce.products, .woocommerce div.product > #reviews, .woocommerce div.product > #reviews + section.products, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs, .woocommerce div.product:not(.show-tabs-content-default):not(.tabs-in-summary) > section.products, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #tab-reviews{ padding-top: 90px; } .woocommerce div.product #reviews nav.woocommerce-pagination{ padding: 44px 0 94px; } body.page article.page + .comments-area{ margin-top: 80px; padding-top: 100px; border-width: 1px 0 0; border-style: solid; min-height: 300px; } body a.button-text, .woocommerce-cart table.cart td.actions .button, .woocommerce .button.button-small, .button.button-small, .woocommerce .button.button-small.button-border, .button.button-small.button-border, .woocommerce-cart .cart-collaterals .shipping-calculator-form .button, .elementor-button-wrapper .elementor-button.elementor-size-xs{ line-height: 22px; } .woocommerce.archive #primary > .woocommerce-info, .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs li, .elementor-widget-image-box .elementor-image-box-title{ line-height: 26px; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a, .ts-store-notice a, .header-top a, .header-language a, .header-currency a, .ts-header .menu-wrapper .ts-menu a, .product .meta-wrapper a, .comments-area .comments-title a, .filter-widget-area-button a, .author a{ color: inherit; } .header-language a, .header-currency a, .ts-header .menu-wrapper .ts-menu a, .product .meta-wrapper a{ text-decoration: none; } .text-left{ text-align: left !important; } .text-center{ text-align: center !important; } .text-right{ text-align: right !important; } #main ::-webkit-scrollbar, .select2-results__options::-webkit-scrollbar{ width: 4px; cursor: pointer; } #main ::-webkit-scrollbar-track, .select2-results__options::-webkit-scrollbar-track{ background-color: #e6e6e6; } #main ::-webkit-scrollbar-thumb, .select2-results__options::-webkit-scrollbar-thumb{ background-color: #191919; } /*** Default ***/ blockquote:before{ font-size: 150%; display: inline-block; vertical-align: top; margin: 0 10px 0 0; /*rtl*/ float: left; /*rtl*/ } blockquote:after{ content: ''; clear: both; display: table; } article.single-post .entry-content > .content-wrapper blockquote:before, .columns-1 .list-posts article blockquote:before, .columns-0 .list-posts article:nth-child(5n+1) blockquote:before{ margin: 0 20px 0 0; /*rtl*/ } .ul-style.check li:before{ font-size: 70%; } .ts-shortcode.ts-product-brand-wrapper .items{ margin-left: -10px; margin-right: -10px; } .ts-shortcode.ts-product-brand-wrapper .items .item{ text-align: center; padding-left: 10px; padding-right: 10px; } .ts-product-brand-wrapper .item .meta-wrapper{ margin: 10px 0 20px; } .ts-product-brand-wrapper .item .meta-wrapper > *:not(:last-child){ margin-bottom: 6px; } .ts-product-brand-wrapper .item img{ border-width: 1px; border-style: solid; max-width: 290px; } .ts-product-brand-wrapper .item .count{ line-height: 18px; } .ts-product-brand-wrapper.ts-product .owl-nav > div{ top: 30%; } .ts-product-category-wrapper.woocommerce:not(.columns-1).style-icon .content-wrapper{ width: 100%; } /*** Custom elementor ***/ .elementor-button-wrapper .elementor-button{ min-width: 168px; } .video-parallax .elementor-background-video-container{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; } .video-parallax .elementor-background-video-container video, .video-parallax .elementor-background-video-container iframe{ position: absolute; top: 0; left: 0; pointer-events: none; transform: none !important; } .elementor-text-editor .discount{ font-size: 13px; line-height: 16px; padding: 5px 30px; border: 1px dashed; display: inline-block; vertical-align: middle; top: -3px; position: relative; } .elementor-section.elementor-section-height-full{ height: 100vh; } .elementor-section.elementor-section-height-full>.elementor-container{ height: 100%; } .admin-bar .elementor-section.elementor-section-height-full{ height: calc(100vh - 32px); } .woocommerce .product_list_widget li .count-rating{ display: none !important; } .ts-language-switcher .wpml-ls-legacy-list-vertical a{ line-height: inherit; } .ts-shortcode .shop-more{ text-align: center; } body:not(.rtl) .elementor-section.elementor-section-full_width.elementor-section-stretched .wp-block-themepunch-revslider rs-fullwidth-wrap rs-module-wrap{ left: 0 !important; } /*------------------------------------------------------------------------------------------------------------------- III. FOOTER ---------------------------------------------------------------------------------------------------------------------*/ .footer-container .elementor-column:not(.elementor-col-100) .ts-mailchimp-subscription-shortcode .widget-title-wrapper .widget-title{ max-width: 400px; } .footer-container .elementor-col-20 .ts-mailchimp-subscription-shortcode .mc4wp-form .subscribe-email input[type="email"], .footer-container .elementor-col-25 .ts-mailchimp-subscription-shortcode .mc4wp-form .subscribe-email input[type="email"], .footer-container .elementor-col-33 .ts-mailchimp-subscription-shortcode .mc4wp-form .subscribe-email input[type="email"]{ width: 100%; min-width: 0; max-width: 100%; margin-right: 0; /*rtl*/ } .footer-container .ts-mailchimp-subscription-shortcode .widget-container .widget-title-wrapper{ margin-bottom: 20px; } .footer-container .elementor-widget-text-editor ul li a, .footer-container .elementor-widget-text-editor:not(.elementor-widget-ts-list-of-product-categories) ul li a{ color: inherit; } .footer-container .social-icons .list-icons li a{ font-size: 19px; } .elementor-widget-ts-language-switcher + .elementor-widget-ts-currency-switcher .ts-currency-switcher{ margin-top: 2px; } .footer-container a, .footer-container h1, .footer-container h2, .footer-container h3, .footer-container h4, .footer-container h5, .footer-container h6, .elementor-heading-title{ color: inherit; } /* TO TOP BUTTON */ #to-top{ position: fixed; right: 2px; /* rtl */ bottom: 2px; transform: scale(0,0); width: 50px; height: 50px; transition: 350ms ease 0s; text-align: center; cursor: pointer; border-radius: 100%; display: block !important; z-index: 996; backface-visibility: hidden; -webkit-backface-visibility: hidden; } #to-top a{ display: block; width: 46px; height: 46px; overflow: hidden; text-transform: uppercase; font-size: 0; line-height: 0; letter-spacing: 0; text-decoration: none; background: rgba(0,0,0,0.3); color: #ffffff; border-radius: 50%; } #to-top a:before{ font-size: 18px; line-height: 46px; } #to-top a:hover{ text-decoration: none; opacity: 1; box-shadow: 0 0 6px rgba(100,100,100,0.1) } #to-top.on{ transform: scale(1,1); } /*------------------------------------------------------------------------------------------------------------------- IV. WIDGET ---------------------------------------------------------------------------------------------------------------------*/ .widget-container{ clear: both; position: relative; } .widget-container:not(:last-child){ border-width: 0 0 1px; border-style: solid; padding: 0 0 40px 0; margin: 0 0 40px 0; } .widget-container ul, .elementor-widget[data-widget_type*="wp-widget-"] ul{ margin-bottom: 0 !important; } .widget-container.has-nav .widgettitle{ margin-right: 40px; /*rtl*/ } .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: 10px; } .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: 12px 0 6px 20px; /*rtl*/ } #left-sidebar .widget-container ul ol, #left-sidebar .widget-container ol ol, #left-sidebar .widget-container ul ul, #left-sidebar .elementor-widget[data-widget_type*="wp-widget-"] ul ol, #left-sidebar .elementor-widget[data-widget_type*="wp-widget-"] ol ol, #left-sidebar .elementor-widget[data-widget_type*="wp-widget-"] ul ul, #right-sidebar .widget-container ul ol, #right-sidebar .widget-container ol ol, #right-sidebar .widget-container ul ul, #right-sidebar .elementor-widget[data-widget_type*="wp-widget-"] ul ol, #right-sidebar .elementor-widget[data-widget_type*="wp-widget-"] ol ol, #right-sidebar .elementor-widget[data-widget_type*="wp-widget-"] ul ul{ margin-left: 15px; /*rtl*/ } .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; } .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 > a, .elementor-widget[data-widget_type*="wp-widget-"] ul li > a{ position: relative; } .widget-container a:hover, .elementor-widget[data-widget_type*="wp-widget-"] a:hover{ text-decoration: underline; } .widget-title-wrapper a.block-control{ color: inherit; } .widget-title-wrapper a.block-control:after, .widget-container ul li span.icon-toggle:after, .elementor-widget[data-widget_type*="wp-widget-"] ul li span.icon-toggle:after{ display: inline-block; font-size: 10px; line-height: 1; transition: 350ms ease; } .widget-title-wrapper a.block-control.active:after, .widget-container ul li.active > span.icon-toggle:after, .elementor-widget[data-widget_type*="wp-widget-"] ul li.active > span.icon-toggle:after{ transform: rotate(-180deg); } .widget-title-wrapper a.block-control, .widget-container ul li span.icon-toggle, .elementor-widget[data-widget_type*="wp-widget-"] ul li span.icon-toggle{ position: absolute; content: ""; width: 30px; height: 30px; display: none; right: -10px; /*rtl*/ top: 50%; text-align: center; text-indent: 0; z-index: 8; text-decoration: none; margin-top: -15px; line-height: 26px; } .widget-container ul li span.icon-toggle, .elementor-widget[data-widget_type*="wp-widget-"] ul li span.icon-toggle{ display: inline-block; top: 4px; margin-top: 0; cursor: pointer; } .widget-container ul li:first-child span.icon-toggle{ top: -1px; } /*fix sidebar*/ .ts-sidebar .widget-container textarea, .ts-sidebar .widget-container select, html .ts-sidebar .widget-container input[type^="search"], html .ts-sidebar .widget-container input[type^="text"], html .ts-sidebar .widget-container input[type^="email"], html .ts-sidebar .widget-container input[type^="password"], html .ts-sidebar .widget-container input[type^="number"], html .ts-sidebar .widget-container input[type^="tel"], .ts-sidebar .widget-container .chosen-container a.chosen-single, body .ts-sidebar .widget-container .select2-container--default .select2-selection--single .select2-selection__rendered{ padding-top: 7px; padding-bottom: 7px; } .ts-sidebar .widget-container textarea, .ts-sidebar .widget-container select, .ts-sidebar .widget-container select option, html .ts-sidebar .widget-container input[type^="search"], html .ts-sidebar .widget-container input[type^="text"], html .ts-sidebar .widget-container input[type^="email"], html .ts-sidebar .widget-container input[type^="password"], html .ts-sidebar .widget-container input[type^="number"], html .ts-sidebar .widget-container input[type^="tel"], .ts-sidebar .widget-container .chosen-container a.chosen-single, body .ts-sidebar .widget-container .select2-container--default .select2-selection--single .select2-selection__rendered{ font-size: 100%; } body .ts-sidebar .widget-container a.button, body .ts-sidebar .widget-container button, body .ts-sidebar .widget-container input[type^="submit"], body .ts-sidebar .widget-container .widget_price_filter .price_slider_amount .button, .yith-woocompare-widget a.clear-all, .yith-woocompare-widget a.compare, body .ts-sidebar .widget-container .dokan-btn{ padding-top: 5px; padding-bottom: 5px; font-size: 125%; } /*------------------------------------------------------------- 1. WIDGET DEFAULT WP --------------------------------------------------------------*/ /*** Archive ***********************************/ .widget_archive li > a, .widget_categories li > a, .woocommerce .widget_rating_filter ul li .star-rating, .elementor-widget-wp-widget-categories li > a{ margin-right: 9px; /*rtl*/ } ul.product-categories li .count, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item .count, .product-filter-by-brand li label .count{ margin-left: 9px; /*rtl*/ } .ts-product-categories-widget-wrapper ul li .count{ margin-left: 14px; /*rtl*/ } /*** Categories ***********************************/ .widget_categories ul li.current-cat.active > a, .elementor-widget-wp-widget-categories ul li.current-cat.active > a, .widget_categories ul li.current-cat-parent.active > a, .elementor-widget-wp-widget-categories ul li.current-cat-parent.active > a{ text-decoration: underline; } /*** 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: #191919; 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, .woocommerce-product-search{ position: relative } .woocommerce-product-search .search-field, .search-content input[type="text"]{ padding: 6px 60px 6px 20px; /*rtl*/ margin: 0; width: 100%; max-width: 100%; font-size: 100%; } .woocommerce-product-search button[type="submit"], .search-table .search-button{ width: 60px; text-align: center; position: absolute; top: 0; right: 0; /*rtl*/ bottom: 0; display: inline-block; margin: 0; padding: 0 !important; border-width: 0; font-size: 0 !important; background: transparent !important; color: inherit !important; } .woocommerce-product-search button[type="submit"]:before, .search-table .search-button:before, .ts-sidebar .woocommerce-product-search button[type="submit"]:before, .ts-sidebar .search-table .search-button:before{ font-size: 15px; line-height: 38px; } .search-table .search-button input[type^="submit"]{ display: none; } .ts-search-by-category ::-webkit-input-placeholder{ color: #808080; } .ts-search-by-category :-moz-placeholder{ color: #808080; } .ts-search-by-category ::-moz-placeholder{ color: #808080; } .ts-search-by-category :-ms-input-placeholder{ color: #808080; } /*** RSS ***********************************/ .widget_rss .rss-date{ font-size: 90%; 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: 30px; } .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: baseline; margin-right: 10px; /*rtl*/ } /*** Gallery ***********************************/ .widget_media_gallery .gallery{ margin: -3px !important; } .widget_media_gallery .gallery .gallery-item{ padding: 3px !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-width: 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 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*/ } .wp-block-rss a, .wp-block-latest-posts a, .wp-block-latest-comments li a{ color: inherit; } /*------------------------------------------------------------- 2. WIDGET FILTER --------------------------------------------------------------*/ /*** Filter by price ***********************************/ .woocommerce .widget_price_filter form{ padding-top: 7px; } .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: 4px; position: relative; z-index: 1; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ margin: 0 0 20px 14px; /*rtl*/ background: #e6e6e6; border-radius: 0; direction: ltr; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range{ height: 4px; } .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: #103178; } .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: -16px;/* rtl */ right: auto; /*rtl*/ border-width: 0 16px 0 0; /*rtl*/ border-style: solid; border-color: #e6e6e6; width: 16px; height: 4px; } .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: 16px; height: 16px; margin-left: -15px; /*rtl*/ top: -7px; background: #191919; box-shadow: none; border-radius: 100%; } .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: -15px; /*rtl*/ } .woocommerce .widget_price_filter .price_slider_amount{ line-height: inherit; font-size: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce .woocommerce-widget-layered-nav-dropdown .woocommerce-widget-layered-nav-dropdown__submit{ order: 1; background: transparent !important; border-width: 0 !important; padding: 0 !important; text-decoration: underline; margin-top: 10px; } .woocommerce .widget_price_filter .price_slider_amount .button:hover, .woocommerce .woocommerce-widget-layered-nav-dropdown .woocommerce-widget-layered-nav-dropdown__submit:hover{ text-decoration: none; } /*** Filter by attribute ***********************************/ .ts-active-filters .widget_layered_nav_filters:after{ content: ''; clear: both; display: table; } .ts-active-filters .widget_layered_nav_filters .widgettitle{ font-size: 100%; line-height: 24px; float: left;/* rtl */ margin: 0 20px 10px 0;/* rtl */ } .ts-active-filters .widget_layered_nav_filters ul{ float: left;/* rtl */ margin-left: -10px; margin-right: -10px; } .ts-active-filters .widget_layered_nav_filters ul li{ margin: 0 10px 10px; padding: 0; float: left;/* rtl */ line-height: 24px; } .ts-active-filters .widget_layered_nav_filters ul li a{ transition: none; position: relative; color: inherit; } .woocommerce .widget_layered_nav_filters ul li a:after{ color: red; font-size: 10px; display: inline-block; vertical-align: middle; margin-left: 5px; /*rtl*/ } .ts-active-filters .widget_layered_nav_filters ul li a:after{ margin-top: -1px; } .woocommerce .widget_layered_nav_filters ul li a:before{ display: none; } /*** Filter by color ***********************************/ .product-filter-by-color ul li a > span.color-name{ display: none; } .color-swatch:after{ content: ''; clear: both; display: table; } .product-filter-by-color ul li, .ts-product-attribute div.option, .product-filter-by-color ul li a, .ts-product-attribute div.option.color a{ display: inline-block; vertical-align: top; } .color-swatch, .product-filter-by-color ul{ margin: 0 -3px; } .color-swatch > div, .product-filter-by-color ul li, .product-filter-by-color ul li:first-child, .product-filter-by-color ul li:last-child{ margin: 3px; /*rtl*/ padding: 0; } .color-swatch > div{ float: left; /*rtl*/ } .color-swatch > div span, .color-swatch > div img, .ts-product-attribute a img, .product-filter-by-color ul li a img, .product-filter-by-color ul li a > span{ width: 23px; height: 23px; font-size: 0; letter-spacing: 0; border-radius: 100%; display: inline-block; vertical-align: top; transition: 200ms ease 0s; } .ts-product-attribute a{ border-radius: 100%; } .color-swatch > div img, .product-filter-by-color ul li a img, .ts-product-attribute a img{ border-width: 1px; border-style: solid; } .color-swatch > div:before, .product-filter-by-color ul li a:before, .ts-product-attribute div.option.color a:before{ content: ''; width: 25px; height: 25px; border-width: 2px; border-style: solid; border-color: #fff; border-radius: 100%; display: inline-block; vertical-align: top; position: absolute; top: 1px; left: -1px; /*rtl*/ } .color-swatch > div:hover:before, .color-swatch > div.active:before, .product-filter-by-color ul li:hover a:before, .product-filter-by-color ul li.chosen a:before, .ts-product-attribute div.option.color.selected a:before, .ts-product-attribute div.option.color a:hover:before{ width: 21px; height: 21px; border-width: 2px; top: 1px; left: 1px; /*rtl*/ z-index: 2; } .ts-product-attribute div.option.color a:before{ top: -1px; } .ts-product-attribute div.option.color a:hover:before, .ts-product-attribute div.option.color.selected a:before{ top: 1px; } .color-swatch > div:before, .product-filter-by-color ul li a:before, .ts-product-attribute div.option.color a:before{ top: -1px; } .color-swatch > div:hover:before, .color-swatch > div.active:before{ top: 1px; } .color-swatch > div, .product-filter-by-color ul li a, .ts-product-attribute div.option.color a{ position: relative; width: 23px; height: 23px; } .product-filter-by-color ul li .count{ margin: 0 20px 0 5px; /*rtl*/ } .color-swatch > div:after, .product-on-sale-form.checked > label:after, .product-filter-by-color ul li a:after, .ts-product-attribute div.option.color 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; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 8px; line-height: 1; text-align: center; color: #fff; text-shadow: 0 0 1px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; transition: opacity 200ms, visibility 200ms; } .color-swatch > div:after, .product-filter-by-color ul li a:after{ text-shadow: 0 0 1px rgba(0,0,0,0.6); } .color-swatch > div:hover:after, .color-swatch > div.active:after, .product-filter-by-color ul li:hover a:after, .product-filter-by-color ul li.chosen a:after, .ts-product-attribute div.option.color:hover a:after, .ts-product-attribute div.option.color.selected a:after, .woocommerce .widget_rating_filter ul li.chosen a:after, .product-on-sale-form.checked > label:after, .product-filter-by-availability ul li input[checked="checked"] + label:after, .product-filter-by-price ul li.chosen label:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a:after, .widget-container.product-filter-by-brand ul > li.selected label:after{ opacity: 1; visibility: visible; } .color-swatch > div:hover{ cursor: pointer; } /*** fix bg white ***/ .color-swatch > div.color span[style*="background-color:#ffffff"]:before, .product-filter-by-color ul li a span[style*="background-color:#ffffff"]:before, .color-swatch > div.color span[style*="background-color: #ffffff"]:before, .product-filter-by-color ul li a span[style*="background-color: #ffffff"]:before{ content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 50%; background: #f3f4f9; } /*** Filter by brand ***********************************/ .product-on-sale-form > label > input[type^="checkbox"], .product-filter-by-availability ul li input[type^="checkbox"], .product-filter-by-brand ul li input[type^="checkbox"]{ display: none; } .product-on-sale-form > label, .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-bottom: 0; cursor: pointer; display: inline; position: relative; padding-left: 26px; /*rtl*/ } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a{ padding-left: 26px !important; /*rtl*/ } .product-on-sale-form > label{ padding-left: 30px; /*rtl*/ } .product-on-sale-form > label, .product-filter-by-brand ul li label, .product-filter-by-price ul li label, .product-filter-by-availability ul li label, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a{ transition: 200ms ease; } .product-on-sale-form > label: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: 20px; height: 20px; border-width: 1px; border-style: solid; border-radius: 2px; position: absolute; top: 1px; left: 0; } .product-on-sale-form > label:before{ top: 0; } .product-on-sale-form.checked > label:after, .widget-container.product-filter-by-brand ul > li label:after, .product-filter-by-price ul > li label:after, .product-filter-by-availability ul li label:after, .woocommerce .widget_rating_filter ul li a:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:after{ left: 5px; /*rtl*/ top: 6px; transform: translate(0); font-size: 10px; } .widget_layered_nav .woocommerce-widget-layered-nav-list, .product-filter-by-brand .product-filter-by-brand-wrapper > ul{ max-height: 240px; overflow: auto; margin-bottom: 0; } .product-filter-by-brand .product-filter-by-brand-wrapper > ul ul{ margin: 10px 0 2px 20px;/* rtl */ } /*** Filter by rating ***********************************/ .woocommerce .widget_rating_filter ul li .star-rating{ display: inline-block; vertical-align: middle; } .woocommerce .widget_rating_filter ul li{ padding: 5px 0; } /*------------------------------------------------------------- 3. WIDGET TS --------------------------------------------------------------*/ /*** TS Subscription ***********************************/ .widget-container.mailchimp-subscription .widget-title-wrapper{ font-size: 100%; } .subscribe-widget .newsletter p{ margin-bottom: 10px; } .mc4wp-form .subscribe-email input[type="email"], .mc4wp-form .subscribe-email .button{ width: 100%; max-width: 100%; display: inline-block; vertical-align: top; } /*** TS Social Icons ***********************************/ .social-icons .social-desc{ margin-bottom: 10px; } .social-icons .list-icons:after{ display: table; clear: both; content: ""; } .social-icons .list-icons{ margin: 0 -9px; } .social-icons .list-icons li{ text-align: center; float: left;/* rtl */ display: block; position: relative; margin: 0; padding: 0; } .social-icons .list-icons li a{ display: block; transition: none; color: inherit; padding: 5px 9px; font-size: 17px; } .social-icons .list-icons .ts-tooltip{ color: #fff; background-color: #191919; position: absolute; content: ""; top: -8px; left: 50%; transform: translate(-50%, -100%); height: 20px; opacity: 0; visibility: hidden; padding: 2px 5px; min-width: 60px; font-size: 10px; transition: 350ms ease 0s; text-align: center; line-height: 16px; white-space: nowrap; border-radius: 4px; display: none; } .social-icons .list-icons .ts-tooltip:before{ content: ''; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #191919 transparent transparent transparent; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); font-size: 12px; line-height: 14px; } .social-icons.show-tooltip .list-icons .ts-tooltip{ display: inline-block; } .social-icons.style-horizontal .list-icons a:hover i, .social-icons.style-vertical .list-icons a:hover{ opacity: 0.5; } .social-icons .list-icons a:hover .ts-tooltip{ opacity: 1; visibility: visible; z-index: 999; } /*Style verticle*/ .social-icons.style-vertical .list-icons li{ float: none; text-align: left; /*rtl*/ } .social-icons.style-vertical .list-icons li a{ display: inline-block; } .social-icons.style-vertical .list-icons li i{ min-width: 20px; margin-right: 5px; /*rtl*/ } .social-icons.style-vertical.show-tooltip .list-icons .ts-tooltip{ display: inline-block; position: static; background: transparent; color: inherit; transform: translate(0,0); opacity: 1; visibility: visible; font-size: 100%; text-align: left; } .social-icons.style-vertical .list-icons .ts-tooltip:before{ display: none; } /*** TS Twitter ***********************************/ .twitter-wrapper .item{ position: relative; margin: 0 0 20px 0; display: inline-block; width: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .twitter-wrapper .item:last-child{ margin-bottom: 0; } .twitter-wrapper .avatar-name img{ width: 30px; height: 30px; border-radius: 100%; border-width: 1px; border-style: solid; float: left;/* rtl */ } .twitter-wrapper .date-time{ font-size: 95%; font-style: italic; display: inline-block; width: 100%; } .twitter-wrapper .avatar-name{ min-height: 30px; overflow: hidden; } .avatar-name a{ margin: 0 0 0 15px; /* rtl */ position: relative; top: 4px; color: inherit; } .avatar-name a:hover{ text-decoration: none; } .twitter-wrapper .content{ margin-top: 5px; } /*** TS Instagram ***********************************/ .ts-instagram-wrapper.items{ margin: -3px; display: block; overflow: hidden; } .ts-instagram-wrapper.items:after{ content: ''; clear: both; display: table; } .ts-instagram-wrapper .item{ width: 50%; float: left;/* rtl */ padding: 3px; } .elementor-widget-wp-widget-ts_instagram .ts-instagram-wrapper.items{ margin: -10px; } .elementor-widget-wp-widget-ts_instagram .ts-instagram-wrapper .item{ padding: 10px; } .ts-instagram-wrapper.items.owl-carousel{ width: calc(100% + 6px); } .elementor-widget-wp-widget-ts_instagram .ts-instagram-wrapper.items.owl-carousel{ width: calc(100% + 20px); } .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 .item:nth-child(2n+1), .ts-instagram-wrapper.columns-3 .item:nth-child(3n+1), .ts-instagram-wrapper.columns-4 .item:nth-child(4n+1), .ts-instagram-wrapper.columns-5 .item:nth-child(5n+1), .ts-instagram-wrapper.columns-6 .item:nth-child(6n+1){ clear: both; } .ts-instagram-wrapper.columns-3 .item:nth-child(2n+1), .ts-instagram-wrapper.columns-4 .item:nth-child(2n+1), .ts-instagram-wrapper.columns-5 .item:nth-child(2n+1), .ts-instagram-wrapper.columns-6 .item:nth-child(2n+1){ clear: none; } .ts-instagram-wrapper .item > a{ display: block; position: relative; } .ts-instagram-wrapper .item img{ width: 100%; } .ts-instagram-wrapper .item > a:after{ content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; visibility: hidden; background: #000; transition: 350ms ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ts-instagram-wrapper .item:hover > a:after{ opacity: 0.7; visibility: visible; } /*** TS Products ***********************************/ 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{ overflow: hidden; list-style: none; padding: 0; line-height: 18px; position: relative; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li{ padding-right: 20px; /*rtl*/ } ul.product_list_widget li:not(:last-child), .woocommerce ul.product_list_widget li:not(:last-child), .woocommerce .widget_shopping_cart .cart_list li:not(:last-child), .woocommerce.widget_shopping_cart .cart_list li:not(:last-child){ margin: 0 0 20px 0; } .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: 24px; width: 24px; font-size: 0; line-height: 24px; text-align: center; text-indent: 0; padding: 0; letter-spacing: 0; position: absolute !important; left: auto; right: 0;/* rtl */ top: 0; margin: 0 !important; text-decoration: none; background: transparent !important; z-index: 2; } ul.product_list_widget li img, .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ float: left; /*rtl*/ width: 70px; margin: 0 15px 0 0; /*rtl*/ } ul.product_list_widget li .ts-wg-meta, .woocommerce ul.product_list_widget li .ts-wg-meta{ width: calc(100% - 85px); float: right; /*rtl*/ } .widget_shopping_cart .cart_list li > a:not(.remove), ul.product_list_widget li .ts-wg-meta > *:not(:last-child), ul.product_list_widget li > *:not(:last-child):not(.ts-wg-thumbnail), .woocommerce ul.product_list_widget li .ts-wg-meta > *:not(:last-child), .woocommerce.widget_recent_reviews ul.product_list_widget li > *:not(:last-child):not(.ts-wg-thumbnail){ margin-bottom: 10px; display: block; } ul.product_list_widget li > div > .price, .product-title-shorten ul.product_list_widget li > div > .price{ margin-bottom: 0; } ul.product_list_widget li a, .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{ font-weight: normal; } ul.product_list_widget li .reviewer{ font-size: 90%; } ul.product_list_widget .product-categories > *{ display: inline !important; color: inherit !important; } ul.product_list_widget .product-categories > span:first-child{ display: none !important; } /*Cart*/ .elementor-widget-wp-widget-woocommerce_widget_cart .total, .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ margin: 20px 0 6px; } .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; } /*** TS Blogs ***********************************/ .post_list_widget li{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-width: 0 0 1px; border-style: dotted; margin-bottom: 15px; padding-bottom: 15px; } .post_list_widget li:last-child{ margin-bottom: 0; padding-bottom: 0; border-width: 0; } .post_list_widget li .thumbnail{ width: 100%; display: block; margin-bottom: 10px; } /*** TS Recent Comment ***********************************/ .comment_list_widget li{ padding: 0 !important; } .comment_list_widget li:not(:last-child){ margin-bottom: 20px; } .comment_list_widget li:after{ content: ''; clear: both; display: table; } .comment_list_widget .avatar{ width: 36px; border-radius: 100%; float: left; /*rtl*/ margin-right: 14px; /*rtl*/ } .comment_list_widget .avatar > a{ position: relative; } .comment_list_widget .comment-meta .author{ display: block; } .comment_list_widget .comment-body{ font-size: 100%; line-height: 1.5; padding: 0; background: transparent; } .comment_list_widget .avatar ~ .comment-body{ padding: 0 0 0 50px; /*rtl*/ } .comment_list_widget blockquote:before{ font-size: 100%; } /*** 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: 4px 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; } .ts-product-categories-widget-wrapper ul li.cat-parent.active > a, .widget_categories ul li.cat-parent.active > a, .elementor-widget-wp-widget-categories ul li.cat-parent.active > a, .ts-product-categories-widget-wrapper ul li.current > a, .widget_nav_menu ul.menu li.current-menu-item > a, .widget_nav_menu ul.menu li.current-menu-parent > a, .widget_categories ul li.current > a, .elementor-widget-wp-widget-categories ul li.current > a, .widget_product_categories ul.product-categories li.current-cat-parent > a, .widget_product_categories ul.product-categories li.current-cat > a, .elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories li.current-cat-parent > a, .elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories li.current-cat > a{ text-decoration: underline; } .widget_categories > ul li.current-cat > a{ text-decoration: underline; } /*** Yith Compare ***********************************/ body .yith-woocompare-widget ul.products-list, .elementor-widget-wp-widget-yith-woocompare-widget ul.products-list{ margin-bottom: 20px !important; } .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; text-transform: 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; line-height: 24px; position: absolute; left: auto; /*rtl*/ right: 0; /*rtl*/ font-weight: 400; border-radius: 0; text-align: center; cursor: pointer; outline: none; background: transparent !important; text-decoration: none !important; z-index: 2; } 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: 5px 25px 5px 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%; } /*------------------------------------------------------------- 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%; } /*------------------------------------------------------------------------------------------------------------------- V. PRODUCT DEFAULT ---------------------------------------------------------------------------------------------------------------------*/ .woocommerce-page #left-sidebar.ts-col-6, .woocommerce-page #right-sidebar.ts-col-6{ width: 22%; } .woocommerce-page #main-content.ts-col-18{ width: 78%; } .woocommerce-page #main-content.ts-col-12{ width: 56%; padding-left: 0; padding-right: 0; } /*** Products ***/ .woocommerce > .products{ clear: both; display: flex; flex-flow: row wrap; } .woocommerce .products .product{ margin: 0 0 50px 0; padding: 0 15px; position: relative; } .woocommerce .ts-shortcode:not(.rows-2) .products > .product-group{ width: 25%; float: left;/* rtl */ } .woocommerce .products > .product-group .product{ width: 100% !important; } .woocommerce.columns-8 .products .product{ width: 12.5%; } .woocommerce.columns-7 .products .product{ width: 14.285% } .woocommerce.columns-6 .products .product{ width: 16.6% } .woocommerce.columns-5 .products .product{ width: 20%; } .woocommerce.columns-4 .products .product{ width: 25%; } .woocommerce.columns-3 .products .product{ width: 33.3333333333%; } .woocommerce.columns-2 .products .product{ width: 50%; } .woocommerce.columns-1 .products .product{ width: 100% } .woocommerce .ts-slider .products .product{ height: 100%; } .ts-slider .products .owl-item .product{ float: none !important; width: 100% !important; } .ts-slider .item{ width: 100% !important; } .woocommerce .ts-product-deals-wrapper .products .product{ margin-bottom: 30px; } .ts-slider .owl-stage-outer .item{ float: none !important; } .products .product .product-wrapper:after{ display: table; clear: both; content: ""; } .woocommerce .products ul, .woocommerce .products{ margin: 0; } .woocommerce.columns-3, .woocommerce.columns-4, .woocommerce.columns-5, .woocommerce.columns-6{ clear: both; } .woocommerce .products{ margin: 0 -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; position: relative; } .ts-product.woocommerce.columns-1 .products{ margin-left: 0; margin-right: 0; } .ts-product.woocommerce.columns-1 .products .product{ padding-left: 0; padding-right: 0; } .cross-sells > h2, .up-sells > h2, .related > h2{ text-align: center; width: 100%; } .woocommerce .cross-sells.products, .woocommerce .up-sells.products{ margin-left: 0; margin-right: 0; width: 100%; } /*** Product categories ***/ .list-categories{ margin: 30px 0 60px; position: relative; flex-basis: 100%; } .list-categories:after{ content: ''; height: 1px; position: absolute; bottom: 0; left: 15px; right: 15px; border-width: 0 0 1px; border-style: solid; } .woocommerce .products .list-categories .product.product-category{ width: 16.66666%; } #main-content.ts-col-24.show-filter-sidebar .woocommerce .products .list-categories .product.product-category, #main-content.ts-col-18 .woocommerce .products .list-categories .product.product-category{ width: 20%; } #main-content.ts-col-12 .woocommerce .products .list-categories .product.product-category{ width: 25%; } .products .product-category > .product-wrapper{ text-align: center; } /**/ .list-categories, .ts-blogs-wrapper .blogs, .ts-product .content-wrapper, .ts-shortcode .items, .ts-portfolio-wrapper .portfolio-inner, .related-posts .blogs{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .center-content .ts-product .content-wrapper, .ts-product-category-wrapper.style-icon .content-wrapper{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ts-blogs-wrapper.nav-middle .blogs, .ts-product.nav-middle .content-wrapper, .ts-shortcode.nav-middle .items, .ts-portfolio-wrapper.nav-middle .portfolio-inner{ position: relative; } .woocommerce .products .product .product-wrapper{ position: relative; max-width: 100%; height: 100%; margin-left: auto !important; margin-right: auto !important; overflow: hidden; } .woocommerce .products .product .product-wrapper .thumbnail-wrapper img{ width: 100%; } .woocommerce a.button.loading:before, .woocommerce button.button.loading:before, .woocommerce input.button.loading:before{ position: static; background: none; } .woocommerce .product a.added_to_cart{ margin-top: 5px; display: none !important; } .woocommerce .product a.added_to_cart:hover, .woocommerce .product a.button:hover, .woocommerce .product a.added_to_cart:focus, .woocommerce .product a.button:focus{ background-image: none; } /*------------------------------------------------------------- 1. PRODUCT IMAGES --------------------------------------------------------------*/ .woocommerce .product .thumbnail-wrapper{ position: relative; overflow: hidden; } .image-border .thumbnail-wrapper > a img{ border-width: 1px; border-style: solid; } .image-border .product-wrapper:hover .thumbnail-wrapper > a img{ border-color: transparent; } .image-border a.ts-wg-thumbnail img{ border-width: 1px; border-style: solid; } .woocommerce .product .thumbnail-wrapper *{ backface-visibility: hidden; -webkit-backface-visibility: hidden; } .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{ position: absolute; right: 0;/* rtl */ top: 0; z-index: 3 } .product-group-button-meta{ display: none; } body .yith-wcwl-add-to-wishlist{ margin: 0; } .meta-wrapper-2, .product-wrapper .button-in.wishlist i, .yith-wcwl-add-to-wishlist i{ display: none; } .button-in a{ text-decoration: none !important; } .woocommerce .product-wrapper .meta-wrapper{ padding-top: 20px; overflow: hidden; } .woocommerce .product .category-name h3{ margin-bottom: 0; line-height: 24px; } .woocommerce .product-wrapper .meta-wrapper:after{ display: table; clear: both; content: ""; } .ts-product-deals-wrapper .meta-wrapper .ts-countdown{ position: absolute; top: 10px; right: 10px; z-index: 2; margin-bottom: 0; max-width: calc(100% - 70px); } .ts-product-deals-wrapper .meta-wrapper .counter-wrapper{ padding: 8px 16px 4px; } .ts-product-deals-wrapper .meta-wrapper .counter-wrapper > div{ min-width: 26px; } .ts-product-deals-wrapper .meta-wrapper .counter-wrapper > div > div{ font-size: 14px; } .ts-product-deals-wrapper .meta-wrapper .counter-wrapper > div > .ref-wrapper{ font-size: 10px; } .ts-product-deals-wrapper .meta-wrapper .counter-wrapper > .dot{ margin: 0 4px; font-size: 18px; top: -8px; } .ts-product-deals-wrapper .thumbnail-wrapper .product-group-button > div{top: 50px;} .ts-product-deals-wrapper .thumbnail-wrapper .product-group-button > div:nth-child(2){top: 90px;} .ts-product-deals-wrapper .thumbnail-wrapper .product-group-button > div:nth-child(3){top: 130px;} .ts-product-deals-wrapper .thumbnail-wrapper .product-group-button > div:nth-child(4){top: 170px;} .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg{ z-index: 2; cursor: zoom-in; } /*------------------------------------------------------------- 2. PRODUCT LABEL --------------------------------------------------------------*/ .woocommerce .product .product-label{ position: absolute; right: auto; left: 10px;/* rtl */ top: 10px; bottom: auto; z-index: 2; text-align: center; } .woocommerce .product-label > span.onsale, .woocommerce .product-label > span{ width: auto; min-width: 50px; min-height: 20px; position: relative; top: auto; right: auto; left: auto; padding: 0; text-align: center; display: block; font-size: 12px; line-height: 20px !important; margin-bottom: 3px; border-radius: 20px; } .woocommerce .product-label span span{ padding: 0 8px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; align-items: center; position: relative; justify-content: center; } .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; } /*------------------------------------------------------------- 3. PRODUCT META --------------------------------------------------------------*/ .product-brands, .woocommerce .products .product .product-categories{ overflow: hidden; text-decoration: none; } .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 > *{ margin-bottom: 8px; display: block; } .products .meta-wrapper > *:last-child{ margin-bottom: 0; } .products .meta-wrapper > .star-rating, .woocommerce .products .star-rating{ margin: 12px 0; /* margin + 4px top/bottom because of line-height*/ float: none;/* rtl */ } /**/ /*** Price ***/ .price, .products .meta-wrapper > .price{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .price del ~ ins{ margin-right: 10px; /*rtl*/ } .price del{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins{ font-weight: normal; } /*** Rating ***/ .star-rating, .star-rating span, .woocommerce .star-rating span:before, .woocommerce .star-rating:before, .rs-layer .rs-starring .star-rating:before, .rs-layer .rs-starring-page .star-rating:before, .rs-layer .rs-starring .star-rating span:before, .rs-layer .rs-starring-page .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{ font-size: 13px; letter-spacing: 2.5px; } .woocommerce p.stars a::before{ font-size: 20px; } .star-rating span:before, .star-rating:before, .woocommerce .star-rating span:before, .woocommerce .star-rating:before, .rs-layer .rs-starring .star-rating:before, .rs-layer .rs-starring-page .star-rating:before, .rs-layer .rs-starring .star-rating span:before, .rs-layer .rs-starring-page .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{ content: "\e020\e020\e020\e020\e020"; font-family: WooCommerce; text-transform: uppercase; white-space: nowrap; } .woocommerce p.stars a::before, .woocommerce p.stars:hover a::before, .woocommerce p.stars a:hover~a::before, .woocommerce p.stars.selected a.active::before, .woocommerce p.stars.selected a.active~a::before, .woocommerce p.stars.selected a:not(.active)::before{ content: "\e020"; text-transform: uppercase; } .star-rating, .woocommerce .star-rating, .ts-testimonial-wrapper .rating, .rs-layer .rs-starring .star-rating, .rs-layer .rs-starring-page .star-rating, blockquote .rating{ width: 76px; height: 14px; line-height: 1; overflow: hidden; font-family: WooCommerce; position: relative; backface-visibility: visible; -webkit-backface-visibility: visible; } .rs-layer .rs-starring .star-rating, .rs-layer .rs-starring-page .star-rating, .rs-layer .rs-starring .star-rating span, .rs-layer .rs-starring-page .star-rating span{ line-height: 1 !important; } .star-rating span, .woocommerce .star-rating span, .ts-testimonial-wrapper .rating span, blockquote .rating span, .rs-layer .rs-starring .star-rating span, .rs-layer .rs-starring-page .star-rating span, .product_list_widget .star-rating span{ overflow: hidden; top: 0; left: 0; /*rtl*/ position: absolute; padding-top: 20px; } blockquote .rating span:before, .ts-testimonial-wrapper .rating span:before, .star-rating span::before{ position: absolute; top: 0; left: 0; /*rtl*/ } /*** 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; border-width: 0; border-radius: 0; margin: 0; padding: 0 25px; line-height: 44px; text-align: center; border-width: 1px; border-style: solid; border-radius: 40px; } .woocommerce.main-products.columns-1 .products .product .quantity input.qty { width: 100%; } .woocommerce div.product form.cart table div.quantity{ float: left;/* rtl */ margin: 0; } form.cart div.product .group_table .woocommerce-grouped-product-list-item__quantity, .woocommerce div.product form.cart .group_table .woocommerce-grouped-product-list-item__quantity{ padding-left: 10px;/* rtl */ } .shop_table .quantity, .summary .quantity, .cart-item-wrapper .quantity{ float: none; position: relative; display: inline-block; vertical-align: top; overflow: hidden; } .quantity span:not(.amount){ display: none; } .quantity .number-button{ position: relative; display: flex; letter-spacing: 0; } .quantity .minus, .quantity .plus{ border: 0; background: transparent; width: 30%; height: 46px; margin: 0 !important; line-height: 46px; text-align: center; position: absolute; left: 0;/* rtl */ top: 0; padding: 0; z-index: 2; cursor: pointer; border-radius: 0; } .quantity .plus{ right: 0;/* rtl */ left: auto; } .woocommerce div.product form.cart div.quantity .plus{ right: 20px;/* rtl */ left: auto; } .shop_table .quantity .qty, .summary .quantity .qty, .cart-item-wrapper .quantity .qty{ width: 128px; } .cart-item-wrapper .quantity{ text-align: center; margin: 0; float: left;/* rtl */ } .cart-item-wrapper .quantity .qty{ width: 100px; } .cart-item-wrapper .quantity .qty, .cart-item-wrapper .quantity .minus, .cart-item-wrapper .quantity .plus{ height: 40px; line-height: 40px; } .quantity .minus:hover, .quantity .plus:hover{ z-index: 3; } /*------------------------------------------------------------- 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: 32px; height: 32px; display: block; position: relative; letter-spacing: 0; background: #ffffff; border-radius: 50%; text-align: center; position: absolute; top: 10px; right: 10px; /*rtl*/ z-index: 6; transform: translateX(100%) translateX(10px); transition: 250ms ease-in-out; } .thumbnail-wrapper .product-group-button > div:nth-child(2){top: 50px;} .thumbnail-wrapper .product-group-button > div:nth-child(3){top: 90px;} .thumbnail-wrapper .product-group-button > div:nth-child(4){top: 130px;} .product-group-button > div a:after{ font-size: 14px; line-height: 32px; transition: none; left: auto; right: auto; bottom: auto; top: auto; padding: 0; } .product-wrapper:hover .product-group-button > div{ transform: translateX(0); } .product-group-button > div a{ width: 100%; height: 100%; margin: 0; position: relative; 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 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%; } .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; border-width: 0; position: relative; letter-spacing: 0; background: transparent !important; color: inherit !important; line-height: inherit !important; } /*** Tooltip ***/ .ts-product-attribute .button-tooltip, .product-group-button .button-tooltip{ padding: 2px 15px 2px 10px; /*rtl*/ line-height: 26px; min-width: 100px; position: absolute; text-transform: none; text-align: center; white-space: nowrap; visibility: hidden; opacity: 0; display: inline-block; transition: 250ms ease-in-out; } .ts-product-attribute .button-tooltip{ min-width: 70px; line-height: 20px; top: -5px; left: 50%; /*rtl*/ transform: translate(-50%,-100%); /*rtl*/ z-index: 10; } .product-group-button .button-tooltip{ left: auto; /*rtl*/ right: 100%; /*rtl*/ top: 50%; height: 30px; margin: -15px 0 0 0; } .product-group-button .button-tooltip:before, .ts-product-attribute .button-tooltip:before{ position: absolute; top: 0; bottom: 0; left: 0; right: 5px; /*rtl*/ z-index: -1; content: ""; border-radius: 15px; } .ts-product-attribute .button-tooltip:before{ border-radius: 5px; background: #ffffff; box-shadow: 0 3px 8px rgba(0,0,0,0.3); } .ts-product-attribute .button-tooltip:after{ width: 0; height: 0; position: absolute; left: 50%; /*rtl*/ bottom: -5px; content: ""; margin-left: -5px; /*rtl*/ border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #ffffff; } .product-group-button > div:hover a .button-tooltip, .ts-product-attribute > div:hover a .button-tooltip{ opacity: 1; visibility: visible; } .product-no-tooltip .product-group-button > div .button-tooltip{ display: none; } .button-in .blockUI, .button-in .blockUI.blockOverlay{ opacity: 0 !important; } /*** Hover style 2 ***/ .product-hover-vertical-style-2 .thumbnail-wrapper .product-group-button > div.loop-add-to-cart{ width: 100%; height: auto; position: absolute; top: auto; left: 0; right: 0; bottom: 0; border-radius: 0; transform: translate(0,100%); } .product-hover-vertical-style-2 .product-wrapper:hover .thumbnail-wrapper .product-group-button > div.loop-add-to-cart{ transform: translate(0,0); } .product-hover-vertical-style-2 .thumbnail-wrapper .product-group-button > div.loop-add-to-cart a:after, .product-hover-vertical-style-2 .thumbnail-wrapper .product-group-button > div.loop-add-to-cart .button-tooltip:before{ display: none !important; } .product-hover-vertical-style-2 .thumbnail-wrapper .product-group-button > div.loop-add-to-cart a.button{ border-radius: 0; border: 0; padding: 6px 10px; } .product-hover-vertical-style-2 .thumbnail-wrapper .product-group-button > div.loop-add-to-cart .button-tooltip{ min-width: 0; height: auto; margin: 0; padding: 0; font-size: 100%; color: inherit; line-height: inherit; position: static; white-space: normal; visibility: visible; opacity: 1; transition: none; } .product-no-tooltip.product-hover-vertical-style-2 .thumbnail-wrapper .product-group-button > div.loop-add-to-cart .button-tooltip{ display: inline-block; } /*** Group button meta ***/ .woocommerce div.product form.cart .button:before, body .woocommerce table.compare-list .add-to-cart td a:before, .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .button:before, .product-group-button-meta > div.loop-add-to-cart > a.button:before{ margin-right: 15px; /*rtl*/ font-size: 90%; line-height: 1; transform: scaleX(-1); display: inline-block; vertical-align: baseline; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons .added a:after, .woocommerce div.product .single-product-buttons-sharing .single-product-buttons .ts-tooltip:before, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .wishlist .added a:after, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in .ts-tooltip:before{ content: attr(data-title); line-height: 20px; font-family: inherit; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > div.button-in{ line-height: 20px; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons .yith-wcwl-add-to-wishlist a:not(.added), .woocommerce div.product .single-product-buttons-sharing .single-product-buttons a.compare:not(.added), .woocommerce.main-products.columns-1 > .products .product-group-button-meta > div.button-in a:not(.added){ font-size: 0; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons a, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > div.button-in a{ position: relative; display: inline-block; vertical-align: baseline; width: auto; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons a:before, .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .button:before, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > div.button-in a:before{ margin-right: 10px; /*rtl*/ } .woocommerce.main-products.columns-1 > .products .product-group-button-meta > div.button-in a:before{ min-width: 16px; display: inline-block; vertical-align: top; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons a.loading, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > div.button-in a.loading{ opacity: 1 !important; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons a.loading:before, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > div.button-in a.loading:before{ opacity: 0; visibility: hidden; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons a.loading:after{ margin-left: 0; /*rtl*/ } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons .ts-tooltip, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in .ts-tooltip{ font-size: 0 !important; line-height: 0; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons .added .ts-tooltip, .woocommerce.main-products.columns-1 > .products .thumbnail-wrapper .product-group-button > div:not(.quickshop), .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .wishlist .added .ts-tooltip{ display: none; } /*------------------------------------------------------------------------------------------------------------------- VI. CATEGORIES PRODUCT ---------------------------------------------------------------------------------------------------------------------*/ .page-description .ts-shortcode{ margin-bottom: 40px; padding: 40px; } .products{ clear: both; } /*** Shop Filters ***/ .woocommerce .before-loop-wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 20px !important; width: 100%; z-index: 994; margin-bottom: 40px; } .woocommerce .before-loop-wrapper > .woocommerce-notices-wrapper {width: 100%;} .woocommerce-result-count{ display: none; margin: 0; } .filter-widget-area-button, .ts-product-columns-selector{ margin: 0 40px 0 0; /*rtl*/ } .filter-widget-area-button, .product-on-sale-form{ margin-top: 2px; } .filter-widget-area-button > a{ display: inline-block; vertical-align: middle; text-decoration: none; } .filter-widget-area-button > a:before{ margin-right: 5px; /*rtl*/ font-size: 75%; display: inline-block; vertical-align: baseline; transition: .3s ease; } .filter-widget-area{ padding: 0; } /*** Filter sidebar ***/ #ts-filter-widget-area .overlay, #ts-filter-widget-area .close, .ts_desktop .show-filter-default .filter-widget-area-button{ display: none; } #ts-filter-widget-area .ts-sidebar-content{ left: 40px; /*rtl*/ right: auto; bottom: auto; top: 0; width: 218px; height: auto; overflow: visible; position: absolute; box-shadow: none; padding: 0; opacity: 0; visibility: hidden; transform: translate(-100%,0); 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); } #ts-filter-widget-area.active .ts-sidebar-content{ opacity: 1; visibility: visible; transform: translate(0,0); } #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 > *:not(.before-loop-wrapper){ transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .woocommerce.archive #main-content.show-filter-sidebar #primary > *:not(.before-loop-wrapper){ transform: translateX(315px); max-width: calc(100% - 315px); -webkit-animation-duration: 500ms; -moz-animation-duration: 500ms; animation-duration: 500ms; -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; } /*** Columns selector ***/ .ts-product-columns-selector > span{ width: 15px; height: 15px; display: inline-block; vertical-align: middle; background: url('images/icons.svg') no-repeat 0 -67px; } .ts-product-columns-selector > span:not(:last-child){ margin-right: 20px; /*rtl*/ } .ts-product-columns-selector > span.column-2{ background-position: -35px -67px; } .ts-product-columns-selector > span.column-3{ background-position: -70px -67px; } .ts-product-columns-selector > span.column-4{ background-position: -105px -67px; } .ts-product-columns-selector > span:not(.selected):hover{ cursor: pointer; } .ts-product-columns-selector > span.selected, .ts-product-columns-selector > span:hover{ background-position-y: -87px; } /*** Woocommerce Orderring ***/ .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ margin: 0 0 0 auto; /*rtl*/ order: 2; } .woocommerce .woocommerce-ordering select{ 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: 0 15px; } .woocommerce .woocommerce-ordering ul li a, .product-per-page-form ul.perpage ul li a{ padding: 5px 0; display: block; color: inherit; } .product-per-page-form ul.perpage ul li a{ white-space: nowrap; } .woocommerce .woocommerce-ordering ul.orderby{ margin: 0 0 0 5px; /*rtl*/ padding: 0; position: relative; display: inline-block; vertical-align: baseline; } .woocommerce .woocommerce-ordering ul.orderby:hover, .product-per-page-form ul.perpage:hover, .woocommerce .woocommerce-ordering ul.orderby.active, .product-per-page-form ul.perpage.active{ z-index: 999; position: relative; } .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; } .product-per-page-form ul.perpage .perpage-current:after, .woocommerce .woocommerce-ordering .orderby-current:after{ font-size: 8px; margin: 0 0 0 5px; /*rtl*/ position: relative; top: -1px; backface-visibility: hidden; -webkit-backface-visibility: hidden; display: inline-block; } .woocommerce .woocommerce-ordering .orderby-current:after{ margin: 0 0 0 10px; /*rtl*/ } .woocommerce .woocommerce-ordering .orderby ul, .product-per-page-form ul.perpage ul{ margin: 0; padding: 17px 0 10px 0; display: none; width: 180px; position: absolute; top: 100%; right: 0; /*rtl*/ z-index: 5; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .product-per-page-form ul.perpage ul{ width: 85px; } .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; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } /*** Products per page ***/ .product-per-page-form{ width: auto; order: 3; margin: 0 0 0 30px; /*rtl*/ } .product-per-page-form > span, .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 li{ padding: 0; } .product-per-page-form ul.perpage ul li a > span{ opacity: 0; visibility: hidden; } .product-per-page-form ul.perpage .perpage-current{ display: block; } .woocommerce .woocommerce-ordering .orderby li a.current, .product-per-page-form ul.perpage ul li a.current > strong, .product-per-page-form ul.perpage .perpage-current > strong{ font-weight: bold; } .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 0 0 5px; /*rtl*/ } .product-per-page-form ul.perpage ul li a:not(:hover):not(.current) > strong{ font-weight: normal; color: inherit; } /*** Woocommerce Pagination ***/ .post-nav-links{ padding-top: 20px; margin-bottom: 0; } .post-nav-links > a{ margin: 5px; } .woocommerce nav.woocommerce-pagination{ margin: 0 -5px 0 -5px; text-align: inherit; } .woocommerce .after-loop-wrapper{ width: 100%; display: inline-block; position: relative; text-align: center; } .woocommerce .after-loop-wrapper:empty{ display: none !important; } .woocommerce .after-loop-wrapper:after{ content: ""; display: table; clear: both; } .pagination-wrap ul.pagination, .ts-pagination{ display: block; margin-left: -3px; margin-right: -3px; text-align: center; } .pagination-wrap ul.pagination, .ts-pagination ul{ display: inline-block; overflow: hidden; } .pagination-wrap ul.pagination > li, .ts-pagination ul li{ list-style: none; float: left;/* rtl */ } .pagination-wrap ul.pagination > li > a:hover, .dokan-dashboard-content .pagination li a:hover, .ts-pagination ul li a:hover{ text-decoration: none; } .dokan-pagination-container{ margin: 40px 0 100px 0; } .show_if_seller label.pull-left{ float: none; } .woocommerce nav.woocommerce-pagination ul, .ts-pagination ul, .dokan-pagination-container .dokan-pagination{ border: 0; margin: 0; padding: 0; } .woocommerce nav.woocommerce-pagination ul li, .dokan-pagination-container .dokan-pagination li{ border: 0; padding: 0 0 6px; float: left;/* rtl */ } .post-nav-links > a, .post-nav-links > span, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .ts-pagination ul li a, .ts-pagination ul li span.current, .pagination-wrap ul.pagination > li > a, .pagination-wrap ul.pagination > li > span.current, .dokan-pagination-container .dokan-pagination li a, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{ padding: 0; background: transparent; margin: 0 3px; text-align: center; display: inline-block; min-width: 34px; line-height: 34px; font-size: 14px; border-radius: 50%; color: inherit; } .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; } .dokan-pagination-container .dokan-pagination li:first-child a:before, .dokan-pagination-container .dokan-pagination li:last-child a:after, .woocommerce nav.woocommerce-pagination ul li a.next:after, .ts-pagination ul li a.next:after, .woocommerce nav.woocommerce-pagination ul li a.prev:before, .ts-pagination ul li a.prev:before{ font-family: 'Font Awesome 5 Free'; letter-spacing: 0; display: inline-block; font-weight: 900; font-size: 14px; line-height: 34px; } .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: "\f053";/* rtl */ } .dokan-pagination-container .dokan-pagination li:last-child a:after, .woocommerce nav.woocommerce-pagination ul li a.next:after, .ts-pagination ul li a.next:after{ content: "\f054";/* rtl */ } .dokan-pagination-container .dokan-pagination li.active a{ cursor: default; } .post-nav-links > a, .post-nav-links > span{ color: inherit; font-weight: 600; text-decoration: none !important; } .post-nav-links > .current, .post-nav-links > a:hover, .post-nav-links > a:focus{ background: #191919; color: #ffffff; } /*** Ajax pagination ***/ .archive.ajax-pagination .woocommerce > .products:before{ left: 50%; top: 300px; right: auto; bottom: auto; width: 50px; height: 50px; z-index: 9; margin-left: -25px; content: ""; border-width: 4px; border-style: solid; border-top: 4px solid #191919; 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: 10px; right: 10px; bottom: 0; top: 0; opacity: 1; z-index: 8; visibility: hidden; transition: 150ms ease 0s; } .archive.ajax-pagination .woocommerce > .products.loading:after{ opacity: 0.5; visibility: visible; } /*** Shop load more ***/ .ts-shop-result-count{ text-align: center; display: block; margin: 0 0 15px 0; } .ts-shop-result-count > span{ display: inline-block; } .load-more-wrapper, .ts-shop-load-more{ display: block; text-align: center; margin-left: auto; margin-right: auto; } .load-more-wrapper .button, .ts-shop-load-more .button, .woocommerce .ts-shop-load-more .button{ display: inline-block; vertical-align: top; text-decoration: none; transition: 350ms ease, font-size 0s, background 0s; } .load-more-wrapper .button.loading, .ts-shop-load-more .button.loading, .woocommerce .ts-shop-load-more .button.loading{ width: 46px; height: 46px; min-width: 0; font-size: 0; background: transparent; border-width: 4px; line-height: 1; padding: 0; border-color: #ccc; border-top-color: #191919; -webkit-animation: spin 2s linear 300ms infinite; animation: spin 2s linear 300ms infinite; } .load-more-wrapper .button.loading:before, .ts-shop-load-more .button.loading:before, .woocommerce .ts-shop-load-more .button.loading:before, .load-more-wrapper .button.loading:after, .ts-shop-load-more .button.loading:after, .woocommerce .ts-shop-load-more .button.loading:after{ display: none; } /*** Style List (1 column) ***/ #main-content .woocommerce.columns-1 > .products{ border-width: 0; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } #main-content .woocommerce.columns-1 > .products .product{ padding-bottom: 30px; margin-bottom: 30px; } #main-content .woocommerce.columns-1 > .products .product:last-child{ margin-bottom: 50px; } #main-content .woocommerce.columns-1 > .products .product:after{ content: ''; height: 1px; border-width: 0 0 1px; border-style: solid; position: absolute; bottom: 0; left: 15px; right: 15px; } #main-content .woocommerce.columns-1 > .products .product .product-wrapper:after{ content: ''; display: table; clear: both; } #main-content .woocommerce.columns-1 > .products .product .product-wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } #main-content .woocommerce.columns-1 > .products .product .product-wrapper > div{ margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #main-content .woocommerce.columns-1 > .products .product .thumbnail-wrapper{ width: 30%; } #main-content .woocommerce.columns-1 > .products .product .thumbnail-wrapper > a{ padding: 0; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper{ width: 40%; padding: 20px 30px; } .products .product .meta-wrapper .short-description ul{ margin-top: -5px; margin-bottom: -5px; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper .short-description ul{ margin-top: -5px; margin-bottom: -5px; } .products .product .meta-wrapper .short-description ul li{ padding: 3px 0; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper .short-description ul li{ padding: 5px 0; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2, #main-content .woocommerce.columns-1 > .products .product .product-group-button-meta, #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 .loop-add-to-cart, #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 .button-in{ display: block; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 .button-in .yith-wcwl-add-button, #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 .button-in .yith-wcwl-wishlistaddedbrowse { align-items: flex-start; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2{ width: 30%; padding: 0 0 0 30px; /*rtl*/ border-width: 0 0 0 1px; border-style: solid; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 > *{ width: 100%; } .woocommerce div.product p.price, .woocommerce div.product span.price, #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 .price{ -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 .price del{ font-weight: normal; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper:not(.meta-wrapper-2) .price{ display: none; } #main-content .woocommerce.columns-1 > .products .product .star-rating, #main-content .woocommerce.columns-1 > .products .product .counter-wrapper, #main-content .woocommerce.columns-1 > .products .product .product-name{ margin-bottom: 30px; } #main-content .woocommerce.columns-1 > .products .product .short-description + .color-swatch{ margin-top: 15px; } .products .product .count-rating{ margin: -30px 0 10px 90px; /*rtl*/ } #main-content .woocommerce:not(.columns-1) > .products .product .count-rating, .ts-shortcode .products .product .count-rating{ display: none; } #main-content .woocommerce.columns-1 > .products .product .count-rating{ margin-top: -49px; margin-bottom: 20px; } .product-title-shorten #main-content .woocommerce.columns-1 > .products .product .product-name > a{ white-space: normal; overflow: visible; text-overflow: initial; } #main-content .woocommerce.columns-1 > .products .star-rating{ margin-top: 0; } .woocommerce .products .product .meta-wrapper-2 > .price, .woocommerce .products .product .meta-wrapper-2 .loop-add-to-cart{ margin-bottom: 20px; } .meta-wrapper-2 .quantity .screen-reader-text{ clip: unset; position: absolute !important; height: auto; width: 100%; line-height: 16px; overflow: visible; display: block; top: 0; display: block; padding: 0 0 5px; transform: translateY(-100%); } .meta-wrapper-2 .quantity{ padding-top: 18px; margin-bottom: 10px; } .meta-wrapper-2 .quantity, .meta-wrapper-2 .quantity .number-button{ width: 100%; } .woocommerce .meta-wrapper-2 .product-group-button-meta .loop-add-to-cart a.button{ width: 100%; padding-left: 10px; padding-right: 10px; } .woocommerce.main-products.columns-1 .products .list-categories .product.product-category, .woocommerce.main-products .products .list-categories .product.product-category{ padding-bottom: 0 !important; margin-bottom: 50px !important; } #main-content .woocommerce.columns-1 > .products .product.product-category .meta-wrapper{ width: 100%; padding: 20px 0 0; display: block; } #main-content .woocommerce.columns-1 > .products .product.product-category:after{ display: none; } /*** Shop Banner Bottom ***/ .shop-bottom-content > p{ margin-bottom: 10px; } .shop-bottom-content > *:last-child{ margin-bottom: 0; } .shop-bottom-content img.alignnone{ margin: 0; } .woocommerce.archive .after-loop-wrapper:empty + .shop-bottom-content{ margin-top: 45px; } /*------------------------------------------------------------------------------------------------------------------- VII. PRODUCT DETAIL ---------------------------------------------------------------------------------------------------------------------*/ div.product .product-images-summary{ overflow: hidden; } .woocommerce div.product div.summary, .woocommerce div.product div.woocommerce-product-gallery{ float: left;/* rtl */ } .woocommerce div.product div.woocommerce-product-gallery{ width: 50%; } .woocommerce div.product div.summary{ width: 50%; padding-left: 30px; /* rtl */ top: 0; transition: top 400ms linear 0s; } /*** 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); } 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; } /*-------------------------------------------------------- 1. PRODUCT IMAGE ---------------------------------------------------------*/ /*** Thumbnails ***/ .woocommerce div.product div.images .flex-control-thumbs{ margin: 0 -5px; } .woocommerce div.product div.images .flex-control-thumbs li{ width: 16.666666%; float: none; 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{ border-color: #000; } .woocommerce div.product div.images .flex-control-thumbs, .woocommerce div.product.gallery-layout-vertical div.woocommerce-product-gallery, .woocommerce div.product.gallery-layout-grid div.images .woocommerce-product-gallery__wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } /*** Style Vertical ***/ .woocommerce div.product.gallery-layout-vertical div.woocommerce-product-gallery{ width: 57%; position: relative; padding-left: 104px; /*rtl*/ } .woocommerce div.product.gallery-layout-vertical.no-gallery div.woocommerce-product-gallery{ padding-left: 0; /*rtl*/ } .woocommerce div.product.gallery-layout-vertical div.summary{ width: 43%; } .woocommerce div.product.gallery-layout-vertical div.woocommerce-product-gallery .flex-viewport{ order: 2; flex: 1; } .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs{ width: 74px; margin: 0 30px 0 0; /*rtl*/ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 0; left: 0; /*rtl*/ } .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs li{ width: 100%; padding: 0; margin: 0 0 10px; } .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs li:last-child{ margin-bottom: 0; } /*** Style Grid ***/ .woocommerce div.product.gallery-layout-grid div.woocommerce-product-gallery{ width: 65%; } .woocommerce div.product.gallery-layout-grid div.summary{ width: 35%; } .woocommerce div.product.gallery-layout-grid .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image{ width: 50% !important; flex-grow: 1; padding: 15px; } .woocommerce div.product.gallery-layout-grid .woocommerce-product-gallery__wrapper{ margin: -15px; } .woocommerce div.product.gallery-layout-grid:not(.grid-even) .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child{ width: 100% !important; } .woocommerce div.product.gallery-layout-grid div.images .woocommerce-product-gallery__wrapper .zoomImg, .woocommerce div.images-summary-background div.images .woocommerce-product-gallery__wrapper .zoomImg{ display: none !important; } /*** Video/360 ***/ .ts-product-video-button, .ts-product-360-button{ position: absolute; bottom: 10px; left: 10px; /*rtl*/ z-index: 2; } .ts-product-video-button:hover, .ts-product-360-button:hover{ text-decoration: none; } .ts-product-video-button:before, .ts-product-360-button:before{ display: inline-block; vertical-align: top; margin-right: 5px; /*rtl*/ } .ts-product-video-button + .ts-product-360-button{ left: 80px; /*rtl*/ } /*** Product Label ***/ .woocommerce.product-label-rectangle div.product .images .product-label > span.onsale, .woocommerce.product-label-rectangle div.product .images .product-label > span{ font-size: 14px; line-height: 26px !important; margin-bottom: 4px; min-width: 70px; min-height: 26px; } /*** Lightbox ***/ .woocommerce div.product div.images .woocommerce-product-gallery__trigger{ top: 10px; right: 10px; /*rtl*/ left: auto; /*rtl*/ } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before, .woocommerce div.product div.images .woocommerce-product-gallery__trigger{ width: 36px; height: 36px; text-align: center; font-size: 0; text-indent: 0; border-width: 0; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before{ font-size: 16px; line-height: 36px; position: static; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:after{ display: none; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover{ text-decoration: none; } /*-------------------------------------------------------- 2. PRODUCT SUMMARY ---------------------------------------------------------*/ .woocommerce div.product .summary a:not(.button){ color: inherit; } .woocommerce div.product .summary .product-brands, .woocommerce div.product .summary .woocommerce-product-details__short-description, .woocommerce div.product .summary .woocommerce-product-details__short-description ul li, .woocommerce div.product .summary .woocommerce-product-rating, .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th, div.product .summary .detail-meta-top, div.product .summary .meta-content{ line-height: 18px; } .yith-wcwl-add-to-wishlist .feedback{ display: none !important; } /*** Product Brands ***/ .woocommerce div.product .summary .product-brands{ margin: 0 0 10px; } /*** Product Title ***/ .woocommerce div.product .summary .entry-title{ margin: 0 0 13px; padding: 0; } /*** Product Ratings ***/ div.product .summary .detail-meta-top, div.product .summary .meta-content, div.product .summary .ts-countdown, .woocommerce div.product .summary .woocommerce-product-details__short-description, .woocommerce div.product .summary .woocommerce-product-rating{ margin: 0 0 30px; } .woocommerce .woocommerce-product-rating > *{ float: left; /*rtl*/ } .woocommerce .woocommerce-product-rating > *:not(:first-child){ margin: 0 0 0 8px; /*rtl*/ padding: 0 0 0 10px; /*rtl*/ position: relative; } .woocommerce .woocommerce-product-rating .star-rating{ margin: 2px 0 0; } .woocommerce .woocommerce-product-rating > .star-rating + .review-count{ margin-left: 12px; /*rtl*/ padding-left: 0; /*rtl*/ } .woocommerce .woocommerce-product-rating > .star-rating + .review-count:before{ display: none; } /*** Product Meta ***/ div.product .summary .meta-content > div, div.product .summary .detail-meta-top > div{ margin: 0 0 3px; color: inherit; } div.product .summary .meta-content > div > span, div.product .summary .detail-meta-top > div > span{ display: block; float: left; /*rtl*/ } div.product .summary .meta-content > div > span:first-child, div.product .summary .detail-meta-top > div > span:first-child{ min-width: 90px; margin-right: 10px; /*rtl*/ } div.product .summary .meta-content > div > span:not(:first-child), div.product .summary .detail-meta-top > div > span:not(:first-child){ font-weight: 500; } div.product .summary .meta-content .tags-link a, div.product .summary .detail-meta-top .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; } .woocommerce div.product .summary .meta-content a:hover, div.product .summary .meta-content .tags-link a:hover, .woocommerce div.product .summary .detail-meta-top a:hover, div.product .summary .detail-meta-top .tags-link a:hover{ text-decoration: underline !important; } /*** Product Price ***/ .woocommerce div.product .summary p.price, .woocommerce div.product .summary span.price{ margin-bottom: 20px; } .woocommerce div.product .summary p.price del, .woocommerce div.product .summary span.price del{ opacity: 1; font-weight: normal; } .woocommerce div.product .summary p.price ins, .woocommerce div.product .summary span.price ins{ font-weight: inherit; } /*** Product Short Description ***/ .ts-availability-bar{ margin: 6px 0 10px; display: inline-block; width: 100%; } .ts-availability-bar > span{ display: block; margin-bottom: 6px; line-height: 24px; } .ts-availability-bar .progress-bar{ width: 100%; height: 5px; position: relative; } .ts-availability-bar .progress-bar > span{ display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; /*rtl*/ } .ts-sold-in-24h{ margin: 30px 0; line-height: 18px; } .ts-availability-bar + .ts-sold-in-24h{ margin-top: 0; } .ts-sold-in-24h svg{ display: inline-block; vertical-align: top; } /*** Product Short Description ***/ .woocommerce div.product .summary .woocommerce-product-details__short-description ul li{ padding: 3px 0; } .woocommerce-product-details__short-description > *:last-child{ margin-bottom: 0; } /*** Product Variations ***/ .woocommerce div.product form.cart{ margin: 0 0 40px; } .woocommerce div.product.no-addtocart form.cart{ margin-bottom: 15px; } .woocommerce div.product .ts-availability-bar + form.cart, .woocommerce div.product .ts-variation-price + form.cart{ margin-top: 30px; } .woocommerce div.product form.cart .variations{ margin-bottom: 0; } .woocommerce div.product form.cart .variations *{ display: block; } .woocommerce div.product form.cart .variations tr{ margin-bottom: 20px; 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{ padding-bottom: 5px; line-height: 20px; } .woocommerce div.product form.cart .ts-product-attribute, .woocommerce div.product form.cart .ts-product-attribute > div.option, .woocommerce div.product form.cart .ts-product-size-chart-button { display: inline-block; } .woocommerce div.product form.cart .ts-product-size-chart-button { position: relative; top: 4px; } .woocommerce div.product form.cart .reset_variations { color: #d9121f; margin: 0; padding: 0; border: 0; background: transparent; line-height: 1.2; font-weight: normal; top: -15px; position: relative; } .woocommerce div.product form.cart td.value .reset_variations { top: 28px; margin-bottom: 30px; } .woocommerce div.product form.cart td.value .ts-product-attribute ~ .reset_variations { top: 5px; margin-bottom: 10px; } .ts-product-size-chart-button, .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 10px 10px 0; /*rtl*/ } .ts-product-attribute > div.option:last-child{ margin-right: 0; /*rtl*/ } .ts-product-attribute > div.option:not(.color) > a{ padding: 4px 15px; min-width: 42px; border: 1px solid #e5e5e5; border-radius: 55px; font-size: 12px; line-height: 16px; text-align: center; } .ts-product-size-chart-button{ margin: 0 0 0 20px; /*rtl*/ position: relative; } .ts-product-size-chart-button:after{ position: absolute; bottom: 2px; } .woocommerce div.product form.cart .reset_variations:before{ font-size: 70%; margin-right: 5px; /*rtl*/ } .single_variation_wrap{ position: relative; } .single_variation_wrap .woocommerce-variation .woocommerce-variation-price, .single_variation_wrap .woocommerce-variation .woocommerce-variation-availability{ display: none !important; } .woocommerce div.product form.cart .woocommerce-variation-add-to-cart{ margin: 5px 0 0; } .woocommerce div.product form.cart .woocommerce-variation-availability p.stock{ font-size: 100%; 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{ padding-top: 25px; margin: 0; } .woocommerce div.product form.cart div.quantity .qty{ margin: 0 20px 0 0; /*rtl*/ } .woocommerce div.product form.cart div.quantity .screen-reader-text{ display: block; top: 0; width: auto; height: 25px; line-height: 20px; margin: 0; padding: 0; clip: initial; white-space: nowrap; transform: translateY(-100%); } .woocommerce #main-content:not(.ts-col-24) div.product form.cart div.quantity{ margin: 0 0 10px; } .woocommerce #main-content:not(.ts-col-24) div.product form.cart div.quantity, .woocommerce #main-content:not(.ts-col-24) div.product form.cart .button{ width: 100%; margin-top: 0; } .woocommerce div.product form.cart .button{ width: calc(100% - 148px); margin-top: 25px; } .woocommerce div.product form.cart.grouped_form .button, .woocommerce div.product form.cart .quantity.hidden + .button, .woocommerce div.product.sold-individually form.cart .button{ width: 100%; } .woocommerce div.product form.cart .button.loading:after{ display: none; } .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: .2; } .woocommerce div.product .summary .ts-buy-now-button{ width: 100%; margin-bottom: 40px; } .woocommerce div.product form.cart .variations select{ width: 100%; margin: 0 0 -12px; } /*** Product Group ***/ .woocommerce div.product form.cart table.group_table{ border-width: 0; margin-bottom: 20px; } .woocommerce div.product form.cart table.group_table div.quantity .screen-reader-text{ display: none; } .woocommerce div.product form.cart table.group_table div.quantity{ margin: 0; padding-top: 0; } .woocommerce div.product form.cart table.group_table td, .woocommerce div.product form.cart table.group_table td:first-child{ width: auto; text-align: left; /*rtl*/ } .woocommerce div.product form.cart table.group_table td{ vertical-align: middle; padding: 10px 0 !important; border-width: 0 0 1px; border-style: dotted; } .woocommerce div.product form.cart table.group_table tr:first-child td{ border-width: 1px 0 1px; } .woocommerce div.product form.cart table.group_table td:not(:last-child){ padding-right: 20px !important; /*rtl*/ } .woocommerce div.product form.cart table.group_table .button{ width: 100%; min-width: 110px; margin-top: 0; font-size: 100%; padding-left: 5px; padding-right: 5px; } /*** Color Variation Thumbnail ***/ .woocommerce div.product.color-variation-thumbnail .ts-product-attribute div.option.color a{ width: 52px; height: 68px; } .woocommerce div.product.color-variation-thumbnail .ts-product-attribute div.option.color a:before{ display: none; } .woocommerce div.product.color-variation-thumbnail .ts-product-attribute div.option.color a:after{ width: 16px; height: 16px; line-height: 16px; top: 0; left: 0; transform: translate(0,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 Sharing ***/ .single-product-buttons-sharing{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } .single-product-buttons-sharing .woocommerce-tabs{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .single-product-buttons-sharing .single-product-buttons{ margin: 0 0 35px; } .single-product-buttons-sharing .single-product-buttons > *{ float: left; /*rtl*/ } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons .blockUI{ display: none !important; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons a{ padding: 0; border: 0; font-weight: inherit; background: transparent !important; line-height: inherit; text-decoration: none !important; } .single-product-buttons-sharing .single-product-buttons > *:not(:last-child){ margin: 0 40px 0 0; /*rtl*/ opacity: 1 !important; } div.product.gallery-layout-grid .single-product-buttons-sharing .single-product-buttons > *:not(:last-child){ margin: 0 26px 0 0; } article.single-post > .entry-meta-bottom .social-sharing{ text-align: center; } .ts-social-sharing > span{ display: none; } .ts-social-sharing .sharethis-inline-share-buttons{ display: inline-block !important; } .ts-social-sharing ul{ margin: 0 -6px; display: inline-block; vertical-align: top; } .ts-social-sharing ul li{ list-style: none; float: left; /*rtl*/ padding: 0 6px; } /*** Size Chart Popup ***/ .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 .chart-content > *:last-child{ margin-bottom: 0; } .product-size-chart-content .chart-content table, .ts-size-chart-content .chart-content table{ border-width: 0; } .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-content table th, .ts-size-chart-content .chart-content table th{ padding: 0 20px 18px; border-width: 0 0 1px; border-style: solid; } .product-size-chart-content .chart-content table td, .ts-size-chart-content .chart-content table td{ border-width: 0; padding: 8px 20px; } .product-size-chart-content .chart-content table tr:nth-child(even), .ts-size-chart-content .chart-content table tr:nth-child(even){ background: #F2F2F2; } .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; } .product-size-chart-content .chart-content table tr:last-child td, .ts-size-chart-content .chart-content table tr:last-child td{ padding-bottom: 0; } /*** Product Deals ***/ div.product .summary .ts-countdown .counter-wrapper{ border-width: 1px; border-style: solid; } /*** Product Images Summary Background ***/ .woocommerce #main-content.ts-col-24 div.product.images-summary-background{ margin-top: -30px; padding-top: 40px; position: relative; } .woocommerce .show_breadcrumb_v2 #main-content.ts-col-24 div.product.images-summary-background{ margin-top: -41px; z-index: 2; } .woocommerce .show_breadcrumb_v3 #main-content.ts-col-24 div.product.images-summary-background{ margin-top: -50px; } .woocommerce #main-content.ts-col-24 div.product.images-summary-background .product-images-summary, .woocommerce #main-content.ts-col-24 div.product.images-summary-background > *:not(.product-images-summary), .woocommerce #main-content.ts-col-24 div.product.images-summary-background .single-product-buttons-sharing, .woocommerce #main-content.ts-col-24 div.product.images-summary-background .single-product-buttons-sharing > *, .woocommerce #main-content.ts-col-24 div.product.images-summary-background > *:not(.product-images-summary) > *{ position: relative; } .woocommerce #main-content.ts-col-24 div.product.images-summary-background:before, .woocommerce #main-content.ts-col-24 div.product.images-summary-background > *:not(.product-images-summary):before, .woocommerce #main-content.ts-col-24 div.product.images-summary-background .single-product-buttons-sharing:before{ content: ''; width: 100vw; position: absolute; top: 0; bottom: 0; left: calc(-50vw + 50%); /*rtl*/ } .woocommerce #main-content.ts-col-24 div.product.images-summary-background .product-images-summary + *{ margin-top: 50px; padding-top: 90px; } .woocommerce #main-content.ts-col-24 div.product.images-summary-background .product-images-summary, .woocommerce #main-content.ts-col-24 div.product.images-summary-background > *:not(.product-images-summary){ overflow: visible; } .woocommerce #main-content.ts-col-24 div.product.images-summary-background .product-images-summary:after{ content: ''; clear: both; display: table; } .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.woocommerce-product-gallery{ width: calc(60% - 30px); margin-right: 30px; /*rtl*/ } .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.summary{ width: 40%; padding: 30px; margin-bottom: 40px; } .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.woocommerce-product-gallery, .woocommerce #main-content.ts-col-24 div.product.images-summary-background .single-product-buttons-sharing > *, .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.images .woocommerce-product-gallery__wrapper{ margin-bottom: 0; } .woocommerce #main-content.ts-col-24 div.product.images-summary-background .single-product-buttons-sharing{ width: 1230px; position: absolute !important; bottom: 0; left: calc(-1230px + 100%); /*rtl*/ right: 0; /*rtl*/ transform: translateY(100%); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 0 12px; } .woocommerce #main-content.ts-col-24 div.product.images-summary-background .single-product-buttons-sharing .single-product-buttons{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } /*** Show tabs as default ***/ .woocommerce div.product.show-tabs-content-default .woocommerce-tabs, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #tab-reviews{ border-width: 1px 0 0; border-style: solid; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; padding-bottom: 0; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs ul.tabs{ display: none; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .panel{ display: block !important; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #tab-reviews{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments .woocommerce-noreviews, .woocommerce div.product #reviews nav.woocommerce-pagination{ border-width: 0 0 1px; border-style: solid; text-align: center; } /*-------------------------------------------------------- 3. FREQUENTLY BOUGHT TOGETHER ---------------------------------------------------------*/ .woocommerce.yith-wfbt-section{ display: inline-block; width: 100%; } .woocommerce div.product .woocommerce.yith-wfbt-section{ border-width: 1px 0 0; border-style: solid; } .yith-wfbt-section > h3{ text-align: center; } .woocommerce.yith-wfbt-section .yith-wfbt-form{ position: relative; } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-images{ float: none; /*rtl*/ margin: 0 -13px; } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block{ width: 33.3333%; float: right; /*rtl*/ margin: 0; padding: 20px 0 0 13px; /*rtl*/ } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .button{ width: 100%; } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items{ clear: none; width: 66.6666%; float: left; /*rtl*/ margin: 0; padding: 20px 13px 0 0; /*rtl*/ } .woocommerce.yith-wfbt-section .yith-wfbt-images .image_plus{ display: none; } .woocommerce.yith-wfbt-section .yith-wfbt-images td{ position: relative; padding: 0 13px; } .woocommerce.yith-wfbt-section .yith-wfbt-images td > a{ display: block; width: 100%; height: 100%; position: relative; } .woocommerce.yith-wfbt-section .yith-wfbt-images td:not(:last-child) > a:after{ content: '+'; width: 26px; height: 26px; font-size: 14px; line-height: 26px; border-radius: 100%; text-align: center; font-weight: 700; position: absolute; top: 50%; right: 0; /*rtl*/ z-index: 3; transform: translate(100%,-50%); } .woocommerce.yith-wfbt-section .yith-wfbt-images td img { width: 100%; height: auto; } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li{ list-style: none; margin: 0; } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li, .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li *{ line-height: 22px !important; } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li > label{ position: relative; } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li input[type^="checkbox"]{ width: 16px; height: 16px; opacity: 0; position: absolute; top: 6px; left: 0; /*rtl*/ } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li label > *{ display: inline-block; vertical-align: top; } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li span.checkboxbutton{ position: relative; width: 20px; height: 20px; margin: 0 10px 0 0; border-width: 1px; border-style: solid; border-radius: 2px; text-align: center; font-size: 10px; margin-top: -1px; } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li span.checkboxbutton:before{ display: none; } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li span.checkboxbutton:after{ opacity: 0; visibility: hidden; transition: 250ms ease; } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li span.checkboxbutton.checked:after{ opacity: 1; visibility: visible; } .woocommerce .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li .price{ display: inline-flex; font-size: 100%; font-weight: inherit; } .yith-wfbt-section .total_price{ display: block; margin-bottom: 25px; line-height: 50px !important; } .yith-wfbt-section .yith-wfbt-submit-block input[type^="submit"]{ width: 100%; } .yith-wfbt-section .total_price_label{ line-height: 20px; } .yith-wfbt-section .product-name{ font-weight: inherit; } .product-title-shorten .yith-wfbt-section .product-name{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; display: inline-block; } /*-------------------------------------------------------- 4. WOOCOMMERCE TABS ---------------------------------------------------------*/ .woocommerce div.product .woocommerce-tabs ul.tabs{ list-style: none; padding: 0; margin: 0 -25px 70px; overflow: hidden; position: relative; font-size: 0; } .woocommerce div.product:not(.tabs-in-summary) .woocommerce-tabs ul.tabs{ text-align: center; } .woocommerce div.product .woocommerce-tabs ul.tabs li{ border: 0; background-color: transparent !important; border-radius: 0; margin: 0; padding: 0 25px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a{ display: block; padding: 14px 0; font-weight: inherit; text-decoration: none; color: inherit; position: relative; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; transform: scaleX(0); border-width: 0 0 2px; border-style: solid; transition: transform 300ms ease; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after{ transform: scaleX(1); } .woocommerce div.product .woocommerce-tabs ul.tabs::before{ position: absolute; content: " "; width: calc(100% - 50px); bottom: 0; left: 25px; /*rtl*/ border-width: 0 0 1px; border-style: solid; z-index: 1; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ display: none; } .woocommerce div.product .woocommerce-tabs .panel{ margin: 0; padding: 0; position: relative; } /*** Tab Description ***/ .woocommerce div.product .woocommerce-tabs .panel img.image-description.alignleft{ margin: 0 8% 0 0 !important; } .woocommerce div.product .woocommerce-tabs .panel img.image-description.alignright{ margin: 0 0 0 8% !important; } .woocommerce-tabs .panel .chart-content > *:last-child, .woocommerce-tabs .panel .product-content > *:last-child{ margin-bottom: 0; } ul.features{ -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } ul.features li{ padding-top: 20px; list-style: none; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } ul.features li img{ margin: 0 20px 0 0 !important; } .product-content.show-more-less{ max-height: 770px; padding-bottom: 60px; overflow: hidden; position: relative; transition: 3s ease 0s; } .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 a span{ position: relative; z-index: 1; } .more-less-buttons a{ padding: 15px 0; display: block; } .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 Reviews ***/ #reviews #comments .woocommerce-noreviews:last-child{ margin-bottom: 0; } #reviews #review_form_wrapper{ margin-bottom: 50px; } body #comments .description { color: inherit; line-height: inherit; font-size: inherit; font-weight: inherit; display: block; } .woocommerce #review_form #respond .comment-form{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -15px; } .woocommerce #reviews .comment-reply-title{ display: block; margin-bottom: 16px; } .woocommerce #review_form #respond .comment-form > *{ margin: 0 0 20px; width: 100%; padding: 0 15px; } .woocommerce #review_form #respond .comment-form > .comment-form-author, .woocommerce #review_form #respond .comment-form > .comment-form-email{ width: 50%; } .woocommerce #review_form #respond .comment-form > .comment-form-comment{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .woocommerce #review_form #respond .comment-form > .comment-form-cookies-consent{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .woocommerce #review_form #respond .comment-form > .form-submit{ -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .woocommerce #review_form #respond input, .woocommerce #review_form #respond textarea{ vertical-align: middle; margin-bottom: 0; } .woocommerce #review_form #respond input ~ label{ display: inline-block; } .woocommerce #review_form #respond .comment-form-rating > label{ margin-right: 20px; /*rtl*/ } .woocommerce #review_form #respond .comment-form-rating > *{ display: inline-block; } .woocommerce #review_form #respond p.stars{ margin: 0; } .woocommerce #review_form p.stars a, .woocommerce #review_form p.stars a:before{ height: 24px; width: 24px; font-size: 24px; line-height: 24px; letter-spacing: 0; } .woocommerce #review_form p.stars a{ margin-right: 2px; /*rtl*/ } .woocommerce #reviews #comments .woocommerce-Reviews-title{ margin-bottom: 50px; } div.product:not(.tabs-in-summary) #reviews #comments .woocommerce-Reviews-title{ text-align: center; } .woocommerce #reviews #comments ol.commentlist li img.avatar{ display: none; } .woocommerce #reviews #comments ol.commentlist li{ margin-bottom: 0; list-style: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text{ margin: 0; border: 0; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{ margin: 5px 24px 0 0; float: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ margin: 0 50px 0 0; width: 15%; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong{ font-size: 100%; } .woocommerce #reviews #comments ol.commentlist li .comment-text .description{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author{ margin-right: 13px; /*rtl*/ } #reviews #review_form_wrapper, .woocommerce-review__dash{ display: none; } .woocommerce div.product #reviews{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .woocommerce div.product #reviews > #comments, .woocommerce div.product #reviews > #review_form_wrapper{ width: 100%; text-align: left; /*rtl*/ } .woocommerce div.product #reviews > #comments{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .woocommerce #reviews > .woocommerce-product-rating{ margin-bottom: 50px; } .woocommerce #reviews > .woocommerce-product-rating a.woocommerce-review-link{ text-decoration: underline; } .woocommerce #reviews > .woocommerce-product-rating a.woocommerce-review-link:hover{ text-decoration: none; } .woocommerce .woocommerce-product-rating{ line-height: 18px; } /*** Separate Tab Review ***/ .woocommerce div.product > #reviews{ border-width: 1px 0; border-style: solid; } .woocommerce div.product > #reviews:last-child{ border-bottom-width: 0; } .woocommerce div.product > #reviews nav.woocommerce-pagination{ border-width: 0; padding-bottom: 0; } div.product #reviews #comments .woocommerce-noreviews{ text-align: center; } /**/ .woocommerce div.product > #reviews #comments .commentlist{ -webkit-columns: 3; -moz-columns: 3; columns: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .woocommerce div.product > #reviews #comments .commentlist li{ padding: 30px; margin-bottom: 30px; border-width: 1px; border-style: solid; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .woocommerce div.product > #reviews #comments ol.commentlist li .comment-text{ padding: 0; } .woocommerce div.product > #reviews #comments .commentlist li .comment-text{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .woocommerce div.product > #reviews #comments .commentlist li .comment-text .star-rating{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 20px 0; } .woocommerce div.product > #reviews #comments .commentlist li .comment-text p.meta{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; margin: 0; } /*** Custom Tab - Gallery ***/ .woocommerce div.product .woocommerce-tabs .panel div.gallery{ margin: -30px -15px 0; } .woocommerce div.product .woocommerce-tabs .panel div.gallery:after{ content: ''; clear: both; display: table; } .woocommerce div.product .woocommerce-tabs .panel div.gallery > a, .woocommerce div.product .woocommerce-tabs .panel div.gallery > img{ width: calc(25% - 30px); float: left; /*rtl*/ clear: none; margin: 30px 15px 0; } .woocommerce div.product .woocommerce-tabs .panel div.gallery > a:first-child, .woocommerce div.product .woocommerce-tabs .panel div.gallery > img:first-child{ width: calc(50% - 30px); } .woocommerce div.product .woocommerce-tabs .panel div.gallery > a{ display: inline-block; vertical-align: top; } .woocommerce div.product .woocommerce-tabs .panel div.gallery > a img{ margin: 0; width: 100%; transition: opacity 350ms ease; } .woocommerce div.product .woocommerce-tabs .panel div.gallery > a:hover img{ opacity: 0.5; } /*** Tabs Inside Summary ***/ .woocommerce div.product.tabs-in-summary .woocommerce-tabs{ margin: 70px 0 0; padding-bottom: 0; } .woocommerce div.product.show-tabs-content-default.tabs-in-summary .woocommerce-tabs{ padding-top: 70px; } .woocommerce div.product.show-tabs-content-default.tabs-in-summary .woocommerce-tabs #tab-reviews{ padding-top: 60px; padding-bottom: 0; margin-top: 70px; } .woocommerce div.product.show-tabs-content-default.tabs-in-summary .woocommerce-tabs .panel{ padding-bottom: 70px; } .woocommerce div.product.show-tabs-content-default.tabs-in-summary .woocommerce-tabs .panel:last-child{ padding-bottom: 0; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs{ margin: 0 -15px 50px; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs::before{ width: calc(100% - 30px); left: 15px; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs li{ padding: 0 15px; line-height: 26px; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs li a{ padding: 0 0 10px; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs .panel img.image-description.alignleft, .woocommerce div.product.tabs-in-summary .woocommerce-tabs .panel img.image-description.alignright{ margin-left: 0 !important; margin-right: 0 !important; display: block; float: none; } .woocommerce .tabs-in-summary .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text{ padding: 20px 0; } .woocommerce .tabs-in-summary .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text .star-rating{ margin: 5px 0 8px auto; /*rtl*/ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .woocommerce .tabs-in-summary .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text p.meta{ margin-right: 30px; /*rtl*/ width: auto; } .woocommerce .tabs-in-summary .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text .description{ -webkit-box-flex: 1; -ms-flex: auto; flex: auto; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .woocommerce .tabs-in-summary .woocommerce-tabs #reviews #comments .woocommerce-Reviews-title{ margin-bottom: 25px; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs .panel div.gallery{ margin: -10px -5px 0; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs .panel div.gallery > a, .woocommerce div.product.tabs-in-summary .woocommerce-tabs .panel div.gallery > img{ margin: 10px 5px 0; width: calc(50% - 10px); } .woocommerce div.product.tabs-in-summary .woocommerce-tabs .panel div.gallery > a:first-child, .woocommerce div.product.tabs-in-summary .woocommerce-tabs .panel div.gallery > img:first-child{ width: calc(100% - 10px); } .woocommerce div.product.tabs-in-summary #reviews nav.woocommerce-pagination{ border-width: 0; padding: 34px 0 0; } .woocommerce div.product:not(.show-tabs-content-default):not(.tabs-in-summary) > section.products{ border-width: 1px 0 0; border-style: solid; top: -1px; margin-bottom: -1px; } .woocommerce div.product:not(.show-tabs-content-default):not(.tabs-in-summary) > .woocommerce-tabs #reviews nav.woocommerce-pagination{ border-width: 0; padding-bottom: 0; } /*** Tab Dokan ***/ .woocommerce #tab-more_seller_product .products .product{ width: 25%; } #tab-seller ul.list-unstyled > li.clearfix:before{ display: none; } #tab-seller .list-unstyled li > span:first-child:not(.seller-rating){ font-weight: bold; } #tab-seller ul.list-unstyled > li{ list-style: none; } #tab-seller ul.list-unstyled > li a{ color: inherit; } #tab-seller ul:last-child{ margin-bottom: 0; } /*------------------------------------------------------------------------------------------------------------------- VIII. CHECK OUT ---------------------------------------------------------------------------------------------------------------------*/ /*** Login ***/ .woocommerce .checkout-login-coupon-wrapper form.login .lost_password{ margin-bottom: 0; } .woocommerce .checkout-login-coupon-wrapper form.login .woocommerce-form-login__rememberme{ margin: 14px 0 0; } .lost_password a{ color: inherit; text-decoration: underline; } .lost_password a:hover{ color: inherit; text-decoration: none; } /*** 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: 30px; } .woocommerce form.checkout_coupon, .woocommerce .checkout-login-coupon-wrapper form.login{ border-radius: 4px; border-width: 1px; padding: 30px; margin-top: 15px; } .woocommerce .checkout-login-coupon-wrapper form.login p:first-child{ margin-bottom: 15px; } .woocommerce .checkout-login-coupon-wrapper form.login label{ padding-bottom: 0; } .woocommerce .checkout-login-coupon-wrapper form.login .button{ margin-top: 0; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ line-height: 26px; } .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{ -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin: 0; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-last{ width: auto; min-width: 250px; margin-left: 10px; /*rtl*/ } .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 .form-row{ margin-bottom: 24px; } .woocommerce > form.checkout #customer_details, .woocommerce > form.checkout #order_review_heading, .woocommerce > form.checkout #order_review{ float: left; /*rtl*/ } .woocommerce > form.checkout #customer_details{ width: calc(68% - 30px); margin-right: 30px; /*rtl*/ padding: 25px 30px 30px; border-width: 1px; border-style: solid; } .woocommerce > form.checkout #order_review_heading, .woocommerce > form.checkout #order_review{ width: 32%; } .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: 20px; } .woocommerce-shipping-fields label{ padding-bottom: 0; } .woocommerce form .form-row label{ line-height: inherit; } .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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; 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%; margin-left: 15px; margin-right: 15px; order: 2; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .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, .woocommerce-billing-fields__field-wrapper > #billing_postcode_field, .woocommerce-shipping-fields__field-wrapper > #shipping_postcode_field, .woocommerce-billing-fields__field-wrapper > #billing_city_field, .woocommerce-shipping-fields__field-wrapper > #shipping_city_field{ width: calc(50% - 30px); } .woocommerce-billing-fields__field-wrapper > #billing_email_field, .woocommerce-shipping-fields__field-wrapper > #shipping_email_field{ order: 0; } .woocommerce-billing-fields__field-wrapper > #billing_first_name_field, .woocommerce-shipping-fields__field-wrapper > #shipping_first_name_field, .woocommerce-billing-fields__field-wrapper > #billing_last_name_field, .woocommerce-shipping-fields__field-wrapper > #shipping_last_name_field{ order: 1; } .woocommerce-billing-fields__field-wrapper > #billing_state_field, .woocommerce-shipping-fields__field-wrapper > #shipping_state_field{ order: 3; } .woocommerce-billing-fields__field-wrapper > #billing_phone_field, .woocommerce-shipping-fields__field-wrapper > #shipping_phone_field{ order: 4; } .woocommerce-shipping-fields h3#ship-to-different-address .input-checkbox{ margin-top: -4px; } .woocommerce-terms-and-conditions-wrapper a{ text-decoration: underline; } .woocommerce-terms-and-conditions-wrapper a:hover{ text-decoration: none; } .woocommerce-invalid #terms{ outline: none !important; } body.woocommerce-checkout .select2-search--dropdown:before{ top: 5px; } /*** Payment Process ***/ .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr:last-child th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr:last-child td{ border-bottom-width: 0; } #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, .woocommerce-checkout #payment ul.payment_methods{ padding: 15px 0; border-width: 0; } .woocommerce > form.checkout #order_review_heading{ margin: 35px 0 0; padding: 0 30px; position: relative; } .woocommerce > form.checkout #order_review{ padding: 80px 30px 40px; margin-top: -75px; } #order_review .shop_table.woocommerce-checkout-review-order-table th:last-child, #order_review .shop_table.woocommerce-checkout-review-order-table td:last-child{ width: 30%; text-align: right; /*rtl*/ } #order_review .shop_table.woocommerce-checkout-review-order-table th, #order_review .shop_table.woocommerce-checkout-review-order-table td{ padding: 15px 0; border-radius: 0 !important; } #order_review .shop_table.woocommerce-checkout-review-order-table tfoot th, #order_review .shop_table.woocommerce-checkout-review-order-table tfoot td{ padding: 15px 0; border-radius: 0 !important; border-width: 0 0 1px; border-style: solid; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr > td:first-child{ border-left-width: 0; /*rtl*/ } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr > td:last-child{ border-right-width: 0; /*rtl*/ } #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: 85%; } #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: 0 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; } #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(230, 230, 230, 0.8); 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; } .woocommerce ul#shipping_method li label .woocommerce-Price-amount{ line-height: inherit !important; } /*------------------------------------------------------------------------------------------------------------------- IX. SHOPPING CART ---------------------------------------------------------------------------------------------------------------------*/ .woocommerce-checkout .cart-icon > .drop-icon, .woocommerce-cart .cart-icon > .drop-icon{ display: none; } .woocommerce-cart article .woocommerce:after{ display: table; clear: both; content: ""; } /*** Cart table ***/ .woocommerce .woocommerce-cart-form, .woocommerce-checkout #customer_details{ float: left;/* rtl */ width: calc(100% - 420px); } .woocommerce table.shop_table{ margin: 0; border-width: 0; table-layout: auto; position: relative; } .woocommerce table.shop_table th, .woocommerce table.shop_table td{ padding: 20px 5px; border-width: 0 0 1px 0; border-style: solid; } .woocommerce table.shop_table th, .woocommerce table.shop_table td, #add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th{ vertical-align: middle; } .woocommerce-cart .cart-collaterals .cart_totals table .shipping td, .woocommerce-cart .cart-collaterals .cart_totals table .shipping th, .woocommerce-checkout .cart-collaterals .cart_totals table .shipping td, .woocommerce-checkout .cart-collaterals .cart_totals table .shipping th{ vertical-align: top; } .woocommerce table.shop_table.cart th{ padding-left: 15px; padding-right: 15px; } .woocommerce table.shop_table.cart td{ padding: 30px 15px; } .woocommerce table.shop_table.cart td.actions{ padding: 50px 0 0; border-width: 0; } .woocommerce table.shop_table.cart td.product-remove{ padding-left: 0; padding-right: 0; } .woocommerce table.shop_table .product-remove a{ display: inline-block; width: 24px; height: 24px; line-height: 24px; font-size: 0; text-align: center; letter-spacing: 0; float: none; padding: 0 !important; margin: 0 15px 0 0; /*rtl*/ background: transparent; } .woocommerce table.shop_table td.product-thumbnail a{ display: block; } #add_payment_method table.shop_table.cart td.product-thumbnail, .woocommerce-cart table.shop_table.cart td.product-thumbnail, .woocommerce-checkout table.shop_table.cart td.product-thumbnail{ width: 120px; padding-right: 25px; /*rtl*/ } #add_payment_method table.cart .product-thumbnail img, .woocommerce-cart table.cart .product-thumbnail img, .woocommerce-checkout table.cart .product-thumbnail img{ width: 100%; } .product-name > a, .cart-collaterals table.shop_table .shipping a{ color: inherit; } .woocommerce table.shop_table td.product-name{ max-width: 200px; } .woocommerce-cart table.cart td.actions .coupon{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .woocommerce-cart table.cart td.actions .coupon .input-text{ width: 220px; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{ border-color: #cccccc; } #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-top: 0; } .woocommerce-cart table.cart td.actions .button{ margin: 10px 0 0 15px; /*rtl*/ } .woocommerce-cart table.cart td.actions .coupon .button{ margin-top: 0; } .woocommerce form.checkout_coupon .coupon-error-notice, #add_payment_method table.cart td.actions .coupon .coupon-error-notice, .woocommerce-cart table.cart td.actions .coupon .coupon-error-notice, .woocommerce-checkout table.cart td.actions .coupon .coupon-error-notice { font-size: 0.9em; } /*** Cart Collaterals ***/ .woocommerce-cart article .woocommerce .cart-collaterals, .woocommerce-checkout #order_review{ width: 390px; float: right; /*rtl*/ padding: 30px; background:#f2f2f2; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ float: none; width: 100%; } .woocommerce .cart-collaterals .cart_totals h2{ margin-bottom: 10px; } .woocommerce .cart-collaterals table.shop_table th, .woocommerce .cart-collaterals table.shop_table td{ padding: 15px 0; } .woocommerce .cart-collaterals .order-total th, .woocommerce .cart-collaterals .order-total td{ padding: 15px 0 36px; border-width: 0; } .woocommerce-cart .cart-collaterals .shipping-calculator-form > p:not(.form-row), .woocommerce .cart-collaterals table.shop_table tr:not(.shipping) td{ text-align: right; /*rtl*/ } .woocommerce .cart-collaterals .order-total .amount{ font-size: 180%; } .woocommerce ul#shipping_method li{ margin: 0 0 5px; padding: 0; } .woocommerce ul#shipping_method li input[type^="radio"]{ margin: 2px 10px 0 0; /*rtl*/ vertical-align: top; } .woocommerce ul#shipping_method li label{ padding: 0; } .cart-collaterals table.shop_table .shipping .input-text, .cart-collaterals table.shop_table .shipping .select2-container--default .select2-selection--single .select2-selection__rendered{ padding: 6px 20px; line-height: 26px; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{ margin-bottom: 0; } /*** Cross sell/Up sell/Related ***/ .woocommerce .cross-sells, .woocommerce .up-sells, .woocommerce .related{ max-width: 100%; width: 100%; padding: 0; display: inline-block; width: 100%; clear: both; position: relative; margin-left: 0 !important; margin-right: 0 !important; } .ts-product .products.owl-carousel > .owl-stage-outer > .owl-stage, .related.products .products.owl-carousel > .owl-stage-outer > .owl-stage, .cross-sells .products.owl-carousel > .owl-stage-outer > .owl-stage, .up-sells.products .products.owl-carousel > .owl-stage-outer > .owl-stage, .ts-product-in-category-tab-wrapper.ts-product .column-content .products.owl-carousel > .owl-stage-outer > .owl-stage{ display: -webkit-box; display: -ms-flexbox; display: flex; } .woocommerce .cross-sells > h2, .woocommerce .up-sells > h2, .woocommerce .related > h2{ position: relative; display: inline-block; } .up-sells .products .product, .cross-sells .products .product, .related .products .product{ width: 20%; } .up-sells .products .owl-item .product, .cross-sells .products .owl-item .product, .related .products .owl-item .product{ width: 100% !important; } .woocommerce .cross-sells:after{ display: table; content: ""; clear: both; } .woocommerce div.product .cross-sells .price, .woocommerce div.product .up-sells .price, .woocommerce div.product .related .price{ font-size: 100%; font-weight: normal; } /*------------------------------------------------------------------------------------------------------------------- X. POPUP/MODAL ---------------------------------------------------------------------------------------------------------------------*/ body #cboxClose, .ts-floating-sidebar .close, .ts-popup-modal .close{ position: absolute; top: -5px; right: -5px;/* rtl */ z-index: 999; text-align: center; width: 24px; font-size: 0; line-height: 22px; transform: translateY(-100%); transition: 350ms ease 0s; } body #cboxClose{ background-image: none; text-indent: 0; color: #ffffff; text-transform: none; z-index: 100001; } .ts-floating-sidebar .close{ top: 34px; right: 30px;/* rtl */ transform: translate(0,0); } .ts-store-notice .close:before, ul.products-list li .remove:before, .woocommerce table.shop_table .product-remove a: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, body .wishlist_table.mobile li .additional-info-wrapper .product-remove:before, .elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li a.remove:before{ font-size: 12px; } body #cboxClose:after, html body > h1 a.close:before, body table.compare-list tr.remove td > a .remove:before, .ts-floating-sidebar .close:after, .ts-popup-modal .close:after{ font-size: 14px; } .ts-popup-modal .overlay{ position: fixed; visibility: hidden; opacity: 0; left: 0; right: 0; bottom: 0; top: 0; content: ""; z-index: 99990; } .ts-popup-modal .overlay, #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; } .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; } #ts-quickshop-modal .popup-container{ width: 940px; } .woocommerce .wishlist-fragment .blockUI.blockOverlay:before, .woocommerce .yith-wcwl-popup-form .blockUI.blockOverlay:before{ display: block; } /*** Quick Shop ***/ .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 div.woocommerce-product-gallery{ margin-bottom: 0; } #ts-quickshop-modal div.product > .summary{ position: absolute; right: 0;/* rtl */ top: 0; bottom: 0; overflow: auto; } #ts-quickshop-modal .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs{ width: 55px; margin: 0 10px 0 0; /*rtl*/ } #ts-quickshop-modal .woocommerce div.product.gallery-layout-vertical div.woocommerce-product-gallery{ padding-left: 65px; /*rtl*/ } #ts-quickshop-modal .woocommerce div.product.gallery-layout-vertical div.woocommerce-product-gallery{ width: 54%; } #ts-quickshop-modal .woocommerce div.product.gallery-layout-vertical div.summary{ width: 46%; } #ts-quickshop-modal .woocommerce .product .product-label{ top: 10px !important; } #ts-quickshop-modal div.product .summary .detail-meta-top{ display: flex; flex-flow: column wrap; } #ts-quickshop-modal div.product .summary .detail-meta-top > *{ order: 1; } #ts-quickshop-modal div.product .summary .woocommerce-product-rating{ order: 0; } /*** 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: 20px;/* rtl */ top: 20px; position: fixed; opacity: 0; } .admin-bar #ts-product-360-modal.ts-popup-modal .close{ top: 66px; } #ts-product-360-modal.ts-popup-modal.show span.close{ z-index: 99991; opacity: 1; } .threesixty .nav_bar{ position: absolute; top: 50%; width: 40px; right: -10px; /*rtl*/ z-index: 11; transform: translate(100%,-50%); /*rtl*/ } .threesixty .nav_bar a{ width: 40px; height: 40px; font-size: 0; line-height: 0; text-align: center; display: inline-block; text-decoration: none; border-width: 1px; border-style: solid; border-radius: 50%; margin: 5px 0; } .threesixty .nav_bar a:before{ font-size: 15px; line-height: 40px; } .threesixty ol li{ list-style: none; font-size: 0; } body .threesixty{ position: relative; overflow: visible; } body .ts-popup-modal .product-360-container{ width: 450px; max-height: 100%; } .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: 0; width: 100%; height: auto; visibility: hidden; transition: visibility 700ms ease 0s; } .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: 500px; padding: 30px; } .add-to-cart-popup-content .heading{ width: 100%; text-align: center; margin-bottom: 30px; } .add-to-cart-popup-content .heading .theme-title{ text-transform: uppercase; margin: 0; display: inline-block; line-height: 1; border-radius: 40px; font-size: 12px; padding: 5px 15px; } .add-to-cart-popup-content .heading .theme-title:before{ font-size: 8px; margin-right: 5px; /*rtl*/ } .add-to-cart-popup-content:after{ content: ''; clear: both; display: table; } .add-to-cart-popup-content .item .product-image{ width: 40%; margin-right: 30px; /*rtl*/ float: left; /*rtl*/ } .add-to-cart-popup-content .item .product-meta{ width: calc(60% - 30px); float: left; /*rtl*/ } .add-to-cart-popup-content .item .product-name{ margin-bottom: 5px; white-space: normal; text-overflow: initial; } .add-to-cart-popup-content .action .button{ min-width: 220px; margin-top: 10px; } /*** Compare Popup ***/ .dataTables_scrollFoot{ display: none; } html body #yith-woocompare{ padding: 0; } #cboxLoadingGraphic{ background: none !important; } #cboxLoadingOverlay{ top: 50%; left: 50%; width: 100px; height: 100px; transform: translate(-50%,-50%); background-image: none !important } .woocommerce .wd_compare_wrapper .added:before{ content: "\f065"; } #cboxContent{ background: transparent !important; } #cboxTopCenter, #cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxBottomCenter, #cboxMiddleLeft, #cboxMiddleRight{ background: transparent; width: 0;height: 0; padding: 0;margin: 0; } #cboxLoadedContent{ padding: 0; } #cboxLoadedContent iframe{ position: relative; z-index: 1; background: transparent; } .dataTables_wrapper{ padding: 0; text-align: center; } .dataTables_scrollHead, .DTFC_LeftHeadWrapper{ display: none; } html body > h1{ padding: 14px 20px; display: block; width: 100%; float: none; position: relative; z-index: 14; text-align: center; border-width: 0; } 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; /*rtl*/ 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; -webkit-animation-duration: 500ms; -moz-animation-duration: 500ms; animation-duration: 500ms; -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-animation-delay: 300ms; -moz-animation-delay: 300ms; animation-delay: 300ms; } 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 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 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; } body #yith-woocompare table.compare-list .description ul{ display: inline-block; text-align: left; /*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; } 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: 5px !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: 24px; height: 24px; 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: 0; font-size: 0; display: block; background: transparent !important } body table.compare-list tr.remove td > a .remove:before{ line-height: 24px; } tr.image th, tr.title th, tr.price:not(.repeated) th, tr.add-to-cart th{ font-size: 0 !important; } /* AMOUNT */ 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{ text-transform: none; border-width: 1px; border-style: solid; padding: 8px 10px; margin: 0; min-width: 214px; border-radius: 40px; } 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; } html body.rtl > h1{ text-align: right !important; /*rtl*/ } body.rtl table.compare-list{ direction: rtl; /*rtl*/ } body table.compare-list .stock td span{ color: inherit; } body .woocommerce table.compare-list .add-to-cart td a.loading:after{ display: none; } /*------------------------------------------------------------------------------------------------------------------- XI. WOOCOMMERCE MESSAGE ---------------------------------------------------------------------------------------------------------------------*/ .home .woocommerce-message{ display: none !important; } body #ts-ajax-add-to-cart-message{ position: fixed; opacity: 0; right: 0;/* rtl */ 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; padding: 6px 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; } body .wc-block-components-notice-banner .wc-block-components-notice-banner__content a, .woocommerce > form.checkout :is(.woocommerce-error, .woocommerce-info, .woocommerce-message) a, .woocommerce-error a, .woocommerce-info a, .woocommerce-message a, .woocommerce .woocommerce-error a, .woocommerce .woocommerce-info a, .woocommerce .woocommerce-message a{ color: inherit; text-decoration: underline; } body .wc-block-components-notice-banner, .woocommerce-message, .woocommerce .woocommerce-message, .woocommerce-error, .woocommerce .woocommerce-error, .woocommerce-info, .woocommerce .woocommerce-info{ padding: 0 !important;/* rtl */ border-radius: 0; box-shadow: none; text-shadow: none; width: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; margin: 20px 0; line-height: 26px; border-width: 0; } body .wc-block-components-notice-banner, body .wc-block-components-notice-banner .wc-block-components-notice-banner__content{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } body .wc-block-components-notice-banner .wc-block-components-notice-banner__content{padding: 0 1px;font-size: 1rem;} body .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content{gap: 7px;} 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 ul li{ list-style: none; padding: 0 0 0 22px; /*rtl*/ line-height: 26px; } 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: 90%; margin-left: auto; /*rtl*/ order: 10; opacity: 1; } #add_payment_method .checkout .checkout-inline-error-message, .woocommerce-cart .checkout .checkout-inline-error-message, .woocommerce-checkout .checkout .checkout-inline-error-message { font-size: 0.9em; } :where(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) li a:not(.button), body .wc-block-components-notice-banner .wc-block-components-notice-banner__content li a:not(.button) { text-decoration: none !important; } body .wc-block-components-notice-banner .wc-block-components-notice-banner__content:before{content: "\e028";font-size: 80%; font-family: WooCommerce;} body .wc-block-components-notice-banner.is-success .wc-block-components-notice-banner__content:before{content: "\e015";} body .wc-block-components-notice-banner.is-error .wc-block-components-notice-banner__content:before{content: "\e016";} body .wc-block-components-notice-banner.is-warning .wc-block-components-notice-banner__content:before{content: "\e033";} body .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content:before{margin-right: 3px; /*rtl*/} body .wc-block-components-notice-banner, .woocommerce-error, .woocommerce-info, .woocommerce-message, .alert.alert-success, div.wpcf7-mail-sent-ok{ background: transparent !important; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{ display: inline-block; vertical-align: baseline; position: static; margin: 0 5px 0 1px; /*rtl*/ font-size: 80%; color: inherit !important; } body .wc-block-components-notice-banner.is-success, .woocommerce-message, .woocommerce .woocommerce-message{ color: #00bb00; } ul.woocommerce-error::before, ul.woocommerce-info::before, ul.woocommerce-message::before{ position: absolute; top: 0; left: 0; /*rtl*/ width: 20px; } ul.woocommerce-error > li, ul.woocommerce-info > li, ul.woocommerce-message > li{ padding-left: 20px !important; /*rtl*/ } body .wc-block-components-notice-banner.is-error, .woocommerce-error, .woocommerce .woocommerce-error{ color: red; } body .wc-block-components-notice-banner.is-warning, .woocommerce-warning, .woocommerce .woocommerce-warning{ color: #a56d00; } .woocommerce-error::before{ color: inherit !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{ text-decoration: none !important; font-size: 100%; line-height: 18px; color: inherit !important; } .cart-empty.woocommerce-info, .return-to-shop, .woocommerce.archive #primary > .woocommerce-info{ text-align: center; } body.search.search-no-results .alert, .woocommerce.archive #primary > .woocommerce-info{ background: transparent; padding: 80px 0 100px !important; line-height: 30px; margin: 0; } body.search.search-no-results .alert{ text-align: center; margin-bottom: 0 !important; padding-bottom: 30px !important; } body.search.search-no-results .ts-pagination{ padding: 0 !important; } 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: 10px; padding-bottom: 10px; } body.search.search-no-results .search-table .search-button:before{ font-size: 17px; line-height: 46px; } .woocommerce > .return-to-shop{ margin-bottom: 10%; } 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; font-size: 17px; line-height: 22px; } body .wc-empty-cart-message .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content{font-size: 1em;} .woocommerce-cart .return-to-shop a.button{ min-width: 240px; } body .wc-empty-cart-message .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content:before{display: none;} 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: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.2; } body.search.search-no-results .alert:before, .woocommerce.archive #primary > .woocommerce-info:before{ position: relative; letter-spacing: 0; margin: 0 auto; font-size: 70px; line-height: 1; height: auto; width: auto; top: auto; left: auto; bottom: auto; right: auto; display: block; margin-bottom: 20px; margin: 0 0 40px; } .woocommerce-error li, .woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce .woocommerce-message li{ padding: 0; line-height: 26px; } body .wc-block-components-notice-banner:focus, .woocommerce-message:focus, .woocommerce .woocommerce-message:focus, .woocommerce-error:focus, .woocommerce .woocommerce-error:focus, .woocommerce-info:focus, .woocommerce .woocommerce-info:focus, .woocommerce-error li:focus, .woocommerce .woocommerce-error li:focus, .woocommerce .woocommerce-info li:focus, .woocommerce .woocommerce-message li:focus { outline: none; } #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; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button{ display: inline-block; } /*------------------------------------------------------------------------------------------------------------------- XIII. WISHLIST ---------------------------------------------------------------------------------------------------------------------*/ body.woocommerce-wishlist div#main{ min-height: 400px; } /*** Wishlist Title ***/ body.woocommerce .wishlist-title{ margin-bottom: 20px; } body .wishlist-title.wishlist-title-with-form h2:hover{ background: transparent; } body .wishlist-title a.show-title-form{ font-size: 0; line-height: 0; padding: 0; min-width: 0; border-width: 0; border-radius: 4px; width: 26px; height: 26px; text-align: center; position: relative; top: -10px; } body .wishlist-title a.show-title-form i{ font-size: 14px; line-height: 26px; margin: 0; } body .wishlist_table thead tr th, body .wishlist_table tfoot td td { background: transparent; } .woocommerce .wishlist-title a.show-title-form:hover, .woocommerce .hidden-title-form a.hide-title-form:hover, .wishlist_manage_table tfoot a.create-new-wishlist:hover { border-color: transparent; } body .wishlist-title a.show-title-form:before { font-size: 14px; line-height: 26px; content: "\f303"; font-weight: 900; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; } .wishlist-title a.show-title-form i, .wishlist-title a.show-title-form svg.yith-wcwl-icon-svg, .wishlist-title a.show-title-form img { display: none; } body.woocommerce .hidden-title-form a.hide-title-form, body.woocommerce .hidden-title-form a.save-title-form { background: transparent !important; display: inline-flex; align-items: center; justify-content: center; } .woocommerce .hidden-title-form a.hide-title-form svg, .woocommerce .hidden-title-form a.save-title-form svg { width: 18px; } /*** Hidden form ***/ .hidden-title-form{ overflow: hidden; clear: both; display: none; } .yes-js #yith-wcwl-form .hidden-title-form{ margin: 20px 0; width: 100%; } .hidden-title-form input[type="text"]{ margin: 0; padding-right: 80px;/* rtl */ } body .hidden-title-form .edit-title-buttons { right: 10px; top: 50%; transform: translateY(-50%); } body .hidden-title-form a{ width: 46px; height: 46px; line-height: 46px; font-size: 100%; } /*** Wishlist Table ***/ body table.wishlist_table{ font-size: 100%; } .woocommerce div.wishlist_table td.product-add-to-cart a{ display: inline-block !important; } .wishlist_table .product-add-to-cart a{ min-width: 206px; } .woocommerce table.wishlist_table thead th{ border-top: 0; } .wishlist_table tfoot td{ border: 0; } .woocommerce table.wishlist_table tfoot tr th, .woocommerce table.wishlist_table tfoot tr td{ padding-top: 10px !important; padding-bottom: 10px !important; } .woocommerce table.wishlist_table th.product-name{ text-align: left; /* rtl */ } td.product-add-to-cart, td.product-add-to-cart a{ margin: 0 !important; float: none !important; } .woocommerce table.wishlist_table th.product-thumbnail, .woocommerce table.wishlist_table th.product-name{ width: auto; } .wishlist_table tr td, .wishlist_table tr th.product-checkbox, .wishlist_table tr th.wishlist-delete{ text-align: inherit; } .woocommerce table.wishlist_table .product-remove div{ display: inline-block; } .wishlist_table .product-stock-status span.wishlist-in-stock{ color: inherit; } table.wishlist_table .product-price del{ margin-right: 5px; /*rtl*/ } body .wishlist_table .product-add-to-cart a.button{ padding: 8px 40px !important; min-width: 206px; } body .wishlist_table .product-add-to-cart span.dateadded{ display: block; text-align: center; margin: 0 0 5px; } .woocommerce .wishlist_table .product-add-to-cart a.add_to_cart.loading:after{ display: none !important; } body p.wishlist-empty, body table.wishlist_table tbody td.wishlist-empty{ position: relative; bottom: -1px; } /*fix loading*/ .woocommerce table.shop_table.wishlist_table{ opacity: 1 !important; } .woocommerce table.shop_table.wishlist_table .blockUI.blockOverlay{ background: transparent !important; } .woocommerce table.shop_table.wishlist_table .blockUI.blockOverlay:after{ border-width: 3px; border-top-width: 3px; margin-top: -18px; margin-left: -18px; width: 36px; height: 36px; } /*** Sharing ***/ .yith_wcwl_wishlist_footer .yith-wcwl-share{ margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: none; } .yith-wcwl-share h4.yith-wcwl-share-title{ margin: 0 10px 0 0; /*rtl*/ font-size: 100%; line-height: 1; text-transform: uppercase; } .yith-wcwl-share .yith-wcwl-after-share-section{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; /*rtl*/ } .yith-wcwl-share .yith-wcwl-after-share-section input.copy-target{ border-width: 0; margin: 0 0 5px; padding: 0; text-align: right; font-size: 100%; color: inherit; } .yith-wcwl-share ul{ margin: 0; } .yith-wcwl-share ul li{ list-style: none; padding: 0; margin: 0 2px; } .yith-wcwl-share li a{ border-radius: 50%; } /*** Mobile Layout ***/ body .wishlist_table.mobile li{ margin-bottom: 20px; list-style: none; border-width: 1px; border-style: solid; padding: 20px; } body .wishlist_table.mobile li{ margin-bottom: 20px; list-style: none; border-width: 1px; border-style: solid; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; position: relative; } body .wishlist_table.mobile li .item-wrapper{ width: 68%; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; } body .wishlist_table.mobile li .additional-info-wrapper{ width: 32%; padding: 20px; border-width: 0 0 0 1px; border-style: solid; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .wishlist_table.mobile li .additional-info-wrapper > *:not(.product-remove){ width: 100%; margin: 10px 0 0; text-align: center; } body .wishlist_table.mobile li .item-wrapper .product-thumbnail{ max-width: 100px; margin-right: 20px; /*rtl*/ } body .wishlist_table.mobile li .item-wrapper .item-details{ width: calc(100% - 120px); } body .wishlist_table.mobile li .item-details table.item-details-table td, body .wishlist_table.mobile li table.additional-info td{ font-size: 100%; padding: 0; line-height: 20px; width: auto !important; display: inline-block; text-align: inherit !important; margin-bottom: 7px; } body .wishlist_table.mobile li .item-details table.item-details-table td.label, body .wishlist_table.mobile li table.additional-info td.label{ margin-right: 10px; /*rtl*/ } body .wishlist_table.mobile .product-add-to-cart a.button{ padding: 8px 10px !important; width: 100%; min-width: 0; margin: 0 !important; } body .wishlist_table.mobile li .additional-info-wrapper .product-remove{ position: absolute; top: 10px; right: 10px; /*rtl*/ width: 30px; height: 30px; line-height: 30px; text-align: center; z-index: 2; } body .wishlist_table.mobile li .additional-info-wrapper .product-remove a{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; } body .wishlist_table.mobile li .item-details table.item-details-table td.label{ display: none; } body .wishlist_table.mobile li .additional-info-wrapper .product-remove i{ display: none; } body p.wishlist-empty{ margin: 50px 0; } /*------------------------------------------------------------------------------------------------------------------- XII. MY ACCOUNT ---------------------------------------------------------------------------------------------------------------------*/ .woocommerce form.login, .woocommerce form.register{ border-width: 0; padding: 0; margin: 0; } #customer_login h2, .account-content h2, .woocommerce-MyAccount-content > h2, .woocommerce-customer-details > h2, .woocommerce-billing-fields > h3, .woocommerce-additional-fields > h3, header.woocommerce-Address-title > h3{ margin-bottom: 34px; position: relative; } .woocommerce-account .addresses .title h3, .woocommerce-account .addresses h2, .woocommerce-customer-details .addresses h2{ line-height: 1.5; } /*** Login/Register ***/ .woocommerce #customer_login{ width: auto; margin-left: -40px; margin-right: -40px; } .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2, .woocommerce-page #customer_login .col-1, .woocommerce-page #customer_login .col-2{ width: 50%; float: left; /*rtl*/ margin: 0; padding: 0 40px; } .woocommerce #customer_login form .form-row{ margin-bottom: 20px; } .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: 10px; min-width: 208px; } .woocommerce form .show-password-input, .woocommerce-page form .show-password-input{ right: 20px; } .woocommerce-MyAccount-content p > a, #customer_login a{ color: inherit; text-decoration: underline; } .woocommerce-MyAccount-content p > a:hover, #customer_login a:hover{ text-decoration: none; } .woocommerce #customer_login .woocommerce-form-login .woocommerce-form-login__rememberme{ margin: 22px 0 0; } /*** Navigation ***/ .woocommerce-account .woocommerce-MyAccount-navigation{ width: 100%; float: none; margin: 20px 0 40px; padding: 30px 5% 0; border-top-left-radius: 20px; border-top-right-radius: 20px; } .woocommerce-account .woocommerce-MyAccount-navigation ul{ margin: 0 -1px; } .woocommerce-account .woocommerce-MyAccount-navigation li{ list-style: none; padding: 0; margin: 2px 1px 0; text-align: center; float: left; /*rtl*/ } .woocommerce-account .woocommerce-MyAccount-navigation li a{ display: block; padding: 5px 20px; color: inherit; border-top-left-radius: 10px; border-top-right-radius: 10px; } .woocommerce-account .woocommerce-MyAccount-navigation li:not(:hover):not(.is-active) a{ opacity: 0.5; } .woocommerce-account .woocommerce-MyAccount-navigation li a:hover{ text-decoration: none; } /*** Content ***/ .woocommerce-account .woocommerce-MyAccount-content{ float: none; width: 100%; display: block; overflow: hidden; padding: 0 5%; } header.woocommerce-Address-title{ display: inline-block; width: 100%; } .woocommerce-account .addresses .title .edit{ width: 40px; font-size: 0; float: none; display: inline-block; vertical-align: middle; text-decoration: none; margin: -7px 0 0; line-height: 1; text-align: center; } .woocommerce-account .addresses .title .edit:before{ color: #191919; font-size: 12px; } .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-MyAccount-content > form .form-row > span > em{ font-size: 80%; } .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 .woocommerce-customer-details address{ border-width: 0; border-radius: 0; padding: 0; clear: both; } .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-account .addresses .title h3, .woocommerce-account .addresses h2, .woocommerce-customer-details .addresses h2{ float: left;/* rtl */ margin-bottom: 15px; } .woocommerce .woocommerce-customer-details address{ line-height: 2; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone{ padding-right: 0; padding-left: 25px;/* rtl */ margin: 5px 0 0; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone{ position: relative; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before{ top: 0; left: 0; /*rtl*/ margin: 5px 0 0 0; padding: 0; font-size: 80%; } .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: 10px; } .woocommerce .woocommerce-order-details table.shop_table td.product-name{ max-width: initial; } .product-title-shorten .woocommerce-order-details table.shop_table .product-name > a{ white-space: normal; } .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.track_order, .woocommerce .woocommerce-order, p.order-info{ margin-top: 20px; } .product-title-shorten table.order_details .product-name > a{ display: inline-block; max-width: 100%; vertical-align: bottom; } .woocommerce ul.order_details{ margin: 0 0 40px; } .woocommerce ul.order_details{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-width: 1px; border-style: dotted; } .woocommerce ul.order_details li{ float: none; margin: 0; padding: 8px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; text-transform: none; border-width: 0 1px 0 0; border-style: dotted; } .woocommerce ul.order_details li strong{ display: inline-block; font-size: 100%; } .woocommerce .woocommerce-MyAccount-content table.shop_table tr th, .woocommerce .woocommerce-MyAccount-content table.shop_table tr td { border-top: 0; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { margin: 0; } ul.wc-item-meta li { list-style: none; } ul.wc-item-meta li > * { display: inline-block; } /*-------------------------------------------------------------------------------------------------------------------- XIV. BLOG ---------------------------------------------------------------------------------------------------------------------*/ .list-posts:after, .ts-blogs:after, .entry-meta-middle:after, .site-content > article:after{ content: ""; clear: both; display: table; } /*** Filters Bar ***/ ul.blog-filter-bar{ padding-bottom: 25px; margin: -20px 0 70px; border-width: 0 0 1px; border-style: solid; } .blog-template.columns-2 ul.blog-filter-bar, .blog-template.columns-3 ul.blog-filter-bar{ border-width: 0; padding-bottom: 0; margin-bottom: 30px; } .ts-portfolio-wrapper .filter-bar{ margin-bottom: 26px; } .ts-portfolio-wrapper .filter-bar li, ul.blog-filter-bar li{ list-style: none; display: inline-block; margin: 0 30px 10px 0; /*rtl*/ } .ts-portfolio-wrapper .filter-bar li:last-child, ul.blog-filter-bar li:last-child{ display: inline-block; margin-right: 0; /*rtl*/ } .ts-portfolio-wrapper .filter-bar li:hover, ul.blog-filter-bar li:hover{ text-decoration: underline; cursor: pointer; } .ts-portfolio-wrapper .filter-bar li.current, ul.blog-filter-bar li.current{ text-decoration: underline; cursor: default; } /*** Blog Grid ***/ .list-posts, .ts-blogs .blogs{ margin-left: -15px; margin-right: -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .list-posts article, .ts-blogs article{ width: 50%; padding: 0 15px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; margin-bottom: 60px; position: relative; } .list-posts article.sticky{ padding: 40px; border-width: 1px; border-style: solid; margin-left: 15px; margin-right: 15px; } .list-posts article.sticky:after{ display: none; } /* fix unit test */ .home.blog #main > .page-container.blog-template{ padding-top: 50px; } body.home .index-template .list-posts article, .index-template .list-posts article.full-excerpt:not(.format-video), .search-results .list-posts article{ width: 100%; padding-bottom: 60px; } body.home .index-template .list-posts article:after, .index-template .list-posts article.full-excerpt:not(.format-video):after, .search-results .list-posts article:after{ content: ''; position: absolute; bottom: 0; left: 15px; right: 15px; border-width: 0 0 1px; border-style: solid; } body.home .index-template .list-posts article .entry-content, .index-template .list-posts article.full-excerpt:not(.format-video) .entry-content, .search-results .list-posts article .entry-content{ text-align: left; /*rtl*/ } .wp-block-image figcaption{ text-align: center; } .wp-block-quote + .wp-block-audio{ margin-top: 30px; } .home.blog .list-posts article blockquote:not(:last-child){ margin-bottom: 20px; } body .wp-block-pullquote:not(.has-background){ padding: 0; } body.page #main-content #primary > article.page > p:first-child{ margin-top: 10px; } .entry-summary .short-content .gallery .gallery-item{ text-align: initial !important; margin: 0 0 20px; } .wp-block-embed-wordpress-tv.wp-block-embed.alignfull figcaption{ text-align: center; } figcaption, .wp-caption-text{ font-size: 85%; color: #383838; } .wp-caption-text, .wp-block-embed figcaption, .wp-block-image figcaption, .wp-block-video figcaption{ margin-top: 5px; } .post-password-form > p >label{ display: inline-block; } .post-password-form > p >label > input{ margin-top: 10px; margin-bottom: 0; min-width: 300px; } .post-password-form > p >label + input[type="submit"]{ min-width: 200px; margin-left: 10px; /*rtl*/ display: inline-block; vertical-align: text-bottom; position: relative; top: -2px; } .wp-block-search .wp-block-search__input{ flex-grow: 0; width: auto; min-width: 300px; } /**/ .ts-blogs article .thumbnail-content, .list-posts article .entry-format{ position: relative; } .entry-format, .ts-blogs .thumbnail-content, .entry-content{ width: 100%; } .ts-blogs.text-center article .entry-content{ text-align: center; } .list-posts article .entry-summary .short-content > *:last-child{ margin-bottom: 0 !important; } .blog-template:not(.index-template) .list-posts article.format-video .entry-meta-top, .list-posts article.has-post-thumbnail:not(.format-image) .entry-meta-top, .ts-blogs article:not(.no-featured-image) .entry-meta-top{ position: absolute; top: 10px; left: 10px; /*rtl*/ z-index: 9; } .columns-1 .list-posts, .columns-1.ts-blogs .blogs{ width: 100%; margin-left: 0; margin-right: 0; } .list-posts article .entry-format .thumbnail, .ts-blogs article .thumbnail-content{ width: 100%; overflow: hidden; } .ts-shortcode .thumbnail .owl-carousel, .entry-format .thumbnail.owl-carousel, .entry-format .thumbnail .owl-carousel{ width: 100%; } .columns-1 .list-posts article, .columns-1.ts-blogs article, .columns-0 .list-posts article:nth-child(5n+1){ width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 70px; padding-bottom: 70px; } .columns-1 .list-posts article:after, .columns-1.ts-blogs article:after, .columns-0 .list-posts article:nth-child(5n+1):before, .columns-0 .list-posts article:nth-child(5n+1):after{ content: ''; width: calc(100% - 30px); height: 1px; position: absolute; bottom: 0; left: 15px; /*rtl*/ border-width: 0 0 1px; border-style: solid; display: block; } .columns-0 .list-posts article:nth-child(5n+1){ padding-top: 70px; } .columns-0 .list-posts article:nth-child(5n+1):before{ top: 0; bottom: auto; } .columns-1 .list-posts article:after, .columns-1.ts-blogs article:after{ width: 100%; left: 0; /*rtl*/ } .columns-1 .list-posts article, .columns-1.ts-blogs .items article{ padding-left: 0; padding-right: 0; } .columns-0 .list-posts article:nth-child(5n+1){ margin-left: 0; margin-right: 0; } .columns-0 .list-posts article:nth-child(5n+1):not(.has-post-thumbnail) .entry-format, .columns-0 .list-posts article:nth-child(5n+1):not(.has-post-thumbnail) .entry-content, .columns-1 .list-posts article:not(.has-post-thumbnail) .entry-format, .columns-1 .list-posts article:not(.has-post-thumbnail) .entry-content{ width: 100%; padding-left: 0; padding-right: 0; } .columns-1.ts-blogs article .thumbnail-content, .columns-1.ts-blogs article .entry-content, .columns-0 .list-posts article:nth-child(5n+1) .entry-format, .columns-0 .list-posts article:nth-child(5n+1) .entry-content{ width: 50%; margin-bottom: 0; } .columns-3 .list-posts article, .columns-3.ts-blogs article{ width: 33.3333%; } .columns-1.ts-blogs article .entry-content, .columns-0 .list-posts article:nth-child(5n+1) .entry-content{ padding-left: 15px; /*rtl*/ } .columns-1.ts-blogs article .thumbnail-content, .columns-0 .list-posts article:nth-child(5n+1) .entry-format{ padding-right: 15px; /*rtl*/ } .columns-0 .list-posts article:nth-child(10n+6) .entry-format, .columns-1.ts-blogs article:nth-child(even) .thumbnail-content{ order: 1; } .columns-0 .list-posts article:nth-child(10n+6) .entry-content, .columns-1.ts-blogs article:nth-child(even) .entry-content{ padding-left: 0; /*rtl*/ padding-right: 15px; /*rtl*/ } .columns-0 .list-posts article:nth-child(10n+6) .entry-format, .columns-1.ts-blogs article:nth-child(even) .thumbnail-content{ padding-right: 0; /*rtl*/ padding-left: 15px; /*rtl*/ } .columns-0 .list-posts article:nth-child(10n+6) .entry-meta-top, .columns-1.ts-blogs article:nth-child(even) .entry-meta-top{ left: 25px; /*rtl*/ } .columns-0 .list-posts article:nth-child(10n+6):not(.has-post-thumbnail) .entry-format{ padding-left: 0; /*rtl*/ order: 0; } .columns-0 .list-posts article:nth-child(10n+6):not(.has-post-thumbnail) .entry-meta-top{ left: 15px; /*rtl*/ } .columns-1 .list-posts article:last-child, .columns-1.ts-blogs article:last-child, .columns-0 .list-posts article:last-child{ padding-bottom: 0; } .columns-1 .list-posts article:first-child, .columns-1.ts-blogs article:first-child, .columns-0 .list-posts article:first-child{ padding-top: 0; } .columns-1.ts-blogs.ts-slider article{ padding-top: 0; padding-bottom: 0; margin-bottom: 0; } .columns-1.ts-blogs.ts-slider article:before, .columns-1.ts-blogs.ts-slider article:after, .columns-0 .list-posts article:first-child:before, .columns-0 .list-posts article:last-child:after, .columns-1 .list-posts article:first-child:before, .columns-1 .list-posts article:last-child:after, .columns-1.ts-blogs article:first-child:before, .columns-1.ts-blogs article:last-child:after{ display: none; } .entry-content header .heading-title{ margin-bottom: 0; } article .entry-format, article .thumbnail-content, article .entry-content > *{ margin-bottom: 10px; } .index-template article .entry-format, .search-results article .entry-format, .columns-1 article .entry-format{ margin-bottom: 15px; } .index-template article.has-post-thumbnail .entry-format, .search-results article.has-post-thumbnail .entry-format, .columns-1 article.has-post-thumbnail .entry-format, .index-template article.format-video .entry-format, .search-results article.format-video .entry-format, .columns-1 article.format-video .entry-format{ margin-bottom: 20px; } .index-template article:not(.has-post-thumbnail):not([class*="tag-"]):not(.format-video) .entry-format, .search-results article:not(.has-post-thumbnail):not([class*="tag-"]):not(.format-video) .entry-format, .columns-1 article:not(.has-post-thumbnail):not([class*="tag-"]):not(.format-video) .entry-format{ margin-bottom: 0; } article .entry-content > *:last-child, article .entry-content > .entry-meta-middle{ margin-bottom: 0; } .list-posts article .entry-meta-middle + .entry-summary .short-content:not(:empty), .ts-blogs article .entry-meta-middle + .excerpt{ margin-top: 15px; } .list-posts article.post-item.product .entry-meta-middle + .entry-summary .short-content:not(:empty){ margin-top: 0; } .list-posts article .entry-meta-bottom, .ts-blogs article .entry-meta-bottom{ margin-top: 35px; } .ts-blogs .content-wrapper{ width: 100%; } .ts-blogs article.no-featured-image .entry-meta-top{ text-align: center; } .ts-blogs article.no-featured-image .entry-meta-top .tags-link{ display: inline-block; } .ts-blogs article.quote .thumbnail-content{ display: none; } /*unit test*/ .page-container.archive-template.columns-1 .list-posts article.full-excerpt .entry-format, .page-container.archive-template.columns-1 .list-posts article.full-excerpt .entry-content{ width: 100%; padding-left: 0; /*rtl*/ padding-right: 0; /*rtl*/ } .page-container.archive-template.columns-1 .list-posts article.full-excerpt .entry-content{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .columns-0 .list-posts article:not(.has-post-thumbnail):not(:nth-child(5n+1)) .entry-meta-top, .columns-2 .list-posts article:not(.has-post-thumbnail) .entry-meta-top, .columns-3 .list-posts article:not(.has-post-thumbnail) .entry-meta-top{ text-align: center; } .columns-0 .list-posts article:not(.has-post-thumbnail):not(:nth-child(5n+1)) .entry-meta-top .tags-link, .columns-2 .list-posts article:not(.has-post-thumbnail) .entry-meta-top .tags-link, .columns-3 .list-posts article:not(.has-post-thumbnail) .entry-meta-to .tags-link{ display: inline-block; } /**/ .button-text, .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, .woocommerce-cart table.cart td.actions .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; } .button-text:after, .woocommerce .woocommerce-error .button:after, .woocommerce .woocommerce-info .button:after, .woocommerce .woocommerce-message .button:after, .woocommerce-page .woocommerce-error .button:after, .woocommerce-page .woocommerce-info .button:after, .woocommerce-page .woocommerce-message .button:after, .ts-product-size-chart-button:after, .woocommerce-cart table.cart td.actions .button:after{ content: ''; width: 100%; height: 1px; border-width: 0 0 1px; border-style: solid; transition: transform 350ms ease; transform-origin: left center; /*rtl*/ display: block; } .button-text:hover:after, .woocommerce .woocommerce-error .button:hover:after, .woocommerce .woocommerce-info .button:hover:after, .woocommerce .woocommerce-message .button:hover:after, .woocommerce-page .woocommerce-error .button:hover:after, .woocommerce-page .woocommerce-info .button:hover:after, .woocommerce-page .woocommerce-message .button:hover:after, .ts-product-size-chart-button:hover:after, .woocommerce-cart table.cart td.actions .button:hover:after{ transform: scaleX(0); } /*-------------------------------------------------------------------------------------------------------------------- 1. BLOG DETAIL ---------------------------------------------------------------------------------------------------------------------*/ .heading-wrapper, .heading-shortcode, .theme-title, .woocommerce .cross-sells > h2, .woocommerce .up-sells > h2, .woocommerce .related > h2, .woocommerce.related > h2, .yith-wfbt-section > h3, .ts-shortcode .shortcode-heading-wrapper, .ts-shortcode .column-tabs, .elementor-widget-wrap > .elementor-widget-heading{ margin: 0 0 30px 0; } .theme-title .heading-title, .comments-title .heading-title, .add-comment, #commentform .form-submit, .ts-shortcode .shortcode-heading-wrapper .shortcode-title{ text-align: center; margin-bottom:0; } article.single-post > .entry-meta-middle{ margin-bottom: 60px; } article.single-post > .entry-format{ margin-bottom: 55px; } article.single-post > .entry-meta-top, article.single-post .entry-header{ margin-bottom: 20px; } article.single-post .entry-title{ margin-bottom: 0; -ms-word-wrap: break-word; word-wrap: break-word; } article.single-post > .entry-content{ margin-bottom: 64px; } .entry-meta-middle > *{ padding-top: 4px; } article.single-post > .entry-content .elementor-text-editor > *:last-child{ margin-bottom: 0; } /*** Entry Format ***/ body.single-post article .entry-format{ position: relative; } body.single-post article .entry-format .ts-video, body.single-post article .entry-format .ts-audio{ overflow: hidden; margin-bottom: 60px; } .single article .entry-format .thumbnail img{ width: 100%; } .single-post div.gallery:after{ clear: both; } .single-post div.gallery{ margin: 0; } .single-post div.gallery .gallery-caption{ margin: 10px 0 0 0; padding: 0; } .single-post div.gallery .gallery-item{ float: left;/*rtl */ margin: 0 0 10px 0; padding: 10px; } .single-post .gallery-columns-2 .gallery-item{ width: 50%; } .single-post .gallery-columns-3 .gallery-item{ width: 33.33333%; } .single-post .gallery-columns-4 .gallery-item{ width: 25%; } .single-post .gallery-columns-5 .gallery-item{ width: 20%; } .single-post .gallery-columns-6 .gallery-item{ width: 16.66666%; } .single-post .gallery-columns-7 .gallery-item{ width: 14.28% } .single-post .gallery-columns-8 .gallery-item{ width: 12.5%; } /*** Post meta ***/ .tagcloud, .wp-block-tag-cloud{ display: block; overflow: hidden; } .tagcloud, .wp-block-tag-cloud, .tags-link{ margin: 0 -3px; } .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; } .cats-link a:hover, .brands-link a:hover{ text-decoration: underline; } .cats-portfolio:after, .portfolio-info .cat-links:after, .tagcloud:after, .wp-block-tag-cloud:after, .tags-link:after{ content: ''; clear: both; display: table; } .cats-portfolio a, .portfolio-info .cat-links a, .portfolio-inner a.like, .portfolio-info .portfolio-like, .tags-link a, .wp-block-tag-cloud a, .tagcloud a{ min-width: 60px; text-align: center; border-width: 1px; border-style: solid; border-radius: 20px; padding: 2px 10px; font-size: 12px !important; line-height: 16px !important; margin: 0 3px 6px;/* rtl */ float: left;/* rtl */ } .cats-portfolio a:hover, .portfolio-info .cat-links a:hover, .portfolio-inner a.like:hover, .tags-link a:hover, .wp-block-tag-cloud a:hover, .tagcloud a:hover{ text-decoration: none !important; } .tagcloud .tag-link-count{ vertical-align: super; font-size: 10px; line-height: 12px; } .entry-meta-middle{ line-height: 18px; } .entry-meta-middle > *{ display: inline-block; vertical-align: baseline; } .entry-meta-middle > .cats-link{ display: inline; } .entry-meta-middle > span:not(:last-child){ padding-right: 14px;/* rtl */ margin-right: 10px;/* rtl */ position: relative; } .entry-meta-middle > span:not(:last-child):before{ content: ""; position: absolute; right: 0; /*rtl*/ width: 2px; height: 2px; background: #808080; top: 50%; } .entry-meta-middle > span a{ display: inline-block; } /*** Single Navigation ***/ .single .meta-bottom-2{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 90px; } .single .entry-meta-bottom + .meta-bottom-2{ margin-top: -60px; } .meta-bottom-2 .single-navigation a{ color: inherit; display: inline-block; max-width: 254px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .single-navigation{ position: relative; line-height: 22px; } .single-navigation:before{ position: absolute; top: 50%; left: 0; /*rtl*/ margin-top: -13px; transition: 300ms ease; } .single-navigation.prev{ padding-left: 25px; /*rtl*/ } .single-navigation.next{ padding-right: 25px; /*rtl*/ } .single-navigation.next:before{ right: 0; /*rtl*/ left: auto; /*rtl*/ } .single-navigation.prev:hover:before{ left: -5px; /*rtl*/ } .single-navigation.next:hover:before{ right: -5px; /*rtl*/ } /*** Social Sharing ***/ article.single-post > .entry-meta-bottom{ clear: both; position: relative; border-width: 0 0 1px; border-style: solid; } body #st-el-4 .st-btns{ overflow: auto; } body #st-1.st-has-labels .st-btn{ min-width: 70px; } body #st-1 .st-btn > span{ min-width: 30px; padding: 0 0 0 5px;/* rtl */ margin: 0 0 0 5px;/* rtl */ position: relative; } body #st-1 .st-btn > span:before{ position: absolute; left: 0; top: 8px; bottom: 8px; content: ""; width: 1px; background: rgba(0,0,0,0.1); } body #st-1 .st-btn:hover{ top: 0; opacity: 0.8; } /*** Author ***/ .entry-author{ display: table; table-layout: fixed; width: 100%; padding: 30px; clear: both; background: rgb(193,193,193,0.1); margin: 0 0 95px; } .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: 3px solid #ffffff; border-radius: 100%; } .entry-author .author-info .author{ margin-right: 10px; /* rtl */ display: inline-block; } .entry-author .author-info p{ margin: 10px 0 0 0; } .entry-author .author a:hover{ text-decoration: none; } /*** Comments ***/ .comments-area{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } .comments-area > *{ max-width: 100%; } body.page article.page + .comments-area > #comment-wrapper{ margin-bottom: 100px; } body.page article.page + .comments-area > .commentlist + #comment-wrapper, .single-post .comments-area > #comment-wrapper, .single-post .comments-area > #comment-wrapper:last-child{ margin-bottom: 40px; } .comments-area .comments-title{ margin-bottom: 50px; } .comments-area .comments-title .heading-title{ margin-bottom: 20px; } .comments-area .add-comment{ font-size: 125%; line-height: 28px; } .comments-area .add-comment > a{ text-decoration: underline; } .comments-area .add-comment > span + a{ padding-left: 14px; /*rtl*/ margin-left: 9px; /*rtl*/ position: relative; } .woocommerce .woocommerce-product-rating > *:not(:first-child):before, .comments-area .add-comment > span + a:before{ content: ''; width: 2px; height: 2px; background: #808080; position: absolute; top: 50%; left: 0; /*rtl*/ } .logged-in-as a{ color: inherit; text-decoration: underline; } .logged-in-as a:hover{ color: inherit; text-decoration: none; } .comments-area .commentlist, .comments-area .navigation, .woocommerce-tabs #reviews #comments{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .comments-area .navigation{ text-align: center; margin: 0 -5px 0; padding: 30px 0 0; } .comments-area .commentlist + .navigation{ border-width: 1px 0 0; border-style: solid; margin-top: 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*/ } #comment-wrapper{ display: none; margin-bottom: 40px; } .comments-area > #comment-wrapper:last-child{ margin-bottom: 0; } #comment-wrapper .heading-wrapper, .woocommerce #reviews #comments h2{ margin-bottom: 15px; } #comment-wrapper .heading-title{ margin-bottom: 0; } #comment-wrapper .heading-title small{ margin-left: 10px; /*rtl*/ } #commentform .info-wrapper{ margin: 0 -15px; } #commentform .info-wrapper > p{ width: 50%; float: left; /*rtl*/ padding: 0 15px; } .commentlist li.comment #commentform p{ margin-bottom: 20px; } #commentform .info-wrapper input{ margin-bottom: 0; } #comment-wrapper #commentform #comment, .woocommerce #reviews #comment{ height: 150px; } .load-more.button, .woocommerce #review_form #respond .form-submit input, #commentform .form-submit .button{ min-width: 200px; } .comments-area .commentlist{ margin: 0; } .commentlist li.comment, .woocommerce #reviews #comments ol.commentlist li{ padding: 0; border-width: 0 0 1px; border-style: solid; } .commentlist > li.comment:last-child{ border-bottom-width: 0; } .commentlist > li.comment:last-child .comment-detail{ padding-bottom: 0; } .commentlist li.comment:first-child, .woocommerce #reviews #comments ol.commentlist li:first-child{ border-top-width: 1px; } .commentlist li.comment .comment-detail, .woocommerce #reviews #comments ol.commentlist li .comment-text{ padding: 30px 0; position: relative; } .commentlist li.comment .comment-detail:after, .woocommerce #reviews #comments ol.commentlist li .comment-text:after{ content: ''; clear: both; display: table; } .commentlist li.comment .comment-actions{ font-size: 12px; line-height: 18px; position: absolute; top: 5px; right: 0; /*rtl*/ } .commentlist .comment-actions .edit + .reply{ margin-left: 15px; /*rtl*/ } .commentlist .comment-detail .comment-meta, .commentlist .comment-detail .comment-text{ width: 18%; float: left; /*rtl*/ } .commentlist .comment-detail .comment-text{ width: 82%; padding-right: 12%; /*rtl*/ } .commentlist li strong{ margin-bottom: 5px; display: inline-block; vertical-align: baseline; } .commentlist li p{ margin-bottom: 10px; } .commentlist li p:last-child, .woocommerce #reviews #comments ol.commentlist li .comment-text p:last-child{ margin-bottom: 0; } .comment-meta span{ display: inline-block; vertical-align: top; } .comment-meta .author + .date-time{ margin-left: 8px; /*rtl*/ } #main-content.ts-col-18 .comment-meta .author + .date-time, #main-content.ts-col-12 .comment-meta .author + .date-time{ margin-left: 0; /*rtl*/ } #main-content.ts-col-18 .comment-meta span, #main-content.ts-col-12 .comment-meta span{ display: block; } .commentlist li #comment-wrapper{ padding-left: 18%; /*rtl*/ display: block !important; } .commentlist li #comment-wrapper .heading-wrapper, .commentlist li #comment-wrapper p.logged-in-as{ margin-bottom: 10px; } .commentlist .children li:last-child{ border-bottom-width: 0; } #cancel-comment-reply-link{ font-weight: normal; } /*** Related posts ***/ .related-posts article, .related-portfolios .item, .ts-shortcode .items .item{ padding-left: 15px; padding-right: 15px; } .related-portfolios .items, .ts-shortcode .items{ margin-left: -15px; margin-right: -15px; } article.single-post .ts-blogs{ padding-bottom: 37px; border-width: 0 0 1px; border-style: solid; margin-bottom: 92px; } article.single-post .ts-blogs:last-child{ border-width: 0; margin-bottom: 0; } /*-------------------------------------------------------------------------------------------------------------------- 2. PORTFOLIO DETAIL ---------------------------------------------------------------------------------------------------------------------*/ .single-ts_portfolio #main > .page-container{ padding-top: 40px; } .single-portfolio .entry-format{ overflow: hidden; margin-bottom: 40px; } .single-portfolio.gallery .thumbnail img{ margin-bottom: 10px; } .single-portfolio .entry-main .portfolio-content, .single-portfolio .entry-main .date-time{ margin-bottom: 60px; } .single-portfolio .entry-title + .portfolio-content{ margin-top: 50px; } body article.single-portfolio .entry-content > .entry-title{ line-height: 1.3; margin-bottom: 20px; clear: both; } .single-portfolio .date-time{ display: block; line-height: 18px; } .portfolio-info.like-button{ float: right; /*rtl*/ } .portfolio-inner a.like, .portfolio-info .portfolio-like{ margin: 0; } .portfolio-like .ic-like:hover{ cursor: pointer; } .portfolio-like .ic-like:before, .portfolio-inner a.like:before{ font-size: 80%; margin-right: 2px; /*rtl*/ } .portfolio-info.categories{ max-width: calc(100% - 100px); } .portfolio-info .cat-links{ margin: 0 -3px; display: block; } .single-portfolio .meta-content .portfolio-info{ margin-bottom: 5px; } .single-portfolio .meta-content .portfolio-info > span:first-child{ min-width: 50px; margin-right: 10px; /*rtl*/ display: inline-block; vertical-align: middle; } .single-portfolio .meta-content .portfolio-info .custom-field{ display: inline-block; } .single-portfolio .meta-content .portfolio-info .custom-field p{ margin-bottom: 0; } .single-portfolio .portfolio-info .ts-social-sharing{ display: inline-block; vertical-align: middle; } .single-portfolio .entry-content > .meta-content{ margin-bottom: 0; } .single-portfolio .meta-content a{ color: inherit; } /*** Left Thumbnails ***/ .single-portfolio.left-thumbnail .entry-main > .entry-format{ width: 65%; float: left; /*rtl*/ margin-bottom: 0; } .single-portfolio.left-thumbnail .entry-main > .entry-content{ width: 35%; float: right; /*rtl*/ padding-left: 30px; /*rtl*/ margin-bottom: 0; } .single-portfolio.left-thumbnail .portfolio-info.categories{ max-width: 80%; } /*** Related Portfolio ***/ .single-portfolio .related-portfolios{ border-width: 1px 0 0; border-style: solid; } .related-portfolios .shortcode-title{ text-align: center; } /*------------------------------------------------------------------------------------------------------------------- XV. PAGE TEMPLATE ---------------------------------------------------------------------------------------------------------------------*/ /*** Page 404 ***/ body div#main{ min-height: 0; } body.error404 div#main > .page-container{ padding-top: 0; } body.error404 .not-found:after{ content: ''; clear: both; display: table; } body.error404 #primary > article div.not-found{ width: auto; padding: 0; margin-left: -15px; margin-right: -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body.error404 #primary > article div.not-found > .ts-col-24{ text-align: center; } body.error404 #primary > article div.not-found h1{ font-size: 210px; line-height: 1; margin-bottom: 40px; } body.error404 #primary > article div.not-found h5{ font-size: 40px; line-height: 1.3; margin-bottom: 10px; } body.error404 #primary > article div.not-found p{ margin-bottom: 30px; } body.error404 #primary > article .not-found a.button{ min-width: 244px; } body.error404 .image-404{ position: relative; overflow: hidden; text-align: center; } body.error404 .image-404 .text-clipping{ font-size: 640px; line-height: 1; font-weight: bold; text-align: center; display: inline-block; } body.error404 .image-404 .text-clipping + img{ position: absolute; top: 0; left: 50%; height: 100%; transform: translateX(-50%); max-width: none; mix-blend-mode: lighten; } body.error404 article > .woocommerce.products{ border-width: 1px 0 0; border-style: solid; margin-top: 100px; } body.error404 article > .has-text-clipping + .woocommerce.products{ margin-top: 20px; } body.error404 article > .woocommerce.products .product{ margin-bottom: 0 !important; } /*------------------------------------------------------------------------------------------------------------------- XVI. RESPONSIVE ---------------------------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 1279px) and (max-width: 1400px){ .owl-nav > div.owl-prev{ left: -30px; /*rtl*/ } .owl-nav > div.owl-next{ right: -30px; /*rtl*/ } } @media only screen and (min-width: 768px){ .elementor-section.section-half-full-right{ width: calc(50vw + 50%); margin-right: calc(50vw - 50%); /*rtl*/ } .elementor-section.section-half-full-left{ width: calc(50vw + 50%); margin-left: calc(-50vw + 50%); /*rtl*/ } .elementor-section .elementor-section.elementor-inner-section.section-half-full-right{ width: 100vw; margin-right: calc(-50vw + 50%); } .elementor-section.elementor-section-boxed.section-half-full-left > .elementor-container, .elementor-section.elementor-section-boxed.section-half-full-right > .elementor-container{ max-width: 100%; } .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; } #ts-mobile-button-bottom{ display: none; height: 0; } /*** Separate Tab Review ***/ .woocommerce div.product > #reviews{ border-width: 1px 0; border-style: solid; } .woocommerce div.product > #reviews:last-child{ border-bottom-width: 0; } .woocommerce div.product > #reviews nav.woocommerce-pagination{ border-width: 0; padding-bottom: 0; } .woocommerce div.product.show-tabs-content-default:not(.tabs-in-summary) #reviews > .woocommerce-product-rating, .woocommerce div.product > #reviews > .woocommerce-product-rating{ line-height: 28px; } .woocommerce div.product.show-tabs-content-default:not(.tabs-in-summary) #reviews > .woocommerce-product-rating .star-rating, .woocommerce div.product > #reviews > .woocommerce-product-rating .star-rating{ width: 117px; height: 22px; } .woocommerce div.product.show-tabs-content-default:not(.tabs-in-summary) #reviews > .woocommerce-product-rating .star-rating span:before, .woocommerce div.product.show-tabs-content-default:not(.tabs-in-summary) #reviews > .woocommerce-product-rating .star-rating:before, .woocommerce div.product > #reviews > .woocommerce-product-rating .star-rating span:before, .woocommerce div.product > #reviews > .woocommerce-product-rating .star-rating:before{ font-size: 21px; } .woocommerce div.product.show-tabs-content-default:not(.tabs-in-summary) #reviews > .woocommerce-product-rating > *:not(:first-child), .woocommerce div.product > #reviews > .woocommerce-product-rating > *:not(:first-child){ margin: 0 0 0 14px; /*rtl*/ padding: 0 0 0 16px; /*rtl*/ } .woocommerce div.product.show-tabs-content-default:not(.tabs-in-summary) #reviews > .woocommerce-product-rating > .star-rating + .review-count, .woocommerce div.product > #reviews > .woocommerce-product-rating > .star-rating + .review-count{ margin-left: 22px; /*rtl*/ padding-left: 0; /*rtl*/ } div.product #reviews #comments .woocommerce-noreviews{ text-align: center; } /**/ } @media only screen and (min-width: 992px){ .woocommerce .woocommerce-ordering .orderby ul{ margin-right: -45px; /*rtl*/ } /*** Frequently bought together style full width ***/ #main-content.ts-col-24 .woocommerce.yith-wfbt-section .yith-wfbt-form{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: hidden; } #main-content.ts-col-24 .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-images{ width: 60%; display: block; } #main-content.ts-col-24 .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-images tbody{ display: table; table-layout: fixed; border-collapse: collapse; box-sizing: border-box; width: 100%; height: 100%; } #main-content.ts-col-24 .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block{ width: 40%; padding: 0 0 0 4px; /*rtl*/ position: absolute; bottom: 0; right: 0; /*rtl*/ left: auto; /*rtl*/ } #main-content.ts-col-24 .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items{ width: 40%; padding: 0 0 160px 30px; /*rtl*/ } #main-content.ts-col-24 .woocommerce.yith-wfbt-section .yith-wfbt-submit-block input[type^="submit"]{ width: auto; min-width: 216px; } #main-content.ts-col-24 .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .button{ width: auto; min-width: 295px; } } @media only screen and (min-width: 1279px){ /*** Shop/Category ***/ .woocommerce.archive #main > .page-container:not(.show_breadcrumb_v3) .before-loop-wrapper{ margin-top: -55px; } .woocommerce.archive .before-loop-wrapper > *:not(#ts-filter-widget-area){ position: relative; z-index: 3; } .woocommerce.archive #main > .page-container:not(.show_breadcrumb_v3) .ts-active-filters:not(:empty) + .before-loop-wrapper{ margin-top: -90px; } .woocommerce.archive #main-content .woocommerce.main-products{ overflow-x: hidden; } .woocommerce.archive #main > .page-container:not(.show_breadcrumb_v3) #main-content.ts-col-24 .before-loop-wrapper{ margin-left: 315px; /*rtl*/ max-width: calc(100% - 315px); } .woocommerce.archive .breadcrumb-title-wrapper:not(.breadcrumb-v3) .breadcrumb-title .page-title{ max-width: 315px; padding-right: 30px; /*rtl*/ } .woocommerce.archive #main > .page-container:not(.show_breadcrumb_v3) #main-content.ts-col-18:first-child .before-loop-wrapper{ margin-left: calc(22% + 80px); /*rtl*/ } .woocommerce.archive #main > .page-container:not(.show_breadcrumb_v3) #main-content.ts-col-12 .before-loop-wrapper{ width: calc(122% + 80px); } .show_breadcrumb_v3 #ts-filter-widget-area .ts-sidebar-content{ top: 46px; } /*fix search result page*/ .woocommerce.archive.search-no-results #main > .page-container:not(.show_breadcrumb_v3) .before-loop-wrapper, .woocommerce.archive.search-no-results #main > .page-container:not(.show_breadcrumb_v3) .ts-active-filters:not(:empty) + .before-loop-wrapper, .woocommerce.archive.search-results #main > .page-container:not(.show_breadcrumb_v3) .before-loop-wrapper, .woocommerce.archive.search-results #main > .page-container:not(.show_breadcrumb_v3) .ts-active-filters:not(:empty) + .before-loop-wrapper{ margin-top: 0; } .woocommerce.archive.search-no-results #main > .page-container:not(.show_breadcrumb_v3) #main-content.ts-col-24 .before-loop-wrapper, .woocommerce.archive.search-results #main > .page-container:not(.show_breadcrumb_v3) #main-content.ts-col-24 .before-loop-wrapper{ margin-left: 0; /*rtl*/ max-width: 100%; } .woocommerce.archive.search-no-results .breadcrumb-title-wrapper:not(.breadcrumb-v3) .breadcrumb-title .page-title, .woocommerce.archive.search-results .breadcrumb-title-wrapper:not(.breadcrumb-v3) .breadcrumb-title .page-title{ max-width: 100%; padding-right: 0; /*rtl*/ } .woocommerce.archive.search-no-results #ts-filter-widget-area .ts-sidebar-content, .woocommerce.archive.search-results #ts-filter-widget-area .ts-sidebar-content{ top: 40px; } /**/ .woocommerce .product .thumbnail-wrapper figure img:first-child{ backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: opacity 600ms ease 0s; } .woocommerce .product figure.has-back-image img:last-child{ position: absolute;right: 0;left: 0;top: 0; width: 100%; transition: opacity 600ms ease 0s; backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0 } .woocommerce .product .thumbnail-wrapper:hover figure.has-back-image img:last-child{ opacity: 1; } .woocommerce .product .thumbnail-wrapper:hover figure.has-back-image img:first-child{ opacity: 0; } /**/ /*** Blog ***/ .single-post #main-content.ts-col-24 .single-post:not(.no-featured-image) .entry-meta-top, .single-post #main-content.ts-col-24 .single-post:not(.no-featured-image) .entry-header, .single-post #main-content.ts-col-24 .single-post:not(.no-featured-image) .entry-meta-middle, .single-post #main-content.ts-col-24 .single-post:not(.no-featured-image) .entry-content{ max-width: 810px; margin-left: auto; margin-right: auto; } .single-post #main-content.ts-col-24 .single-post:not(.no-featured-image) .alignfull{ width: 1230px; margin-left: -210px; margin-right: -210px; } /**/ /*** Shortcode ***/ .elementor-col-100 .ts-mailchimp-subscription-shortcode .mc4wp-form .subscribe-email input[type="email"]{ min-width: 380px; } /*** Product Slider Partial View ***/ .ts-product.ts-slider.partial-view.partial-full .column-content{ margin-left: calc(-50vw + 50% - 110px) !important; margin-right: calc(-50vw + 50% - 110px) !important; } .ts-product.ts-slider.partial-view.partial-right .column-content{ margin-right: calc(-50vw + 50% - 110px) !important; } .ts-product.ts-slider.partial-view.partial-left .column-content{ margin-left: calc(-50vw + 50% - 110px) !important; } .ts-product.ts-slider.partial-view .column-content .owl-dots{ max-width: 1230px; } .ts-product.ts-slider.partial-view.partial-left .owl-nav, .ts-product.ts-slider.partial-view.partial-right .owl-nav{ position: absolute; top: 30%; left: -40px; width: 40px; } .ts-product.ts-slider.partial-view.partial-left .owl-nav{ left: auto; right: -40px; } .ts-product.ts-slider.partial-view.partial-left .owl-nav > div, .ts-product.ts-slider.partial-view.partial-right .owl-nav > div{ position: static; transform: rotate(90deg); } .ts-product.ts-slider.partial-view.partial-full .owl-nav > div.owl-prev{ left: 135px; /*rtl*/ } .ts-product.ts-slider.partial-view.partial-full .owl-nav > div.owl-next{ right: 135px; /*rtl*/ } .ts-product.ts-slider.partial-view.partial-right .column-products.loading:after{ left: 597px; right: auto; margin-left: 0; margin-right: auto; } .ts-product.ts-slider.partial-view.partial-left .column-products.loading:after{ right: 597px; left: auto; margin-left: auto; margin-right: 0; } } @media only screen and (min-width: 1660px){ .header-fullwidth .menu-center .logo-wrapper, .header-fullwidth .menu-center .header-left, .header-fullwidth .menu-center .header-right, .layout-fullwidth .menu-center .logo-wrapper, .layout-fullwidth .menu-center .header-left, .layout-fullwidth .menu-center .header-right{ width: 25%; } .header-fullwidth .header-middle .header-right .language-currency:not(:last-child), .layout-fullwidth .header-middle .header-right .language-currency:not(:last-child){ margin-right: 50px; /*rtl*/ } body .ts-popup-modal .product-360-container{ width: 600px; } .header-fullwidth.header-v4 header .logo-wrapper, .layout-fullwidth.header-v4 header .logo-wrapper{ padding-right: 9%; /*rtl*/ } .header-v4 .header-right > .ts-search-by-category{ margin-right: 60px; /*rtl*/ } .header-v4 .ts-search-by-category > form { min-width: 300px; } #ts-quickshop-modal .popup-container{ width: 1020px; } .woocommerce.layout-fullwidth #main-content.ts-col-24 div.product.images-summary-background .single-product-buttons-sharing, .woocommerce.main-content-fullwidth #main-content.ts-col-24 div.product.images-summary-background .single-product-buttons-sharing{ width: 100%; left: 0; right: 0; } .layout-fullwidth .ts-product.ts-slider.partial-view .column-content .owl-dots, .main-content-fullwidth .ts-product.ts-slider.partial-view .column-content .owl-dots{ max-width: 100%; } /*** Blog ***/ .single-post #main-content.ts-col-24 .single-post:not(.no-featured-image) .entry-meta-top, .single-post #main-content.ts-col-24 .single-post:not(.no-featured-image) .entry-header, .single-post #main-content.ts-col-24 .single-post:not(.no-featured-image) .entry-meta-middle, .single-post #main-content.ts-col-24 .single-post:not(.no-featured-image) .entry-content{ max-width: 1000px; } .single-post #main-content.ts-col-24 .single-post:not(.no-featured-image) .alignfull{ width: calc(100vw - 200px); margin-left: calc(-50vw + 50% + 100px); margin-right: calc(-50vw + 50% + 100px); } } @media only screen and (max-width: 1279px){ /*** Reset **/ .visible-ipad{ display: block !important; } .hidden-ipad{ display: none !important; } .heading-wrapper, .heading-shortcode, .theme-title, .woocommerce .cross-sells > h2, .woocommerce .up-sells > h2, .woocommerce .related > h2, .woocommerce.related > h2, .yith-wfbt-section > h3, .ts-shortcode .shortcode-heading-wrapper, .ts-shortcode .column-tabs, .elementor-widget-wrap > .elementor-widget-heading{ margin: 0 0 20px 0; } #main > .page-container{ padding-left: 15px; padding-right: 15px; } #left-sidebar, #right-sidebar{ padding-left: 10px; padding-right: 10px; } #left-sidebar.ts-col-6{ padding-right: 20px; /*rtl*/ } #right-sidebar.ts-col-6{ padding-left: 20px; /*rtl*/ } #main-content{ padding: 0 10px; } body.page article.page + .comments-area > #comment-wrapper{ margin-bottom: 60px; } .container, .woocommerce .products .product, .related-posts article, .related-portfolios .item, .ts-shortcode .items .item{ padding-left: 10px; padding-right: 10px; } .woocommerce .products, .related-portfolios .items, .ts-shortcode .items{ margin-left: -10px; margin-right: -10px; } .ts-header .container, footer .container, .breadcrumb-title-wrapper .breadcrumb-content{ padding-left: 25px; padding-right: 25px; } .woocommerce #main > .page-container, .woocommerce-page #main > .page-container, .page-template-blog-template #main > .page-container, .single #main > .page-container, .archive #main > .page-container { padding-top: 35px; } body .elementor-section.elementor-section-boxed > .elementor-container{ max-width: 100%; } body .elementor-section.elementor-section-boxed.elementor-section-stretched > .elementor-container{ max-width: calc(100% - 50px); } .elementor-section .elementor-container.elementor-column-gap-default .elementor-row{ margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); } .elementor-column-gap-default .elementor-column > .elementor-element-populated > .elementor-widget-wrap{ padding: 0; } .header-language *:focus{ outline: 0 !important; } body.page article.page + .comments-area{ margin-top: 60px; padding-top: 60px; min-height: 200px; } /**/ .owl-nav > div{ opacity: 1; visibility: visible; transition: none; width: 30px; height: 30px; } .owl-nav > div:before{ line-height: 30px; font-size: 12px; } .owl-nav > div.owl-prev, .elementor-widget.elementor-widget-wp-widget-ts_instagram[data-widget_type*="wp-widget-"] .owl-prev{ left: 5px; /*rtl*/ } .owl-nav > div.owl-next, .elementor-widget.elementor-widget-wp-widget-ts_instagram[data-widget_type*="wp-widget-"] .owl-next{ right: 5px; /*rtl*/ } .ts-shortcode.ts-slider .owl-nav > div.owl-prev{ left: 10px; /*rtl*/ } .ts-shortcode.ts-slider .owl-nav > div.owl-next{ right: 10px; /*rtl*/ } .owl-carousel{ width: calc(100% + 20px); } .ts-shortcode.ts-product .owl-dots{ margin-top: -25px; } /**/ 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, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button, input[type="submit"].dokan-btn, 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, #ts-search-sidebar.full-width .ts-search-result-container .view-all-wrapper a{ padding: 8px 30px; } /*** Header ***/ .ts-header .header-middle .menu-wrapper{ width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; position: relative; margin-top: 5px; padding: 8px 0; } .ts-header .header-middle .menu-wrapper:before{ content: ''; width: calc(100% + 60px); height: 1px; border-width: 1px 0 0; border-style: solid; position: absolute; top: 0; left: -30px; } .ts-header .header-middle .menu-wrapper:before, .header-transparent .ts-header .header-middle .menu-wrapper:after{ content: ''; width: calc(100% + 60px); height: 1px; border-width: 1px 0 0; border-style: solid; position: absolute; top: 0; left: -30px; } .header-transparent .ts-header .header-middle .menu-wrapper:before, .header-transparent .ts-header .header-middle .menu-wrapper:after{ border-color: rgba(255,255,255,0.15); } .header-transparent .ts-header .header-middle .menu-wrapper:after{ top: auto; bottom: 0; } .header-v1 .header-middle > .container, .header-v3 .header-middle > .container, .header-v4 .header-middle > .container{ padding-top: 5px; padding-bottom: 0; } header .menu-wrapper .ts-menu{ padding: 0; } .ts-header nav > ul.menu > li > .ts-menu-drop-icon, .ts-header nav > ul > li > .ts-menu-drop-icon{ cursor: pointer; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 2; transform: none; margin: 0; width: auto; height: auto; } .ts-header nav > ul.menu > li > .ts-menu-drop-icon.active, .ts-header nav > ul > li > .ts-menu-drop-icon.active{ z-index: -1; } .ts-header .is-sticky nav > ul.menu li ul.sub-menu{ padding-top: 42px; } .ts-header .is-sticky nav > ul.menu li.ts-normal-menu:not(.font-body) ul.sub-menu:before, .ts-header .is-sticky nav > ul.menu li.ts-normal-menu:not(.font-body) ul.sub-menu:after{ top: 15px; } .ts-header nav > ul.menu li ul.sub-menu ul.sub-menu:before, .ts-header nav > ul.menu li ul.sub-menu ul.sub-menu:after{ top: 3px !important; } .sub-menu .ts-menu-drop-icon{ left: auto;/* rtl */ width: 20px; } .ts-header .sub-menu .ts-menu-drop-icon{ left: auto; /*rtl*/ width: 40px; right: -10px; /*rtl*/ top: 0; bottom: 0; transform: translate(0); } .ts-header nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{ padding-top: 60px; } .ts-header nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu:before{ top: 7px; } .ts-header nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu:after{ top: 8px; } .ts-header nav > ul.menu li ul.sub-menu{ padding-top: 45px; } .ts-header nav > ul.menu li.ts-normal-menu:not(.font-body) ul.sub-menu:before, .ts-header nav > ul.menu li.ts-normal-menu:not(.font-body) ul.sub-menu:after{ top: 15px; } .woocommerce.ts-search-result-container ul.product_list_widget{ margin-left: -10px; margin-right: -10px; } .woocommerce.ts-search-result-container ul.product_list_widget li{ padding-left: 10px; padding-right: 10px; } body > .ts-search-result-container{ padding: 70px 20px; } .my-account-wrapper .dropdown-container:before, .shopping-cart-wrapper .dropdown-container:before{ top: 0px; } .my-account-wrapper .dropdown-container, .shopping-cart-wrapper .dropdown-container{ padding-top: 30px; } .header-v4 .ts-header .header-middle .menu-wrapper{ text-align: center; } .header-sticky { z-index: 995; } /**/ /*** Shop/Category ***/ #main-content:not(.ts-col-24) .ts-product-columns-selector .column-3{ margin-right: 0; /*rtl*/ } #main-content:not(.ts-col-24) .ts-product-columns-selector .column-4{ display: none; } #main-content:not(.ts-col-24) .woocommerce.columns-4 .products .product{ width: 33.3333%; } #ts-filter-widget-area .ts-sidebar-content{ left: 0; /*rtl*/ width: 200px; } #ts-filter-widget-area .widget-title-wrapper .widget-title:empty{ margin-bottom: 0; } .woocommerce.archive #main-content.show-filter-sidebar #primary > *:not(.before-loop-wrapper){ transform: translateX(250px); max-width: 100%; } .woocommerce.archive #main-content.show-filter-sidebar #primary > *.ts-active-filters{ transform: translateX(0); transition: none !important; animation: none !important; } #main-content.show-filter-sidebar .before-loop-wrapper{ position: relative; } #main-content #ts-filter-widget-area .ts-sidebar-content{ top: calc(100% + 30px); } /*fix resize browser*/ .ts_desktop #main-content.show-filter-sidebar.show-filter-default .main-products .products{ max-width: calc(100% - 250px); } .woocommerce.archive #main-content.show-filter-sidebar{ padding-left: 10px; /*rtl*/ } .list-categories:after{ left: 10px; right: 10px; } .woocommerce .products .list-categories .product.product-category, .woocommerce.columns-8 .products .product.product-category, .woocommerce.columns-7 .products .product.product-category, .woocommerce.columns-6 .products .product.product-category{ width: 16.6%; } .woocommerce.columns-5 .products .product.product-category{ width: 20%; } .woocommerce.archive .breadcrumb-title-wrapper.breadcrumb-v2 .page-title{ max-width: 100%; } .woocommerce #main > .page-container:not(.show_breadcrumb_v3) .before-loop-wrapper, .woocommerce #main > .page-container:not(.show_breadcrumb_v3) .ts-active-filters:not(:empty) + .before-loop-wrapper{ top: 0; margin-bottom: 30px; } .woocommerce #main > .page-container:not(.show_breadcrumb_v3), .woocommerce-page #main > .page-container:not(.show_breadcrumb_v3){ padding-top: 20px; } .woocommerce #main > .page-container:not(.show_breadcrumb_v3) #main-content.ts-col-24 .before-loop-wrapper{ left: 0; /*rtl*/ max-width: 100%; } .woocommerce.columns-8 .products .product, .woocommerce.columns-7 .products .product, .woocommerce.columns-6 .products .product, .woocommerce.columns-5 .products .product{ width: 25%; } #main-content .woocommerce.columns-1 > .products .product:after{ left: 10px; right: 10px; } .woocommerce .product .product-wrapper figure.has-back-image img:last-child{ display: none !important; } /**/ .product .thumbnail-wrapper .product-group-button, .woocommerce .product-wrapper .meta-wrapper-2 > *:not(.product-group-button-meta){ display: none; } .woocommerce .product-wrapper .meta-wrapper-2{ display: block; } .product-group-button-meta > div.button-in .ts-tooltip, .product-group-button-meta > div.button-in, .product-group-button-meta > div.button-in a{ font-size: 0 !important; } .product-group-button-meta > div.button-in a:before, .product-group-button-meta > div.button-in a:after{ font-size: 15px; } .cross-sells .product .product-group-button-meta, .up-sells .product .product-group-button-meta, .related .product .product-group-button-meta, #tab-more_seller_product .product .product-group-button-meta, .dokan-single-store .seller-items .product .product-group-button-meta, .ts-product .product .product-group-button-meta, .woocommerce.main-products:not(.columns-1) .product .product-group-button-meta{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #f3f3f3; margin: 0; } .cross-sells .product .product-group-button-meta > div, .up-sells .product .product-group-button-meta > div, .related .product .product-group-button-meta > div, #tab-more_seller_product .product .product-group-button-meta > div, .dokan-single-store .seller-items .product .product-group-button-meta > div, .ts-product .product .product-group-button-meta > div, .woocommerce.main-products:not(.columns-1) .product .product-group-button-meta > div{ margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; position: relative; max-height: 46px; overflow: hidden; } .product-group-button-meta > div.button-in a:before, .cross-sells .product .product-group-button-meta > div.loop-add-to-cart > a.button:before, .up-sells .product .product-group-button-meta > div.loop-add-to-cart > a.button:before, .related .product .product-group-button-meta > div.loop-add-to-cart > a.button:before, #tab-more_seller_product .product .product-group-button-meta > div.loop-add-to-cart > a.button:before, .dokan-single-store .seller-items .product .product-group-button-meta > div.loop-add-to-cart > a.button:before, .woocommerce.main-products:not(.columns-1) .product .product-group-button-meta > div.loop-add-to-cart > a.button:before, .ts-product .product-group-button-meta > div.loop-add-to-cart > a.button:before{ line-height: 46px !important; margin-left: 0; margin-right: 0; } .product-hover-vertical-style-2 .cross-sells .product .product-group-button-meta div.loop-add-to-cart .button, .product-hover-vertical-style-2 .up-sells .product .product-group-button-meta div.loop-add-to-cart .button, .product-hover-vertical-style-2 .related .product .product-group-button-meta div.loop-add-to-cart .button, .product-hover-vertical-style-2 #tab-more_seller_product .product .product-group-button-meta div.loop-add-to-cart .button, .product-hover-vertical-style-2 .dokan-single-store .seller-items .product .product-group-button-meta div.loop-add-to-cart .button, .product-hover-vertical-style-2 .woocommerce.main-products:not(.columns-1) .product .product-group-button-meta div.loop-add-to-cart .button, .product-hover-vertical-style-2 .ts-product .products .product .product-group-button-meta div.loop-add-to-cart .button{ position: static; } .product-hover-vertical-style-2 .cross-sells .product .product-group-button-meta div.loop-add-to-cart .button.added:before, .product-hover-vertical-style-2 .cross-sells .product .product-group-button-meta div.loop-add-to-cart a.button, .product-hover-vertical-style-2 .up-sells .product .product-group-button-meta div.loop-add-to-cart .button.added:before, .product-hover-vertical-style-2 .up-sells .product .product-group-button-meta div.loop-add-to-cart a.button, .product-hover-vertical-style-2 .related .product .product-group-button-meta div.loop-add-to-cart .button.added:before, .product-hover-vertical-style-2 .related .product .product-group-button-meta div.loop-add-to-cart a.button, .product-hover-vertical-style-2 #tab-more_seller_product .product .product-group-button-meta div.loop-add-to-cart .button.added:before, .product-hover-vertical-style-2 #tab-more_seller_product .product .product-group-button-meta div.loop-add-to-cart a.button, .product-hover-vertical-style-2 .dokan-single-store .seller-items .product .product-group-button-meta div.loop-add-to-cart .button.added:before, .product-hover-vertical-style-2 .dokan-single-store .seller-items .product .product-group-button-meta div.loop-add-to-cart a.button, .product-hover-vertical-style-2 .woocommerce.main-products:not(.columns-1) .product .product-group-button-meta div.loop-add-to-cart .button.added:before, .product-hover-vertical-style-2 .woocommerce.main-products:not(.columns-1) .product .product-group-button-meta div.loop-add-to-cart a.button, .product-hover-vertical-style-2 .ts-product .products .product .product-group-button-meta div.loop-add-to-cart .button.added:before, .product-hover-vertical-style-2 .ts-product .products .product .product-group-button-meta div.loop-add-to-cart a.button{ line-height: 46px !important; margin: 0; } .woocommerce.main-products.columns-1 .product .product-group-button-meta > div a.loading:before{ margin: 0 10px 0 0 !important; /*rtl*/ } .woocommerce.main-products.columns-1 .product .product-group-button-meta > div.button-in a:before{ line-height: 1 !important; } .cross-sells .product .product-group-button-meta > div a.loading:before, .up-sells .product .product-group-button-meta > div a.loading:before, .related .product .product-group-button-meta > div a.loading:before, #tab-more_seller_product .product .product-group-button-meta > div a.loading:before, .dokan-single-store .seller-items .product .product-group-button-meta > div a.loading:before, .product-hover-vertical-style-2 .products .product .product-group-button-meta div.loop-add-to-cart a.button.loading:before, .woocommerce.main-products:not(.columns-1) .product .product-group-button-meta > div a.loading:before, .ts-product .product-group-button-meta > div a.loading:before{ margin: 14px 0 0; } .cross-sells .product .product-group-button-meta > div:not(:last-child), .up-sells .product .product-group-button-meta > div:not(:last-child), .related .product .product-group-button-meta > div:not(:last-child), #tab-more_seller_product .product .product-group-button-meta > div:not(:last-child), .dokan-single-store .seller-items .product .product-group-button-meta > div:not(:last-child), .ts-product .product .product-group-button-meta > div:not(:last-child), .woocommerce.main-products:not(.columns-1) .product .product-group-button-meta > div:not(:last-child){ border-right: 2px solid #fff; } .cross-sells .product .product-group-button-meta > div a.button, .up-sells .product .product-group-button-meta > div a.button, .related .product .product-group-button-meta > div a.button, #tab-more_seller_product .product .product-group-button-meta > div a.button, .dokan-single-store .seller-items .product .product-group-button-meta > div a.button, .ts-product .product .product-group-button-meta > div a.button, .woocommerce.main-products:not(.columns-1) .product .product-group-button-meta > div a.button{ width: auto; min-width: 0; padding: 0; background: transparent !important; border: none; } .ts-product .products .product .meta-wrapper-2 .loop-add-to-cart, .ts-product.woocommerce .products .product .meta-wrapper-2 .loop-add-to-cart, .woocommerce .cross-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .woocommerce .up-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .woocommerce .related .products .product .meta-wrapper-2 .loop-add-to-cart, .woocommerce.related .products .product .meta-wrapper-2 .loop-add-to-cart, .woocommerce #tab-more_seller_product .products .product .meta-wrapper-2 .loop-add-to-cart, .woocommerce .dokan-single-store .seller-items .products .product .meta-wrapper-2 .loop-add-to-cart, .woocommerce.main-products:not(.columns-1) .products .product .meta-wrapper-2 .loop-add-to-cart{ margin-bottom: 0; } .woocommerce.main-products:not(.columns-1) .product .product-group-button-meta > div a, .ts-product .product .product-group-button-meta > div a, .up-sells .product .product-group-button-meta > div a, .related .product .product-group-button-meta > div a, #tab-more_seller_product .product .product-group-button-meta > div a, .dokan-single-store .seller-items .product .product-group-button-meta > div a, .cross-sells .product .product-group-button-meta > div a{ display: block; } .cross-sells .product .product-group-button-meta > div .ts-tooltip, .up-sells .product .product-group-button-meta > div .ts-tooltip, .related .product .product-group-button-meta > div .ts-tooltip, #tab-more_seller_product .product .product-group-button-meta > div .ts-tooltip, .dokan-single-store .seller-items .product .product-group-button-meta > div .ts-tooltip, .ts-product .product .product-group-button-meta > div .ts-tooltip, .woocommerce.main-products:not(.columns-1) .product .product-group-button-meta > div .ts-tooltip{ display: none; } .cross-sells .product .product-wrapper, .up-sells .product .product-wrapper, .related .product .product-wrapper, #tab-more_seller_product .product .product-wrapper, .dokan-single-store .seller-items .product .product-wrapper, .ts-product .product .product-wrapper, .woocommerce.main-products:not(.columns-1) .product .product-wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } .cross-sells .product .product-wrapper > div, .up-sells .product .product-wrapper > div, .related .product .product-wrapper > div, #tab-more_seller_product .product .product-wrapper > div, .dokan-single-store .seller-items .product .product-wrapper > div, .ts-product .product .product-wrapper > div, .woocommerce.main-products:not(.columns-1) .product .product-wrapper > div{ width: 100%; } .cross-sells .product .product-wrapper .meta-wrapper, .up-sells .product .product-wrapper .meta-wrapper, .related .product .product-wrapper .meta-wrapper, #tab-more_seller_product .product .product-wrapper .meta-wrapper, .dokan-single-store .seller-items .product .product-wrapper .meta-wrapper, .ts-product .product .product-wrapper .meta-wrapper, .woocommerce.main-products:not(.columns-1) .product .product-wrapper .meta-wrapper{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .cross-sells .product .product-wrapper .meta-wrapper-2, .up-sells .product .product-wrapper .meta-wrapper-2, .related .product .product-wrapper .meta-wrapper-2, #tab-more_seller_product .product .product-wrapper .meta-wrapper-2, .dokan-single-store .seller-items .product .product-wrapper .meta-wrapper-2, .ts-product .product .product-wrapper .meta-wrapper-2, .woocommerce.main-products:not(.columns-1) .product .product-wrapper .meta-wrapper-2{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 2px 0 0; padding: 0; } .product-hover-vertical-style-2 .ts-shortcode .products .product .product-group-button-meta div.loop-add-to-cart .button.loading:before{ margin: 15px 0 0; } .woocommerce.ts-product-deals-wrapper .product-wrapper .meta-wrapper{ position: relative; overflow: visible; } .ts-product-deals-wrapper .meta-wrapper .ts-countdown{ position: absolute; top: -60px; right: 0; left: 0; max-width: 100%; text-align: center !important; transform: translateY(-100%); } .dokan-single-store .seller-items .product .product-group-button-meta > div{ margin-bottom: 0 !important; } /**/ /*** Product Detail ***/ .woocommerce #main-content.ts-col-24 div.product.images-summary-background .flex-control-nav.flex-control-paging{ text-align: center; } .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs { width: 64px; } .woocommerce div.product.gallery-layout-vertical div.woocommerce-product-gallery{ padding-left: 74px; /*rtl*/ } .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs{ margin: 0 10px 0 0; /*rtl*/ } .woocommerce div.product .woocommerce-tabs .panel div.gallery{ margin: -20px -10px 0; } .woocommerce div.product .woocommerce-tabs .panel div.gallery > a, .woocommerce div.product .woocommerce-tabs .panel div.gallery > img{ width: calc(25% - 20px); margin: 20px 10px 0; } .woocommerce div.product .woocommerce-tabs .panel div.gallery > a:first-child, .woocommerce div.product .woocommerce-tabs .panel div.gallery > img:first-child{ width: calc(50% - 20px); } .woocommerce div.product .woocommerce-tabs .panel img.image-description.alignleft{ margin: 0 5% 0 0 !important; /*rtl*/ max-width: 55%; } .woocommerce div.product .woocommerce-tabs .panel img.image-description.alignright{ margin: 0 0 0 5% !important; /*rtl*/ max-width: 55%; } .woocommerce div.product > #reviews #comments .commentlist{ -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .woocommerce #main-content.ts-col-24 div.product.images-summary-background .single-product-buttons-sharing{ width: 100%; left: 0; /*rtl*/ } .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.woocommerce-product-gallery{ width: calc(60% - 20px); margin-right: 20px; /*rtl*/ } .woocommerce #main-content.ts-col-24 div.product.images-summary-background{ padding-top: 30px; } .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.summary{ padding: 20px; margin-bottom: 30px; } .woocommerce #main-content.ts-col-24 div.product.images-summary-background > section.products:before{ bottom: -7px; } .woocommerce #main-content.ts-col-24 div.product.images-summary-background .product-images-summary + *{ padding-top: 50px; } /**/ /*** Myaccount ***/ .woocommerce ul.order_details li strong{ display: block; } /**/ /*** Shopping cart ***/ .woocommerce .woocommerce-cart-form, .woocommerce-checkout #customer_details{ width: calc(100% - 350px); } .woocommerce-cart article .woocommerce .cart-collaterals, .woocommerce-checkout #order_review{ width: 320px; } .woocommerce table.shop_table td{ padding-top: 15px; padding-bottom: 15px; } .woocommerce table.shop_table.cart td{ padding-top: 20px; padding-bottom: 20px; } .woocommerce table.shop_table.cart td.actions{ padding-top: 30px; } .woocommerce table.shop_table td.product-name{ max-width: 170px; } #add_payment_method table.shop_table.cart td.product-thumbnail, .woocommerce-cart table.shop_table.cart td.product-thumbnail, .woocommerce-checkout table.shop_table.cart td.product-thumbnail{ width: 100px; padding-right: 15px; /*rtl*/ } /**/ /*** Checkout ***/ .woocommerce-message, .woocommerce .woocommerce-message, .woocommerce-error, .woocommerce .woocommerce-error, .woocommerce-info, .woocommerce .woocommerce-info{ margin: 10px 0; } .woocommerce > form.checkout #customer_details{ width: calc(65% - 20px); margin-right: 20px; /*rtl*/ } .woocommerce > form.checkout #order_review_heading, .woocommerce > form.checkout #order_review{ width: 35%; } .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper{ margin-left: -10px; margin-right: -10px; } .woocommerce-billing-fields__field-wrapper > p.form-row, .woocommerce-shipping-fields__field-wrapper > p.form-row{ margin-left: 10px; margin-right: 10px; } .woocommerce-billing-fields__field-wrapper > p.form-row-first, .woocommerce-billing-fields__field-wrapper > p.form-row-last, .woocommerce-shipping-fields__field-wrapper > p.form-row-first, .woocommerce-shipping-fields__field-wrapper > p.form-row-last, .woocommerce-billing-fields__field-wrapper > #billing_postcode_field, .woocommerce-shipping-fields__field-wrapper > #shipping_postcode_field, .woocommerce-billing-fields__field-wrapper > #billing_city_field, .woocommerce-shipping-fields__field-wrapper > #shipping_city_field{ width: calc(50% - 20px); } /**/ /*** Blog ***/ .load-more-wrapper, .woocommerce .woocommerce-cart-form, .woocommerce-checkout #customer_details, .woocommerce-cart article .woocommerce .cart-collaterals, .woocommerce-checkout #order_review, article.single-post > .entry-meta-bottom, article.single-post > .comments-area:not(:last-child), .woocommerce #customer_login, .woocommerce > form.checkout #customer_details, .woocommerce > form.checkout #order_review, .woocommerce .woocommerce-order, .woocommerce .woocommerce-customer-details, .woocommerce div.product div.summary, .single-portfolio > .entry-main, .single-portfolio .related-portfolios, body.error404 #primary > article, article.single-post > .comments-area, .woocommerce > .return-to-shop, .woocommerce div.product div.woocommerce-product-gallery, .yith_wcwl_wishlist_footer .yith-wcwl-share, .woocommerce div.product .ads-banner, body.search.search-no-results .search-wrapper, .blog-template #left-sidebar, .blog-template #right-sidebar, .woocommerce-account .woocommerce-MyAccount-content{ margin-bottom: 60px; } body.search.search-no-results .alert{ padding-top: 40px !important; } .woocommerce.archive #primary > .woocommerce-info{ padding: 40px 0 60px !important; } .shop-bottom-content{ margin-bottom: 10px; } .woocommerce.archive .after-loop-wrapper:empty + .shop-bottom-content{ margin-top: 20px; } article.single-post .ts-blogs{ padding-bottom: 20px; } .woocommerce div.product .woocommerce.yith-wfbt-section{ padding-top: 50px; padding-bottom: 40px; } .list-posts article, .ts-blogs article, article.single-post > .entry-meta-middle, article.single-post > .entry-format, .woocommerce .products .product{ margin-bottom: 40px; } .blog-template:not(.columns-0):not(.columns-1):not(.columns-2):not(.columns-3) .list-posts article{ padding-bottom: 40px; } .comments-area .comments-title{ margin-bottom: 30px; } .columns-1 .list-posts article, .columns-1.ts-blogs article, .columns-0 .list-posts article:nth-child(5n+1) { margin-bottom: 40px; padding-bottom: 40px; } .portfolio-inner .item{ margin-bottom: 40px; } .single .meta-bottom-2, .woocommerce div.product.gallery-layout-vertical div.summary{ margin-bottom: 50px; } .ts-pagination, .woocommerce .after-loop-wrapper:not(:last-child){ padding-bottom: 50px; } article.single-post .ts-blogs, .entry-author{ margin-bottom: 55px; } .woocommerce-tabs, .woocommerce div.product.tabs-in-summary .woocommerce.yith-wfbt-section, .woocommerce div.product.show-tabs-content-default .woocommerce.yith-wfbt-section, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .panel, .woocommerce div.product.show-tabs-content-default.tabs-in-summary .woocommerce-tabs .panel, .woocommerce div.product > #reviews{ padding-bottom: 60px; } .woocommerce div.product.show-tabs-content-default.tabs-in-summary .woocommerce-tabs{ padding-top: 60px; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs{ margin: 40px 0 0; } .woocommerce.archive #main > .page-container{ padding-bottom: 50px; } .single-portfolio .related-portfolios, body.error404 article > .woocommerce.products, .woocommerce div.product > #reviews, .woocommerce div.product > #reviews + section.products, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs, .woocommerce div.product:not(.show-tabs-content-default):not(.tabs-in-summary) > section.products, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #tab-reviews{ padding-top: 50px; } body.error404 article > .woocommerce.products{ margin-top: 60px; } body.error404 article > .has-text-clipping + .woocommerce.products{ margin-top: 0; } .woocommerce .cross-sells, .woocommerce .up-sells, .woocommerce .related{ padding-bottom: 0 !important; } article.single-post > .entry-meta-top, article.single-post .entry-header{ margin-bottom: 15px; } .single .entry-meta-bottom + .meta-bottom-2{ margin-top: -40px; } .comments-area .comments-title .heading-title{ margin-bottom: 10px; } .comment-meta .author + .date-time{ margin-left: 0; /*rtl*/ } .comment-meta span{ display: block; } .ts-blogs .content-wrapper{ overflow: hidden; } .single-portfolio.left-thumbnail .entry-main > .entry-format{ width: 60%; } .single-portfolio.left-thumbnail .entry-main > .entry-content{ width: 40%; padding-left: 20px; /*rtl*/ } .single-portfolio .entry-format{ margin-bottom: 30px; } .single-portfolio .entry-main .portfolio-content, .single-portfolio .entry-main .date-time{ margin-bottom: 40px; } .single-portfolio .entry-title + .portfolio-content{ margin-top: 30px; } #commentform .info-wrapper{ margin: 0 -10px; } #commentform .info-wrapper > p{ padding: 0 10px; } /**/ /*** Main Content ***/ .breadcrumb-title-wrapper .page-title + .breadcrumbs{ margin-bottom: 15px; } .wpcf7 form div.columns-3{ margin-bottom: 10px; } div.wpcf7 input[type^="submit"] { margin-top: 5px; } .ts-popup-modal .popup-container{ width: 90%; } body.error404 #primary > article div.not-found:not(:last-child){ margin-bottom: 5px; } body.error404 #primary > article div.not-found h1{ font-size: 140px; margin-bottom: 25px; } body.error404 #primary > article div.not-found h5{ font-size: 25px; } body.error404 .image-404 .text-clipping{ font-size: 550px; } .comments-area .add-comment{ font-size: 100%; } /**/ /*** Shortcode ***/ .left-top .box-content{ left: 30px; top: 30px; } .left-bottom .box-content{ left: 30px; bottom: 30px; } .left-center .box-content{ left: 30px; } .right-top .box-content{ right: 30px; top: 30px; } .right-bottom .box-content{ right: 30px; bottom: 30px; } .right-center .box-content{ right: 30px; } .center-top .box-content{ top: 30px; } .center-bottom .box-content{ bottom: 30px; } .elementor-column.elementor-col-100 .left-top .box-content{ left: 40px; top: 40px; } .elementor-column.elementor-col-100 .left-bottom .box-content{ left: 40px; bottom: 40px; } .elementor-column.elementor-col-100 .left-center .box-content{ left: 40px; } .elementor-column.elementor-col-100 .right-top .box-content{ right: 40px; top: 40px; } .elementor-column.elementor-col-100 .right-bottom .box-content{ right: 40px; bottom: 40px; } .elementor-column.elementor-col-100 .right-center .box-content{ right: 40px; } .elementor-column.elementor-col-100 .center-top .box-content{ top: 40px; } .elementor-column.elementor-col-100 .center-bottom .box-content{ bottom: 40px; } .ts-banner.button-default .ts-banner-button .button{ min-width: 140px; } .ts-banner.style-arrow.center-top .ts-banner-button, .ts-banner.style-arrow.center-bottom .ts-banner-button, .ts-banner.style-arrow.center-center .ts-banner-button, .ts-banner.style-arrow.text-center .ts-banner-button, .ts-banner.style-arrow .ts-banner-button .button, .ts-banner.style-arrow.text-right .ts-banner-button .button{ transform: translateX(0); transition: none !important; } .ts-banner.style-arrow .ts-banner-button .button > span:not(.icon){ display: none; } .ts-banner .box-content h2{ margin-bottom: 15px; } .ts-banner .box-content .description{ margin-bottom: 25px; } .ts-product.woocommerce .products{ width: calc(100% + 20px); } .woocommerce .products .product.product-category, .ts-product-category-wrapper .products .product.product-category { margin-bottom: 20px; } .ts-product-category-wrapper.style-grid .products .product-category .meta-wrapper { top: 20px; left: 20px; } .woocommerce.ts-product-category-wrapper.style-icon.columns-8 .products .product, .woocommerce.ts-product-category-wrapper.style-icon.columns-7 .products .product, .woocommerce.ts-product-category-wrapper.style-icon.columns-6 .products .product{ width: 16.6%; } .ts-portfolio-wrapper.columns-4 .item{ width: 33.3333333%; } .counter-wrapper{ padding: 10px 20px; } .counter-wrapper > div > div{ font-size: 22px; } .counter-wrapper > div > .ref-wrapper{ font-size: 14px; } .counter-wrapper > .dot{ margin: 0 5px; } .ts-team-members:not(.ts-slider) .item{ margin-bottom: 20px; } .ts-team-members:not(.ts-slider) .item.ts-col-4, .ts-team-members:not(.ts-slider) .item.ts-col-6{ width: 33.33333%; } .ts-testimonial-wrapper:not(.ts-slider) .item{ padding-bottom: 40px; margin-bottom: 40px; } .ts-logo-slider-wrapper:not(.ts-slider).columns-6 .item{ width: 20%; } } @media only screen and (max-width: 1200px){ .shopping-cart-wrapper:hover .dropdown-container, .my-account-wrapper:hover .dropdown-container{ display: none; } } @media only screen and (max-width: 991px){ .ts-search-by-category > form, .header-v4 .ts-search-by-category > form{ min-width: 0; } .woocommerce-cart table.cart td.actions .coupon .input-text { flex: 1; } .logo-center > .container > *{ -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .elementor-button-wrapper .elementor-button{ min-width: 0; } div.header-right > *:not(:last-child){ margin-right: 5px; /*rtl*/ } .header-v2 .header-middle .header-right .language-currency:not(:last-child), .header-v2 .header-middle .header-right .language-currency:not(:last-child){ margin-right: 15px; /*rtl*/ } .header-v2 .language-currency > div:not(:last-child){ margin-right: 10px; /*rtl*/ } /*** Footer ***/ .footer-container .ts-mailchimp-subscription-shortcode .mc4wp-form .subscribe-email input[type="email"]{ min-width: 0; width: 100%; } /**/ /*** Blog ***/ .columns-3 .list-posts article, .columns-3.ts-blogs article { width: 50%; } .list-posts article .entry-meta-bottom, .ts-blogs article .entry-meta-bottom{ margin-top: 20px; } /*** Shop/Category ***/ .breadcrumb-title-wrapper.breadcrumb-v2:before{ top: 15vw; } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-content{ padding-top: 15vw; } .product-per-page-form{ display: none; } .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.333333%; } .woocommerce .products .list-categories .product.product-category{ width: 20%; } #main-content.ts-col-24 .ts-product-columns-selector .column-4{ display: none; } /*** Shopping cart ***/ .woocommerce .woocommerce-cart-form, .woocommerce-checkout #customer_details, .woocommerce-cart article .woocommerce .cart-collaterals, .woocommerce-checkout #order_review{ width: 100%; } .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-cart table.cart td.actions > .button{ float: left; /*rtl*/ } .woocommerce #content table.cart tbody .product-thumbnail, .woocommerce table.cart tbody .product-thumbnail, .woocommerce-page #content table.cart tbody .product-thumbnail, .woocommerce-page table.cart tbody .product-thumbnail{ display: block; } .woocommerce table.cart.shop_table_responsive tr .product-thumbnail::before, .woocommerce-page table.cart.shop_table_responsive tr .product-thumbnail::before{ display: none; } .woocommerce table.shop_table td.product-name{ max-width: 100%; } .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td{ text-align: left !important; } .woocommerce table.shop_table_responsive.cart tr td:not(.product-remove):not(.actions):not(.product-thumbnail)::before, .woocommerce-page table.shop_table_responsive.cart tr td:not(.product-remove):not(.actions):not(.product-thumbnail)::before { content: attr(data-title) ": "; font-weight: 700; float: left; } .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: none; padding-bottom: .5em; } .woocommerce table.shop_table .quantity .qty, .woocommerce table.shop_table .quantity{ width: 110px; } .woocommerce table.shop_table .quantity .minus, .woocommerce table.shop_table .quantity .plus{ height: 42px; line-height: 42px; } .woocommerce table.shop_table .quantity input.qty{ line-height: 40px; } .woocommerce table.shop_table_responsive.cart thead, .woocommerce-page table.shop_table_responsive.cart thead { display: none; } .woocommerce table.shop_table.shop_table_responsive.cart tr.cart_item{ position: relative; border-width: 1px; border-style: solid; margin-bottom: 20px; padding: 20px 40px 20px 20px; /*rtl*/ display: block; } .woocommerce table.shop_table.shop_table_responsive.cart tr.cart_item:after{ content: ''; clear: both; display: table; } .woocommerce table.shop_table.shop_table_responsive.cart tr.cart_item td{ padding: 8px 0; border-width: 0; width: calc(100% - 150px); float: left; /*rtl*/ } .woocommerce table.shop_table.shop_table_responsive.cart tr.cart_item td.product-thumbnail{ width: 150px; padding: 0 20px 0 0; /*rtl*/ } .woocommerce-cart table.shop_table.shop_table_responsive.cart tr.cart_item td.product-name{ padding-top: 0; } .woocommerce-cart table.shop_table.shop_table_responsive.cart tr.cart_item td.product-remove{ width: 30px; position: absolute; top: 8px; right: 8px; /*rtl*/ } .woocommerce-cart table.shop_table.shop_table_responsive.cart td.product-remove a{ margin: 0; } .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{ margin-right: 10px; /*rtl*/ } .woocommerce table.shop_table_responsive tr.shipping td::before, .woocommerce-page table.shop_table_responsive tr.shipping td::before{ float: none; margin: 0 0 10px; display: block; } .woocommerce table.shop_table_responsive tr td.product-quantity::before, .woocommerce-page table.shop_table_responsive tr td.product-quantity::before{ display: none; } .woocommerce-cart.product-title-shorten table.shop_table.shop_table_responsive.cart tr.cart_item td.product-name > a{ display: inline-block; max-width: 340px; } /**/ /*** Product Detail ***/ .woocommerce.yith-wfbt-section .yith-wfbt-form{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: hidden; } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items{ width: 100%; padding: 20px 0 0; } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block{ width: 100%; padding: 10px 0 0; position: static; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .button{ width: auto; min-width: 295px; } .yith-wfbt-section .total_price{ margin-bottom: 20px; line-height: 40px !important; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ margin: 0 30px 0 0; /*rtl*/ } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta > *{ width: 100%; } .woocommerce div.product > #reviews #comments .commentlist{ -webkit-columns: 2; -moz-columns: 2; columns: 2; } .woocommerce div.product > #reviews #comments .commentlist li{ margin-bottom: 20px; } .woocommerce div.product form.cart table.group_table td:not(:last-child){ padding-right: 10px !important; /*rtl*/ } .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.woocommerce-product-gallery { width: calc(55% - 20px); } .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.summary{ width: 45%; } .woocommerce #tab-more_seller_product .products .product { width: 33.3333%; } /**/ /*** Checkout ***/ .woocommerce > form.checkout #customer_details{ width: 100%; margin-right: 0; /*rtl*/ padding: 0; border-width: 0; } .woocommerce > form.checkout #order_review_heading, .woocommerce > form.checkout #order_review{ width: 100%; } #customer_login h2, .account-content h2, .woocommerce-MyAccount-content > h2, .woocommerce-customer-details > h2, .woocommerce-order-details > h2, .woocommerce-billing-fields > h3, .woocommerce-additional-fields > h3, header.woocommerce-Address-title > h3{ margin-bottom: 20px; } .woocommerce-account .addresses h2, .woocommerce-customer-details .addresses h2, .woocommerce-Address address{ line-height: 1.5; } /**/ /*** Myaccount ***/ .woocommerce #customer_login{ margin-left: -20px; margin-right: -20px; } .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2, .woocommerce-page #customer_login .col-1, .woocommerce-page #customer_login .col-2{ padding: 0 20px; } .woocommerce #customer_login form.login .button, .woocommerce #customer_login form.register .button{ margin-right: 10px; /*rtl*/ min-width: 140px; } .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation{ padding-left: 30px; padding-right: 30px; } .woocommerce-account .woocommerce-MyAccount-navigation li a{ padding: 8px 15px; } .woocommerce-MyAccount-content .woocommerce-Addresses .col-1{ margin-bottom: 30px; } /*** Wishlist ***/ body .wishlist_table.mobile li .item-wrapper{ width: 65%; } body .wishlist_table.mobile li .additional-info-wrapper{ width: 35%; } /**/ /*** Shortcode ***/ .elementor-widget-wp-widget-ts_instagram .ts-instagram-wrapper.items{ margin: -5px; } .elementor-widget-wp-widget-ts_instagram .ts-instagram-wrapper .item{ padding: 5px; } .elementor-widget-wp-widget-ts_instagram .ts-instagram-wrapper.items.owl-carousel{ width: calc(100% + 10px); } .ts-portfolio-wrapper.columns-3 .item, .ts-portfolio-wrapper.columns-4 .item{ width: 50%; } .ts-team-members:not(.ts-slider) .item.ts-col-4, .ts-team-members:not(.ts-slider) .item.ts-col-8, .ts-team-members:not(.ts-slider) .item.ts-col-6{ width: 50%; } .ts-logo-slider-wrapper:not(.ts-slider).columns-6 .item, .ts-logo-slider-wrapper:not(.ts-slider).columns-5 .item{ width: 25%; } .ts-product-brand-wrapper.ts-product .owl-nav > div{ top: 25%; } /**/ } @media only screen and (max-width: 768px){ .woocommerce table.my_account_orders tr{ border-width: 1px; border-style: solid; display: block; margin-bottom: 20px; padding: 20px; } .woocommerce table.my_account_orders tr:last-child{ margin-bottom: 0; } .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th{ border-width: 0 !important; padding: 8px 0 !important; } .woocommerce table.my_account_orders tr td.woocommerce-orders-table__cell-order-actions::before, .woocommerce-page table.my_account_orders tr td.woocommerce-orders-table__cell-order-actions::before{ display: none; } .woocommerce .woocommerce-customer-details .col2-set .col-1{ margin-bottom: 40px; } .woocommerce .woocommerce-MyAccount-content table.shop_table.account-orders-table tbody tr th:first-child, .woocommerce .woocommerce-MyAccount-content table.shop_table.account-orders-table tbody tr td, .woocommerce .woocommerce-MyAccount-content table.shop_table.account-orders-table tbody tr td { display: block; text-align: right !important; border-top: 0; color: inherit; } .woocommerce .woocommerce-MyAccount-content table.shop_table.account-orders-table tbody tr th:first-child { padding-top: 0; } .woocommerce table.my_account_orders { font-size: inherit; } .woocommerce .woocommerce-MyAccount-content table.shop_table.account-orders-table tbody tr th:first-child:before, .woocommerce table.shop_table_responsive tr td:before, .woocommerce-page table.shop_table_responsive tr td:before { content: attr(data-title); float: left; display: block !important; font-weight: 700; } } @media only screen and (min-width: 768px) and (max-width: 991px){ ul.product_list_widget li img, .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width: 60px; margin: 0 10px 0 0; /*rtl*/ } ul.product_list_widget li .ts-wg-meta, .woocommerce ul.product_list_widget li .ts-wg-meta{ width: calc(100% - 70px); } /*** Product Detail ***/ .woocommerce div.product div.images .flex-control-thumbs li{ width: 20%; } div.product .summary .detail-meta-top, div.product .summary .meta-content, .woocommerce div.product .summary .woocommerce-product-details__short-description, .woocommerce div.product .summary .woocommerce-product-rating { margin: 0 0 20px; } .woocommerce div.product form.cart{ margin-bottom: 30px; } .woocommerce div.product .ts-variation-price + form.cart{ margin-top: 20px; } .single-product-buttons-sharing .single-product-buttons, .woocommerce div.product .summary .ts-buy-now-button{ margin-bottom: 25px; } .woocommerce #main-content.ts-col-24 div.product.images-summary-background form.cart div.quantity{ margin: 0; width: 100%; } .woocommerce #main-content.ts-col-24 div.product.images-summary-background form.cart .button{ width: 100%; margin-top: 10px; } .woocommerce div.product form.cart div.quantity{ width: 100%; margin-right: 0; } .woocommerce div.product form.cart .button{ width: 100%; margin-top: 10px; } /**/ }