/* Theme Name: Miti Theme URI: https://demo.theme-sky.com/miti/ 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: miti */ /* 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 MITI 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-left:after, .header-container:after, div#main:after, div.wpcf7 .ts-row: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, .mobile-2-columns ul: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 .ts-portfolio-wrapper .item-wrapper:after, .ts-search-result-container ul.product_list_widget:after, .woocommerce-product-gallery__wrapper:after, #commentform .info-wrapper:after, .product-images-summary:after, .portfolio-info.like-button:after, .group-button-header .language-currency:after, .widget-container .ts-slider .owl-nav:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:after, #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 .product-group-button-meta:after, .panel .product-content: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 ---------------------------------------------------------------------------------------------------------------------*/ .search-button.search-icon .icon:before, .my-wishlist-wrapper > a:before, .ts-tiny-account-wrapper .account-control>a:before, .shopping-cart-wrapper .cart-control .ic-cart:before, .ts-mobile-icon-toggle .icon:before, .icon-menu-sticky-header .icon:before, .mobile-button-home .icon:before, .sub-menu > li.parent .ts-menu-drop-icon:after, .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, .single-navigation:before, .owl-nav > div:before, ul li.cat-parent > span.icon-toggle:after, .widget-title-wrapper a.block-control:after, .widget_display_search > form > div:before, .search-table .search-button:before, .wp-block-search__inside-wrapper .wp-block-search__button:before, body .select2-search--dropdown:before, .woocommerce-product-search button[type="submit"]:before, 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, .add-to-cart-popup-content .heading .theme-title:before, #to-top a:before, #ts-filter-widget-area .close:after, .eicon-close:before, .ts-store-notice .close:before, .ts-floating-sidebar .close:after, .ts-popup-modal .close:after, #group-icon-header .menu-title:after, .portfolio-thumbnail a.like:before, .portfolio-like .ic-like: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, .filter-widget-area-button > a:before, .elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li a.remove:before{ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*content*/ .ts-tiny-account-wrapper .account-control>a:before{ content: '\e910'; } .shopping-cart-wrapper .cart-control .ic-cart:before{ content: "\e90e"; } .my-wishlist-wrapper > a:before{ content: "\e90c"; } #group-icon-header .menu-title:after, .icon-menu-sticky-header .icon:before, .ts-mobile-icon-toggle .icon:before{ content: "\e903"; } .mobile-button-home .icon:before{ content: "\e90d"; } .filter-widget-area-button > a:before{ content: "\e904"; } .portfolio-thumbnail a.like.already-like:before, .portfolio-like .ic-like.already-like:before{ content: "\e90a"; } #to-top a:before, .breadcrumb-title-wrapper .brn_arrow:before, .breadcrumb-title-wrapper .breadcrumbs-container > span:not(.current):before{ content: "\e902"; } #ts-filter-widget-area .close:after, .eicon-close:before, .ts-store-notice .close:before, .ts-floating-sidebar .close:after, .ts-popup-modal .close:after, .woocommerce table.shop_table .product-remove a:before, ul.products-list li .remove:before, .cart_list li .cart-item-wrapper a.remove:before, .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: "\e912"; } .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: "\e911"; } .sub-menu > li.parent .ts-menu-drop-icon:after, nav.main-menu > ul.menu .sub-menu li.parent > a:after, .mobile-menu-wrapper li .ts-menu-drop-icon:after{ content: "\e911"; display: inline-block; transform: rotate(-90deg); } .mobile-menu-wrapper li.active .ts-menu-drop-icon.active:after{ content: "\e911"; display: inline-block; transform: rotate(90deg); } body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before{ content: "\e911"; } .single-navigation.next:not(:empty):before, .owl-nav > div.owl-next:before{ content: "\e901";/* rtl */ } .single-navigation.prev:not(:empty):before, .owl-nav > div.owl-prev:before{ content: "\e900";/* rtl */ } .search-button.search-icon .icon:before, .product-group-button > div.quickshop a:after, .widget_display_search > form > div:before, .search-table .search-button:before, .wp-block-search__inside-wrapper .wp-block-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: "\e907"; } .single-product-buttons-sharing .single-product-buttons .compare a:before, .product-group-button-meta > div.compare a:before, .product-group-button > div.compare a:after{ content: "\e905"; } .portfolio-thumbnail a.like:before, .portfolio-like .ic-like:before, .single-product-buttons-sharing .single-product-buttons .wishlist a:before, .product-group-button-meta > div.wishlist a:before, .product-group-button > div.wishlist a:after{ content: "\e90b"; } .product-group-button > div.loop-add-to-cart a:after, .product-group-button-meta > div.loop-add-to-cart > a.button:before, .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .button:before, .woocommerce .summary form.cart button.button:before{ content: "\e90e"; } .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: "\e90f"; } .ask-about-product-button:before{ content: "\e908"; } .add-to-cart-popup-content .heading .theme-title:before{ content: "\e64c"; } .product-group-button > div.loop-add-to-cart a.added:after{ display: block !important; margin: 0; line-height: 30px; } /**/ blockquote:before, .ts-product-video-button:before, .ts-product-360-button:before, .product-on-sale-form.checked label: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-filter-by-color 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, .threesixty .nav_bar a:before, body.search.search-no-results .alert:before, .woocommerce.archive #primary > .woocommerce-info:before, .woocommerce-no-products-found .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content:before, ul li.recentcomments .comment-author-link: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, .single-product-buttons-sharing .single-product-buttons .wishlist a.added:before, .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li span.checkboxbutton.checked: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; } body.search.search-no-results .alert:before, .woocommerce-no-products-found .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content:before, .woocommerce.archive #primary > .woocommerce-info:before{ content: "\f05a"; font-weight: 900; } .threesixty .nav_bar a:before{ content: "\f04b"; font-weight: 900; } .threesixty .nav_bar a.nav_bar_stop:before{ content: "\f04d"; } .threesixty .nav_bar a.nav_bar_previous:before{ content: "\f049";/* rtl */ } .threesixty .nav_bar a.nav_bar_next:before{ content: "\f050";/* rtl */ } ul li.recentcomments .comment-author-link:before{ content: "\f086"; } blockquote:before{ content: "\f10d"; font-weight: 900; } .ts-product-video-button:before{ content: "\f144"; font-weight: 900; } .ts-product-360-button:before{ content: "\f2f1"; font-weight: 900; } .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, .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-filter-by-color 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{ 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: "\f0d1"; font-weight: 900; font-size: 80%; } .woocommerce-account .addresses .title .edit:before{ content: "\f303"; 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 ---------------------------------------------------------------------------------------------------------------------*/ .mailchimp-subscription .processing button.button:before, .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, .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 #000000; 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 > div a.loading:after, .woocommerce .product-group-button > div .button.loading:after{ width: 12px; height: 12px; margin-top: -6px; margin-left: -6px; } .search-table .search-button:after{ width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; } .product-group-button-meta > div a.loading:before{ opacity: 0; visibility: hidden; } .mailchimp-subscription .processing button.button:before, .search-table .loading ~ .search-button:after, .product-group-button-meta > div a.loading:before, .woocommerce .product-group-button-meta > div a.button.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; } .ts-portfolio-wrapper .item-wrapper 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: 10px; height: 10px; border-width: 2px; border-style: solid; border-color: rgba(25,25,25,0.5); border-top: 2px solid #000000; border-radius: 50%; text-align: center; display: inline-block; position: absolute; top: 50%; left: 0; /*rtl*/ margin-top: -6px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .mailchimp-subscription .processing button.button:before, .product-group-button-meta > div a.loading:before, .woocommerce div.product form.cart .button.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: 14px; height: 14px; position: static; margin: 0 13px 0 0; /*rtl*/ background: transparent; } .mailchimp-subscription .processing button.button:before{ margin: 0 5px 0 0; /*rtl*/ } .woocommerce div.product form.cart .button.loading:before, .woocommerce.main-products.columns-1 .product .product-group-button-meta div.loop-add-to-cart .button.loading:before{ width: 18px; height: 18px; display: inline-block; vertical-align: -4px; } .portfolio-like .ic-like.loading:before{ width: 10px; height: 10px; position: static; background: transparent; margin-top: -3px; vertical-align: middle; } .ts-portfolio-wrapper .item-wrapper a.like.loading:before{ width: 14px; height: 14px; left: 50%; /*rtl*/ margin-left: -7px; /*rtl*/ margin-top: -7px; } .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 5px 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; } .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 #000000; 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; } .woocommerce-cart .woocommerce-cart-form div.blockUI.blockOverlay:after, .images.loading:after, .ts-product .content-wrapper.loading:after, .ts-logo-slider-wrapper.loading .content-wrapper:after, .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{ width: 36px; height: 36px; margin-left: -18px; margin-top: -18px; border-width: 3px; border-top-width: 3px; } .ts-popup-modal.loading .overlay:before{ border-color: rgba(255,255,255,0.6); border-top-color: rgba(255,255,255,1); } /*------------------------------------------------------------------------------------------------------------------- I. HEADER ---------------------------------------------------------------------------------------------------------------------*/ /*** Store Notice ***/ .ts-store-notice .container{ text-align: center; position: relative; line-height: 20px; z-index: 2; min-height: 30px; 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-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ts-store-notice a, .ts-store-notice a:hover{ color: inherit; } .ts-store-notice .close{ position: absolute; right: 10px; /*rtl*/ } .ts-store-notice .close:hover{ transform: scale(0.9); color: inherit; } .ts-store-notice strong, .ts-store-notice a, .ts-store-notice span{ display: inline-block; vertical-align: baseline; padding-left: 5px; padding-right: 5px; } .ts-store-notice .divider{ width: 1px; height: 100%; background: #ffffff; opacity: 0.3; padding: 0; margin: 0 30px; min-height: inherit; } 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: 5px 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: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{ position: relative; } .ts-header nav > ul.menu > li.has-line > a, .ts-header nav > ul > li.has-line > a{ padding-left: 30px; /*rtl*/ border-width: 0 0 0 1px; /*rtl*/ border-style: solid; } body .elementor-widget-wp-widget-nav_menu ul.menu > li.has-line > a, body .elementor-widget-wp-widget-nav_menu ul > li.has-line > a{ padding-left: 20px; /*rtl*/ border-width: 0 0 0 1px; /*rtl*/ border-style: solid; } 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*/ } .mobile-menu-wrapper .mobile-menu li[class*="ti-"], .ts-header nav.main-menu li[class*="ti-"], .mobile-menu-wrapper .mobile-menu li[class*="fa-"], .ts-header nav.main-menu li[class*="fa-"]{ font-weight: inherit !important; } .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; min-width: 16px; text-align: center; } .ts-header nav > ul.menu li .menu-desc{ text-transform: none; } .menu-sub-label{ position: absolute; right: -15px;/* rtl */ top: -14px; padding: 1px 2px; line-height: 14px; font-size: 65%; color: #ffffff; background-color: #000000; 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: #000000; border-right-color: #000000; 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{ display: block; } nav.main-menu > ul.menu .sub-menu li.parent > a:after{ margin-left: 0; /*rtl*/ position: absolute; right: 0; /*rtl*/ display: none; } nav.main-menu > ul.menu .sub-menu li.parent > .ts-menu-drop-icon{ position: absolute; right: 0; /*rtl*/ font-size: 8px; margin: 0 0 0 3px; /*rtl*/ display: inline-block; vertical-align: top; transform: none; top: 8px; } .ts-header nav > ul.menu li ul.sub-menu{ position: absolute; z-index: 999; left: -30px;/* rtl */ top: 100%; margin: 0; padding: 41px 30px 30px 30px; width: 200px; display: none; } .ts-header nav > ul.menu li:hover > ul.sub-menu{ display: block; -webkit-animation-duration: 200ms; -moz-animation-duration: 200ms; animation-duration: 200ms; animation-delay: 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.ts-megamenu-fullwidth ul.sub-menu{ padding: 10px 0 0; } .ts-header .is-sticky nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{ padding: 7px 0 0; } .ts-header nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu:before{ border-width: 1px 0 0; border-style: solid; } .ts-header nav > ul.menu li ul.sub-menu:before, .ts-header nav > ul.menu li ul.sub-menu:after{ content: ""; position: absolute; top: 11px; right: 0; left: 0; bottom: 0; z-index: 0; background-color: #ffffff; } .ts-header nav > ul.menu li ul.sub-menu:before{ top: 10px; box-shadow: 0 5px 5px rgba(0,0,0,0.1); } .ts-header nav > ul.menu li ul.sub-menu:after{ background-size: contain; } .ts-header nav > ul.menu li ul.sub-menu ul.sub-menu{ left: 100%; /* rtl */ width: 250px; padding: 30px 30px 30px 60px;/* rtl */ top: 0; 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 > li:first-child > ul.sub-menu{ top: -31px; } .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: 0 !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 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; } .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; } .footer-container .elementor-widget-container > h5, .ts-megamenu-container .elementor-widget .elementor-widget-container h5, .footer-container .ts-list-of-product-categories-wrapper h3.heading-title, .ts-megamenu-container .ts-list-of-product-categories-wrapper h3.heading-title{ line-height: 20px; margin-bottom: 13px; cursor: default; } /* 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: 10px; padding-bottom: 10px; } .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 > *{ float: left; /*rtl*/ } div.header-right > *:not(:last-child){ margin-right: 10px; /*rtl*/ } div.header-right > .header-social-icon:not(:last-child), div.header-right > .list-page:not(:last-child){ margin-right: 30px; /*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){ margin-right: 30px; /*rtl*/ } .header-fullwidth .header-middle .ts-search-by-category ~ .header-right .language-currency:nth-last-child(2), .layout-fullwidth .header-middle .ts-search-by-category ~ .header-right .language-currency:nth-last-child(2), .header-middle .ts-search-by-category ~ .header-right .language-currency:nth-last-child(2){ margin-right: 0; /*rtl*/ } #group-icon-header .social-icons ul li:not(:last-child), .ts-header .social-icons:not(.style-horizontal):not(.style-horizontal-line):not(.style-vertical):not(.style-vertical-noicon) ul li:not(:last-child){ margin-right: 15px; /*rtl*/ } #group-icon-header .social-icons ul li a, .ts-header .social-icons ul li a{ color: inherit; text-decoration: none; } /*** 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; 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*/ } .header-top .social-icons ul li{ line-height: 26px !important; } /*-------------------------------------------------------- 3. HEADER MIDDLE ---------------------------------------------------------*/ .header-middle, .header-bottom{ position: relative; } .header-middle + .header-bottom > .container{ padding-top: 0; } .header-language, .header-currency{ position: relative; display: block; float: left; /*rtl*/ text-transform: uppercase; } .ts-header .list-page ul, #group-icon-header .list-page ul{ margin-bottom: 0; } .ts-header .list-page ul li, #group-icon-header .list-page ul li{ list-style: none; display: inline-block; vertical-align: text-top; } .ts-header .list-page ul li:not(:last-child), #group-icon-header .list-page ul li:not(:last-child){ margin-right: 20px; /*rtl*/ } .list-page a{ color: inherit; text-decoration: none !important; } .text-light .social-icons .list-icons li a, .text-light .ts-language-switcher .wpml-ls-legacy-list-horizontal, .text-light .ts-language-switcher .wpml-ls-legacy-list-vertical, .text-light .ts-language-switcher .wpml-ls-legacy-dropdown > ul > li > a, .text-light .ts-language-switcher .wpml-ls-legacy-dropdown-click > ul > li > a, .text-light .ts-currency-switcher .wcml_currency_switcher > a{ color: #ffffff !important; } .ts-language-switcher a, .ts-currency-switcher a{ color: inherit !important; } .header-language a:hover, .my-account-wrapper .account-control > a:hover, .shopping-cart-wrapper a.cart-control:hover, .my-wishlist-wrapper a:hover, .header-currency a:hover{ text-decoration: none; } .shopping-cart-wrapper{ cursor: pointer; position: relative; } .shopping-cart-wrapper .cart-icon{ position: relative; } .icon-menu-sticky-header .icon:before, .search-button.search-icon .icon:before, .my-wishlist-wrapper .tini-wishlist:before, .shopping-cart-wrapper .cart-control .ic-cart:before, .ts-tiny-account-wrapper .account-control>a:before{ font-size: 20px; } .my-wishlist-wrapper .tini-wishlist, .my-account-wrapper .account-control > a, .shopping-cart-wrapper .cart-control{ display: block; position: relative; padding: 20px 10px; box-sizing: content-box; } .dropdown-container .theme-title span, .my-wishlist-wrapper .tini-wishlist .count-number, .shopping-cart-wrapper .cart-control .cart-number{ 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: 3px 0 0 5px; /*rtl*/ } .ts-language-switcher .wpml-ls-legacy-dropdown > ul > li > a, .ts-language-switcher .wpml-ls-legacy-dropdown-click > ul > li > a, .ts-currency-switcher .wcml_currency_switcher > a, .header-language .wpml-ls-legacy-dropdown > ul > li > a, .header-language .wpml-ls-legacy-dropdown-click > ul > li > a, .header-currency .wcml_currency_switcher > a{ line-height: 1.2; } .header-middle .container > .ts-search-by-category{ margin: 0 30px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .ts-search-by-category > form{ min-width: 334px; max-width: 100%; } .is-sticky .header-middle .container > .icon-menu-sticky-header + .ts-search-by-category, .header-fullwidth .is-sticky .header-middle .container > .icon-menu-sticky-header + .ts-search-by-category, .layout-fullwidth .is-sticky .header-middle .container > .icon-menu-sticky-header + .ts-search-by-category{ margin-left: 0; /*rtl*/ } body:not(.header-fullwidth):not(.layout-fullwidth) .is-sticky .header-middle .language-currency{ display: none; } /*** Logo wrapper ***/ header .logo-wrapper{ max-height: 70px; padding: 0 30px 0 0; /*rtl*/ } .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: 150px; padding: 36px 30px 30px 30px; } .ts-language-switcher .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .ts-language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .ts-currency-switcher ul{ min-width: 0; } .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: 9px; 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: 8px; } .my-account-wrapper .dropdown-container, .shopping-cart-wrapper .dropdown-container{ padding-top: 40px; 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: 421px; 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 > span.amount{ line-height: 20px; } .ts-tiny-cart-wrapper .total, .widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total, .elementor-widget-wp-widget-woocommerce_widget_cart .total{ padding: 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: 8px; } 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; } /*** 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*/ } /*** 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); } .header-sticky .visible-sticky.logo-wrapper{ width: 0; height: auto; display: none; } .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 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: 38px; box-sizing: content-box; text-align: center; cursor: pointer; margin-right: 20px; /*rtl*/ } .header-left .icon-menu-sticky-header{ position: relative; top: 2px; } .icon-menu-sticky-header .icon{ display: inline-block; vertical-align: top; line-height: 0; padding: 6px 10px; 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, .wpml-ls-legacy-dropdown-click{width: 15.5em;max-width: 100%} .wpml-ls-legacy-dropdown>ul, .wpml-ls-legacy-dropdown-click>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, .wpml-ls-legacy-dropdown-click .wpml-ls-item{padding: 0;margin: 0;list-style-type: none} .wpml-ls-legacy-dropdown a, .wpml-ls-legacy-dropdown-click 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 a span, .wpml-ls-legacy-dropdown-click a span{vertical-align: baseline;display: inline-block} .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle, .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{position: relative;padding-right: calc(10px + .7em + .7em)} .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after, .wpml-ls-legacy-dropdown-click 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, .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a{color: #000;background: #eee} .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown-click .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, .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a{border-width: 0 1px 1px 1px} .wpml-ls-legacy-dropdown .wpml-ls-flag, .wpml-ls-legacy-dropdown-click .wpml-ls-flag{vertical-align: middle;width: 18px;height: 12px; position: relative; top: 1px; float: left;/* rtl */} .wpml-ls-legacy-dropdown .wpml-ls-flag + span, .wpml-ls-legacy-dropdown-click .wpml-ls-flag + span{float: left;/* rtl */} .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 10px 0 0;/* rtl */ } body .wpml-ls-legacy-list-horizontal ul li:last-child a{ padding: 0;/* rtl */ } body .wpml-ls-legacy-list-horizontal > ul{ margin-bottom: -5px !important; } body .wpml-ls-legacy-list-horizontal .wpml-ls-item{ float: left;/* rtl */ margin-bottom: 5px; } body .wpml-ls-legacy-list-horizontal, body .wpml-ls-legacy-list-horizontal ul{ overflow: hidden; } body .group-button-header .wpml-ls-legacy-list-horizontal{ margin-bottom: 15px; } body .wpml-ls-legacy-list-vertical .wpml-ls-item:not(:last-child){ margin-bottom: 5px; } 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, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .ts-currency-switcher ul, .header-currency ul{ position: absolute; padding: 29px 30px 20px 30px; width: 140px; right: 50%; /*rtl*/ left: auto; /*rtl*/ margin-right: -70px; /*rtl*/ top: 100%; } body .header-language .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .header-language .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-currency ul{ padding-top: 51px; } .header-currency .wcml_currency_switcher > ul:before, .header-language .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-language .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before{ top: 31px; } body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu li, body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-flag + span, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-flag + span, body .wcml_currency_switcher > ul li{ line-height: 16px; } .header-currency ul li, .ts-currency-switcher 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; display: inline-block; width: 100%; } .header-language .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .ts-language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-language:hover .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .ts-language-switcher:hover .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{ visibility: hidden; display: none; } .header-language .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu[style="visibility: visible;"], .ts-language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu[style="visibility: visible;"], .header-language:hover .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu[style="visibility: visible;"], .ts-language-switcher:hover .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu[style="visibility: visible;"]{ display: block; } .ts-language-switcher, .ts-currency-switcher{ position: relative; text-transform: uppercase; display: inline-block; vertical-align: middle; } /*** 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; } body .dropdown-right .ts-language-switcher .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .tdropdown-right .ts-language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .dropdown-right .ts-currency-switcher ul{ right: 0; /*rtl*/ left: auto; /*rtl*/ margin-right: 0; /*rtl*/ } /*** Currency ***/ .header-currency img.wcml-spinner{ left: 50%; margin-top: -1px; margin-left: -8px; right: auto; } .header-currency{ position: relative; } .header-currency a{ text-decoration: none; display: block; } .header-currency ul li, .ts-currency-switcher ul li{ position: relative; list-style: none; margin: 0; z-index: 991; width: 100%; transition: 350ms ease 0s; cursor: pointer; } .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: 10px; } #ts-search-sidebar .ts-search-result-container .view-all-wrapper { margin-bottom: 30px; } body > .ts-search-result-container{ z-index: 993; padding-top: 40px; padding-bottom: 40px; display: none; box-shadow: 0px 5px 5px rgba(0, 0, 0, .1); width: 100% !important; left: 0 !important; /*rtl*/ margin-top: 10px; } body > .ts-search-result-container > p:first-child:last-child{ text-align: center; font-size: 120%; line-height: 1.5; padding-top: 5%; padding-bottom: 5%; } .ts-search-result-container .search-content{ margin-left: auto; margin-right: auto; } .woocommerce.ts-search-result-container ul.product_list_widget{ margin-left: -1px; margin-right: -1px; } .woocommerce.ts-search-result-container ul.product_list_widget li{ width: 12.5%; list-style: none; float: left; /*rtl*/ padding-left: 1px; padding-right: 1px; margin-bottom: 20px; } .woocommerce.ts-search-result-container ul.product_list_widget li:nth-child(8n+1){ clear: both; } .woocommerce.ts-search-result-container ul.product_list_widget li .ts-wg-thumbnail, .woocommerce .ts-search-result-container ul.product_list_widget li .ts-wg-thumbnail, .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, .woocommerce.ts-search-result-container ul.product_list_widget li img, .woocommerce .ts-search-result-container ul.product_list_widget li img{ width: 100%; } .woocommerce.ts-search-result-container ul.product_list_widget li .ts-wg-thumbnail, .woocommerce .ts-search-result-container ul.product_list_widget li .ts-wg-thumbnail{ margin-bottom: 15px; } .ts-search-result-container .description{ margin: 10px 0; font-size: 90%; display: none !important; } .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: 30px 0; } .ts-floating-sidebar .ts-search-result-container:empty{ padding: 0; } #ts-search-sidebar .close{ top: 31px; } #ts-search-sidebar .ts-search-result-container .view-all-wrapper a { padding-top: 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 > div:not(.is-sticky) .header-bottom, .header-transparent .header-template > .header-middle, .header-transparent .header-template > .header-bottom{ background: transparent; } .header-transparent.header-text-default .header-template > div:not(.is-sticky) .search-content input[type="text"]{ background: rgba(0,0,0,0.1); } .header-transparent.header-text-light .header-template > div:not(.is-sticky) .search-content input[type="text"]{ background: #ffffff; } .header-transparent.header-text-light .header-middle .icon-menu-sticky-header .icon:before, .header-transparent.header-text-light .header-middle .search-button.search-icon .icon:before, .header-transparent.header-text-light .header-middle .my-wishlist-wrapper .tini-wishlist:before, .header-transparent.header-text-light .header-middle .shopping-cart-wrapper .cart-control .ic-cart:before, .header-transparent.header-text-light .header-middle .ts-tiny-account-wrapper .account-control>a:before { color: #ffffff; } .header-transparent .ts-search-by-category{ color: #000000; } .header-transparent .header-template > div:not(.is-sticky) .search-content ::-webkit-input-placeholder{ /* WebKit browsers */ color: #000000; } .header-transparent .header-template > div:not(.is-sticky) .search-content :-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color: #000000; } .header-transparent .header-template > div:not(.is-sticky) .search-content ::-moz-placeholder{ /* Mozilla Firefox 19+ */ color: #000000; } .header-transparent .header-template > div:not(.is-sticky) .search-content :-ms-input-placeholder{ /* Internet Explorer 10+ */ color: #000000; } .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-bottom, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .ts-menu > nav.main-menu > ul.menu > li > .ts-menu-drop-icon, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .menu-wrapper nav > ul.menu > li > a, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-language .wpml-ls > ul > li > a, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-currency .wcml_currency_switcher > a, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .ts-menu > nav.main-menu > ul.menu > li > .ts-menu-drop-icon, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .menu-wrapper nav > ul.menu > li > a, .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: #000000; } .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; } 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*/ } /* 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: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; padding: 5px 0; } .breadcrumb-title-wrapper.breadcrumb-v1{ border-width: 1px 0 0; border-style: solid; } .breadcrumb-title-wrapper.breadcrumb-v1 .page-title{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 15px; } .breadcrumb-title-wrapper.breadcrumb-v1 .description{ -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: 10px; } .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; } .breadcrumb-title-wrapper.breadcrumb-v1 .page-title + .breadcrumbs{ margin-bottom: 10px; } .heading-title.page-title{ margin-bottom: 0; } .breadcrumb-title-wrapper.breadcrumb-v1{ margin-bottom: 15px; } /*** Style 2 ***/ .breadcrumb-title-wrapper.breadcrumb-v2{ margin-bottom: 15px; background-position: 75% 50%; } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title{ padding: 40px 0 0; min-height: 280px; 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; -ms-flex-line-pack: end; align-content: flex-end; } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title > *{ width: 100%; } .breadcrumb-title-wrapper.breadcrumb-v2 .page-title:not(:last-child){ margin-bottom: 10px; } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumbs{ margin-bottom: 0; padding-top: 9px; position: relative; -ms-flex-item-align: end; align-self: flex-end; } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumbs:before{ content: ''; display: block; position: absolute; width: 100vw; left: calc(-50vw + 50%); right: calc(-50vw + 50%); bottom: 0; top: 0; background: #ffffff; } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumbs > *{ position: relative; z-index: 2; } .breadcrumb-title-wrapper.breadcrumb-v2 .description, .breadcrumb-title-wrapper.breadcrumb-v3 .description{ font-size: 20px; } .breadcrumb-title-wrapper.breadcrumb-v2 .description{ margin-bottom: 40px; } .breadcrumb-title-wrapper.breadcrumb-v2.no-title .breadcrumb-title, .breadcrumb-title-wrapper.breadcrumb-v2.no-description .breadcrumb-title{ -ms-flex-line-pack: stretch; align-content: stretch; } .breadcrumb-title-wrapper.breadcrumb-v2.no-title .breadcrumb-title, .breadcrumb-title-wrapper.breadcrumb-v2.no-description .breadcrumb-title{ -ms-flex-line-pack: stretch; align-content: stretch; } .breadcrumb-title-wrapper.breadcrumb-v2.no-description .page-title{ margin: 12px 0 0; -ms-flex-item-align: center; align-self: center; } /*** Style 3 ***/ .breadcrumb-title-wrapper.breadcrumb-v3{ position: relative; } .breadcrumb-title-wrapper.breadcrumb-v3:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.3); } .breadcrumb-title-wrapper.breadcrumb-v3 > *{ position: relative; z-index: 2; } .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-title{ min-height: 320px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .breadcrumb-title-wrapper.breadcrumb-v3 .page-title{ width: 100%; padding: 0; margin-bottom: 10px; } .breadcrumb-title-wrapper.breadcrumb-v3 .description{ margin-bottom: 7px; } .breadcrumb-title-wrapper.breadcrumb-v3:before{ background: rgba(0,0,0,0.3); } /*-------------------------------------------------------- 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 .ts-row label + br{ display: none; } body .wpcf7 form .wpcf7-response-output{ margin: 10px 0; display: inline-block; width: 100%; } .woocommerce-MyAccount-content form button[type^="submit"], div.wpcf7 input[type^="submit"]{ min-width: 166px; margin-top: 20px; } 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{ display: inline-block; width: 100%; } div.wpcf7 .ts-row .ts-column-left, div.wpcf7 .ts-row .ts-column-right{ float: left; /*rtl*/ margin: 0 10px 0 0; /*rtl*/ } div.wpcf7 .ts-row .ts-column-left{ width: 26%; } div.wpcf7 .ts-row .ts-column-right{ width: calc(74% - 20px); } body .wpcf7 form label{ padding-bottom: 0; } body .wpcf7 form label:last-child input{ margin-bottom: 0; } body .wpcf7 form label:last-child input + .wpcf7-not-valid-tip{ margin-top: 10px; } body .wpcf7 form textarea{ height: 128px; } .wpcf7 .wpcf7-acceptance .wpcf7-list-item{ margin: 30px 0 0; font-size: 86%; } .wpcf7 .wpcf7-acceptance .wpcf7-list-item input[type^="checkbox"]{ width: 20px; height: 20px; } .wpcf7 .wpcf7-form-control-wrap.terms-policy{ margin-bottom: 15px; display: inline-block; } /*-------------------------------------------------------- 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: 20px; 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; box-shadow: 0 0 5px rgba(0,0,0,.1); } .ts-blogs-wrapper .owl-nav > div{ top: 35%; } .woocommerce .cross-sells .owl-nav > div, .woocommerce .up-sells .owl-nav > div, .woocommerce .related .owl-nav > div, .woocommerce.related .owl-nav > div, .ts-product:not(.ts-product-category-wrapper) .owl-nav > div{ top: 40%; } .ts-product.ts-product-deals-wrapper .owl-nav > div{ top: 37%; } .owl-nav > div.owl-prev{ left: 2px; /*rtl*/ } .owl-nav > div.owl-next{ right: 2px; /*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; } /*** widget nav ***/ .elementor-widget-wp-widget-ts_products.nav-top .elementor-widget-container h5, .elementor-widget-wp-widget-ts_blogs.nav-top .elementor-widget-container h5, .elementor-widget-wp-widget-ts_recent_comments.nav-top .elementor-widget-container h5, .widget-container.has-nav .widget-title{ padding-right: 60px; /*rtl*/ } .elementor-widget-wp-widget-ts_blogs.nav-top .ts-slider, .elementor-widget-wp-widget-ts_recent_comments.nav-top .ts-slider, .elementor-widget-wp-widget-ts_products.nav-top .ts-slider, .widget-container .ts-slider{ position: static; } .elementor-widget-wp-widget-ts_blogs.nav-top .ts-slider .owl-nav, .elementor-widget-wp-widget-ts_recent_comments.nav-top .ts-slider .owl-nav, .elementor-widget-wp-widget-ts_products.nav-top .ts-slider .owl-nav, .widget-container .ts-slider .owl-nav{ position: absolute; top: 0; right: 0; /*rtl*/ display: inline-block; } .widget-container:not(:first-child) .ts-slider .owl-nav{ top: 40px; } .elementor-widget-wp-widget-ts_blogs.nav-top .ts-slider .owl-nav > div, .elementor-widget-wp-widget-ts_recent_comments.nav-top .ts-slider .owl-nav > div, .elementor-widget-wp-widget-ts_products.nav-top .ts-slider .owl-nav > div, .widget-container .ts-slider .owl-nav > div{ width: 24px; height: 24px; transform: translateY(0); position: static; float: left; /*rtl*/ opacity: 1; visibility: visible; } .elementor-widget-wp-widget-ts_blogs.nav-top .ts-slider .owl-nav > div:before, .elementor-widget-wp-widget-ts_recent_comments.nav-top .ts-slider .owl-nav > div:before, .elementor-widget-wp-widget-ts_products.nav-top .ts-slider .owl-nav > div:before, .widget-container .ts-slider .owl-nav > div:before{ line-height: 24px; font-size: 12px; } /*** 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 MITI ---------------------------------------------------------*/ .elementor-widget:not(:last-child).elementor-absolute, .elementor-widget:not(:last-child).elementor-widget__width-auto, .elementor-widget:not(:last-child).elementor-widget__width-initial { --kit-widget-spacing: 0px; } .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, body.error404 #primary > article, .woocommerce div.product .ads-banner, .blog-template #left-sidebar, .blog-template #right-sidebar, .entry-author, .woocommerce-account .woocommerce-MyAccount-content{ margin-bottom: 80px; } .single .meta-bottom-2{ margin: 0 0 70px; } .woocommerce div.product:not(.tabs-in-summary):not(.show-tabs-content-default) .woocommerce-tabs{ padding-top: 60px; border-width: 1px 0 0; border-style: solid; } .woocommerce div.product .woocommerce.yith-wfbt-section{ padding-top: 80px; margin-bottom: 80px; } .woocommerce div.product.show-tabs-content-default .woocommerce.yith-wfbt-section{ margin-top: 80px; padding-top: 0; } article.single-post > .comments-area, article.single-post > .comments-area .commentlist{ margin-bottom: 40px; } article.single-post > .entry-meta-bottom .social-sharing{ margin-bottom: 68px; } .woocommerce-tabs, .single-portfolio .related-portfolios, .woocommerce div.product.tabs-in-summary .woocommerce.yith-wfbt-section, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .panel, div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments .woocommerce-noreviews{ padding-bottom: 80px; } .ts-pagination, .woocommerce .after-loop-wrapper:not(:last-child), .woocommerce.archive #main > .page-container{ padding-bottom: 70px; } .single-portfolio > .entry-main{ margin-bottom: 75px; } .single-portfolio .related-portfolios{ padding-top: 72px; } body.error404 article > .woocommerce.products, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs{ margin-top: 80px; } .woocommerce div.product > #reviews{ padding-top: 70px; padding-bottom: 80px; } .woocommerce div.product > section.products{ padding-top: 72px; padding-bottom: 80px; } .woocommerce div.product #reviews nav.woocommerce-pagination{ padding: 22px 0 74px; } .woocommerce div.product .woocommerce-tabs #reviews nav.woocommerce-pagination{ padding-top: 52px; } body a.button-text, .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-widget-button .elementor-button.elementor-size-xs{ line-height: 22px; } .woocommerce.archive #primary > .woocommerce-info, .woocommerce-no-products-found .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content, .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs li, .elementor-widget-image-box .elementor-image-box-title{ line-height: 26px; } small, .font-small, .font-small li{ line-height: 18px; } 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, .header-language, .header-currency, .ts-language-switcher, .ts-currency-switcher{ 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: #000000; } .woocommerce div.product p.price del, .woocommerce div.product span.price del{ opacity: 1; } .woocommerce div.product.color-variation-thumbnail .ts-product-attribute div.option.color a img{ border-color: #f3f3f3; } /*** 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{ margin: 0 20px 0 0; /*rtl*/ } .ul-style.check li:before{ font-size: 70%; } .ts-shortcode.ts-product-brand-wrapper{ margin: 0 2px 0 1px; /*rtl*/ } .ts-shortcode.ts-product-brand-wrapper .items .item{ text-align: center; padding-left: 44px; padding-right: 44px; } .ts-product-brand-wrapper .item .meta-wrapper{ margin: 20px 0 10px; } .ts-product-brand-wrapper .item .meta-wrapper > *:not(:last-child){ margin-bottom: 6px; } .ts-product-brand-wrapper .item .count{ line-height: 18px; } .ts-product-brand-wrapper.ts-product .owl-nav > div{ top: 30%; } .ts-mailchimp-subscription-shortcode.text-light .mc4wp-form .subscribe-email input[type="email"]{ color: #ffffff; background-color: #333333; border-color: #333333; } .mc4wp-response{ margin-top: 10px; } .text-light .mc4wp-response{ color: #fff; } .ts-shortcode.ts-product-brand-wrapper .owl-carousel .owl-item img{ transform: translateZ(0); } /*** Custom elementor ***/ .elementor-widget-button .elementor-button{ min-width: 168px; } .row-collapse > .elementor-container, .main-content-fullwidth .elementor-section.elementor-section-boxed.row-collapse > .elementor-container, .layout-fullwidth .elementor-section.elementor-section-boxed.row-collapse > .elementor-container{ max-width: 1000px; margin-left: auto; margin-right: auto; } .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 .elementor-image-gallery > .gallery{ 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; } body .elementor-image-gallery .gallery-item{ margin: 0 !important; } body .elementor-image-gallery .gallery-item ~ br{ display: none !important; } body .elementor-image-gallery .gallery-columns-3 .gallery-item{ width: 33.3333% !important; } body .elementor-image-gallery .gallery-columns-6 .gallery-item{ width: 16.666% !important; } body .elementor-image-gallery .gallery-columns-7 .gallery-item{ width: 14.28% !important; } body .elementor-image-gallery .gallery-columns-8 .gallery-item{ width: 12.5% !important; } body .elementor-image-gallery .gallery-columns-9 .gallery-item{ width: 11.11% !important; } .elementor-image-gallery .gallery-item a img{ width: 100%; } .elementor-widget-button .elementor-button.elementor-size-xs{ line-height: 20px; } .column-grow{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } /*** Intro ***/ .image-scroll .elementor-widget-text-editor, .image-scroll .elementor-widget-text-editor *{ height: 100% !important; } .image-scroll .elementor-widget-text-editor a{ display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -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; position: relative; padding: 6px 10px; text-decoration: none; } .image-scroll .elementor-column .elementor-widget-text-editor{ border: 1px solid rgba(0, 0, 0, 0.1); position: relative; box-shadow: 0 15px 20px rgba(0,0,0,.1); } .image-scroll .elementor-column .elementor-widget-text-editor .elementor-widget-container > p:last-child{position:relative;} .image-scroll .elementor-column .elementor-widget-text-editor .elementor-widget-container > p:last-child:before{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40px; border-top: 1px solid rgba(0, 0, 0, 0.1); background: #ffffff; display: block !important; } .image-scroll .elementor-column .elementor-widget-text-editor > .elementor-widget-container{ background-position: center top; background-size: 100% auto; background-repeat: no-repeat; } .image-scroll .elementor-column .elementor-widget-text-editor:not(.noeff):hover > .elementor-widget-container{ background-position: center bottom !important; transition: background-position 4s linear; } .has-filters .elementor-inner-section .elementor-column > .elementor-column-wrap > .elementor-widget-wrap{ margin: 0 -20px; } .intro-filter-items > .elementor-container > .elementor-column > .elementor-widget-wrap:has(.filter-item) { width: calc(100% + 40px); margin: 0 -20px; } .has-filters .elementor-column .filter-item{ width: calc(20% - 40px); float: left; /*rtl*/ margin: 0 20px 50px; height: 28vw !important; } .has-filters .elementor-column .filter-item.auto{ height: 12vw !important; } .has-filters .filter-bar{ font-size: 25px; line-height: 28px; font-weight: 500; margin: 0 -20px; } .has-filters .filter-bar:after{ content: ''; display: table; clear: both; } .has-filters .filter-bar li{ list-style: none; float: left; margin: 0 20px; color: #808080; cursor: pointer; } .has-filters .filter-bar li:hover, .has-filters .filter-bar li.current{ color: #000000; text-decoration: underline; } /*------------------------------------------------------------------------------------------------------------------- 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{ color: inherit; } .footer-container .social-icons .list-icons li a{ font-size: 19px; } .footer-container .elementor-widget-wp-widget-nav_menu ul.menu li{ display: inline-block; vertical-align: baseline; margin: 0 5px; } .footer-container .elementor-widget-wp-widget-nav_menu ul.menu li:first-child{ margin-left: 0; } .footer-container .elementor-widget-wp-widget-nav_menu ul.menu li:first-child a{ padding-left: 0; } .footer-container .elementor-widget-wp-widget-nav_menu ul.menu li:last-child{ margin-right: 0; } .footer-container .elementor-widget-wp-widget-nav_menu ul.menu li:last-child a{ padding-right: 0; } .footer-container .elementor-widget-wp-widget-nav_menu ul.menu li a{ padding: 0 5px; } .ts-megamenu .elementor-widget .elementor-widget-container h5, .footer-container .elementor-widget .elementor-widget-container h5{ text-align: inherit; } .footer-container .elementor-widget-wp-widget-nav_menu.small{ line-height: 20px; } /* 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%; transform: rotate(-90deg); box-shadow: 0 0 5px rgba(36,36,36,.5); } #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(:first-child){ border-width: 1px 0 0; border-style: solid; padding: 40px 0 0 0; margin: 40px 0 0 0; } body #left-sidebar .widget-container.widget_text + .widget_media_image, body #right-sidebar .widget-container.widget_text + .widget_media_image{ padding-top: 0 !important; border-width: 0; } body #left-sidebar .widget-container.widget_media_image + .widget_media_image, body #right-sidebar .widget-container.widget_media_image + .widget_media_image{ padding-top: 0 !important; margin-top: 2px !important; margin-bottom: 2px; border-width: 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), #left-sidebar .wp-block-search__label, #right-sidebar .wp-block-search__label, .elementor-widget[data-widget_type*="wp-widget-"] > h5:not(.elementor-heading-title){ margin-bottom: 30px; } #left-sidebar .wp-block-search__label, #right-sidebar .wp-block-search__label{ padding-bottom: 0; } .woocommerce.archive .widget-container .widget-title-wrapper .widget-title:not(:empty), .woocommerce.archive .widget-title-wrapper .widget-title:not(:empty){ margin-bottom: 20px; } .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{ 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{ 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{ 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: 6px; padding-bottom: 6px; } .ts-sidebar .mc4wp-form .subscribe-email{ margin-bottom: -4px; } .ts-sidebar .widget-container.mailchimp-subscription .widget-title-wrapper{ margin-top: 2px; } .ts-sidebar .mc4wp-form .subscribe-email input[type="email"], .ts-sidebar .mc4wp-form .subscribe-email .button{ margin-bottom: 10px; } .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, body .ts-sidebar .widget-container .dokan-btn{ padding-top: 5px; padding-bottom: 5px; font-size: 125%; } /*------------------------------------------------------------- 1. WIDGET DEFAULT WP --------------------------------------------------------------*/ .widget-container style[type="text/css"], .widget-container script{ display: none !important; } /*** 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: 6px; /*rtl*/ } ul.product-categories li .count, .product-filter-by-color li .count, .product-filter-by-brand li label .count{ margin-left: 6px; /*rtl*/ } .product-filter-by-color li .count{ display: inline-block; } .widget_archive ul li, .widget_categories ul li, .widget_product_categories ul li{ text-align: right; /*rtl*/ } .widget_archive ul li:after, .widget_categories ul li:after, .widget_product_categories ul li:after{ content: ''; display: table; clear: both; } .widget_archive ul li > a, .widget_categories ul li > a, .widget_product_categories ul li > a{ float: left; /*rtl*/ } .ts-product-categories-widget-wrapper ul li .count{ margin-left: 10px; /*rtl*/ display: inline-block; } /*** 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: #000000; color: #fff; } .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-prev, .widget_calendar td#prev, .elementor-widget-wp-widget-calendar td#prev{ text-align: left; /* rtl */ } .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-next, .widget_calendar td#next, .elementor-widget-wp-widget-calendar td#next{ text-align: right; /* rtl */ } /*** Search ***********************************/ .search-table, .woocommerce-product-search, .wp-block-search__inside-wrapper{ position: relative; } .wp-block-search__inside-wrapper input[type="search"], .woocommerce-product-search .search-field, .search-content input[type="text"]{ padding: 7px 56px 7px 20px; /*rtl*/ margin: 0; border: 0; width: 100%; max-width: 100%; font-size: 100%; } .wp-block-search__inside-wrapper .wp-block-search__button, .woocommerce-product-search button[type="submit"], .search-table .search-button input[type^="submit"], .search-table .search-button{ width: 56px; 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; } .wp-block-search__inside-wrapper .wp-block-search__button:before, .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: 36px; } .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: 15px; } .widget_recent_entries ul li:last-child, .elementor-widget-wp-widget-recent-posts ul li:last-child{ margin-bottom: 0; } .widget_recent_entries .post-date, .elementor-widget-wp-widget-recent-posts .post-date{ display: block; line-height: 16px; margin-top: 5px; } /*** Recent comments ***********************************/ ul li.recentcomments .comment-author-link:before{ display: inline-block; vertical-align: baseline; margin-right: 10px; /*rtl*/ } /*** Gallery ***********************************/ .widget_media_gallery .gallery{ margin: -1px !important; } .widget_media_gallery .gallery .gallery-item{ padding: 1px !important; margin: 0 !important; } .elementor-widget-wp-widget-media_gallery .gallery{ margin: -10px !important; } .elementor-widget-wp-widget-media_gallery .gallery .gallery-item{ padding: 10px !important; margin: 0 !important; } .gallery .gallery-item img{ border: 0 !important; transition: 350ms ease; } .gallery .gallery-item:hover img{ opacity: 0.5; } .gallery .gallery-item .gallery-caption{ margin: 3px 0 0 !important; font-size: 80%; line-height: 18px; font-weight: normal; } /*** Widet Text ***********************************/ .ts-sidebar .widget_text small + a{ margin-left: 20px; /*rtl*/ } .widget_text a[href^="mailto"], .widget_text a[href^="tel"]{ color: inherit; } /*** Widet Gutenberg ***********************************/ body.home .index-template .list-posts .wp-block-latest-comments article{ padding: 0; margin: 0; width: auto; } body.home .index-template .list-posts .wp-block-latest-comments article:after{ display: none; } body .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, body .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{ margin-left: 0; /*rtl*/ } .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: #e5e5e5; 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: #000000; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content:after, .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content:before{ content: ""; position: absolute; top: 0; left: -16px;/* rtl */ right: auto; /*rtl*/ border-width: 0 16px 0 0; /*rtl*/ border-style: solid; border-color: #e5e5e5; 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: #000000; 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 .price_label{ width: 100%; margin-bottom: 20px; font-size: 0; } .woocommerce .widget_price_filter .price_slider_amount .price_label:after{ content: ''; display: table; clear: both; } .woocommerce .widget_price_filter .price_slider_amount .price_label > span{ display: inline-block; vertical-align: middle; } .woocommerce .widget_price_filter .price_slider_amount .price_label > span:first-child, .woocommerce .widget_price_filter .price_slider_amount .price_label > span:last-child{ height: 34px; line-height: 24px; float: left; /*rtl*/ text-align: left; /*rtl*/ position: relative; padding: 6px 15px; } .woocommerce .widget_price_filter .price_slider_amount .price_label > span:first-child{ width: calc(50% + 15px); position: relative; z-index: 2; } .woocommerce .widget_price_filter .price_slider_amount .price_label > span:last-child{ width: calc(50% - 15px); height: 34px; line-height: 24px; float: left; /*rtl*/ text-align: left; /*rtl*/ position: relative; padding: 6px 15px; } .woocommerce .widget_price_filter .price_slider_amount .price_label > span:first-child:before{ content: ''; position: absolute; top: 0; left: 0; /*rtl*/ bottom: 0; width: calc(100% - 30px); z-index: -1; } .woocommerce .widget_price_filter .price_slider_amount .price_label > span:first-child:after{ content: "-"; font-size: 36px; width: 30px; padding: 0 10px; display: inline-block; text-align: center; position: absolute; top: 3px; right: 0; /*rtl*/ } .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; } /*** 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: 4px 20px 4px 0;/* rtl */ } .ts-active-filters .widget_layered_nav_filters ul{ float: left;/* rtl */ } .ts-active-filters .widget_layered_nav_filters ul li{ margin: 0 2px 2px 0;/* rtl */ padding: 0; float: left;/* rtl */ line-height: 24px; } .ts-active-filters .widget_layered_nav_filters ul li a{ transition: none; position: relative; color: inherit; line-height: 1.2; padding: 6px 10px; display: block; } .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; } .widget_layered_nav .woocommerce-widget-layered-nav-list{ margin: -5px; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item{ padding: 0; display: inline-block; vertical-align: baseline; margin: 5px; border-width: 1px; border-style: solid; transition: 300ms ease; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item > a{ padding: 8px; line-height: 1; text-transform: uppercase; font-size: 12px; display: inline-block; vertical-align: baseline; min-width: 30px; text-align: center; text-decoration: none; color: inherit; transition: none; float: left; /*rtl*/ } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before{ display: none; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item .count{ line-height: 1; font-size: 85%; float: left; /*rtl*/ padding: 8px 8px 8px 0; /*rtl*/ display: none; } /*** Filter by color ***********************************/ .color-swatch:after{ content: ''; clear: both; display: table; } .ts-product-attribute div.option, .ts-product-attribute div.option.color a{ display: inline-block; vertical-align: top; } .color-swatch{ margin: 0 -3px; } .color-swatch > div{ margin: 3px; /*rtl*/ padding: 0; } .color-swatch > div{ float: left; /*rtl*/ } .color-swatch > div span, .color-swatch > div img, .ts-product-attribute a img{ 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, .ts-product-attribute a img{ border-width: 1px; border-style: solid; } .color-swatch > div: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, .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, .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, .ts-product-attribute div.option.color a{ position: relative; width: 23px; height: 23px; } .color-swatch > div:after, .product-on-sale-form.checked > label: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, .widget-container.product-filter-by-brand ul > li label:after, .product-filter-by-color ul li a: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{ text-shadow: 0 0 1px rgba(0,0,0,0.6); } .color-swatch > div:hover:after, .color-swatch > div.active:after, .product-on-sale-form.checked > label: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 a:hover:after, .woocommerce .widget_rating_filter ul li.chosen a:after, .product-filter-by-availability ul li label:hover:after, .product-filter-by-availability ul li input[checked="checked"] + label:after, .product-filter-by-price ul li label:hover:after, .product-filter-by-price ul li.chosen label:after, .widget-container.product-filter-by-brand ul > li label:hover:after, .widget-container.product-filter-by-brand ul > li.selected label:after, .product-filter-by-color ul li a:hover:after, .product-filter-by-color ul li.chosen a:after{ opacity: 1; visibility: visible; } .color-swatch > div:hover{ cursor: pointer; } /*** fix bg white ***/ .color-swatch > div.color span[style*="background-color:#ffffff"]:before, .color-swatch > div.color span[style*="background-color: #ffffff"]:before{ content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 50%; background: #f3f4f9; } /**/ .product-filter-by-color ul li a > span, .product-filter-by-color ul li a > img{ display: inline-block; vertical-align: baseline; } .product-filter-by-color ul li a > span:first-child, .product-filter-by-color ul li a > img{ width: 10px; height: 10px; border-radius: 50%; margin: 0 10px 0 0; /*rtl*/ } /*** 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, .product-filter-by-color ul li a{ padding-bottom: 0; cursor: pointer; display: inline; position: relative; 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, .product-filter-by-color ul li 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, .product-filter-by-color ul li 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.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, .product-filter-by-color ul li a:after{ left: 5px; /*rtl*/ top: 4px; transform: translate(0); font-size: 10px; } .woocommerce .widget_rating_filter ul li.chosen a::before, .woocommerce .widget_rating_filter ul li a:before{ top: 1px; } .woocommerce .widget_rating_filter ul li a:after{ top: 6px; } .product-filter-by-color ul, .product-filter-by-brand .product-filter-by-brand-wrapper > ul{ max-height: 235px; overflow: auto; margin-bottom: 0; } .product-filter-by-color ul ul, .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 -20px; } .social-icons .list-icons li{ text-align: center; float: left;/* rtl */ display: block; position: relative; margin: 0 10px; padding: 0; } .social-icons .list-icons li a{ display: block; transition: none; color: inherit; padding: 5px 8px; font-size: 17px; } .social-icons .list-icons .ts-tooltip{ color: #fff; background-color: #000000; 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: #000000 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-noicon .list-icons li, .social-icons.style-vertical .list-icons li{ float: none; text-align: start; /*rtl*/ } .social-icons.style-vertical-noicon .list-icons li a, .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-noicon.show-tooltip .list-icons .ts-tooltip, .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: start; } .social-icons.style-vertical-noicon .list-icons li i, .social-icons.style-vertical-noicon .list-icons .ts-tooltip:before, .social-icons.style-vertical .list-icons .ts-tooltip:before{ display: none; } .social-icons.style-vertical-noicon .list-icons, .social-icons.style-vertical-noicon .list-icons li{ margin: 0; } .social-icons.style-vertical-noicon .list-icons li{ padding: 5px 0; } .social-icons.style-vertical-noicon .list-icons li a, .social-icons.style-vertical-noicon .list-icons .ts-tooltip{ padding: 0; } /*Style horizontal line*/ .social-icons.style-horizontal-line{ 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-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .social-icons.style-horizontal-line .line{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 1px; border-width: 1px 0 0; border-style: solid; } .social-icons.style-horizontal-line .list-icons{ margin: 0 30px; } .social-icons.style-horizontal-line .social-desc{ margin-bottom: 20px; width: 100%; } /*** 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 ***********************************/ .elementor-widget-wp-widget-ts_instagram .elementor-widget-container h5{ text-align: center; margin-bottom: 20px; } .ts-instagram-wrapper.items{ display: block; overflow: hidden; margin: -1px; } .ts-instagram-wrapper.items:after{ content: ''; clear: both; display: table; } .ts-instagram-wrapper .item{ width: 50%; float: left;/* rtl */ padding: 1px; } .widget-container .ts-instagram-wrapper .owl-carousel, .elementor-widget[data-widget_type*="wp-widget-"] .ts-instagram-wrapper .owl-carousel{ width: calc(100% + 2px); } .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: right;/* rtl */ text-indent: 0; padding: 0; letter-spacing: 0; position: absolute !important; left: auto; right: 4px;/* rtl */ top: 5px; margin: 0 !important; text-decoration: none; background: transparent !important; z-index: 2; } ul.product_list_widget li .ts-wg-thumbnail, .woocommerce ul.product_list_widget li .ts-wg-thumbnail{ position: relative; } ul.product_list_widget li .ts-wg-thumbnail, .woocommerce ul.product_list_widget li .ts-wg-thumbnail, ul.product_list_widget li img, .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ float: left; /*rtl*/ width: 90px; margin: 0 20px 0 0; /*rtl*/ } ul.product_list_widget li .ts-wg-meta, .woocommerce ul.product_list_widget li .ts-wg-meta{ width: calc(100% - 110px); 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{ 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; } 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: 30px; border-radius: 100%; float: left; /*rtl*/ margin-right: 10px; /*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 40px; /*rtl*/ } .comment_list_widget blockquote:before{ font-size: 100%; } /*** Categories/TS Product Categories ***********************************/ .elementor-widget ul li, .elementor-widget ul.menu li, .elementor-widget .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 ul ul li, .elementor-widget-wp-widget-pages ul ul li, .elementor-widget-wp-widget-nav_menu 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 ul li:last-child, .elementor-widget-wp-widget-pages 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; } /*------------------------------------------------------------- 4. WIDGET ELEMENTOR --------------------------------------------------------------*/ .elementor-widget-icon-list.elementor-icon-list--layout-inline.elementor-widget__width-auto .elementor-icon-list-icon{ line-height: 1; } .ts-megamenu-columns-2 .elementor-widget-wp-widget-nav_menu ul.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; } .ts-megamenu-columns-2 .elementor-widget-wp-widget-nav_menu ul.menu li, .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%; } .ts-megamenu-container .elementor-widget-wp-widget-nav_menu ul.menu li:first-child, .ts-megamenu-container .elementor-widget-wp-widget-nav_menu ul.menu li:last-child{ padding-top: 5px; padding-bottom: 5px; } .elementor-widget-text-editor h1, .elementor-widget-text-editor h2, .elementor-widget-text-editor h3, .elementor-widget-text-editor h4, .elementor-widget-text-editor h5, .elementor-widget-text-editor h6, .elementor-widget-text-editor a{ color: inherit; } .text-light .elementor-widget-wp-widget-nav_menu ul.menu li a, .elementor-widget-wp-widget-nav_menu.text-light ul.menu li a{ color: #ffffff !important; } .portfolio-info .portfolio-like:hover, .portfolio-info .cat-links a:hover, .threesixty .nav_bar a:hover, .wp-block-tag-cloud a:hover, .tagcloud a:hover{ background: transparent; } .widget_media_gallery .blocks-gallery-caption{ text-align: center; } .widget_media_gallery .blocks-gallery-grid .blocks-gallery-item{ margin: 0 5px 5px 0; /*rtl*/ } .widget_media_gallery .blocks-gallery-item figcaption{ line-height: 1.2; } body .wp-block-social-links .wp-social-link{ padding: 0; } body .wp-block-social-links .wp-social-link a{ width: 30px; height: 30px; padding: 0; position: relative; display: block; } body .wp-block-social-links .wp-social-link svg{ width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } body .wp-block-latest-comments .wp-block-latest-comments__comment-date{ font-size: 12px; margin: 6px 0 0; } body .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment{ position: relative; padding: 0 0 0 40px; /*rtl*/ } body .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment > img{ width: 30px; height: 30px; position: absolute; top: 0; left: 0; /*rtl*/ } .widget-container.widget_block .wp-block-pullquote{ margin: 0; } .widget-container.widget_block .wp-block-pullquote:not(.is-style-solid-color){ padding: 0; } /*------------------------------------------------------------------------------------------------------------------- V. PRODUCT DEFAULT ---------------------------------------------------------------------------------------------------------------------*/ /*** Products ***/ .woocommerce > .products{ clear: both; display: flex; flex-flow: row wrap; } .woocommerce .products .product{ margin: 0 0 40px 0; padding: 0 1px; position: relative; } .woocommerce .products .product.product-category{ margin-bottom: 2px; } .ts-slider .products .product, .woocommerce.ts-slider .products .product{ margin-bottom: 0; } .woocommerce.ts-slider .products .product + .product{ margin-top: 40px; } .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.666666666%; } .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 -1px; 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; } .woocommerce .cross-sells .products.owl-carousel, .woocommerce .up-sells .products.owl-carousel, .woocommerce .related .products.owl-carousel, .ts-product.woocommerce .products.owl-carousel{ width: calc(100% + 2px); } .woocommerce .cross-sells .products.owl-carousel > .owl-stage-outer, .woocommerce .up-sells .products.owl-carousel > .owl-stage-outer, .woocommerce .related .products.owl-carousel > .owl-stage-outer, .ts-product.woocommerce .products.owl-carousel > .owl-stage-outer{ width: calc(100% - 2px); } .woocommerce .cross-sells .products.owl-carousel .owl-nav > div.owl-next, .woocommerce .up-sells .products.owl-carousel .owl-nav > div.owl-next, .woocommerce .related .products.owl-carousel .owl-nav > div.owl-next, .ts-product.woocommerce .products.owl-carousel .owl-nav > div.owl-next{ right: 6px; /*rtl*/ } .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 .ts-portfolio-wrapper .item-wrapper, .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{ -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 .ts-portfolio-wrapper .item-wrapper{ position: relative; } .woocommerce .products .product .product-wrapper{ position: relative; 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; } .meta-wrapper-2{ display: none; } .button-in a{ text-decoration: none !important; } .woocommerce .product-wrapper .meta-wrapper{ padding-top: 20px; overflow: hidden; } .woocommerce:not(.columns-1) .products .product .meta-wrapper:not(.meta-wrapper-2), .ts-product .product-wrapper .meta-wrapper:not(.meta-wrapper-2){ padding-right: 20px; /*rtl*/ padding-top: 12px; } .woocommerce:not(.columns-1) .products .product.product-category .meta-wrapper:not(.meta-wrapper-2), .ts-product .product.product-category .product-wrapper .meta-wrapper:not(.meta-wrapper-2){ padding-right: 0; /*rtl*/ padding-top: 0; } .ts-product.style-icon .product.product-category .product-wrapper .meta-wrapper:not(.meta-wrapper-2){ padding-top: 20px; } .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{ margin-top: 1px; } .woocommerce.ts-product-deals-wrapper .product .product-label{ max-width: calc(100% - 210px); } .ts-product-deals-wrapper .meta-wrapper .counter-wrapper > div{ min-width: 40px; height: 35px; overflow: hidden; padding: 5px; } .ts-product-deals-wrapper .meta-wrapper .counter-wrapper > div > .number-wrapper{ font-size: 13px; line-height: 14px; } .ts-product-deals-wrapper .meta-wrapper .counter-wrapper > div > .ref-wrapper{ font-size: 10px; line-height: 12px; } .ts-product-deals-wrapper .meta-wrapper .counter-wrapper > span{ font-size: 14px; width: 12px; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg{ z-index: 2; cursor: zoom-in; } /*------------------------------------------------------------- 2. PRODUCT LABEL --------------------------------------------------------------*/ .product_list_widget .product-label, .woocommerce .product .product-label{ position: absolute; right: auto; left: 2px;/* rtl */ top: 2px; bottom: auto; z-index: 2; text-align: center; } .woocommerce .product-label > span.onsale, .woocommerce .product-label > span{ width: auto; min-width: 34px; min-height: 16px; position: relative; top: auto; right: auto; left: auto; padding: 0; text-align: center; display: block; font-size: 10px; line-height: 14px !important; border-radius: 0; float: left; /*rtl*/ } .woocommerce .product-label span span{ padding: 2px 5px; 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 */ } .product-brands, .product-sku, .product-categories{ line-height: 1.4; } /**/ /*** 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*/ } .woocommerce div.product .summary .price del ~ ins, #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 .price del ~ ins{ margin-right: 15px; /*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; } .woocommerce .star-rating span{ font-size: 0; } blockquote .rating span:before, .ts-testimonial-wrapper .rating span:before, .star-rating span::before{ position: absolute; top: 0; left: 0; /*rtl*/ } /*** 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; width: 100%; line-height: 48px; text-align: center; border-width: 1px; border-style: solid; } .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; width: 130px; } .quantity span:not(.amount){ display: none; } .quantity .number-button{ width: 100%; 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; } .cart-item-wrapper .quantity{ text-align: center; margin: 0; width: 100px; float: left;/* rtl */ } .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: 30px; height: 30px; display: block; position: relative; letter-spacing: 0; background: #ffffff; text-align: center; position: absolute; top: 2px; right: 2px; /*rtl*/ z-index: 6; transform: translateX(100%) translateX(2px); transition: 250ms ease-in-out; } .thumbnail-wrapper .product-group-button > div:nth-child(2){top: 34px;} .thumbnail-wrapper .product-group-button > div:nth-child(3){top: 66px;} .thumbnail-wrapper .product-group-button > div:nth-child(4){top: 98px;} .product-group-button > div a:after{ font-size: 14px; line-height: 30px; 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; } .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 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; } .product-hover-vertical-style-2 .product-group-button .button-tooltip{ min-width: 84px; } .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; transform: scale(0,1); transform-origin: center right; } .product-hover-vertical-style-2 .product-group-button .loop-add-to-cart .button-tooltip{ transform: none; } .product-group-button .button-tooltip:before, .ts-product-attribute .button-tooltip:before{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; /*rtl*/ z-index: -1; content: ""; } .ts-product-attribute .button-tooltip:before{ 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-group-button > div:hover a .button-tooltip{ transform: scale(1,1); } .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: -2px; 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); bottom: 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, .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: 13px; /*rtl*/ font-size: 18px; display: inline-block; vertical-align: -3px; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons .ts-tooltip:before, .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; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 .button-in{ display: inline-block; margin-right: 30px; /*rtl*/ float: left; /*rtl*/ } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons div.button-in a, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > div.button-in a{ position: relative; display: inline-flex; width: auto; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons div.button-in a.added:before, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > div.button-in a.added:before{ content: "\f00c"; font-family: 'Font Awesome 5 Free' !important; letter-spacing: 0; display: inline-block !important; font-size: 9px !important; color: inherit !important; font-weight: 900; } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .button:before{ margin-right: 10px; /*rtl*/ } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons a, .woocommerce div.product .single-product-buttons-sharing .single-product-buttons .ask-about-product-button, .woocommerce.main-products.columns-1.style-column-1-1 > .products .product-group-button-meta > .ask-about-product-button, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > div.button-in a{ padding-left: 20px; /*rtl*/ line-height: 1; position: relative; } .woocommerce.main-products.columns-1:not(.style-column-1-1) > .products .product-group-button-meta > div.button-in a{ padding-left: 0; /*rtl*/ line-height: 1; position: relative; } .woocommerce.main-products.columns-1:not(.style-column-1-1) > .products .product-group-button-meta > div.button-in a.added, .woocommerce.main-products.columns-1:not(.style-column-1-1) > .products .product-group-button-meta > div.button-in a.loading { padding-left: 20px; /*rtl*/ } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons a:before, .woocommerce.main-products.columns-1.style-column-1-1 > .products .product-group-button-meta > .ask-about-product-button:before, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > div.button-in a:before{ line-height: 1; position: absolute; left: 0; /*rtl*/ top: 50%; transform: translateY(-50%); } .woocommerce.main-products.columns-1:not(.style-column-1-1) > .products .product-group-button-meta > div.button-in a:before{ min-width: 15px; display: inline-block; vertical-align: top; } .product-group-button-meta .ask-about-product-button, .woocommerce.main-products.columns-1:not(.style-column-1-1) > .products .product-group-button-meta .ask-about-product-button:before, .woocommerce.main-products.columns-1:not(.style-column-1-1) > .products .product-group-button-meta > div.button-in a:before{ display: none; } .woocommerce.main-products.columns-1 > .products .product-group-button-meta > div.button-in a.loading:before{ display: none !important; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons .ask-about-product-button, .woocommerce.main-products.columns-1 > .products .product-group-button-meta .ask-about-product-button{ display: inline-block; } .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.main-products.columns-1.style-column-1-1 > .products .product-group-button-meta > div.button-in a.loading:before{ margin-right: 9px; /*rtl*/ } .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; } .woocommerce.main-products.columns-1 > .products .thumbnail-wrapper .product-group-button > div:not(.quickshop){ display: none; } /*------------------------------------------------------------------------------------------------------------------- VI. CATEGORIES PRODUCT ---------------------------------------------------------------------------------------------------------------------*/ .page-description .ts-shortcode{ margin-bottom: 40px; padding: 40px; } .products{ clear: both; } /*** Shop Filters ***/ .woocommerce .before-loop-wrapper{ width: 100%; 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; margin-bottom: 30px; position: relative; } .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{ font-size: 17px; margin-right: 16px; /*rtl*/ display: inline-block; vertical-align: -3px; transition: .3s ease; } .filter-widget-area{ padding: 0; } /*** Filter sidebar ***/ #ts-filter-widget-area .ts-sidebar-content{ left: 0; /*rtl*/ right: auto; bottom: auto; top: calc(100% + 30px); width: 220px; 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 .hide-title-widget .widget-title{ display: none; } .before-loop-wrapper .filter-widget-area-button{ width: 220px; } #ts-filter-widget-area .overlay, #ts-filter-widget-area .close, .ts_desktop .show-filter-default .filter-widget-area-button{ display: none; } #main-content:not(.show-filter-default).show-filter-sidebar #ts-filter-widget-area .ts-sidebar-content, .ts_desktop .show-filter-default #ts-filter-widget-area .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: padding-left 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .woocommerce.archive #main-content.show-filter-sidebar #primary > *:not(.before-loop-wrapper):not(.ts-active-filters), .woocommerce.archive.ts_desktop #main-content.show-filter-default #primary > *:not(.before-loop-wrapper):not(.ts-active-filters){ padding-left: 260px; /*rtl*/ } .woocommerce.archive #main-content #primary > .ts-active-filters:not(:empty){ margin-bottom: 20px; } /*** 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-1.style-1-1{ background-position: -29px -67px; } .ts-product-columns-selector > span.column-2{ background-position: -58px -67px; } .ts-product-columns-selector > span.column-3{ background-position: -87px -67px; } .ts-product-columns-selector > span.column-4{ background-position: -116px -67px; } .ts-product-columns-selector > span.column-5{ background-position: -145px -67px; } .ts-product-columns-selector > span.column-6{ background-position: -174px -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 !important; } /*** Woocommerce Orderring ***/ .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ margin: 0 0 0 auto; /*rtl*/ order: 2; } .woocommerce-ordering select.orderby, .woocommerce .woocommerce-ordering select.orderby{ display: none; } .woocommerce .woocommerce-ordering ul li a:hover, .product-per-page-form ul.perpage ul li a:hover{ text-decoration: none; } .woocommerce .woocommerce-ordering .orderby li, .product-per-page-form ul.perpage li{ list-style: none; position: relative; z-index: 4; padding: 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{ text-align: center; } .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 3px; /*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 7px; /*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 40px; /*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 > strong{ opacity: 0; visibility: hidden; } .product-per-page-form ul.perpage .perpage-current{ display: block; } .product-per-page-form ul.perpage ul li a > *, .product-per-page-form ul.perpage .perpage-current > *{ display: inline-block; vertical-align: baseline; transition: 350ms ease; } .product-per-page-form ul.perpage ul li a > strong, .product-per-page-form ul.perpage .perpage-current > strong{ padding: 0 5px 0 0; /*rtl*/ } .product-per-page-form ul.perpage ul li a:not(:hover):not(.current) > strong{ font-weight: normal; color: inherit; } /*** Woocommerce Pagination ***/ .post-nav-links{ padding-top: 20px; margin-bottom: 0; } .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; } .ts-pagination, .woocommerce nav.woocommerce-pagination{ padding-top: 55px; border-width: 1px 0 0; border-style: solid; } .woocommerce nav.woocommerce-pagination{ padding-top: 46px; } .ts-portfolio-wrapper .pagination-wrapper{ margin-top: 58px; } .pagination-wrap ul.pagination > li, .ts-pagination ul li, .woocommerce nav.woocommerce-pagination ul li, .dokan-pagination-container .dokan-pagination li{ list-style: none; display: inline-block; border: 0; vertical-align: top; float: none; /*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; } .pagination-wrap ul.pagination, .woocommerce nav.woocommerce-pagination ul, .ts-pagination ul, .dokan-pagination-container .dokan-pagination{ border: 0; margin: 0; padding: 0 150px; display: block; overflow: hidden; position: relative; } .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; text-align: center; display: inline-block; min-width: 30px; line-height: 30px; font-size: 12px; border-width: 1px; border-style: solid; color: inherit; } .pagination-wrap ul.pagination > li > a.prev, .pagination-wrap ul.pagination > li > a.next, .dokan-pagination-container .dokan-pagination li:first-child a, .dokan-pagination-container .dokan-pagination li:last-child a, .woocommerce nav.woocommerce-pagination ul li a.next, .woocommerce nav.woocommerce-pagination ul li a.prev, .ts-pagination ul li a.prev, .ts-pagination ul li a.next{ width: 150px; font-size: 14px; line-height: 20px; text-align: center; padding: 5px; border: 1px solid; border-radius: 0; position: absolute; } .pagination-wrap ul.pagination > li > a.prev, .dokan-pagination-container .dokan-pagination li:first-child a, .woocommerce nav.woocommerce-pagination ul li a.prev, .ts-pagination ul li a.prev{ left: 0; /*rtl*/ } .pagination-wrap ul.pagination > li > a.next, .dokan-pagination-container .dokan-pagination li:last-child a, .woocommerce nav.woocommerce-pagination ul li a.next, .ts-pagination ul li a.next{ right: 0; /*rtl*/ } .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{ letter-spacing: 0; display: inline-block; vertical-align: 2px; font-size: 10px; line-height: 1; } .woocommerce nav.woocommerce-pagination ul li a.next, .woocommerce nav.woocommerce-pagination ul li a.prev{ font-size: 0; } .woocommerce nav.woocommerce-pagination ul li a.next:after, .woocommerce nav.woocommerce-pagination ul li a.prev:before{ vertical-align: middle; } .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: "\2190";/* rtl */ margin-right: 10px;/* 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: "\2192";/* rtl */ margin-left: 10px;/* 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: #000000; color: #ffffff; } /*** Ajax pagination ***/ .archive.ajax-pagination .woocommerce > .products:before{ left: 50%; top: 300px; right: auto; bottom: auto; width: 40px; height: 40px; z-index: 9; margin-left: -20px; content: ""; border-width: 3px; border-style: solid; border-top: 3px solid #000000; border-radius: 50%; text-align: center; position: absolute; display: inline-block; font-weight: normal; opacity: 0; visibility: hidden; transition: 150ms ease 0s; } .archive.ajax-pagination .woocommerce > .products.loading:before{ opacity: 1; visibility: visible; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .archive.load-more-button .woocommerce > .products.loading:before{ display: none; } .archive.ajax-pagination .woocommerce > .products:after{ content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; opacity: 1; z-index: 8; visibility: hidden; transition: 150ms ease 0s; } .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: 36px; height: 36px; min-width: 0; font-size: 0; background: transparent; border-width: 3px; line-height: 1; padding: 0; border-radius: 50%; border-color: #ccc; border-top-color: #000000; -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:not(.style-column-1-1) > .products{ -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } #main-content .woocommerce.columns-1 > .products .product{ padding-bottom: 50px; margin-bottom: 50px; } #main-content .woocommerce.columns-1 > .products .product:last-child{ margin-bottom: 0; } #main-content .woocommerce.columns-1 > .products .product:last-child:after{ display: none; } #main-content .woocommerce.columns-1 > .products .product:after{ content: ''; height: 1px; border-width: 0 0 1px; border-style: solid; position: absolute; bottom: 0; left: 0; right: 0; } #main-content .woocommerce.columns-1 > .products .product .product-wrapper:after{ content: ''; display: table; clear: both; } #main-content .woocommerce.columns-1:not(.style-column-1-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:not(.style-column-1-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; } #main-content .woocommerce.columns-1 > .products .product .product-wrapper > div.meta-wrapper-2{ 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; -ms-flex-line-pack: center; align-content: center; } #main-content .woocommerce.columns-1:not(.style-column-1-1) > .products .product .thumbnail-wrapper{ width: 22%; margin: 0 40px 0 0; /*rtl*/ } #main-content .woocommerce.columns-1 > .products .product .thumbnail-wrapper > a{ padding: 0; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper{ padding: 0 40px; /*rtl*/ } #main-content .woocommerce.columns-1:not(.style-column-1-1) > .products .product .meta-wrapper{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper:not(.meta-wrapper-2){ padding-left: 0; /*rtl*/ } #main-content .woocommerce.columns-1:not(.style-column-1-1) > .products .product .meta-wrapper:not(.meta-wrapper-2){ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2{ width: 28%; padding-right: 0; /*rtl*/ border-width: 0 0 0 1px; /*rtl*/ border-style: solid; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 > *{ width: 100%; } #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{ display: block; } #main-content .woocommerce.columns-1 > .products .product .quantity ~ .product-group-button-meta{ width: calc(100% - 100px); } #main-content .woocommerce.columns-1 > .products .product .quantity ~ .product-group-button-meta > .loop-add-to-cart + *{ margin-left: -100px; /*rtl*/ } .woocommerce div.product p.price, .woocommerce div.product span.price, #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 .price{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #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{ opacity: 0 !important; visibility: hidden !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper:not(.meta-wrapper-2) .price:last-child{ margin-top: -30px !important; } #main-content .woocommerce.columns-1 > .products .product .product-name, #main-content .woocommerce.columns-1 > .products .product .star-rating{ margin-bottom: 30px; } #main-content .woocommerce.columns-1 > .products .product .star-rating{ margin-top: -18px; } #main-content .woocommerce.columns-1 > .products .product .short-description{ width: 100%; padding-top: 30px; border-width: 1px 0 0; border-style: solid; } .products .product .short-description > *:last-child{ margin-bottom: 0; } .products .product .meta-wrapper .short-description ul li{ line-height: 20px; } .products .product .meta-wrapper .short-description > ul:first-child li:first-child{ padding-top: 0; } .products .product .meta-wrapper .short-description > ul:last-child li:last-child{ padding-bottom: 0; } #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: -48px; margin-bottom: 30px; } #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: 30px; } #main-content .woocommerce.columns-1 > .products .availability{ margin: 0 0 10px; line-height: 18px; } .product .availability .availability-text{ margin-left: 5px; /*rtl*/ } .product .availability > .availability-text:first-child{ margin-left: 0; /*rtl*/ } .product .meta-content .availability .availability-text{ margin-left: 0; /*rtl*/ color: inherit; } .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; } #main-content .main-products.columns-1 .products .product div.loop-add-to-cart a.button{ padding-top: 12px; padding-bottom: 12px; } #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; } #main-content .main-products.columns-1 .products .product .meta-wrapper-2 .quantity{ width: 90px; margin: 0 10px 10px 0; /*rtl*/ } /*** style 1-1 ***/ #main-content .woocommerce.columns-1.style-column-1-1 > .products .product .product-wrapper{ display: -ms-grid; display: grid; -ms-grid-columns: 480px 40px 1fr; grid-template-columns: 480px 1fr; -ms-grid-rows: max-content 1fr; grid-template-rows: max-content 1fr; grid-column-gap: 40px; } #main-content .woocommerce.columns-1.style-column-1-1 > .products .product .thumbnail-wrapper{ width: 100%; margin: 0; display: block; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 2; grid-row-end: 3; } #main-content .woocommerce.columns-1.style-column-1-1 > .products .product .meta-wrapper:not(.meta-wrapper-2), #main-content .woocommerce.columns-1.style-column-1-1 > .products .product .product-wrapper > div.meta-wrapper-2{ width: 100%; padding: 0; } #main-content .woocommerce.columns-1.style-column-1-1 > .products .product .product-wrapper > div.meta-wrapper-2{ padding-top: 30px; margin-top: 30px; border-width: 1px 0 0; -ms-flex-line-pack: start; align-content: flex-start; } #main-content .main-products.columns-1 .products .product div.loop-add-to-cart a.button{ max-width: 370px; /*rtl*/ } /*------------------------------------------------------------------------------------------------------------------- VII. PRODUCT DETAIL ---------------------------------------------------------------------------------------------------------------------*/ .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: 40px; /* 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{ 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%; } .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: 90px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 2px 0 0; /*rtl*/ } .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs li{ width: 100%; padding: 0; margin: 0 0 1px; } .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: 66%; } .woocommerce div.product.gallery-layout-grid div.summary{ width: 34%; } .woocommerce div.product.gallery-layout-grid div.summary, .main-content-fullwidth.woocommerce div.product.gallery-layout-grid div.summary, .layout-fullwidth.woocommerce div.product.gallery-layout-grid div.summary{ padding-left: 40px; /*rtl*/ } .woocommerce div.product.gallery-layout-grid:not(.thumbnails-1) div.images .woocommerce-product-gallery__wrapper{ display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; grid-gap: 2px; } .woocommerce div.product.gallery-layout-grid.thumbnails-2 div.images .woocommerce-product-gallery__wrapper{ -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .woocommerce div.product.gallery-layout-grid div.images .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image{ width: 100%; } .woocommerce div.product.gallery-layout-grid:not(.thumbnails-1):not(.thumbnails-2):not(.thumbnails-4) .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child{ -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / span 2; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-column: 2 / span 2; } .woocommerce div.product.gallery-layout-grid.thumbnails-4 div.images .woocommerce-product-gallery__wrapper{ -ms-grid-columns: auto auto auto; grid-template-columns: auto auto auto; } .woocommerce div.product.gallery-layout-grid.thumbnails-4 div.images .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child{ -ms-grid-row: 1; -ms-grid-row-span: 3; grid-row: 1 / span 3; -ms-grid-column: 3; -ms-grid-column-span: 3; grid-column: 2 / span 3; } .woocommerce div.product.gallery-layout-grid 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: 13px; line-height: 24px !important; margin-bottom: 2px; min-width: 56px; min-height: 24px; } /*** 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; } /*** 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, .woocommerce div.product .summary .woocommerce-product-details__short-description, .woocommerce div.product .summary .woocommerce-product-rating{ margin: 0 0 30px; } div.product .summary .ts-countdown{ margin: 32px 0 30px; } div.product.show-rating-above-product-image .summary .ts-countdown{ margin-top: 0; } .woocommerce .woocommerce-product-rating > *{ float: left; /*rtl*/ } .woocommerce .woocommerce-product-rating > *:not(:first-child){ margin: 0 0 0 14px; /*rtl*/ position: relative; } .woocommerce .woocommerce-product-rating > .star-rating + .review-count{ margin-left: 22px; /*rtl*/ } .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; } .woocommerce-product-rating .woocommerce-review-link, #ts-quickshop-modal div.product .summary .woocommerce-product-rating .woocommerce-review-link{ text-decoration: none !important; } div.product .summary .meta-content{ margin-top: 35px; padding-top: 40px; border-width: 1px 0 0; border-style: solid; } .woocommerce div.product.show-rating-above-product-image .product-images-summary > .woocommerce-product-rating{ margin-top: -10px; margin-bottom: 35px; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical.show-rating-above-product-image .yith-wfbt-section{ margin-top: 32px; } /*** 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:last-child{ margin-bottom: 0; } div.product .summary .meta-content > div > span:first-child, div.product .summary .detail-meta-top > div > span:first-child{ min-width: 25px; margin-right: 10px; /*rtl*/ display: inline-block; } div.product .summary .meta-content > div.cats-link > span:first-child, div.product .summary .meta-content > div.cats-link ~ div > span:first-child, div.product .summary .detail-meta-top > div.cats-link > span:first-child, div.product .summary .detail-meta-top > div.cats-link ~ div > span:first-child{ min-width: 62px; } div.product .summary .meta-content > div > span:not(:first-child), div.product .summary .meta-content > div > span:not(:first-child) a{ font-weight: normal; } 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-product-details__short-description, .woocommerce div.product .summary p.price, .woocommerce div.product .summary span.price{ margin-bottom: 35px; padding-bottom: 40px; border-width: 0 0 1px; border-style: solid; } .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 Availability Bar ***/ .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 td, .woocommerce div.product form.cart .variations .label{ padding: 0; } .woocommerce div.product form.cart .variations .label > *{ display: inline-block; vertical-align: baseline; } .woocommerce div.product form.cart .variations label{ padding-bottom: 5px; line-height: 20px; margin-right: 10px; /*rtl*/ } .woocommerce div.product form.cart .ts-product-attribute, .woocommerce div.product form.cart .ts-product-attribute > div.option{ display: inline-block; } .woocommerce div.product form.cart .reset_variations{ color: red; margin: 0 0 -20px; 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{ margin-top: 30px; margin-bottom: -30px; } .woocommerce div.product form.cart td.value .ts-product-attribute ~ .reset_variations{ margin-top: 20px; } .woocommerce div.product form.cart .reset_variations[style*="visibility: visible;"]{ display: block !important; } .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: 6px 10px; min-width: 30px; border-width: 1px; border-style: solid; border-radius: 0; font-size: 12px; line-height: 16px; text-align: center; } .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-add-to-cart .availability{ margin-bottom: 10px; } .woocommerce div.product .stock.availability{ margin-bottom: 10px; } .woocommerce div.product .stock{ color: inherit; } .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{ margin: 0 10px 0 0; /*rtl*/ overflow: hidden; } .woocommerce div.product form.cart div.quantity .screen-reader-text{ display: none; top: 0; width: auto; height: 25px; line-height: 20px; margin: 0; padding: 0; clip: initial; white-space: nowrap; transform: translateY(-100%); } .woocommerce #main-content.ts-col-12 div.product form.cart div.quantity{ margin: 0 0 10px; } .woocommerce #main-content.ts-col-12 div.product form.cart div.quantity, .woocommerce #main-content.ts-col-12 div.product form.cart .button{ width: 100%; margin-top: 0; } .woocommerce div.product form.cart .button{ width: calc(100% - 140px); } .woocommerce div.product form.cart .button, .product-group-button-meta > div.loop-add-to-cart > a.button{ padding-top: 12px; padding-bottom: 12px; } .woocommerce div.product .summary .ts-buy-now-button{ padding-top: 11px; padding-bottom: 11px; } .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 10px; } .woocommerce div.product form.cart .variations tr:last-child select{ margin-bottom: 0; } /*** 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 .woocommerce-product-details__short-description + form.grouped_form table.group_table tr:first-child td{ border-top-width: 0; padding-top: 0; } .woocommerce div.product form.grouped_form .woocommerce-grouped-product-list-item__quantity .availability{ display: none; } .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; position: relative; } .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: auto; bottom: 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; display: flex; flex-wrap: wrap; align-items: center; gap: 15px 30px; } div.product.gallery-layout-grid .single-product-buttons-sharing .single-product-buttons{gap: 15px 26px;} 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 -10px; display: inline-block; vertical-align: top; } .ts-social-sharing ul li{ list-style: none; float: left; /*rtl*/ padding: 0 10px; } /*** Size Chart Popup ***/ .ts-product-size-chart-button{ display: inline-block; vertical-align: baseline; } .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; } /*** Show tabs as default ***/ .woocommerce div.product.show-tabs-content-default .product-images-summary{ border-width: 0 0 1px; border-style: solid; } .woocommerce div.product.show-tabs-content-default .woocommerce.yith-wfbt-section{ border-width: 0; } .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.yith-wfbt-section + .woocommerce-tabs > .panel{ margin-bottom: 40px; padding: 0; } .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; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .panel:empty, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .panel:last-child{ margin-bottom: 0 !important; } /*-------------------------------------------------------- 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; } .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: 35px 0 0 13px; /*rtl*/ } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .button{ width: 100%; padding: 11px 5px; } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items{ clear: none; width: 66.6666%; float: left; /*rtl*/ margin: 0; padding: 30px 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 12px; } .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; } /*-------------------------------------------------------- 4. WOOCOMMERCE TABS ---------------------------------------------------------*/ .woocommerce div.product .woocommerce-tabs ul.tabs{ list-style: none; padding: 0 0 16px; margin: 0 -25px 60px; 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: 14px; 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 div.product .woocommerce-tabs .panel > *:last-child, .woocommerce-tabs .panel .chart-content > *:last-child, .woocommerce-tabs .panel .product-content > *:last-child{ margin-bottom: 0; } #tab-description .product-content > p:first-child img.alignright{ margin-left: 50px !important; margin-right: 0 !important; } #tab-description .product-content > p:first-child img.alignleft{ margin-right: 50px !important; margin-left: 0 !important; } #tab-description .product-content > h3{ line-height: 1.5; } #tab-ts_custom div.columns-2:after{ content: ''; display: table; clear: both; } #tab-ts_custom div.columns-2{ margin: 0 -1px; font-size: 106%; } #tab-ts_custom div.columns-2 > div{ width: 50%; float: left; /*rtl*/ padding: 0 1px; } #tab-ts_custom div.columns-2 > div > img{ margin-bottom: 43px; } #tab-ts_custom div.columns-2 > div > h1, #tab-ts_custom div.columns-2 > div > h2, #tab-ts_custom div.columns-2 > div > h3, #tab-ts_custom div.columns-2 > div > h4, #tab-ts_custom div.columns-2 > div > h5, #tab-ts_custom div.columns-2 > div > h6{ margin-bottom: 24px; } #tab-ts_custom div.columns-2 > div > *:not(img){ padding-right: 8%; /*rtl*/ } 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 .less-button{ display: none; } .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; } .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 .woocommerce-product-rating{ line-height: 18px; } /*Custom Plugin Customer Reviews for WooCommerce*/ #reviews .cr-comment-image-text, .woocommerce-review__verified{ display: none; } #reviews div.iv-comment-images, #reviews div.iv-comment-videos{ margin-bottom: 0; } #reviews div.iv-comment-image{ width: auto; float: left; /*rtl*/ margin-right: 2px; /*rtl*/ max-width: 40px; } .comment-form .cr-upload-local-images{ 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; } .comment-form .cr-upload-local-images .cr-upload-images-preview{ width: 100%; } #commentform.comment-form .cr-upload-local-images label, .comment-form .cr-upload-local-images label{ display: inline-block; padding: 0 20px 0 0; /*rtl*/ margin: 0; } #review_form .cr-upload-local-images #cr_review_image, .cr-upload-local-images #cr_review_image{ margin: 0; width: auto; border-color: transparent; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #reviews .cr-summaryBox-wrap .cr-average-rating, #cr_all_reviews_shortcode .cr-summaryBox-wrap .cr-average-rating, .ivole-reviews-grid .cr-summaryBox-wrap .cr-average-rating { line-height: 1; } #reviews .cr-summaryBox-wrap .cr-overall-rating-wrap > *:not(:last-child), #cr_all_reviews_shortcode .cr-summaryBox-wrap .cr-overall-rating-wrap > *:not(:last-child), .ivole-reviews-grid .cr-summaryBox-wrap .cr-overall-rating-wrap > *:not(:last-child){ margin-bottom: 15px; } #review_form .cr-upload-images-preview:not(:empty), .cr-upload-images-preview:not(:empty){ margin: 0 0 15px; } #review_form .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete, .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete{ width: 16px; height: 16px; padding: 0; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); } #review_form .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete span.dashicons, .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete span.dashicons { padding: 0px; width: 16px; height: 16px; font-size: 12px; line-height: 16px; color: inherit !important; } #review_form .cr-upload-images-preview .cr-upload-images-containers, .cr-upload-images-preview .cr-upload-images-containers{ margin: 0 5px 5px 0; /*rtl*/ } #review_form .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-pbar, .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-pbar{ height: 6px; } #reviews div.iv-comment-image img, div.iv-comment-image img{ width: 40px; height: 40px; } /*** Separate Tab Review ***/ .woocommerce div.product > #reviews{ position: relative; clear: both; } .woocommerce div.product > #reviews:before{ content:''; width: 100vw; left: calc(-50vw + 50%); right: calc(-50vw + 50%); position: absolute; top: 0; bottom: 0; } .woocommerce div.product > #reviews > *{ position: relative; z-index: 2; } .woocommerce div.product > #reviews nav.woocommerce-pagination{ border-width: 0; padding-bottom: 0; } div.product #reviews #comments .woocommerce-noreviews{ text-align: center; } /*** Reviews grid ***/ .woocommerce div.product.reviews-grid #reviews #comments .commentlist{ -webkit-columns: 4; -moz-columns: 4; columns: 4; -webkit-column-gap: 2px; -moz-column-gap: 2px; column-gap: 2px; } .woocommerce div.product.reviews-grid #reviews #comments .commentlist li{ padding: 30px; margin-bottom: 2px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; border-width: 0 !important; } .woocommerce div.product.reviews-grid #reviews #comments ol.commentlist li .comment-text{ padding: 0; } .woocommerce div.product.reviews-grid #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-grid #reviews #comments .commentlist li .comment-text .star-rating{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 25px 0 20px; } .woocommerce div.product.reviews-grid #reviews #comments .commentlist li .iv-comment-images{ margin: 25px 0 0; } .woocommerce div.product.reviews-grid #reviews #comments .commentlist li .comment-text p.meta{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; margin: 0; } /*** 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 #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; } .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{ margin-bottom: -40px; } .woocommerce #tab-more_seller_product .products .product{ width: 20%; } .woocommerce.main-content-fullwidth #tab-more_seller_product .products .product, .woocommerce.layout-fullwidth #tab-more_seller_product .products .product{ width: 16.66666%; } #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; } #tab-seller .seller-rating{ float: left; /*rtl*/ top: 6px; margin-right: 10px; /*rtl*/ position: relative; } /*------------------------------------------------------------------------------------------------------------------- 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: 7px 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{ 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 .select2-search--dropdown:before, body.woocommerce-checkout .select2-search--dropdown:before{ top: 16px; } /*** 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 40px 40px; margin-top: -69px; } #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: 10px 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: ""; } .woocommerce-cart .woocommerce-notices-wrapper:not(:empty){ margin-bottom: 30px; } /*** Cart table ***/ .woocommerce .woocommerce-cart-form, .woocommerce-checkout #customer_details{ float: left;/* rtl */ width: calc(68% - 40px); } .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: 10px 15px; } .woocommerce table.shop_table.cart tr:first-child td{ padding-top: 20px; } .woocommerce table.shop_table.cart td.actions{ padding: 60px 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: inline-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: 130px; 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; } .shop_table.cart .quantity{ width: 110px; } .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; } #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: transparent; min-width: 220px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 2px 0 0; /*rtl*/ } /*** Cart Collaterals ***/ .woocommerce-cart article .woocommerce .cart-collaterals, .woocommerce-checkout #order_review{ width: 32%; float: right; /*rtl*/ padding: 40px; border-width: 1px; border-style: solid; } .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: 10px 0; } .woocommerce .cart-collaterals .order-total th, .woocommerce .cart-collaterals .order-total td{ padding: 10px 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 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; padding-top: 11px; padding-bottom: 11px; } #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; } .select2-container--default .select2-selection--single .select2-selection__rendered{ color: inherit !important; } /*** 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; margin-bottom: 0; } .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 ---------------------------------------------------------------------------------------------------------------------*/ .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; } .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, .elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li a.remove:before{ font-size: 12px; } .ts-floating-sidebar .close:after, .ts-popup-modal .close:after{ font-size: 14px; } #group-icon-header .close{ top: 15px; right: 13px; /*rtl*/ } #group-icon-header .close:after{ font-size: 10px; } .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; } /*** Quick Shop ***/ .ts-popup-modal .quickshop-content{ max-height: 100%; overflow: hidden; padding: 40px; } #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: 60px; margin: 0 2px 0 0; /*rtl*/ } #ts-quickshop-modal .woocommerce div.product.gallery-layout-vertical div.woocommerce-product-gallery{ width: 52%; } #ts-quickshop-modal .woocommerce div.product.gallery-layout-vertical div.summary{ width: 48%; } #ts-quickshop-modal .summary .quantity{ width: 120px; } .main-content-fullwidth #ts-quickshop-modal .woocommerce div.product div.summary, .layout-fullwidth #ts-quickshop-modal .woocommerce div.product div.summary{ padding-left: 40px; /*rtl*/ padding-right: 0; /*rtl*/ } #ts-quickshop-modal div.product .summary .woocommerce-product-rating{ order: 0; } #ts-quickshop-modal .woocommerce-product-details__short-description{ display: none; } /*** 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: 12px; 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; } /*------------------------------------------------------------------------------------------------------------------- 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; } #primary > .woocommerce-notices-wrapper:not(:empty){ margin-bottom: 30px; } body .wc-block-components-notice-banner .wc-block-components-notice-banner__content 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: 2px 20px !important;/* rtl */ border-radius: 0; box-shadow: none; text-shadow: none; width: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; margin: 0 0 10px; 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;font-size: 1rem;} body .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content{gap: 5px;} 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 > 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; } 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*/} :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; } .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 #ts-ajax-add-to-cart-message{ background-color: #00bb00; color: #ffffff; } body #ts-ajax-add-to-cart-message.error{ background-color: #db0000; color: #ffffff; } body .wc-block-components-notice-banner.is-success, .woocommerce-message, .woocommerce .woocommerce-message{ color: #00bb00; background-color: rgba(0,187,0,.1); } ul.woocommerce-error::before, ul.woocommerce-info::before, ul.woocommerce-message::before{ position: absolute; top: 1px; left: 20px; /*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; background-color: rgba(255,0,0,.1); } body .wc-block-components-notice-banner.is-info, .woocommerce-info, .woocommerce .woocommerce-info{ background-color: rgba(0,0,0,.1); } body.woocommerce-checkout .wc-block-components-notice-banner.is-info, body.woocommerce.woocommerce-checkout .wc-block-components-notice-banner.is-info, .woocommerce-checkout .woocommerce-info, .woocommerce.woocommerce-checkout .woocommerce-info{ background: transparent !important; padding: 0 !important; } body .wc-block-components-notice-banner.is-warning, .woocommerce-warning, .woocommerce .woocommerce-warning{ background-color: #ffe5b2; 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-no-products-found .wc-block-components-notice-banner.is-info, .woocommerce.archive #primary > .woocommerce-info{ text-align: center; } body.search.search-no-results .alert, .woocommerce-no-products-found .wc-block-components-notice-banner.is-info, .woocommerce.archive #primary > .woocommerce-info{ background: transparent !important; padding: 80px 0 100px !important; margin: 0; } .woocommerce.archive #primary > .woocommerce-info, body .woocommerce-no-products-found .wc-block-components-notice-banner .wc-block-components-notice-banner__content{ font-size: 20px; line-height: 26px; } body .woocommerce-no-products-found .wc-block-components-notice-banner .wc-block-components-notice-banner__content{flex-direction: column;} 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; border: 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; } .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-no-products-found .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content: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; } .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; } .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 { max-width: 404px; } .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: 1em; } .woocommerce table.shop_table.my_account_orders tbody th { border-top-width: 0; } ul.wc-item-meta li { list-style: none; } ul.wc-item-meta li > * { display: inline-block; } /*------------------------------------------------------------------------------------------------------------------- XIII. WISHLIST ---------------------------------------------------------------------------------------------------------------------*/ .ts-remove-from-wishlist:before{ content: "\e912"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; color: inherit; display: inline-block; width: 21px; height: 21px; line-height: 21px; text-align: center; } .ts-compare-popup .button, .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button { display: flex; align-items: center; justify-content: center; gap: 0; position: relative; overflow: hidden; } .woocommerce form .show-password-input::before, .woocommerce-page form .show-password-input::before { height: 18px; width: 18px; } /*** WISHLIST ***/ .ts-wishlist-table-wrapper { position: relative; overflow: hidden; } .ts-empty-compare-message, .ts-wishlist-table-wrapper, .ts-compare-table-wrapper { margin-bottom: 100px !important; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) { display: flex; padding: 30px 0; gap: 50px; align-items: center; border-bottom: 1px solid rgba(215,215,215,1); position: relative; } .ts-wishlist-table-wrapper .wishlist-item:last-child { border-bottom: 0; padding-bottom: 0; } .ts-wishlist-table-wrapper .heading-row, .ts-compare-table-wrapper > div .heading { font-weight: 700; color: rgba(32, 32, 32, 1); } .ts-wishlist-table-wrapper .items span.product-stock-status .in-stock { color: #297e29; } .ts-wishlist-table-wrapper .items span.product-stock-status { color: #f00; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > :where(.product-stock-status, .product-price) { width: auto; min-width: 200px; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-name { flex: 1; } .ts-wishlist-table-wrapper .wishlist-item > .product-thumbnail { width: 80px; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-remove a { width: 100%; font-size: 0; display: inline-block; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-remove a:hover { color: #ffb91f; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) a { color: inherit; text-decoration: none; } .ts-wishlist-table-wrapper .button-tooltip { display: inline-block; } .ts-wishlist-table-wrapper .heading-row > .product-name {order: -1;font-weight:inherit;color: inherit;} .ts-wishlist-table-wrapper .product-add-to-cart, .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button { min-width: 200px; } .ts-wishlist-table-wrapper .product-add-to-cart a.added_to_cart { display: none; } .ts-wishlist-table-wrapper .product-add-to-cart { display: flex; flex-direction: column; gap: 5px; } /*** Empty wishlist ***/ .ts-wishlist-table-wrapper.empty-wishlist .items .item:only-child { padding: 20px 0; width: 100%; text-align: inherit; } /*** Loading ***/ .ts-wishlist-table-wrapper.loading:before { content: ''; position: absolute; inset: 0; background: rgba(255,255,255,0.9); z-index: 2; opacity: 0.8; } .ts-wishlist-table-wrapper.loading:after, .ts-compare-popup.loading:after { content: ""; border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.3); border-top: 2px solid #000000; border-radius: 50%; text-align: center; display: inline-block; position: absolute; top: 50%; left: 50%; width:30px;height:30px; margin-left:-15px;margin-top:-15px; z-index: 9; opacity: 1; visibility: visible; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } :where(.ts-wishlist-table-wrapper,.ts-compare-table-wrapper,.ts-compare-popup) .product-price { display: inline-flex; gap: 10px; } .ts-compare-table-wrapper .product-price { justify-content: center; } :where(.ts-wishlist-table-wrapper,.ts-compare-table-wrapper,.ts-compare-popup) .product-price del { font-size: 90%; color: rgba(149, 149, 149, 1); order: 1; } /*** COMPARE ***/ :where(.ts-stick-compare-button, .ts-compare-popup) { display: none; position: fixed; bottom: 0; z-index: 996; } .ts-stick-compare-button { left: 5px;/* rtl */ gap: 5px; bottom: 5px; padding: 6px 26px; text-transform: uppercase; box-shadow: none; text-shadow: none; border-radius: 0; filter: none; cursor: pointer; background-image: none; text-align: center; font-size: 0.8rem; border-width: 1px; border-style: solid; font-weight: bold; background-color: rgba(32, 32, 32, 1); color: rgba(255, 255, 255, 1); border-color: rgba(32, 32, 32, 1); } .ts-stick-compare-button:hover { box-shadow: 0 0.25em 0.25em -0.1em rgba(0,0,0,0.3); background-color: rgba(255, 255, 255, 1); color: #202020; border-color: #202020; cursor: pointer; } .ts-compare-popup { left: 0; right: 0; background-color: #ffffff; gap: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.2); z-index: 999; } .ts-compare-popup.loading { min-height: 120px; display: inline-flex; } .ts-compare-popup.loading > * { opacity: 0; visibility: hidden; } .ts-stick-compare-button.active { display: inline-flex; } .ts-compare-popup.active { display: flex; } .ts-compare-popup .content-wrapper { display: flex; align-items: center; gap: 20px; width: 100%; padding: 30px 20px; margin: 0 auto; } .ts-compare-popup .content-wrapper:after {display: none;} .ts-compare-popup .actions { width: 250px; display: flex; flex-direction: column; text-align: center; align-items: center; gap: 8px; } .ts-compare-popup .button { width: 100%; } .ts-compare-popup .empty-compare-button { display: inline-block; text-decoration: none; position: relative; color: inherit; font-size: 0.8em; } .empty-compare-button:after { content: ''; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px solid; transition: 300ms ease; } .empty-compare-button:hover:after { width: 0; } .ts-compare-popup .items { flex: 1; display: flex; gap: 10px; } .ts-compare-popup .items .item { position: relative; flex: 1; outline: 1px dashed rgba(215,215,215,1); padding: 10px; } .ts-compare-popup .items .item.empty { display: flex; align-items: center; justify-content: center; } .ts-compare-popup .items .item.empty > * { display: none !important; } .ts-compare-popup .items .item.empty:before { content: '+'; font-weight: bold; font-size: 40px; color: rgba(215,215,215,1); } .ts-compare-popup .items .item .product-thumbnail { width: 80px; } .ts-compare-popup .items .item a { text-decoration: none; color: inherit; } .ts-wishlist-table-wrapper .wishlist-item > .product-name:hover, .ts-compare-popup .items .item .product-name:hover { color: #e8b294; } .ts-compare-popup .items .item .product-name { font-size: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .ts-wishlist-table-wrapper .wishlist-item > .product-name {font-size: 1em;} .ts-compare-popup .items .item .product-meta { display: flex; flex-direction: column; flex: 1; gap: 2px; } .ts-compare-popup .items .item .product-wrapper { display: flex; gap: 10px; align-items: center; } .ts-compare-popup .close, .ts-compare-popup .item .remove { width: 30px; height: 30px; font-size: 12px; position: absolute; top: 5px; right: 5px;/* rtl */ display: inline-block; text-align: center; } .ts-compare-popup .close:hover, .ts-compare-popup .item .remove:hover { color: #ffb91f; cursor: pointer; } .ts-compare-popup .close:before, .ts-compare-popup .item .remove:before { content: "\e912"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 30px; } .ts-compare-table-wrapper { width: 100%; position: relative; border-width: 0 0 1px 1px; border-style: solid; overflow: hidden; } .ts-compare-table-wrapper > div { display: flex; text-align: center; } .ts-compare-table-wrapper > div.product-description > div > *:last-child {margin-bottom: 0;} .ts-compare-table-wrapper > div.product-thumbnail .product-add-to-cart { margin-top: auto; } .ts-compare-table-wrapper > div > *:not(.heading) { flex: 1; } .ts-compare-table-wrapper > div > * { padding: 25px 30px; border-width: 1px 1px 0 0; border-style: solid; } .ts-compare-table-wrapper > div:not(.product-thumbnail) > * { vertical-align: middle; } .ts-compare-table-wrapper > div .heading { width: 200px; text-align: start; } .ts-compare-table-wrapper > div ul {margin: 0;} .ts-compare-table-wrapper .product-description ul { align-items: center; } .ts-compare-table-wrapper .product-thumbnail > div { display: flex; flex-direction: column; text-align: center; padding-top: 40px; padding-bottom: 25px; position: relative; } .ts-compare-table-wrapper .product-thumbnail > div > .thumbnail { margin-bottom: 10px; display: block; } .ts-compare-table-wrapper .product-thumbnail > div h6 { font-size: 1em; margin-bottom: 8px; line-height: 1.5; font-weight: inherit; } .ts-wishlist-table-wrapper .wishlist-item .product-price, .ts-compare-table-wrapper .product-price, .ts-compare-popup .items .item .product-price{ line-height: 20px; } .ts-compare-table-wrapper .product-price { margin-bottom: 15px; } .ts-compare-table-wrapper .product-name {font-size: 1em;line-height: inherit;} .ts-compare-table-wrapper a, .ts-compare-table-wrapper a:hover { text-decoration: none; } .ts-compare-table-wrapper.woocommerce a.added_to_cart { display: none; } .ts-remove-from-compare { width: 20px; height: 20px; line-height: 20px; position: absolute; top: 8px; left: 50%; transform: translateX(-50%); font-size: 0; color: inherit; } .ts-remove-from-compare:before { content: "\e912"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; } .ts-compare-table-wrapper .product-thumbnail img { width: 100%; max-width: 300px; } .ts-compare-table-wrapper .product-add-to-cart .button-tooltip { display: inline-block; } .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button, .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button { transition: none; padding: 12px 26px; overflow: hidden; position: relative; display: inline-flex; align-items: center; gap: 13px; justify-content: center; min-width: 200px; background: rgba(255, 110, 0, 1); border-color: rgba(255, 110, 0, 1); color: rgba(255, 255, 255, 1); } .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button:hover, .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button:hover{ color: rgba(255, 110, 0, 1); border-color: rgba(255, 110, 0, 1); background: transparent; } .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button.loading:before, .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button.loading:before { content: ''; position: absolute; inset: 0; background: rgba(255, 110, 0, 1); } .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button.loading:after, .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button.loading:after { width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; /* rtl */ border-color: rgba(255, 255, 255, 0.5); border-top-color: rgba(255, 255, 255, 1); } .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button.added:before, .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button.added:before { content: "\e90f"; font-size: 18px; display: inline-block; vertical-align: -3px; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ts-compare-table-wrapper .product-pa_color > div > span, .ts-compare-table-wrapper .product-pa_color > div > img { width: 30px; height: 30px; border-radius: 100%; border: 1px solid #e5e5e5; margin: 5px; display: inline-block; } .woocommerce table.shop_table.cart td.product-remove a.remove { padding-left: 0; } .woocommerce table.shop_table.cart td.product-price { width: 100px; } @media only screen and (max-width: 1200px){ .ts-wishlist-table-wrapper { font-size: calc(1rem - 1px); } .ts-empty-compare-message, .ts-wishlist-table-wrapper, .ts-compare-table-wrapper { margin-bottom: 60px !important; } .ts-compare-popup .content-wrapper { flex-wrap: wrap; } .ts-compare-popup .close { right: 6px;/* rtl */ } .ts-compare-popup .item .remove { top: 3px; right: 1px;/* rtl */ } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) { gap: 20px; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-thumbnail { width: 120px; } .ts-compare-table-wrapper .product-thumbnail img { max-width: 200px; } .ts-compare-table-wrapper > div .heading { width: 150px; font-size: 0.8em; } .ts-compare-table-wrapper > div > * { padding: 15px; } .ts-compare-popup .content-wrapper { gap: 20px; } .ts-compare-popup .items, .ts-compare-popup .items .item .product-wrapper { gap: 10px; } .ts-stick-compare-button { padding-left: 20px; padding-right: 20px; } .ts-compare-popup .items { width: 100%; } .ts-compare-popup .actions { width: 200px; gap: 10px; } } @media only screen and (max-width: 991px){ rs-module-wrap .ts-product-filter-by-attribute.vertical > form > * { margin-bottom: 0 !important; font-size: 14px !important; } .ts-wishlist-table-wrapper .wishlist-item > .product-thumbnail { width: 90px; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-stock-status { min-width: 100px; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-price { min-width: 140px; } .ts-wishlist-table-wrapper .product-add-to-cart {min-width: 150px;} .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button { min-width: 0; padding: 7px 15px; } .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button { min-width: 0; padding: 7px 10px; } body .ts-wishlist-table-wrapper .wishlist-item .product-price, body .ts-compare-table-wrapper .product-price { font-size: 1em; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) {gap: 15px;} .ts-compare-popup .actions { width: 100%; } .ts-compare-popup .close { top: 7px; } .ts-compare-table-wrapper > div .heading { width: 130px; } .ts-remove-from-compare:before { font-size: 11px; } } @media only screen and (max-width: 767px){ .ts-wishlist-table-wrapper .heading-row{ display: none; } body:has(.ts-wishlist-table-wrapper) .woocommerce-notices-wrapper .woocommerce-message, body:has(.ts-compare-table-wrapper) .woocommerce-notices-wrapper .woocommerce-message { margin-top: 0; margin-bottom: 20px; } .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button { padding: 7px 5px; } .ts-wishlist-table-wrapper .items .item{ display: grid; grid-template-columns: [left] 100px [right] 1fr;/* rtl */ align-items: center; gap: 5px 20px; border: 1px solid rgba(215,215,215,1); margin-bottom: 10px; padding: 15px 30px 15px 15px;/* rtl */ position: relative; } .ts-wishlist-table-wrapper .items .item:last-child { margin-bottom: 0; } .ts-wishlist-table-wrapper.empty-wishlist .items .item:only-child { display: block; padding-left: 30px;/* rtl */ } .ts-wishlist-table-wrapper .items .item .product-remove{ width: 20px; height: 20px; position: absolute; top: 10px; right: 10px;/* rtl */ margin: 0; padding: 0; } .ts-wishlist-table-wrapper .items .item .product-thumbnail { grid-column: left;/* rtl */ grid-row-end: span 4; display: flex; align-self: center; padding: 0; } .ts-wishlist-table-wrapper .items .item > span.product-add-to-cart{ margin-top: 6px; } .ts-wishlist-table-wrapper .items .item > span:not(.product-thumbnail):not(.product-remove){ grid-column: right;/* rtl */ width: 100%; text-align: start !important; gap: 10px; padding: 0; display: flex; line-height: 20px; } .ts-wishlist-table-wrapper .items .item .product-name > a{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .ts-wishlist-table-wrapper .items .item .product-thumbnail img, .ts-wishlist-table-wrapper .wishlist-item > .product-thumbnail{ width: 100%; } .single-product div.product.form-cart-fixed .ts-stick-compare-button, .single-product div.product.form-cart-fixed .ts-compare-popup { display: none; } /*** COMPARE ***/ .ts-compare-table-wrapper > div.product-thumbnail > div:not(.heading) { display: flex; flex-direction: column; } .ts-compare-popup .items .item .product-meta { display: none } .ts-compare-table-wrapper > div.product-thumbnail > div:not(.heading) { display: flex; flex-direction: column; } .ts-compare-popup .items .item .product-meta { display: none; } .ts-compare-popup .items .item .product-wrapper { flex-direction: column; flex-wrap: nowrap; gap: 5px; } .ts-compare-popup .items { flex: none; gap: 1px; } .ts-compare-popup .items .item { padding: 10px; } .ts-compare-table-wrapper > div.product-thumbnail .heading { display: none; } .ts-compare-table-wrapper > div { display: flex; flex-wrap: wrap; gap: 0; justify-content: center; } .ts-compare-table-wrapper > div .heading { width: 100%; text-align: center; padding: 10px; } .ts-compare-table-wrapper > div > *:not(.heading) { width: 33.33333%; padding: 15px 10px; } .ts-compare-table-wrapper > div.product-thumbnail > div:not(.heading) { padding-top: 30px; } .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button { width: 36px; height: 36px; padding: 0; min-width: 0; text-align: center; margin: 0 auto; display: block; } .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button:before { content: "\e90e"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 34px; margin: 0; } .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button.added:before { content: "\e90f"; line-height: 34px; margin: 0; } .ts-compare-table-wrapper .product-add-to-cart .button-tooltip { display: none; } .ts-compare-popup .items .item.empty:before { font-size: 30px; } .ts-compare-popup .close, .ts-compare-popup .item .remove { width: 20px; height: 20px; font-size: 12px; } .ts-compare-popup .close:before, .ts-compare-popup .item .remove:before { line-height: 20px; } } @media only screen and (max-width: 480px){ .ts-compare-table-wrapper { font-size: calc(1rem - 1px); } .ts-compare-popup .items .item .product-name { -webkit-line-clamp: 2; } } /*------------------------------------------------------------------------------------------------------------------- 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: 16px 0 0; } .woocommerce form.track_order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password{ max-width: 700px; margin: 30px auto 73px; border-width: 1px; border-style: solid; padding: 50px; } form.track_order input[type^="submit"], form.track_order button[type^="submit"], .woocommerce form.woocommerce-ResetPassword.lost_reset_password input[type^="submit"], .woocommerce form.woocommerce-ResetPassword.lost_reset_password button[type^="submit"]{ min-width: 166px; } form.track_order input[type^="submit"], form.track_order button[type^="submit"]{ margin-top: 10px; } .woocommerce form.track_order .form-row-first, .woocommerce form.track_order .form-row-last{ width: 100%; margin-left: 0; margin-right: 0; } .woocommerce form.track_order div.clear + .form-row, .woocommerce form.woocommerce-ResetPassword.lost_reset_password div.clear + .form-row{ margin-bottom: 0; } /*** Navigation ***/ .woocommerce-account .woocommerce-MyAccount-navigation{ width: 100%; float: none; } .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 a:hover{ text-decoration: none; } /*** Content ***/ .woocommerce-account .woocommerce-MyAccount-content{ float: none; width: 100%; display: block; overflow: hidden; padding: 30px 0 0; border-width: 1px 0 0; border-style: solid; } 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: #000000; 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; } .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 .woocommerce-order, p.order-info{ margin-top: 20px; } .woocommerce form.woocommerce-ResetPassword.lost_reset_password .form-row-first, .woocommerce form.woocommerce-ResetPassword.lost_reset_password .form-row-last{ width: 100%; float: none; margin-right: 0; /*rtl*/ } .woocommerce ul.order_details{ 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%; } /*-------------------------------------------------------------------------------------------------------------------- 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{ margin: -20px 0 15px; } .blog-template.columns-2 ul.blog-filter-bar, .blog-template.columns-3 ul.blog-filter-bar{ border-width: 0; padding-bottom: 0; } .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 .items.blogs, .ts-blogs.style-list .items article{ 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; } .ts-blogs .items.blogs, .ts-blogs.style-list .items article{ overflow: hidden; } .ts-blogs.style-list .items article{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ts-blogs.style-list .items article .thumbnail-content, .ts-blogs.style-list .items article .entry-content{ width: 50%; margin: 0; } .ts-blogs.style-list .items article .thumbnail-content{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ts-blogs.style-list .items article .entry-content{ padding-right: 40px; /*rtl*/ } .list-posts article, .ts-blogs .items article{ width: 100%; margin-bottom: 60px; padding-bottom: 60px; border-width: 0 0 1px; border-style: solid; position: relative; } .ts-blogs .items.owl-carousel article{ margin-bottom: 0; padding-bottom: 0; border-width: 0; } .list-posts article:last-child, .ts-blogs .items article:last-child{ border-width: 0; padding-bottom: 0; } .ts-blog-banner{ padding: 0 0 60px; border-width: 0 0 1px; border-style: solid; margin-bottom: 60px; } .page-container:not(.columns-1) .ts-blog-banner{ border-width: 1px 0; padding: 60px 0; } .ts-blogs.style-list .items article{ margin-bottom: 60px; } .ts-blogs.style-list .items article:first-child:last-child{ margin-bottom: 0; } .page-container:not(.columns-1) .list-posts, .ts-blogs:not(.columns-1):not(.style-list) .items{ margin-left: -1px; margin-right: -1px; } .page-container:not(.columns-1) .list-posts article:not(.sticky), .ts-blogs:not(.columns-1):not(.style-list) .items article:not(.sticky){ padding-left: 1px; padding-right: 1px; padding-bottom: 0; border-width: 0; } .columns-0 .list-posts article:nth-child(1), .columns-0 .list-posts article:nth-child(2), .columns-2 .list-posts article, .ts-blogs.columns-2:not(.style-list) .items article{ width: 50%; } .columns-0 .list-posts article, .columns-3 .list-posts article, .ts-blogs.columns-3:not(.style-list) .items article{ width: 33.3333%; } .list-posts article.sticky{ padding: 40px !important; border-width: 1px; border-style: solid; } .list-posts article.sticky:after{ display: none; } .list-posts article .ts-video + .entry-meta-top, .ts-blogs article .ts-video + .entry-meta-top, .list-posts article.has-post-thumbnail .entry-meta-top, .ts-blogs article.has-post-thumbnail .entry-meta-top{ position: absolute; top: 10px; left: 10px; /*rtl*/ z-index: 6; } .list-posts article .tags-link a:hover, .ts-blogs article .tags-link a:hover{ background: transparent; } .list-posts article .entry-format, .ts-blogs article:not(.quote) .thumbnail-content{ margin-bottom: 20px; position: relative; } .page-container:not(.columns-1) .list-posts article .entry-content.no-featured-image, .ts-blogs:not(.columns-1):not(.style-list) article .entry-content.no-featured-image{ margin-top: -20px; } .page-container:not(.columns-1) .list-posts article.show-tags .entry-content.no-featured-image, .ts-blogs:not(.columns-1):not(.style-list) article.show-tags .entry-content.no-featured-image{ margin-top: -10px; } .page-container:not(.columns-1) .list-posts article .entry-content, .ts-blogs:not(.columns-1):not(.style-list) article .entry-content{ padding-right: 30px; /*rtl*/ } .page-container.columns-0 #main-content.ts-col-24 .list-posts article:nth-child(1).has-post-thumbnail .entry-content, .page-container.columns-0 #main-content.ts-col-24 .list-posts article:nth-child(2).has-post-thumbnail .entry-content, .page-container.columns-2 #main-content.ts-col-24 .list-posts article.has-post-thumbnail .entry-content, #main-content.ts-col-24 .ts-blogs.columns-2:not(.style-list) article .entry-content:not(.no-featured-image){ padding-right: 50px; /*rtl*/ } .list-posts article header .heading-title, .ts-blogs article header .heading-title{ margin-bottom: 0; } .list-posts article .entry-content > *:not(:last-child), .ts-blogs article .entry-content > *:not(:last-child){ margin-bottom: 15px; } .ts-blogs.style-list article .entry-content > *:not(:last-child){ margin-bottom: 15px; } .entry-meta-top{ margin-bottom: 10px; } /*fix unit test*/ .page-container:not(.columns-0):not(.columns-1):not(.columns-2):not(.columns-3) .list-posts article:not(.has-post-thumbnail) .entry-format, .page-container:not(.columns-0):not(.columns-1):not(.columns-2):not(.columns-3) .list-posts article.format-image.has-post-thumbnail .entry-format, body.page .page-container #primary > article.page > *:last-child, .page-container:not(.columns-0):not(.columns-1):not(.columns-2):not(.columns-3) .list-posts article .short-content > *:last-child{ margin-bottom: 0; } .page-container:not(.columns-0):not(.columns-1):not(.columns-2):not(.columns-3) .list-posts article:not(:last-child){ padding-bottom: 60px; border-width: 0 0 1px; } .list-posts article.sticky, .page-container:not(.columns-0):not(.columns-1):not(.columns-2):not(.columns-3) .list-posts article.sticky{ border-width: 1px; } .page-container:not(.columns-0):not(.columns-1):not(.columns-2):not(.columns-3) .list-posts article.show-tags .entry-content.no-featured-image{ margin-top: 0; } .page-container:not(.columns-0):not(.columns-1):not(.columns-2):not(.columns-3) .list-posts article .entry-content{ padding-right: 0; /*rtl*/ } .page-container:not(.columns-0):not(.columns-1):not(.columns-2):not(.columns-3) .list-posts article .entry-content .short-content p + p{ margin-top: -5px; } .page-container:not(.columns-0):not(.columns-1):not(.columns-2):not(.columns-3) .list-posts .entry-meta-middle{ line-height: 1; } .list-posts article .short-content blockquote{ margin-bottom: 20px; } .wp-block-embed.alignfull figcaption{ text-align: center; } .wp-block-latest-comments li article{ padding-bottom: 0 !important; margin-bottom: 0 !important; border-width: 0 !important; } .wp-block-search{ max-width: 600px; } .post-password-form label{ display: inline-block; vertical-align: bottom; margin: 0; padding: 0; } .post-password-form label input{ margin-bottom: 0; min-width: 300px; } .entry-content > .content-wrapper > blockquote:first-child, .entry-content > .content-wrapper > .wp-block-group.has-background:first-child{ margin-top: 5px; } body.page article.page + .comments-area{ margin-top: 80px; padding-top: 75px; border-width: 1px 0 0; border-style: solid; min-height: 240px; } body.page .page-container #primary > article.page > p:first-child{ margin-top: 27px; } /**/ .woocommerce-product-rating .woocommerce-review-link, .button-text:not(.ts-banner):not(.elementor-widget-button), .elementor-widget-button.button-text .elementor-button, .list-page-1 ul li a, .ts-portfolio-wrapper .readmore, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{ position: relative; display: inline-block; vertical-align: bottom; background: transparent !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; min-width: 0 !important; width: auto !important; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{ font-size: 90%; top: 2px; } .woocommerce-product-rating .woocommerce-review-link:after, .button-text:not(.ts-banner):not(.elementor-widget-button):after, .list-page-1 ul li a:after, .elementor-widget-button.button-text .elementor-button:after, .ts-portfolio-wrapper .readmore: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{ content: ''; width: 100%; height: 1px; border-width: 0 0 1px; border-style: solid; transition: transform 350ms ease; transform-origin: left center; /*rtl*/ display: block; } .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, .woocommerce-product-rating .woocommerce-review-link:after{ margin-top: -2px; } .woocommerce #reviews > .woocommerce-product-rating a.woocommerce-review-link:after{ margin-top: -5px; } .woocommerce-product-rating .woocommerce-review-link:hover:after, .button-text:not(.ts-banner):not(.elementor-widget-button):hover:after, .ts-banner:hover .button-text:after, .ts-portfolio-wrapper .readmore:hover:after, .elementor-widget-button.button-text .elementor-button: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{ transform: scaleX(0); } .list-page-1 ul li a:after{ content: ''; width: 100%; height: 1px; border-width: 0 0 2px; border-style: solid; transform: scaleX(0); transition: transform 350ms ease; transform-origin: left center; /*rtl*/ display: block; } .list-page-1 ul li a:hover:after, .list-page-1 ul li a.active:after{ transform: scaleX(1); } /*-------------------------------------------------------------------------------------------------------------------- 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{ margin: 0 0 30px 0; } .elementor-widget-heading{ --kit-widget-spacing: 30px; margin-bottom: var(--kit-widget-spacing, 20px); } .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-format .entry-meta-middle{ margin-bottom: 75px; padding-bottom: 75px; border-width: 0 0 1px; border-style: solid; } article.single-post.style-2 .entry-format{ padding-bottom: 0; border-width: 0; } 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: 75px; padding-bottom: 80px; border-width: 0 0 1px; border-style: solid; } .entry-meta-middle > *{ padding: 2px 0; } article.single-post > .entry-content .elementor-text-editor > *:last-child{ margin-bottom: 0; } /*** Entry Format ***/ article.single-post .entry-format{ position: relative; overflow: hidden; } article.single-post .entry-format .thumbnail:not(:last-child){ margin-bottom: 30px; } article.single-post.style-2 .entry-format .thumbnail:after{ content: ''; position: absolute; height: 50%; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); opacity: 0.6; z-index: 2; } article.single-post.style-2 .entry-format{ margin-bottom: 60px; } article.single-post.style-2 .entry-format figure ~ .entry-header-meta{ position: absolute; bottom: 50px; left: 40px; /*rtl*/ right: 40px; /*rtl*/ z-index: 3; color: #ffffff; } #main-content:not(.ts-col-24) article.single-post.style-2 .entry-format figure ~ .entry-header-meta{ max-width: 80%; } #main-content.ts-col-24 article.single-post.style-2 .entry-format .entry-header-meta{ bottom: 100px; } article.single-post.style-2 .entry-format .entry-header-meta .entry-meta-middle, article.single-post.style-2 .entry-format .entry-header-meta .entry-title{ color: inherit; } article.single-post.style-2 .entry-format .entry-meta-middle{ margin-bottom: 0; padding-bottom: 0; border-width: 0; } article.single-post.style-2 .entry-format .thumbnail{ margin-bottom: 0; } .entry-content > .content-wrapper > *:last-child{ margin-bottom: 0 !important; } .entry-content > .content-wrapper > blockquote:last-child, .entry-content > .content-wrapper > .wp-block-cover:last-child{ margin-bottom: 5px !important; } article.single-post .entry-format .ts-video, article.single-post .entry-format .ts-audio{ overflow: hidden; margin-bottom: 60px; } .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 Title ***/ body article.single-portfolio .entry-content > .entry-title, body article.single.style-2 .entry-header .entry-title, body article.single .entry-header .entry-title{ line-height: 1.3; } /*** Post meta ***/ .tagcloud, .wp-block-tag-cloud{ display: block; overflow: hidden; } .tagcloud, .wp-block-tag-cloud, .tags-link{ margin: 0 -1px; } .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; } .portfolio-info .cat-links:after, .tagcloud:after, .wp-block-tag-cloud:after, .tags-link:after{ content: ''; clear: both; display: table; } .portfolio-info .cat-links a, .ts-portfolio-wrapper .item-wrapper 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; padding: 0 10px; font-size: 14px !important; line-height: 18px !important; margin: 0 1px 2px;/* rtl */ float: left;/* rtl */ } .portfolio-info .portfolio-like:hover{ cursor: pointer; } .wp-block-tag-cloud a, .tagcloud a{ font-size: 14px !important; line-height: 18px !important; } .portfolio-info .portfolio-like{ min-width: 85px; } .ts-portfolio-wrapper .item-wrapper a.like{ font-size: 0 !important; line-height: 0 !important; min-width: 0; width: 36px; height: 36px; margin: 0; border-radius: 50%; } .ts-portfolio-wrapper .item-wrapper a.like:before{ font-size: 14px !important; line-height: 36px !important; } .portfolio-info .cat-links a:hover, .ts-portfolio-wrapper .item-wrapper 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; width: 1px; height: 60%; border-right: 1px solid; /*rtl*/ top: 20%; opacity: 0.3; } .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; } .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; margin-top: -60px; margin-bottom: 40px; } 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; border-width: 5px 0 0; border-style: solid; background: rgba(150,150,150,0.1); } .entry-author > *{ display: table-cell; vertical-align: middle; } .entry-author .author-avatar{ width: 150px; overflow: hidden; vertical-align: top; padding-right: 30px; /* rtl */ } .entry-author .author-avatar img{ width: 100%; border-width: 3px; border-style: solid; 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; } .comments-area .comments-title, 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 .heading-title{ margin-bottom: 20px; } .comments-area .add-comment{ font-size: 106%; line-height: 28px; } .comments-area .add-comment > a{ text-decoration: underline; } .comments-area .add-comment > span + a{ margin-left: 15px; /*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-bottom: 30px; } .comments-area .navigation a{ color: inherit; text-decoration: underline; } .comments-area .navigation a:hover{ text-decoration: none; } .comments-area .navigation > *{ display: inline-block; vertical-align: top; margin: 0 5px; } .comments-area .navigation .nav-previous:not(:empty) + .nav-next:not(:empty){ padding-left: 18px; /*rtl*/ position: relative; } .comments-area .navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before{ content: '|'; display: inline-block; vertical-align: middle; position: absolute; left: 0; /*rtl*/ } #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; } .woocommerce #reviews #comments ol.commentlist li:last-child{ border-bottom-width: 0; } .woocommerce #reviews #comments ol.commentlist li:last-child .comment-text{ padding-bottom: 0; } .commentlist > li.comment:last-child{ border-bottom-width: 0; } .commentlist > li.comment:last-child .comment-detail{ padding-bottom: 0; } .commentlist > li.comment:last-child > #comment-wrapper{ margin-top: 30px; margin-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 .comment-text br + img{ margin-top: 10px; margin-bottom: 10px; } .commentlist li strong{ margin-bottom: 5px; display: inline-block; vertical-align: baseline; } .commentlist li p, .woocommerce #reviews #comments ol.commentlist li .comment-text p{ margin-bottom: 15px; } .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: 1px; padding-right: 1px; } .related-portfolios .items, .ts-shortcode .items{ margin-left: -1px; margin-right: -1px; } article.single-post .ts-blogs{ padding-bottom: 75px; border-width: 0 0 1px; border-style: solid; margin-bottom: 75px; } article.single-post .ts-blogs:last-child{ border-width: 0; margin-bottom: 0; } /*-------------------------------------------------------------------------------------------------------------------- 2. PORTFOLIO DETAIL ---------------------------------------------------------------------------------------------------------------------*/ body.single-ts_portfolio #main > .page-container{ padding-top: 0; } .single-portfolio .entry-format{ overflow: hidden; margin-bottom: 40px; } .single-portfolio .thumbnail{ display: block; overflow: hidden; } .single-portfolio.gallery .thumbnail img{ width: 100%; height: auto; margin-bottom: 10px; } .single-portfolio .entry-main .date-time{ margin-bottom: 0; } .single-portfolio .portfolio-content, .single-portfolio .meta-content{ padding-top: 46px; margin-top: 50px; border-width: 1px 0 0; border-style: solid; } .single-portfolio .meta-content{ padding-top: 50px; margin-top: 47px; } .single-portfolio .entry-content > .entry-title:not(:first-child){ margin-top: 28px; } body article.single-portfolio .entry-content > .entry-title{ line-height: 1.3; margin-bottom: 25px; clear: both; } .single-portfolio .date-time{ display: block; line-height: 18px; } .portfolio-info.like-button{ float: right; /*rtl*/ } .portfolio-info .portfolio-like{ margin: 0; border-radius: 16px; } .portfolio-like .ic-like:hover{ cursor: pointer; } .portfolio-like .ic-like:before, .ts-portfolio-wrapper .item-wrapper a.like:before{ font-size: 80%; margin-right: 2px; /*rtl*/ } .ts-portfolio-wrapper .item-wrapper a.like:before{ margin-right: 8px; /*rtl*/ } .portfolio-info.categories{ max-width: calc(100% - 100px); } .portfolio-info .cat-links{ margin: 0 -3px; display: block; } .single-portfolio .meta-content .portfolio-info:not(:last-child){ margin-bottom: 5px; } .single-portfolio .meta-content .portfolio-info > span:first-child{ min-width: 36px; 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: 66%; float: left; /*rtl*/ margin-bottom: 0; } .single-portfolio.left-thumbnail .entry-main > .entry-format + .entry-content{ width: 34%; float: right; /*rtl*/ padding-left: 40px; /*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: 130px; line-height: 1.1; margin-bottom: 20px; } body.error404 #primary > article div.not-found h5{ font-size: 40px; line-height: 1.3; margin-bottom: 20px; } body.error404 #primary > article div.not-found .ts-col-12 h5{ max-width: 80%; } body.error404 #primary > article div.not-found p{ font-size: 16px; line-height: 1.6; margin-bottom: 32px; } body.error404 #primary > article .not-found a.button{ min-width: 250px; } body.error404 .image-404{ position: relative; overflow: hidden; text-align: center; } body.error404 article > .woocommerce.products{ border-width: 1px 0 0; border-style: solid; margin-top: 80px; padding-top: 70px; } body.error404 article > .woocommerce.products .product{ margin-bottom: 0 !important; } /*------------------------------------------------------------------------------------------------------------------- XVI. RESPONSIVE ---------------------------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 1279px) and (max-width: 1400px){ #main-content .woocommerce.columns-1:not(.style-column-1-1) > .products .product .meta-wrapper-2 .button-in{ margin-right: 20px; /*rtl*/ } #main-content .woocommerce.columns-1:not(.style-column-1-1) > .products .product .meta-wrapper-2{ width: 38%; } } @media only screen and (min-width: 768px){ .hide-title-widget .widget-title, .hide-title-widget > h5{ display: none; } .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; } .woocommerce table.shop_table.woocommerce-cart-form__contents tbody th{ padding-bottom: 0; border-top: 0; font-weight: inherit; } /*** Separate Tab Review ***/ .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; } /**/ } @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 div.product:not(.show-tabs-content-default):not(.frequently-bought-together-vertical) .woocommerce.yith-wfbt-section .yith-wfbt-form{ display: -ms-grid; display: grid; -ms-grid-rows: -webkit-max-content; -ms-grid-rows: max-content; grid-template-rows: -webkit-max-content; grid-template-rows: max-content; -ms-grid-columns: 55% 80px 1fr; grid-template-columns: 55% 1fr; grid-column-gap: 80px; } #main-content.ts-col-24 div.product:not(.show-tabs-content-default):not(.frequently-bought-together-vertical) .woocommerce.yith-wfbt-section .yith-wfbt-form > *:nth-child(1){ -ms-grid-row: 1; -ms-grid-column: 1; } #main-content.ts-col-24 div.product:not(.show-tabs-content-default):not(.frequently-bought-together-vertical) .woocommerce.yith-wfbt-section .yith-wfbt-form > *:nth-child(2){ -ms-grid-row: 1; -ms-grid-column: 3; } #main-content.ts-col-24 div.product:not(.show-tabs-content-default):not(.frequently-bought-together-vertical) .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-images{ -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: -2; grid-row-end: 1; position: relative; } #main-content.ts-col-24 div.product:not(.show-tabs-content-default):not(.frequently-bought-together-vertical) .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-images:after{ content: ''; position: absolute; right: -30px; /*rtl*/ top: 0; bottom: 0; border-width: 0 1px 0 0; border-style: solid; } #main-content.ts-col-24 div.product:not(.show-tabs-content-default):not(.frequently-bought-together-vertical) .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-images tbody{ display: table; table-layout: fixed; border-collapse: collapse; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; } #main-content.ts-col-24 div.product:not(.show-tabs-content-default):not(.frequently-bought-together-vertical) .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items, #main-content.ts-col-24 div.product:not(.show-tabs-content-default):not(.frequently-bought-together-vertical) .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block{ width: auto; padding: 0; } #main-content.ts-col-24 div.product:not(.show-tabs-content-default):not(.frequently-bought-together-vertical) .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block{ -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3; } #main-content.ts-col-24 div.product:not(.show-tabs-content-default):not(.frequently-bought-together-vertical) .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items{ position: relative; padding-bottom: 30px; margin-bottom: 30px; } #main-content.ts-col-24 div.product:not(.show-tabs-content-default):not(.frequently-bought-together-vertical) .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items:after{ content: ''; position: absolute; left: 0; /*rtl*/ right: 0; /*rtl*/ bottom: 0; border-width: 0 0 1px; border-style: solid; } #main-content.ts-col-24 div.product:not(.show-tabs-content-default):not(.frequently-bought-together-vertical) .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items:after, #main-content.ts-col-24 div.product:not(.show-tabs-content-default):not(.frequently-bought-together-vertical) .woocommerce.yith-wfbt-section .yith-wfbt-submit-block input[type^="submit"], #main-content.ts-col-24 div.product:not(.show-tabs-content-default):not(.frequently-bought-together-vertical) .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .button{ max-width: 400px; } } @media only screen and (min-width: 1279px){ #main-content:not(.ts-col-24) div.product:not(.show-tabs-content-default):not(.frequently-bought-together-vertical) .woocommerce.yith-wfbt-section .yith-wfbt-form, body:not(.layout-fullwidth):not(.main-content-fullwidth) #main-content.ts-col-24 div.product:not(.show-tabs-content-default):not(.frequently-bought-together-vertical) .woocommerce.yith-wfbt-section .yith-wfbt-form{ -ms-grid-columns: 55% 133px 1fr; grid-template-columns: 55% 1fr; grid-column-gap: 133px; } #main-content:not(.ts-col-24) div.product:not(.show-tabs-content-default):not(.frequently-bought-together-vertical) .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-images:after body:not(.layout-fullwidth):not(.main-content-fullwidth) #main-content.ts-col-24 div.product:not(.show-tabs-content-default):not(.frequently-bought-together-vertical) .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-images:after{ right: -60px; /*rtl*/ } /*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; } #main-content .woocommerce.columns-1.style-column-1-1 > .products .product .meta-wrapper-2 .button-in{ margin-right: 40px; /*rtl*/ } /*** show tabs as default ***/ .woocommerce div.product.show-tabs-content-default .woocommerce.yith-wfbt-section + *{ clear: none !important; padding-left: 40px; /*rtl*/ margin-bottom: 40px; } .woocommerce div.product.show-tabs-content-default .woocommerce.yith-wfbt-section{ width: calc(50% + 40px); padding-right: 40px; /*rtl*/ float: left; /*rtl*/ border-width: 0 1px 0 0; /*rtl*/ border-style: solid; } /**/ /*** Frequently Vertical ***/ #main-content.ts-col-24 div.product.frequently-bought-together-vertical .product-images-summary{ width: 75%; float: left; /*rtl*/ } #main-content.ts-col-24 div.product.frequently-bought-together-vertical div.woocommerce-product-gallery { width: 54%; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical .product-images-summary div.summary{ width: calc(46% - 30px); padding: 30px; margin-left: 30px; /*rtl*/ border-width: 1px; border-style: solid; } .woocommerce div.product.frequently-bought-together-vertical .single-product-buttons-sharing .single-product-buttons a:before{ display: none; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical .yith-wfbt-section{ width: 25%; clear: none; border: 0; padding: 0 0 0 30px; /*rtl*/ float: right; /*rtl*/ } #main-content.ts-col-24 div.product.frequently-bought-together-vertical .yith-wfbt-section .yith-wfbt-form{ 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; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items, #main-content.ts-col-24 div.product.frequently-bought-together-vertical .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block{ width: 100%; float: none; margin: 0; padding: 10px 0 0; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 30px 0 0; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images tr{ 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; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td:not(.image_plus){ width: 33.3333%; margin-bottom: 26px; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical .woocommerce.yith-wfbt-section .yith-wfbt-images td.image-td:nth-child(5n) > a:after{ display: none; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical .woocommerce-product-details__short-description, #main-content.ts-col-24 div.product.frequently-bought-together-vertical .summary p.price, #main-content.ts-col-24 div.product.frequently-bought-together-vertical .summary span.price{ padding-bottom: 0; border-width: 0; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical .single-product-buttons-sharing .single-product-buttons{ padding-bottom: 20px; margin-bottom: 20px; border-width: 0 0 1px; border-style: solid; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical .summary .meta-content{ margin-top: 20px; padding-top: 0; border-width: 0; } .woocommerce div.product:not(.tabs-in-summary):not(.show-tabs-content-default) .product-images-summary + .woocommerce-tabs, #main-content.ts-col-24 div.product.frequently-bought-together-vertical.show-rating-above-product-image .woocommerce-tabs{ padding-top: 0; border-width: 0; } .woocommerce div.product:not(.tabs-in-summary):not(.show-tabs-content-default) .product-images-summary + .woocommerce-tabs ul.tabs, #main-content.ts-col-24 div.product.frequently-bought-together-vertical.show-rating-above-product-image .woocommerce-tabs ul.tabs{ top: -14px; } #reviews > .woocommerce-product-rating .star-rating span:before, #reviews > .woocommerce-product-rating .star-rating:before{ font-size: 20px; } #reviews > .woocommerce-product-rating{ line-height: 28px; } #reviews > .woocommerce-product-rating .star-rating{ width: 117px; height: 22px; } /*** Blog ***/ .single-post #main-content.ts-col-24 .single-post:not(.no-featured-image) .entry-format > *:not(.thumbnail), .single-post #main-content.ts-col-24 .single-post:not(.no-featured-image) .entry-content > .content-wrapper{ max-width: 1000px; margin-left: auto; margin-right: auto; } .single-post #main-content.ts-col-24 .single-post:not(.no-featured-image) .alignfull > .elementor-container{ max-width: 100%; } article.single-post.style-2 .entry-format figure ~ .entry-header-meta .tags-link a{ background: #ffffff; border-color: #ffffff; color: #000000; } article.single-post.style-2 .entry-format figure ~ .entry-header-meta .tags-link a:hover{ background: transparent; color: #ffffff; } .single-post.main-content-fullwidth #left-sidebar .widget-container:not(:first-child), .single-post.layout-fullwidth #left-sidebar .widget-container:not(:first-child), .single-post.main-content-fullwidth #right-sidebar .widget-container:not(:first-child), .single-post.layout-fullwidth #right-sidebar .widget-container:not(:first-child){ padding-top: 60px; margin-top: 60px; } .ts-sidebar .widget-container.mailchimp-subscription .widget-title-wrapper{ margin-top: 4px; } body #left-sidebar .widget-container.widget_text + .widget_media_image, body #right-sidebar .widget-container.widget_text + .widget_media_image{ margin-top: 80px !important; } /**/ /*** Shortcode ***/ .elementor-col-100 .ts-mailchimp-subscription-shortcode .mc4wp-form .subscribe-email input[type="email"]{ min-width: 380px; width: auto; } /*** 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: 1340px){ .header-middle .container > .ts-search-by-category{ margin: 0 50px; } header .logo-wrapper{ padding-right: 50px; /*rtl*/ } .is-sticky .header-middle .container > .icon-menu-sticky-header, .header-fullwidth .is-sticky .header-middle .container > .icon-menu-sticky-header, .layout-fullwidth .is-sticky .header-middle .container > .icon-menu-sticky-header{ margin-left: 50px; /*rtl*/ } } @media only screen and (min-width: 1500px){ .header-fullwidth .header-middle .container > .ts-search-by-category, .layout-fullwidth .header-middle .container > .ts-search-by-category{ margin: 0 8%; } .is-sticky .header-middle .container > .icon-menu-sticky-header, .header-fullwidth .is-sticky .header-middle .container > .icon-menu-sticky-header, .layout-fullwidth .is-sticky .header-middle .container > .icon-menu-sticky-header{ margin-left: 8%; /*rtl*/ } .before-loop-wrapper .filter-widget-area-button, #ts-filter-widget-area .ts-sidebar-content{ width: 260px; } .woocommerce.archive #main-content.show-filter-sidebar #primary > *:not(.before-loop-wrapper):not(.ts-active-filters), .woocommerce.archive.ts_desktop #main-content.show-filter-default #primary > *:not(.before-loop-wrapper):not(.ts-active-filters){ padding-left: 300px; /*rtl*/ } /*** show tabs as default ***/ .woocommerce div.product.show-tabs-content-default .woocommerce.yith-wfbt-section + *{ padding-left: 100px; /*rtl*/ } .woocommerce div.product.show-tabs-content-default .woocommerce.yith-wfbt-section{ width: calc(50% + 100px); padding-right: 100px; /*rtl*/ } #main-content.ts-col-24 div.product.frequently-bought-together-vertical .product-images-summary div.summary{ width: calc(46% - 40px); padding: 40px; margin-left: 40px; /*rtl*/ } #main-content.ts-col-24 div.product.frequently-bought-together-vertical .yith-wfbt-section{ padding-left: 40px; /*rtl*/ } .single-product-buttons-sharing .single-product-buttons{gap: 15px 40px;} .main-content-fullwidth.woocommerce div.product div.summary, .layout-fullwidth.woocommerce div.product div.summary{ padding-left: 90px; /* rtl */ padding-right: 40px; /* rtl */ } .single-post #left-sidebar.ts-col-6 .mc4wp-form .subscribe-email .button, .single-post #right-sidebar.ts-col-6 .mc4wp-form .subscribe-email .button{ width: 180px; padding-left: 10px; padding-right: 10px; } .single-post #left-sidebar.ts-col-6 .mc4wp-form .subscribe-email input[type="email"], .single-post #right-sidebar.ts-col-6 .mc4wp-form .subscribe-email input[type="email"]{ width: calc(100% - 200px); margin-right: 5px; /*rtl*/ } .ts-blogs.style-list .items article .entry-content{ padding-right: 70px; /*rtl*/ } .ts-blogs.style-list article .entry-content > *:not(:last-child){ margin-bottom: 20px; } #tab-description .product-content > p:first-child img.alignright{ margin-left: 70px !important; } #tab-description .product-content > p:first-child img.alignleft{ margin-right: 70px !important; } } @media only screen and (min-width: 1660px){ .header-fullwidth .header-middle .header-right .language-currency:not(:last-child), .layout-fullwidth .header-middle .header-right .language-currency:not(:last-child){ margin-right: 60px; /*rtl*/ } .header-fullwidth .ts-header .list-page-1 ul li:not(:last-child), .layout-fullwidth .ts-header .list-page-1 ul li:not(:last-child){ margin-right: 35px; /*rtl*/ } .icon-menu-sticky-header{ margin-right: 35px; /*rtl*/ } header .logo-wrapper{ padding-right: 80px; /*rtl*/ } .header-fullwidth .header-middle .container > .ts-search-by-category, .layout-fullwidth .header-middle .container > .ts-search-by-category{ margin: 0 10%; } .is-sticky .header-middle .container > .icon-menu-sticky-header, .header-fullwidth .is-sticky .header-middle .container > .icon-menu-sticky-header, .layout-fullwidth .is-sticky .header-middle .container > .icon-menu-sticky-header{ margin-left: 10%; /*rtl*/ } body .ts-popup-modal .product-360-container{ width: 600px; } #ts-quickshop-modal .popup-container{ width: 1260px; } .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%; } .woocommerce div.product form.cart .button{ max-width: 394px; } .woocommerce div.product form.cart .variations select, .woocommerce div.product .summary .ts-buy-now-button{ max-width: 535px; } } @media only screen and (min-width: 992px) and (max-width: 1400px){ .woocommerce #main-content.ts-col-18 div.product.gallery-layout-grid form.cart div.quantity{ margin: 0 0 10px; } .woocommerce #main-content.ts-col-18 div.product.gallery-layout-grid form.cart div.quantity, .woocommerce #main-content.ts-col-18 div.product.gallery-layout-grid form.cart .button{ width: 100%; margin-top: 0; } } @media only screen and (max-width: 1400px){ article.single-post.style-2 .entry-format{ margin-bottom: 38px; } article.single-post:not(.style-2) .entry-format .thumbnail:not(:last-child){ margin-bottom: 50px; } article.single-post .entry-format .entry-meta-middle{ margin-bottom: 33px; padding-bottom: 43px; } body.error404 #primary > article div.not-found h1{ font-size: 110px; } body.error404 #primary > article div.not-found .ts-col-12 h5{ max-width: 90%; } body.error404 #primary > article div.not-found h5{ font-size: 30px; } .ts-blogs-wrapper .owl-nav > div{ top: 32%; } .elementor-widget-button .elementor-button{ min-width: 140px; } .single-portfolio .portfolio-content, .single-portfolio .meta-content{ padding-top: 36px; margin-top: 40px; } .single-portfolio .meta-content{ padding-top: 40px; margin-top: 37px; } .single-portfolio .entry-content > .entry-title:not(:first-child){ margin-top: 18px; } body article.single-portfolio .entry-content > .entry-title{ margin-bottom: 15px; } /*** Product Detail ***/ .woocommerce div.product .summary .product-brands{ margin: 0 0 6px; } .woocommerce div.product .summary .entry-title{ margin: 0 0 10px; } .woocommerce.main-products.columns-1.style-column-1-1 > .products .product-group-button-meta > .ask-about-product-button:before, .woocommerce.main-products.columns-1.style-column-1-1 > .products .product-group-button-meta > div.button-in a:before, .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: 6px; /*rtl*/ } div.product .summary .detail-meta-top, div.product .summary .ts-countdown, .woocommerce div.product .summary .woocommerce-product-details__short-description, .woocommerce div.product .summary .woocommerce-product-rating { margin: 0 0 20px; } div.product .summary .detail-meta-top, .woocommerce div.product .summary .woocommerce-product-details__short-description, .woocommerce div.product .summary .woocommerce-product-rating { margin: 0 0 20px; } div.product .summary .ts-countdown{ margin: 27px 0 25px; } .woocommerce-product-details__short-description, .woocommerce div.product .summary p.price, .woocommerce div.product .summary span.price{ margin-bottom: 20px; padding-bottom: 24px; } .woocommerce div.product form.cart .variations tr{ margin-bottom: 14px; } .woocommerce div.product form.cart .variations tr:last-child{ margin-bottom: 10px; } .woocommerce div.product form.cart .woocommerce-variation-add-to-cart{ margin: 0; } div.product .summary .meta-content{ margin-top: 20px; padding-top: 23px; } .single-product-buttons-sharing .single-product-buttons{ margin: 0 0 17px; } .woocommerce div.product form.cart{ margin: 0 0 25px; } .woocommerce div.product .summary .ts-buy-now-button{ margin: 0 0 25px; } .woocommerce div.product .ts-availability-bar + form.cart, .woocommerce div.product .ts-variation-price + form.cart{ margin-top: 23px; } .ts-product-attribute > div.option{ margin: 0 6px 6px 0; /*rtl*/ } .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs { width: 80px; } .woocommerce .cross-sells .owl-nav > div, .woocommerce .up-sells .owl-nav > div, .woocommerce .related .owl-nav > div, .woocommerce.related .owl-nav > div, .ts-product:not(.ts-product-category-wrapper) .owl-nav > div { top: 38%; } .woocommerce div.product form.cart .variations select{ margin: 0 0 6px; } .ts-shortcode.ts-product-brand-wrapper .items .item { padding-left: 40px; padding-right: 40px; } } @media only screen and (max-width: 1279px){ .ipad-remove-br br{ display: none; } .woocommerce div.product .summary .product-brands{ margin: 0 0 5px; } .woocommerce div.product .summary .entry-title{ margin: 0 0 8px; } .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, body.error404 #primary > article, .woocommerce div.product .ads-banner, .blog-template #left-sidebar, .blog-template #right-sidebar, .entry-author, .woocommerce-account .woocommerce-MyAccount-content{ margin-bottom: 50px; } .woocommerce div.product div.woocommerce-product-gallery{ margin-bottom: 45px; } .single-product .breadcrumb-title-wrapper.breadcrumb-v1 .page-title{ margin-top: 35px; } .woocommerce div.product.show-rating-above-product-image .product-images-summary > .woocommerce-product-rating{ margin-top: -20px; margin-bottom: 26px; } .single .meta-bottom-2{ margin: 0 0 50px; } .woocommerce div.product form.cart .reset_variations { margin: 0; top: -5px; } .woocommerce div.product:not(.tabs-in-summary):not(.show-tabs-content-default) .woocommerce-tabs{ padding-top: 35px; } .woocommerce div.product .woocommerce.yith-wfbt-section{ padding-top: 50px; margin-bottom: 50px; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical.show-rating-above-product-image .yith-wfbt-section { margin-top: 0; padding-top: 45px; } .woocommerce div.product.show-tabs-content-default .woocommerce.yith-wfbt-section{ margin-top: 50px; } article.single-post > .comments-area .commentlist, article.single-post > .entry-meta-bottom .social-sharing{ margin-bottom: 10px; } article.single-post > .comments-area{ margin-bottom: 35px; } .woocommerce-tabs, .single-portfolio .related-portfolios, .woocommerce div.product.tabs-in-summary .woocommerce.yith-wfbt-section, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .panel, div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments .woocommerce-noreviews{ padding-bottom: 50px; } .single-portfolio > .entry-main{ margin-bottom: 45px; } .single-portfolio .related-portfolios{ padding-top: 48px; } .ts-pagination, .woocommerce .after-loop-wrapper:not(:last-child), .woocommerce.archive #main > .page-container{ padding-bottom: 40px; } #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 { min-width: 0; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { max-width: 330px; } .ts-pagination{ padding-top: 45px; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs{ margin-top: 50px; } body.error404 article > .woocommerce.products{ margin-top: 50px; padding-top: 44px; } .woocommerce div.product > #reviews{ padding-top: 45px; padding-bottom: 50px; } .woocommerce div.product > section.products{ padding-top: 50px; padding-bottom: 50px; } body.page article.page + .comments-area{ margin-top: 30px; padding-top: 50px; min-height: 0; } .list-posts article, .ts-blogs .items article, article.single-post > .entry-content{ margin-bottom: 50px; padding-bottom: 50px; } .page-container:not(.columns-0):not(.columns-1):not(.columns-2):not(.columns-3) .list-posts article:not(:last-child){ padding-bottom: 50px; } body.page article.page + .comments-area{ margin-top: 50px; padding-top: 45px; } body.page .page-container #primary > article.page > p:first-child { margin-top: 15px; } article.single-post .entry-format .entry-meta-middle{ margin-bottom: 34px; padding-bottom: 43px; } .woocommerce form.track_order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password{ margin-bottom: 43px; margin-top: 0; } .woocommerce > .woocommerce-error + form.track_order, .woocommerce > .woocommerce-error + form.woocommerce-ResetPassword.lost_reset_password{ margin-top: 30px; } .ts-mailchimp-subscription-shortcode .widget-container .widget-title-wrapper{ margin-bottom: 20px; } .breadcrumb-title-wrapper.breadcrumb-v1 .page-title + .breadcrumbs{ margin-bottom: 0px; } .woocommerce .cross-sells .owl-nav > div, .woocommerce .up-sells .owl-nav > div, .woocommerce .related .owl-nav > div, .woocommerce.related .owl-nav > div, .ts-product:not(.ts-product-category-wrapper) .owl-nav > div { top: 32%; } .woocommerce #main-content:not(.ts-col-24) .cross-sells .owl-nav > div, .woocommerce #main-content:not(.ts-col-24) .up-sells .owl-nav > div, .woocommerce #main-content:not(.ts-col-24) .related .owl-nav > div, #main-content:not(.ts-col-24) .woocommerce.related .owl-nav > div, #main-content:not(.ts-col-24) .ts-product:not(.ts-product-category-wrapper) .owl-nav > div { top: 37%; } .admin-bar #ts-product-360-modal.ts-popup-modal .close{ top: 80px; } /*** 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{ padding-left: 10px; padding-right: 10px; } .ts-header .container, footer .container, body > .ts-search-result-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: 25px; } ul.blog-filter-bar { margin-bottom: 10px; } 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-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; } .ts-shortcode.ts-product .owl-dots{ margin-top: 10px; } /**/ 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-widget-button .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, #ts-search-sidebar.full-width .ts-search-result-container .view-all-wrapper a{ padding-left: 20px; padding-right: 20px; } /*** Header ***/ 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; } .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; } .is-sticky .header-middle .container > .ts-search-by-category, .header-fullwidth .is-sticky .header-middle .container > .ts-search-by-category, .layout-fullwidth .is-sticky .header-middle .container > .ts-search-by-category{ margin-left: 0; /*rtl*/ } body .header-language .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .header-language .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-currency ul{ padding-top: 40px; } .header-currency .wcml_currency_switcher > ul:before, .header-language .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-language .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before{ top: 20px; } .header-sticky { z-index: 995; } .ts-store-notice .divider { margin: 0 15px; } .ts-header nav.main-menu > ul.menu > li, .ts-header nav.main-menu > ul > li { margin: 0 22px 0 0; /*rtl*/ } .ts-header nav > ul.menu > li.has-line > a, .ts-header nav > ul > li.has-line > a { padding-left: 22px; } .ts-header .header-middle .my-wishlist-wrapper .tini-wishlist, .ts-header .header-middle .my-account-wrapper .account-control > a, .ts-header .header-middle .shopping-cart-wrapper .cart-control { padding: 10px; } .ts-header .header-middle .my-wishlist-wrapper .tini-wishlist .count-number, .ts-header .header-middle .shopping-cart-wrapper .cart-control .cart-number{ top: -2px; } .icon-menu-sticky-header{ margin-right: 10px; /*rtl*/ } .ts-search-by-category > form{ min-width: 0; max-width: 100%; } body > .ts-search-result-container{ z-index: 995; } .icon-menu-sticky-header .icon:before, .search-button.search-icon .icon:before, .my-wishlist-wrapper .tini-wishlist:before, .shopping-cart-wrapper .cart-control .ic-cart:before, .ts-tiny-account-wrapper .account-control>a:before{ font-size: 18px; } .single #main > .page-container{ padding-top: 0; } #to-top a { width: 40px; height: 40px; } #to-top a:before { font-size: 14px; line-height: 40px; } .ts-header .header-bottom nav > ul.menu li.ts-megamenu:not(.ts-megamenu-fullwidth) ul.sub-menu, .ts-header .header-bottom nav > ul.menu li.ts-megamenu:not(.ts-megamenu-fullwidth) ul.sub-menu{ padding: 26px 30px 20px 30px; } .ts-header .header-bottom nav > ul.menu li.ts-megamenu:not(.ts-megamenu-fullwidth) ul.sub-menu:before, .ts-header .header-bottom nav > ul.menu li.ts-megamenu:not(.ts-megamenu-fullwidth) ul.sub-menu:after{ top: 10px; } .ts-header nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu, .ts-header nav > ul.menu li.ts-megamenu-columns-4 ul.sub-menu{ width: 100%; } .ts-header nav > ul.menu li.ts-megamenu-columns-3 ul.sub-menu{ width: 500px; } .ts-header nav > ul.menu li.ts-megamenu-columns-2 ul.sub-menu{ width: 340px; } .ts-header nav > ul.menu li.ts-megamenu-columns-1 ul.sub-menu{ width: 150px; } /**/ /*** 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):not(.ts-active-filters), .woocommerce.archive.ts_desktop #main-content.show-filter-default #primary > *:not(.before-loop-wrapper):not(.ts-active-filters){ padding-left: 230px; /*rtl*/ } .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% + 20px); } /*fix resize browser*/ .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, .woocommerce.columns-5 .products .product.product-category{ width: 25%; } .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: 6px; } .woocommerce.single-product #main > .page-container.show_breadcrumb_v1, .woocommerce-page.single-product #main > .page-container.show_breadcrumb_v1{ padding-top: 5px; } .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 { margin-bottom: 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%; } .woocommerce .product .product-wrapper figure.has-back-image img:last-child{ display: none !important; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper{ padding: 0 30px; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2{ padding-right: 0; /*rtl*/ } #main-content .woocommerce.columns-1:not(.style-column-1-1) > .products .product .thumbnail-wrapper{ margin: 0 30px 0 0; /*rtl*/ } #main-content .woocommerce.columns-1 > .products .product .short-description{ padding-top: 22px; } #main-content .woocommerce.columns-1 > .products .product .product-name, #main-content .woocommerce.columns-1 > .products .product .star-rating{ margin-bottom: 20px; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper:not(.meta-wrapper-2) .price:last-child{ margin-top: -20px !important; } #main-content .woocommerce.columns-1 > .products .product .count-rating{ margin-top: -38px; margin-bottom: 20px; } #main-content .woocommerce.columns-1 > .products .product .star-rating{ margin-top: -9px; } .woocommerce #reviews > .woocommerce-product-rating a.woocommerce-review-link:after{ margin-top: 0; } /**/ .product .thumbnail-wrapper .product-group-button, .ts-shortcode .product-wrapper .meta-wrapper-2 > *:not(.product-group-button-meta), .woocommerce.main-products:not(.columns-1) .product-wrapper .meta-wrapper-2 > *:not(.product-group-button-meta){ display: none; } .woocommerce .product-wrapper .meta-wrapper-2{ display: block; } :where(.ts-product,.woocommerce.main-products:not(.columns-1),.cross-sells,.up-sells,.related, #tab-more_seller_product,.dokan-single-store .seller-items .product) .product .product-group-button-meta > div.button-in .ts-tooltip, :where(.ts-product,.woocommerce.main-products:not(.columns-1),.cross-sells,.up-sells,.related, #tab-more_seller_product,.dokan-single-store .seller-items .product) .product .product-group-button-meta > div.button-in, :where(.ts-product,.woocommerce.main-products:not(.columns-1),.cross-sells,.up-sells,.related, #tab-more_seller_product,.dokan-single-store .seller-items .product) .product .product-group-button-meta > div.button-in a{ font-size: 0 !important; } .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 -1px 0 0; /*rtl*/ } .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: 40px; overflow: hidden; border-right: 1px solid #fff; /*rtl*/ } .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{ font-size: 14px; line-height: 40px !important; margin-left: 0; margin-right: 0; } .woocommerce.main-products.columns-1 .product .product-group-button-meta > div.loop-add-to-cart > a.button:not(.loading):before{ margin-right: 10px; /*rtl*/ line-height: 1 !important; } .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: 40px !important; margin: 0; } .woocommerce.main-products.columns-1 .product .product-group-button-meta > div a.loading:before{ margin: 0 8px 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: 13px 0 0; } .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 !important; } .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: 13px 0 0; } .woocommerce.ts-product-deals-wrapper .product-wrapper .meta-wrapper{ position: relative; overflow: visible; } .ts-product-columns-selector > span.column-5, .ts-product-columns-selector > span.column-6{ display: none; } .filter-widget-area-button, .ts-product-columns-selector { margin: 0 20px 0 0; /*rtl*/ } .before-loop-wrapper .filter-widget-area-button { width: auto; min-width: 150px; } #main-content .woocommerce.columns-1.style-column-1-1 > .products .product .product-wrapper { -ms-grid-columns: 400px 30px 1fr; grid-template-columns: 400px 1fr; grid-column-gap: 30px; } .dokan-single-store .seller-items .product .product-group-button-meta > div{ margin-bottom: 0 !important; } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title{ min-height: 0; padding: 50px 0 0; } .breadcrumb-title-wrapper.breadcrumb-v2 .description{ margin-bottom: 30px; } #main-content .main-products.columns-1 .products .product div.loop-add-to-cart a.button { padding-top: 8px; padding-bottom: 8px; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 .button-in { margin-right: 20px; /*rtl*/ } .hide-description-device .products .meta-wrapper .short-description{ display: none; } .woocommerce.main-products .quantity input.qty{ line-height: 42px; } .woocommerce.main-products .quantity .minus, .woocommerce.main-products .quantity .plus{ height: 42px; line-height: 42px; } .woocommerce div.product form.cart .button.loading:before, .woocommerce.main-products.columns-1 .product .product-group-button-meta div.loop-add-to-cart .button.loading:before { width: 16px; height: 16px; vertical-align: -2px; } .woocommerce div.product form.cart .button: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: 8px; /*rtl*/ font-size: 16px; vertical-align: -1px; } .woocommerce .products .product .meta-wrapper-2 .loop-add-to-cart { margin-bottom: 20px; } .woocommerce .products .product .meta-wrapper-2 > .price{ margin-bottom: 18px; } .woocommerce.main-products.columns-1:not(.style-column-1-1) > .products .product-group-button-meta > div.button-in a.loading { padding-left: 15px; /*rtl*/ } /**/ /*** Product Detail ***/ .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs{ width: 60px; } .main-content-fullwidth.woocommerce div.product div.summary, .layout-fullwidth.woocommerce div.product div.summary{ padding-left: 30px; /*rtl*/ padding-right: 0; /*rtl*/ } .woocommerce div.product.gallery-layout-grid div.summary, .main-content-fullwidth.woocommerce div.product.gallery-layout-grid div.summary, .layout-fullwidth.woocommerce div.product.gallery-layout-grid div.summary{ padding-left: 30px; /*rtl*/ } .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.gallery-layout-grid div.woocommerce-product-gallery { width: 60%; } .woocommerce div.product.gallery-layout-grid div.summary { width: 40%; } .woocommerce div.product .woocommerce-tabs ul.tabs{ margin: 0 -20px 10px; } .woocommerce div.product .woocommerce-tabs ul.tabs::before{ display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li{ padding: 0 20px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding: 10px 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:after{ bottom: 10px; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs{ margin-top: 0; border-width: 1px 0 0; border-style: solid; padding-top: 45px; margin-bottom: 10px; } .woocommerce #reviews .woocommerce-Reviews-title{ margin-bottom: 10px; } .woocommerce #reviews > .woocommerce-product-rating{ margin-bottom: 30px; } .woocommerce #main-content.ts-col-12 div.product.gallery-layout-vertical div.woocommerce-product-gallery, .woocommerce #main-content.ts-col-12 div.product.gallery-layout-vertical div.summary{ width: 100%; } .woocommerce div.product .woocommerce-tabs #reviews nav.woocommerce-pagination{ padding-top: 32px; } .woocommerce div.product form.cart{ margin: 0 0 10px; } .woocommerce div.product .summary .counter-wrapper > div{ min-width: 60px; padding: 7px 5px; } .woocommerce div.product .summary .counter-wrapper > div .number-wrapper{ font-size: 18px; line-height: 22px; } .woocommerce div.product .summary .counter-wrapper > div > .ref-wrapper{ font-size: 10px; line-height: 14px; } .woocommerce div.product .summary .counter-wrapper > span{ width: 18px; font-size: 18px; } /**/ /*** Myaccount ***/ .woocommerce ul.order_details li strong{ display: block; } .woocommerce > p.order-info{ margin-top: 0; } /**/ /*** 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 ***/ .columns-0 .list-posts article:nth-child(1){ width: 100%; } .columns-0 .list-posts article:nth-child(2), .columns-0 .list-posts article, .columns-3 .list-posts article, .ts-blogs.columns-3:not(.style-list) .items article{ width: 50%; } 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-format + .entry-content{ width: 40%; padding-left: 20px; /*rtl*/ } .single-portfolio.left-thumbnail .portfolio-info.categories { max-width: 100%; } .single-portfolio .entry-title + .portfolio-content{ margin-top: 28px; } #commentform .info-wrapper{ margin: 0 -10px; } #commentform .info-wrapper > p{ padding: 0 10px; } #main-content.ts-col-24 article.single-post.style-2 .entry-format .entry-header-meta{ bottom: 40px; } .ts-portfolio-wrapper .item .portfolio-meta{ animation: none !important; -webkit-animation: none !important; -moz-animation: none !important; -ms-animation: none !important; left: 0 !important; right: 0 !important; opacity: 1 !important; visibility: visible !important; } .portfolio-info.like-button{ width: 100%; float: none; margin-bottom: 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: 100px; margin-bottom: 15px; } body.error404 #primary > article div.not-found h5{ font-size: 25px; } body.error404 .hide-image-device .content-404 { width: 100%; max-width: 70%; margin: 0 auto; text-align: center; } body.error404 .hide-image-device .image-404{ display: none; } .comments-area .add-comment{ font-size: 100%; } .has-filter .elementor-column > .elementor-column-wrap > .elementor-widget-wrap { margin: 0 -10px; width: calc(100% + 20px); } .has-filter .elementor-column .elementor-widget-image { width: 25%; padding: 0 10px; margin-bottom: 30px; } .woocommerce.ts-search-result-container ul.product_list_widget li{ width: 25%; } .woocommerce.ts-search-result-container ul.product_list_widget li:nth-child(8n+1){ clear: none; } .woocommerce.ts-search-result-container ul.product_list_widget li:nth-child(4n+1){ clear: both; } /**/ /*** 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.ts-slider .products{ width: calc(100% + 2px); } .ts-portfolio-wrapper.columns-4 .item{ width: 33.3333333%; } .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%; } .products .product-category .product-wrapper .meta-wrapper, .woocommerce .products .product-category .product-wrapper .meta-wrapper{ bottom: 20px; } .products .product-category .product-wrapper .meta-wrapper .category-name { padding-left: 20px; padding-right: 20px; } body.error404 #primary > article div.not-found .ts-col-12 h5 { max-width: 100%; } body .image-scroll .elementor-column-gap-wide>.elementor-row{ width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } body .image-scroll .elementor-column-gap-wide>.elementor-row>.elementor-column>.elementor-element-populated{ padding: 10px; } .intro-filter-items > .elementor-container > .elementor-column > .elementor-widget-wrap:has(.filter-item) { width: calc(100% + 20px); margin: 0 -10px; } .has-filters .elementor-column .filter-item { width: calc(25% - 20px); margin: 0 10px 30px; } .has-filters .elementor-column .filter-item.auto { height: 17vw !important; } #main-content:not(.ts-col-24) article.single-post.style-2 .entry-format figure ~ .entry-header-meta{ max-width: 100%; } article.single-post.style-2 .entry-format figure ~ .entry-header-meta{ position: static; color: inherit; margin-top: 30px; } article.single-post.style-2 .entry-format{ margin-bottom: 25px; } .ts-product-deals-wrapper .meta-wrapper .counter-wrapper > div > .ref-wrapper{ font-size: 10px; } .ts-product-deals-wrapper .meta-wrapper .counter-wrapper > div{ min-width: 36px; height: 36px; } .ts-product-deals-wrapper .meta-wrapper .counter-wrapper > span{ font-size: 13px; width: 10px; } } @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: 1024px){ .elementor-column.ipad-order-top{ -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media only screen and (max-width: 991px){ .ts-search-by-category > form{ min-width: 0; } .logo-center > .container > *{ -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .elementor-widget-button .elementor-button{ min-width: 0; } div.header-right > *:not(:last-child){ margin-right: 5px; /*rtl*/ } .ts-header .list-page ul li:not(:last-child){ margin-right: 15px; /*rtl*/ } div.header-right > .list-page:not(:last-child){ margin-right: 20px; /*rtl*/ } .header-middle .header-right .language-currency:not(:last-child){ margin-right: 15px; /*rtl*/ } .ts-megamenu-container .elementor-widget-wp-widget-nav_menu.columns-4 ul.menu{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .ts-header nav > ul.menu li ul.sub-menu:before, .ts-header nav > ul.menu li ul.sub-menu:after{ top: 8px; } .ts-header .is-sticky .header-bottom nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu, .ts-header nav > ul.menu li.ts-megamenu-fullwidth.ts-megamenu-fullwidth-stretch ul.sub-menu{ padding: 8px 0 0; } .ts-header nav > ul.menu li.ts-megamenu-fullwidth.ts-megamenu-fullwidth-stretch ul.sub-menu:before{ top: 7px; } .header-v1 .sticky-wrapper.is-sticky .header-sticky .language-currency{ display: none; } body.error404 #primary > article div.not-found h1 { font-size: 100px; margin-bottom: 15px; } body.error404 #primary > article .not-found a.button { min-width: 200px; } .woocommerce .cross-sells .owl-nav > div, .woocommerce .up-sells .owl-nav > div, .woocommerce .related .owl-nav > div, .woocommerce.related .owl-nav > div, .ts-product:not(.ts-product-category-wrapper) .owl-nav > div { top: 31%; } .ts-product.ts-product-deals-wrapper .owl-nav > div{ top: 35%; } /*** Footer ***/ .footer-container .ts-mailchimp-subscription-shortcode .mc4wp-form .subscribe-email input[type="email"]{ min-width: 0; width: 100%; } /**/ /*** Shop/Category ***/ .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; } .woocommerce.columns-8 .products .product.product-category, .woocommerce.columns-7 .products .product.product-category, .woocommerce.columns-6 .products .product.product-category, .woocommerce.columns-5 .products .product.product-category, .woocommerce.columns-4 .products .product.product-category{ width: 33.33333%; } #main-content .woocommerce.columns-1.style-column-1-1 > .products .product .product-wrapper{ -ms-grid-columns: 50% 20px 1fr; grid-template-columns: 50% 1fr; grid-column-gap: 20px; } #main-content .woocommerce.columns-1:not(.style-column-1-1) > .products .product .product-wrapper{ display: -ms-grid; display: grid; -ms-grid-columns: 50% 20px 1fr; grid-template-columns: 50% 1fr; -ms-grid-rows: max-content 1fr; grid-template-rows: max-content 1fr; grid-column-gap: 20px; } #main-content .woocommerce.columns-1:not(.style-column-1-1) > .products .product .product-wrapper > div{ display: block; } #main-content .woocommerce.columns-1:not(.style-column-1-1) > .products .product .thumbnail-wrapper{ width: 100%; margin: 0; display: block; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 2; grid-row-end: 3; } #main-content .woocommerce.columns-1:not(.style-column-1-1) > .products .product .meta-wrapper:not(.meta-wrapper-2), #main-content .woocommerce.columns-1:not(.style-column-1-1) > .products .product .product-wrapper > div.meta-wrapper-2{ width: 100%; padding: 0; } #main-content .woocommerce.columns-1:not(.style-column-1-1) > .products .product .product-wrapper > div.meta-wrapper-2{ padding-top: 20px; margin-top: 20px; border-width: 1px 0 0; -ms-flex-line-pack: start; align-content: flex-start; } #main-content .woocommerce.columns-1 > .products .product .short-description{ padding-top: 21px; } #main-content .woocommerce.columns-1 > .products .product .count-rating{ margin-top: -38px; margin-bottom: 20px; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 > .price, #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 .loop-add-to-cart, #main-content .woocommerce.columns-1 > .products .product .product-name, #main-content .woocommerce.columns-1 > .products .product .star-rating{ margin-bottom: 20px; } #main-content .woocommerce.columns-1 > .products .product .star-rating { margin-top: -12px; } #main-content .woocommerce.columns-1.style-column-1-1 > .products .product .product-wrapper > div.meta-wrapper-2{ padding-top: 20px; margin-top: 20px; } .ts-product-columns-selector > span.column-1.style-1-1{ display: none; } #main-content .main-products.columns-1 .products .product .meta-wrapper-2 .quantity, #main-content .woocommerce.columns-1 > .products .product .quantity ~ .product-group-button-meta{ width: 100%; margin-right: 0; /*rtl*/ } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 { width: 32%; } #main-content .woocommerce.columns-1 > .products .product .quantity ~ .product-group-button-meta > .loop-add-to-cart + * { margin-left: 0; /*rtl*/ } #main-content .main-products.columns-1 .products .product div.loop-add-to-cart a.button{ max-width: 100%; } .products .product .meta-wrapper .short-description ul li { line-height: 18px; } /*** 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; } /*** Product Detail ***/ .woocommerce.single-product #main > .page-container.show_breadcrumb_v1, .woocommerce-page.single-product #main > .page-container.show_breadcrumb_v1{ padding-top: 19px; } .woocommerce div.product div.woocommerce-product-gallery, .woocommerce div.product div.summary, .woocommerce div.product.gallery-layout-vertical div.summary, .woocommerce div.product.gallery-layout-vertical div.woocommerce-product-gallery{ width: 100%; } .woocommerce div.product.gallery-layout-vertical div.images .flex-control-thumbs { width: 120px; } .woocommerce #main-content:not(.ts-col-24) div.product.gallery-layout-vertical div.images .flex-control-thumbs{ width: 80px; } .main-content-fullwidth.woocommerce div.product div.summary, .layout-fullwidth.woocommerce div.product div.summary{ padding-left: 0; padding-right: 0; } .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 form.cart table.group_table td:not(:last-child){ padding-right: 10px !important; /*rtl*/ } .woocommerce #tab-more_seller_product .products .product, .woocommerce.main-content-fullwidth #tab-more_seller_product .products .product, .woocommerce.layout-fullwidth #tab-more_seller_product .products .product { width: 25%; } .woocommerce div.product.gallery-layout-grid div.woocommerce-product-gallery{ width: 100%; } .woocommerce div.product.gallery-layout-grid div.summary{ width: 100%; } .woocommerce div.product.gallery-layout-grid div.summary, .main-content-fullwidth.woocommerce div.product.gallery-layout-grid div.summary, .layout-fullwidth.woocommerce div.product.gallery-layout-grid div.summary{ padding-left: 0; /*rtl*/ } .woocommerce div.product.reviews-grid #reviews #comments .commentlist{ -webkit-columns: 2; -moz-columns: 2; columns: 2; } /**/ /*** 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; } .woocommerce form.track_order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password{ max-width: 70%; padding: 30px; } /*** 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%; } body .elementor-image-gallery .gallery-columns-5 .gallery-item, body .elementor-image-gallery .gallery-columns-6 .gallery-item, body .elementor-image-gallery .gallery-columns-7 .gallery-item, body .elementor-image-gallery .gallery-columns-8 .gallery-item, body .elementor-image-gallery .gallery-columns-9 .gallery-item{ width: 25% !important; max-width: 100%; } .has-filters .elementor-column .filter-item{ height: 40vw !important; } .has-filters .elementor-column .filter-item{ width: calc(33.3333% - 20px); } .has-filters .elementor-column .filter-item.auto{ height: 23vw !important; } .has-filters .filter-bar{ font-size: 22px; margin: 0 -15px; } .has-filters .filter-bar li{ margin: 0 15px; } .ts-shortcode.ts-product-brand-wrapper .items .item{ padding-left: 33px; padding-right: 33px; } /**/ } @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 40px 20px 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; } /*** Cart ***/ .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 { padding-bottom: 10px; } .woocommerce-cart table.cart td.actions .empty-cart-button{ margin: 10px 0 0; } .woocommerce-cart table.cart td.actions > .button{ float: left; /*rtl*/ } .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail{ display: block; } .woocommerce 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 .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.shop_table_responsive.cart tr.cart_item{ position: relative; border-width: 1px; border-style: solid; margin-bottom: 20px; padding: 20px 40px 20px 20px; /*rtl*/ } .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: 12px; 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 !important; } .woocommerce table.shop_table_responsive.cart tbody .product-name, .woocommerce-page table.shop_table_responsive.cart tbody .product-name { display: block; border: 0; padding: 0; } .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; } .woocommerce .woocommerce-MyAccount-content table.shop_table.account-orders-table tbody tr th:first-child { padding-top: 0 !important; } .woocommerce table.my_account_orders { font-size: inherit; } .woocommerce table.shop_table_responsive.cart tbody .product-name:before, .woocommerce-page table.shop_table_responsive.cart tbody .product-name:before, .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); display: block !important; float: left; /*rtl*/ margin-right: 10px; /*rtl*/ font-weight: 700; } .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 { max-width: 100%; } } @media only screen and (min-width: 991px) and (max-width: 1279px){ header .logo-wrapper { padding-right: 50px; /*rtl*/ } .header-middle .container > .ts-search-by-category { margin: 0 60px; } .woocommerce #main-content.ts-col-18 div.product:not(.gallery-layout-grid) form.cart div.quantity{ margin: 0 0 10px; } .woocommerce #main-content.ts-col-18 div.product:not(.gallery-layout-grid) form.cart div.quantity, .woocommerce #main-content.ts-col-18 div.product:not(.gallery-layout-grid) form.cart .button{ width: 100%; margin-top: 0; } .woocommerce-cart article .woocommerce .cart-collaterals, .woocommerce-checkout #order_review { padding: 30px; } .woocommerce > form.checkout #order_review_heading{ margin: 25px 0 0; } .woocommerce > form.checkout #order_review{ padding: 60px 30px 30px; margin-top: -49px; } #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: 20px; } #main-content .main-products.columns-1:not(.style-column-1-1) .products .product .meta-wrapper-2 .quantity, #main-content .woocommerce.columns-1:not(.style-column-1-1) > .products .product .quantity ~ .product-group-button-meta{ width: 100%; margin-right: 0; /*rtl*/ } #main-content .woocommerce.columns-1:not(.style-column-1-1) > .products .product .thumbnail-wrapper{ width: 25%; } #main-content .woocommerce.columns-1:not(.style-column-1-1) > .products .product .meta-wrapper-2 { width: 32%; } #main-content .woocommerce.columns-1:not(.style-column-1-1) > .products .product .quantity ~ .product-group-button-meta > .loop-add-to-cart + * { margin-left: 0; /*rtl*/ } #main-content .main-products.columns-1:not(.style-column-1-1) .products .product div.loop-add-to-cart a.button{ max-width: 100%; } .ts-shortcode.ts-product-brand-wrapper .items .item { padding-left: 35px; padding-right: 35px; } } @media only screen and (min-width: 768px) and (max-width: 1279px){ ul.product_list_widget li .ts-wg-thumbnail, .woocommerce ul.product_list_widget li .ts-wg-thumbnail, ul.product_list_widget li img, .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width: 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); } .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: 5px; } .ts-sidebar .widget_text small + a { margin-left: 0; /*rtl*/ width: 100%; display: inline-block; margin-bottom: 10px; } } @media only screen and (min-width: 768px) and (max-width: 991px){ ul.product_list_widget li .ts-wg-thumbnail, .woocommerce ul.product_list_widget li .ts-wg-thumbnail, ul.product_list_widget li img, .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width: 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); } } @media only screen and (min-width: 768px) and (max-width: 780px){ #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 .button-in { width: 100%; float: none; } }