/* Theme Name: Agrofood Theme URI: https://demo.theme-sky.com/agrofood/ Author: Theme Sky Team Author URI: https://theme-sky.com/ Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites Version: 1.1.3 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: agrofood */ /* 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 AGROFOOD III. FOOTER IV. WIDGET 1. WIDGET DEFAULT WP 2. WIDGET FILTER 3. WIDGET TS 4. WIDGET ELEMENTOR V. PRODUCT DEFAULT 1. PRODUCT IMAGES 2. PRODUCT LABEL 3. PRODUCT META 4. PRODUCT GROUP BUTTONS VI. CATEGORIES PRODUCT VII. PRODUCT DETAIL 1. PRODUCT IMAGE 2. PRODUCT SUMMARY 3. ADS BANNERS 4. FREQUENTLY BOUGHT TOGETHER 5. WOOCOMMERCE TABS 6. SHORTCODE 7. PRODUCT STYLES 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, .my-account-wrapper .ts-style-text .account-control:after, .single-product-buttons-sharing .single-product-buttons:after, .single-portfolio.left-thumbnail .entry-main:after, .woocommerce-account .woocommerce-MyAccount-navigation ul:after, .products .product:not(.product-category) .meta-wrapper-2:after, .ts-blogs-wrapper .blogs:after, .ts-product .content-wrapper:after, .ts-shortcode .items:after, .ts-portfolio-wrapper .ts-portfolio-wrapper .item-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, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs: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; } } @-moz-keyframes spin{ 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @-webkit-keyframes spin{ 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes spin{ 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @-webkit-keyframes animation_tranlate_right{ 0%{ opacity: 0; visibility: hidden; transform: translateX(-5px); } 100%{ opacity: 1; visibility: visible; transform: translateX(0); } } @keyframes animation_tranlate_right{ 0%{ opacity: 0; visibility: hidden; transform: translateX(-5px); } 100%{ opacity: 1; visibility: visible; transform: translateX(0); } } @-webkit-keyframes animation_tranlate_left{ 0%{ opacity: 0; visibility: hidden; transform: translateX(5px); } 100%{ opacity: 1; visibility: visible; transform: translateX(0); } } @keyframes animation_tranlate_left{ 0%{ opacity: 0; visibility: hidden; transform: translateX(5px); } 100%{ opacity: 1; visibility: visible; transform: translateX(0); } } /*------------------------------------------------------------------------------------------------------------------- ICONS ---------------------------------------------------------------------------------------------------------------------*/ blockquote:before, .search-button.search-icon .icon:before, .my-wishlist-wrapper > a:before, .ts-tiny-account-wrapper .account-control>a:before, .shopping-cart-wrapper .cart-control .ic-cart:before, .ts-mobile-icon-toggle .icon:before, .icon-menu-vertical .icon:before, .icon-menu-sticky-header .icon:before, .mobile-button-home .icon:before, .header-contact-info: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*="agrofood-"]:before, .mobile-menu-wrapper nav > ul li[class*="agrofood-"]:before, .widget_nav_menu li[class*="agrofood-"]: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 > a: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, .ts-header .search-table .search-button:before, body .select2-search--dropdown:before, #group-icon-header .tab-mobile-menu li:before, #add_payment_method .cart-collaterals .shipping-calculator-button::after, .woocommerce-cart .cart-collaterals .shipping-calculator-button::after, .woocommerce-checkout .cart-collaterals .shipping-calculator-button::after, body .select2-container--default .select2-selection--single .select2-selection__arrow b:before, nav.main-menu > ul.menu li.parent > a:after, .mobile-menu-wrapper li .ts-menu-drop-icon:after, .product-group-button > div a:after, .product-group-button > div.loop-add-to-cart a.added:after, .product-group-button-meta > div.button-in a:before, .product-group-button-meta > div.loop-add-to-cart > a.button:before, .product_list_widget .button-in a:after, .woocommerce .summary form.cart button.button:before, .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before, .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .button:before, .woocommerce .widget_price_filter .price_slider_amount .price_label > span:first-child:after, .add-to-cart-popup-content .heading .theme-title:before, .vertical-menu-heading: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, body #cboxClose:after, html body > h1 a.close:before, body table.compare-list tr.remove td > a .remove:before, .portfolio-thumbnail a.like:before, .portfolio-like .ic-like:before, .entry-meta-middle .comment-count:before, ul li.recentcomments .comment-author-link:before, body .wishlist_table.mobile li .additional-info-wrapper .product-remove:before, .woocommerce div.product form.cart .reset_variations:before, .woocommerce table.shop_table .product-remove a:before, ul.products-list li .remove:before, .cart_list li .cart-item-wrapper a.remove:before, .woocommerce .widget_shopping_cart .cart_list li a.remove:before, .woocommerce.widget_shopping_cart .cart_list li a.remove:before, .filter-widget-area-button > a:before, body.search.search-no-results .alert:before, .woocommerce.archive #primary > .woocommerce-info: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*/ .vertical-menu-heading:before{ content: "\e90e"; } .ts-tiny-account-wrapper .account-control>a:before{ content: "\e914"; } .shopping-cart-wrapper .cart-control .ic-cart:before{ content: "\e902"; } .my-wishlist-wrapper > a:before{ content: "\e908"; } #group-icon-header .tab-mobile-menu li:before, .icon-menu-vertical .icon:before, .icon-menu-sticky-header .icon:before, .ts-mobile-icon-toggle .icon:before{ content: "\e90c"; } #group-icon-header .tab-mobile-menu #vertical-menu:before{ content: "\e90e"; font-size: 120%; vertical-align: -2px; } #group-icon-header .tab-mobile-menu li:before{ display: inline-block; vertical-align: -1px; margin-right: 10px; /*rtl*/ } .mobile-button-home .icon:before{ content: "\e90b"; } .filter-widget-area-button > a:before{ content: "\e907"; } .portfolio-thumbnail a.like.already-like:before, .portfolio-like .ic-like.already-like:before{ content: "\e90a"; } .header-contact-info:before{ content: "\e90d"; } body.search.search-no-results .alert:before, .woocommerce.archive #primary > .woocommerce-info:before{ content: "\ea0c"; } #to-top a:before, .breadcrumb-title-wrapper .brn_arrow:before, .breadcrumb-title-wrapper .breadcrumbs-container > span:not(.current):before{ content: "\e901"; } body #cboxClose:after, html body > h1 a.close:before, body table.compare-list tr.remove td > a .remove:before, #ts-filter-widget-area .close:after, .eicon-close:before, .search-button.search-icon .icon.active:before, .ts-store-notice .close:before, .ts-floating-sidebar .close:after, .ts-popup-modal .close:after, .woocommerce table.shop_table .product-remove a:before, ul.products-list li .remove:before, .cart_list li .cart-item-wrapper a.remove:before, body .wishlist_table.mobile li .additional-info-wrapper .product-remove:before, .woocommerce div.product form.cart .reset_variations:before, .woocommerce .widget_shopping_cart .cart_list li a.remove:before, .woocommerce.widget_shopping_cart .cart_list li a.remove:before, .elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li a.remove:before{ content: "\e904"; } .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: "\e900"; } ul li.cat-parent > span.icon-toggle:after, .widget-title-wrapper a.block-control:after, .elementor-widget[data-widget_type*="wp-widget-"] ul li > span.icon-toggle:after{ content: "\ea0a"; } .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, .woocommerce .widget_price_filter .price_slider_amount .price_label > span:first-child:after{ content: "\ea0b"; } .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: "\e900"; display: inline-block; transform: rotate(-90deg); } .mobile-menu-wrapper li.active .ts-menu-drop-icon.active:after{ content: "\e900"; display: inline-block; transform: rotate(90deg); } body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before{ content: "\e900"; } .single-navigation.next:not(:empty) > a:before, .owl-nav > div.owl-next:before{ content: "\e901";/* rtl */ } .single-navigation.prev:not(:empty) > a:before, .owl-nav > div.owl-prev:before{ content: "\e901";/* rtl */ transform: scaleX(-1); } .widget_display_search > form > div:before, .ts-header .search-table .search-button:before, body .select2-search--dropdown:before, .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before{ content: "\e90f"; } .search-button.search-icon .icon:before{ content: "\e911"; } .product-group-button > div.quickshop a:after{ content: "\e910"; } .product-group-button-meta > div.compare a:before, .product-group-button > div.compare a:after{ content: "\e906"; } .portfolio-thumbnail a.like:before, .portfolio-like .ic-like:before, .product_list_widget .button-in.wishlist a:after, .product-group-button-meta > div.wishlist a:before, .product-group-button > div.wishlist a:after{ content: "\e909"; } .product-group-button-meta > div.wishlist .added a:before, .product-group-button > div.wishlist .added a:after, .product_list_widget .button-in.wishlist .added a:after{ content: "\e90a"; } .product-group-button > div.loop-add-to-cart a:after, .product-group-button > div.loop-add-to-cart a.added:after, .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .button:before, .woocommerce .summary form.cart button.button:before{ content: "\e902"; } .product-group-button-meta > .loop-add-to-cart .button.added:before, .woocommerce .summary form.cart button.button.added:before{ content: "\e903"; } .add-to-cart-popup-content .heading .theme-title:before{ content: "\e903"; } .product-group-button > div.loop-add-to-cart a.added:after{ display: block !important; margin: 0; line-height: 30px; } .entry-meta-middle .comment-count:before, ul li.recentcomments .comment-author-link:before{ content: "\e905"; } blockquote:before{ content: "\e977"; } #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: "\e913"; vertical-align: -2px; } /**/ .ts-product-video-button:before, .ts-product-360-button:before, .product-on-sale-form:hover label:after, .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, .widget_nav_menu li[class*="fa-"]:before, .woocommerce-account .addresses .title .edit:before, .threesixty .nav_bar a: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; } .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 */ } .ts-product-video-button:before{ content: "\f144"; font-weight: 900; } .ts-product-360-button:before{ content: "\f2f1"; font-weight: 900; } .widget_nav_menu li.fas:before, .ts-header nav > ul.menu li.fas:before, .mobile-menu-wrapper nav > ul li.fas:before{ font-weight: 900; } .widget_nav_menu li.fab:before, .ts-header nav > ul.menu li.fab:before, .mobile-menu-wrapper nav > ul li.fab:before{ font-family: "Font Awesome 5 Brands"; } .product-on-sale-form:hover label:after, .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; } .woocommerce-account .addresses .title .edit:before{ content: "\f303"; font-weight: 900; } /**/ .icon-menu-vertical .icon:hover, .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 > div a.loading:after, .woocommerce .product-group-button > div .button.loading:after, .product-group-button-meta > div a.loading:before, .woocommerce .product-group-button-meta > div a.button.loading:before, .woocommerce div.product form.cart .button.loading:before, body .woocommerce table.compare-list .add-to-cart td a.loading:before, .wishlist_table .product-add-to-cart a.add_to_cart.loading:before{ content: ""; width: 14px; height: 14px; border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.3); border-top: 1px 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; } .search-table .search-button:after{ width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; } .product-group-button-meta > div a.loading:before, body .woocommerce table.compare-list .add-to-cart td a.loading:before{ opacity: 0; visibility: hidden; } .mailchimp-subscription .processing button.button:before, .search-table .loading ~ .search-button:after, .product-group-button > div a.loading:after, .woocommerce .product-group-button > div .button.loading:after, .product-group-button-meta > div a.loading:before, .woocommerce .product-group-button-meta > div a.button.loading:before, body .woocommerce table.compare-list .add-to-cart td a.loading:before, .wishlist_table .product-add-to-cart a.add_to_cart.loading:before, .wishlist_table .product-add-to-cart a.add_to_cart.loading:after, .woocommerce div.product form.cart .button.loading:before{ 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{ 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{ width: 14px; height: 14px; position: static; margin: 0 5px 0 0; /*rtl*/ background: transparent; } .woocommerce div.product form.cart .button.loading:before, .wishlist_table .product-add-to-cart a.add_to_cart.loading:before, .product-group-button-meta > div a.loading:before, .woocommerce .product-group-button-meta > div a.button.loading:before, body .woocommerce table.compare-list .add-to-cart td a.loading:before, rs-layer .products .product div.loop-add-to-cart .button.loading:before{ margin: -7px 0 0 -7px; /*rtl*/ background: transparent; z-index: 10; } .woocommerce div.product form.cart .button.loading:after, .search-table .search-field.loading ~ .search-button:before, .wishlist_table .product-add-to-cart a.add_to_cart.loading:after, .product-group-button-meta > div a.loading:after, body .woocommerce table.compare-list .add-to-cart td a.loading:after, .woocommerce .product-group-button-meta > div a.button.loading:after, rs-layer .products .product div.loop-add-to-cart .button.loading:after{ content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: none; width: 100%; animation: none; border-radius: 0; margin: 0; padding: 0; transform: none; height: 100%; } .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; } .dropdown-container ul.cart_list li.loading:before, div.blockUI.blockOverlay:before, .woocommerce div.blockUI.blockOverlay:before{ left: 0; right: 0; bottom: 0; height: 100%; width: 100%; top: 0; z-index: 4; opacity: 0.9; margin: 0; background-image: none; position: absolute; display: inline-block; content: "" ; -webkit-animation: none ; -moz-animation: none; animation: none; } .button-in .blockUI.blockOverlay:before, .single_add_to_wishlist.loading{ opacity: 1 !important; } .images.loading:after, .ts-product .content-wrapper.loading:after, .ts-instagram-wrapper.loading:after, .ts-logo-slider-wrapper.loading .content-wrapper:after, .related-posts.loading .content-wrapper:after, .woocommerce .product figure.loading:after, .ts-products-widget-wrapper.loading:after, .ts-blogs-widget-wrapper.loading:after, .ts-recent-comments-widget-wrapper.loading:after, .blogs article a.gallery.loading:after, .ts-blogs-wrapper.loading .content-wrapper:after, .ts-testimonial-wrapper .items.loading:after, .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, .ts-instagram-wrapper.loading:after, .related-posts.loading .content-wrapper:after, .woocommerce .product figure.loading:after, .blogs article a.gallery.loading:after, .ts-blogs-wrapper.loading .content-wrapper:after, .ts-testimonial-wrapper .items.loading:after, .ts-twitter-slider .items.loading:after, article .thumbnail.loading:after, .ts-portfolio-wrapper.loading:after, .thumbnails.loading:after, .ts-product-category-wrapper .content-wrapper.loading:after, .thumbnails-container.loading:after, .column-products.loading:after, .ts-team-members .loading:after, .ts-popup-modal.loading .overlay:before, #cboxLoadingGraphic:after{ width: 36px; height: 36px; margin-left: -18px; margin-top: -18px; border-width: 3px; border-top-width: 3px; } .ts-popup-modal.loading .overlay:before, #cboxLoadingGraphic:after{ border-color: rgba(255,255,255,0.6); border-top-color: rgba(255,255,255,1); } body table.compare-list tr.remove div.blockUI.blockOverlay, body table.compare-list tr.remove div.blockUI.blockOverlay:before{ opacity: 1 !important; } body table.compare-list tr.remove div.blockUI.blockOverlay:after{ width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; } /*------------------------------------------------------------------------------------------------------------------- I. HEADER ---------------------------------------------------------------------------------------------------------------------*/ /*** Store Notice ***/ .ts-store-notice{ border-width: 0 0 1px; border-style: solid; border-color: transparent; position: relative; z-index: 10; } .ts-store-notice .container{ text-align: center; line-height: 16px; padding: 7px 40px; z-index: 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; -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 strong, .ts-store-notice a, .ts-store-notice span{ display: inline-block; vertical-align: baseline; padding-left: 5px; padding-right: 5px; } 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; } body:not(.header-v2) .ts-header .menu-wrapper{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .ts-header .menu-wrapper .vertical-menu-wrapper, .ts-header .menu-wrapper .ts-menu{ display: inline-block; } .logo-center .logo-wrapper, .menu-center .menu-wrapper{ text-align: center; padding-left: 0; padding-right: 0; } .menu-right .menu-wrapper{ text-align: right; /*rtl*/ } .menu-wrapper nav > ul.menu, .menu-wrapper nav > ul{ margin: 0; text-align: left; /*rtl*/ } .ts-header .menu-wrapper nav > ul.menu, .ts-header .menu-wrapper nav > ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ts-header nav.main-menu > ul.menu > li, .ts-header nav.main-menu > ul > li{ list-style: none; position: relative; padding: 0; margin: 0 30px 0 0;/* rtl */ display: inline-block; cursor: pointer; } .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:before, .mobile-menu-wrapper nav > ul li:before, ul.menu li .menu-icon{ line-height: 1; display: inline-block; font-size: 140%; } .widget_nav_menu li:before{ margin-right: 10px; /*rtl*/ } .ts-header nav > ul.menu li:before{ min-width: 24px; text-align: center; } .ts-header nav > ul.menu li.agrofood-nav:before, .mobile-menu-wrapper nav > ul li.agrofood-nav:before{ font-size: 106%; } .menu-wrapper a.has-icon, .ts-header nav > ul.menu li[class*="agrofood-"], .ts-header nav > ul.menu li[class*="fa-"]{ padding-left: 38px !important; /*rtl*/ } .mobile-menu-wrapper .mobile-menu li[class*="agrofood-"], .ts-header nav.main-menu li[class*="agrofood-"], .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.has-line, .ts-header nav > ul > li.has-line{ padding-left: 30px; /*rtl*/ position: relative } .ts-header nav > ul.menu > li.has-line:after, .ts-header nav > ul > li.has-line:after{ content: ''; width: 1px; height: 18px; border-width: 0 0 0 1px; /*rtl*/ border-style: solid; display: block; position: absolute; left: 0; /*rtl*/ top: 50%; transform: translateY(-50%); } .ts-header nav > ul.menu li.has-line[class*="agrofood-"], .ts-header nav > ul.menu li.has-line[class*="fa-"]{ padding-left: 68px !important; /*rtl*/ } .ts-header nav > ul.menu li.has-line[class*="agrofood-"]:before, .ts-header nav > ul.menu li.has-line[class*="fa-"]:before{ left: 30px; /*rtl*/ } 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: 24px; } .ts-header nav > ul.menu li.empty-label > a, .mobile-menu-wrapper nav > ul li.empty-label > a{ font-size: 0; } .ts-header nav > ul.menu li.empty-label:hover, .mobile-menu-wrapper nav > ul li.empty-label:hover{ cursor: pointer; } .ts-header nav > ul.menu li.no-arrow > a:after, .mobile-menu-wrapper nav > ul li.no-arrow > a:after, .ts-header nav > ul.menu li.empty-label > a:after, .mobile-menu-wrapper nav > ul li.empty-label > a:after{ display: none !important; } .mobile-menu-wrapper nav > ul li:before, .mobile-menu-wrapper ul.menu li .menu-icon{ vertical-align: middle; } .mobile-menu-wrapper .mobile-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h1, .mobile-menu-wrapper .mobile-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h2, .mobile-menu-wrapper .mobile-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h3, .mobile-menu-wrapper .mobile-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h4, .mobile-menu-wrapper .mobile-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h5, .mobile-menu-wrapper .mobile-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h6, .ts-header .menu-wrapper .ts-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h1, .ts-header .menu-wrapper .ts-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h2, .ts-header .menu-wrapper .ts-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h3, .ts-header .menu-wrapper .ts-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h4, .ts-header .menu-wrapper .ts-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h5, .ts-header .menu-wrapper .ts-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h6{ color: inherit; margin-bottom: 12px; } .mobile-menu-wrapper .mobile-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h5, .ts-header nav.main-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h5{ font-size: 108%; } .mobile-menu-wrapper .mobile-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h6, .ts-header nav.main-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h6{ font-size: 100%; } .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: 10px; 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: -7px; } .menu-sub-label:before{ width: 0; height: 0; border-top: 2px solid; border-left: 4px solid;/* rtl */ border-bottom: 7px solid; border-top-color: transparent !important; border-bottom-color: transparent !important; border-left-color: #000000; border-right-color: #000000; transform: rotate(15deg); position: absolute; right: 50%;/* rtl */ margin-right: -3px;/* rtl */ content: ""; bottom: -5px; } /* 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{ display: inline-block; vertical-align: -1px; } nav.main-menu > ul.menu li.parent > a:after{ font-size: 8px; margin: 0 0 0 3px; /*rtl*/ display: inline-block; vertical-align: 1px; } 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: 48px 30px 20px 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: 25px 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: 28px; right: 0; left: 0; bottom: 0; z-index: 0; background-color: #ffffff; } .ts-header nav > ul.menu li ul.sub-menu:before{ top: 27px; box-shadow: 0 5px 5px rgba(0,0,0,0.1); } .ts-header .is-sticky nav > ul.menu li:not(.ts-megamenu) ul.sub-menu:after{ top: 27px; } .ts-header .is-sticky nav > ul.menu li:not(.ts-megamenu) ul.sub-menu:before{ top: 26px; } #main > .page-container:first-child{ margin-top: 1px; } .ts-header nav > ul.menu li.ts-megamenu ul.sub-menu:after{ top: 26px; } .ts-header nav > ul.menu li.ts-megamenu ul.sub-menu:before{ top: 25px; } .header-v2 .ts-header nav > ul.menu li ul.sub-menu:after, .header-v2 .ts-header .is-sticky nav > ul.menu li ul.sub-menu:after{ top: 20px; } .header-v2 .ts-header nav > ul.menu li ul.sub-menu:before, .header-v2 .ts-header .is-sticky nav > ul.menu li ul.sub-menu:before{ top: 19px; } .header-v3 .ts-header nav > ul.menu li ul.sub-menu{ padding-top: 76px; } .header-v3 .ts-header nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{ padding-top: 42px; } .header-v3 .ts-header nav > ul.menu li ul.sub-menu:before{ top: 42px; } .header-v3 .ts-header nav > ul.menu li ul.sub-menu:after{ top: 43px; } .header-v3 .ts-header .is-sticky nav > ul.menu li ul.sub-menu:before{ top: 21px; } .header-v3 .ts-header .is-sticky nav > ul.menu li ul.sub-menu:after{ top: 22px; } .header-v4.header-transparent .ts-header nav > ul.menu li ul.sub-menu:after{ top: 1px; } .header-v4.header-transparent .my-account-wrapper .dropdown-container:before, .header-v4.header-transparent .shopping-cart-wrapper .dropdown-container:before, .header-v4.header-transparent .ts-header nav > ul.menu li ul.sub-menu:before{ top: 0px; } .header-v4 .ts-header .is-sticky nav > ul.menu li ul.sub-menu:after, .header-v4.header-transparent .ts-header .is-sticky nav > ul.menu li ul.sub-menu:after{ top: 11px; } .header-v4.header-transparent .is-sticky .my-account-wrapper .dropdown-container:before, .header-v4.header-transparent .is-sticky .shopping-cart-wrapper .dropdown-container:before, .header-v4 .ts-header .is-sticky nav > ul.menu li ul.sub-menu:before, .header-v4.header-transparent .ts-header .is-sticky nav > ul.menu li ul.sub-menu:before{ top: 10px; } .header-v4.header-transparent .my-account-wrapper .dropdown-container, .header-v4.header-transparent .shopping-cart-wrapper .dropdown-container{ padding-top: 27px; } .header-v4.header-transparent .is-sticky .my-account-wrapper .dropdown-container, .header-v4.header-transparent .is-sticky .shopping-cart-wrapper .dropdown-container{ padding-top: 37px; } .ts-header nav > ul.menu li ul.sub-menu:after{ background-size: contain; } .ts-header nav > ul.menu li.bg-full-height ul.sub-menu:after{ background-size: cover; } .ts-header nav > ul.menu li ul.sub-menu ul.sub-menu{ left: 100%; /* rtl */ width: 250px; padding: 20px 30px 20px 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: -21px; } .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; } /*** Vertical Menu ***/ .vertical-menu-wrapper{ position: relative; } .vertical-menu-wrapper:hover{ cursor: pointer; } .vertical-menu-heading{ position: relative; display: inline-block; padding-right: 30px; /*rtl*/ margin-right: 30px; /*rtl*/ } .vertical-menu-heading:before{ min-width: 24px; text-align: center; line-height: 1; display: inline-block; vertical-align: -4px; font-size: 140%; margin-right: 15px; /*rtl*/ } .vertical-menu-heading:after{ content: ''; width: 1px; height: 18px; border-width: 0 1px 0 0; /*rtl*/ border-style: solid; display: block; position: absolute; right: 0; /*rtl*/ top: 50%; transform: translateY(-50%); } .header-v4 .vertical-menu-heading{ padding-top: 18px; padding-bottom: 18px; } .header-v4 .vertical-menu-heading:after{ height: 100%; } .vertical-menu-wrapper .vertical-menu{ position: absolute; z-index: 999; left: 0; /*rtl*/ top: 100%; margin: 0; padding: 25px 0 0; width: 100%; display: none; } .header-v1.header-fullwidth .vertical-menu-wrapper:not(.normal-menu) .vertical-menu, .header-v1.layout-fullwidth .vertical-menu-wrapper:not(.normal-menu) .vertical-menu, .header-v4.header-fullwidth .vertical-menu-wrapper:not(.normal-menu) .vertical-menu, .header-v4.layout-fullwidth .vertical-menu-wrapper:not(.normal-menu) .vertical-menu{ left: -50px; /*rtl*/ } .header-v1.header-fullwidth .vertical-menu-wrapper.normal-menu .vertical-menu, .header-v1.layout-fullwidth .vertical-menu-wrapper.normal-menu .vertical-menu, .header-v4.header-fullwidth .vertical-menu-wrapper.normal-menu .vertical-menu, .header-v4.layout-fullwidth .vertical-menu-wrapper.normal-menu .vertical-menu{ left: 0; /*rtl*/ } .header-v3 .ts-header .vertical-menu-wrapper:not(.normal-menu){ position: static; } .header-v3 .ts-header .vertical-menu-wrapper:not(.normal-menu) .vertical-menu{ left: 20px; /*rtl*/ width: calc(100% - 40px); top: calc(100% - 42px); padding-top: 43px; } .vertical-menu-wrapper:hover .vertical-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; } .header-v4.header-transparent .ts-header .vertical-menu-wrapper > .vertical-menu, .header-v4.header-transparent .ts-header nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{ padding-top: 0; } .header-v4.header-transparent .ts-header .vertical-menu-wrapper > .vertical-menu:before{ top: -1px; } .header-v4.header-transparent .ts-header .vertical-menu-wrapper > .vertical-menu:after{ top: 0; } .header-v4.header-transparent .ts-header .is-sticky .vertical-menu-wrapper > .vertical-menu, .header-v4.header-transparent .ts-header .is-sticky nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{ padding-top: 10px; } .header-v4.header-transparent .ts-header .is-sticky .vertical-menu-wrapper > .vertical-menu:before{ top: 9px; } .header-v4.header-transparent .ts-header .is-sticky .vertical-menu-wrapper > .vertical-menu:after{ top: 10px; } .ts-header .vertical-menu-wrapper > .vertical-menu > *{ position: relative; z-index: 2; } .ts-header nav.vertical-menu > ul.menu{ width: 100%; min-height: 100%; display: block; } .vertical-menu > ul > li, .ts-header .vertical-menu-wrapper.normal-menu nav.vertical-menu ul.menu ul.sub-menu > li{ display: block; list-style: none; padding: 0; border-width: 0 0 1px; border-style: solid; width: 285px; position: static; } .vertical-menu > ul > li:last-child, .ts-header .vertical-menu-wrapper.normal-menu nav.vertical-menu ul.menu ul.sub-menu > li:last-child{ border-bottom-width: 0; } .ts-header .vertical-menu-wrapper.normal-menu nav.vertical-menu > ul.menu > li, .ts-header .vertical-menu-wrapper.normal-menu nav.vertical-menu ul.menu ul.sub-menu > li{ width: 100%; } .ts-header .vertical-menu-wrapper.normal-menu nav.vertical-menu > ul.menu li ul.sub-menu > li:first-child > ul.sub-menu{ top: 0; } .ts-header .vertical-menu-wrapper.normal-menu .vertical-menu > ul > li, .ts-header .vertical-menu-wrapper.normal-menu nav.vertical-menu ul.menu ul.sub-menu > li{ position: relative; } .ts-header nav.vertical-menu > ul.menu > li > a, .ts-header .vertical-menu-wrapper.normal-menu nav.vertical-menu ul.menu ul.sub-menu > li > a{ width: 100%; height: 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; min-height: 50px; padding: 5px 50px !important; } .ts-header nav.vertical-menu > ul.menu > li:hover > a, .ts-header nav.vertical-menu > ul.menu > li.ts-active > a, .ts-header .normal-menu nav.vertical-menu ul.sub-menu > li:hover > a, .ts-header .normal-menu nav.vertical-menu ul.sub-menu > li.current-menu-item > a{ text-decoration: underline; } .ts-header .normal-menu nav.vertical-menu li > .ts-menu-drop-icon, .ts-header nav.vertical-menu > ul.menu > li > .ts-menu-drop-icon, .ts-header nav.vertical-menu > ul > li > .ts-menu-drop-icon{ display: none; } .ts-header nav.vertical-menu > ul.menu li ul.sub-menu{ left: 285px; /*rtl*/ top: 0; padding: 0 !important; } .ts-header .vertical-menu-wrapper:not(.normal-menu) nav.vertical-menu > ul.menu li ul.sub-menu{ display: none; transition: none; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none; overflow: hidden; } .ts-header .vertical-menu-wrapper.normal-menu nav.vertical-menu > ul.menu > li > ul.sub-menu{ -webkit-animation-name: animation_menu_sub; -moz-animation-name: animation_menu_sub; animation-name: animation_menu_sub; } .ts-header nav.vertical-menu > ul.menu li ul.sub-menu{ min-height: 100%; } .ts-header .vertical-menu-wrapper:not(.normal-menu) nav.vertical-menu:after{ content: ''; width: 1px; position: absolute; top: 25px; bottom: 0; left: 285px; /*rtl*/ border-width: 0 0 0 1px; /*rtl*/ border-style: solid; z-index: 2; } .ts-header .vertical-menu-wrapper:not(.normal-menu) nav.vertical-menu > ul.menu li.ts-normal-menu ul.sub-menu{ padding: 30px 40px !important; width: 100%; } .ts-header nav.vertical-menu > ul.menu li.ts-megamenu ul.sub-menu > li{ height: 100%; } .ts-header nav.vertical-menu > ul.menu li.ts-megamenu-columns-4 ul.sub-menu{ width: 880px; } .ts-header nav.vertical-menu > ul.menu li.ts-megamenu-columns-3 ul.sub-menu{ width: 660px; } .ts-header nav.vertical-menu > ul.menu li.ts-megamenu-columns-2 ul.sub-menu{ width: 440px; } .ts-header nav.vertical-menu > ul.menu li.ts-megamenu-columns-1 ul.sub-menu, .ts-header nav.vertical-menu > ul.menu li.ts-normal-menu ul.sub-menu{ width: 210px; } .ts-header nav.vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{ width: 955px; } .ts-header nav.vertical-menu > ul.menu li.ts-megamenu ul.sub-menu .elementor-section.elementor-section-stretched{ max-width: 100%; } .header-fullwidth .ts-header nav.vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu, .layout-fullwidth .ts-header nav.vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{ width: calc(100% - 285px); } .ts-header .vertical-menu-wrapper.normal-menu nav.vertical-menu > ul.menu{ width: calc(100% - 30px); } .ts-header .vertical-menu-wrapper.normal-menu nav.vertical-menu > ul.menu > li > a, .ts-header .vertical-menu-wrapper.normal-menu nav.vertical-menu ul.menu ul.sub-menu li > a{ padding-left: 30px !important; padding-right: 30px !important; } .ts-header .vertical-menu-wrapper.normal-menu nav.vertical-menu > ul.menu li ul.sub-menu{ left: 100%; /*rtl*/ } .ts-header .vertical-menu-wrapper.normal-menu nav.vertical-menu > ul.menu li ul.sub-menu ul.sub-menu:before, .ts-header .vertical-menu-wrapper.normal-menu nav.vertical-menu > ul.menu li ul.sub-menu ul.sub-menu:after{ left: 0; } .ts-header nav.vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .elementor-section-wrap > .elementor-section:first-child > .elementor-container{ padding: 0 !important; } .ts-header .vertical-menu-wrapper:not(.normal-menu) nav.vertical-menu > ul.menu li:hover > ul.sub-menu, .ts-header .vertical-menu-wrapper:not(.normal-menu) nav.vertical-menu > ul.menu li.ts-active > ul.sub-menu{ display: block; } .ts-header .vertical-menu-wrapper:not(.normal-menu) nav.vertical-menu > ul.menu li:hover ul.sub-menu > *{ -webkit-animation-duration: 400ms; -moz-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_tranlate_left; -moz-animation-name: animation_tranlate_left; animation-name: animation_tranlate_left; display: block; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ts-header .vertical-menu-wrapper:not(.normal-menu) .vertical-menu-wrapper:not(.normal-menu) nav.vertical-menu, .ts-header .vertical-menu-wrapper:not(.normal-menu) .vertical-menu-wrapper:not(.normal-menu) nav.vertical-menu:before{ transition: height 400ms ease; } .ts-header .vertical-menu-wrapper:not(.normal-menu) nav.vertical-menu:before{ content: ""; position: absolute; top: 24px; right: 0; left: 0; bottom: 0; z-index: 0; box-shadow: -5px 5px 5px rgba(0,0,0,0.1); border-width: 1px 0 0; border-style: solid; } .header-v3 .ts-header .vertical-menu-wrapper:not(.normal-menu) nav.vertical-menu:before, .header-v3 .ts-header .vertical-menu-wrapper:not(.normal-menu) nav.vertical-menu:after{ top: 42px; } .ts-header nav.vertical-menu > ul.menu li ul.sub-menu:after, .ts-header nav.vertical-menu > ul.menu li ul.sub-menu:before{ top: 0; border-top-width: 0; box-shadow: 5px 5px 5px rgba(0,0,0,0.1); } .ts-header nav.vertical-menu > ul.menu li.ts-megamenu ul.sub-menu:after, .ts-header nav.vertical-menu > ul.menu li.ts-megamenu ul.sub-menu:before{ box-shadow: none; } .ts-header nav.vertical-menu > ul.menu li ul.sub-menu:after{ top: 1px; } .ts-header .vertical-menu ul.menu li a .menu-icon{ position: static; width: 50px; margin-right: 10px; /*rtl*/ transform: none !important; } .header-fullwidth .ts-header nav.vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .elementor-section-wrap > .elementor-section > .elementor-container, .layout-fullwidth .ts-header nav.vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .elementor-section-wrap > .elementor-section > .elementor-container { padding-left: 0 !important; padding-right: 0 !important; } /* 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: 22px; margin-bottom: 15px; cursor: default; } .ts-list-of-product-categories-wrapper .button-text:not(.ts-banner):not(.elementor-widget-button){ margin: 0; } /* 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; } /*** Vertical Menu ***/ .vertical-categories-wrapper{ width: 240px; position: fixed; left: 0; /*rtl*/ right: auto; /*rtl*/ top: 0; bottom: 0; background: #ffffff; border-width: 0 1px 0 0; /*rtl*/ border-style: solid; overflow-x: hidden; overflow-y: auto; z-index: 9; padding-top: 66px; transition: padding-top 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .ts-store-notice ~ .vertical-categories-wrapper{ padding-top: 97px; } .admin-bar #page .vertical-categories-wrapper{ padding-top: 98px; } .admin-bar #page .ts-store-notice ~ .vertical-categories-wrapper{ padding-top: 129px; } .vertical-categories-wrapper ~ *{ transform: translateX(240px); /*rtl*/ max-width: calc(100% - 240px); } .tab-vertical-menu .products .product-category .product-wrapper a:hover, .vertical-categories-wrapper .products .product-category .product-wrapper a:hover, .category-style-vertical .products .product-category .product-wrapper a:hover{ text-decoration: none; } .vertical-categories-wrapper.multiply .products .product-category .product-wrapper img{mix-blend-mode: multiply;} .vertical-categories-wrapper.screen .products .product-category .product-wrapper img{mix-blend-mode: screen;} .vertical-categories-wrapper.overlay .products .product-category .product-wrapper img{mix-blend-mode: overlay;} .vertical-categories-wrapper.darken .products .product-category .product-wrapper img{mix-blend-mode: darken;} .vertical-categories-wrapper.lighten .products .product-category .product-wrapper img{mix-blend-mode: lighten;} .vertical-categories-wrapper.color-dodge .products .product-category .product-wrapper img{mix-blend-mode: color-dodge;} .vertical-categories-wrapper.color-burn .products .product-category .product-wrapper img{mix-blend-mode: color-burn;} .vertical-categories-wrapper.difference .products .product-category .product-wrapper img{mix-blend-mode: difference;} .vertical-categories-wrapper.exclusion .products .product-category .product-wrapper img{mix-blend-mode: exclusion;} .vertical-categories-wrapper.hue .products .product-category .product-wrapper img{mix-blend-mode: hue;} .vertical-categories-wrapper.saturation .products .product-category .product-wrapper img{mix-blend-mode: saturation;} .vertical-categories-wrapper.color .products .product-category .product-wrapper img{mix-blend-mode: color;} .vertical-categories-wrapper.luminosity .products .product-category .product-wrapper img{mix-blend-mode: luminosity;} /*-------------------------------------------------------- 2. HEADER TOP ---------------------------------------------------------*/ .header-top{ border-width: 0 0 1px; border-style: solid; } .header-v2 .header-top{ position: relative; z-index: 10; } .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: 30px; padding-bottom: 30px; } .header-v2 .header-middle > .container{ padding-top: 10px; padding-bottom: 10px; } .header-v4 .header-middle > .container{ padding-top: 20px; padding-bottom: 20px; } .header-bottom{ margin-top: -5px; } .header-bottom > .container{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 25px; padding-bottom: 25px; } .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*/ } .header-middle .header-social-icon{ margin-left: 20px; /*rtl*/ } .header-middle .header-social-icon:not(:last-child){ padding-right: 50px; /*rtl*/ margin-right: 34px; /*rtl*/ position: relative; } .header-middle .header-social-icon:not(:last-child):after{ content: ''; width: 1px; height: 30px; border-width: 0 0 0 1px; /*rtl*/ border-style: solid; position: absolute; top: 50%; right: 0; /*rtl*/ transform: translateY(-50%); } .header-contact-info{ padding-left: 32px; /*rtl*/ position: relative; } .header-middle .header-contact-info{ margin-left: 14px; /*rtl*/ } .header-middle .header-contact-info:not(:last-child){ margin-right: 16px; /*rtl*/ } .header-contact-info:before{ font-size: 20px; line-height: 1; position: absolute; top: 50%; left: 0; /*rtl*/ transform: translateY(-50%); } .header-contact-info > strong, .header-contact-info > span{ display: block; line-height: 16px; } .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; } #group-icon-header .social-icons ul li:not(:last-child), .ts-header .social-icons:not(.style-horizontal):not(.style-vertical):not(.style-vertical-noicon) ul li:not(:last-child){ margin-right: 22px; /*rtl*/ } #group-icon-header .social-icons ul li a, #group-icon-header .header-contact-info, #group-icon-header .header-contact-info *, .ts-header .social-icons ul li a{ color: inherit; text-decoration: none; } .ts-header .header-middle .social-icons ul li a{ padding: 11px 0; display: block; } .social-icons ul li i{ font-size: 16px; line-height: 20px; display: inline-block; vertical-align: middle; } .header-top .social-icons ul li i{ font-size: 14px; } /*** Header Top ***/ .header-top > .container{ padding-top: 5px; padding-bottom: 5px; line-height: 18px; position: relative; } .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; } .ts-header .language-currency{ margin: 0 50px; } .header-v3 .ts-header .language-currency{ margin: 0 20px; } .ts-header .language-currency:last-child{ margin-right: 0; /*rtl*/ } .language-currency > *:not(:last-child){ margin-right: 15px; /*rtl*/ } /*-------------------------------------------------------- 3. HEADER MIDDLE ---------------------------------------------------------*/ .header-middle, .header-bottom{ position: relative; } .header-middle + .header-bottom > .container{ padding-top: 0; } .is-sticky .header-middle + .header-bottom > .container{ padding-top: 20px; } .header-language, .header-currency{ position: relative; display: block; float: left; /*rtl*/ text-transform: uppercase; } .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-vertical .icon:before, .icon-menu-sticky-header .icon:before{ font-size: 18px; } .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; } .search-button.search-icon .icon, .my-wishlist-wrapper .tini-wishlist, .my-account-wrapper .account-control > a, .shopping-cart-wrapper .cart-control{ display: block; position: relative; padding: 13px; box-sizing: content-box; } .ts-header .shopping-cart-wrapper:last-child .cart-control, .ts-header .my-wishlist-wrapper:last-child .tini-wishlist{ padding-right: 10px; /*rtl*/ } .ts-header .search-button.search-icon:last-child .icon, .ts-header .my-account-wrapper:last-child .ts-tiny-account-wrapper:not(.ts-style-text) .account-control > a, .header-v2 .ts-header .shopping-cart-wrapper:last-child .cart-control{ padding-right: 0; /*rtl*/ } .dropdown-container .theme-title span, .my-wishlist-wrapper .tini-wishlist .count-number, .shopping-cart-wrapper .cart-control .cart-number{ position: absolute; top: 1px; right: auto; /*rtl*/ left: 25px; /*rtl*/ width: 19px; height: 19px; font-size: 10px; line-height: 19px; text-align: center; border-radius: 2px; overflow: hidden; } .ts-tiny-account-wrapper{ position: relative; } .shopping-cart-wrapper .cart-control{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .shopping-cart-wrapper .cart-control .cart-total{ margin-left: 15px; /*rtl*/ line-height: 1; display: none; } .header-v2 .header-middle .shopping-cart-wrapper .cart-control .cart-total, .header-v4 .header-middle .shopping-cart-wrapper .cart-control .cart-total{ display: block; } .header-v2 .ts-header .search-content input[type="text"]{ border-radius: 0; padding-top: 7px; padding-bottom: 7px; } .header-v2 .ts-header .search-table .search-button:before{ line-height: 38px; } .header-v2 .header-middle .header-right{ margin-left: 50px; /*rtl*/ } .header-v2 .header-middle .header-right > *{ position: relative; padding: 0 8px; } .header-v2 .header-middle .header-right > *:last-child{ padding-right: 0; /*rtl*/ } .header-v2 .header-middle .header-right > *:not(:first-child):before{ content: ''; position: absolute; top: -10px; bottom: -10px; left: 0; /*rtl*/ display: block; border-width: 0 0 0 1px; border-style: solid; } .header-v2 .header-middle .header-right > .language-currency:before{ display: none; } .header-v2 .ts-header .language-currency{ margin-left: 20px; /*rtl*/ } .header-v2 .header-middle .header-right > .header-social-icon{ padding-left: 0; /*rtl*/ padding-right: 30px; /*rtl*/ margin-right: 0; /*rtl*/ } .header-v2 .header-middle .container > .ts-search-by-category{ max-width: 40%; margin: 0 auto; } .header-v4 .header-middle .header-left{ 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.header-v4 .ts-header .menu-wrapper{ -webkit-box-flex: none; -ms-flex: none; flex: none; position: relative; } .header-v4 .header-middle .header-left, .header-v4 .header-middle .header-right{ width: 40%; } .header-v4 .header-middle .logo-wrapper{ padding: 0 20px; text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .header-v4 .header-middle .header-left > *:first-child, .header-v4 .header-middle .header-left > .menu-wrapper, .header-v4 .header-middle .header-right > *:first-child{ border-top-left-radius: 2px; /*rtl*/ border-bottom-left-radius: 2px; /*rtl*/ } .header-v4 .header-middle .header-left > *:last-child, .header-v4 .header-middle .header-right > *:last-child{ border-top-right-radius: 2px; /*rtl*/ border-bottom-right-radius: 2px; /*rtl*/ } .header-v4 .header-middle .header-left > *:first-child, .header-v4 .header-middle .header-left > .menu-wrapper{ padding-left: 30px; /*rtl*/ } .header-v4 .ts-header .header-left nav.main-menu > ul.menu > li, .header-v4 .ts-header .header-left nav.main-menu > ul > li{ padding-top: 19px; padding-bottom: 19px; } .header-v4 .header-middle .header-left > *:not(:last-child), .header-v4 .header-middle .header-right > *:not(:last-child){ border-width: 0 1px 0 0; /*rtl*/ border-style: solid; max-width: 100%; } .header-v4 .header-middle .search-button.search-icon .icon{ padding: 17px 30px; } .header-v4 .header-middle .search-button.search-icon{ min-width: 80px; } .header-v4 .header-middle .my-account-wrapper .account-control > a{ padding: 20px; } .header-v4 .header-middle .my-wishlist-wrapper, .header-v4 .header-middle .shopping-cart-wrapper{ padding: 7px; } .header-v4 .header-middle .search-button.search-icon .icon:before{ line-height: 22px; } .header-v4 .header-middle .search-button.search-icon .icon.active:before{ font-size: 14px; line-height: 26px; } .header-v4 .header-middle .header-left .ts-search-by-category{ opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-top-left-radius: 2px; border-top-right-radius: 2px; transition: 350ms ease; } .header-v4 .header-middle .header-left .ts-search-by-category.active{ display: block !important; opacity: 1; visibility: visible; z-index: 2; } .header-v4 .header-middle .header-left .ts-search-by-category > 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-v4 .header-middle .header-left .ts-search-by-category > form .search-content input[type="text"]{ background: transparent !important; border: none; padding: 18px 60px 18px 20px; /*rtl*/ } .header-v4 .header-middle .header-left .ts-search-by-category > form .search-table .search-button:before{ font-size: 18px; line-height: 60px; } .ts-search-by-category > form .search-table .loading ~ .search-button:before{ opacity: 0; visibility: hidden; } .ts-floating-sidebar .ts-search-by-category > form .search-table .loading ~ .search-button:before{ opacity: 1; visibility: visible; } .header-v2 .header-right .header-social-icon:after{ display: none; } .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; max-width: 25%; } .hidden-wishlist.hidden-currency.hidden-language .header-middle .container > .ts-search-by-category{ max-width: 70%; } .hidden-cart.hidden-wishlist.hidden-currency.hidden-language .header-middle .container > .ts-search-by-category{ max-width: 74%; } .ts-search-by-category > form{ max-width: 100%; } .search-table .search-button{ position: relative; } .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 .ts-tiny-account-wrapper:not(.ts-style-text):hover .dropdown-container, .my-account-wrapper .ts-tiny-account-wrapper.ts-style-text .dropdown-container:hover, .my-account-wrapper .ts-tiny-account-wrapper.ts-style-text a.login:hover ~ .dropdown-container, .my-account-wrapper .ts-tiny-account-wrapper.ts-style-text a.my-account: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; border-radius: 2px; } .my-account-wrapper .dropdown-container:before, .shopping-cart-wrapper .dropdown-container:before{ top: 10px; } .shopping-cart-wrapper .dropdown-container{ padding-top: 42px; } .my-account-wrapper .dropdown-container, .shopping-cart-wrapper .dropdown-container{ 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, .ts-tiny-cart-wrapper .dropdown-container ul.cart_list{ padding: 0; margin: 0 0 0 0; overflow: auto; max-height: 342px; position: relative; } 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: -22px; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{ font-weight: inherit !important; } .woocommerce .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li:last-child, .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li:last-child{ margin-bottom: 0; border-width: 0; } .cart_list li a.remove:hover { text-decoration: none; } .woocommerce .dropdown-container ul.cart_list li img, .dropdown-container ul.cart_list li img{ width: 100% !important; margin: 0; } .ts-tiny-cart-wrapper .cart_list li > a, .woocommerce .ts-tiny-cart-wrapper .cart_list li > a{ width: 80px; } .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper, .woocommerce .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper{ padding-left: 15px; /*rtl*/ 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-flex: 1; -ms-flex: 1; flex: 1; } .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper > *:not(.quantity):not(.subtotal), .woocommerce .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper > *:not(.quantity):not(.subtotal){ width: 100%; } .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper > .subtotal, .woocommerce .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper > .subtotal{ margin-left: auto; /*rtl*/ margin-right: 8px; /*rtl*/ } #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper > .subtotal{ margin-right: 0 !important; /*rtl*/ } .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 */ } .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; } /*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; text-decoration: none !important; } .ts-tiny-cart-wrapper .total > span.total-title, .widget_shopping_cart .total-title, .woocommerce .widget_shopping_cart .total strong, .woocommerce.widget_shopping_cart .total strong, .elementor-widget-wp-widget-woocommerce_widget_cart .total strong{ display: inline-block; padding-right: 5px;/* rtl */ vertical-align: middle; line-height: 20px; } .ts-tiny-cart-wrapper li div.blockUI.blockOverlay, .widget_shopping_cart li div.blockUI.blockOverlay, .elementor-widget-wp-widget-woocommerce_widget_cart li div.blockUI.blockOverlay{ background-image: none !important; } .ts-tiny-cart-wrapper li:last-child div.blockUI.blockOverlay, .widget_shopping_cart li:last-child div.blockUI.blockOverlay, .elementor-widget-wp-widget-woocommerce_widget_cart li:last-child div.blockUI.blockOverlay{ bottom: 0 !important; } .woocommerce-cart .cart-dropdown-form, .woocommerce-checkout .cart-dropdown-form, .woocommerce-cart #ts-shopping-cart-sidebar, .woocommerce-checkout #ts-shopping-cart-sidebar, .shopping-cart-wrapper .dropdown-container .theme-title{ display: none !important; } /*** Fix My account dropdown ***/ .my-account-wrapper .dropdown-container{ width: 330px; } .dropdown-container .dropdown-footer{ margin: 0; } .my-account-wrapper .dropdown-container .form-content p{ margin-bottom: 15px; } .my-account-wrapper .form-content > form > a.register{ display: block; text-align: center; font-size: 90%; padding: 7px 0 4px; } .my-account-wrapper .login-submit input[type="submit"]{ width: 100%; } 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: 218px; } .logged-in .my-account-wrapper .dropdown-container ul{ margin-bottom: 0; } .logged-in .my-account-wrapper .dropdown-container ul li{ list-style: none; } .logged-in .my-account-wrapper .dropdown-container ul li:first-child{ padding-top: 0; } .logged-in .my-account-wrapper .dropdown-container ul li:last-child{ padding-bottom: 0; } .my-account-wrapper .dropdown-container a{ color: inherit; text-decoration: none; } /*** My account style 2 ***/ .ts-tiny-account-wrapper.ts-style-text{ margin-right: 50px; /*rtl*/ } .my-account-wrapper .ts-style-text .account-control > a{ font-size: 12px; line-height: 16px; color: #000000; background: rgba(0, 0, 0, 0.1); float: left; /*rtl*/ border-radius: 2px; padding: 9px 20px; margin-right: 1px; /*rtl*/ } .ts-tiny-account-wrapper.ts-style-text .account-control>a:before{ display: none; } .header-text-light .ts-header .my-account-wrapper .ts-style-text .account-control > a{ color: #ffffff; background: rgba(255, 255, 255, 0.1); } .my-account-wrapper .ts-tiny-account-wrapper.ts-style-text .dropdown-container{ margin-left: -165px; /*rtl*/ padding-top: 33px; } .logged-in .my-account-wrapper .ts-tiny-account-wrapper.ts-style-text .dropdown-container{ margin-left: -109px; /*rtl*/ } .my-account-wrapper .ts-tiny-account-wrapper.ts-style-text .dropdown-container:before{ top: 1px; } /**/ /*** 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: 10px; padding-bottom: 10px; } .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: 200ms; -moz-animation-duration: 200ms; animation-duration: 200ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: mySticky; -moz-animation-name: mySticky; animation-name: mySticky; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-width: 0; box-shadow: 0 2px 4px rgba(0,0,0,.2); } .header-sticky .visible-sticky.logo-wrapper{ width: 0; height: auto; display: none; } .icon-menu-vertical, .icon-menu-sticky-header{ width: 38px; box-sizing: content-box; text-align: center; cursor: pointer; margin-right: 20px; /*rtl*/ } .icon-menu-sticky-header{ display: none !important; } .header-left .icon-menu-vertical, .header-left .icon-menu-sticky-header{ position: relative; top: 2px; } .icon-menu-vertical .icon, .icon-menu-sticky-header .icon{ display: inline-block; vertical-align: top; line-height: 0; padding: 6px 10px; transition: 350ms ease; } .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 > .cart-icon{ display: none; } .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-sidebar-content{ overflow: hidden; } #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper .cart-content .cart_list{ max-height: 100%; overflow-x: hidden; overflow-y: scroll; margin-right: -17px;/* rtl */ margin-left: 0;/* rtl */ -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; 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: 45px; } .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: 25px; } 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; padding: 5px 20px; border-width: 1px; border-style: solid; border-radius: 2px; } /*** 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; } 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; } .ts-search-result-container ul.product_list_widget, .ts-floating-sidebar .woocommerce ul.product_list_widget{ 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; } .ts-floating-sidebar .woocommerce ul.product_list_widget li, .woocommerce.ts-search-result-container ul.product_list_widget li{ width: calc(25% - 10px); margin: 0 5px 10px; text-align: start; } .ts-floating-sidebar .woocommerce ul.product_list_widget li .ts-wg-meta, .woocommerce.ts-search-result-container ul.product_list_widget li .ts-wg-meta{ padding-left: 20px; /*rtl*/ } .ts-floating-sidebar .woocommerce ul.product_list_widget li .price, .ts-search-result-container ul.product_list_widget li .price, .woocommerce.ts-search-result-container ul.product_list_widget li .price{ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .ts-search-result-container .description{ display: none !important; } .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 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-top, .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-top, .header-transparent .header-template > .header-middle, .header-transparent .header-template > .header-bottom{ background: transparent; } .header-transparent .header-template > .header-top{ border-color: rgba(255,255,255,0.1); } .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-text-light .header-template > div:not(.is-sticky) .header-top, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-bottom, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .ts-menu > nav.main-menu > ul.menu > li > .ts-menu-drop-icon, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .menu-wrapper nav:not(.vertical-menu) > 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:not(.vertical-menu) > 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) .menu-wrapper .vertical-menu-heading:after, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .menu-wrapper nav:not(.vertical-menu) > ul.menu > li.has-line:after, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .menu-wrapper nav:not(.vertical-menu) > ul > li.has-line:after{ border-color: rgba(255,255,255,.3); } /*------------------------------------------------------------------------------------------------------------------- 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; } /* LOADING */ .ts-product .content-wrapper.loading{ max-height: 400px; } .ts-product.ts-product-brand-wrapper .content-wrapper.loading{ height: 46px; } .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-instagram-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, .column-products.loading, .ts-portfolio-wrapper.loading{ height: 200px; } .thumbnails-container.loading, .thumbnails.loading{ height: 100px; } .images.loading, .ts-product .content-wrapper.loading, .ts-logo-slider-wrapper.loading, .ts-instagram-wrapper.loading, .related-posts.loading .content-wrapper, .woocommerce .product figure.loading, .ts-products-widget-wrapper.loading, .ts-blogs-widget-wrapper.loading, .ts-recent-comments-widget-wrapper.loading, .blogs article a.gallery.loading, .ts-blogs.loading .content-wrapper, .ts-testimonial-wrapper .items.loading, .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-instagram-wrapper.loading > *, .ts-logo-slider-wrapper.loading .content-wrapper > *, .related-posts.loading .content-wrapper > *, .woocommerce .product figure.loading > *, .ts-products-widget-wrapper.loading > *, .ts-blogs-widget-wrapper.loading > *, .ts-recent-comments-widget-wrapper.loading > *, .blogs article a.gallery.loading > *, .ts-blogs.loading .content-wrapper > *, .ts-testimonial-wrapper .items.loading > *, .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: 20px 0 20px; } .breadcrumb-title-wrapper .breadcrumbs{ line-height: 14px; } .breadcrumb-title-wrapper .breadcrumbs-container > *{ display: inline-block; vertical-align: middle; } .breadcrumb-title-wrapper .breadcrumb-title .page-title{ line-height: 40px; } .woocommerce-page.archive #main .breadcrumb-title-wrapper.breadcrumb-v1 .page-title, .woocommerce-cart #main .breadcrumb-title-wrapper.breadcrumb-v1 .page-title, .woocommerce-account #main .breadcrumb-title-wrapper.breadcrumb-v1 .page-title, .woocommerce-wishlist #main .breadcrumb-title-wrapper.breadcrumb-v1 .page-title, .woocommerce-checkout #main .breadcrumb-title-wrapper.breadcrumb-v1 .page-title{ padding-bottom: 16px; } .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumb-content .breadcrumb-title{ position: relative; } .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumb-content .breadcrumb-title:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; display: block; border-width: 1px 0 0; border-style: solid; } .header-v2 .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumb-content .breadcrumb-title:before, .header-v4 .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumb-content .breadcrumb-title:before{ left: -30px; right: -30px; } .breadcrumb-title-wrapper.breadcrumb-v1 .page-title{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .woocommerce.archive .breadcrumb-title-wrapper.breadcrumb-v1 .page-title{ margin-right: auto; /*rtl*/ position: relative; } .woocommerce.archive .breadcrumb-title-wrapper.breadcrumb-v1 .page-title .count{ display: inline-block; vertical-align: top; font-size: 10px; line-height: 14px; padding: 2px 5px; border-radius: 2px; position: absolute; top: 0; left: calc(100% + 12px); /*rtl*/ background: #F0F0F0; white-space: nowrap; font-weight: normal; } .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; line-height: 1; 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; } .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; } /*** 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: 250px; 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; padding-bottom: 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: rgba(255,255,255,0.7); } .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{ border-width: 0; padding: 0; 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 textarea{ height: 158px; } .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; } body .wpcf7 form label:last-child input + .wpcf7-not-valid-tip{ margin-top: 10px; } /*-------------------------------------------------------- 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{ 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; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px -11px 0; width: calc(100% + 22px); } .ts-shortcode.ts-product .owl-dots{ position: relative; } .owl-dot{ width: 6px; height: 6px; background: #e3e3e3; border-radius: 50%; display: inline-block; margin: 0 11px; } /*** Navigation ***/ .owl-nav > div{ width: 35px; height: 35px; display: block; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%; text-align: center; font-size: 0; line-height: 0; opacity: 0.1; transition: 350ms ease; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); } .ts-blogs-wrapper .owl-nav > div{ top: 40%; } .owl-nav > div.owl-prev{ left: 20px; /*rtl*/ } .owl-nav > div.owl-next{ right: 20px; /*rtl*/ } .owl-nav > div:before{ line-height: 35px; font-size: 10px; display: inline-block; transition: none; color: inherit; } .owl-carousel:hover .owl-nav > div{ opacity: 1; } /*** 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: 1px; } .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; margin-left: 2px; /*rtl*/ box-shadow: none; border-radius: 0; } .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; } /*-------------------------------------------------------- 5. CUSTOM AGROFOOD ---------------------------------------------------------*/ .elementor-section-full_width.elementor-section-stretched .elementor-column-gap-no .wp-block-themepunch-revslider rs-fullwidth-wrap rs-module-wrap{ width: 100vw !important; left: calc(50% - 50vw) !important; } .elementor-section-full_width.elementor-section-stretched .elementor-column-gap-no .wp-block-themepunch-revslider rs-fullwidth-wrap rs-module-wrap rs-module{ width: 100% !important; } div.wpcf7 input[type^="submit"]:hover, .button:hover, a.button:hover, button:hover, input[type^="submit"]:hover, .shopping-cart p.buttons a:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, #content button.button:hover, .woocommerce #respond input#submit:hover, div.button a:hover, input[type="submit"].dokan-btn:hover, a.dokan-btn:hover, .dokan-btn:hover, .wishlist_table .product-add-to-cart a:hover, a.wp-block-button__link:hover, .elementor-button-wrapper .elementor-button:hover, body .woocommerce table.compare-list .add-to-cart td a:hover, .woocommerce-cart table.cart td.actions > .button, .yith-woocompare-widget a.clear-all:hover, .elementor-widget-wp-widget-yith-woocompare-widget a.clear-all:hover, .button-primary:hover, .button.button-primary:hover, .shop-more a.button:hover, #content button.button.button-primary:hover, .woocommerce-page button.button.button-primary:hover, .woocommerce div.product form.cart .button:hover, .yith-wfbt-form .yith-wfbt-submit-block .button:hover, form.track_order input[type^="submit"]:hover, form.track_order button[type^="submit"]:hover, .woocommerce-MyAccount-content form button[type^="submit"]:hover, .woocommerce form.woocommerce-ResetPassword.lost_reset_password button[type^="submit"]:hover, .load-more-wrapper .button:hover, .ts-shop-load-more .button:hover, .woocommerce .ts-shop-load-more .button:hover, .woocommerce-cart .return-to-shop a.button:hover, .widget_shopping_cart .buttons a.checkout, .woocommerce #customer_login form.login .button:hover, .woocommerce #customer_login form.register .button:hover, .yith-woocompare-widget a.compare:hover, .elementor-widget-wp-widget-yith-woocompare-widget a.compare:hover, .elementor-widget-wp-widget-woocommerce_widget_cart .buttons a.checkout:hover, #add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover, .dropdown-footer > a.button.checkout-button{ background: transparent; } .load-more-wrapper .button.loading, .ts-shop-load-more .button.loading, .woocommerce .ts-shop-load-more .button.loading{ border-color: #cccccc; } .load-more-wrapper, .woocommerce .woocommerce-cart-form, .woocommerce-checkout #customer_details, .woocommerce-cart article .woocommerce .cart-collaterals, .woocommerce-checkout #order_review, .woocommerce #customer_login, .woocommerce > form.checkout #customer_details, .woocommerce > form.checkout #order_review, .blog-template #left-sidebar, .blog-template #right-sidebar, .woocommerce .after-loop-wrapper:not(:last-child), .woocommerce.archive #main > .page-container, .single-portfolio .related-portfolios, .woocommerce div.product.tabs-in-summary .woocommerce.yith-wfbt-section, .woocommerce-account .woocommerce-MyAccount-content{ margin-bottom: 66px; } .ts-pagination, .woocommerce div.product div.summary{ margin-bottom: 61px; } .woocommerce .woocommerce-order, .woocommerce .woocommerce-customer-details{ margin-bottom: 58px; } article.single-post > .comments-area{ margin-bottom: 24px; } article.single-post .entry-format .thumbnail img{ margin-bottom: 50px; border-radius: 2px; } article.single-post .entry-format{ margin-bottom: 55px; } .woocommerce-tabs{ padding-top: 60px; padding-bottom: 60px; } .woocommerce div.product.product-style-1 > .ts-product-in-category-tab-wrapper + .woocommerce-tabs, #main-content.ts-col-24 div.product.frequently-bought-together-vertical:not(.product-style-4) .woocommerce-tabs{ border-width: 1px 0 0; border-style: solid; } .entry-author{ margin-top: 60px; margin-bottom: 60px; } .entry-content + .entry-author{ margin-top: 66px; } article.single-post > .entry-content{ margin-bottom: 61px; padding-bottom: 56px; } .single .meta-bottom-2{ margin: 0 0 70px; } article.single-post > .entry-meta-bottom .social-sharing{ margin-bottom: 68px; } .single-portfolio > .entry-main{ margin-bottom: 64px; } .single-portfolio .related-portfolios{ padding-top: 55px; } .woocommerce div.product > #reviews{ padding-top: 60px; padding-bottom: 50px; } .woocommerce div.product > section.products{ padding-top: 61px; } .woocommerce div.product.tabs-after-related-product > section.products + section.products, .woocommerce div.product > section.products:last-child{ padding-bottom: 66px; } .woocommerce div.product #reviews nav.woocommerce-pagination{ padding: 22px 0 74px; } .woocommerce div.product .woocommerce-tabs #reviews nav.woocommerce-pagination{ padding-top: 52px; padding-bottom: 0; } #ts-search-sidebar .ts-sidebar-content{ width: 100%; padding: 50px 50px 56px; bottom: auto; transform: translate(0, -100%); text-align: center; } #ts-search-sidebar .ts-search-by-category > form{ max-width: 700px; margin: 0 auto; } #ts-search-sidebar.active .ts-sidebar-content{ transform: translateX(0px); } 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-button-wrapper .elementor-button.elementor-size-xs{ line-height: 22px; } .woocommerce.archive #primary > .woocommerce-info, .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs li, .elementor-widget-image-box .elementor-image-box-title{ line-height: 26px; } .medium-screen-visible{ display: none !important; } 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 .vertical-menu-wrapper a:not(.button):not(.elementor-button), .ts-header .menu-wrapper .ts-menu a:not(.button):not(.elementor-button), .product .meta-wrapper a:not(.button):not(.elementor-button), .ts-header .normal-menu nav.vertical-menu ul.sub-menu > li > a, .ts-header .normal-menu nav.vertical-menu ul.sub-menu > li > a:hover, .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 .vertical-menu-wrapper 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; } .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: 130%; display: inline-block; vertical-align: top; margin: 0 20px 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%; } .text-light, .ts-mailchimp-subscription-shortcode.text-light label, .ts-mailchimp-subscription-shortcode.text-light p > label{ color: #ffffff !important; } .ts-mailchimp-subscription-shortcode.text-light .mc4wp-form .subscribe-email input[type="email"]{ color: #000000; background-color: #ffffff; } .mc4wp-response{ margin-top: 10px; } .text-light .mc4wp-response{ color: #fff; } /*** Custom elementor ***/ .overflow-hidden > .elementor-column-wrap{ overflow: hidden !important; } .elementor-button-wrapper .elementor-button{ min-width: 168px; } .elementor-button-wrapper .elementor-button.elementor-size-lg{ min-width: 172px; } .button-text .elementor-button-wrapper .elementor-button.elementor-size-xs{ line-height: 16px; } .elementor-section.h-center .elementor-row{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .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); } .ts-product .count-rating, .woocommerce .product_list_widget li .count-rating{ display: none !important; } .ts-language-switcher .wpml-ls-legacy-list-vertical a{ line-height: inherit; } body .elementor-image-gallery > .gallery{ display: -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-button-wrapper .elementor-button.elementor-size-xs{ line-height: 20px; } .elementor-vertical-align-middle .elementor-image-box-img img{ vertical-align: middle; } .elementor-widget-image-box .elementor-image-box-description{ line-height: 1.2; } body .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{ margin-bottom: 10px; } .ts_mega_menu-template-default .ts-list-of-product-categories-wrapper a{ color: inherit; } .ts-list-of-product-categories-wrapper .list-categories ul li a:hover{ text-decoration: none; } body .elementor-swiper-button, body .elementor-lightbox .elementor-swiper-button-next, body .elementor-lightbox .elementor-swiper-button-prev{ width: 35px; height: 35px; line-height: 35px; background: #fff; border-radius: 50%; color: #000; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0.1; } body .elementor-swiper-button:hover{ opacity: 1; } body .elementor-swiper-button i{ font-size: 15px; line-height: inherit; } body .elementor-lightbox .elementor-swiper-button-prev{ left: 10px; /*rtl*/ } body .elementor-lightbox .elementor-swiper-button-next{ right: 10px; /*rtl*/ } body .elementor-pagination-position-outside .swiper-container{ padding-bottom: 20px; } body .swiper-container-horizontal>.swiper-pagination-bullets{ line-height: 1; bottom: 0; } body .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 11px; } .elementor-widget-text-editor .elementor-widget-container p:last-child, .elementor-text-editor p:last-child{ margin-bottom: 0; } .ts-banner .banner-bg img, .elementor-widget-image-carousel .swiper-slide figure img{ border-radius: 2px; } .ts-mask{ -webkit-clip-path: ellipse(120% 100% at 50% 0); clip-path: ellipse(120% 100% at 50% 0); } .ts-product.style-grid.has-shop-more-button .shop-more{ text-align: center; margin-top: 24px; } .ts-product.style-grid.has-shop-more-button .shop-more .button{ margin-top: 0; } .img-offset-top-5.elementor-widget-image-box .elementor-image-box-img img{ margin-top: 5px; } body .elementor-element.icon-x20 .elementor-image-box-wrapper .elementor-image-box-img{ max-width: 20px; } body .elementor-element.icon-x24 .elementor-image-box-wrapper .elementor-image-box-img{ max-width: 24px; } /*** Intro page ***/ .ts-header-intro .elementor-widget-heading.h1 h2{ font-size: 50px; } .has-filters .filter-bar{ font-size: 20px; line-height: 26px; margin: 0 -20px; } .has-filters .filter-bar:after, .has-filters .elementor-column .elementor-widget-wrap:after{ content: ''; display: table; clear: both; } .has-filters .filter-bar li{ list-style: none; float: left; margin: 0 20px; cursor: pointer; } .has-filters .filter-bar li:hover, .has-filters .filter-bar li.current{ text-decoration: underline; } .has-filters .filter-bar li.current{ font-weight: bold; } .intro-item figure, .filter-item figure{ background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; overflow: hidden; position: relative; box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1); transition: 300ms ease; } .intro-item figure > a, .filter-item figure > a{ padding-bottom: 35px; position: relative; z-index: 2; } .intro-item figcaption, .filter-item figcaption{ position: absolute; bottom: 0; left: 0; right: 0; padding: 6px 10px; text-align: center; background: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.1); color: inherit; font-weight: bold; font-style: normal; font-size: 14px; transition: 300ms ease; } .intro-filter-items .elementor-widget-wrap{ margin: 0 -10px; width: calc(100% + 20px); } .intro-filter-items .filter-item{ width: 20%; float: left; /*rtl*/ padding: 0 10px; } .intro-filter-items .filter-item figcaption{ font-size: 12px; } .intro-item figure:hover, .filter-item figure:hover{ box-shadow: 0 15px 50px rgba(0, 0, 0, 0.5); border-color: #00B412; } .intro-item figure:hover figcaption, .filter-item figure:hover figcaption{ background: #00B412; color: #ffffff; border-color: #00B412; } .min-width.elementor-element .elementor-button{ min-width: 197px; } /*------------------------------------------------------------------------------------------------------------------- III. FOOTER ---------------------------------------------------------------------------------------------------------------------*/ .single-post > .single-related-wrapper{ position: relative; } .single-post > .single-related-wrapper:last-child:after{ content: ''; position: absolute; left: 50px; right: 50px; bottom: 0; border-width: 1px 0 0; border-style: solid; } .woocommerce-page .footer-container .container > div{ border-width: 1px 0 0; border-style: solid; } .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 ol li, .footer-container ul li, .footer-container .widget-container ul li, .footer-container .elementor-widget[data-widget_type*="wp-widget-"] ul li{ line-height: 18px; } .footer-container .social-icons .list-icons li a{ font-size: 19px; } .footer-container .elementor-widget-wp-widget-nav_menu[data-widget_type*="wp-widget-"] li:first-child{ padding-top: 5px; } .footer-container .elementor-widget-wp-widget-nav_menu[data-widget_type*="wp-widget-"] li:last-child{ padding-bottom: 5px; } .footer-container .elementor-widget-wp-widget-nav_menu.menu-horizontal li{ display: inline-block; } .footer-container .elementor-widget-wp-widget-nav_menu.menu-horizontal li:not(:last-child){ margin-right: 30px; /**/ } .ts-megamenu .elementor-widget .elementor-widget-container h5, .footer-container .elementor-widget .elementor-widget-container h5{ text-align: inherit; } .ts-megamenu .ts-list-of-product-categories-wrapper ul li{ font-size: inherit; font-weight: inherit; } .footer-container .elementor-widget-wp-widget-nav_menu.small{ line-height: 20px; } .footer-container a, .footer-container h1, .footer-container h2, .footer-container h3, .footer-container h4, .footer-container h5, .footer-container h6, .footer-container .elementor-widget-text-editor ul li a{ color: inherit; } footer#colophon .ts-language-switcher, footer#colophon .ts-currency-switcher, footer#colophon .elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{ border-color: inherit; } .footer-container .ts-list-of-product-categories-wrapper{ font-size: inherit; } /* TO TOP BUTTON */ #to-top{ position: fixed; right: 2px; /* rtl */ bottom: 2px; transform: scale(0,0); width: 50px; height: 50px; transition: 350ms ease 0s; text-align: center; cursor: pointer; border-radius: 100%; 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; } #left-sidebar .widget-container, #right-sidebar .widget-container, .ts-sidebar-content .widget-container{ margin: 0 0 50px 0; } #left-sidebar .widget-container:last-child, #right-sidebar .widget-container:last-child{ margin-bottom: 0; } .widget-container ul, .elementor-widget[data-widget_type*="wp-widget-"] ul{ margin-bottom: 0 !important; } .widget-container.has-nav .widgettitle{ margin-right: 40px; /*rtl*/ } .widget-container .widget-title-wrapper .widget-title:not(:empty), .widget-title-wrapper .widget-title:not(:empty), .elementor-widget[data-widget_type*="wp-widget-"] > h5:not(.elementor-heading-title){ margin-top: -6px; margin-bottom: 10px; } .widget-container .widget-title-wrapper, .widget-title-wrapper, .elementor-widget[data-widget_type*="wp-widget-"] > h5:not(.elementor-heading-title){ position: relative; } .widget-container fieldset, .elementor-widget[data-widget_type*="wp-widget-"] fieldset{ padding: 0; } .widget-container ul ol, .widget-container ol ol, .widget-container ul ul, .elementor-widget[data-widget_type*="wp-widget-"] ul ol, .elementor-widget[data-widget_type*="wp-widget-"] ol ol, .elementor-widget[data-widget_type*="wp-widget-"] ul ul{ display: block; margin: 0 0 0 20px; /*rtl*/ padding-top: 10px; } .widget-container ul ol li:last-child, .widget-container ol ol li:last-child, .widget-container ul ul li:last-child, .elementor-widget[data-widget_type*="wp-widget-"] ul ol li:last-child, .elementor-widget[data-widget_type*="wp-widget-"] ol ol li:last-child, .elementor-widget[data-widget_type*="wp-widget-"] ul ul li:last-child{ margin-bottom: 0; } #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; line-height: 1.5; } .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; } /*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%; } #left-sidebar .widget-container a.button, #left-sidebar .widget-container button, #left-sidebar .widget-container input[type^="submit"], #left-sidebar .yith-woocompare-widget a.clear-all, #left-sidebar .yith-woocompare-widget a.compare, #left-sidebar .widget-container .dokan-btn, #right-sidebar .widget-container a.button, #right-sidebar .widget-container button, #right-sidebar .widget-container input[type^="submit"], #right-sidebar .yith-woocompare-widget a.clear-all, #right-sidebar .yith-woocompare-widget a.compare, #right-sidebar .widget-container .dokan-btn, #ts-filter-widget-area .widget-container a.button, #ts-filter-widget-area .widget-container button, #ts-filter-widget-area .widget-container input[type^="submit"], #ts-filter-widget-area .yith-woocompare-widget a.clear-all, #ts-filter-widget-area .yith-woocompare-widget a.compare, #ts-filter-widget-area .widget-container .dokan-btn{ padding: 5px 10px; min-width: 0; } #left-sidebar .widget-container button.wp-block-search__button, #right-sidebar .widget-container button.wp-block-search__button{ padding: 5px; margin-left: 0; /*rtl*/ min-width: 70px; } #left-sidebar .wp-block-search .wp-block-search__input, #right-sidebar .wp-block-search .wp-block-search__input{ border-width: 0; } /*------------------------------------------------------------- 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: 9px; /*rtl*/ } .product-filter-by-color li .count, .product-filter-by-brand li label .count{ margin-left: 9px; /*rtl*/ } .product-filter-by-color li .count{ display: inline-block; } .product_list_widget li a:hover, .widget_categories > ul li > a:hover, .widget_archive li > a:hover, .widget_nav_menu li > a:hover, .widget_pages li > a:hover, .widget_meta li > a:hover, .widget_recent_entries li > a:hover, .widget_rss li > a:hover, .widget_recent_comments ul li a:hover, .ts-blogs-widget .entry-content a:hover{ text-decoration: none; } /*** Categories ***********************************/ .ts-product-categories-widget-wrapper ul.product-categories li, .widget_product_categories ul.product-categories li, .woocommerce-widget-layered-nav ul li{ padding: 0; margin-bottom: 5px; } .woocommerce-widget-layered-nav ul li:after, .ts-product-categories-widget-wrapper ul.product-categories li:after, .widget_product_categories ul.product-categories li:after{ content: ''; display: table; clear: both; } .woocommerce-widget-layered-nav ul ul, .ts-product-categories-widget-wrapper ul.product-categories ul, .widget_product_categories ul.product-categories ul{ clear: both; } .ts-active-filters .widget_layered_nav_filters ul li a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span, .widget_product_categories ul.product-categories li > span, .widget_product_categories ul.product-categories li > a{ float: left; /*rtl*/ line-height: 16px; padding: 4px 10px; border-width: 1px 0; border-style: solid; } .ts-active-filters .widget_layered_nav_filters ul li a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span, .widget_product_categories ul.product-categories li > span, .widget_product_categories ul.product-categories li > a{ transition: 150ms ease; border-color: transparent !important; box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.05); } .ts-product-categories-widget-wrapper ul.product-categories li > a{ line-height: 16px; padding: 4px 10px; border-color: transparent !important; box-shadow: 0px 1px 4px rgba(106, 106, 106, 0.1); border-width: 1px; border-style: solid; border-radius: 2px; text-decoration: none; transition: 150ms ease; float: left; /*rtl*/ } .ts-product-categories-widget-wrapper ul.product-categories li > a:hover{ color: inherit; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span, .ts-product-categories-widget-wrapper ul.product-categories li > a, .widget_product_categories ul.product-categories li > span, .widget_product_categories ul.product-categories li > a{ cursor: pointer; } .ts-active-filters .widget_layered_nav_filters ul li a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .widget_product_categories ul.product-categories li > a{ border-radius: 2px; border-width: 1px; /*rtl*/ text-decoration: none; } .woocommerce .widget_layered_nav_filters ul li a:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span, .ts-product-categories-widget-wrapper ul.product-categories li .count, .widget_product_categories ul.product-categories li > span{ font-size: 83% !important; } .ts-product-categories-widget-wrapper ul.product-categories li .count{ margin-left: 10px; /*rtl*/ display: inline-block; vertical-align: 1px; } .woocommerce .ts-active-filters .widget_layered_nav_filters ul li a:hover:after{ color: red; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span, .widget_product_categories ul.product-categories li > span{ padding-left: 2px; /*rtl*/ margin-left: -2px; /*rtl*/ } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a + span, .widget_product_categories ul.product-categories li > a + span{ border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-width: 1px 1px 1px 0; /*rtl*/ position: relative; } .ts-product-categories-widget-wrapper > ul li.cat-parent > span.icon-toggle{ width: 24px; float: left; /*rtl*/ cursor: pointer; border-radius: 2px; line-height: 16px; padding: 4px 0; margin-right: 1px; /*rtl*/ text-align: center; border-width: 1px; border-style: solid; } .widget-title-wrapper a.block-control:after, .widget-container ul li span.icon-toggle:after{ display: inline-block; font-size: 8px !important; line-height: inherit; text-align: center; vertical-align: top; } .woocommerce .widget_layered_nav_filters ul li a:after{ margin-left: 10px; /*rtl*/ } /*** 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{ 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; } .search-table .search-field, .woocommerce-product-search .search-field{ width: auto; flex: 1; } .search-table .search-field input[type="text"], .woocommerce-product-search .search-field{ margin: 0; } .search-table .search-field input[type="text"], .search-table .search-button input[type^="submit"], .woocommerce-product-search .search-field, .woocommerce-product-search button[type="submit"]{ border-radius: 0; line-height: 24px; } .search-table .search-button input[type^="submit"], .woocommerce-product-search button[type="submit"]{ min-width: 140px; } .elementor-widget.style-2 .search-table{ box-shadow: 0px 20px 30px -10px rgba(0, 0, 0, 0.1); } .elementor-widget.style-2 .search-table .search-field input[type="text"], .elementor-widget.style-2 .woocommerce-product-search .search-field{ background: #ffffff; padding-top: 10px; padding-bottom: 10px; border: 1px solid rgba(230, 230, 230, 0.8); } .elementor-widget.style-2 .search-table .search-button input[type^="submit"], .elementor-widget.style-2 .woocommerce-product-search button[type="submit"]{ margin-left: 10px; /*rtl*/ } /*** Custom header search ***/ .ts-header .search-content input[type="text"]{ padding-right: 60px; /*rtl*/ margin: 0; width: 100%; max-width: 100%; font-size: 100%; border-radius: 60px; } .ts-header .search-table .search-button input[type^="submit"], .ts-header .search-table .search-button{ width: 60px; text-align: center; position: absolute; top: 0; right: 0; /*rtl*/ bottom: 0; display: inline-block; margin: 0; padding: 0 !important; border-width: 0; font-size: 0 !important; background: transparent !important; color: inherit !important; min-width: 0; } .ts-header .search-table .search-button:before{ font-size: 16px; line-height: 46px; } /*** 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: -2px; margin-right: 10px; /*rtl*/ } /*** Gallery ***********************************/ .widget_media_gallery .gallery{ margin: -1px !important; } .widget_media_gallery .gallery .gallery-item{ padding: 1px !important; margin: 0 !important; } .elementor-widget-wp-widget-media_gallery .gallery{ margin: -10px !important; } .elementor-widget-wp-widget-media_gallery .gallery .gallery-item{ padding: 10px !important; margin: 0 !important; } .gallery .gallery-item img{ border: 0 !important; transition: 350ms ease; } .gallery .gallery-item:hover img{ opacity: 0.5; } .gallery .gallery-item .gallery-caption{ margin: 3px 0 0 !important; font-size: 80%; line-height: 18px; font-weight: normal; } /*** Widet Text ***********************************/ .ts-sidebar .widget_text small + a{ margin-left: 20px; /*rtl*/ } .widget_text a[href^="mailto"], .widget_text a[href^="tel"]{ color: inherit; } /*** Widet Gutenberg ***********************************/ body.home .index-template .list-posts .wp-block-latest-comments article{ padding: 0; margin: 0; width: auto; } body.home .index-template .list-posts .wp-block-latest-comments article:after{ display: none; } body .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, body .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{ margin-left: 0; /*rtl*/ } .wp-block-rss a, .wp-block-latest-posts a, .wp-block-latest-comments li a{ color: inherit; } .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*/ } /*------------------------------------------------------------- 2. WIDGET FILTER --------------------------------------------------------------*/ .ts-active-filters .widget_layered_nav_filters:after{ content: ''; clear: both; display: table; } .ts-active-filters .widget_layered_nav_filters .widgettitle{ font-size: 100%; line-height: 24px; float: left;/* rtl */ margin: 0 20px 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{ color: inherit; } .woocommerce .widget_layered_nav_filters ul li a::before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before{ display: none; } /*** Filter by price ***********************************/ .woocommerce .widget_price_filter form{ padding-top: 3px; } .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; } #ts-filter-widget-area .ts-sidebar-content *, #ts-filter-widget-area .ts-sidebar-content *:before, #ts-filter-widget-area .ts-sidebar-content *:after, .woocommerce-page .before-loop-wrapper *, .woocommerce-page .before-loop-wrapper *:before, .woocommerce-page .before-loop-wrapper *:after, .woocommerce-page #left-sidebar *, .woocommerce-page #left-sidebar *:before, .woocommerce-page #left-sidebar *:after, .woocommerce-page #right-sidebar *, .woocommerce-page #right-sidebar *:before, .woocommerce-page #right-sidebar *:after, .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content:after, .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content:before{ border-color: #d9d9d9; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ margin: 0 0 20px 14px; /*rtl*/ background: #d9d9d9; border-radius: 2px; 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: #d9d9d9; 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: -6px; background: #000000; box-shadow: none; border-radius: 2px; } .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: 7px; font-size: 0 !important; } .woocommerce .widget_price_filter .price_slider_amount .price_label:after{ content: ''; display: table; clear: both; } .widget_price_filter{ letter-spacing: 0; } .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{ font-size: 6px; width: 30px; padding: 0 10px; display: inline-block; text-align: center; position: absolute; top: 50%; right: 0; /*rtl*/ margin-top: -3px; } .woocommerce .widget_price_filter .price_slider_amount .price_label > span:first-child:before, .woocommerce .widget_price_filter .price_slider_amount .price_label > span:last-child{ border-width: 1px; border-style: solid; border-radius: 2px; } .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; font-weight: inherit; color: inherit; line-height: inherit; } /*** 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:hover > label: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:hover > label: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: middle; } .product-filter-by-color ul li a > span:first-child, .product-filter-by-color ul li a > img{ width: 12px; height: 12px; border-radius: 50%; margin: -2px 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: -3px; left: 0; } .product-filter-by-color ul li a:before{ top: -2px; } .product-filter-by-color ul li:first-child a{ padding-top: 2px; } .product-filter-by-color ul li:first-child a:before{ top: 1px; } .product-on-sale-form:hover > label:after, .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: 2px; 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{ 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 --------------------------------------------------------------*/ #left-sidebar blockquote, #right-sidebar blockquote{ font-weight: normal; } #left-sidebar blockquote:before, #right-sidebar blockquote:before{ margin: 3px 10px 0 0; /*rtl*/ } #left-sidebar .ts-blogs-widget-wrapper .heading-title, #right-sidebar .ts-blogs-widget-wrapper .heading-title, #left-sidebar .ts-blogs-widget-wrapper .post-title, #right-sidebar .ts-blogs-widget-wrapper .post-title{ line-height: inherit; } /*** 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 6px; padding: 0; } .social-icons .list-icons li a{ display: block; transition: none; color: inherit; padding: 5px 8px; font-size: 17px; } footer .social-icons .list-icons li{ line-height: 1; } #ts-filter-widget-area .social-icons .list-icons li a, #left-sidebar .social-icons .list-icons li a, #right-sidebar .social-icons .list-icons li a{ font-size: 14px; } .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; } #ts-filter-widget-area .social-icons .list-icons .ts-tooltip, #left-sidebar .social-icons .list-icons .ts-tooltip, #right-sidebar .social-icons .list-icons .ts-tooltip{ font-size: 10px; } .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; } /*** 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: -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; margin: -1px; } .elementor-widget-wp-widget-ts_instagram{ overflow: hidden; } .ts-instagram-wrapper.items.owl-carousel{ width: calc(100% + 2px); } .ts-instagram-wrapper.items.owl-carousel .owl-stage-outer{ width: calc(100% - 2px); overflow: hidden; } .ts-instagram-wrapper .item{ 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.columns-7 .item{ width: 14.2857%; } .ts-instagram-wrapper.columns-8 .item{ width: 12.5%; } .ts-instagram-wrapper.columns-9 .item{ width: 11.1111%; } .ts-instagram-wrapper.columns-10 .item{ width: 10%; } .ts-instagram-wrapper.columns-11 .item{ width: 9.090909%; } .ts-instagram-wrapper.columns-12 .item{ width: 8.333333%; } .ts-instagram-wrapper .item > a{ display: block; position: relative; } .ts-instagram-wrapper .item img{ width: 100%; } /*** TS Products ***********************************/ /*** 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: 16px; } /*** 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 > *{ margin-bottom: 8px; } .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-container > ul li, .elementor-widget-container ul.menu li, .elementor-widget-container .list-icons li, .widget_categories > ul li, .product-categories li{ list-style: none; } .widget_categories > ul ul li, .widget_pages > ul ul li, .widget_nav_menu > div > ul ul li, .elementor-widget-wp-widget-categories .elementor-widget-container > ul ul li, .elementor-widget-wp-widget-pages .elementor-widget-container > ul ul li, .elementor-widget-wp-widget-nav_menu .elementor-widget-container > div > ul ul li{ padding: 4px 0; position: relative; } .widget_categories > ul li:last-child, .widget_pages > ul li:last-child, .widget_nav_menu > div > ul li:last-child, .widget-container ul.product-categories > li:last-child, .widget_categories > ul > li:last-child, .product-filter-by-brand div > ul > li:last-child, .elementor-widget-wp-widget-categories .elementor-widget-container > ul li:last-child, .elementor-widget-wp-widget-pages .elementor-widget-container > ul li:last-child, .elementor-widget-wp-widget-nav_menu div > ul li:last-child, .elementor-widget-wp-widget-ts_product_categories ul.product-categories > li:last-child{ margin-bottom: 0; padding-bottom: 0; } /*** Yith Compare ***********************************/ body .yith-woocompare-widget ul.products-list, .elementor-widget-wp-widget-yith-woocompare-widget ul.products-list{ margin-bottom: 20px !important; } .yith-woocompare-widget a.clear-all, .yith-woocompare-widget a.compare, .elementor-widget-wp-widget-yith-woocompare-widget a.clear-all, .elementor-widget-wp-widget-yith-woocompare-widget a.compare{ width: 100%; margin: 5px 0 0; text-decoration: none !important; display: block; text-transform: none; } .elementor-widget-wp-widget-yith-woocompare-widget a.clear-all, .elementor-widget-wp-widget-yith-woocompare-widget a.compare{ width: auto; display: inline-block; vertical-align: top; min-width: 200px; } .yith-woocompare-widget ul.products-list li .remove, .elementor-widget-wp-widget-yith-woocompare-widget ul.products-list li .remove{ height: 24px; width: 24px; font-size: 0 !important; line-height: 24px; position: absolute; left: auto; /*rtl*/ right: 0; /*rtl*/ font-weight: 400; border-radius: 0; text-align: right; /*rtl*/ cursor: pointer; outline: none; background: transparent !important; text-decoration: none !important; z-index: 2; } body .yith-woocompare-widget ul.products-list li:not(.list_empty), .elementor-widget-wp-widget-yith-woocompare-widget ul.products-list li:not(.list_empty){ border-width: 0; padding: 5px 25px 5px 0; } body .yith-woocompare-widget ul.products-list li:not(.list_empty):first-child, .elementor-widget-wp-widget-yith-woocompare-widget ul.products-list li:not(.list_empty):first-child{ padding-top: 0; } body .yith-woocompare-widget ul.products-list li:not(.list_empty):last-child, .elementor-widget-wp-widget-yith-woocompare-widget ul.products-list li:not(.list_empty):last-child{ padding-bottom: 0; } body .yith-woocompare-widget ul.products-list li, .elementor-widget-wp-widget-yith-woocompare-widget ul.products-list li{ position: relative; } body .yith-woocompare-widget ul.products-list li .title, .elementor-widget-wp-widget-yith-woocompare-widget ul.products-list li .title{ cursor: pointer; display: block; outline: none; text-transform: none; font-size: 100%; } /*------------------------------------------------------------- 4. WIDGET ELEMENTOR --------------------------------------------------------------*/ /*** Icon List ***********************************/ .elementor-widget-icon-list.elementor-icon-list--layout-inline.elementor-widget__width-auto .elementor-icon-list-icon{ line-height: 1; } /*** Nav menu ***********************************/ .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; } /*------------------------------------------------------------------------------------------------------------------- V. PRODUCT DEFAULT ---------------------------------------------------------------------------------------------------------------------*/ /*** Products ***/ .woocommerce > .products{ clear: both; margin-left: -1px; margin-right: -1px; position: relative; } .woocommerce .products.owl-carousel{ width: calc(100% + 3px); margin-left: 0; /*rtl*/ margin-right: -2px; /*rtl*/ } .woocommerce .products.owl-carousel .owl-stage-outer{ width: calc(100% - 3px); position: relative; } .woocommerce .products.owl-carousel .product-group{ height: 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; } .woocommerce .products.owl-carousel .product-group > .product:not(:only-child){ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .woocommerce .products:not(.owl-carousel):not(.cross-sells):not(.up-sells):not(.related){ 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; } .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%; } .woocommerce .products .product{ margin: 0 0 2px 0; padding: 0 1px; } .woocommerce .ts-product-category-wrapper .products .product{ margin: 0; } .product-hover-vertical-style.woocommerce .products .product:not(.product-category) .product-wrapper, .product-hover-vertical-style .woocommerce .products .product:not(.product-category) .product-wrapper{ height: auto; } .woocommerce .products .product:not(.product-category) .product-wrapper{ height: 100%; padding: 15px; border-radius: 2px; position: relative; box-shadow: 0px 1px 4px rgba(106, 106, 106, 0.1); } .woocommerce .ts-shortcode:not(.rows-2) .products > .product-group{ width: 25%; float: left;/* rtl */ } .woocommerce .products > .product-group .product{ width: 100% !important; } .woocommerce.columns-12 .products .product{ width: 8.333333333%; } .woocommerce.columns-11 .products .product{ width: 9.09090909%; } .woocommerce.columns-10 .products .product{ width: 10%; } .woocommerce.columns-9 .products .product{ width: 11.1111111%; } .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%; } .woocommerce.columns-12.style-column-list .products .product:not(.product-category), .woocommerce.columns-11.style-column-list .products .product:not(.product-category), .woocommerce.columns-10.style-column-list .products .product:not(.product-category), .woocommerce.columns-9.style-column-list .products .product:not(.product-category), .woocommerce.columns-8.style-column-list .products .product:not(.product-category), .woocommerce.columns-7.style-column-list .products .product:not(.product-category), .woocommerce.columns-6.style-column-list .products .product:not(.product-category), .woocommerce.columns-5.style-column-list .products .product:not(.product-category){ width: 25%; } .ts-slider .products .owl-item .product{ float: none !important; width: 100% !important; } .ts-slider .products .owl-item > .product:only-child{ height: 100%; } .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{ margin: 0; } .woocommerce.columns-3, .woocommerce.columns-4, .woocommerce.columns-5, .woocommerce.columns-6{ clear: both; } /*** Product categories ***/ .woocommerce.main-products > .products > .list-categories{ padding: 40px; border-width: 2px; border-style: solid; border-radius: 2px; margin-bottom: 40px; } .woocommerce.main-products > .products > .list-categories .product-wrapper{ height: 100%; padding: 15px; border-radius: 2px; box-shadow: 0px 1px 4px rgba(106, 106, 106, 0.1); } .woocommerce.main-products > .products > .list-categories .product-wrapper > a{ height: auto; } .woocommerce.main-products.style-column-list > .products > .list-categories .product-wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .woocommerce.main-products.style-column-list > .products > .list-categories .product-wrapper > a{ width: auto; max-width: 150px; } .woocommerce.main-products.style-column-list > .products > .list-categories .product-category .meta-wrapper{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: start; margin: 0; padding: 0 0 0 20px; /*rtl*/ } .products .product:not(.product-category) .product-wrapper .meta-wrapper:not(.meta-wrapper-2) .price, .main-products.style-column-list .products .product:not(.product-category) .product-wrapper .meta-wrapper:not(.meta-wrapper-2) .price, .ts-product.style-list .products .product:not(.product-category) .product-wrapper .meta-wrapper:not(.meta-wrapper-2) .price{ display: none; } /**/ .list-categories, .ts-blogs-wrapper .blogs, .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; } .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 .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; } /*** List Products of Brand ***/ div.product:not(.product-style-3):not(.product-style-4) .ts-product-brand-info{ display: 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; } .woocommerce .product figure img:first-child{ position: relative; z-index: 2 } .woocommerce .product figure.has-back-image img:last-child{ position: absolute; right: 0;/* rtl */ top: 0; z-index: 3 } .product-group-button-meta{ display: none; } body .yith-wcwl-add-to-wishlist{ margin: 0; } .products .meta-wrapper-2 > .product-group-button-meta, .product-wrapper .button-in.wishlist i, .yith-wcwl-add-to-wishlist i{ display: none; } .button-in a{ text-decoration: none !important; } .woocommerce .product-wrapper .meta-wrapper{ padding-top: 20px; overflow: hidden; } .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: ""; } .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: 2px; margin-bottom: 2px; } .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; } .style-list .products .meta-wrapper:not(.meta-wrapper-2) > *, .style-column-list .products .meta-wrapper:not(.meta-wrapper-2) > *{ margin-bottom: 4px; } .products .meta-wrapper > .color-swatch, .products .meta-wrapper > *:last-child, .style-list .products .meta-wrapper:not(.meta-wrapper-2) > .color-swatch, .style-column-list .products .meta-wrapper:not(.meta-wrapper-2) > .color-swatch, .style-list .products .meta-wrapper:not(.meta-wrapper-2) > *:last-child, .style-column-list .products .meta-wrapper:not(.meta-wrapper-2) > *: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 */ } .products .meta-wrapper > .star-rating:nth-last-child(2){ margin-bottom: 0; } .product-brands, .product-sku, .product-categories{ line-height: 1.4; } .products .product .meta-wrapper > .count-rating{ display: none; } /**/ /*** 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.2; } .price del + ins{ margin-right: 10px; /*rtl*/ } .price del{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } /*** 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: 3px; } .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: "\e912\e912\e912\e912\e912"; font-family: 'icomoon' !important; text-transform: uppercase; white-space: nowrap; display: inline-block; vertical-align: top; } .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: "\e912"; } .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: 78px; height: 14px; line-height: 1; overflow: hidden; font-family: star; position: relative; backface-visibility: visible; -webkit-backface-visibility: visible; } .ts-testimonial-wrapper.style-2 .rating:before, .ts-testimonial-wrapper.style-2 .rating span:before, .woocommerce p.stars a::before{ font-size: 22px; } .ts-testimonial-wrapper.style-2 .rating{ width: 126px; height: 22px; } .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*/ } /*** Short Description ***/ .woocommerce .products .product .meta-wrapper .short-description ul li{ line-height: 1.2; padding: 4px 0; } .woocommerce .products .product .meta-wrapper .short-description > ul:first-child li:first-child{ padding-top: 0; } .woocommerce .products .product .meta-wrapper .short-description > ul:last-child li:last-child{ padding-bottom: 0; } /*** 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: 46px; text-align: center; border-radius: 2px; } .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{ float: none; position: relative; width: 124px; } .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; } .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: transparent; text-align: center; position: absolute; top: 0; right: 0; /*rtl*/ z-index: 6; opacity: 0; visibility: hidden; transition: 250ms ease-in-out; border-radius: 2px; } .thumbnail-wrapper .product-group-button > div:nth-child(2){top: 32px;} .thumbnail-wrapper .product-group-button > div:nth-child(3){top: 64px;} .thumbnail-wrapper .product-group-button > div:nth-child(4){top: 96px;} .product-group-button > div a:after{ font-size: 17px; line-height: 30px; transition: none; left: auto; right: auto; bottom: auto; top: auto; padding: 0; } .thumbnail-wrapper .product-group-button > div.wishlist, .product .product-wrapper:hover .product-group-button > div{ -webkit-animation-duration: 400ms; -moz-animation-duration: 400ms; animation-duration: 400ms; -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; } .product-group-button > div a{ width: 100%; height: 100%; margin: 0; position: relative; font-size: 0; line-height: 0; padding: 0; min-width: 0; border: 0; text-decoration: none; letter-spacing: 0; overflow: visible; display: inline-block; vertical-align: top; color: inherit !important; transition: none; } .thumbnail-wrapper .product-group-button > div a{ display: block; opacity: 1 !important; } .button-in .yith-wcwl-add-to-wishlist, .button-in .yith-wcwl-add-button, .button-in a.add_to_wishlist{ width: 100%; height: 100%; } .button-in a.add_to_wishlist{ display: block; } .product-group-button > div a.added:hover{ text-decoration: none !important; } .thumbnail-wrapper .product-group-button > div.loop-add-to-cart a{ transition: none; padding: 0; margin: 0; border-width: 0; position: relative; letter-spacing: 0; background: transparent !important; color: inherit !important; line-height: inherit !important; } /*** Style list ***/ 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{ padding: 15px; border-radius: 2px; margin-bottom: 2px; display: flex; flex-flow: row wrap; box-shadow: 0px 1px 4px rgba(106, 106, 106, 0.1); position: relative; } .cart_list li a.remove, .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ content: ""; height: 24px; width: 24px; font-size: 0 !important; line-height: 24px; text-align: right; 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; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ top: 0; right: 0; /*rtl*/ } .cart_list li a.remove:not(:hover), .woocommerce .widget_shopping_cart .cart_list li a.remove:not(:hover), .woocommerce.widget_shopping_cart .cart_list li a.remove:not(:hover){ opacity: 0.3; } 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: 90px; margin: 0; float: none; } .elementor-widget[data-widget_type*="wp-widget-"] ul li a{ color: inherit; } .elementor-widget[data-widget_type*="wp-widget-"] ul li a:hover{ text-decoration: none; } .elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories{ font-size: 100%; } #ts-filter-widget-area ul.product_list_widget li .ts-wg-thumbnail, #ts-filter-widget-area .woocommerce ul.product_list_widget li .ts-wg-thumbnail, #ts-filter-widget-area ul.product_list_widget li img, .ts-sidebar ul.product_list_widget li .ts-wg-thumbnail, .ts-sidebar .woocommerce ul.product_list_widget li .ts-wg-thumbnail, .ts-sidebar ul.product_list_widget li img, .ts-sidebar .woocommerce ul.cart_list li img, .ts-sidebar .woocommerce ul.product_list_widget li img{ width: 70px; margin: 0 10px 0 0; /*rtl*/ } #ts-filter-widget-area ul.product_list_widget li .ts-wg-meta, #ts-filter-widget-area .woocommerce ul.product_list_widget li .ts-wg-meta, .ts-sidebar ul.product_list_widget li .ts-wg-meta, .ts-sidebar .woocommerce ul.product_list_widget li .ts-wg-meta{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0; padding-left: 0; /*rtl*/ } .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li .ts-wg-thumbnail, .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li img{ margin: 0 15px 0 0; /*rtl*/ } ul.product_list_widget li .cart-item-wrapper, .woocommerce ul.product_list_widget li .cart-item-wrapper, .woocommerce .widget_shopping_cart .cart_list li .cart-item-wrapper, .woocommerce.widget_shopping_cart .cart_list li .cart-item-wrapper{ padding: 0 35px 0 15px; /*rtl*/ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; 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; } ul.product_list_widget li .meta-wrapper{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } ul.product_list_widget li .meta-wrapper:last-child{ margin-left: auto; /*rtl*/ padding-left: 15px; /*rtl*/ text-align: right; /*rtl*/ } ul.product_list_widget li .meta-wrapper > *{ margin-bottom: 5px; } ul.product_list_widget li .meta-wrapper > *:last-child{ margin-bottom: 0; } ul.product_list_widget li .subtotal form.cart{ display: inline-block; margin: 10px 0 0; } .woocommerce div.product ul.product_list_widget form.cart div.quantity{ margin: 0; } .woocommerce div.product ul.product_list_widget p.price ins, .woocommerce div.product ul.product_list_widget span.price ins{ font-weight: inherit; } ul.product_list_widget .button-in div.blockUI.blockOverlay{ opacity: 1 !important; } ul.product_list_widget .button-in div.blockUI.blockOverlay:after, .woocommerce ul.product_list_widget .button-in div.blockUI.blockOverlay:after{ margin-top: -8px; margin-left: -8px; width: 16px; height: 16px; } .ts-product.style-list .shortcode-heading-wrapper{ margin-bottom: 2px; min-height: 100px; padding: 30px; border-radius: 2px; background-repeat: no-repeat; background-size: cover; background-position: center; box-shadow: 0px 1px 4px rgba(106, 106, 106, 0.1); } .ts-product.style-list .shortcode-heading-wrapper .shortcode-title{ text-align: start; } .ts-product.style-list .shortcode-heading-wrapper .shop-more{ line-height: 16px; margin-left: 10px; /*rtl*/ } .ts-product.style-list .shortcode-heading-wrapper .shop-more .button{ padding: 0; font-size: 12px; line-height: inherit; } ul.product_list_widget li, .woocommerce ul.product_list_widget li, .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li, .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li, .woocommerce .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li, .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li, .ts-product.style-list .shortcode-heading-wrapper, .main-products.style-column-list .products .product:not(.product-category) .product-wrapper, .ts-product.style-list .products .product:not(.product-category) .product-wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .widget-container ul.product_list_widget li, .woocommerce.widget-container ul.product_list_widget li, .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li, .woocommerce .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li, .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li{ list-style: none; padding: 0 0 20px 0; /*rtl*/ margin: 0 0 20px 0; width: 100%; position: relative; border-width: 0 0 1px 0; border-style: solid; } .woocommerce .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li, .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li{ padding-right: 4px; /*rtl*/ } .widget-container ul.product_list_widget li, .woocommerce.widget-container ul.product_list_widget li, .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li{ box-shadow: none; background: transparent; } .woocommerce-page.archive #left-sidebar .widget-container ul.product_list_widget li, .woocommerce-page.archive #left-sidebar .woocommerce.widget-container ul.product_list_widget li, .woocommerce-page.archive #right-sidebar .widget-container ul.product_list_widget li, .woocommerce-page.archive #right-sidebar .woocommerce.widget-container ul.product_list_widget li, .woocommerce-page.archive #ts-filter-widget-area .widget-container ul.product_list_widget li, .woocommerce-page.archive #ts-filter-widget-area .woocommerce.widget-container ul.product_list_widget li{ background: #ffffff; padding: 10px; border-width: 0; border-radius: 2px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05); margin: 0 0 2px; } .elementor-widget.elementor-widget-wp-widget-woocommerce_widget_cart ul.product_list_widget li, .elementor-widget.elementor-widget-wp-widget-woocommerce_recent_reviews ul.product_list_widget li, .elementor-widget.elementor-widget-wp-widget-woocommerce_recent_reviews ul.product_list_widget li .reviewer, .widget_shopping_cart ul.product_list_widget li, .woocommerce.widget_shopping_cart ul.product_list_widget li, .widget_recent_reviews ul.product_list_widget li, .woocommerce.widget_recent_reviews ul.product_list_widget li, .widget_recent_reviews ul.product_list_widget li .reviewer, .woocommerce.widget_recent_reviews ul.product_list_widget li .reviewer{ display: block; } .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li, .widget_shopping_cart ul.product_list_widget li, .woocommerce.widget_shopping_cart ul.product_list_widget li{ padding-right: 20px; /*rtl*/ } .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li a{ display: block; } .widget-container ul.product_list_widget li:last-child, .woocommerce.widget-container ul.product_list_widget li:last-child, .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .widget-container ul.product_list_widget li .ts-wg-meta *, .woocommerce.widget-container ul.product_list_widget li.ts-wg-meta *, .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li.ts-wg-meta *{ margin-bottom: 0; } .widget-container ul.product_list_widget li > *:not(img), .woocommerce.widget-container ul.product_list_widget li > *:not(img), .widget-container ul.product_list_widget li .ts-wg-meta > *, .woocommerce.widget-container ul.product_list_widget li.ts-wg-meta > *, .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li > *:not(img), .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li .ts-wg-meta > *{ margin-bottom: 8px; line-height: 1.2; } .widget-container ul.product_list_widget li .ts-wg-meta > .star-rating, .woocommerce.widget-container ul.product_list_widget li .ts-wg-meta > .star-rating, .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li .ts-wg-meta > .star-rating{ margin-bottom: 10px; } .widget-container ul.product_list_widget li .ts-wg-meta > *:last-child, .woocommerce.widget-container ul.product_list_widget li .ts-wg-meta > *:last-child, .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li .ts-wg-meta > *:last-child{ margin-bottom: 0; } .elementor-widget[data-widget_type*="wp-widget-"] ul.product_list_widget li:after{ content: ''; display: table; clear: both; } .elementor-widget-wp-widget-woocommerce_widget_cart ul.product_list_widget li img, .elementor-widget-wp-widget-woocommerce_recent_reviews ul.product_list_widget li img, .widget_shopping_cart ul.product_list_widget li img, .woocommerce.widget_shopping_cart ul.product_list_widget li img, .widget_recent_reviews ul.product_list_widget li img, .woocommerce.widget_recent_reviews ul.product_list_widget li img{ float: left; /*rtl*/ } .main-products.style-column-list .products .product:not(.product-category) .product-wrapper .thumbnail-wrapper, .ts-product.style-list .products .product:not(.product-category) .product-wrapper .thumbnail-wrapper{ width: 22%; } .main-products.style-column-list .products .product:not(.product-category) .product-wrapper .meta-wrapper, .ts-product.style-list .products .product:not(.product-category) .product-wrapper .meta-wrapper{ padding-top: 0; padding-bottom: 0; padding-left: 15px; /*rtl*/ } .main-products.style-column-list .products .product:not(.product-category) .product-wrapper .meta-wrapper-2, .ts-product.style-list .products .product:not(.product-category) .product-wrapper .meta-wrapper-2{ display: block; padding-right: 35px; /*rtl*/ } .ts-product.style-list .products .product:not(.product-category) .product-wrapper .meta-wrapper-2{ padding-right: 25px; /*rtl*/ } .main-products.style-column-list .products .product:not(.product-category) .product-wrapper .meta-wrapper-2{ text-align: right; /*rtl*/ } .ts-product.style-list .products .product:not(.product-category) .product-wrapper .meta-wrapper{ width: 38%; } .ts-product.style-list .products .product:not(.product-category) .product-wrapper .meta-wrapper-2{ width: 40%; } .main-products.style-column-list .products .product:not(.product-category) .product-wrapper .meta-wrapper{ width: 32%; } .main-products.style-column-list .products .product:not(.product-category) .product-wrapper .meta-wrapper-2{ width: 46%; } .main-products.style-column-list .products .product:not(.product-category) .product-wrapper .meta-wrapper-2 .price{ -webkit-box-pack: end; /*rtl*/ -ms-flex-pack: end; /*rtl*/ justify-content: flex-end; /*rtl*/ } .main-products.style-column-list .products .product:not(.product-category) .thumbnail-wrapper .product-group-button, .ts-product.style-list .products .product:not(.product-category) .thumbnail-wrapper .product-group-button{ display: none; } ul.product_list_widget li .quantity, .woocommerce ul.product_list_widget li .quantity, .woocommerce .widget_shopping_cart .cart_list li .quantity, .woocommerce.widget_shopping_cart .cart_list li .quantity, .woocommerce .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li .quantity, .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li .quantity, .products .product:not(.product-category) .meta-wrapper-2 .quantity{ width: 60px; margin: 0; } ul.product_list_widget li .quantity .qty, .woocommerce ul.product_list_widget li .quantity .qty, .woocommerce .widget_shopping_cart .cart_list li .quantity .qty, .woocommerce.widget_shopping_cart .cart_list li .quantity .qty, .woocommerce .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li .quantity .qty, .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li .quantity .qty, .products .product:not(.product-category) .meta-wrapper-2 .quantity .qty{ padding: 0 15px; } ul.product_list_widget li .quantity .qty, .woocommerce ul.product_list_widget li .quantity .qty, .woocommerce .widget_shopping_cart .cart_list li .quantity .qty, .woocommerce.widget_shopping_cart .cart_list li .quantity .qty, .woocommerce .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li .quantity .qty, .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li .quantity .qty, ul.product_list_widget li .quantity .plus, .woocommerce ul.product_list_widget li .quantity .plus, .woocommerce .widget_shopping_cart .cart_list li .quantity .plus, .woocommerce.widget_shopping_cart .cart_list li .quantity .plus, .woocommerce .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li .quantity .plus, .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li .quantity .plus, ul.product_list_widget li .quantity .minus, .woocommerce ul.product_list_widget li .quantity .minus, .woocommerce .widget_shopping_cart .cart_list li .quantity .minus, .woocommerce.widget_shopping_cart .cart_list li .quantity .minus, .woocommerce .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li .quantity .minus, .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li .quantity .minus, .products .product:not(.product-category) .meta-wrapper-2 .quantity .qty, .products .product:not(.product-category) .meta-wrapper-2 .quantity .minus, .products .product:not(.product-category) .meta-wrapper-2 .quantity .plus{ height: 30px; line-height: 30px; font-size: 13px; } ul.product_list_widget li .subtotal .button, .woocommerce ul.product_list_widget li .subtotal .button, .main-products.style-column-list .product-group-button-meta > div.loop-add-to-cart > a.button{ padding: 0 15px !important; width: auto !important; min-width: 110px !important; font-size: 12px !important; line-height: 28px !important; } .ts-product.style-list .product-group-button-meta > div.loop-add-to-cart > a.button{ padding: 0 5px !important; font-size: 12px !important; line-height: 28px !important; } ul.product_list_widget li .subtotal .button, .woocommerce ul.product_list_widget li .subtotal .button, .main-products.style-column-list .products .product:not(.product-category) .meta-wrapper-2 .quantity ~ .product-group-button-meta > div.loop-add-to-cart > a.button, .ts-product.style-list .products .product:not(.product-category) .meta-wrapper-2 .quantity ~ .product-group-button-meta > div.loop-add-to-cart > a.button{ margin-left: 5px; /*rtl*/ } .products .product:not(.product-category) .meta-wrapper-2 > .product-group-button-meta{ margin-top: 13px; } .products .product:not(.product-category) .product-wrapper .meta-wrapper-2 > .price{ margin-bottom: 0; } .ts-product-brand-info .products .product:not(.product-category) .product-wrapper .meta-wrapper-2 > .price, .style-column-list .products .product:not(.product-category) .product-wrapper .meta-wrapper-2 > .price{ margin-bottom: 10px; } .style-column-list .products .product:not(.product-category) .product-wrapper .meta-wrapper-2 > .product-group-button-meta, .ts-product.style-list .products .product:not(.product-category) .product-wrapper .meta-wrapper-2 > .product-group-button-meta{ margin-top: 0; } ul.product_list_widget li .wishlist, .woocommerce ul.product_list_widget li .wishlist, .woocommerce .widget_shopping_cart .cart_list li .wishlist, .woocommerce.widget_shopping_cart .cart_list li .wishlist, .products .product:not(.product-category) .meta-wrapper-2 .product-group-button-meta > .button-in{ width: 30px; height: 30px; line-height: 30px; text-align: center; margin: 0 0 5px; position: absolute; top: 13px; right: 8px; /*rtl*/ letter-spacing: 0; } ul.product_list_widget li .wishlist, .woocommerce ul.product_list_widget li .wishlist, .woocommerce .widget_shopping_cart .cart_list li .wishlist, .woocommerce.widget_shopping_cart .cart_list li .wishlist{ top: 50%; transform: translateY(-50%); } .ts-product.style-list .products .product:not(.product-category) .meta-wrapper-2 .price, .main-products.style-column-list .products .product:not(.product-category) .meta-wrapper-2 .price{ display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; justify-content: flex-end; letter-spacing: 0; } .ts-product.style-list .products .product:not(.product-category) .meta-wrapper-2 .product-group-button-meta{ display: block !important; } .main-products.style-column-list .products .product:not(.product-category) .meta-wrapper-2 .quantity, .main-products.style-column-list .products .product:not(.product-category) .meta-wrapper-2 .product-group-button-meta{ display: inline-block !important; vertical-align: top !important; } /**/ .main-products.style-column-list .products .product:not(.product-category) .thumbnail-wrapper, .main-products.style-column-list .products .product:not(.product-category) .thumbnail-wrapper .product-group-button, .ts-product.style-list .products .product:not(.product-category) .thumbnail-wrapper, .ts-product.style-list .products .product:not(.product-category) .thumbnail-wrapper .product-group-button{ position: static; } .main-products.style-column-list .products .product:not(.product-category) .thumbnail-wrapper .product-group-button > div .ts-tooltip, .main-products.style-column-list .products .product:not(.product-category) .thumbnail-wrapper .product-group-button > div:not(.wishlist), .main-products.style-column-list .products .product:not(.product-category) .meta-wrapper-2 .product-group-button-meta > div:not(.loop-add-to-cart), .ts-product.style-list .products .product:not(.product-category) .thumbnail-wrapper .product-group-button > div .ts-tooltip, .ts-product.style-list .products .product:not(.product-category) .thumbnail-wrapper .product-group-button > div:not(.wishlist), .ts-product.style-list .products .product:not(.product-category) .meta-wrapper-2 .product-group-button-meta > div:not(.loop-add-to-cart){ display: none !important; } .main-products.style-column-list .products .product:not(.product-category) .thumbnail-wrapper .product-group-button > div.wishlist a.loading:after, .ts-product.style-list .products .product:not(.product-category) .thumbnail-wrapper .product-group-button > div.wishlist a.loading:after{ font-size: 0; } .main-products.style-column-list .products .product:not(.product-category) .thumbnail-wrapper .product-group-button, .ts-product.style-list .products .product:not(.product-category) .thumbnail-wrapper .product-group-button{ display: block !important; position: absolute; top: 8px; right: 8px; /*rtl*/ width: 30px; height: 30px; } .main-products.style-column-list .products .product:not(.product-category) .thumbnail-wrapper .product-group-button{ top: 50%; transform: translateY(-50%); } .main-products.style-column-list .products .product:not(.product-category) .thumbnail-wrapper .product-label, .ts-product.style-list .products .product:not(.product-category) .thumbnail-wrapper .product-label{ left: 17px; /*rtl*/ top: 17px; } .ts-product.style-list .products .product:not(.product-category) .meta-wrapper-2 .product-group-button-meta .loop-add-to-cart{ margin-top: 10px; } /**/ ul.product_list_widget li .wishlist a, .woocommerce ul.product_list_widget li .wishlist a, .product-group-button-meta > div.compare a, .product-group-button-meta > div.wishlist a{ font-size: 0; line-height: 1; } .product-group-button-meta > div.compare a:before, .product-group-button-meta > div.wishlist a:before{ font-size: 17px; line-height: 30px; } ul.product_list_widget li .wishlist a:after, .woocommerce ul.product_list_widget li .wishlist a:after, .ts-product.style-list .product-group-button-meta > div.compare a:before, .ts-product.style-list .product-group-button-meta > div.wishlist a:before{ font-size: 15px; line-height: 30px; } ul.product_list_widget li .wishlist a:after, .woocommerce ul.product_list_widget li .wishlist a:after, .product-group-button > div a:after, .ts-product.style-list .product-group-button-meta > div.wishlist a:before, .main-products.style-column-list .product-group-button-meta > div.wishlist a:before{ opacity: 0.2; } ul.product_list_widget li .wishlist a:hover:after, .woocommerce ul.product_list_widget li .wishlist a:hover:after, ul.product_list_widget li .wishlist .added a:after, .woocommerce ul.product_list_widget li .wishlist .added a:after, .product .product-wrapper:hover .product-group-button > div a:after, .product-group-button > div:hover a:after, .product-group-button > div .added a:after, .product-group-button > div a.added:after, .main-products.style-column-list .product .product-wrapper:hover .product-group-button-meta > div.wishlist a:before, .main-products.style-column-list .product-group-button-meta > div.wishlist .added a:before, .ts-product.style-list .product-group-button-meta > div.wishlist .added a:before, .ts-product.style-list .product .product-wrapper:hover .product-group-button-meta > div.wishlist a:before{ opacity: 1; } /**/ /*** Tooltip ***/ .ts-product-attribute .button-tooltip, .product-group-button .button-tooltip{ padding: 2px 10px; /*rtl*/ line-height: 26px; position: absolute; text-transform: none; text-align: center; white-space: nowrap; visibility: hidden; opacity: 0; display: inline-block; transition: 250ms ease-in-out; } .product-group-button .button-tooltip:after{ content: ''; width: 0; height: 0; border-style: solid; position: absolute; border-width: 3px 0 3px 6px; border-color: transparent transparent transparent #000000; top: 50%; left: 100%; /*rtl*/ margin-top: -3px; } .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: calc(100% + 10px); /*rtl*/ top: 50%; height: 22px; margin: -11px 0 0 0; line-height: 18px; border-radius: 2px; background: #01b413; color: #ffffff; display: inline-block; } .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-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 .products .product:not(.product-category){ position: relative; } .product-hover-vertical-style-2 .products .product:not(.product-category) .product-group-button > div.loop-add-to-cart, .product-hover-vertical-style-2 .products .product:not(.product-category) .meta-wrapper-2 > *:not(.product-group-button-meta):not(.price), .product-hover-vertical-style-2 .products .product:not(.product-category) .meta-wrapper-2 > .product-group-button-meta > *:not(.loop-add-to-cart):not(.price){ display: none; } .product-hover-vertical-style-2 .products .product:not(.product-category) .meta-wrapper-2{ padding-top: 10px; } .product-hover-vertical-style-2 rs-layer .products .product:not(.product-category) .product-wrapper{ height: auto; } .product-hover-vertical-style-2 rs-layer .products .product:not(.product-category) .product-wrapper .meta-wrapper-2 .product-group-button-meta{ margin-top: 13px; } .product-hover-vertical-style-2 rs-layer .products .product:not(.product-category) .product-wrapper .meta-wrapper-2 .product-group-button-meta, .product-hover-vertical-style-2 .products .product:not(.product-category) .product-wrapper:hover .meta-wrapper-2 .product-group-button-meta{ display: block; -webkit-animation-duration: 250ms; -moz-animation-duration: 250ms; animation-duration: 250ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_fade; -moz-animation-name: animation_fade; animation-name: animation_fade; } .product-hover-vertical-style-2 .products .product:not(.product-category) .meta-wrapper-2 > .product-group-button-meta > div.loop-add-to-cart a.button{ width: 100%; font-size: 100%; line-height: 18px; padding: 7px 10px; } .product-hover-vertical-style-2 .style-list .products .product:not(.product-category) .product-wrapper:hover .meta-wrapper-2 .product-group-button-meta, .product-hover-vertical-style-2 .style-column-list .products .product:not(.product-category) .product-wrapper:hover .meta-wrapper-2 .product-group-button-meta{ -webkit-animation: none; animation: none; position: static !important; } /*** 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: 8px; /*rtl*/ font-size: 16px; display: inline-block; vertical-align: -1px; } .product-group-button-meta > .loop-add-to-cart .button.added:before{ font-size: 90%; color: inherit; } .style-list .product-group-button-meta > .loop-add-to-cart .button.added:before, .style-column-list .product-group-button-meta > .loop-add-to-cart .button.added:before{ margin-right: 3px; /*rtl*/ } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons .added a:after, .woocommerce div.product .single-product-buttons-sharing .single-product-buttons .ts-tooltip:before{ content: attr(data-title); line-height: 20px; font-family: inherit; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons{ line-height: 20px; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons .yith-wcwl-add-to-wishlist a:not(.added), .woocommerce div.product .single-product-buttons-sharing .single-product-buttons a.compare:not(.added){ font-size: 0; line-height: 1; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons a{ position: relative; display: inline-block; vertical-align: baseline; width: auto; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons a.loading{ opacity: 1 !important; padding: 0 0 0 15px; /*rtl*/ } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons a.loading:after{ margin-left: 0; /*rtl*/ margin-top: -5px; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons .ts-tooltip{ font-size: 0 !important; line-height: 0; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons .added .ts-tooltip{ display: none; } /*------------------------------------------------------------------------------------------------------------------- VI. CATEGORIES PRODUCT ---------------------------------------------------------------------------------------------------------------------*/ .page-description .ts-shortcode{ margin-bottom: 40px; padding: 40px; } .products{ clear: both; } /*** Shop Filters ***/ .woocommerce .before-loop-wrapper{ 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: 16px !important; margin-bottom: 30px; position: relative; } .product-filter-by-brand-wrapper select, .product-filter-by-brand-wrapper select option, .before-loop-wrapper > .widget .widget-title, .before-loop-wrapper > .widget .widgettitle, #ts-filter-widget-area .ts-sidebar-content *, #left-sidebar *, #right-sidebar *{ font-size: 100%; } #ts-filter-widget-area .product-label, #left-sidebar .product-label, #right-sidebar .product-label{ font-size: 10px; } .before-loop-wrapper > .widget .widget-title, .before-loop-wrapper > .widget .widgettitle, #ts-filter-widget-area .ts-sidebar-content .widget-title, #ts-filter-widget-area .ts-sidebar-content .widgettitle, .woocommerce-page #left-sidebar .widget-title, .woocommerce-page #right-sidebar .widget-title, .woocommerce-page #left-sidebar .widgettitle, .woocommerce-page #right-sidebar .widgettitle{ font-weight: normal; } .select2-container--default .select2-selection--single .select2-selection__clear { margin-right: 5px; /*rtl*/ float: left; /*rtl*/ font-size: 120% !important; color: red; } /*** Style Top Filter ***/ .woocommerce .style-filter-top .before-loop-wrapper{ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .style-filter-top .before-loop-wrapper #ts-filter-widget-area, .style-filter-top .before-loop-wrapper #ts-filter-widget-area .widget-container .widget-title-wrapper ~ *{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .style-filter-top .before-loop-wrapper #ts-filter-widget-area .ts-sidebar-content{ width: 100% !important; position: static !important; opacity: 1 !important; visibility: visible !important; transform: none !important; transition: none !important; } .style-filter-top .before-loop-wrapper #ts-filter-widget-area .ts-sidebar-content .widget-container{ margin: 0 0 10px 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; } .style-filter-top .before-loop-wrapper #ts-filter-widget-area .ts-sidebar-content .widget-container:last-child{ margin: 0 0 2px 0; } .before-loop-wrapper > .widget .widget-title, .before-loop-wrapper > .widget .widgettitle, .style-filter-top .before-loop-wrapper #ts-filter-widget-area .widget-container .widget-title{ margin: 4px 10px 0 0; /*rtl*/ line-height: 16px; } .style-filter-top .before-loop-wrapper #ts-filter-widget-area .widget-container.product-filter-by-color .widget-title{ margin-top: 0; } .before-loop-wrapper > .widget .widget-title, .before-loop-wrapper > .widget .widgettitle, .before-loop-wrapper > .widget .product-filter-by-brand-wrapper{ display: inline-block; } .style-filter-top .before-loop-wrapper #ts-filter-widget-area .widget-container ul li, .style-filter-top .before-loop-wrapper #ts-filter-widget-area .ts-product-categories-widget-wrapper ul.product-categories li, .style-filter-top .before-loop-wrapper #ts-filter-widget-area .widget_product_categories ul.product-categories li, .style-filter-top .before-loop-wrapper #ts-filter-widget-area .woocommerce-widget-layered-nav ul li{ display: inline-block; padding: 0; margin: 0 5px 2px 0; /*rtl*/ } .style-filter-top .before-loop-wrapper .product-on-sale-form{ width: 100%; -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; margin-top: 10px; } .woocommerce .style-filter-top .widget_price_filter{ max-width: 300px; } .woocommerce .style-filter-top .product-filter-by-brand .widget-title, .woocommerce .style-filter-top .widget_price_filter .widget-title{ margin-top: 4px; } .woocommerce .style-filter-top .widget_price_filter form{ padding-top: 6px; } .style-filter-top #ts-filter-widget-area .ts-sidebar-content .filter-widget-area{ max-width: 100%; } /**/ .woocommerce .before-loop-wrapper .woocommerce-notices-wrapper{ width: 100%; } .woocommerce-result-count{ display: none; margin: 0; } .filter-widget-area-button{ margin: 7px 20px 0 0; /*rtl*/ } .filter-widget-area-button > a{ display: inline-block; vertical-align: middle; text-decoration: none; } .filter-widget-area-button > a:before{ font-size: 16px; margin-right: 10px; /*rtl*/ display: inline-block; vertical-align: -3px; transition: .3s ease; } .filter-widget-area{ padding: 0; } .product-per-page-form ul.perpage .perpage-current > span:last-child, .woocommerce .woocommerce-ordering .orderby-current{ display: inline-block; vertical-align: middle; padding: 4px 20px 4px 10px; /*rtl*/ width: 148px; line-height: 16px; border-width: 1px; border-style: solid; border-radius: 2px; position: relative; margin: 0 0 0 8px; /*rtl*/ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .before-loop-wrapper > .widget select, #ts-filter-widget-area select, #left-sidebar select, #right-sidebar select, #ts-filter-widget-area .select2-container--default .select2-selection--single .select2-selection__rendered, #left-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered, #right-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered{ min-width: 148px; line-height: 16px; border-width: 1px; border-style: solid; border-radius: 2px; position: relative; display: inline-block; vertical-align: middle; background-color: transparent; padding: 4px 10px 4px 10px; /*rtl*/ } body #ts-filter-widget-area .select2-container--default .select2-selection--single, #left-sidebar .select2-container--default .select2-selection--single, #right-sidebar .select2-container--default .select2-selection--single, #ts-filter-widget-area .select2-container--default .select2-selection--single .select2-selection__rendered, #left-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered, #right-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered{ background: transparent; } body #ts-filter-widget-area .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #left-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #right-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{ height: auto; } .style-filter-top .woocommerce-widget-layered-nav-dropdown{ max-width: 180px; } body #ts-filter-widget-area .select2-container--default .select2-selection--single .select2-selection__arrow, body #left-sidebar .select2-container--default .select2-selection--single .select2-selection__arrow, body #right-sidebar .select2-container--default .select2-selection--single .select2-selection__arrow{ margin-top: -8px; right: 6px; /*rtl*/ } /*** Woocommerce Orderring ***/ .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering, .before-loop-wrapper > .widget{ margin: 0 0 0 auto; /*rtl*/ } .woocommerce .before-loop-wrapper > .widget ~ .woocommerce-ordering, .woocommerce-page .before-loop-wrapper > .widget ~ .woocommerce-ordering{ margin: 0 0 0 20px; /*rtl*/ } .before-loop-wrapper > .widget, .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; 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; line-height: 16px; } .woocommerce .woocommerce-ordering ul li a, .product-per-page-form ul.perpage ul li a{ padding: 5px 0; display: block; color: inherit; } .woocommerce .woocommerce-ordering ul.orderby{ padding: 0; margin: 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; line-height: 16px; } .product-per-page-form ul.perpage .perpage-current:after, .woocommerce .woocommerce-ordering .orderby-current:after{ font-size: 10px; display: inline-block; position: absolute; top: 50%; margin-top: -4px; right: 10px; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .woocommerce .woocommerce-ordering .orderby ul, .product-per-page-form ul.perpage ul{ margin: 0; padding: 10px 0; display: none; width: 148px; position: absolute; top: 100%; right: 0; /*rtl*/ z-index: 5; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .woocommerce .woocommerce-ordering .orderby ul:before, .product-per-page-form ul.perpage ul:before{ position: absolute; content: ""; top: 1px; left: 0; right: 0; bottom: 0; z-index: -1; box-shadow: 0px 1px 4px rgba(106, 106, 106, 0.1); border-radius: 2px; } /*** Products per page ***/ .before-loop-wrapper > .product-per-page-form{ width: auto; order: 3; margin: 0 0 0 20px; /*rtl*/ } .before-loop-wrapper > .product-per-page-form > span, .before-loop-wrapper > .product-filter-by-brand .product-per-page-form > select, .before-loop-wrapper > .product-per-page-form > select{ display: none; } .product-per-page-form ul.perpage{ margin: 0;/* rtl */ position: relative; display: inline-block; } .product-per-page-form ul.perpage ul li a > strong{ opacity: 0; visibility: hidden; } .product-per-page-form ul.perpage .perpage-current{ display: block; } .product-per-page-form ul.perpage ul li a > *, .product-per-page-form ul.perpage .perpage-current > *{ display: inline-block; vertical-align: baseline; transition: 350ms ease; } .product-per-page-form ul.perpage ul li a > strong, .product-per-page-form ul.perpage .perpage-current > strong{ padding: 0 5px 0 0; /*rtl*/ } .product-per-page-form ul.perpage ul li a:not(:hover):not(.current) > strong{ font-weight: normal; color: inherit; } /*** 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: 64px; border: 0; } .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; } .ts-pagination ul li a:focus, .ts-pagination ul li a:hover, .ts-pagination ul li span.current, .pagination-wrap ul.pagination > li > a:hover, .pagination-wrap ul.pagination > li > span.current, .dokan-pagination-container .dokan-pagination li:hover a, .dokan-pagination-container .dokan-pagination li.active 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, .pagination-wrap ul.pagination > li > a.prev:hover, .pagination-wrap ul.pagination > li > a.prev:focus, .pagination-wrap ul.pagination > li > a.next:hover, .pagination-wrap ul.pagination > li > a.next:focus, .dokan-pagination-container .dokan-pagination li:first-child a:hover, .dokan-pagination-container .dokan-pagination li:first-child a:focus, .dokan-pagination-container .dokan-pagination li:last-child a:hover, .dokan-pagination-container .dokan-pagination li:last-child a:focus, .woocommerce nav.woocommerce-pagination ul li a.next:hover, .woocommerce nav.woocommerce-pagination ul li a.next:focus, .woocommerce nav.woocommerce-pagination ul li a.prev:hover, .woocommerce nav.woocommerce-pagination ul li a.prev:focus, .ts-pagination ul li a.prev:focus, .ts-pagination ul li a.prev:hover, .ts-pagination ul li a.next:focus, .ts-pagination ul li a.next:hover{ background: transparent !important; } .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; position: relative; } .woocommerce nav.woocommerce-pagination ul{ text-align: center; } .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: 40px; line-height: 24px; font-size: 12px; border-width: 1px; border-style: solid; color: inherit; } .ts-pagination ul li span.dots{ min-width: 40px; min-height: 26px; line-height: 20px; font-size: 12px; text-align: center; border-width: 1px; border-style: solid; display: inline-block; vertical-align: top; } .pagination-wrap ul.pagination > li > a.prev, .pagination-wrap ul.pagination > li > a.next, .dokan-pagination-container .dokan-pagination li:first-child a, .dokan-pagination-container .dokan-pagination li:last-child a, .woocommerce nav.woocommerce-pagination ul li a.next, .woocommerce nav.woocommerce-pagination ul li a.prev, .ts-pagination ul li a.prev, .ts-pagination ul li a.next{ min-width: 110px; font-size: 14px; line-height: 28px; text-align: center; padding: 0 5px; border: 1px solid; position: absolute; margin-top: -2px; } .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.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: 58px 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; } /*------------------------------------------------------------------------------------------------------------------- VII. PRODUCT DETAIL ---------------------------------------------------------------------------------------------------------------------*/ .woocommerce div.product div.summary, .woocommerce div.product > .product-top-section{ 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; } .woocommerce div.product > .woocommerce-tabs:last-child, .woocommerce div.product > .ts-mailchimp-subscription-shortcode:last-child, .woocommerce div.product > .ts-instagram-shortcode:last-child{ margin-bottom: -1px; } .woocommerce div.product div.summary, .woocommerce div.product div.woocommerce-product-gallery{ float: left; /*rtl*/ } .woocommerce div.product div.woocommerce-product-gallery{ width: 40%; margin-bottom: 0; } .woocommerce div.product div.summary{ width: 60%; padding-left: 40px; /*rtl*/ top: 0; transition: top 400ms linear 0s; } .woocommerce div.product .ts-social-sharing, .woocommerce.single-product #primary > div.product > .product-images-summary{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .woocommerce div.product:not(.product-style-1):not(.product-style-3) div.summary .woocommerce-product-details__short-description, .woocommerce.single-product #primary > div.product > .ts-product-brand-info{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .woocommerce div.product.product-style-1 .ts-social-sharing, .woocommerce.single-product #primary > div.product > .ts-delivery-note{ -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .woocommerce div.product div.summary .meta-content:empty{ display: none; } .woocommerce div.product div.summary .meta-content{ -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ts-delivery-note{ width: 100%; max-width: 912px; margin: 0 auto 66px; } .ts-delivery-note > span{ padding: 10px; text-align: center; border: 1px dashed; line-height: 1.2; display: block; border-radius: 2px; } .ts-delivery-note svg{ display: inline-block; vertical-align: -6px; margin-right: 13px; /*rtl*/ } .woocommerce div.product:not(.product-style-1):not(.product-style-3) div.summary .meta-content{ border-width: 1px 0 0; border-style: solid; } .woocommerce div.product:not(.product-style-1):not(.product-style-3):not(.product-style-4) div.summary .woocommerce-product-details__short-description{ border-width: 0; padding-top: 0; margin-top: 17px; } div.product.product-style-1 .product-top-section > .ts-delivery-note{ display: none; } .woocommerce div.product.product-style-4 .woocommerce-product-details__short-description:not(:first-child){ margin-top: 28px; } .woocommerce div.product.product-style-4 .ts-social-sharing{ margin-bottom: -3px; } /*-------------------------------------------------------- 1. PRODUCT IMAGE ---------------------------------------------------------*/ /*** Thumbnails ***/ .woocommerce div.product div.images .flex-control-thumbs{ margin: 0 -1px; } .woocommerce div.product div.images .flex-control-thumbs li{ width: 73px; float: none; padding: 15px 1px 0; } .woocommerce div.product div.images .flex-control-thumbs li img{ opacity: 1; border: 1px solid transparent; transition: 300ms ease; border-radius: 2px; } .woocommerce div.product div.images .flex-control-thumbs, .woocommerce div.product 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; } .woocommerce div.product:not(.product-style-3):not(.product-style-4) div.woocommerce-product-gallery .flex-viewport{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .woocommerce div.product:not(.product-style-3):not(.product-style-4) div.images .flex-control-thumbs{ width: 73px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 15px 0 0; /*rtl*/ } .woocommerce div.product:not(.product-style-3):not(.product-style-4) div.images .flex-control-thumbs li{ width: 100%; padding: 0; margin: 0 0 1px; } .woocommerce div.product:not(.product-style-3):not(.product-style-4) div.images .flex-control-thumbs li:last-child{ margin-bottom: 0; } /*** 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; } .yith-wcwl-add-to-wishlist .feedback{ display: none !important; } /*** Product Brands ***/ .woocommerce div.product .summary .product-brands{ margin: 0 0 4px; } /*** Product Title ***/ .woocommerce div.product .summary .entry-title{ margin: 0 0 8px; padding: 0; } /*** Product Ratings ***/ div.product .summary .detail-meta-top, .woocommerce div.product .summary .woocommerce-product-rating{ margin: 0 0 27px; } .woocommerce div.product .summary .detail-meta-top .woocommerce-product-rating{ margin-bottom: 0; } div.product .summary .ts-countdown{ margin: 4px 0 15px; padding-top: 30px; border-width: 1px 0 0; border-style: solid; } div.product .summary .summary-column-2 .ts-countdown{ margin-top: 0; margin-bottom: 17px; padding-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 > h2{ margin: -11px 30px 0 0; /*rtl*/ line-height: 1.2; } .woocommerce div.product .summary .woocommerce-product-rating .review-count{ position: relative; } .woocommerce div.product .summary .woocommerce-product-rating .review-count:before, .woocommerce div.product .summary .woocommerce-product-rating .review-count:after{ content: '('; display: inline-block; } .woocommerce div.product .summary .woocommerce-product-rating .review-count:after{ content: ')'; } .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; } /*** Product Meta ***/ div.product .summary .meta-content{ padding-top: 25px; margin-top: 4px; } div.product.product-style-1 .summary .meta-content{ padding-top: 20px; margin-top: 0; } 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 div.product .summary .ts-variation-price:not(:first-child), .woocommerce div.product .summary p.price:not(:first-child), .woocommerce div.product .summary span.price:not(:first-child){ padding: 19px 0 0; margin: 0; border-width: 1px 0 0; border-style: solid; } .woocommerce div.product .summary .ts-variation-price > .amount:first-child:not(:last-child), .woocommerce div.product .summary p.price > .amount:first-child:not(:last-child), .woocommerce div.product .summary span.price > .amount:first-child:not(:last-child){ margin-right: 7px; /*rtl*/ } .woocommerce div.product .summary .ts-variation-price > .amount:last-child:not(:first-child), .woocommerce div.product .summary p.price > .amount:last-child:not(:first-child), .woocommerce div.product .summary span.price > .amount:last-child:not(:first-child){ margin-left: 7px; /*rtl*/ } .woocommerce div.product .summary .summary-column-2 .ts-variation-price, .woocommerce div.product .summary .summary-column-2 p.price, .woocommerce div.product .summary .summary-column-2 span.price{ padding: 0; border-width: 0; } .woocommerce div.product.product-style-1 .summary .ts-variation-price:not(:first-child), .woocommerce div.product.product-style-1 .summary p.price:not(:first-child), .woocommerce div.product.product-style-1 .summary span.price:not(:first-child){ padding-bottom: 0; } .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; } .woocommerce div.product .summary p.price del, .woocommerce div.product .summary span.price del{ font-size: 50%; } /*** Product Short Description ***/ .woocommerce-product-details__short-description:not(:first-child){ padding: 22px 0 0; margin: 18px 0 17px; border-width: 1px 0 0; border-style: solid; } .product-style-1 .woocommerce-product-details__short-description{ margin-top: 0; } .woocommerce div.product .summary .woocommerce-product-details__short-description ul li{ padding: 4px 0; } .woocommerce-product-details__short-description > *:last-child{ margin-bottom: 0; } .woocommerce-product-details__short-description hr, body table.compare-list td hr{ width: 100%; height: 0; margin: 0 0 24px; border-width: 0 0 1px; border-style: solid; } body table.compare-list td hr{ margin: 0 0 20px; } /*** Deal ***/ .woocommerce div.product div.summary .counter-wrapper{ margin: 0 -6px; } .woocommerce div.product div.summary .counter-wrapper > div{ padding: 0 4px; } .woocommerce div.product div.summary .counter-wrapper .number > span{ font-size: 18px; padding: 12px 2px; min-width: 24px; } .woocommerce div.product div.summary .counter-wrapper .separate{ font-size: 22px; } /*** 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; } /*** Product Variations ***/ .woocommerce div.product form.cart{ margin: 16px 0 14px; } .woocommerce div.product.product-type-simple .summary-column-2 form.cart, .woocommerce div.product.product-type-simple form.cart{ margin-top: 2px; } .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: 8px; 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: 16px; margin-right: 10px; /*rtl*/ } .woocommerce div.product form.cart .ts-product-attribute, .woocommerce div.product form.cart .ts-product-attribute > div.option, .woocommerce div.product form.cart .reset_variations{ display: inline-block; } .woocommerce div.product form.cart .reset_variations{ position: relative; top: 4px; } .woocommerce div.product form.cart .variations select:not(.hidden) + .reset_variations{ margin: 22px 0 0 !important; display: block; } .woocommerce div.product form.cart .variations select:not(.hidden) + .reset_variations[style="visibility: hidden;"]{ margin-top: 0 !important; line-height: 0; } .woocommerce div.product form.cart .reset_variations{ color: red; margin-left: 20px; /*rtl*/ } .woocommerce div.product .summary-column-2 form.cart .reset_variations{ margin: 0; display: block; } .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 5px 5px 0; /*rtl*/ } .summary-column-2 .quantity input.qty, .summary-column-2 .ts-product-attribute > div.option{ box-shadow: 0 3px 3px rgba(0,0,0,0.05); } .summary .summary-column-2 .quantity{ width: 104px; } .woocommerce div.product .summary-column-2 form.cart .button{ width: calc(100% - 114px); } .ts-product-attribute > div.option:not(.color) > a{ padding: 4px 10px; min-width: 54px; border: 1px solid #f0f0f0; border-radius: 2px; font-size: inherit; line-height: 16px; text-align: center; } .summary-column-2 .ts-product-attribute > div.option:not(.color) > a{ border-color: transparent; } .woocommerce div.product .summary-column-2 form.cart{ margin-top: 32px; } .summary-column-2 .ts-product-attribute > div.option:last-child{ margin-right: 0; /*rtl*/ } .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 .availability{ margin-top: 14px; margin-bottom: 15px; } .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*/ } .availability .availability-text:not(:first-child){ margin: 0 0 0 5px; /*rtl*/ } .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% - 134px); max-width: 366px; } .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 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 form.cart .variations select{ width: 100%; min-width: 0; margin: 0 0 10px; font-size: 100%; padding-top: 7px; padding-bottom: 7px; } .woocommerce div.product .summary > form.cart .variations select{ max-width: 500px; } .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: 52px; 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; } .woocommerce div.product.color-variation-thumbnail form.cart select#pa_color + .reset_variations{ top: 12px; display: block; margin-left: 0; /*rtl*/ } /*** 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 > *{ float: left; /*rtl*/ } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons .blockUI{ display: none !important; } .woocommerce div.product .single-product-buttons-sharing .single-product-buttons a{ padding: 0; border: 0; font-weight: inherit; background: transparent !important; line-height: inherit; text-decoration: underline; text-underline-position: under; } .single-product-buttons-sharing .single-product-buttons > *:not(:last-child){ margin: 0 25px 0 0; /*rtl*/ opacity: 1 !important; } .woocommerce div.product .ts-social-sharing{ margin-top: 28px; padding-top: 27px; border-width: 1px 0 0; border-style: solid; font-size: 16px; } .woocommerce div.product.product-style-1 .ts-social-sharing{ margin-top: 13px; } .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; font-size: 16px; } article.single-post > .entry-meta-bottom .social-sharing{ text-align: center; } /*** Show tabs as default ***/ .woocommerce div.product.show-tabs-content-default .woocommerce-tabs{ padding: 0; } .woocommerce div.product.show-tabs-content-default > .product-top-section + .woocommerce-tabs{ border-width: 1px 0 0; border-style: solid; } .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; width: 50%; padding: 50px 0 50px 50px !important; /*rtl*/ border-width: 0 0 1px 1px !important; /*rtl*/ border-style: solid; margin: 0 0 0 -1px !important; /*rtl*/ float: left; /*rtl*/ } .woocommerce div.product.show-tabs-content-default.tabs-in-summary .woocommerce-tabs .panel{ width: 100%; margin: 0 !important; /*rtl*/ float: none; /*rtl*/ } .woocommerce div.product.show-tabs-content-default.tabs-in-summary .woocommerce-tabs .panel, .woocommerce div.product.show-tabs-content-default.tabs-in-summary .woocommerce-tabs #tab-description{ border-width: 0 0 1px 0 !important; padding: 50px 0 !important; /*rtl*/ } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .panel:empty{ padding: 0 !important; /*rtl*/ border-width: 0 !important; /*rtl*/ margin: 0 !important; /*rtl*/ } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .panel > h2{ margin-bottom: 26px !important; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #tab-description{ padding: 50px 50px 50px 0 !important; /*rtl*/ border-width: 0 1px 0 0 !important; /*rtl*/ } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .panel:last-child{ border-bottom-width: 0 !important; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-row{ -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; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-row .main-img{ max-width: 100%; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-feature{ margin: 0; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-feature > div{ padding: 0; -webkit-box-flex: none; -ms-flex: none; flex: none; border: 0; margin-bottom: 30px; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .panel .product-content > *:last-child, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-feature > div:last-child{ margin-bottom: 0; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-row:not(.ts-feature) > div{ padding-right: 0; /*rtl*/ } div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-row h1, div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-row h2, div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-row h3, div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-row h4, div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-row h5, div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-row h6, div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-row p{ margin-bottom: 30px; } div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-row ul, div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-row ol{ margin-bottom: 28px; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .panel table tr:not(:last-child):after{ width: 100%; left: 0; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews, .woocommerce div.product.tabs-in-summary .woocommerce-tabs #reviews{ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .woocommerce div.product.show-tabs-content-default.reviews-grid .woocommerce-tabs #reviews #comments .commentlist{ -webkit-columns: 2; -moz-columns: 2; columns: 2; } .woocommerce div.product.tabs-in-summary.reviews-grid #reviews #comments .commentlist{ -webkit-columns: 1; -moz-columns: 1; columns: 1; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews > .woocommerce-product-rating, .woocommerce div.product.tabs-in-summary #reviews > .woocommerce-product-rating{ margin-bottom: 30px; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text .description, .woocommerce div.product.tabs-in-summary #reviews #comments ol.commentlist li .comment-text .description{ width: 100%; -webkit-box-flex: none; -ms-flex: none; flex: none; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text .star-rating, .woocommerce div.product.tabs-in-summary #reviews #comments ol.commentlist li .comment-text .star-rating{ margin: 0 0 17px; float: none; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce div.product.tabs-in-summary #reviews #comments ol.commentlist li .comment-text p.meta{ margin: 0; width: 100%; order: 1; } .woocommerce div.product.tabs-in-summary .woocommerce-Reviews-title, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .woocommerce-Reviews-title{ display: none !important; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce div.product.tabs-in-summary .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text p.meta{ line-height: 1.2; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text, .woocommerce div.product.tabs-in-summary .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text{ padding: 30px 0 22px; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments ol.commentlist li:last-child .comment-text, .woocommerce div.product.tabs-in-summary .woocommerce-tabs #reviews #comments ol.commentlist li:last-child .comment-text{ padding-bottom: 0; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews nav.woocommerce-pagination, .woocommerce div.product.tabs-in-summary #reviews nav.woocommerce-pagination{ padding-top: 30px; margin-top: 22px; border-width: 1px 0 0; border-style: solid; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs nav.woocommerce-pagination ul, .woocommerce div.product.tabs-in-summary nav.woocommerce-pagination ul{ padding: 0 42px; } .woocommerce div.product.tabs-in-summary nav.woocommerce-pagination ul li a.next, .woocommerce div.product.tabs-in-summary nav.woocommerce-pagination ul li a.prev, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs nav.woocommerce-pagination ul li a.next, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs nav.woocommerce-pagination ul li a.prev{ width: 40px; height: 28px; line-height: 0; font-size: 0; padding: 0; min-width: 0; } .woocommerce div.product.tabs-in-summary nav.woocommerce-pagination ul li a.next:after, .woocommerce div.product.tabs-in-summary nav.woocommerce-pagination ul li a.prev:before, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs nav.woocommerce-pagination ul li a.next:after, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs nav.woocommerce-pagination ul li a.prev:before{ font-size: 12px; line-height: 26px; margin: 0; } .woocommerce div.product.tabs-in-summary nav.woocommerce-pagination ul li a.prev:before, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs nav.woocommerce-pagination ul li a.prev:before{ content: '<'; } .woocommerce div.product.tabs-in-summary nav.woocommerce-pagination ul li a.next:after, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs nav.woocommerce-pagination ul li a.next:after{ content: '>'; } /*-------------------------------------------------------- 3. ADS BANNERS ---------------------------------------------------------*/ .woocommerce div.product .ads-banner{ margin: -3px -3px 0; padding-bottom: 63px; } .woocommerce div.product:not(.product-style-3) .ads-banner{ text-align: center; } .woocommerce div.product:not(.product-style-3) .ads-banner, .woocommerce div.product:not(.product-style-3) .yith-wfbt-section{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .woocommerce div.product .ads-banner img.alignnone{ margin: 3px; border-radius: 2px; } .woocommerce div.product .ads-banner > *:last-child{ margin-bottom: 0; } /*-------------------------------------------------------- 4. FREQUENTLY BOUGHT TOGETHER ---------------------------------------------------------*/ .woocommerce.yith-wfbt-section{ position: relative; padding: 60px 0 66px; } .woocommerce.yith-wfbt-section h3{ text-align: center; } .woocommerce.yith-wfbt-section:before, .woocommerce div.product.product-style-3 .woocommerce-tabs:before, .woocommerce div.product.product-style-3 .ts-mailchimp-subscription-shortcode:before, .woocommerce div.product.product-style-3 .ts-instagram-shortcode:before, .woocommerce div.product.product-style-4 .woocommerce-tabs:before, .woocommerce div.product.product-style-4 .ts-mailchimp-subscription-shortcode:before, .woocommerce div.product.product-style-4 .ts-instagram-shortcode:before, .woocommerce div.product > .ts-product-in-category-tab-wrapper:before, .woocommerce .cross-sells:before, .woocommerce .up-sells:before, .woocommerce .related:before{ content: ''; position: absolute; top: 0; bottom: 0; width: 100vw; left: calc(50% - 50vw); /*rtl*/ } .woocommerce .cross-sells:not(:last-child):before, .woocommerce .up-sells:not(:last-child):before, .woocommerce .related:not(:last-child):before{ bottom: -6px; } .woocommerce .cross-sells > *, .woocommerce .up-sells > *, .woocommerce .related > *, .woocommerce div.product.product-style-3 .woocommerce-tabs > *, .woocommerce div.product.product-style-3 .ts-mailchimp-subscription-shortcode > *, .woocommerce div.product.product-style-3 .ts-instagram-shortcode > *, .woocommerce div.product.product-style-4 .woocommerce-tabs > *, .woocommerce div.product.product-style-4 .ts-mailchimp-subscription-shortcode > *, .woocommerce div.product.product-style-4 .ts-instagram-shortcode > *, .woocommerce div.product > .ts-product-in-category-tab-wrapper > *, .woocommerce.yith-wfbt-section > *{ position: relative; z-index: 2; } .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: 67% 2px 1fr; grid-template-columns: 67% 1fr; grid-column-gap: 2px; } div.product .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items, div.product .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block{ width: auto; padding: 20px; margin: 0; } .woocommerce.yith-wfbt-section .yith-wfbt-images td > a, .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items, .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block{ box-shadow: 0px 1px 4px rgba(106, 106, 106, 0.1); } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items{ position: relative; } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items:after{ content: ''; width: 100%; height: 4px; position: absolute; bottom: -4px; left: 0; } div.product .woocommerce.yith-wfbt-section .yith-wfbt-form > *:nth-child(1){ -ms-grid-row: 1; -ms-grid-column: 1; } div.product .woocommerce.yith-wfbt-section .yith-wfbt-form > *:nth-child(2){ -ms-grid-row: 1; -ms-grid-column: 3; } div.product .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; margin: 0; height: 100%; } div.product .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; padding-top: 0; } .yith-wfbt-form .yith-wfbt-submit-block .button{ padding: 11px 20px; min-width: 210px; } div.product .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%; } #page .woocommerce.yith-wfbt-section ::-webkit-scrollbar{ width: 2px; height: 2px; } .woocommerce.yith-wfbt-section .yith-wfbt-images .image_plus{ display: none; } .woocommerce.yith-wfbt-section .yith-wfbt-images td{ position: relative; padding: 0 1px; } .woocommerce.yith-wfbt-section .yith-wfbt-images td:first-child{ padding-left: 0; /*rtl*/ } .woocommerce.yith-wfbt-section .yith-wfbt-images td:last-child{ padding-right: 0; /*rtl*/ } .woocommerce.yith-wfbt-section .yith-wfbt-images td > a{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; position: relative; padding: 15px; border-radius: 2px; } .woocommerce.yith-wfbt-section .yith-wfbt-images td:not(:last-child) > a:after{ content: '+'; width: 20px; height: 20px; font-size: 15px; line-height: 20px; border-radius: 100%; text-align: center; font-weight: 700; position: absolute; top: 50%; right: -11px; /*rtl*/ z-index: 3; transform: translate(0,-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; font-size: 0; padding: 0; } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li input[type^="checkbox"]{ width: 20px; height: 20px; opacity: 0; position: absolute; top: 0; left: 0; /*rtl*/ } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items a{ text-decoration: none; } .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items .product-name{ color: inherit; } .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; position: relative; top: -2px; 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; } .woocommerce .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li label > *:not(:last-child){ margin-right: 11px; /*rtl*/ } .woocommerce .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li .price del + ins { margin-right: 7px; /*rtl*/ } .yith-wfbt-section .total_price{ display: block; margin-bottom: 20px; line-height: 40px !important } .yith-wfbt-section .yith-wfbt-submit-block input[type^="submit"]{ width: 100%; } .yith-wfbt-section .total_price_label{ line-height: 20px; } /*-------------------------------------------------------- 5. WOOCOMMERCE TABS ---------------------------------------------------------*/ .woocommerce div.product .woocommerce-tabs ul.tabs{ list-style: none; padding: 0; margin: 0 -20px 22px; 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 20px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a{ display: block; padding: 0 0 12px; 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, .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; } .woocommerce div.product .woocommerce-tabs #tab-additional_information, .woocommerce div.product .woocommerce-tabs #tab-ts_custom{ padding: 32px 0 0; border-width: 1px 0 0; border-style: solid; overflow: hidden; margin-top: 28px; } .woocommerce div.product .woocommerce-tabs .panel table{ max-width: 930px; margin: 0 auto; } .woocommerce div.product .woocommerce-tabs .panel table tr{ position: relative; } .woocommerce div.product .woocommerce-tabs .panel table tr:not(:last-child):after{ content: ''; width: calc(100vw - 100px); position: absolute; bottom: 0; left: calc(50% - 50vw + 50px); /*rtl*/ height: 1px; border-width: 1px 0 0; border-style: solid; } .woocommerce div.product .woocommerce-tabs .panel table td, .woocommerce div.product .woocommerce-tabs .panel table th{ padding: 8px 10px; line-height: 24px; } .woocommerce div.product .woocommerce-tabs .panel table td:first-child, .woocommerce div.product .woocommerce-tabs .panel table th:first-child{ padding-left: 0; /*rtl*/ } .woocommerce div.product .woocommerce-tabs .panel table td:last-child, .woocommerce div.product .woocommerce-tabs .panel table th:last-child{ padding-right: 0; /*rtl*/ } .woocommerce div.product .woocommerce-tabs .panel table th, .woocommerce div.product .woocommerce-tabs .panel table td, .woocommerce div.product .woocommerce-tabs .panel table{ border-width: 0; background: transparent; } .woocommerce table.shop_attributes td p{ padding: 0; } /*** Tab Description ***/ .woocommerce-tabs #tab-description .ts-row{ 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; margin-bottom: 40px; } .woocommerce-tabs #tab-description .ts-row p{ margin-bottom: 15px; } .woocommerce-tabs #tab-description .ts-row .main-img{ max-width: 62%; } .woocommerce-tabs #tab-description .ts-row img{ margin: 0 !important; border-radius: 2px; } .woocommerce-tabs #tab-description .ts-row > div{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .woocommerce-tabs #tab-description .ts-row:not(.ts-feature) > div{ padding: 0 30px 0 0; /*rtl*/ } .tabs-in-summary .woocommerce-tabs .ts-row:not(.ts-feature) > div{ padding: 0; } .tabs-in-summary .woocommerce-tabs #tab-description .ts-row .main-img{ max-width: 100%; } .woocommerce-tabs #tab-description .ts-feature{ text-align: center; margin: 0 -10px; } .woocommerce-tabs #tab-description .ts-feature:not(:first-child){ padding-top: 40px; border-width: 1px 0 0; border-style: solid; } .woocommerce-tabs #tab-description .ts-feature > div{ padding: 0 10px; } .tabs-in-summary .woocommerce-tabs #tab-description .ts-feature{ margin: 0; } .tabs-in-summary .woocommerce-tabs #tab-description .ts-feature:not(:first-child){ padding-top: 30px; } .tabs-in-summary .woocommerce-tabs #tab-description .ts-feature > div{ padding: 10px 0; width: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .woocommerce-tabs #tab-description .product-content br{ margin: 0; } .woocommerce-tabs #tab-description .ts-feature > div > *:last-child, .woocommerce-tabs #tab-description .ts-row > *:last-child, .woocommerce div.product .woocommerce-tabs .panel > *:last-child, .woocommerce-tabs .panel .product-content > *:last-child{ margin-bottom: 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 .less-button{ display: none; } .more-less-buttons a span{ position: relative; z-index: 1; } .more-less-buttons a{ padding: 15px 0; display: block; } .more-less-buttons > a span:before{ display: inline-block; content: "-"; margin-right: 5px;/* rtl */ } .more-less-buttons > a.more-button span:before{ content: "+"; } .more-less-buttons a:hover{ text-decoration: none; } /*** Tab Reviews ***/ .woocommerce .woocommerce-tabs .woocommerce-product-rating > .review-count:not(:first-child){ margin: 0 0 0 22px; /*rtl*/ position: relative; } #reviews .woocommerce-Reviews-title{ margin: 0 0 17px; } #reviews #comments .woocommerce-noreviews:last-child{ margin-bottom: 0; } #reviews #review_form_wrapper{ margin-bottom: 50px; } .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; } .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; line-height: 1.5; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author{ margin-right: 7px; /*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; } .show-tabs-content-default #reviews div.iv-comment-images, .show-tabs-content-default #reviews div.iv-comment-videos{ padding-left: 0; padding-right: 0; } #reviews div.iv-comment-image{ width: auto; float: left; /*rtl*/ margin-right: 2px; /*rtl*/ margin-bottom: 15px; max-width: 50px; } .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; } /*** 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:not(.show-tabs-content-default):not(.tabs-in-summary) #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: 20px; -moz-column-gap: 20px; column-gap: 20px; } .woocommerce div.product.reviews-grid #reviews #comments .commentlist li{ padding: 20px 20px 17px; margin-bottom: 20px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; border-width: 1px; border-radius: 2px; } .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: 0 0 5px; } .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; } .woocommerce div.product.reviews-grid #reviews #comments .commentlist li .comment-text p.meta > *{ margin-bottom: 0; line-height: 1.2; } /*** Tabs Inside Summary ***/ .woocommerce div.product .woocommerce-tabs{ position: relative; } .woocommerce div.product.tabs-in-summary .summary > .woocommerce-tabs{ margin: 54px 0 0; border-width: 1px 0 0; border-style: solid; } .woocommerce div.product.tabs-in-summary .summary > .woocommerce-tabs:before{ display: none; } .woocommerce div.product.tabs-in-summary .summary > .woocommerce-tabs, .woocommerce div.product.tabs-in-summary .summary > #reviews, .woocommerce div.product.tabs-in-summary .summary > h2{ -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .woocommerce div.product.tabs-in-summary .summary > #reviews{ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .woocommerce div.product.tabs-in-summary #reviews nav.woocommerce-pagination{ padding-bottom: 0; } /*** Tab Dokan ***/ .woocommerce #tab-more_seller_product .products .product{ width: 16.66666%; } .woocommerce.main-content-fullwidth #tab-more_seller_product .products .product, .woocommerce.layout-fullwidth #tab-more_seller_product .products .product{ width: 12.5%; } #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; } /*-------------------------------------------------------- 6. SHORTCODE ---------------------------------------------------------*/ .woocommerce div.product > .subscribe-widget{ padding: 66px 0 56px; border-width: 1px 0 0; border-style: solid; text-align: center; } .woocommerce div.product > .ts-product-in-category-tab-wrapper{ padding: 0 0 66px; } .woocommerce div.product > .ts-product-in-category-tab-wrapper + .woocommerce-tabs{ margin-top: -1px; } .woocommerce div.product > .product-top-section + .ts-product-in-category-tab-wrapper{ padding-top: 66px; } .woocommerce div.product.product-style-4 > .product-top-section + .ts-product-in-category-tab-wrapper{ border-width: 1px 0 0; border-style: solid; } .woocommerce div.product .ts-instagram-shortcode h5{ text-align: center; } .woocommerce div.product .ts-instagram-shortcode, .woocommerce div.product .ts-mailchimp-subscription-shortcode{ padding: 61px 0 66px; border-width: 1px 0 0; border-style: solid; } .woocommerce div.product .ts-mailchimp-subscription-shortcode{ padding: 61px 0 56px; } .woocommerce div.product:not(.product-style-3) > .ts-product-in-category-tab-wrapper + .ts-instagram-shortcode, .woocommerce div.product:not(.product-style-3) > .ts-product-in-category-tab-wrapper + .ts-mailchimp-subscription-shortcode, .woocommerce div.product:not(.product-style-3) > .product-top-section + .ts-instagram-shortcode, .woocommerce div.product:not(.product-style-3) > .product-top-section + .ts-mailchimp-subscription-shortcode{ border-top-width: 0; } /*-------------------------------------------------------- 7. PRODUCT STYLES ---------------------------------------------------------*/ /*** Product Style 1 ***/ .woocommerce div.product.product-style-1 div.summary{ position: relative; padding-right: 425px; /*rtl*/ } .woocommerce div.product.product-style-1 .summary-column-2{ width: 385px; position: absolute; top: 0; right: 0; padding: 30px; border-radius: 2px; } .woocommerce div.product.product-style-1 .summary-column-2 .ts-delivery-note{ display: block; max-width: none; position: absolute; right: 0; /*rtl*/ top: calc(100% + 20px); margin: 0; } /*** Product Style 3 & 4 ***/ .woocommerce.single-product #primary > div.product.product-style-3{ 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; } .woocommerce.single-product #primary > .woocommerce-notices-wrapper:not(:empty) + div.product.product-style-3, .woocommerce.single-product #primary > .woocommerce-notices-wrapper:not(:empty) + div.product.product-style-4{ margin-top: 73px; } .woocommerce.single-product #primary > div.product.product-style-3:before, .woocommerce.single-product #primary > div.product.product-style-4:before{ content: ''; position: absolute; top: -30px; bottom: 0; width: 100vw; left: calc(50% - 50vw); background: #f7f7f7; } .woocommerce.single-product #primary > div.product.product-style-3 > *{ max-width: 100%; } .woocommerce.single-product #primary > div.product.product-style-3 > *, .woocommerce.single-product #primary > div.product.product-style-4 > *{ position: relative; z-index: 2; } .woocommerce.single-product #primary > div.product.product-style-3 > .products:hover, .woocommerce.single-product #primary > div.product.product-style-4 > .products:hover{ z-index: 3; } .woocommerce.single-product #primary > div.product.product-style-3 .ts-instagram-shortcode, .woocommerce.single-product #primary > div.product.product-style-3 .ts-mailchimp-subscription-shortcode{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 1px; margin-bottom: -1px; } .woocommerce #primary > div.product.product-style-3 .ts-delivery-note{ margin-bottom: 0; } .woocommerce div.product.product.product-style-3 > .ts-product-in-category-tab-wrapper ~ .ts-mailchimp-subscription-shortcode + section.products, .woocommerce div.product.product.product-style-3 > .ts-product-in-category-tab-wrapper ~ .ts-instagram-shortcode + section.products, .woocommerce div.product.product.product-style-3 > .ts-product-in-category-tab-wrapper + section.products{ border-width: 1px 0 0; border-style: solid; } .woocommerce div.product.product.product-style-3 > section.products{ padding-top: 55px; } .woocommerce div.product.product-style-4 .product-images-summary{ padding: 30px; border-radius: 2px; margin-bottom: 20px; box-shadow: 0px 1px 4px rgba(106, 106, 106, 0.1); } .woocommerce div.product.product-style-4 .product-images-summary:last-child{ margin-bottom: 66px; } .woocommerce div.product.product-style-4 div.woocommerce-product-gallery, .woocommerce div.product.product-style-4 div.summary{ width: 50%; margin: 0; } .woocommerce div.product.product-style-4 div.summary{ padding-left: 30px; /*rtl*/ } .ts-product-brand-info .brand-info-wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2px; border-radius: 2px; padding: 60px; box-shadow: 0px 1px 4px rgba(106, 106, 106, 0.1); } .ts-product-brand-info .brand-info-wrapper .brand-info{ padding-left: 40px; /*rtl*/ } .brand-info-wrapper > img, .woocommerce .brand-info-wrapper > img, .woocommerce-page .brand-info-wrapper > img{ max-width: 150px; } .ts-product-brand-info .brand-info-wrapper .brand-info, .ts-product-brand-info .product_list_widget li > .cart-item-wrapper{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .ts-product-brand-info .woocommerce-product-details__short-description:not(:first-child){ margin-top: 23px; padding-top: 23px; } .ts-product-brand-info .woocommerce-product-details__short-description hr{ margin-bottom: 20px; padding: 0; } .ts-product-brand-info .woocommerce-product-details__short-description > ul:first-child{ margin-top: -5px; } .ts-product-brand-info .woocommerce-product-details__short-description ul li{ line-height: 16px; } .ts-product-brand-info .woocommerce .products{ display: block !important; } .ts-product-brand-info .product_list_widget li .price{ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .brand-info-wrapper h3{ line-height: 1.3; margin-bottom: 8px; } .product-style-3 .brand-info-wrapper h3{ line-height: 1.5; } .product-style-3 .brand-info-wrapper h3{ margin-bottom: 0; } .ts-product-brand-info .social-profile ul{ margin-bottom: 0; margin-top: 13px; padding-top: 12px; border-width: 1px 0 0; border-style: solid; font-size: 16px; } .ts-product-brand-info .social-profile li{ list-style: none; display: inline-block; margin-right: 20px; /*rtl*/ } .ts-product-brand-info .social-profile li:last-child{ margin-right: 0; /*rtl*/ } .ts-product-brand-info .social-profile li a{ color: inherit; } .ts-product-brand-info .show-all a{ line-height: 1.2 !important; } .ts-product-brand-info .show-all{ margin: 10px 0 0; text-align: center; } .woocommerce div.product.product-style-3 div.woocommerce-product-gallery{ width: 54%; } .woocommerce div.product.product-style-3 div.summary{ width: 46%; padding-left: 30px; /*rtl*/ margin-bottom: 0; } .woocommerce div.product.product-style-3 .product-images-summary{ padding: 30px; border-radius: 2px; box-shadow: 0px 1px 4px rgba(106, 106, 106, 0.1); margin-bottom: 30px; } .woocommerce div.product.product-style-3 .ts-product-brand-info{ border-width: 0 0 0 1px; /*rtl*/ border-style: solid; border-radius: 2px; margin-bottom: 30px; overflow: hidden; box-shadow: 0px 1px 4px rgba(106, 106, 106, 0.1); } .woocommerce div.product.product-style-3 .ts-product-brand-info .description{ max-width: 140px; line-height: 16px; } .woocommerce div.product.product-style-3 .ts-product-brand-info .social-profile, .woocommerce div.product.product-style-3 .ts-product-brand-info .product_list_widget, .woocommerce div.product.product-style-3 .ts-product-brand-info .show-all{ display: none; } .woocommerce div.product.product-style-3 .ts-delivery-note + .yith-wfbt-section{ margin-top: 60px; } div.product.product-style-3 .woocommerce-product-details__short-description:not(:first-child){ margin-bottom: 0; } .product-style-3 .ts-product-brand-info .brand-info-wrapper{ padding: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: transparent; box-shadow: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .product-style-3 .ts-product-brand-info .brand-info-wrapper > img{ max-width: 150px; margin: 0 0 50px; } .product-style-3 .ts-product-brand-info .brand-info-wrapper .brand-info, .product-style-3 .ts-product-brand-info .product_list_widget li > .cart-item-wrapper{ -webkit-box-flex: none; -ms-flex: none; flex: none; } .product-style-3 .ts-product-brand-info .brand-info-wrapper .brand-info{ padding-left: 0; /*rtl*/ width: 100%; } .woocommerce div.product.product-style-3 .ads-banner{ margin: -5px 0; } .woocommerce div.product .ads-banner img.alignnone{ margin: 5px 0; } #main-content.ts-col-24 div.product.product-style-3 .product-top-section{ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #main-content.ts-col-24 div.product.product-style-3 .ads-banner{ width: 270px; padding-left: 20px; /*rtl*/ padding-bottom: 30px; } .woocommerce div.product.product-style-3 .ts-product-brand-info{ width: 18%; } .woocommerce div.product.product-style-3 .product-images-summary{ width: calc(82% - 270px); flex-basis: calc(82% - 270px); -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } #main-content.ts-col-24 div.product.product-style-4 .ads-banner, #main-content.ts-col-24 div.product.product-style-4 .yith-wfbt-section{ -ms-grid-column: span 2; grid-column-start: span 2; } #main-content.ts-col-24 div.product.product-style-4 .product-top-section{ display: -ms-grid; display: grid; -ms-grid-columns: auto 10px 33%; grid-template-columns: auto 33%; grid-column-gap: 10px; } #main-content.ts-col-24 div.product.product-style-4 .product-top-section > .ads-banner:last-child{ border-width: 0 0 1px; border-style: solid; } #main-content.ts-col-24 div.product.product-style-1 .yith-wfbt-section, #main-content.ts-col-24 div.product.product-style-4 .yith-wfbt-section{ margin-bottom: -1px; z-index: 2; } #main-content.ts-col-24 div.product.product-style-4 .ts-delivery-note{ max-width: 100%; margin-left: 0; margin-right: 0; } .woocommerce div.product.product-style-4 .product-images-summary{ grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } .woocommerce div.product.product-style-4 .ts-product-brand-info{ grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3; } .woocommerce div.product.product-style-4 .product-top-section > .product-images-summary:first-child, .woocommerce div.product.product-style-4 .product-top-section > .product-images-summary:first-child ~ .ts-delivery-note{ grid-column-start: 1; grid-column-end: 3; } /*** Product Style 5 ***/ .woocommerce #main-content.ts-col-24 div.product.product-style-5:not(.frequently-bought-together-vertical) .product-images-summary{ width: 100%; max-width: 1175px; margin-left: auto; margin-right: auto; } .woocommerce div.product.product-style-5 div.woocommerce-product-gallery{ width: 54%; } .woocommerce div.product.product-style-5 div.summary{ width: 46%; } .woocommerce div.product.product-style-5 .ads-banner{ margin-top: 63px; } /*** Custom header 2 ***/ .header-v2 .woocommerce .woocommerce-ordering, .header-v2 .woocommerce-page .woocommerce-ordering, .header-v2 .before-loop-wrapper > .widget{ margin-left: 0; /*rtl*/ } .header-v2 .style-filter-top .before-loop-wrapper #ts-filter-widget-area, .header-v2 .style-filter-top .before-loop-wrapper #ts-filter-widget-area .widget-container .widget-title-wrapper ~ * { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; margin-top: 10px; } .header-v2 .woocommerce div.product .ts-product-brand-info ul.product_list_widget form.cart div.quantity{ margin: 0 0 5px; width: 100%; } .header-v2 .woocommerce div.product .ts-product-brand-info ul.product_list_widget form.cart .button{ width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 5px !important; } .header-v2 #main-content.ts-col-24 div.product.product-style-4 .product-top-section { -ms-grid-columns: auto 10px 38%; grid-template-columns: auto 38%; } /*------------------------------------------------------------------------------------------------------------------- VIII. CHECK OUT ---------------------------------------------------------------------------------------------------------------------*/ /*** Login ***/ .woocommerce .checkout-login-coupon-wrapper form.login .lost_password{ margin-top: -6px; margin-bottom: 0; } .woocommerce .checkout-login-coupon-wrapper form.login .woocommerce-form-login__rememberme{ margin: 12px 0 0; } .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: 33px; } .woocommerce form.checkout_coupon, .woocommerce .checkout-login-coupon-wrapper form.login{ border-width: 0; 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 .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{ width: calc(70% - 30px); padding: 25px 30px 30px; float: left; /*rtl*/ } .woocommerce > form.checkout #order_review_heading, .woocommerce > form.checkout #order_review{ width: 30%; float: right; /*rtl*/ } .woocommerce > form.checkout #customer_details .col-1, .woocommerce > form.checkout #customer_details .col-2{ width: 100%; float: none; } .woocommerce form .form-row.create-account{ margin-bottom: 15px; } .woocommerce-shipping-fields h3{ margin-bottom: 20px; } .woocommerce-shipping-fields label{ padding-bottom: 0; } .woocommerce form .form-row label{ line-height: inherit; } .woocommerce-checkout p.form-row.notes{ margin-bottom: 0; } .woocommerce form input[type="password"]{ padding-right: 40px; /*rtl*/ } .woocommerce form .form-row .required{ font-weight: normal; } .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: -15px; margin-right: -15px; } .woocommerce-billing-fields__field-wrapper > p.form-row, .woocommerce-shipping-fields__field-wrapper > p.form-row{ width: 100%; margin-left: 15px; margin-right: 15px; order: 2; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .woocommerce-billing-fields__field-wrapper > p.form-row-first, .woocommerce-billing-fields__field-wrapper > p.form-row-last, .woocommerce-shipping-fields__field-wrapper > p.form-row-first, .woocommerce-shipping-fields__field-wrapper > p.form-row-last, .woocommerce-billing-fields__field-wrapper > #billing_postcode_field, .woocommerce-shipping-fields__field-wrapper > #shipping_postcode_field, .woocommerce-billing-fields__field-wrapper > #billing_city_field, .woocommerce-shipping-fields__field-wrapper > #shipping_city_field{ width: calc(50% - 30px); } .woocommerce-billing-fields__field-wrapper > #billing_email_field, .woocommerce-shipping-fields__field-wrapper > #shipping_email_field{ order: 0; } .woocommerce-billing-fields__field-wrapper > #billing_first_name_field, .woocommerce-shipping-fields__field-wrapper > #shipping_first_name_field, .woocommerce-billing-fields__field-wrapper > #billing_last_name_field, .woocommerce-shipping-fields__field-wrapper > #shipping_last_name_field{ order: 1; } .woocommerce-billing-fields__field-wrapper > #billing_state_field, .woocommerce-shipping-fields__field-wrapper > #shipping_state_field{ order: 3; } .woocommerce-billing-fields__field-wrapper > #billing_phone_field, .woocommerce-shipping-fields__field-wrapper > #shipping_phone_field{ order: 4; } .woocommerce-shipping-fields h3#ship-to-different-address .input-checkbox{ margin-top: -4px; } .woocommerce-terms-and-conditions-wrapper a{ text-decoration: underline; } .woocommerce-terms-and-conditions-wrapper a:hover{ text-decoration: none; } .woocommerce-invalid #terms{ outline: none !important; } body.woocommerce-checkout .select2-search--dropdown:before{ top: 5px; } /*** Payment Process ***/ .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr:last-child th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr:last-child td{ border-bottom-width: 0; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{ background: transparent !important; border-radius: 0; } .woocommerce-checkout #payment ul li{ list-style: none; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{ padding: 15px 0; border-width: 0; } .woocommerce > form.checkout #order_review_heading{ margin: 35px 0 0; padding: 0 30px; position: relative; } .woocommerce > form.checkout #order_review{ padding: 80px 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; } .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*/ } #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout{ padding: 5px 0; } #order_review table.shop_table ul#shipping_method{ margin-left: -100%; /*rtl*/ text-align: left; /*rtl*/ } #add_payment_method #payment ul.payment_methods li label, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label{ display: inline; } #add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: none; line-height: 24px; font-size: 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: -2px 5px 0 0; /*rtl*/ } #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img { margin: -2px 5px 0; max-width: 120px; } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { padding: 0 0 10px 0; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { padding: 18px 25px; margin: 10px 0 0; font-size: 100%; line-height: 24px; border-radius: 4px; color: inherit; } #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-cart article .woocommerce:after{ display: table; clear: both; content: ""; } .woocommerce-wishlist form.yith-wcwl-form > .woocommerce-info:not(:empty), .woocommerce-wishlist form.yith-wcwl-form > .woocommerce-error:not(:empty), .woocommerce-wishlist form.yith-wcwl-form > .woocommerce-message:not(:empty), .woocommerce-wishlist .woocommerce-notices-wrapper:not(:empty){ margin-top: 10px; margin-bottom: 29px; } .woocommerce-cart .woocommerce-notices-wrapper:not(:empty){ margin-bottom: 38px; } /*** Cart table ***/ .woocommerce .woocommerce-cart-form, .woocommerce-checkout #customer_details{ float: left;/* rtl */ width: calc(70% - 40px); } .woocommerce table.shop_table{ margin: 0; border-width: 0; table-layout: auto; position: relative; border-spacing: 0 2px; } .woocommerce table.shop_table tr{ box-shadow: 0px 1px 4px rgba(106, 106, 106, 0.1); } .woocommerce .cart-collaterals table.shop_table tr, .woocommerce table.shop_table.cart tbody tr:last-child{ box-shadow: none; } .woocommerce-checkout #order_review table.shop_table tr{ box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1); } .woocommerce table.shop_table tr th:first-child, .woocommerce table.shop_table tr td:first-child{ border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .woocommerce table.shop_table tr th:last-child, .woocommerce table.shop_table tr td:last-child{ border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .woocommerce table.shop_table th, .woocommerce table.shop_table td{ border: 0; } .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 td.product-remove{ width: 80px; } .woocommerce table.shop_table td.product-name{ font-size: 100%; } .woocommerce table.shop_table th{ padding: 15px; } .woocommerce table.shop_table td{ padding: 10px 15px; } .woocommerce table.shop_table.cart td.actions{ padding: 30px 0 0; border-width: 0; } .woocommerce table.shop_table .product-remove{ padding-left: 30px; /*rtl*/ } .woocommerce table.shop_table .product-remove a, .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper .remove{ display: inline-block; width: 24px !important; height: 24px; line-height: 24px; font-size: 0; text-align: center; letter-spacing: 0; float: none; padding: 0 !important; background: transparent; opacity: 0.3; } .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper .remove{ top: 3px; } .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper .remove:hover, .woocommerce table.shop_table .product-remove a:hover{ opacity: 1; } .woocommerce table.shop_table .product-remove a:before{ line-height: 24px; } .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, .woocommerce-cart .cart-collaterals .shipping-calculator-form .button, .woocommerce-cart table.cart td.actions .button{ padding: 7px 15px !important; } #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; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .woocommerce-cart .cart-collaterals .shipping-calculator-form .button, .woocommerce-cart table.cart td.actions .button{ width: auto !important; min-width: 0; } /*** Cart Collaterals ***/ .woocommerce-cart article .woocommerce .cart-collaterals, .woocommerce-checkout #order_review{ width: 30%; float: right; /*rtl*/ padding: 30px; } .woocommerce form.checkout_coupon, .woocommerce .checkout-login-coupon-wrapper form.login, .woocommerce > form.checkout #customer_details, .woocommerce > form.checkout #order_review, .woocommerce-cart article .woocommerce .cart-collaterals, .woocommerce-checkout #order_review, .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation li a{ box-shadow: 0px 1px 4px rgba(106, 106, 106, 0.1); border-radius: 2px; } .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-cart .cart-collaterals .shipping-calculator-form > #calc_shipping_country_field{ margin-bottom: 9px; } .woocommerce-cart .cart-collaterals .shipping-calculator-form > p{ margin-bottom: 5px; } .woocommerce-cart .cart-collaterals .shipping-calculator-form > .form-row:before, .woocommerce-cart .cart-collaterals .shipping-calculator-form > .form-row:after{ display: none; } .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-top: 7px; padding-bottom: 7px; } #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; } #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; } /*** 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-slider .owl-carousel > .owl-stage-outer > .owl-stage, .ts-slider.owl-carousel > .owl-stage-outer > .owl-stage, .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; } .woocommerce .cross-sells > h2:empty, .woocommerce .up-sells > h2:empty, .woocommerce .related > h2:empty{ display: none; margin-bottom: 0; } .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; } .ts-product.rows-1 .owl-item .product, .up-sells .products .owl-item .product, .cross-sells .products .owl-item .product, .related .products .owl-item .product{ height: 100%; } .woocommerce .cross-sells:after{ display: table; content: ""; clear: both; } .woocommerce div.product .ts-product p.price, .woocommerce div.product .ts-product span.price, .woocommerce div.product .cross-sells .price, .woocommerce div.product .up-sells .price, .woocommerce div.product .related .price{ font-size: 100%; } /*------------------------------------------------------------------------------------------------------------------- X. POPUP/MODAL ---------------------------------------------------------------------------------------------------------------------*/ body #cboxClose, .ts-floating-sidebar .close, .ts-popup-modal .close{ position: absolute; top: -5px; right: -5px;/* rtl */ z-index: 999; text-align: center; width: 24px; font-size: 0; line-height: 22px; transform: translateY(-100%); transition: 350ms ease 0s; } body #cboxClose{ background-image: none; text-indent: 0; color: #ffffff; text-transform: none; z-index: 100001; } .ts-floating-sidebar .close{ top: 30px; right: 30px;/* rtl */ transform: translate(0,0); opacity: 0.3; } #ts-shopping-cart-sidebar .close{ right: 23px; /*rtl*/ } #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper .remove{ top: 2px; right: -7px; /*rtl*/ } .ts-floating-sidebar .close:hover{ opacity: 1; } .ts-floating-sidebar .close:after, .ts-store-notice .close:before, .woocommerce table.shop_table .product-remove a:before, body .wishlist_table.mobile li .additional-info-wrapper .product-remove:before{ font-size: 12px; } ul.products-list li .remove:before, .cart_list li .cart-item-wrapper a.remove:before, .woocommerce .widget_shopping_cart .cart_list li a.remove:before, .woocommerce.widget_shopping_cart .cart_list li a.remove:before, .elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li a.remove:before{ font-size: 10px; } body #cboxClose:after, html body > h1 a.close:before, body table.compare-list tr.remove td > a .remove:before, .ts-popup-modal .close:after{ font-size: 14px; } #group-icon-header .close{ top: 16px; right: 14px; /*rtl*/ opacity: 1; } #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; } .woocommerce .wishlist-fragment .blockUI.blockOverlay:before, .woocommerce .yith-wcwl-popup-form .blockUI.blockOverlay:before{ display: block; } /*** Quick Shop ***/ .ts-popup-modal .quickshop-content{ max-height: 100%; overflow: hidden; padding: 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-x: hidden; overflow-y: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; transition: none; align-items: flex-start; align-content: flex-start; float: none; } #ts-quickshop-modal div.product > .summary > *{ width: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 0; margin-right: 0; } #ts-quickshop-modal .woocommerce div.product div.woocommerce-product-gallery, #ts-quickshop-modal .woocommerce div.product div.summary{ width: 50%; } #ts-quickshop-modal .woocommerce div.product div.woocommerce-product-gallery{ width: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #ts-quickshop-modal .woocommerce div.product div.images .flex-control-thumbs{ width: 100%; margin: 15px 0 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #ts-quickshop-modal .woocommerce div.product div.images .flex-control-thumbs li{ width: 73px !important; margin: 0 2px 0 0 !important; /*rtl*/ } #ts-quickshop-modal .woocommerce div.product div.woocommerce-product-gallery .flex-viewport{ -webkit-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; -webkit-box-flex: none !important; -ms-flex: none !important; flex: none !important; width: 100% !important; } #ts-quickshop-modal .summary .quantity{ width: 120px; } #ts-quickshop-modal .woocommerce div.product div.summary{ padding-left: 30px; /*rtl*/ padding-right: 0; /*rtl*/ } #ts-quickshop-modal div.product .summary .woocommerce-product-rating{ order: 0; } #ts-quickshop-modal .reset_variations{ margin-left: 20px; } #ts-quickshop-modal .woocommerce-product-details__short-description{ -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: 7px; } #ts-quickshop-modal .meta-content{ 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 a:hover{ background: transparent; } .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; } /*** Compare Popup ***/ .dataTables_scrollFoot{ display: none; } html body #yith-woocompare{ padding: 0; } #cboxLoadingGraphic{ background: none !important; } #cboxLoadingOverlay{ top: 50%; left: 50%; width: 100px; height: 100px; transform: translate(-50%,-50%); background-image: none !important } .woocommerce .wd_compare_wrapper .added:before{ content: "\f065"; } #cboxContent{ background: transparent !important; } #cboxTopCenter, #cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxBottomCenter, #cboxMiddleLeft, #cboxMiddleRight{ background: transparent; width: 0;height: 0; padding: 0;margin: 0; } #cboxLoadedContent{ padding: 0; } #cboxLoadedContent iframe{ position: relative; z-index: 1; background: transparent; } .dataTables_wrapper{ padding: 0; text-align: center; } .dataTables_scrollHead, .DTFC_LeftHeadWrapper{ display: none; } html body > h1{ padding: 14px 20px; display: block; width: 100%; float: none; position: relative; z-index: 14; text-align: start; border-width: 0; background: transparent !important; } html body > h1{ line-height: 22px !important; } html body > h1 a.close{ font-size: 0; padding: 0; width: 24px; height: 24px; margin: 0; right: 0; /*rtl*/ position: relative; top: 0; } table.compare-list, table.compare-list th, table.compare-list td{ box-sizing: content-box; } table.compare-list:not(.dataTable) thead{ display: none !important; } body table.compare-list{ margin: 0 !important; padding: 0 !important; width: 100%; border-width: 1px 0 0 0; } body table.compare-list td.odd, body table.compare-list td.even{ background: transparent; } body #yith-woocompare table.compare-list tbody th{ background: transparent; } body #yith-woocompare table.compare-list tbody th, body #yith-woocompare table.compare-list tbody td{ padding: 15px; } body #yith-woocompare table.compare-list tr.title th, body #yith-woocompare table.compare-list tr.title td, body #yith-woocompare table.compare-list tr.image td, body #yith-woocompare table.compare-list tr.image th, body #yith-woocompare table.compare-list tr.add-to-cart td, body #yith-woocompare table.compare-list tr.add-to-cart th, body #yith-woocompare table.compare-list tr.price:not(.repeated) td, body #yith-woocompare table.compare-list tr.price:not(.repeated) th{ padding: 0 15px 15px 15px; } body #yith-woocompare table.compare-list tr.title th, body #yith-woocompare table.compare-list tr.title td{ line-height: 20px; padding-bottom: 10px; } body #yith-woocompare table.compare-list tr.add-to-cart td, body #yith-woocompare table.compare-list tr.add-to-cart th{ padding-bottom: 20px; } body #yith-woocompare table.compare-list tr{ display: table-row; } body table.compare-list th{ background: transparent; } body table.compare-list td img{ width: 250px; padding: 0; border: 0; max-width: 100%; margin-bottom: 0; } body table.compare-list .description td img{ width: auto; } body table.compare-list th{ border-width: 1px 0 0 0; border-style: solid; text-align: left;/* rtl */ } body table.compare-list td{ border-width: 1px 0 0 0; border-style: solid; } body #yith-woocompare table.compare-list tr.image th, body #yith-woocompare table.compare-list tr.image td{ border-top-width: 0; } body #yith-woocompare table.compare-list tbody th, body #yith-woocompare table.compare-list tbody td{ border-width: 1px 1px 0 0;/* rtl */ border-style: solid; } body #yith-woocompare table.compare-list .description ul{ text-align: start; /*rtl*/ } body #yith-woocompare table.compare-list tbody tr th:last-child, body #yith-woocompare table.compare-list tbody tr td:last-child{ border-right-width: 0; } body #yith-woocompare table.compare-list tr:not(.no-products).add-to-cart th, body #yith-woocompare table.compare-list tr:not(.no-products).add-to-cart td, body #yith-woocompare table.compare-list tr:not(.no-products).title th, body #yith-woocompare table.compare-list tr:not(.no-products).title td, body #yith-woocompare table.compare-list tr:not(.no-products).price:not(.repeated) th, body #yith-woocompare table.compare-list tr:not(.no-products).price:not(.repeated) td, body #yith-woocompare table.compare-list tr:not(.no-products).image th, body #yith-woocompare table.compare-list tr:not(.no-products).image td{ border-top-width: 0; } body #yith-woocompare table.compare-list tr.no-products td{ padding-left: 20px; padding-right: 20px; border-width: 1px 0 0 0; border-style: solid; } body table.compare-list tr.image td, body table.compare-list tr.title td, body table.compare-list tr.price td{ text-transform: none; } body table.compare-list tr.price td{ text-decoration: none; } body table.compare-list tr.image th, body table.compare-list tr.image td{ height: auto; } body table.compare-list tr.add-to-cart th, body table.compare-list tr.add-to-cart td{ padding-bottom: 30px; } body table.compare-list tr.remove td, body table.compare-list tr.remove th{ padding-top: 5px !important; padding-bottom: 10px !important; } body table.compare-list tr.image td{ padding-top: 0; } body table.compare-list tr.remove td > a{ font-size: 0; line-height: 0; width: 24px; height: 24px; text-align: center; display: block; margin-left: auto; margin-right: auto; position: relative; background: transparent !important; } body table.compare-list .remove td a .remove{ position: relative; width: 100%; height: 100%; line-height: 0; font-size: 0; display: block; background: transparent !important } body table.compare-list tr.remove td > a .remove:before{ line-height: 24px; } tr.image th, tr.title th, tr.price:not(.repeated) th, tr.add-to-cart th{ font-size: 0 !important; } /* AMOUNT */ body table.compare-list tr.price th, .compare-list tr.price td ins{ text-decoration: none; } body table.compare-list tr.price th, body table.compare-list tr.price td del{ margin-right: 8px; } html body table.compare-list tr.description td p, html body table.compare-list tr.description th p{ margin: 0; } body .woocommerce table.compare-list .add-to-cart td a{ text-transform: none; border-width: 1px; border-style: solid; margin: 0; min-width: 210px; } body table.compare-list .add-to-cart td .blockOverlay{ display: none !important; } body .compare-list tr.no-products td{ text-align: left !important; /* rtl */ } #cboxLoadedContent iframe{ padding: 0; } body table.compare-list .stock td span{ color: inherit; } #colorbox.yith_woocompare_colorbox{ position: fixed !important; top: 50% !important; transform: translate(0,-50%); } /*------------------------------------------------------------------------------------------------------------------- XI. WOOCOMMERCE MESSAGE ---------------------------------------------------------------------------------------------------------------------*/ .home .woocommerce-message{ display: none !important; } body #ts-ajax-add-to-cart-message{ position: fixed; opacity: 0; 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: 43px; } .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; } .woocommerce-message, .woocommerce .woocommerce-message, .woocommerce-error, .woocommerce .woocommerce-error, .woocommerce-info, .woocommerce .woocommerce-info{ padding: 2px 20px !important;/* rtl */ border-radius: 2px; 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; } .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; } .woocommerce-message, .woocommerce .woocommerce-message{ color: #00B412; background-color: rgba(1,178,19,0.15); } 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*/ } .woocommerce-error, .woocommerce .woocommerce-error{ color: red; background-color: rgba(255,0,0,.1); } .woocommerce-info, .woocommerce .woocommerce-info{ background-color: rgba(0,0,0,.1); } .woocommerce-checkout .woocommerce-info, .woocommerce.woocommerce-checkout .woocommerce-info{ background: transparent !important; padding: 0 !important; } .woocommerce-error::before{ color: inherit !important; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{ text-decoration: none !important; font-size: 100%; line-height: 18px; color: inherit !important; } .cart-empty.woocommerce-info, .return-to-shop, .woocommerce.archive #primary > .woocommerce-info{ text-align: center; } body.search.search-no-results .alert, .woocommerce.archive #primary > .woocommerce-info{ background: transparent; padding: 80px 0 100px !important; line-height: 30px; margin: 0; } body.search.search-no-results .alert{ text-align: center; margin-bottom: 0 !important; padding-bottom: 30px !important; } body.search.search-no-results .ts-pagination{ padding: 0 !important; border: 0; margin: 0; } body.search.search-no-results .alert p{ font-size: 145%; line-height: 1.5; } body.search.search-no-results .search-wrapper{ max-width: 500px; margin: 0 auto 100px; } body.search.search-no-results .search-content input[type="text"]{ padding-top: 11px; padding-bottom: 11px; } body.search.search-no-results .search-table .search-button:before{ font-size: 17px; line-height: 46px; } .woocommerce > .return-to-shop{ margin-bottom: 10%; } body .cart-empty.woocommerce-info{ color: inherit; background: transparent !important; margin-bottom: 30px; } .woocommerce-cart .return-to-shop a.button{ min-width: 240px; } body .wp-block-image.is-style-circle-mask img{ border-radius: 9999px; } body .woocommerce .cart-empty.woocommerce-info:before{ position: static; content: ''; width: 100%; height: 150px; background: url('images/cart-empty.svg') no-repeat center; margin: 0 auto 20px; opacity: 0.3; } body.search.search-no-results .alert:before, .woocommerce.archive #primary > .woocommerce-info:before{ position: relative; letter-spacing: 0; margin: 0 auto; font-size: 70px; line-height: 1; height: auto; width: auto; top: auto; left: auto; bottom: auto; right: auto; display: block; margin-bottom: 20px; margin: 0 0 40px; } .woocommerce-error li, .woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce .woocommerce-message li{ padding: 0; line-height: 26px; } #yith-wcwl-popup-message{ margin: 0 !important; transform: translate(-50%,0); border-width: 0; line-height: 40px; padding: 10px 20px; min-width: 120px; position: fixed; text-align: center; top: 50%; left: 50%; z-index: 99990; /* Thanks WP -.- */ box-shadow: 0 3px 6px rgba(0,0,0,0.2); } body:not(.single-product) #yith-wcwl-popup-message{ display: none !important; } /*------------------------------------------------------------------------------------------------------------------- XIII. WISHLIST ---------------------------------------------------------------------------------------------------------------------*/ body.woocommerce-wishlist .yith-wcwl-form{ margin-bottom: 66px !important; } body.woocommerce-wishlist div#main{ min-height: 0; } /*** Wishlist Title ***/ body.woocommerce .wishlist-title{ margin-bottom: 20px; } body .wishlist-title.wishlist-title-with-form h2{ padding: 0; } body .wishlist-title.wishlist-title-with-form h2:hover{ background: transparent; } body .wishlist-title a.show-title-form{ font-size: 0; line-height: 0; padding: 0; min-width: 0; border-width: 0; border-radius: 4px; width: 26px; height: 26px; text-align: center; position: relative; top: -10px; } body .wishlist-title a.show-title-form i{ font-size: 14px; line-height: 26px; margin: 0; } /*** Hidden form ***/ .hidden-title-form{ overflow: hidden; clear: both; display: none; } .yes-js #yith-wcwl-form .hidden-title-form{ margin: 20px 0; width: 100%; } .hidden-title-form input[type="text"]{ margin: 0; padding-right: 80px;/* rtl */ } body .hidden-title-form .edit-title-buttons { right: 10px; top: 50%; transform: translateY(-50%); } body .hidden-title-form a{ width: 46px; height: 46px; line-height: 46px; font-size: 100%; } /*** Wishlist Table ***/ body table.wishlist_table{ font-size: 100%; } .woocommerce div.wishlist_table td.product-add-to-cart a{ display: inline-block !important; } .wishlist_table .product-add-to-cart a{ padding: 7px 15px !important; width: auto !important; min-width: 150px; font-size: 100% !important; position: relative; } .woocommerce table.wishlist_table thead th{ border-top: 0; } .wishlist_table tfoot td{ border: 0; } .woocommerce table.wishlist_table tfoot tr th, .woocommerce table.wishlist_table tfoot tr td{ padding-top: 10px !important; padding-bottom: 10px !important; } .woocommerce table.wishlist_table th.product-name{ text-align: left; /* rtl */ } td.product-add-to-cart, td.product-add-to-cart a{ margin: 0 !important; float: none !important; } .woocommerce table.wishlist_table th.product-thumbnail, .woocommerce table.wishlist_table th.product-name{ width: auto; } .wishlist_table tr td, .wishlist_table tr th.product-checkbox, .wishlist_table tr th.wishlist-delete{ text-align: inherit; } .woocommerce table.wishlist_table .product-remove div{ display: inline-block; } .wishlist_table .product-stock-status span.wishlist-in-stock{ color: inherit; } table.wishlist_table .product-price del{ margin-right: 5px; /*rtl*/ } body .wishlist_table .product-add-to-cart a.button{ padding: 8px 40px !important; min-width: 206px; } body .wishlist_table .product-add-to-cart span.dateadded{ display: block; text-align: center; margin: 0 0 5px; } body p.wishlist-empty, body table.wishlist_table tbody td.wishlist-empty{ position: relative; bottom: -1px; } /*fix loading*/ .woocommerce table.shop_table.wishlist_table{ opacity: 1 !important; } .woocommerce table.shop_table.wishlist_table .blockUI.blockOverlay{ background: transparent !important; } .woocommerce table.shop_table.wishlist_table .blockUI.blockOverlay:after{ border-width: 3px; border-top-width: 3px; margin-top: -18px; margin-left: -18px; width: 36px; height: 36px; } /*** Sharing ***/ .yith_wcwl_wishlist_footer .yith-wcwl-share{ margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: none; } .yith-wcwl-share h4.yith-wcwl-share-title{ margin: 0 10px 0 0; /*rtl*/ font-size: 100%; line-height: 1; text-transform: uppercase; } .yith-wcwl-share .yith-wcwl-after-share-section{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; /*rtl*/ } .yith-wcwl-share .yith-wcwl-after-share-section input.copy-target{ border-width: 0; margin: 0 0 5px; padding: 0; text-align: right; font-size: 100%; color: inherit; } .yith-wcwl-share ul{ margin: 0; } .yith-wcwl-share ul li{ list-style: none; padding: 0; margin: 0 2px; } .yith-wcwl-share ul li a{ padding: 6px; } /*** Mobile Layout ***/ body .wishlist_table.mobile{ margin-bottom: 0; } body .wishlist_table.mobile li{ width: calc(33.333333% - 2px); margin: 1px; list-style: none; border: 0; padding: 20px; 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; position: relative; border-radius: 2px; box-shadow: 0px 1px 4px rgba(106, 106, 106, 0.1); } body .wishlist_table.mobile, body .wishlist_table.mobile li .item-wrapper, body .wishlist_table.mobile li .additional-info-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; } body .wishlist_table.mobile li .item-wrapper, body .wishlist_table.mobile li .additional-info-wrapper{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body .wishlist_table.mobile li .additional-info-wrapper{ } body .wishlist_table.mobile li .additional-info-wrapper > *:not(.product-remove){ width: 100%; margin: 10px 0 0; text-align: center; } .wishlist_table.mobile .additional-info-wrapper .product-add-to-cart a{ width: 100% !important; min-width: 0; } body .wishlist_table.mobile li .item-wrapper .product-thumbnail{ max-width: 100px; margin-right: 20px; /*rtl*/ } body .wishlist_table.mobile li .item-wrapper .item-details{ width: calc(100% - 120px); } body .wishlist_table.images_grid li .item-details table.item-details-table, body .wishlist_table.mobile li .item-details table.item-details-table, body .wishlist_table.mobile li table.additional-info, body .wishlist_table.modern_grid li .item-details table.item-details-table { margin-bottom: 0; } body .wishlist_table.mobile li .item-details table.item-details-table td, body .wishlist_table.mobile li table.additional-info td{ font-size: 100%; padding: 0 0 7px; line-height: 20px; } body .wishlist_table.mobile li table.additional-info td.value{ text-align: right; /*rtl*/ } body .wishlist_table.mobile li .item-details table.item-details-table td.value{ text-align: start; } body .wishlist_table.mobile li .additional-info-wrapper .product-remove{ position: absolute; top: 10px; right: 10px; /*rtl*/ width: 30px; height: 30px; line-height: 30px; text-align: center; z-index: 2; opacity: 0.3; transition: 300ms ease; } body .wishlist_table.mobile li .additional-info-wrapper .product-remove a{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; } body .wishlist_table.mobile li .additional-info-wrapper .product-remove:hover{ opacity: 1; } body .wishlist_table.mobile li .item-details table.item-details-table td.label, body .wishlist_table.mobile li .additional-info-wrapper .product-remove i{ display: none; } body p.wishlist-empty{ margin: 0; } /*------------------------------------------------------------------------------------------------------------------- XII. MY ACCOUNT ---------------------------------------------------------------------------------------------------------------------*/ .woocommerce form.login, .woocommerce form.register{ border-width: 0; padding: 0; margin: 0; } #customer_login h2, .account-content h2, .woocommerce-MyAccount-content > h2, .woocommerce-customer-details > h2, .woocommerce-billing-fields > h3, .woocommerce-additional-fields > h3, header.woocommerce-Address-title > h3{ margin-bottom: 10px; 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, .woocommerce form.track_order, .woocommerce-account .woocommerce-MyAccount-content, .woocommerce form.woocommerce-ResetPassword.lost_reset_password{ margin-left: auto; margin-right: auto; box-shadow: 0px 1px 4px rgba(106, 106, 106, 0.1); border-radius: 2px; } .woocommerce form.track_order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password{ padding: 40px; margin-bottom: 66px; } .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: 35px 40px 40px; } .woocommerce #customer_login .col-2, .woocommerce-page #customer_login .col-2{ border-width: 0 0 0 1px; /*rtl*/ border-style: solid; } body.ts-register .woocommerce #customer_login .col-1, body.ts-login .woocommerce #customer_login .col-2{ display: none; } body.ts-register .woocommerce #customer_login .col-1, body.ts-register .woocommerce #customer_login .col-2, body.ts-register.woocommerce-page #customer_login .col-1, body.ts-register.woocommerce-page #customer_login .col-2, body.ts-login .woocommerce #customer_login .col-1, body.ts-login .woocommerce #customer_login .col-2, body.ts-login.woocommerce-page #customer_login .col-1, body.ts-login.woocommerce-page #customer_login .col-2{ width: 100%; float: none; /*rtl*/ } .woocommerce #customer_login p.lost_password:last-child, .woocommerce #customer_login p.form-row:last-child{ margin-bottom: 0; } .woocommerce #customer_login form.login .button, .woocommerce #customer_login form.register .button{ margin-top: 6px; } .woocommerce form .show-password-input, .woocommerce-page form .show-password-input{ right: 20px; top: 7px; line-height: 36px; } .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: 18px 0 0; } form.track_order input[type^="submit"], form.track_order button[type^="submit"], .woocommerce form.woocommerce-ResetPassword.lost_reset_password input[type^="submit"], .woocommerce form.woocommerce-ResetPassword.lost_reset_password button[type^="submit"]{ min-width: 166px; } form.track_order input[type^="submit"], form.track_order button[type^="submit"]{ margin-top: 10px; } .woocommerce form.track_order .form-row-first, .woocommerce form.track_order .form-row-last{ width: 100%; margin-left: 0; margin-right: 0; } .woocommerce form.track_order div.clear + .form-row, .woocommerce form.woocommerce-ResetPassword.lost_reset_password div.clear + .form-row{ margin-bottom: 0; } /*** Navigation ***/ .woocommerce-account .woocommerce-MyAccount-navigation{ width: 100%; float: none; margin: 0 auto 5px; } .woocommerce-account .woocommerce-MyAccount-navigation ul{ margin: 0 -1px; } .woocommerce-account .woocommerce-MyAccount-navigation li{ list-style: none; padding: 0; margin: 0 1px 2px; text-align: center; float: left; /*rtl*/ } .woocommerce-account .woocommerce-MyAccount-navigation li a{ display: block; padding: 5px 20px; color: inherit; border-radius: 2px; } .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: 35px 30px 40px; } 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: -3px 0 0; line-height: 1; text-align: center; } .woocommerce-account .addresses .title .edit:before{ color: #000000; font-size: 12px; } .woocommerce .woocommerce-MyAccount-content table.shop_table tr{ box-shadow: 0px 1px 0px rgba(0,0,0,0.05); } .woocommerce .woocommerce-MyAccount-content table.shop_table tr th:first-child, .woocommerce .woocommerce-MyAccount-content table.shop_table tr td:first-child{ padding-left: 0; /*rtl*/ } .woocommerce .woocommerce-MyAccount-content table.shop_table tr th:last-child, .woocommerce .woocommerce-MyAccount-content table.shop_table tr td:last-child{ padding-right: 0; /*rtl*/ } .woocommerce .woocommerce-MyAccount-content table.shop_table tr th, .woocommerce .woocommerce-MyAccount-content table.shop_table tr td{ background: transparent; } .woocommerce .woocommerce-MyAccount-content table.shop_table thead tr th{ padding-top: 0; } .woocommerce-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: 60px; } .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: solid; } .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: solid; } .woocommerce ul.order_details li strong{ display: inline-block; font-size: 100%; } /*-------------------------------------------------------------------------------------------------------------------- XIV. BLOG ---------------------------------------------------------------------------------------------------------------------*/ .list-posts:after, .ts-blogs:after, .entry-meta-middle:after, .entry-meta-bottom:after, .site-content > article:after{ content: ""; clear: both; display: table; } blockquote, .ts-portfolio-wrapper .item-wrapper a.like, .portfolio-info .portfolio-like, .tags-link a, .wp-block-tag-cloud a, .tagcloud a, .list-posts article .thumbnail img, .ts-blogs article .thumbnail img, .single-post .entry-format > .entry-header-meta .entry-header-meta-content, .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, .pagination-wrap ul.pagination > li > a, .pagination-wrap ul.pagination > li > span, .dokan-pagination-container .dokan-pagination li a, .woocommerce nav.woocommerce-pagination ul li span{ border-radius: 2px; } .tagcloud .tag-link-count{ font-weight: normal; } /*** Filters Bar ***/ ul.blog-filter-bar{ margin: -10px 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: 20px; } .ts-portfolio-wrapper .filter-bar li, ul.blog-filter-bar li{ list-style: none; display: inline-block; margin: 0 20px 10px 0; /*rtl*/ padding: 0; } .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{ 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; margin: 0; } .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.columns-2 .items article{ width: 50%; } .ts-blogs.columns-3 .items article{ width: 33.33333%; } .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; } #main > .page-container.blog-template.index-template{ padding-top: 30px; } body.page.page-template-default:not(.elementor-page) #main > .page-container{ padding-top: 34px; } .page-container:not(.columns-1) .list-posts, .ts-blogs:not(.columns-1) .items{ margin-left: -10px; margin-right: -10px; } .ts-blogs:not(.columns-1) .owl-carousel{ width: calc(100% + 20px); } .page-container:not(.columns-1) .list-posts article:not(.sticky), .ts-blogs:not(.columns-1) .items article:not(.sticky){ padding-left: 10px; padding-right: 10px; 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{ width: 50%; } .columns-0 .list-posts article, .columns-3 .list-posts article{ width: 33.3333%; } .list-posts article.sticky{ padding: 40px !important; margin-bottom: 64px; 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 .entry-format, .ts-blogs article:not(.quote) .thumbnail-content{ margin-bottom: 16px; position: relative; } .ts-blogs article .entry-content, .page-container:not(.columns-1) .list-posts article .entry-content{ padding-right: 30px; /*rtl*/ } .ts-blogs.text-center article .entry-content{ padding-left: 30px; /*rtl*/ padding-right: 30px; /*rtl*/ } .ts-blogs.text-right article .entry-content{ padding-left: 30px; /*rtl*/ padding-right: 0; /*rtl*/ } .list-posts article.has-post-thumbnail .thumbnail img, .ts-blogs article.has-post-thumbnail .thumbnail img{ width: 100%; } .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: 14px; } .list-posts article .entry-content > header a:empty, .ts-blogs article .entry-content > header a:empty{ margin-top: -14px; display: block; } .list-posts article .entry-content:not(.no-featured-image) > header:first-child, .ts-blogs article .entry-content:not(.no-featured-image) > header:first-child{ margin-top: 21px; } .ts-blogs article .entry-content > header:not(:last-child){ margin-bottom: 10px; } .ts-blogs article blockquote .entry-meta-middle > .author, .ts-blogs article blockquote .entry-meta-middle > .date-time, .list-posts article blockquote .entry-meta-middle > .author, .list-posts article blockquote .entry-meta-middle > .date-time{ font-size: 11px; } .text-center blockquote, .text-center blockquote, .text-right blockquote, .text-right blockquote{ text-align: start; } .text-center blockquote .entry-meta-middle, .text-center blockquote .entry-meta-bottom, .text-right blockquote .entry-meta-middle, .text-right blockquote .entry-meta-bottom{ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .list-posts article .entry-content > .entry-meta-middle:not(:last-child), .ts-blogs article .entry-content > .entry-meta-middle:not(:last-child){ margin-bottom: 13px; } .list-posts article .entry-content > .entry-meta-bottom:not(:last-child){ margin-bottom: 17px; } .ts-blogs article .entry-content > .entry-meta-bottom:not(:last-child){ margin-bottom: 12px; } .list-posts article .entry-content > .entry-summary:not(:last-child), .ts-blogs article .entry-content > .excerpt:not(:last-child){ margin-bottom: 15px; } .excerpt > *:last-child, .entry-summary .short-content > *:last-child{ margin-bottom: 0; } .entry-summary .short-content > .wp-block-button.alignleft:nth-last-child(2){ margin-bottom: 0 !important; } .entry-meta-top{ margin-bottom: 9px; } .entry-meta-middle .comment-count:before{ display: inline-block; vertical-align: middle; margin-right: 5px; /*rtl*/ } /*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{ margin-left: 0; margin-right: 0; } .page-container:not(.columns-0):not(.columns-1):not(.columns-2):not(.columns-3) .list-posts article{ padding-left: 0; padding-right: 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; } .page-container:not(.columns-0):not(.columns-1):not(.columns-2):not(.columns-3) .list-posts .gallery .gallery-item{ text-align: start !important; margin-bottom: 15px; } .list-posts article.sticky, .page-container:not(.columns-0):not(.columns-1):not(.columns-2):not(.columns-3) .list-posts article.sticky{ border-width: 5px 1px 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; } .wp-block-categories-dropdown select, .wp-block-archives-dropdown select{ border-width: 0; } .list-posts article .short-content > .wp-caption:first-child > a:first-child > img:first-child{ margin-top: 5px; } .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; } .short-content form p:last-child{ margin-bottom: 5px; } .entry-content > .content-wrapper > blockquote:first-child, .entry-content > .content-wrapper > .wp-block-group.has-background:first-child{ margin-top: 5px; } body.page article.page + .comments-area{ margin-top: 60px; padding-top: 61px; border-width: 1px 0 0; border-style: solid; min-height: 190px; } body.page .page-container #primary > article.page > p:first-child{ margin-top: -5px; } /**/ .button-text:not(.ts-banner):not(.elementor-widget-button), .elementor-widget-button.button-text .elementor-button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{ position: relative; display: inline-block; vertical-align: bottom; background: transparent !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; min-width: 0 !important; width: auto !important; margin: 3px 0 0; } .button-text:not(.ts-banner):not(.elementor-widget-button), .elementor-widget-button.button-text .elementor-button{ line-height: 1.25; } .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%; } .button-text:not(.ts-banner):not(.elementor-widget-button):after, .elementor-widget-button.button-text .elementor-button: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; border-color: inherit; 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{ margin-top: -2px; } .ts-banner:hover .button-text:after, .button-text:not(.ts-banner):not(.elementor-widget-button):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); } /*-------------------------------------------------------------------------------------------------------------------- 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, .elementor-widget-wrap > .elementor-widget-heading{ margin: 0 0 30px 0; } .theme-title .heading-title, .comments-title .heading-title, .add-comment, #commentform .form-submit, .ts-shortcode .shortcode-heading-wrapper .shortcode-title{ text-align: center; margin-bottom:0; } /*** Entry Format ***/ article.single-post .entry-format{ position: relative; overflow: hidden; } .entry-content > .content-wrapper > *:last-child{ margin-bottom: 0 !important; } .entry-content > .content-wrapper > blockquote:last-child, .entry-content > .content-wrapper > .wp-block-cover:last-child{ margin-bottom: 5px !important; } article.single-post .entry-format .ts-video, article.single-post .entry-format .ts-audio{ overflow: hidden; } .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%; } article.single-post .entry-meta-top{ margin-bottom: 15px; } article.single-post .entry-meta-middle{ margin-bottom: 8px; } article.single-post .entry-header{ margin-bottom: 10px; } article.single-post .entry-title{ margin-bottom: 0; -ms-word-wrap: break-word; word-wrap: break-word; } article.single-post > .entry-content{ border-width: 0 0 1px; border-style: solid; } article.single-post > .entry-content:last-child{ border-width: 0; } .entry-meta-middle > *, .entry-meta-bottom > *{ padding: 2px 0; } article.single-post > .entry-content .elementor-text-editor > *:last-child{ margin-bottom: 0; } article.single-post.no-featured-image .entry-format{ margin-top: 17px; } article.single-post.no-featured-image .entry-header{ margin-bottom: 4px; } article.single-post.no-featured-image .entry-meta-top{ margin-bottom: 5px; } article.single-post.no-featured-image .entry-header-meta > .entry-header-meta-content:first-child > .entry-header h3{ margin-top: -14px; } /*** 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{ color: inherit; } .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; padding: 2px 5px; font-size: 12px !important; line-height: 14px !important; margin: 0 1px 2px;/* rtl */ border-width: 1px; border-style: solid; float: left;/* rtl */ } .portfolio-info .portfolio-like:hover{ cursor: pointer; } .wp-block-tag-cloud a, .tagcloud a{ font-size: 100% !important; line-height: 1.5 !important; } .single-portfolio .portfolio-info.like-button{ margin-bottom: 32px; } .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: 35px !important; } .portfolio-info .cat-links a:hover, .portfolio-meta .author 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; } .entry-meta-middle, .entry-meta-bottom{ line-height: 14px; 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; } .text-center .entry-meta-middle, .text-center .entry-meta-bottom{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .text-right .entry-meta-middle, .text-right .entry-meta-bottom{ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .entry-meta-bottom > .cats-link{ display: inline; } .entry-meta-middle > span:not(:last-child), .entry-meta-bottom > span:not(:last-child){ padding-right: 20px;/* rtl */ margin-right: 10px;/* rtl */ position: relative; } .portfolio-meta .entry-meta-middle > span:not(:last-child), .portfolio-meta .entry-meta-bottom > span:not(:last-child){ padding-right: 16px;/* rtl */ margin-right: 8px;/* rtl */ } .entry-meta-middle > span:not(:last-child):before, .entry-meta-bottom > span:not(:last-child):before{ content: ""; position: absolute; right: 0; width: 10px; height: 1px; background: #e5e5e5; top: 50%; } .entry-meta-middle > span a, .entry-meta-bottom > span a{ display: inline-block; } .entry-meta-middle .author > *, .entry-meta-bottom .author > *{ display: inline-block; vertical-align: middle; } .entry-meta-middle .author > img, .entry-meta-bottom .author > img{ width: 32px; height: 32px; object-fit: cover; border-radius: 50%; margin-right: 15px; /*rtl*/ display: inline-block; vertical-align: middle; } .portfolio-meta .entry-meta-middle .author > img, .portfolio-meta .entry-meta-bottom .author > img{ margin-right: 10px; /*rtl*/ } .columns-0 .list-posts article:not(:nth-child(1)):not(:nth-child(2)) .entry-meta-middle .author > img, .columns-0 .list-posts article:not(:nth-child(1)):not(:nth-child(2)) .entry-meta-bottom .author > img, .columns-3 .list-posts article .entry-meta-middle .author > img, .columns-3 .list-posts article .entry-meta-bottom .author > img{ width: 22px; height: 22px; margin-right: 10px; /*rtl*/ } .ts-blogs .entry-content .button-readmore{ min-width: 0; } /*** Meta bottom ***/ article.single-post .meta-bottom-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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -10px 55px; text-align: center; } article.single-post .meta-bottom-2 > *{ flex: 1; padding-left: 10px; padding-right: 10px; } article.single-post .meta-bottom-2 > .social-sharing{ order: 1; border-width: 0 1px; border-style: solid; } article.single-post .meta-bottom-2 > .next{ order: 2; } body #st-el-4 .st-btns{ overflow: auto; } body #st-1.st-has-labels .st-btn{ min-width: 70px; } body #st-1 .st-btn > span{ min-width: 30px; padding: 0 0 0 5px;/* rtl */ margin: 0 0 0 5px;/* rtl */ position: relative; } body #st-1 .st-btn > span:before{ position: absolute; left: 0; top: 8px; bottom: 8px; content: ""; width: 1px; background: rgba(0,0,0,0.1); } body #st-1 .st-btn:hover{ top: 0; opacity: 0.8; } .single .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; position: relative; line-height: 16px; } .single-navigation > a:before{ position: absolute; top: 50%; left: 0; /*rtl*/ margin-top: -6px; transition: 300ms ease; line-height: 1; display: inline-block; vertical-align: middle; } article.single-post .meta-bottom-2 > .prev{ text-align: start; } article.single-post .meta-bottom-2 > .next{ text-align: end; } article.single-post .meta-bottom-2 > .prev > a{ padding-left: 20px; /*rtl*/ } article.single-post .meta-bottom-2 > .next > a{ padding-right: 20px; /*rtl*/ } .single-navigation.next > a:before{ right: 0; /*rtl*/ left: auto; /*rtl*/ } /*** Author ***/ .entry-author{ display: table; table-layout: fixed; width: 100%; padding: 30px; clear: both; border-width: 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: 66px; } .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{ line-height: 16px; } .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: -5px -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; } #commentform .form-submit .button{ margin-top: 4px; } .comments-area .commentlist{ margin: 0; } .comments-area:not(:last-child) .commentlist{ margin-bottom: 35px; } .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, .commentlist > li.comment:last-child .comment-wrapper div.avatar{ 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-wrapper div.avatar{ width: 60px; margin-right: 20px; /*rtl*/ padding: 30px 0; } .commentlist li.comment .comment-wrapper, .commentlist li.comment .comment-detail{ 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; } .commentlist li.comment .comment-detail{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .commentlist li.comment .comment-wrapper .avatar img{ width: 60px; height: 60px; border-radius: 50%; } .commentlist li.comment .comment-meta{ margin-top: 4px; padding-right: 40px; /*rtl*/ } .commentlist li.comment .avatar + .comment-meta{ margin-top: 12px; } .commentlist li.comment .comment-awaiting-moderation + .comment-meta{ margin-top: 0; } .commentlist li.comment .comment-detail .comment-awaiting-moderation{ width: 100%; font-size: 90%; padding: 2px 10px; background: #FFF6EC; border-radius: 2px; margin-bottom: 10px; } .commentlist li.comment .comment-meta .author{ margin-bottom: 2px; } .commentlist li.comment .comment-meta, .commentlist li.comment .comment-actions{ line-height: 18px; } .commentlist li.comment .comment-actions{ position: absolute; top: 5px; right: 0; /*rtl*/ } .commentlist .comment-actions .edit + .reply{ margin-left: 15px; /*rtl*/ } .commentlist .comment-actions .reply:empty{ margin-left: 0 !important; /*rtl*/ } .commentlist .comment-detail .comment-meta, .commentlist .comment-detail .comment-text{ width: 16%; float: left; /*rtl*/ } .commentlist .comment-detail .comment-text{ width: 84%; padding-right: 12%; /*rtl*/ } .commentlist li strong{ margin-bottom: 4px; display: inline-block; vertical-align: baseline; } .woocommerce #reviews #comments .commentlist li .description strong{ vertical-align: -2px; } .commentlist li p{ margin-bottom: 15px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p{ margin-bottom: 10px; } .commentlist li p:last-child{ margin-bottom: 0; } .comment-meta span{ display: block; } #main-content.ts-col-18 .comment-meta .author + .date-time, #main-content.ts-col-12 .comment-meta .author + .date-time{ margin-left: 0; /*rtl*/ } .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; } /*** Single related ***/ .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 .single-related-wrapper{ padding: 55px 50px 60px; width: 100vw; margin-left: calc(-50vw + 50%); } article.single-post .single-related-wrapper > *:not(:last-child){ margin-bottom: 56px; } /*-------------------------------------------------------------------------------------------------------------------- 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{ margin-top: 32px; } body.single .single-portfolio .entry-format .thumbnail img{ margin-bottom: 2px; } body article.single-portfolio .entry-content > .entry-title{ line-height: 1.3; margin-bottom: 30px; clear: both; } .single-portfolio .date-time{ display: block; line-height: 18px; } .portfolio-info .portfolio-like{ margin: 0; } .portfolio-like .ic-like:hover{ cursor: pointer; } .portfolio-like .ic-like:before, .ts-portfolio-wrapper .item-wrapper a.like:before{ font-size: 80%; } .ts-portfolio-wrapper .item-wrapper a.like:before{ margin-right: 2px; /*rtl*/ } .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 .portfolio-info .ts-social-sharing ul li{ font-size: 14px; } .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 .not-found{ text-align: center; margin-top: 0; margin-bottom: 66px; } body.error404 .not-found h1{ font-size: 120px; line-height: 1.2; margin-bottom: 10px; } body.error404 .not-found h5{ font-size: 30px; line-height: 1.4; margin-bottom: 10px; } body.error404 .not-found p{ font-size: 14px; line-height: 1.4; margin-bottom: 30px; } /*------------------------------------------------------------------------------------------------------------------- XVI. RESPONSIVE ---------------------------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 481px){ body.error404 .not-found{ max-width: 70%; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px){ .widget-title-wrapper a.block-control{ 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; } #reviews div.iv-comment-images, #reviews div.iv-comment-videos{ width: 100%; padding-left: calc(25% + 118px); /*rtl*/ } /*** 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; } /**/ .elementor-col-16 .left-top .box-content{ left: 20px; } .elementor-col-16 .left-bottom .box-content{ left: 20px; } .elementor-col-16 .left-center .box-content{ left: 20px; } .elementor-col-16 .right-top .box-content{ right: 20px; } .elementor-col-16 .right-bottom .box-content{ right: 20px; } .elementor-col-16 .right-center .box-content{ right: 20px; } .elementor-col-16 .center-top .box-content{ left: 20px;right: 20px; } .elementor-col-16 .center-bottom .box-content{ left: 20px;right: 20px; } .elementor-col-16 .center-center .box-content{ left: 20px;right: 20px; } } @media only screen and (min-width: 991px){ /*** fix jerked issue while changing tab ***/ .ts-product-in-category-tab-wrapper.style-tabs-vertical.ts-slider.rows-1 .column-products .products:not(.owl-carousel){ -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; overflow: hidden; } .ts-product-in-category-tab-wrapper.style-tabs-vertical.ts-slider.rows-1 .column-products .products:not(.owl-carousel) .product{ -webkit-box-flex: 0; -ms-flex: none; flex: none; } .ts-product-in-category-tab-wrapper.style-tabs-vertical.ts-slider.rows-1 .column-tabs .list-categories{ min-height: 310px; } .ts-product-in-category-tab-wrapper.style-tabs-vertical .column-products.loading, .ts-product-in-category-tab-wrapper.style-tabs-vertical .column-products.loading .product{ height: 100%; } #reviews div.iv-comment-images, #reviews div.iv-comment-videos{ padding-left: calc(20% + 118px); /*rtl*/ } } @media only screen and (min-width: 1279px){ .ts-product-in-category-tab-wrapper.style-tabs-vertical.ts-slider.rows-1 .column-tabs .list-categories{ min-height: 274px; } .woocommerce div.product.product-style-3 .product-images-summary{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #reviews div.iv-comment-images, #reviews div.iv-comment-videos{ padding-left: calc(15% + 152px); /*rtl*/ } .product-hover-vertical-style-2 .products .product:not(.product-category) .product-wrapper:hover .product-group-button-meta{ position: absolute; bottom: 3px; /* 3px height of parent's shadow */ left: 0; right: 0; transform: translateY(100%); padding: 0 15px 15px; margin: 0; box-shadow: 0px 3px 3px rgba(106, 106, 106, 0.1); z-index: 8; } .product-hover-vertical-style-2 rs-layer .products .product:not(.product-category) .product-wrapper:hover .product-group-button-meta, .product-hover-vertical-style-2 .style-list .products .product:not(.product-category) .product-wrapper:hover .product-group-button-meta, .product-hover-vertical-style-2 .style-column-list .products .product:not(.product-category) .product-wrapper:hover .product-group-button-meta{ transform: none; padding: 0; left: auto; /*rtl*/ bottom: auto; box-shadow: none; background: transparent; } .product-hover-vertical-style-2 rs-layer .products .product:not(.product-category) .product-wrapper:hover .product-group-button-meta, .product-hover-vertical-style-2 .style-column-list .products .product:not(.product-category) .product-wrapper:hover .product-group-button-meta{ position: static; } /*** Filter sidebar ***/ #ts-filter-widget-area .ts-sidebar-content{ left: 0; /*rtl*/ right: auto; bottom: auto; top: calc(100% + 30px); width: 200px; 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); background: transparent; } #ts-filter-widget-area .overlay, #ts-filter-widget-area .close, .style-filter-top .filter-widget-area-button, .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); } .style-filter-top .before-loop-wrapper #ts-filter-widget-area{ padding-right: 40px; /*rtl*/ } .style-filter-top .ts-product-categories-widget-wrapper ul.product-categories ul, .style-filter-top .widget_product_categories ul.product-categories ul{ clear: none; margin: 0; padding: 0; display: inline-block !important; white-space: nowrap; } .style-filter-top .ts-product-categories-widget-wrapper ul.product-categories li.cat-parent > span.icon-toggle, .style-filter-top .widget_product_categories ul.product-categories li.cat-parent > span.icon-toggle{ display: none; } .style-filter-top .ts-product-categories-widget-wrapper ul.product-categories ul > li:first-child, .style-filter-top .widget_product_categories ul.product-categories ul > li:first-child{ margin-left: 5px !important; /*rtl*/ } .style-filter-top .product-filter-by-color ul{ overflow: visible; } .style-filter-top .product-filter-by-brand ul li label, .style-filter-top .product-filter-by-availability ul li label, .style-filter-top .product-filter-by-color ul li a{ padding: 4px 10px; line-height: 16px; border-color: transparent !important; box-shadow: 0px 1px 4px rgba(106, 106, 106, 0.1); border-width: 1px; border-style: solid; border-radius: 2px; text-decoration: none; transition: 150ms ease; cursor: pointer; } .style-filter-top .product-filter-by-color ul li a > span, .style-filter-top .product-filter-by-color ul li a > img{ box-shadow: 0px 1px 4px rgba(106, 106, 106, 0.1); } .style-filter-top .product-filter-by-brand ul li label:before, .style-filter-top .product-filter-by-brand ul li label:after, .style-filter-top .product-filter-by-availability ul li label:before, .style-filter-top .product-filter-by-availability ul li label:after, .style-filter-top .product-filter-by-color ul li a:before, .style-filter-top .product-filter-by-color ul li a:after{ display: none; } #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:not(.style-filter-top) #primary > *:not(.before-loop-wrapper):not(.ts-active-filters){ padding-left: 240px; /*rtl*/ } .woocommerce.archive #main-content #primary > .ts-active-filters:not(:empty){ margin-bottom: 30px; padding-bottom: 28px; border-width: 0 0 1px; border-style: solid; } .ts-mask{ -webkit-clip-path: ellipse(100% 100% at 50% 0); clip-path: ellipse(100% 100% at 50% 0); } .elementor-widget.large .search-table .search-field input[type="text"], .elementor-widget.large .woocommerce-product-search .search-field{ padding-top: 18px; padding-bottom: 18px; } .elementor-widget.large.style-2 .search-table .search-field input[type="text"], .elementor-widget.large.style-2 .woocommerce-product-search .search-field{ padding-top: 17px; padding-bottom: 17px; } .elementor-widget.large .search-table .search-button input[type^="submit"], .elementor-widget.large .woocommerce-product-search button[type="submit"]{ font-size: 18px; padding-top: 17px; padding-bottom: 17px; } #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*/ } .header-v3 header .logo-wrapper{ padding: 0 80px 0 0; /*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; } .product-hover-vertical-style-2 .cross-sells .products .owl-stage-outer, .product-hover-vertical-style-2 .up-sells .products .owl-stage-outer, .product-hover-vertical-style-2 .related .products .owl-stage-outer, .product-hover-vertical-style-2 .ts-product.ts-slider:not(.style-list) .products .owl-stage-outer{ padding-bottom: 49px; /*34px button height + 12px padding-top + 3px shadow*/ margin-bottom: -49px; } .ts-product-in-category-tab-wrapper.style-tabs-vertical:not(.style-tabs-vertical-banner).ts-slider .column-content .owl-stage-outer{ height: calc(100% + 49px); } .custom-spacing .ts-mailchimp-subscription-shortcode .widget-container .widget-title{ margin-bottom: 30px !important; } /*** Frequently Vertical ***/ #main-content.ts-col-24 div.product.frequently-bought-together-vertical:not(.product-style-1):not(.product-style-3):not(.product-style-4) .product-top-section{ display: -ms-grid; display: grid; -ms-grid-columns: 68% 30px auto; grid-template-columns: 68% auto; grid-column-gap: 30px; -ms-grid-rows: -webkit-max-content; -ms-grid-rows: max-content; grid-template-rows: -webkit-max-content; grid-template-rows: max-content; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical:not(.product-style-1):not(.product-style-3):not(.product-style-4) .product-images-summary{ -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 3; grid-row-end: 4; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical:not(.product-style-1):not(.product-style-3):not(.product-style-4) .yith-wfbt-section{ padding: 20px; margin: 0 0 20px auto; /*rtl*/ border-radius: 2px; overflow: hidden; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical:not(.product-style-1):not(.product-style-3):not(.product-style-4) .ts-delivery-note{ -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3; -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical:not(.product-style-1):not(.product-style-3):not(.product-style-4) .ads-banner{ -ms-grid-row: 4; grid-row-start: 4; -ms-grid-row-span: 1; grid-row-end: 5; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical:not(.product-style-1):not(.product-style-3):not(.product-style-4) div.woocommerce-product-gallery{ width: 54%; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical:not(.product-style-1):not(.product-style-3):not(.product-style-4) .product-images-summary div.summary{ width: 46%; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical:not(.product-style-1):not(.product-style-3):not(.product-style-4) .yith-wfbt-section:before{ width: 100%; left: 0; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical:not(.product-style-1):not(.product-style-3):not(.product-style-4) .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:not(.product-style-1):not(.product-style-3):not(.product-style-4) .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items, #main-content.ts-col-24 div.product.frequently-bought-together-vertical:not(.product-style-1):not(.product-style-3):not(.product-style-4) .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block{ width: 100%; float: none; margin: 0; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical:not(.product-style-1):not(.product-style-3):not(.product-style-4) .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items{ margin-top: 2px; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical:not(.product-style-1):not(.product-style-3):not(.product-style-4) .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical:not(.product-style-1):not(.product-style-3):not(.product-style-4) .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images tbody{ display: block; width: 100%; height: auto; overflow-x: auto; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical:not(.product-style-1):not(.product-style-3):not(.product-style-4) .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images tr{ display: -webkit-box; display: -ms-flexbox; display: flex; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical:not(.product-style-1):not(.product-style-3):not(.product-style-4) .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td:not(.image_plus){ min-width: 33.33333%; } /**/ .woocommerce div.product:not(.show-tabs-content-default):not(.tabs-in-summary) #reviews > .woocommerce-product-rating .star-rating span:before, .woocommerce div.product:not(.show-tabs-content-default):not(.tabs-in-summary) #reviews > .woocommerce-product-rating .star-rating:before{ font-size: 22px; } .woocommerce div.product:not(.show-tabs-content-default):not(.tabs-in-summary) #reviews > .woocommerce-product-rating{ line-height: 28px; } .woocommerce div.product:not(.show-tabs-content-default):not(.tabs-in-summary) #reviews > .woocommerce-product-rating .star-rating{ width: 122px; height: 24px; } /*** Blog ***/ .single-post .entry-format > .entry-header-meta{ max-width: 62%; margin-left: auto; margin-right: auto; position: absolute; bottom: 40px; left: 0; right: 0; z-index: 9; } article.single-post .entry-format .thumbnail img{ margin-bottom: 0; } article.single-post .entry-meta-top{ margin-bottom: 0; } article.single-post .entry-meta-middle{ margin-bottom: 12px; } article.single-post .entry-header{ margin-bottom: 14px; } .single-post .entry-format > .entry-header-meta .entry-header-meta-content{ padding: 30px; } .single-post.no-featured-image .entry-format > .entry-header-meta .entry-header-meta-content{ border-radius: 0; } .single-post.no-featured-image .entry-format > .entry-header-meta{ max-width: 100%; position: static; } .single-post.no-featured-image .entry-format > .entry-header-meta .entry-header-meta-content{ padding: 0; } .single-post #main-content.ts-col-24 .single-post:not(.no-featured-image) .entry-content > .content-wrapper{ max-width: 1060px; 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%; } .ts-sidebar .widget-container.mailchimp-subscription .widget-title-wrapper{ margin-top: 4px; } /**/ body.error404 .not-found{ max-width: 680px; } /*** Shortcode ***/ .elementor-section.elementor-section-stretched.partial-left, .elementor-section.elementor-section-stretched.partial-right, .elementor-section.elementor-section-stretched.partial-full{ width: 100vw !important; } .elementor-section.partial-full > .elementor-container > .elementor-row, .ts-product.ts-slider.partial-view.partial-full .column-content{ margin-left: calc(-50vw + 50% - 27px) !important; margin-right: calc(-50vw + 50% - 27px) !important; } .elementor-section.partial-right > .elementor-container > .elementor-row, .ts-product.ts-slider.partial-view.partial-right .column-content{ margin-right: calc(-50vw + 50% - 27px) !important; } .elementor-section.partial-left > .elementor-container > .elementor-row, .ts-product.ts-slider.partial-view.partial-left .column-content{ margin-left: calc(-50vw + 50% - 27px) !important; } .elementor-section.elementor-section-stretched.partial-full.elementor-section-boxed > .elementor-container, .main-content-fullwidth .elementor-section-stretched.partial-full.elementor-section-boxed > .elementor-container, .layout-fullwidth .elementor-section.elementor-section-stretched.partial-full.elementor-section-boxed > .elementor-container{ padding-left: 0; padding-right: 0; } .elementor-section.elementor-section-stretched.partial-left.elementor-section-boxed > .elementor-container, .main-content-fullwidth .elementor-section-stretched.partial-left.elementor-section-boxed > .elementor-container, .layout-fullwidth .elementor-section.elementor-section-stretched.partial-left.elementor-section-boxed > .elementor-container{ padding-left: 0; } .elementor-section.elementor-section-stretched.partial-right.elementor-section-boxed > .elementor-container, .main-content-fullwidth .elementor-section-stretched.partial-right.elementor-section-boxed > .elementor-container, .layout-fullwidth .elementor-section.elementor-section-stretched.partial-right.elementor-section-boxed > .elementor-container{ padding-right: 0; } .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.loading .column-products:after{ left: 597px; right: auto; margin-left: 0; margin-right: auto; } .ts-product.ts-slider.partial-view.partial-left.loading .column-products:after{ right: 597px; left: auto; margin-left: auto; margin-right: 0; } .product-hover-vertical-style-2 .ts-product.style-grid.has-shop-more-button .shop-more{ position: relative; } .product-hover-vertical-style-2 .ts-product:not(.style-list):hover, .product-hover-vertical-style-2 .ts-product.style-grid.has-shop-more-button .shop-more{ z-index: 6; } .product-hover-vertical-style-2 .ts-product.style-grid.has-shop-more-button .products:hover{ z-index: 7; } .pagination-wrap ul.pagination > li > a.prev, .pagination-wrap ul.pagination > li > a.next, .dokan-pagination-container .dokan-pagination li:first-child a, .dokan-pagination-container .dokan-pagination li:last-child a, .woocommerce nav.woocommerce-pagination ul li a.next, .woocommerce nav.woocommerce-pagination ul li a.prev, .ts-pagination ul li a.prev, .ts-pagination ul li a.next{ min-width: 135px; } } @media only screen and (min-width: 1500px){ .header-middle .header-social-icon{ margin-left: 0; /*rtl*/ } .header-middle .container > .ts-search-by-category{ margin: 0 50px; } .header-middle .container > .ts-search-by-category { max-width: 38%; } .header-v2 .header-middle .container > .ts-search-by-category{ max-width: 33%; } .hidden-wishlist.hidden-currency.hidden-language .header-middle .container > .ts-search-by-category{ max-width: 75%; } .hidden-cart.hidden-wishlist.hidden-currency.hidden-language .header-middle .container > .ts-search-by-category{ max-width: 78%; } 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*/ } body.error404 #primary > article div.not-found .content-404{ padding-right: 100px; /*rtl*/ } .woocommerce-tabs #tab-description .ts-row:not(.ts-feature) > div{ padding: 0 60px 0 0; /*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*/ } .main-content-fullwidth #main-content.ts-col-24 .woocommerce.yith-wfbt-section, .layout-fullwidth #main-content.ts-col-24 .woocommerce.yith-wfbt-section{ padding-left: 12%; padding-right: 12%; } .ts-megamenu-fullwidth.ts-megamenu-fullwidth-stretch .elementor-section-full_width.elementor-section-stretched .category-style-vertical .products .product-category .product-wrapper{ padding: 5px 50px !important; } .ts-product.style-tabs-vertical .column-tabs{ width: 25%; } .ts-product.style-tabs-vertical .column-content{ width: 75%; } .ts-product.style-tabs-vertical.style-tabs-vertical-banner .column-tabs{ width: 16%; } .ts-product.style-tabs-vertical.style-tabs-vertical-banner .banners{ width: 318px; } .ts-product.style-tabs-vertical.style-tabs-vertical-banner .column-content{ width: calc(84% - 322px); } .main-content-fullwidth .woocommerce .woocommerce-cart-form, .layout-fullwidth .woocommerce .woocommerce-cart-form, .main-content-fullwidth .woocommerce > form.checkout #customer_details, .layout-fullwidth .woocommerce > form.checkout #customer_details{ width: calc(75% - 40px); } .main-content-fullwidth .woocommerce > form.checkout #order_review_heading, .layout-fullwidth .woocommerce > form.checkout #order_review_heading, .main-content-fullwidth .woocommerce > form.checkout #order_review, .layout-fullwidth .woocommerce > form.checkout #order_review, .woocommerce-cart.main-content-fullwidth article .woocommerce .cart-collaterals, .woocommerce-cart.layout-fullwidth article .woocommerce .cart-collaterals{ width: 25%; } #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: 300px; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical:not(.product-style-1):not(.product-style-3):not(.product-style-4) .product-top-section{ -ms-grid-columns: 75% 40px auto; grid-template-columns: 75% auto; grid-column-gap: 40px; } .woocommerce div.product.product-style-3 div.woocommerce-product-gallery .flex-viewport{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .woocommerce div.product.product-style-3 div.images .flex-control-thumbs{ width: 73px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 15px 0 0; /*rtl*/ } .woocommerce div.product.product-style-3 div.images .flex-control-thumbs li{ width: 100%; padding: 0; margin: 0 0 1px; } .woocommerce div.product.product-style-3 div.images .flex-control-thumbs li:last-child{ margin-bottom: 0; } body .intro-row .elementor-column-gap-default>.elementor-row{ width: calc(100% + 48px); margin-left: -24px; margin-right: -24px; } .intro-row .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{ padding: 24px; } .intro-filter-items .elementor-widget-wrap{ margin: 0 -24px; width: calc(100% + 48px); } .intro-filter-items .filter-item{ padding: 0 24px; } #ts-search-sidebar .ts-sidebar-content{ padding-top: 80px; padding-bottom: 86px; } } @media only screen and (min-width: 1700px){ .icon-menu-sticky-header{ margin-right: 35px; /*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: 366px; } .woocommerce-tabs #tab-description .ts-row:not(.ts-feature) > div{ padding: 0 100px 0 0; /*rtl*/ } .woocommerce div.product.product-style-3 .ts-product-brand-info{ width: 15%; } .woocommerce div.product.product-style-3 .product-images-summary{ width: calc(85% - 270px); flex-basis: calc(85% - 270px); } #main-content.ts-col-24 div.product.product-style-4 .product-top-section { -ms-grid-columns: auto 10px 30%; grid-template-columns: auto 30%; } } @media only screen and (min-width: 1800px){ .woocommerce div.product.product-style-1 .summary-column-2{ width: 420px; } .woocommerce div.product.product-style-1 div.summary{ padding-right: 460px; /*rtl*/ } .ts-product.style-tabs-vertical.style-tabs-vertical-banner .column-tabs{ width: 17%; } .ts-product.style-tabs-vertical.style-tabs-vertical-banner .banners{ width: 345px; } .ts-product.style-tabs-vertical.style-tabs-vertical-banner .column-content{ width: calc(83% - 349px); } } @media only screen and (min-width: 1279px) and (max-width: 1700px){ body .elementor-element.responsive-padding-right > .elementor-element-populated{ padding-right: 9% !important; /*rtl*/ } body footer .elementor-element.md-responsive .elementor-icon-list-items.elementor-inline-items{ margin-right: calc(-50px/2) !important; margin-left: calc(-50px/2) !important; } body footer .elementor-element.md-responsive .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{ margin-right: calc(50px/2) !important; margin-left: calc(50px/2) !important; } body:not(.rtl) footer .elementor-element.md-responsive .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{ right: calc(-50px/2) !important; } } @media only screen and (max-width: 1400px){ .medium-screen-remove-br br{ display: none; } 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; } .elementor-button-wrapper .elementor-button{ min-width: 140px; } .ts-product-brand-info .brand-info-wrapper{ padding: 40px; } .ts-product-brand-info .brand-info-wrapper .brand-info{ padding-left: 20px; /*rtl*/ } .product-per-page-form ul.perpage .perpage-current > span:last-child, .woocommerce .woocommerce-ordering .orderby-current{ width: 130px; } .woocommerce .woocommerce-ordering .orderby ul, .product-per-page-form ul.perpage ul { width: 130px; } .woocommerce .woocommerce-ordering .orderby li, .product-per-page-form ul.perpage li { padding: 0 10px; } .woocommerce.columns-12 .products .product:not(.product-category), .woocommerce.columns-11 .products .product:not(.product-category), .woocommerce.columns-10 .products .product:not(.product-category), .woocommerce.columns-9 .products .product:not(.product-category), .woocommerce.columns-8 .products .product:not(.product-category){ width: 14.2857%; } #main-content.show-filter-sidebar .woocommerce.columns-12 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-11 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-10 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-9 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-8 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-7 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-12 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-11 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-10 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-9 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-8 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-7 .products .product:not(.product-category){ width: 16.666666%; } #main-content.ts-col-12 .woocommerce.columns-12 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-11 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-10 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-9 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-8 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-7 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-6 .products .product:not(.product-category){ width: 20%; } .woocommerce.columns-12.style-column-list .products .product:not(.product-category), .woocommerce.columns-11.style-column-list .products .product:not(.product-category), .woocommerce.columns-10.style-column-list .products .product:not(.product-category), .woocommerce.columns-9.style-column-list .products .product:not(.product-category), .woocommerce.columns-8.style-column-list .products .product:not(.product-category), .woocommerce.columns-7.style-column-list .products .product:not(.product-category), .woocommerce.columns-6.style-column-list .products .product:not(.product-category), .woocommerce.columns-5.style-column-list .products .product:not(.product-category), .woocommerce.columns-4.style-column-list .products .product:not(.product-category), .woocommerce.columns-3.style-column-list .products .product:not(.product-category){ width: 50%; } .woocommerce div.product.product-style-1 .summary-column-2{ width: 360px; } .woocommerce div.product.product-style-1 div.summary{ padding-right: 400px; /*rtl*/ } .woocommerce div.product.product-style-1 .summary-column-2 .ts-delivery-note svg{ margin-right: 8px; /*rtl*/ } .ts-portfolio-wrapper.columns-4 .item{ width: 33.33333%; } .intro-main-image.elementor-widget-image img{ max-width: 94%; } .ts-header-intro .elementor-widget-heading.h1 h2{ font-size: 40px; } .has-filters .filter-bar{ font-size: 18px; } .header-v1.header-fullwidth .vertical-menu-wrapper:not(.normal-menu) .vertical-menu, .header-v1.layout-fullwidth .vertical-menu-wrapper:not(.normal-menu) .vertical-menu, .header-v4.header-fullwidth .vertical-menu-wrapper:not(.normal-menu) .vertical-menu, .header-v4.layout-fullwidth .vertical-menu-wrapper:not(.normal-menu) .vertical-menu{ left: -30px; /*rtl*/ } .ts-portfolio-wrapper .portfolio-meta-inner{ padding: 20px; } .ts-portfolio-wrapper .entry-meta-middle .author > img, .ts-portfolio-wrapper .entry-meta-bottom .author > img{ width: 24px; height: 24px; } .ts-header .language-currency{ margin: 0 20px; } .woocommerce.main-content-fullwidth #tab-more_seller_product .products .product, .woocommerce.layout-fullwidth #tab-more_seller_product .products .product{ width: 14.2857%; } } @media only screen and (min-width: 1279px) and (max-width: 1400px){ .woocommerce div.product.product-style-3 .product-images-summary{ padding: 20px; } .woocommerce div.product.product-style-3 div.summary{ padding: 10px 0 0 20px; /*rtl*/ } .product-style-3 .ts-product-brand-info .brand-info-wrapper{ padding: 20px; } .ts-product-brand-info ul.product_list_widget li .subtotal form.cart{ display: block; margin: 0; } .ts-product-brand-info .product_list_widget li form.cart div.quantity{ float: none; width: 100%; } .ts-product-brand-info .product_list_widget li form.cart .button{ float: none; width: 100% !important; max-width: 100%; min-width: 0 !important; margin: 5px 0 0; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .left-top .box-content{ left: 20px; top: 20px; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .left-bottom .box-content{ left: 20px; bottom: 20px; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .left-center .box-content{ left: 20px; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .right-top .box-content{ right: 20px; top: 20px; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .right-bottom .box-content{ right: 20px; bottom: 20px; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .right-center .box-content{ right: 20px; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .center-top .box-content{ left: 20px;right: 20px; top: 20px; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .center-bottom .box-content{ left: 20px;right: 20px; bottom: 20px; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .center-center .box-content{ left: 20px;right: 20px; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .ts-banner .box-content .banner-text strong{ font-size: 120%; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .ts-shortcode.ts-logo-slider-wrapper:not(.ts-slider).columns-4 .items .item{ width: 33.3333333%; } .medium-screen-visible{ display: block !important; } .custom-column-width > .elementor-container > .elementor-row > .elementor-col-50:first-child{ width: 43%; } .custom-column-width > .elementor-container > .elementor-row > .elementor-col-50:last-child{ width: 57%; } .custom-column-width > .elementor-container > .elementor-row > .elementor-col-50:last-child > .elementor-element-populated > .elementor-widget-wrap{ padding-right: 40px !important; /*rtl*/ } .commentlist .comment-detail .comment-text{ padding-left: 30px; /*rtl*/ } } @media only screen and (max-width: 1279px){ .ipad-remove-br br{ display: none; } .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, .elementor-widget-wrap > .elementor-widget-heading{ margin: 0 0 18px 0; } .product-group-button .button-tooltip{ display: none; } body .wpcf7 form textarea{ height: 140px; } .woocommerce div.product .summary .product-brands{ margin: 0 0 5px; } .woocommerce div.product .summary .entry-title{ margin: 0 0 8px; } .admin-bar #ts-product-360-modal.ts-popup-modal .close{ top: 80px; } .search-table .search-button input[type^="submit"], .woocommerce-product-search button[type="submit"]{ min-width: 100px; } .woocommerce-page.woocommerce-account #main > .page-container, .woocommerce-page.woocommerce-cart #main > .page-container { padding-top: 48px; } .woocommerce-page.woocommerce-wishlist #main > .page-container{ padding-top: 45px; } .load-more-wrapper, .woocommerce .after-loop-wrapper:not(:last-child), .woocommerce.archive #main > .page-container, .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-checkout #order_review, .woocommerce #customer_login, .woocommerce > form.checkout #customer_details, .woocommerce > form.checkout #order_review, .woocommerce .woocommerce-cart-form, .woocommerce-cart article .woocommerce .cart-collaterals{ margin-bottom: 50px; } .ts-sidebar ul.product_list_widget li .ts-wg-thumbnail, .ts-sidebar .woocommerce ul.product_list_widget li .ts-wg-thumbnail, .ts-sidebar ul.product_list_widget li img, .ts-sidebar .woocommerce ul.cart_list li img, .ts-sidebar .woocommerce ul.product_list_widget li img{ width: 60px; margin: 0 10px 0 0; /*rtl*/ } body.woocommerce-wishlist .yith-wcwl-form{ margin-bottom: 50px !important; } .woocommerce .checkout-login-coupon-wrapper, .woocommerce .checkout-login-coupon-wrapper form.login{ margin-bottom: 28px; } .woocommerce-page.woocommerce-checkout #main > .page-container{ padding-top: 43px; } .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads { margin-bottom: 45px; } .woocommerce-wishlist form.yith-wcwl-form > .woocommerce-info:not(:empty), .woocommerce-wishlist form.yith-wcwl-form > .woocommerce-error:not(:empty), .woocommerce-wishlist form.yith-wcwl-form > .woocommerce-message:not(:empty), .woocommerce-checkout .woocommerce-notices-wrapper:not(:empty), .woocommerce-wishlist .woocommerce-notices-wrapper:not(:empty){ margin-top: 5px; } .ts-shop-result-count{ margin-top: 42px; } .load-more.button, .woocommerce #review_form #respond .form-submit input, #commentform .form-submit .button { min-width: 160px; } .woocommerce nav.woocommerce-pagination{ padding-top: 50px; } .woocommerce div.product.tabs-after-related-product > section.products + section.products, .woocommerce div.product > section.products:last-child { padding-bottom: 50px; } .woocommerce div.product > section.products{ padding-top: 44px; } .woocommerce div.product > section.products + section.products{ padding-top: 40px; } .woocommerce div.product div.summary{ margin-bottom: 45px; } .woocommerce div.product.product-style-1 div.summary{ margin-bottom: 59px; } .ts-delivery-note { max-width: 100%; margin-bottom: 50px; } .woocommerce.yith-wfbt-section{ padding: 45px 0 50px; } .woocommerce-tabs{ padding-top: 46px; padding-bottom: 46px; } .woocommerce div.product .ts-instagram-shortcode, .woocommerce div.product .ts-mailchimp-subscription-shortcode{ padding: 41px 0 50px; } .woocommerce div.product.product.product-style-3 > section.products{ padding-top: 44px; } .woocommerce div.product > #reviews{ padding-top: 45px; padding-bottom: 34px; } .woocommerce #reviews > .woocommerce-product-rating{ margin-bottom: 27px; } #reviews .woocommerce-Reviews-title { margin: 0 0 10px; } .woocommerce div.product > .ts-product-in-category-tab-wrapper{ padding: 0 0 50px; } .woocommerce div.product > .product-top-section + .ts-product-in-category-tab-wrapper{ padding-top: 50px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ width: 20%; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{ margin-right: 20px; /*rtl*/ } article.single-post > .entry-content{ margin-bottom: 45px; padding-bottom: 43px; } article.single-post > .comments-area:not(:last-child){ margin-bottom: 42px; } article.single-post .single-related-wrapper{ padding: 44px 15px 50px; } article.single-post .single-related-wrapper > *:not(:last-child){ margin-bottom: 44px; } .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: 35px; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text{ padding: 30px 0 27px; } .commentlist .comment-detail .comment-meta{ width: 22%; } .commentlist .comment-detail .comment-text{ width: 78%; padding-right: 0; /*rtl*/ } .commentlist li.comment .comment-meta{ padding-right: 20px; /*rtl*/ } .woocommerce .product .thumbnail-wrapper .loop-add-to-cart{ display: none !important; } /*** Reset **/ .visible-ipad{ display: block !important; } .hidden-ipad{ display: none !important; } a.button, button, input[type^="submit"], .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit, .woocommerce #respond input#submit.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading, .elementor-button-wrapper .elementor-button, .shopping-cart p.buttons a, a.wp-block-button__link, .wp-block-search .wp-block-search__button, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button, input[type="submit"].dokan-btn, .wishlist_table .product-add-to-cart a, a.dokan-btn, .dokan-btn, #comments .wcpr-filter-button, .yith-woocompare-widget a.clear-all, .yith-woocompare-widget a.compare, .elementor-widget-wp-widget-yith-woocompare-widget a.clear-all, .elementor-widget-wp-widget-yith-woocompare-widget a.compare, #ts-search-sidebar.full-width .ts-search-result-container .view-all-wrapper a{ padding-left: 20px; padding-right: 20px; } #main > .page-container{ padding-left: 10px; padding-right: 10px; } #left-sidebar, #right-sidebar{ padding-left: 15px; padding-right: 15px; } #main-content{ padding: 0 15px; } body.page article.page + .comments-area > #comment-wrapper{ margin-bottom: 60px; } .container{ padding-left: 10px; padding-right: 10px; } .ts-header .container, footer .container, .layout-fullwidth .footer-container .container, body > .ts-search-result-container, #ts-search-sidebar .ts-sidebar-content, .breadcrumb-title-wrapper .breadcrumb-content{ padding-left: 25px; padding-right: 25px; } .single-post > .single-related-wrapper:last-child:after{ left: 25px; right: 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; } .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{ margin-bottom: 10px; } body blockquote{ font-size: 145%; padding: 26px 30px; } .ts-testimonial-wrapper.style-2 .rating:before, .ts-testimonial-wrapper.style-2 .rating span:before, .woocommerce p.stars a::before{ font-size: 18px; } .ts-testimonial-wrapper.style-2 .rating{ width: 104px; height: 22px; } .ts-testimonial-wrapper.style-2 blockquote .rating{ margin: 0 0 15px; } .ts-testimonial-wrapper.style-2 blockquote .author-role{ margin: 16px 0 0; } .ts-pagination{ padding-top: 15px; } /*** Header ***/ .header-middle > .container{ padding-top: 25px; padding-bottom: 25px; } .header-bottom > .container{ padding-top: 20px; padding-bottom: 20px; } .header-sticky{ z-index: 995; } .ts-header nav:not(.vertical-menu) > ul.menu li ul.sub-menu:before, .ts-header nav:not(.vertical-menu) > ul.menu li ul.sub-menu:after{ right: -1px; left: -1px; } .vertical-menu-wrapper .vertical-menu, .ts-header nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{ padding: 20px 0 0; } .ts-header nav > ul.menu li ul.sub-menu:after, .ts-header nav > ul.menu li.ts-megamenu ul.sub-menu:after{ top: 21px; } .ts-header .vertical-menu-wrapper > .vertical-menu:before{ top: 19px; } .ts-header nav > ul.menu li ul.sub-menu:before, .ts-header nav > ul.menu li.ts-megamenu ul.sub-menu:before{ top: 20px; } .ts-header .vertical-menu-wrapper:not(.normal-menu) nav.vertical-menu:before, .ts-header .vertical-menu-wrapper:not(.normal-menu) nav.vertical-menu:after{ top: 19px; } .ts-header .is-sticky .vertical-menu-wrapper > .vertical-menu:before, .ts-header .is-sticky nav > ul.menu li ul.sub-menu:before{ top: 15px; } .ts-header .is-sticky .vertical-menu-wrapper > .vertical-menu:after, .ts-header .is-sticky nav > ul.menu li ul.sub-menu:after{ top: 16px; } .ts-header nav.vertical-menu > ul.menu > li, .ts-header nav.vertical-menu > ul > li{ display: flex; flex-flow: row wrap; } .ts-header nav.vertical-menu > ul.menu > li > a, .ts-header nav.vertical-menu > ul > li > a{ width: auto; } .ts-header nav.vertical-menu > ul.menu > li > .ts-menu-drop-icon, .ts-header nav.vertical-menu > ul > li > .ts-menu-drop-icon{ position: static; display: inline-block; vertical-align: middle; flex: 1; } .header-v2 .ts-header nav > ul.menu li ul.sub-menu:after, .header-v2 .ts-header .is-sticky nav > ul.menu li ul.sub-menu:after{ top: 19px; } .header-v2 .ts-header nav > ul.menu li ul.sub-menu:before, .header-v2 .ts-header .is-sticky nav > ul.menu li ul.sub-menu:before{ top: 18px; } .ts-header nav > ul.menu li.bg-full-height ul.sub-menu:after{ background-position: 25% 0; } .header-v3 .header-middle > .container{ padding-top: 15px; padding-bottom: 15px; } .header-v3 .is-sticky .header-middle > .container{ padding-top: 10px; padding-bottom: 10px; } .header-v1.header-fullwidth .vertical-menu-wrapper .vertical-menu, .header-v1.layout-fullwidth .vertical-menu-wrapper .vertical-menu{ left: -25px; /*rtl*/ } .header-v1.header-fullwidth .vertical-menu-wrapper:not(.normal-menu) .vertical-menu, .header-v1.layout-fullwidth .vertical-menu-wrapper:not(.normal-menu) .vertical-menu, .header-v4.header-fullwidth .vertical-menu-wrapper:not(.normal-menu) .vertical-menu, .header-v4.layout-fullwidth .vertical-menu-wrapper:not(.normal-menu) .vertical-menu{ left: -25px; /*rtl*/ } .ts-megamenu-fullwidth.ts-megamenu-fullwidth-stretch .elementor-section-full_width.elementor-section-stretched .category-style-vertical .products .product-category .product-wrapper{ padding: 5px 17px !important; } .ts-megamenu-fullwidth.ts-megamenu-fullwidth-stretch .elementor-section-full_width.elementor-section-stretched .category-style-vertical .products .product-category .product-wrapper > a{ width: 42px; margin-right: 0; } .ts-header ul.menu li a.has-icon .menu-icon, .ts-header nav > ul.menu li:before{ transform: translateY(-50%); } ul.menu li .menu-icon{ width: 20px; } .header-contact-info > strong, .header-contact-info > span { display: inline-block; vertical-align: middle; margin-right: 10px; /*rtl*/ } .ts-header .header-middle div.header-right{ padding-left: 22px; /*rtl*/ } .header-middle .container > .ts-search-by-category{ max-width: 100%; } .ts-header .search-content input[type="text"]{ padding-top: 9px; padding-bottom: 9px; } .ts-header .search-table .search-button:before{ font-size: 14px; line-height: 42px; } .shopping-cart-wrapper:hover .dropdown-container, .my-account-wrapper .ts-tiny-account-wrapper:not(.ts-style-text):hover .dropdown-container{ display: none; } 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-v2 .header-top{ z-index: 996; } body .header-top .header-language .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .header-top .header-language .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-top .header-currency ul{ padding-top: 34px; } .header-top .header-currency .wcml_currency_switcher > ul:before, .header-top .header-language .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-top .header-language .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before{ top: 14px; } .ts-header nav.main-menu > ul.menu > li, .ts-header nav.main-menu > ul > li{ margin: 0 25px 0 0; /*rtl*/ } .ts-header nav > ul.menu > li.has-line, .ts-header nav > ul > li.has-line{ padding-left: 25px; /*rtl*/ } .vertical-menu-heading{ padding-right: 25px; /*rtl*/ margin-right: 25px; /*rtl*/ } .header-v4 .vertical-menu-heading{ margin-right: 15px; /*rtl*/ padding-top: 16px; padding-right: 15px; /*rtl*/ padding-bottom: 16px; } .header-v4 .ts-header nav.main-menu > ul.menu > li:last-child, .header-v4 .ts-header nav.main-menu > ul > li:last-child{ margin-right: 15px; /*rtl*/ } .header-v4 .ts-header nav.main-menu > ul.menu > li.agrofood-nav:before{ min-width: 0; } .header-v4 .ts-header nav > ul.menu li[class*="agrofood-"], .header-v4 .ts-header nav > ul.menu li[class*="fa-"]{ padding-left: 25px !important; /*rtl*/ } .vertical-menu-heading:after, .ts-header nav > ul.menu > li.has-line:after, .ts-header nav > ul > li.has-line:after{ height: 15px; } .ts-header nav.main-menu > ul.menu > li:last-child, .ts-header nav.main-menu > ul > li:last-child{ margin-right: 0; /*rtl*/ } .menu-wrapper a.has-icon, .ts-header nav > ul.menu li[class*="agrofood-"], .ts-header nav > ul.menu li[class*="fa-"]{ padding-left: 30px !important; /*rtl*/ } .ts-header nav > ul.menu li.has-line[class*="agrofood-"], .ts-header nav > ul.menu li.has-line[class*="fa-"]{ padding-left: 55px !important; /*rtl*/ } .ts-header nav > ul.menu li.has-line[class*="agrofood-"]:before, .ts-header nav > ul.menu li.has-line[class*="fa-"]:before{ left: 25px; /*rtl*/ } .header-v2 header .menu-wrapper{ margin-right: 16px; /*rtl*/ } .header-v2 header .logo-wrapper{ padding: 0 20px 0 0; /*rtl*/ } .header-v2 .ts-header .header-middle .header-right{ padding-left: 0; /*rtl*/ margin-left: 25px; /*rtl*/ } .ts-tiny-account-wrapper.ts-style-text { margin-right: 0; /*rtl*/ } .device-remove-bg, .device-remove-bg > .elementor-column-wrap{ background-image: none !important; } .vertical-menu > ul > li{ width: 213px; } .ts-header .vertical-menu-wrapper:not(.normal-menu) nav.vertical-menu:after{ left: 213px; /*rtl*/ } .ts-header .vertical-menu-wrapper.normal-menu nav.vertical-menu > ul.menu{ width: calc(100% - 13px); } .header-v3 .ts-header .vertical-menu-wrapper:not(.normal-menu) .vertical-menu{ left: 25px; /*rtl*/ width: calc(100% - 50px); } .ts-header nav.vertical-menu > ul.menu > li > a, .ts-header .vertical-menu-wrapper.normal-menu nav.vertical-menu ul.menu ul.sub-menu > li > a{ min-height: 40px; padding: 5px 20px !important; } .ts-header nav.vertical-menu > ul.menu li ul.sub-menu{ left: 213px; /*rtl*/ } .ts-header nav.vertical-menu > ul.menu li.ts-megamenu-columns-4 ul.sub-menu{ width: 784px; } .ts-header nav.vertical-menu > ul.menu li.ts-megamenu-columns-3 ul.sub-menu{ width: 500px; } .ts-header nav.vertical-menu > ul.menu li.ts-megamenu-columns-2 ul.sub-menu{ width: 350px; } .ts-header nav.vertical-menu > ul.menu li.ts-megamenu-columns-1 ul.sub-menu, .ts-header nav.vertical-menu > ul.menu li.ts-normal-menu ul.sub-menu{ width: 200px; } .ts-header nav.vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu, .header-fullwidth .ts-header nav.vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu, .layout-fullwidth .ts-header nav.vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{ width: calc(100% - 213px); } .ts-header .vertical-menu ul.menu li a .menu-icon{ width: 40px; } .my-account-wrapper .ts-style-text .account-control > a { font-size: 11px; line-height: 14px; padding: 7px 15px; } .icon-menu-vertical{ display: none; } .ts-search-by-category > form{ min-width: 0; max-width: 100%; } body > .ts-search-result-container{ z-index: 995; } .single #main > .page-container{ padding-top: 0; } #to-top a { width: 36px; height: 36px; } #to-top a:before { font-size: 12px; line-height: 36px; } .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; } .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: 1; -moz-column-count: 1; column-count: 1; } .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; } .header-v4 .header-middle .header-left > *:first-child, .header-v4 .header-middle .header-left > .menu-wrapper{ padding-left: 15px; } .header-v4 .ts-header .header-left nav.main-menu > ul.menu > li, .header-v4 .ts-header .header-left nav.main-menu > ul > li{ padding-top: 16px; padding-bottom: 16px; } .header-v4 .header-middle .search-button.search-icon .icon{ padding: 15px; } .header-v4 .header-middle .search-button.search-icon .icon:before{ line-height: 21px; } .header-v4 .header-middle .my-account-wrapper .account-control > a{ padding: 18px; } .header-v4 .header-middle .search-button.search-icon{ min-width: 60px; } .header-v4 .header-middle .my-wishlist-wrapper, .header-v4 .header-middle .shopping-cart-wrapper{ padding: 5px; } .header-v4 .header-middle .header-left .ts-search-by-category > form .search-content input[type="text"]{ padding: 15px 20px; } .header-v4 .header-middle .header-left .ts-search-by-category > form .search-table .search-button:before{ line-height: 54px; } .header-v4 .header-middle > .container{ padding-top: 10px; padding-bottom: 10px; } .header-v4 .header-middle .header-left, .header-v4 .header-middle .header-right{ width: auto; } .header-v4 .ts-header nav > ul.menu li ul.sub-menu:after{ top: 11px; } .header-v4 .ts-header nav > ul.menu li ul.sub-menu:before{ top: 10px; } .ts-shortcode.ts-logo-slider-wrapper:not(.ts-slider) .items .item{ margin-bottom: 20px; } .vertical-menu-wrapper .ts-shortcode.ts-logo-slider-wrapper:not(.ts-slider).columns-5 .items .item, .vertical-menu-wrapper .ts-shortcode.ts-logo-slider-wrapper:not(.ts-slider).columns-6 .items .item{ width: 25%; } /**/ /*** Shop/Category ***/ .product-group-button > div a:after{ font-size: 15px; } .product-group-button > div a.loading:after{ width: 12px; height: 12px; margin-top: -6px; margin-left: -6px; } #ts-filter-widget-area .ts-sidebar-content, .style-filter-top .before-loop-wrapper #ts-filter-widget-area .ts-sidebar-content{ left: 0; /*rtl*/ width: 400px !important; position: fixed !important; opacity: 0 !important; visibility: hidden !important; transform: none !important; transition: 300ms ease !important; padding: 30px; } #ts-filter-widget-area .close, .style-filter-top .before-loop-wrapper #ts-filter-widget-area .close{ top: 26px; right: 23px; /*rtl*/ } #ts-filter-widget-area .filter-widget-area > section:first-child .widget-title-wrapper{ padding-right: 24px; /*rtl*/ } .style-filter-top .before-loop-wrapper #ts-filter-widget-area .widget-container ul li, .style-filter-top .before-loop-wrapper #ts-filter-widget-area .ts-product-categories-widget-wrapper ul.product-categories li, .style-filter-top .before-loop-wrapper #ts-filter-widget-area .widget_product_categories ul.product-categories li, .style-filter-top .before-loop-wrapper #ts-filter-widget-area .woocommerce-widget-layered-nav ul li{ display: block; margin: 0 0 5px; } .before-loop-wrapper #ts-filter-widget-area .widget-title-wrapper{ margin-bottom: 10px; } #ts-filter-widget-area.active .ts-sidebar-content, .style-filter-top .before-loop-wrapper #ts-filter-widget-area.active .ts-sidebar-content{ opacity: 1 !important; visibility: visible !important; } .style-filter-top .before-loop-wrapper #ts-filter-widget-area .ts-sidebar-content .widget-container{ flex-direction: column; } .woocommerce.columns-12 .products .product:not(.product-category), .woocommerce.columns-11 .products .product:not(.product-category), .woocommerce.columns-10 .products .product:not(.product-category), .woocommerce.columns-9 .products .product:not(.product-category), .woocommerce.columns-8 .products .product:not(.product-category), .woocommerce.columns-7 .products .product:not(.product-category), .woocommerce.columns-6 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-12 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-11 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-10 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-9 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-8 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-7 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-6 .products .product:not(.product-category), .woocommerce.columns-12 .products .list-categories .product.product-category, .woocommerce.columns-11 .products .list-categories .product.product-category, .woocommerce.columns-10 .products .list-categories .product.product-category, .woocommerce.columns-9 .products .list-categories .product.product-category, .woocommerce.columns-8 .products .list-categories .product.product-category, .woocommerce.columns-7 .products .list-categories .product.product-category, .woocommerce.columns-6 .products .list-categories .product.product-category, .woocommerce.columns-5 .products .list-categories .product.product-category{ width: 20%; } #main-content.ts-col-18 .woocommerce.columns-12 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-11 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-10 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-9 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-8 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-7 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-6 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-5 .products .product:not(.product-category){ width: 25%; } #main-content.ts-col-12 .woocommerce.columns-12 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-11 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-10 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-9 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-8 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-7 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-6 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-5 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-4 .products .product:not(.product-category){ width: 33.333333%; } .woocommerce.columns-12 .products .product.product-category, .woocommerce.columns-11 .products .product.product-category, .woocommerce.columns-10 .products .product.product-category, .woocommerce.columns-9 .products .product.product-category, .woocommerce.columns-8 .products .product.product-category, .woocommerce.columns-7 .products .product.product-category{ width: 16.666666%; } .woocommerce.columns-12.category-style-2 .products .product.product-category, .woocommerce.columns-11.category-style-2 .products .product.product-category, .woocommerce.columns-10.category-style-2 .products .product.product-category, .woocommerce.columns-9.category-style-2 .products .product.product-category, .woocommerce.columns-8.category-style-2 .products .product.product-category, .woocommerce.columns-7.category-style-2 .products .product.product-category, .woocommerce.columns-6.category-style-2 .products .product.product-category, .woocommerce.columns-5.category-style-2 .products .product.product-category{ width: 25%; } .woocommerce.main-products.style-column-list > .products > .list-categories .product-wrapper > a{ max-width: 100px; } .main-products.style-column-list .products .product:not(.product-category) .product-wrapper .meta-wrapper{ width: 28%; } .main-products.style-column-list .products .product:not(.product-category) .product-wrapper .meta-wrapper-2{ width: 50%; } .woocommerce .product .product-wrapper figure.has-back-image img:last-child{ display: none !important; } .woocommerce #reviews > .woocommerce-product-rating a.woocommerce-review-link:after{ margin-top: 0; } /**/ .ts-shortcode .product-wrapper .meta-wrapper-2 > *:not(.product-group-button-meta):not(.price){ display: none; } .thumbnail-wrapper .product-group-button > div.wishlist, .product .product-wrapper .product-group-button > div{ -webkit-animation-duration: 400ms; -moz-animation-duration: 400ms; animation-duration: 400ms; -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; } .woocommerce .product-wrapper .meta-wrapper-2{ display: block; } .woocommerce.ts-product-deals-wrapper .product-wrapper .meta-wrapper{ position: relative; overflow: visible; } .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; } .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, body .woocommerce table.compare-list .add-to-cart td a.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; } .product-group-button-meta{ display: block !important; } body .woocommerce table.compare-list .add-to-cart td a{ min-width: 150px; } /**/ /*** Product Detail ***/ .woocommerce div.product div.woocommerce-product-gallery{ width: 50%; } .woocommerce div.product div.summary{ width: 50%; padding-left: 30px; /*rtl*/ } .woocommerce div.product.product-style-1 div.product-images-summary{ width: 100%; } .woocommerce div.product.product-style-1 div.woocommerce-product-gallery{ width: 35%; display: block; } .woocommerce div.product.product-style-1 div.summary{ width: 65%; } .woocommerce div.product.product-style-1 div.woocommerce-product-gallery, .woocommerce div.product.product-style-2 div.woocommerce-product-gallery, .woocommerce div.product.product-style-5 div.woocommerce-product-gallery{ display: block; margin-bottom: 50px; } .woocommerce div.product.product-style-5:not(.product-style-3):not(.product-style-4) div.images .flex-control-thumbs, .woocommerce div.product.product-style-2:not(.product-style-3):not(.product-style-4) div.images .flex-control-thumbs, .woocommerce div.product.product-style-1:not(.product-style-3):not(.product-style-4) div.images .flex-control-thumbs{ width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 15px -1px 0; } .woocommerce div.product.product-style-5:not(.product-style-3):not(.product-style-4) div.images .flex-control-thumbs li, .woocommerce div.product.product-style-2:not(.product-style-3):not(.product-style-4) div.images .flex-control-thumbs li, .woocommerce div.product.product-style-1:not(.product-style-3):not(.product-style-4) div.images .flex-control-thumbs li{ width: 20%; padding: 15px 1px 0; margin: 0; } .woocommerce div.product.product-style-5 div.woocommerce-product-gallery, .woocommerce div.product.product-style-5 div.summary{ width: 50%; } .ts-delivery-note{ max-width: 100%; } .woocommerce-tabs #tab-description .ts-row:not(.ts-feature){ -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; } .woocommerce-tabs #tab-description .ts-row:not(.ts-feature) > div{ padding: 0; } .woocommerce div.product .woocommerce-tabs .panel table, .woocommerce-tabs #tab-description .ts-row .main-img{ max-width: 100%; } .woocommerce div.product .woocommerce-tabs .panel table tr:not(:last-child):after{ width: calc(100vw - 40px); left: calc(50% - 50vw + 20px); /*rtl*/ } .woocommerce div.product.frequently-bought-together-vertical .yith-wfbt-section{ margin-bottom: -1px; } #main-content div.product.product-style-3 .product-top-section, #main-content div.product.product-style-4 .product-top-section{ margin-top: 30px; } .woocommerce div.product.product-style-3 .product-images-summary{ width: 100%; flex-basis: 100%; } .woocommerce div.product.product-style-3 .product-top-section .ts-product-brand-info{ width: calc(100% - 270px); border-width: 0; } .woocommerce div.product.product-style-3:not(.show-ads-banners) .product-top-section .ts-product-brand-info{ width: 100%; } .woocommerce div.product.product-style-3 .ts-product-brand-info .description { margin-left: auto; margin-right: auto; } #main-content.ts-col-24 div.product.product-style-4 .product-top-section{ 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.product-style-4 .product-top-section > *:not(.product-images-summary){ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .woocommerce div.product.product-style-4 .product-top-section > .ts-product-brand-info{ width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 60px; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .panel{ padding: 30px 0 30px 30px !important; /*rtl*/ } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #tab-description{ padding: 30px 30px 30px 0 !important; /*rtl*/ } .woocommerce div.product.show-tabs-content-default.tabs-in-summary .woocommerce-tabs .panel, .woocommerce div.product.show-tabs-content-default.tabs-in-summary .woocommerce-tabs #tab-description{ padding: 44px 0 50px !important; } .woocommerce div.product.tabs-in-summary .summary > .woocommerce-tabs{ margin: 45px 0 0; } .woocommerce div.product.product-style-4 > .product-top-section + .ts-product-in-category-tab-wrapper{ padding-top: 0; border-width: 0; } #main-content.ts-col-12 .before-loop-wrapper > .widget select, #main-content.ts-col-12 .product-per-page-form ul.perpage .perpage-current > span:last-child, .woocommerce #main-content.ts-col-12 .woocommerce-ordering .orderby-current{ width: 120px; } #main-content.ts-col-24 div.product.frequently-bought-together-vertical:not(.product-style-4) .woocommerce-tabs{ border-width: 0; } .ts-product-brand-info .brand-info-wrapper{ padding: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ts-product-brand-info .brand-info-wrapper img{ margin-bottom: 27px; } .ts-product-brand-info .brand-info-wrapper .brand-info{ padding-left: 0; /*rtl*/ width: 100%; -webkit-box-flex: none; -ms-flex: none; flex: none; text-align: center; } .ts-product-brand-info .woocommerce-product-details__short-description > ul{ display: inline-block; text-align: left; /*rtl*/ } .ts-product-brand-info .social-profile ul{ padding-top: 0; border-width: 0; } .woocommerce.main-content-fullwidth #tab-more_seller_product .products .product, .woocommerce.layout-fullwidth #tab-more_seller_product .products .product{ width: 20%; } /**/ /*** Myaccount ***/ .woocommerce ul.order_details li strong{ display: block; } .woocommerce > p.order-info{ margin-top: 0; } /**/ /*** Shopping cart ***/ .woocommerce .woocommerce-cart-form, .woocommerce > form.checkout #customer_details{ width: calc(100% - 320px); } .woocommerce-cart article .woocommerce .cart-collaterals, .woocommerce > form.checkout #order_review_heading, .woocommerce > form.checkout #order_review{ width: 300px; } .woocommerce table.shop_table td.product-name{ max-width: 170px; } .woocommerce table.shop_table .product-remove{ padding-left: 20px; /*rtl*/ } #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; } .woocommerce .quantity input.qty, .quantity input.qty{ line-height: 40px; } .quantity .minus, .quantity .plus{ height: 40px; line-height: 40px; } /**/ /*** Checkout ***/ .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 .items article{ width: 50%; } .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*/ } #commentform .info-wrapper{ margin: 0 -10px; } #commentform .info-wrapper > p{ padding: 0 10px; } .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; } .entry-meta-middle > span:not(:last-child):before, .entry-meta-bottom > span:not(:last-child):before{ width: 6px; } .entry-meta-middle > span:not(:last-child), .entry-meta-bottom > span:not(:last-child){ padding-right: 16px; /*rtl*/ margin-right: 8px; /*rtl*/ } .list-posts article, .list-posts article.sticky, .ts-blogs .items article{ margin-bottom: 40px; padding-bottom: 40px; } .page-container:not(.columns-0):not(.columns-1):not(.columns-2):not(.columns-3) .list-posts article:not(:last-child) { padding-bottom: 40px; } .ts-portfolio-wrapper .portfolio-meta, .ts-portfolio-wrapper .portfolio-meta-inner{ padding: 20px; } .ts-portfolio-wrapper.columns-4 .item, .ts-portfolio-wrapper.columns-3 .item{ width: 50%; } .entry-meta-middle .author > img, .entry-meta-bottom .author > img{ margin-right: 10px; /*rtl*/ } .columns-0 .list-posts article:nth-child(2) .entry-meta-middle .author > img, .columns-0 .list-posts article:nth-child(2) .entry-meta-bottom .author > img{ width: 22px; height: 22px; margin-right: 10px; /*rtl*/ } article.single-post .single-related-wrapper { padding-left: 25px; padding-right: 25px; } article.single-post .entry-format{ margin-bottom: 35px; } article.single-post .entry-format .thumbnail img{ margin-bottom: 40px; } /**/ /*** Main Content ***/ .breadcrumb-title-wrapper .page-title + .breadcrumbs{ margin-bottom: 15px; } .wpcf7 form div.columns-3{ margin-bottom: 10px; } .ts-popup-modal .popup-container{ width: 90%; } .comments-area .add-comment{ font-size: 100%; } .ts-floating-sidebar .woocommerce ul.product_list_widget li, .woocommerce.ts-search-result-container ul.product_list_widget li{ width: calc(33.33333% - 10px); } .ts-header-intro .elementor-widget-heading.h1 h2{ font-size: 35px; } /**/ /*** Shortcode ***/ .style-tabs-vertical-banner .column-tabs .list-categories{ background-position: 0 200%; } .ts-product.woocommerce.ts-slider .products{ width: calc(100% + 2px); } .ts-product.style-grid.has-shop-more-button .shop-more{ margin-top: 15px; } .ts-team-members:not(.ts-slider) .item{ margin-bottom: 2px; } .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):not(.columns-1) .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 .category-name{ padding-left: 10px; padding-right: 10px; } .category-style-2 .products .product-category .product-wrapper .meta-wrapper .category-name{ padding-left: 0; padding-right: 0; } .column-tabs .list-categories{ padding: 20px; } .style-tabs-vertical .column-tabs ul.tabs{ max-width: 90%; } .style-tabs-vertical.style-tabs-vertical-banner .column-tabs ul.tabs{ max-width: 100%; } .ts-product.style-tabs-vertical.style-tabs-vertical-banner .column-tabs, .ts-product.style-tabs-vertical.style-tabs-vertical-banner .banners, .ts-product.style-tabs-vertical.style-tabs-vertical-banner .column-content{ width: 100%; } .ts-product.style-tabs-vertical.style-tabs-vertical-banner .column-tabs, .ts-product.style-tabs-vertical.style-tabs-vertical-banner .banners{ margin: 0 0 2px; } .style-tabs-vertical.style-tabs-vertical-banner .column-tabs ul.tabs li{ display: inline-block; width: auto; padding: 5px 20px 5px 0; /*rtl*/ } .style-tabs-vertical.style-tabs-vertical-banner .column-tabs ul.tabs li:last-child{ padding-right: 0; /*rtl*/ } .ts-product.style-tabs-vertical.style-tabs-vertical-banner .banners{ 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: -1px; margin-right: -1px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ts-product.style-tabs-vertical.style-tabs-vertical-banner .banners .banner{ padding: 0 1px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .ts-product.style-tabs-vertical.style-tabs-vertical-banner .banners .banner img{ width: 100%; } .device-banner-fix-pos .ts-product.style-tabs-vertical.style-tabs-vertical-banner .banners .banner img{ height: 160px; object-fit: cover; object-position: center left; } .banners.banner-device{ display: block; } .ts-product.style-tabs-vertical.style-tabs-vertical-banner .banners.banner-device + .banners{ display: none; } .woocommerce.ts-product.style-tabs-vertical.style-tabs-vertical-banner .products.owl-carousel { width: 100%; margin-left: 0; margin-right: 0; } .ts-portfolio-wrapper .button.readmore{ padding: 6px 10px; font-size: 100%; } .products .product .meta-wrapper .ts-countdown{ margin-left: -10px; margin-right: -10px; } .ts-instagram-wrapper.columns-12 .item, .ts-instagram-wrapper.columns-11 .item, .ts-instagram-wrapper.columns-10 .item, .ts-instagram-wrapper.columns-9 .item, .ts-instagram-wrapper.columns-8 .item, .ts-instagram-wrapper.columns-7 .item{ width: 16.66666%; } html .header-v2 #page{ 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; } html .header-v2 #page .vertical-categories-wrapper{ position: static; width: 100%; height: auto; padding: 0 !important; } html .header-v2 #page .vertical-categories-wrapper .products .product-category .product-wrapper{ padding: 5px 25px !important; } html .header-v2 #page > #main ~ *{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .vertical-categories-wrapper ~ *{ transform: translateX(0); max-width: 100%; } .vertical-categories-wrapper .products{ 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; } .vertical-categories-wrapper .products .product-category{ width: 25% !important; } .device-products-hide-compare-icon .product .product-group-button > div.compare{ display: none; } .device-products-hide-compare-icon .thumbnail-wrapper .product-group-button > div:nth-child(3){ top: 32px; } .single-portfolio.left-thumbnail .entry-main > .entry-format{ width: 100%; margin-bottom: 30px; } .single-portfolio.left-thumbnail .entry-main > .entry-format + .entry-content, .single-portfolio.left-thumbnail .entry-main > .entry-content{ width: 100%; padding-left: 0; /*rtl*/ } } @media only screen and (max-width: 991px){ .ts-blogs-wrapper .owl-nav > div{ top: 35%; } .ts-mask{ -webkit-clip-path: ellipse(140% 100% at 50% 0); clip-path: ellipse(140% 100% at 50% 0); } body blockquote{ font-size: 135%; } .woocommerce div.product.product-style-1 div.summary{ margin-bottom: 50px; } .ts-floating-sidebar .woocommerce ul.product_list_widget li, .woocommerce.ts-search-result-container ul.product_list_widget li{ width: calc(50% - 10px); } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ width: 25%; } .header-v2 header .menu-wrapper{ margin-right: 10px; /*rtl*/ } .header-v2 header .logo-wrapper{ padding: 0 23px 0 0; /*rtl*/ } .ts-header nav.main-menu > ul.menu > li, .ts-header nav.main-menu > ul > li{ margin: 0 13px 0 0; /*rtl*/ } .vertical-menu-heading{ padding-right: 13px; /*rtl*/ margin-right: 13px; /*rtl*/ } .ts-header nav > ul.menu > li.has-line, .ts-header nav > ul > li.has-line{ padding-left: 13px; /*rtl*/ } .header-v2 .ts-header nav.main-menu > ul.menu > li:last-child, .header-v2 .ts-header nav.main-menu > ul > li:last-child{ margin-right: 8px; /*rtl*/ } .ts-header .language-currency{ margin: 0; } .vertical-menu-heading:before, .ts-header nav > ul.menu li:before{ font-size: 120%; min-width: 20px; } .vertical-menu-heading:before{ margin-right: 5px; /*rtl*/ } .menu-wrapper a.has-icon, .ts-header nav > ul.menu li[class*="agrofood-"], .ts-header nav > ul.menu li[class*="fa-"] { padding-left: 25px !important; /*rtl*/ } .ts-header nav > ul.menu li.has-line[class*="agrofood-"], .ts-header nav > ul.menu li.has-line[class*="fa-"]{ padding-left: 45px !important; } .ts-header nav > ul.menu li.has-line[class*="agrofood-"]:before, .ts-header nav > ul.menu li.has-line[class*="fa-"]:before{ left: 15px; /*rtl*/ } .ts-header nav.vertical-menu > ul.menu li.ts-megamenu-columns-4 ul.sub-menu{ width: 560px; } .ts-header nav.vertical-menu > ul.menu li.ts-megamenu-columns-3 ul.sub-menu{ width: 460px; } /*** Shop/Category ***/ .woocommerce.columns-12 .products .product:not(.product-category), .woocommerce.columns-11 .products .product:not(.product-category), .woocommerce.columns-10 .products .product:not(.product-category), .woocommerce.columns-9 .products .product:not(.product-category), .woocommerce.columns-8 .products .product:not(.product-category), .woocommerce.columns-7 .products .product:not(.product-category), .woocommerce.columns-6 .products .product:not(.product-category), .woocommerce.columns-5 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-12 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-11 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-10 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-9 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-8 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-7 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-6 .products .product:not(.product-category), #main-content.show-filter-sidebar .woocommerce.columns-5 .products .product:not(.product-category), .woocommerce.columns-12 .products .list-categories .product.product-category, .woocommerce.columns-11 .products .list-categories .product.product-category, .woocommerce.columns-10 .products .list-categories .product.product-category, .woocommerce.columns-9 .products .list-categories .product.product-category, .woocommerce.columns-8 .products .list-categories .product.product-category, .woocommerce.columns-7 .products .list-categories .product.product-category, .woocommerce.columns-6 .products .list-categories .product.product-category, .woocommerce.columns-5 .products .list-categories .product.product-category{ width: 25%; } .woocommerce.ts-product-category-wrapper.style-default.columns-8 .products .product.product-category, .woocommerce.ts-product-category-wrapper.style-default.columns-7 .products .product.product-category, .woocommerce.ts-product-category-wrapper.style-default.columns-6 .products .product.product-category, .woocommerce.columns-12 .products .product.product-category, .woocommerce.columns-11 .products .product.product-category, .woocommerce.columns-10 .products .product.product-category, .woocommerce.columns-9 .products .product.product-category, .woocommerce.columns-8 .products .product.product-category, .woocommerce.columns-7 .products .product.product-category, .woocommerce.columns-6 .products .product.product-category{ width: 20%; } .woocommerce.columns-12.category-style-2 .products .product.product-category, .woocommerce.columns-11.category-style-2 .products .product.product-category, .woocommerce.columns-10.category-style-2 .products .product.product-category, .woocommerce.columns-9.category-style-2 .products .product.product-category, .woocommerce.columns-8.category-style-2 .products .product.product-category, .woocommerce.columns-7.category-style-2 .products .product.product-category, .woocommerce.columns-6.category-style-2 .products .product.product-category, .woocommerce.columns-5.category-style-2 .products .product.product-category, .woocommerce.columns-4.category-style-2 .products .product.product-category, .woocommerce.columns-3.category-style-2 .products .product.product-category{ width: 33.333333%; } #main-content.ts-col-18 .woocommerce.columns-12 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-11 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-10 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-9 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-8 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-7 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-6 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-5 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-4 .products .product:not(.product-category), #main-content.ts-col-18 .woocommerce.columns-3 .products .product:not(.product-category){ width: 33.333333%; } #main-content.ts-col-12 .woocommerce.columns-12 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-11 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-10 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-9 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-8 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-7 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-6 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-5 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-4 .products .product:not(.product-category), #main-content.ts-col-12 .woocommerce.columns-3 .products .product:not(.product-category){ width: 50%; } .woocommerce.main-products.style-column-list .products .list-categories .product.product-category{ width: 50%; } .woocommerce.columns-12.style-column-list .products .product:not(.product-category), .woocommerce.columns-11.style-column-list .products .product:not(.product-category), .woocommerce.columns-10.style-column-list .products .product:not(.product-category), .woocommerce.columns-9.style-column-list .products .product:not(.product-category), .woocommerce.columns-8.style-column-list .products .product:not(.product-category), .woocommerce.columns-7.style-column-list .products .product:not(.product-category), .woocommerce.columns-6.style-column-list .products .product:not(.product-category), .woocommerce.columns-5.style-column-list .products .product:not(.product-category), .woocommerce.columns-4.style-column-list .products .product:not(.product-category), .woocommerce.columns-3.style-column-list .products .product:not(.product-category), .woocommerce.columns-2.style-column-list .products .product:not(.product-category){ width: 100%; } .before-loop-wrapper > .widget select, .product-per-page-form ul.perpage .perpage-current > span:last-child, .woocommerce .woocommerce-ordering .orderby-current{ width: 120px; } #main-content.ts-col-18 .before-loop-wrapper > .widget select, #main-content.ts-col-18 .product-per-page-form ul.perpage .perpage-current > span:last-child, #main-content.ts-col-18 .woocommerce .woocommerce-ordering .orderby-current{ width: 100px; } /*** Product Detail ***/ .woocommerce div.product:not(.product-style-1):not(.product-style-3):not(.product-style-5) div.woocommerce-product-gallery, .woocommerce div.product:not(.product-style-1):not(.product-style-3):not(.product-style-5) div.summary{ width: 100%; float: none; padding-left: 0; /*rtl*/ } .woocommerce div.product.product-style-1 div.woocommerce-product-gallery{ width: 100%; } .woocommerce div.product.product-style-1 div.summary{ width: 100%; padding-left: 0; /*rtl*/ } .woocommerce div.product.product-style-1:not(.product-style-3):not(.product-style-4) div.images .flex-control-thumbs li, .woocommerce div.product.product-style-2:not(.product-style-3):not(.product-style-4) div.images .flex-control-thumbs li{ width: 16.6666%; } .woocommerce div.product .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; } .woocommerce div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items, .woocommerce div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block{ width: 100%; float: none; margin: 0; } .woocommerce div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items{ margin-top: 2px; } .woocommerce div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } div.product .woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-images tbody{ display: block; width: 100%; height: auto; overflow-x: auto; } .woocommerce div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images tr{ display: -webkit-box; display: -ms-flexbox; display: flex; } .woocommerce div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td:not(.image_plus){ min-width: 25%; } .woocommerce-tabs #tab-description .ts-feature{ margin: 0 -5px; } .woocommerce-tabs #tab-description .ts-feature > div{ padding: 0 5px; } .woocommerce div.product.product-style-3 div.woocommerce-product-gallery{ width: 50%; } .woocommerce div.product.product-style-3 div.summary{ width: 50%; padding-left: 20px; /*rtl*/ } .woocommerce div.product.product-style-3 div.woocommerce-product-gallery .flex-viewport{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .woocommerce div.product.product-style-3 div.images .flex-control-thumbs li{ width: 20%; } .woocommerce div.product.product-style-3 div.images{ display: block; } .woocommerce div.product.product-style-3 div.woocommerce-product-gallery, .woocommerce div.product.product-style-4 div.woocommerce-product-gallery{ margin-bottom: 50px; } .woocommerce div.product.product-style-4 div.woocommerce-product-gallery, .woocommerce div.product.product-style-4 div.summary{ width: 100%; padding-left: 0; /*rtl*/ } .woocommerce div.product.show-tabs-content-default.reviews-grid #reviews #comments .commentlist{ -webkit-columns: 1; -moz-columns: 1; columns: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .panel, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #tab-description{ width: 100%; float: none; padding: 44px 0 50px !important; border-width: 0 0 1px !important; margin: 0 !important; } .woocommerce div.product.tabs-in-summary .summary > h2, .woocommerce div.product.tabs-in-summary .summary > #reviews, .woocommerce div.product.tabs-in-summary .summary > .woocommerce-tabs{ margin-right: -390px; /*rtl*/ } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .panel > h2{ margin-bottom: 20px !important; } div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-row h1, div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-row h2, div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-row h3, div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-row h4, div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-row h5, div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-row h6, div.product.show-tabs-content-default .woocommerce-tabs #tab-description .ts-row p{ margin-bottom: 20px; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .panel:last-child{ border-width: 0; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .panel .product-content > *:last-child{ margin-bottom: 0; } .woocommerce-tabs #tab-description .product-content br{ display: none; } .vertical-categories-wrapper .products .product-category { width: 33.3333% !important; } .woocommerce.main-content-fullwidth #tab-more_seller_product .products .product, .woocommerce.layout-fullwidth #tab-more_seller_product .products .product{ width: 25%; } /*** Blog ***/ .ts-header-intro .elementor-widget-heading.h1 h2{ font-size: 28px; } .intro-filter-items .filter-item{ width: 25%; } .commentlist .comment-detail .comment-meta{ width: 26%; } .commentlist .comment-detail .comment-text{ width: 74%; padding-right: 0; /*rtl*/ } /*** 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; } /*** Checkout ***/ .woocommerce > form.checkout #customer_details{ width: 100%; margin-right: 0; /*rtl*/ border-width: 0; } .woocommerce > form.checkout #order_review_heading, .woocommerce > form.checkout #order_review{ width: 100%; } .woocommerce-account .addresses h2, .woocommerce-customer-details .addresses h2, .woocommerce-Address address{ line-height: 1.5; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-last { min-width: 200px; } /**/ /*** Myaccount ***/ .woocommerce form.track_order, .woocommerce form.woocommerce-ResetPassword.lost_reset_password, .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2, .woocommerce-page #customer_login .col-1, .woocommerce-page #customer_login .col-2{ padding: 25px 30px 30px; } .woocommerce #customer_login .woocommerce-form-login .woocommerce-form-login__rememberme{ margin: 14px 0 0; } .woocommerce form .show-password-input, .woocommerce-page form .show-password-input{ top: 4px; } /*** Wishlist ***/ body .wishlist_table.mobile li{ width: calc(50% - 2px); } /*** Shortcode ***/ .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%; } 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: 20% !important; max-width: 100%; } .style-tabs-vertical .woocommerce.columns-8 .products .product:not(.product-category), .style-tabs-vertical .woocommerce.columns-7 .products .product:not(.product-category), .style-tabs-vertical .woocommerce.columns-6 .products .product:not(.product-category), .style-tabs-vertical .woocommerce.columns-5 .products .product:not(.product-category), .style-tabs-vertical .woocommerce.columns-4 .products .product:not(.product-category){ width: 25%; } .ts-product.style-tabs-vertical .column-tabs{ margin: 0 0 2px; } .ts-product.style-tabs-vertical .column-tabs, .ts-product.style-tabs-vertical .column-content{ width: 100%; } .ts-product:not(.style-tabs-vertical-banner):not(.style-tabs-default) .column-tabs .shop-more .button-text{ margin-top: 15px; } .style-tabs-vertical.has-bg:not(.style-tabs-vertical-banner) .column-tabs .list-categories{ height: auto; padding-right: 30%; /*rtl*/ } .style-tabs-vertical.tab-heading-2-columns .column-tabs ul{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .style-tabs-vertical .column-tabs ul.tabs li { padding: 5px 15px 5px 0; /*rtl*/ width: auto; } .ts-instagram-wrapper.columns-12 .item, .ts-instagram-wrapper.columns-11 .item, .ts-instagram-wrapper.columns-10 .item, .ts-instagram-wrapper.columns-9 .item, .ts-instagram-wrapper.columns-8 .item, .ts-instagram-wrapper.columns-7 .item, .ts-instagram-wrapper.columns-6 .item, .ts-instagram-wrapper.columns-5 .item{ width: 25%; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .left-top .box-content{ left: 10px; top: 10px; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .left-bottom .box-content{ left: 10px; bottom: 20px; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .left-center .box-content{ left: 10px; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .right-top .box-content{ right: 10px; top: 10px; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .right-bottom .box-content{ right: 10px; bottom: 20px; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .right-center .box-content{ right: 10px; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .center-top .box-content{ left: 10px;right: 10px; top: 10px; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .center-bottom .box-content{ left: 10px;right: 10px; bottom: 20px; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .center-center .box-content{ left: 10px;right: 10px; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .ts-banner .box-content .banner-text strong{ font-size: 120%; } .vertical-menu > ul.menu li.ts-megamenu-fullwidth ul.sub-menu .ts-shortcode.ts-logo-slider-wrapper:not(.ts-slider).columns-4 .items .item{ width: 33.3333333%; } .ts-product-deals-wrapper .shortcode-heading-wrapper > *:not(:last-child){ margin-right: 20px; /*rtl*/ } .ts-product.style-list .shortcode-heading-wrapper{ padding: 20px; } .ts-list-of-product-categories-wrapper.style-horizontal h3.heading-title:not(:last-child){ margin: 0 0 6px; display: block; } .ts-list-of-product-categories-wrapper.style-horizontal > .list-categories ul li{ padding-bottom: 0; } .vertical-menu-wrapper .ts-shortcode.ts-logo-slider-wrapper:not(.ts-slider).columns-4 .items .item, .vertical-menu-wrapper .ts-shortcode.ts-logo-slider-wrapper:not(.ts-slider).columns-5 .items .item, .vertical-menu-wrapper .ts-shortcode.ts-logo-slider-wrapper:not(.ts-slider).columns-6 .items .item{ width: 33.333333%; } } @media only screen and (max-width: 768px){ .woocommerce table.my_account_orders tr{ border-width: 1px; border-style: solid; display: block; margin-bottom: 10px; 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 table.shop_table.cart td.actions{ text-align: right !important; /*rtl*/ } .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: 0; float: left; /*rtl*/ } .woocommerce-cart table.cart td.actions > .button{ display: inline-block; } .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; /*rtl*/ } .woocommerce table.shop_table_responsive tr.cart-subtotal td, .woocommerce-page table.shop_table_responsive tr.cart-subtotal td, .woocommerce-page table.shop_table_responsive tr.order-total td, .woocommerce table.shop_table_responsive tr.order-total td{ text-align: right !important; /*rtl*/ } .woocommerce table.shop_table_responsive tr.order-total td::before, .woocommerce-page table.shop_table_responsive tr.order-total td::before{ margin-top: 3px; } .woocommerce table.shop_table.shop_table_responsive.cart tr.cart_item{ position: relative; margin-bottom: 2px; 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: 5px 0; border-width: 0; width: calc(100% - 150px); float: left; /*rtl*/ } .woocommerce table.shop_table.shop_table_responsive.cart tr.cart_item td.product-price{ font-weight: inherit; } .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; } /**/ } @media only screen and (min-width: 480px) and (max-width: 1279px){ .ts-product.style-tabs-vertical.style-tabs-vertical-banner.has-shop-more-button .column-tabs .heading-tab{ padding-right: 20%; /*rtl*/ } .ts-product.style-tabs-vertical.style-tabs-vertical-banner .column-tabs .shop-more{ padding-top: 0; position: absolute; top: 22px; right: 20px; /*rtl*/ left: auto; /*rtl*/ width: auto; } } @media only screen and (min-width: 991px) and (max-width: 1279px){ .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; } .header-middle .container > .ts-search-by-category{ margin: 0 50px; } .shop_table.cart .quantity{ width: 80px; } .woocommerce .quantity input.qty, .quantity input.qty{ padding: 0 20px; } .ts-product.style-tabs-vertical.style-tabs-vertical-banner.has-shop-more-button .column-tabs .heading-tab{ padding-right: 15%; /*rtl*/ } .woocommerce div.product.product-style-1 div.summary{ padding-left: 20px; /*rtl*/ } .woocommerce div.product.product-style-1 .summary-column-2{ width: 300px; padding: 20px; } .woocommerce div.product.product-style-1 div.summary{ padding-right: 320px; /*rtl*/ } .woocommerce div.product .summary .summary-column-2 .quantity{ width: 100%; margin: 0 0 10px; } .woocommerce div.product .summary .summary-column-2 form.cart .button{ width: 100%; } .woocommerce div.product.product-style-5:not(.product-style-3):not(.product-style-4) div.images .flex-control-thumbs li{ width: 16.66666%; } } @media only screen and (min-width: 768px) and (max-width: 1279px){ .header-v4 .header-middle .logo-wrapper{ width: 100%; -webkit-box-flex: none; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-bottom: 10px; padding: 0; } ul.product_list_widget li .ts-wg-thumbnail, .woocommerce ul.product_list_widget li .ts-wg-thumbnail, ul.product_list_widget li img, .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width: 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; } #colorbox.yith_woocompare_colorbox, .yith_woocompare_colorbox #cboxLoadedContent{ max-height: 70vh; overflow: hidden; } .elementor-col-33 .ts-product.style-list .products .product:not(.product-category) .product-wrapper{ display: -ms-grid; display: grid; -ms-grid-columns: 30% auto; grid-template-columns: 30% auto; } .elementor-col-33 .ts-product.style-list .products .product:not(.product-category) .product-wrapper > *{ width: auto; } .elementor-col-33 .ts-product.style-list .products .product:not(.product-category) .product-wrapper .thumbnail-wrapper{ -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 2; grid-row-end: 3; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; } .elementor-col-33 .ts-product.style-list .products .product:not(.product-category) .product-wrapper .meta-wrapper:not(.meta-wrapper-2){ -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; padding-right: 20px; /*rtl*/ } .elementor-col-33 .ts-product.style-list .products .product:not(.product-category) .product-wrapper .meta-wrapper-2{ -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3; -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; padding-right: 0; /*rtl*/ } .elementor-col-33 .ts-product.style-list .products .product:not(.product-category) .meta-wrapper-2 .price{ justify-content: flex-start; } .elementor-col-33 .ts-product.style-list .products .product:not(.product-category) .price del, .elementor-col-33 .ts-product.style-list .products .product:not(.product-category) .price ins{ width: auto; } .elementor-col-33 .ts-product.style-list .products .product:not(.product-category) .price del + ins{ margin-right: 5px; /*rtl*/ margin-bottom: 0; } .elementor-col-33 .ts-product.style-list .products .product:not(.product-category) .meta-wrapper-2{ margin-top: 7px; } .product-hover-vertical-style-2 .ts-product.style-list .products .product:not(.product-category) .meta-wrapper-2 > .product-group-button-meta > div.loop-add-to-cart a.button{ width: auto; min-width: 110px; } } @media only screen and (min-width: 768px) and (max-width: 991px){ #left-sidebar.ts-col-6, #right-sidebar.ts-col-6{ width: 28%; } #main-content.ts-col-18{ width: 72%; } #main-content.ts-col-12{ width: 44%; } #main-content.ts-col-12 .before-loop-wrapper > .product-per-page-form { margin: 10px 0 0; } #main-content.ts-col-12 .before-loop-wrapper > .widget{ margin: 0; } #main-content.ts-col-12 .before-loop-wrapper > .widget select, #main-content.ts-col-12 .product-per-page-form ul.perpage .perpage-current > span:last-child, .woocommerce #main-content.ts-col-12 .woocommerce-ordering .orderby-current{ width: 90px; } .before-loop-wrapper > .widget select, .product-per-page-form ul.perpage .perpage-current > span:last-child, .woocommerce .woocommerce-ordering .orderby-current{ width: 110px; } .ipad-portrait-only-remove-br .elementor-image-box-title br{ display: none; } 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); } .elementor-col-33 .ts-product.style-list .shortcode-heading-wrapper{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .elementor-col-33 .ts-product.style-list .shortcode-heading-wrapper .shop-more{ margin-left: 0; /*rtl*/ } .elementor-col-20 .ts-banner .box-content{ max-width: calc(100% - 20px); } .elementor-col-20 .left-top .box-content{ left: 10px; top: 15px; } .elementor-col-20 .left-bottom .box-content{ left: 10px; bottom: 20px; } .elementor-col-20 .left-center .box-content{ left: 10px; } .elementor-col-20 .right-top .box-content{ right: 10px; top: 15px; } .elementor-col-20 .right-bottom .box-content{ right: 10px; bottom: 20px; } .elementor-col-20 .right-center .box-content{ right: 10px; } .elementor-col-20 .center-top .box-content{ left: 10px;right: 10px; top: 15px; } .elementor-col-20 .center-bottom .box-content{ left: 10px;right: 10px; bottom: 20px; } .elementor-col-20 .center-center .box-content{ left: 10px;right: 10px; } .elementor-col-20 .ts-banner .box-content .banner-text strong{ font-size: 110%; } }