/* Theme Name: whimsicalsalley Theme URI: http://http://whimsicalsalley.com/ Author: Jiiya Codeitsoft Author URI: http://codeitsoft.com/ Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites Version: 1.0.4 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: whimsicalsalley.com */ /* I. HEADER 1. MENU 2. HEADER MIDDLE II. MAIN CONTENT 1. BREADCRUMB 2. REVOLUTION SLIDER 3. CONTACT US 4. BLANK PAGE 5. BUTTON NAVI SLIDER 6. LAZY LOAD III. FOOTER IV. WIDGET 1. WIDGET SUBSCRIPTION 2. WIDGET SOCIAL 3. FILTER BY PRICE 4. FILTER BY COLOR 5. FILTER ATTRIBUTE 6. WIDGET CATEGORIES 7. WIDGET LIST PRODUCT 8. WIDGET CALENDAR 9. WIDGET SEARCH 10. WIDGET BLOG 11. WIDGET RECENT COMMENTS 12. WIDGET RSS 13. WIDGET COMPARE 14. WIDGET INSTAGRAM 15. WIDGET FACEBOOK 16. WIDGET RATING FILTER 17. WIDGET MAILCHIMP 18. WIDGET PRODUCT FILTER BY BRAND 19. WIDGET PRICE V. PRODUCT DEFAULT 1. META CATEGORIES PRODUCT 2. PRODUCT PRICE 3. PRODUCT RATING 4. PRODUCT SHORT DESCRIPTION 5. PRODUCT LABEL 6. GROUP BUTTON PRODUCT THUMBNAIL VI. SHOP PAGE VII. PRODUCT DETAIL 1. PRODUCT IMAGE 2. PRODUCT SUMMARY 3. COMPARE VIII. CHECK OUT - SHOPPING CART - MY ACCOUNT 1. SHOPPING CART 2. CHECK OUT 3. MY ACCOUNT IX. QUICKSHOP X. BLOG PAGES 1. BLOG 2. BLOG DETAIL XI. PAGE TEMPLATE XII. IPAD RESPONSIVE */ :root { --loobek-logo-width: 172px; --loobek-logo-ipad-width: 130px; --loobek-logo-mobile-width: 110px; --loobek-main-font: "Plus Jakarta Sans", sans-serif; --loobek-main-font-weight: 400; --loobek-main-letter-spacing: 0; --loobek-main-font-bold: "Plus Jakarta Sans", sans-serif; --loobek-main-font-bold-weight: 600; --loobek-main-font-extra-bold: "Plus Jakarta Sans", sans-serif; --loobek-main-font-extra-bold-weight: 700; --loobek-main-font-thin: "Plus Jakarta Sans", sans-serif; --loobek-main-font-thin-weight: 300; --loobek-main-font-size: 14px; --loobek-main-font-line-height: 24px; --loobek-main-font-bold-size: 18px; --loobek-main-font-bold-line-height: 24px; --loobek-main-small-font-size: 13px; --loobek-main-small-2-font-size: 12px; --loobek-button-font: 'Plus Jakarta Sans', sans-serif; --loobek-button-font-weight: 500; --loobek-button-font-size: 14px; --loobek-menu-font: 'Plus Jakarta Sans', sans-serif; --loobek-menu-font-weight: 500; --loobek-menu-font-size: 18px; --loobek-second-menu-font: 'Plus Jakarta Sans', sans-serif; --loobek-second-menu-font-weight: 400; --loobek-second-menu-font-size: 16px; --loobek-second-menu-line-height: 24px; --loobek-heading-font: 'Plus Jakarta Sans', sans-serif; --loobek-heading-font-weight: 500; --loobek-heading-font-size: 30px; --loobek-heading-line-height: 42px; --loobek-heading-letter-spacing: 0; --loobek-product-name-font: 'Plus Jakarta Sans', sans-serif; --loobek-product-name-font-weight: 500; --loobek-product-name-font-size: 14px; --loobek-product-name-font-line-height: 20px; --loobek-h1-font-size: 72px; --loobek-h1-line-height: 80px; --loobek-h2-font-size: 40px; --loobek-h2-line-height: 52px; --loobek-h3-font-size: 30px; --loobek-h3-line-height: 42px; --loobek-h3-height: -42px; --loobek-h4-font-size: 24px; --loobek-h4-line-height: 32px; --loobek-h5-font-size: 20px; --loobek-h5-line-height: 28px; --loobek-h6-font-size: 18px; --loobek-h6-line-height: 24px; --loobek-sub-cat-font: 'Plus Jakarta Sans', sans-serif; --loobek-sub-cat-font-weight: 400; --loobek-sub-cat-font-size: 13px; --loobek-menu-ipad-font-size: 16px; --loobek-menu-ipad-line-height: 22px; --loobek-sub-cat-device-font-size: 13px; --loobek-h1-device-font-size: 42px; --loobek-h1-device-line-height: 48px; --loobek-h2-device-font-size: 30px; --loobek-h2-device-line-height: 40px; --loobek-h3-device-font-size: 24px; --loobek-h3-device-line-height: 32px; --loobek-h3-device-height: -32px; --loobek-h4-device-font-size: 20px; --loobek-h4-device-line-height: 28px; --loobek-h5-device-font-size: 18px; --loobek-h5-device-line-height: 24px; --loobek-h6-device-font-size: 16px; --loobek-h6-device-line-height: 22px; --loobek-heading-device-font-size: 24px; --loobek-heading-device-line-height: 32px; --loobek-h1-mobile-font-size: 32px; --loobek-h1-mobile-line-height: 36px; --loobek-h2-mobile-font-size: 26px; --loobek-h2-mobile-line-height: 34px; --loobek-main-bg: #ffffff; --loobek-text-color: #000000; --loobek-text-light-color: #808080; --loobek-text-bold-color: #000000; --loobek-primary-color: #c6213b; --loobek-text-in-primary-color: #ffffff; --loobek-link-color: #c6213b; --loobek-link-hover-color: #c6213b; --loobek-border: #e5e5e5; --loobek-input-color: #000000; --loobek-input-border: #000000; --loobek-input-hover-color: #000000; --loobek-input-hover-border: #000000; --loobek-button-color: #ffffff; --loobek-button-bg: #000000; --loobek-button-border: #000000; --loobek-button-hover-color: #ffffff; --loobek-button-hover-bg: #c6213b; --loobek-button-hover-border: #c6213b; --loobek-nav-color: #000000; --loobek-nav-hover-color: #000000; --loobek-nav-bg: #ffffff; --loobek-nav-hover-bg: #f5f5f5; --loobek-breadcrumb-bg: #ffffff; --loobek-breadcrumb-color: #000000; --loobek-breadcrumb-border-color: #e5e5e5; --loobek-breadcrumb-link-hover: #c6213b; --loobek-breadcrumb-img-color: #ffffff; --loobek-breadcrumb-img-link-hover: #c6213b; --loobek-notice-bg: #000000; --loobek-notice-color: #ffffff; --loobek-notice-border-color: #000000; --loobek-menu-color: #000000; --loobek-menu-hover-color: #000000; --loobek-submenu-color: #000000; --loobek-submenu-heading-color: #000000; --loobek-submenu-hover-color: #c6213b; --loobek-submenu-bg: #ffffff; --loobek-menu-2-color: #808080; --loobek-menu-2-hover-color: #000000; --loobek-menu-2-active-color: #ffffff; --loobek-menu-2-active-bg: #000000; --loobek-header-mobile-color: #000000; --loobek-header-mobile-hover-color: #c6213b; --loobek-header-mobile-bg: #ffffff; --loobek-header-mobile-border-color: #e5e5e5; --loobek-header-mobile-cart-color: #ffffff; --loobek-header-mobile-cart-bg: #000000; --loobek-menu-mobile-color: #000000; --loobek-menu-mobile-hover-color: #c6213b; --loobek-menu-mobile-title-active-color: #808080; --loobek-menu-mobile-bg: #ffffff; --loobek-menu-mobile-border-color: #e5e5e5; --loobek-menu-bottom-mobile-color: #000000; --loobek-menu-bottom-mobile-hover: #c6213b; --loobek-menu-bottom-bg: #ffffff; --loobek-menu-bottom-border-color: #e5e5e5; --loobek-top-header-color: #000000; --loobek-top-header-link-hover: #c6213b; --loobek-top-header-bg: #ffffff; --loobek-top-header-border: #e5e5e5; --loobek-middle-header-color: #000000; --loobek-middle-header-link-hover: #c6213b; --loobek-middle-header-bg: #ffffff; --loobek-middle-header-border: #e5e5e5; --loobek-header-cart-number-color: #ffffff; --loobek-header-cart-number-bg: #000000; --loobek-header-search-color: #000000; --loobek-header-search-placeholder-color: #999999; --loobek-header-search-bg: #f0f0f0; --loobek-header-search-border-color: #f0f0f0; --loobek-header-search-icon-color: #000000; --loobek-header-search-hover-icon: #c6213b; --loobek-footer-bg: #ffffff; --loobek-footer-color: #000000; --loobek-footer-hover-color: #c6213b; --loobek-footer-heading-color: #000000; --loobek-footer-border: #e5e5e5; --loobek-product-button-thumbnail-color: #000000; --loobek-product-button-thumbnail-hover-color: #ffffff; --loobek-product-button-thumbnail-bg: #ffffff; --loobek-product-button-thumbnail-bg-hover: #000000; --loobek-shop-bg: #fafafa; --loobek-quantity-bg: #f0f0f0; --loobek-product-detail-deal-color: #c6213b; --loobek-product-detail-deal-bg: #fee9ec; --loobek-star-color: #000000; --loobek-product-price-color: #000000; --loobek-product-sale-price-color: #c6213b; --loobek-product-del-color: #808080; --loobek-sale-label-color: #ffffff; --loobek-sale-label-bg: #c6213b; --loobek-new-label-color: #000000; --loobek-new-label-bg: #ffffff; --loobek-hot-label-color: #ffffff; --loobek-hot-label-bg: #115241; --loobek-soldout-label-color: #000000; --loobek-soldout-label-bg: #f0f0f0; --lazy-cols: 4; --lazy-thumb-height: 450px; --e-bg-lazyload-loaded: linear-gradient(#f5f5f5, #f5f5f5); --e-bg-lazyload: linear-gradient(#f5f5f5, #f5f5f5); } /*--------------------------------------------------------------------------------------------------------------*/ /*- I. HEADER --------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------*/ body .logo-wrapper { display: table; } .logo-center .logo-wrapper { margin-left: 30px; /* rtl */ margin-right: 30px; /* rtl */ } body .logo-wrapper .logo { display: table-cell; height: 40px; vertical-align: middle; } header .header-sticky .logo-sticky { display: none; } body .logo-wrapper a { font-size: 40px; text-decoration: none; line-height: 0; } body .logo-wrapper a:hover { text-decoration: none; } header .logo-wrapper .logo img { transition: 300ms ease 0s; } .is-sticky img.sticky-logo { display: block; } .is-sticky img.mobile-logo, .is-sticky img.normal-logo { display: none; } .is-sticky .logo-sticky { opacity: 1; width: auto; height: auto; padding: 5px 0; position: relative; display: table-cell; transition: 150ms ease 0s; } .header-sticky { width: 100%; z-index: 993; position: relative; /* used breadcrumb layout 3 */ } .header-sticky.is-sticky { box-shadow: 0 4px 4px rgba(155, 155, 155, .3); -webkit-animation-duration: 350ms; -moz-animation-duration: 350ms; animation-duration: 350ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: mySticky; -moz-animation-name: mySticky; animation-name: mySticky; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ts-header { padding: 0; display: block; } .ts-header .header-template { position: relative; } .ts-header .overlay { position: fixed; top: 0; bottom: auto; height: 100000px; left: 0; right: 0; content: ""; background: rgba(0, 0, 0, 0.4); /* overlay mega menu */ z-index: 991; opacity: 0; visibility: hidden; } .menu-background-overlay .ts-header>.overlay { -webkit-animation-duration: 150ms; -moz-animation-duration: 150ms; animation-duration: 150ms; animation-delay: 150ms; -webkit-animation-delay: 150ms; -moz-animation-delay: 150ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_fade; -moz-animation-name: animation_fade; animation-name: animation_fade; } .menu-background-overlay .ts-header .header-template { z-index: 1000; } .header-transparent:not(.no-absolute) .header-template { position: absolute; z-index: 993; left: 0; right: 0; top: 0; } .header-transparent.header-text-light .logo-center .header-template:before, .has-breadcrumb.header-transparent.header-text-light .header-template:before { border-color: rgba(255, 255, 255, 0.2); } .page-container.show-breadcrumb-v3 .ts-sidebar, .page-container.show-breadcrumb-v3 #main-content, .page-container.show-breadcrumb-v3>.page-description, .page-container.show-breadcrumb-v3>.term-description { position: relative; } body.image-button-radius .page-container.show-breadcrumb-v3 .ts-sidebar, body.image-button-radius .page-container.show-breadcrumb-v3 #main-content, body.image-button-radius .page-container.show-breadcrumb-v3 div.product div.summary, body.image-button-radius .page-container.show-breadcrumb-v3 .bought-together-layout-vertical div.yith-wfbt-section { border-radius: 10px 10px 0 0; /* rtl */ } .page-container.show-breadcrumb-v3 .ts-sidebar, .page-container.show-breadcrumb-v3 #main-content, .page-container.show-breadcrumb-v3 div.product div.summary, .page-container.show-breadcrumb-v3 .bought-together-layout-vertical div.yith-wfbt-section, .page-container.show-breadcrumb-v3>.term-description, .page-container.show-breadcrumb-v3>.page-description { background-color: var(--loobek-main-bg); } .single-product .page-container.show-breadcrumb-v3 #main-content { background: transparent; padding: 0; } body.image-button-radius .page-container.show-breadcrumb-v3>.page-description, body.image-button-radius .page-container.show-breadcrumb-v3>.term-description { border-radius: 10px; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 1. MENU ----------------------------------------------------------------------------------------------------*/ .icon-menu-ipad-header, .icon-menu-sticky-header, header .menu-wrapper nav>ul>li>a, header .menu-wrapper nav>ul>li>a, header .menu-wrapper nav>ul>li.menu-item:before { color: var(--loobek-menu-color); } .icon-menu-ipad-header:hover, .menu-wrapper nav>ul>li.menu-item:hover:before, .menu-wrapper nav>ul>li:hover>a, .menu-wrapper nav>ul>li[class*="current-"]:before, .menu-wrapper nav>ul>li[class*="current-"]>a { color: var(--loobek-menu-hover-color); } .menu-wrapper nav>ul>li>a:after { border-color: var(--loobek-menu-hover-color); } #ts-mobile-button-bottom { display: none; } .menu-wrapper .menu-icon, .mobile-menu-wrapper .menu-icon { margin-right: 10px; /* rtl */ display: flex; } .menu-wrapper ul.sub-menu .menu-icon { margin-right: 5px; /* rtl */ } .menu-wrapper .menu-icon img, .mobile-menu-wrapper .menu-icon img { height: 24px; width: auto; max-width: none; } .menu-sub-label { position: absolute; right: -20px; /* rtl */ top: -4px; padding: 0 2px; line-height: 13px; font-size: 65%; color: #ffffff; text-align: center; min-width: 35px; border-radius: 2px; text-transform: none; } .menu-sub-label:before { width: 0; height: 0; border-top: 2px solid transparent; border-left: 4px solid transparent; /* rtl */ border-bottom: 7px solid transparent; transform: rotate(15deg); /* rtl */ position: absolute; right: 50%; margin-right: -3px; /* rtl */ content: ""; bottom: -7px; } li.parent>a>.menu-sub-label { right: -6px; /* rtl */ } .sub-menu .menu-sub-label { top: -10px; } .ts-menu-drop-icon:after, header .header-currency ul li, header .header-language ul li, header .wpml-ls-legacy-dropdown a, header .wpml-ls-legacy-dropdown-click a, .ts-menu-drop-icon { line-height: 20px; /* default */ } .menu-item[class^="ti-"]>*, .menu-item[class*=" ti-"]>*, .menu-item[class*="icomoon-"]>*, .menu-item.fa>*, .menu-item.fab>*, .menu-item.fas>*, .menu-item.fab>* { font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } /* SUB MENU */ .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, .menu-wrapper nav>ul li ul.sub-menu:before { background-color: var(--loobek-submenu-bg); } .elementor-editor-active .ts-megamenu ul.menu>li>a, .menu-wrapper ul ul.sub-menu li.menu-item:before, .menu-wrapper ul ul.sub-menu>li>a, .menu-wrapper ul ul.sub-menu li>.ts-menu-drop-icon, .ts-megamenu .ts-list-of-product-categories-wrapper li a, .ts-list-of-product-tags-wrapper li a, .ts-megamenu .ts-product-category-wrapper .category-name a, .ts-megamenu .social-icons a, .elementor-icon-list-item a { color: var(--loobek-submenu-color); } .elementor-editor-active .ts-megamenu ul.menu>li>a:hover, .menu-wrapper ul ul.sub-menu li:hover>.ts-menu-drop-icon, .menu-wrapper ul ul.sub-menu li[class*=" current-"]>.ts-menu-drop-icon, .menu-wrapper ul ul.sub-menu>li:hover>a, .menu-wrapper ul ul.sub-menu li.menu-item:hover:before, .menu-wrapper ul ul.sub-menu li[class*="current-"]>a .menu-wrapper ul ul.sub-menu li[class*="current-"]:before, .ts-megamenu .ts-list-of-product-categories-wrapper li a:hover, .ts-list-of-product-tags-wrapper li a:hover, .ts-megamenu .ts-product-category-wrapper .category-name a:hover, .ts-megamenu .social-icons a:hover, .elementor-icon-list-item a:hover { color: var(--loobek-submenu-hover-color); } .menu-wrapper nav>ul ul.sub-menu h1, .menu-wrapper nav>ul ul.sub-menu h2, .menu-wrapper nav>ul ul.sub-menu h3, .menu-wrapper nav>ul ul.sub-menu h4, .menu-wrapper nav>ul ul.sub-menu h5, .menu-wrapper nav>ul ul.sub-menu h6 { color: var(--loobek-submenu-heading-color); } .menu-wrapper nav>ul ul li.menu-item:before, .menu-wrapper nav>ul ul.sub-menu, .menu-wrapper nav>ul ul.sub-menu>li>a { font-size: var(--loobek-main-font-size); line-height: 20px; /* default */ } header nav>ul ul.sub-menu, header nav>ul ul.sub-menu>li>a { font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); letter-spacing: var(--loobek-main-letter-spacing); } .ts-header nav>ul ul.sub-menu li:hover>ul.sub-menu { -webkit-animation-duration: 300ms; -moz-animation-duration: 300ms; animation-duration: 300ms; animation-delay: 50ms; -webkit-animation-delay: 50ms; -moz-animation-delay: 50ms; -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; } .menu-wrapper .ts-menu>nav>ul, .menu-wrapper .ts-menu>nav>ul { margin: 0; text-align: start; display: flex; flex-wrap: wrap; } .ts-header nav>ul>li { list-style: none; position: relative; padding: 0; display: flex; align-items: center; margin-right: 30px; /* rtl */ } .ts-header nav>ul>li:last-child { margin-right: 0; /* rtl */ } .menu-wrapper nav>ul li .menu-desc { line-height: 14px; margin-top: -2px; font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); font-size: var(--loobek-main-small-font-size); } .ts-header nav .line-border a { display: none !important; } .ts-header nav .line-border { width: 1px; } .ts-header nav .line-border:after { position: absolute; top: 10px; bottom: 10px; border-width: 0 1px 0 0; border-style: solid; content: ""; width: 1px; } .ts-header nav>ul>li:hover { z-index: 993; } .ts-header nav>ul>li a:hover { text-decoration: none; } .ts-header nav>ul>li>a { padding-top: 6px; padding-bottom: 6px; display: flex; position: relative; white-space: nowrap; align-items: center; } .ts-header nav>ul>li>a, .ts-header nav>ul>li>a .menu-label { font-family: var(--loobek-menu-font); font-weight: var(--loobek-menu-font-weight); letter-spacing: var(--loobek-menu-letter-spacing); } .menu-wrapper nav>ul>li>a { font-size: var(--loobek-menu-font-size); line-height: 26px; } .menu-label { display: flex; align-items: center; } .menu-label i { margin-right: 10px; /* rtl */ } .header-v9 .menu-wrapper nav.second-menu-middle>ul>li.menu-item { transition: 150ms ease 0s; } .ts-header .header-bottom .menu-wrapper { margin-bottom: 15px; } .header-v12 .header-bottom>.container { justify-content: center; } .header-v12 .ts-header .header-bottom .menu-wrapper { margin-top: 12px; } .ts-header nav>ul li.menu-item:before, .mobile-menu-wrapper nav>ul li.menu-item:before { letter-spacing: 0; z-index: 1; margin-right: 10px; /* rtl */ transition: 300ms ease 0s; font-size: 20px; } .ts-header nav>ul 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: 0; left: 0; top: 0; bottom: 0; line-height: 0; display: none; } .ts-header ul.sub-menu li:first-child>.ts-menu-drop-icon { top: 0; } .ts-header ul.sub-menu .ts-menu-drop-icon { right: 0; /* rtl */ top: 6px; bottom: auto; left: auto; width: 20px; text-align: end; line-height: 0; } .ts-header ul.sub-menu .ts-menu-drop-icon:before { content: "\e904"; font-family: 'icomoon'; font-weight: normal; font-size: 8px; line-height: 20px; /* default */ } body:not(.ts_desktop) .ts-menu-drop-icon, .ts-header nav.main-menu ul ul li.parent .ts-menu-drop-icon { display: inline-block; } body:not(.ts_desktop) .ts-menu-drop-icon.active { display: none; } .ts-header nav.main-menu>ul.menu>li>a:after, .ts-header nav.main-menu>ul>li>a:after { content: ""; position: absolute; left: 50%; right: 50%; border-width: 1px 0 0 0; border-style: solid; height: 1px; bottom: 6px; transition: all 250ms ease 0s; } header nav.main-menu>ul.menu>li:hover>a:after, header nav.main-menu>ul.menu>li[class*="current-"]>a:after { left: 0; right: 0; } /* Second Menu */ .header-v9 nav.second-menu-middle>ul>li.menu-item:hover:before, .header-v9 nav.second-menu-middle>ul>li:hover>a, .header-v6 .menu-wrapper nav.second-menu-middle>ul>li.menu-item:before, .header-v6 .menu-wrapper nav.second-menu-middle>ul>li>a { color: var(--loobek-menu-2-color); } .header-v6 nav.second-menu-middle>ul>li.menu-item:hover a:before, .header-v6 nav.second-menu-middle>ul>li:hover>a, .header-v6 nav.second-menu-middle>ul>li[class*="current-"] a:before, .header-v6 nav.second-menu-middle>ul>li[class*="current-"]>a { color: var(--loobek-menu-2-hover-color); } .header-v6 nav.second-menu-middle>ul>li.menu-item:hover a:after, .header-v6 nav.second-menu-middle>ul>li[class*="current-"] a:after { border-color: var(--loobek-menu-2-hover-color); } .header-v9 nav.second-menu-middle>ul>li[class*="current-"] { background: var(--loobek-menu-2-active-bg); } .header-v9 nav.second-menu-middle>ul>li[class*="current-"]>a { color: var(--loobek-menu-2-active-color); } #page nav.second-menu-middle>ul { flex-wrap: nowrap; } .menu-wrapper nav.second-menu-middle>ul>li>a { font-family: var(--loobek-second-menu-font); font-weight: var(--loobek-second-menu-font-weight); font-size: var(--loobek-second-menu-font-size); line-height: var(--loobek-second-menu-line-height); } .header-v9 nav.second-menu-middle>ul>li[class*="current-"] { padding: 0 20px; } .header-v6 nav.second-menu-middle>ul>li.menu-item a:after { position: absolute; left: 50%; right: 50%; bottom: 6px; border-width: 0 0 1px 0; border-style: solid; content: ""; transition: 150ms ease 0s; } .header-v6 nav.second-menu-middle>ul>li.menu-item:hover a:after, .header-v6 nav.second-menu-middle>ul>li[class*="current-"] a:after { left: 0; right: 0; } .ts-header nav>ul li ul.sub-menu { position: absolute; z-index: 999; left: -30px; /* rtl */ top: 100%; margin: 0; padding: 30px; visibility: hidden; opacity: 0; min-width: 250px; } .ts-header nav>ul li ul.sub-menu>li { display: flex; align-items: center; position: relative; z-index: 1; } .ts-header nav>ul li ul.sub-menu>li.menu-item-has-children { padding-right: 20px; /* rtl */ } .ts-header nav>ul li ul.sub-menu ul.sub-menu { min-width: 260px; } .ts-header .ts-menu>nav>ul>li>ul.sub-menu { left: -30px /* rtl */ } .ts-header nav>ul li:hover>ul.sub-menu { visibility: visible; opacity: 1; -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: 200px 0 0; -moz-transform-origin: 200px 0 0; -ms-transform-origin: 200px 0 0; } .ts-header nav>ul li.ts-megamenu-fullwidth-stretch>ul.sub-menu { overflow: hidden; } .ts-header nav>ul li ul.sub-menu ul.sub-menu { z-index: 990; } .ts-header nav>ul li ul.sub-menu ul.sub-menu ul.sub-menu { z-index: 991; } .ts-header nav>ul li ul.sub-menu:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0; box-shadow: 0 15px 20px rgba(51, 51, 51, 0.15); border-width: 1px; border-style: solid; background-size: contain; } .ts-header nav>ul li.ts-megamenu-fullwidth-stretch ul.sub-menu:before { border-width: 1px 0 1px 0; } .ts-header nav>ul li ul.sub-menu li:first-child>ul.sub-menu { top: -30px; } .ts-header nav>ul li ul.sub-menu ul.sub-menu { left: calc(100% - 1px); /* rtl */ padding: 30px 30px 30px 60px; /* rtl */ top: -24px; } .ts-header nav>ul li ul.sub-menu ul.sub-menu:before { left: 30px; /* rtl */ top: 0; } .ts-header nav>ul li ul.sub-menu ul.sub-menu>li { list-style: none; padding-left: 0; padding-right: 0; position: relative; z-index: 2; } .ts-header nav>ul li ul.sub-menu ul.sub-menu>li.menu-item-has-children { padding-right: 20px; /* rtl */ padding-left: 0; } .ts-header nav>ul li ul.sub-menu ul.sub-menu>li:first-child { padding-top: 0; } .ts-header nav>ul li ul.sub-menu ul.sub-menu>li:last-child { padding-bottom: 0; } .ts-header nav>ul li ul.sub-menu ul.sub-menu>li>a { padding: 0; display: table; position: relative; } .ts-megamenu .shortcode-heading-wrapper h2, h6.elementor-heading-title { font-size: var(--loobek-main-font-bold-size); line-height: var(--loobek-main-font-bold-line-height); } /* FIXED WIDGET ELEMENTOR */ nav li.widget_nav_menu li>a:before { display: none; } .ts-header nav>ul li.ts-megamenu>ul.sub-menu>li { padding: 0; margin: 0 auto; display: block; } .ts-header nav>ul li.fa:before, .ts-header nav>ul li.fas:before, .ts-header nav>ul li.far:before, .ts-header nav>ul li.fab:before { display: inline-block; position: relative; top: -1px; float: left; /* rtl */ } /* COLUMN SUB MENU */ .ts-header nav>ul li.ts-megamenu-columns-4 ul.sub-menu { width: 900px; } .ts-header nav>ul li.ts-megamenu-columns-3 ul.sub-menu { width: 600px; } .ts-header nav>ul li.ts-megamenu-columns-2 ul.sub-menu { min-width: 360px; max-width: 460px; } .ts-header nav>ul li.ts-megamenu-columns-1 ul.sub-menu, .ts-header nav>ul li.ts-normal-menu ul.sub-menu { min-width: 210px; max-width: 300px; } .ts-header nav>ul li.ts-megamenu-columns-4 ul.sub-menu ul.sub-menu { width: 930px; } .ts-header nav>ul li.ts-megamenu-columns-3 ul.sub-menu ul.sub-menu { width: 630px; } .ts-header nav>ul li.ts-megamenu-columns-2 ul.sub-menu ul.sub-menu { width: 410px; } .ts-header nav>ul li.ts-megamenu-columns-1 ul.sub-menu ul.sub-menu, .ts-header nav>ul li.ts-normal-menu ul.sub-menu ul.sub-menu { min-width: 240px; max-width: 330px; } .menu-wrapper nav li.widget { list-style: none; } .ts-menu nav .widgettitle { margin-bottom: 10px; position: relative; padding-bottom: 0; } .menu-wrapper nav li.widget ul { margin: 0; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 2. HEADER MIDDLE -------------------------------------------------------------------------------------------*/ .header-middle, .header-bottom, .menu-middle .header-middle .menu-wrapper:before { background-color: var(--loobek-middle-header-bg); } .archive .header-sticky.is-sticky, .menu-middle .header-middle .menu-wrapper:before, .logo-center .header-template:before, .has-breadcrumb .header-template:before { border-color: var(--loobek-middle-header-border); } .header-middle .social-icons a, .header-middle .shopping-cart-wrapper .cart-control, .header-middle .my-wishlist-wrapper a, .header-middle .my-account-wrapper .account-link>a, .ts-header .search-button>span, .icon-menu-sticky-header .icon, .header-middle .header-currency .wcml_currency_switcher>a, .header-middle .header-language .wpml-ls>ul>li>a { color: var(--loobek-middle-header-color); } .header-middle .social-icons a:hover, .header-middle .shopping-cart-wrapper:hover .cart-control, .header-middle .my-account-wrapper:hover .account-link>a, .header-middle .my-wishlist-wrapper:hover a, .ts-header .search-button>span:hover, .header-middle .header-language:hover .wpml-ls>ul>li>a, .header-middle .header-currency:hover .wcml_currency_switcher>a, .icon-menu-sticky-header .icon:hover, .icon-menu-sticky-header .icon.active { color: var(--loobek-middle-header-link-hover); } /* LOGO */ .transparent-header-logo, .header-transparent .normal-logo, .header-transparent .is-sticky .transparent-header-logo { display: none; } .header-transparent .transparent-header-logo { display: block; } .header-v6 .header-left>.menu-wrapper, .header-v9 .header-left>.menu-wrapper { margin: 0; } .menu-middle .icon-menu-ipad-header { display: none; text-align: center; width: 40px; } .icon-menu-sticky-header { display: none; margin-right: 20px; /* rtl */ } .menu-middle .icon-menu-ipad-header .icon, .icon-menu-sticky-header .icon { cursor: pointer; display: inline-block; transition: 500ms ease 0s; width: 40px; text-align: center; } .menu-middle .icon-menu-ipad-header .icon:before, .icon-menu-sticky-header .icon:before { content: "\e918"; font-family: 'icomoon'; font-weight: normal; } .icon-menu-sticky-header .icon:before { line-height: 40px; font-size: 20px; } .menu-middle .icon-menu-ipad-header .icon.active:before, .icon-menu-sticky-header .icon.active:before { content: "\e90b"; } .header-language a:hover, .my-account-wrapper .account-link>a:hover, .shopping-cart-wrapper a.cart-control:hover, .my-wishlist-wrapper a:hover, .header-currency a:hover { text-decoration: none; } .ts-header.hidden-search .logo-wrapper, .ts-header.hidden-search .header-right { width: auto; } .header-top { border-width: 0 0 1px 0; border-style: solid; font-size: var(--loobek-main-small-font-size); line-height: var(--loobek-main-font-line-height); background-color: var(--loobek-top-header-bg); border-color: var(--loobek-top-header-border); color: var(--loobek-top-header-color); } .header-transparent .header-top { border-width: 0; } .header-top * { border-color: var(--loobek-top-header-border); } .header-top a, .header-top .social-icons.style-icon li a, .header-top .header-language .wpml-ls>ul>li>a, .header-top .header-currency .wcml_currency_switcher>a { color: var(--loobek-top-header-color); } .header-top a:hover, .header-top .social-icons.style-icon li a:hover, .header-top .header-language:hover .wpml-ls>ul>li>a, .header-top .header-currency:hover .wcml_currency_switcher>a { color: var(--loobek-top-header-link-hover); } .header-top .header-right>*, .header-top .header-right>.header-link ul>li { margin-right: 20px; /* rtl */ } .header-right>.header-link ul li { line-height: var(--loobek-main-font-line-height); } .header-middle { position: relative; transition: all 100ms ease 0s; } .has-breadcrumb.header-transparent .header-template, .header-transparent .logo-center .header-template { padding-bottom: 1px; } .header-transparent .header-sticky.is-sticky .header-template { box-shadow: 0 4px 4px rgba(155, 155, 155, .3); } header .header-currency, header .header-language { font-size: var(--loobek-main-small-font-size); } .header-middle>.container, .header-top>.container, .header-middle .header-left { position: relative; display: flex; justify-content: space-between; align-items: center; } .header-middle .header-left { justify-content: flex-start; } .menu-middle .header-middle .menu-wrapper { margin-left: 40px; /* rtl */ margin-right: auto; /* rtl */ } .header-middle>.container { padding-top: 20px; padding-bottom: 20px; } .header-top>.container { padding-top: 8px; padding-bottom: 8px; } .shopping-cart-wrapper .cart-control, .my-wishlist-wrapper a, .my-account-wrapper .account-link>a, .ts-header .search-button>span { letter-spacing: 0; } .header-middle .header-right, .header-top .header-right, .header-right>.header-link, .header-right>.header-link ul { display: flex; justify-content: flex-end; align-items: center; } .header-middle .header-right { margin-left: 40px; /* rtl */ margin-right: 0; } header .header-link ul { margin: 0; } header .header-link ul li { list-style: none; padding: 0; } .header-middle .header-right>.header-social-icon { margin-right: 30px; /* rtl */ } .header-top .logo-wrapper { display: none; } .header-social-icon, .header-language, .header-currency { position: relative; } .header-middle .header-right>* { margin-right: 12px; /* rtl */ } .header-middle .header-right>*:last-child { margin-left: 0; margin-right: 0; } .header-middle .header-right>.ts-search-normal { margin-right: 40px; /* rtl */ } .header-v10 .header-middle .header-right>.ts-search-normal { margin-left: 0; /* rtl */ margin-right: 0; } .header-middle .container>.ts-search-normal { margin-right: auto; /* rtl */ margin-left: 40px; /* rtl */ max-width: 460px; flex: 2 0; } .layout-fullwidth .header-middle .container>.ts-search-normal, .header-fullwidth .header-middle .container>.ts-search-normal { max-width: 900px; } .header-v12 .header-middle .container>.ts-search-normal { max-width: 580px; margin-right: auto; margin-left: 30px; /* rtl */ } body:not(.rtl).header-v12 .header-middle .menu-wrapper { margin-left: auto; margin-right: 0; /* rtl */ } .ts-header .group-language-currency { display: flex; align-items: center; justify-content: center; margin-right: 40px; /* rtl */ } .ts-header .group-language-currency>* { margin-right: 20px; /* rtl */ } .ts-header .group-language-currency>*:last-child { margin-right: 0; /* rtl */ margin-left: 0; } #page .header-link ul>li a { padding: 0; } #page .header-right>.header-link ul>li:last-child, #page .header-right>*:last-child { margin-left: 0; margin-right: 0; } .header-language .wpml-ls.wpml-ls-legacy-list-horizontal>ul>li>a:after, .header-language .wpml-ls.wpml-ls-legacy-list-vertical>ul>li>a:after { display: none; } .header-language .wpml-ls>ul>li>a:after, .header-currency .wcml_currency_switcher>a:after { content: "\e902"; font-family: 'icomoon'; letter-spacing: 0; font-weight: normal; display: inline-block; font-size: 18px; border: 0; position: static; line-height: 14px; margin-left: 3px; /* rtl */ } .header-language:hover .wpml-ls>ul>li>a:after, .header-currency:hover .wcml_currency_switcher>a:after { opacity: 1; } .header-currency .wcml_currency_switcher>a:after { margin: 0 0 0 2px; /* rtl */ } .ts-mobile-icon-toggle { display: none; } .header-bottom>.container { display: flex; align-items: center; justify-content: space-between; } .header-v9 .header-bottom>.container { align-items: flex-end; } /* DROPDOW CART & DROPDOW ACCOUNT */ .cart_list .icon, .widget_shopping_cart_content p.total strong { color: var(--loobek-text-bold-color); } .ts-tiny-cart-wrapper li div.blockUI.blockOverlay, .widget_shopping_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 { bottom: 0 !important; } .header-number-style-v1 .shopping-cart-wrapper .cart-control .cart-number, .header-number-style-v1 .tini-wishlist .count-number { position: absolute; right: 0; /* rtl */ top: -4px; left: auto; width: 18px; height: 18px; font-size: 10px; line-height: 18px; text-align: center; border-radius: 100%; overflow: hidden; } #group-icon-header .tini-wishlist .count-number { font-family: var(--loobek-menu-font); font-weight: var(--loobek-menu-font-weight); } .header-number-style-v1 .tini-wishlist .count-number, .header-number-style-v1 .ic-cart .cart-number { color: var(--loobek-header-cart-number-color); background-color: var(--loobek-header-cart-number-bg); font-family: var(--loobek-main-font-bold); font-weight: var(--loobek-main-font-bold-weight); } .header-number-style-v2 .shopping-cart-wrapper .cart-control .cart-number, .header-number-style-v2 .tini-wishlist .count-number { line-height: 30px; margin-left: 5px; /* rtl */ display: inline; font-family: var(--loobek-main-font-bold); font-weight: var(--loobek-main-font-bold-weight); font-size: var(--loobek-main-small-2-font-size); } .header-number-style-v2 .shopping-cart-wrapper .cart-control, .header-number-style-v2 .tini-wishlist { margin-left: 5px; /* rtl */ display: block; } .header-number-style-v2 .shopping-cart-wrapper .ic-cart, .header-number-style-v2 .my-wishlist-wrapper a.tini-wishlist { display: flex; align-items: center; justify-content: center; } .my-wishlist-wrapper, .shopping-cart-wrapper, .my-account-wrapper { position: relative; } body:not(.ts_desktop) .ts-tiny-account-wrapper .account-link { position: relative; } body:not(.ts_desktop) .ts-tiny-account-wrapper .icon-toggle { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; z-index: 1; cursor: pointer; } .form-content a.log-out:hover { text-decoration: none; } .header-middle .shopping-cart-wrapper .cart-control, .header-middle .my-wishlist-wrapper a, .header-middle .my-account-wrapper .account-link>a, .ts-header .search-button>span { text-align: center; display: block; cursor: pointer; transition: 300ms ease 0s; position: relative; } #ts-mobile-button-bottom>*, .ts-mobile-icon-toggle .icon, #page .header-middle .header-left>*, .header-middle .my-wishlist-wrapper, .header-middle .my-account-wrapper, .ts-header .search-button>span, .header-middle div.header-right>div.shopping-cart-wrapper { width: 40px; } .header-middle .my-wishlist-wrapper a, .header-middle .shopping-cart-wrapper .cart-control { text-decoration: none; } .shopping-cart-wrapper .ic-cart:before, .ts-tiny-account-wrapper .account-link>a:before, .my-wishlist-wrapper a:before, .search-button>span:before { font-family: 'icomoon'; position: relative; letter-spacing: 0; font-weight: normal; display: block; line-height: 30px; font-size: 20px; } .my-wishlist-wrapper .title, .my-account-wrapper .account-link>a span { display: none; } .ts-tiny-account-wrapper .account-link>a:before { content: "\e93f"; } .ts-tiny-cart-wrapper .cart-control>span:not(.ic-cart), #ts-shopping-cart-sidebar .cart-control>span, #ts-mobile-button-bottom .cart-control>span:not(.ic-cart) { display: none; } .account-link>a, .my-wishlist-wrapper>a, .ts-tiny-cart-wrapper>a.cart-control { text-decoration: none; } .my-wishlist-wrapper a:before { content: "\e921"; } .shopping-cart-wrapper .ic-cart:before { content: "\e909"; } .search-button>span:before { content: "\e917"; } .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, .header-currency ul { display: none; position: absolute; content: ""; right: auto; left: 50%; top: 100%; min-width: 150px; padding: 38px 30px 30px 30px; } body.logged-in .header-top .my-account-wrapper .dropdown-container { padding-top: 30px; } .shopping-cart-wrapper .cart-empty label { width: 100%; padding-bottom: 14px; margin-bottom: 20px; border-width: 0 0 1px 0; border-style: solid; text-align: center; } .woocommerce .cart-empty .continue-shopping-button { margin: 0; display: block; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-currency ul { position: absolute; left: -20px; /* rtl */ transform: none; top: 100%; bottom: auto; margin: 0; text-align: start; padding: 28px 25px 17px 25px; } .header-top .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .header-top .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-top .header-currency ul { padding-top: 25px; left: -25px; /* rtl */ } .header-top .header-right>.header-language:last-child .wpml-ls-sub-menu, .header-top .header-right>.header-currency:last-child ul { left: auto; margin: 0; right: 0; /* rtl */ } .my-account-wrapper .dropdown-container { right: 0; /* rtl */ left: auto; width: 400px; } .my-account-wrapper .dropdown-container .form-content { position: relative; z-index: 1; } .my-account-wrapper .dropdown-container ul { margin: 0; } .my-account-wrapper .dropdown-container ul li { list-style: none; } .my-account-wrapper .dropdown-container ul li a { text-decoration: none; font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); font-size: var(--loobek-h6-font-size); line-height: var(--loobek-h6-line-height); } .my-account-wrapper .link-bottom { padding-top: 10px; margin-top: 10px; border-width: 1px 0 0 0; border-style: solid; } .my-account-wrapper .link-bottom a { font-size: var(--loobek-main-small-font-size); } .my-account-wrapper .link-bottom a:hover { color: var(--loobek-primary-color); } .shopping-cart-wrapper .dropdown-container:before, .my-account-wrapper .dropdown-container:before { position: absolute; left: 0; right: 0; top: 8px; bottom: 0; content: ""; border-width: 1px; border-style: solid; display: block; background-color: var(--loobek-main-bg); border-color: var(--loobek-text-bold-color); } body.image-button-radius .shopping-cart-wrapper .dropdown-container:before, body.image-button-radius .my-account-wrapper .dropdown-container:before { border-radius: 10px; } .shopping-cart-wrapper:hover .dropdown-container, .my-account-wrapper:hover .dropdown-container, .header-language:hover .wpml-ls-sub-menu, .header-currency:hover ul { display: block; -webkit-animation-duration: 300ms; -moz-animation-duration: 300ms; animation-duration: 300ms; animation-delay: 50ms; -webkit-animation-delay: 50ms; -moz-animation-delay: 50ms; -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; } body:not(.ts_desktop) .ts-header nav>ul li:hover>ul.sub-menu, body:not(.ts_desktop) .ts-header nav>ul ul.sub-menu li:hover>ul.sub-menu { -webkit-animation-name: none; -moz-animation-name: none; animation-name: none; display: none; } body .wpml-ls-legacy-dropdown>ul>li:before, body .wpml-ls-legacy-dropdown-click>ul>li:before, .header-currency>div:before { top: 43px; left: 50%; /* rtl */ margin-left: -9px; /* rtl */ z-index: 9992; } .woocommerce-cart .cart-dropdown-form, .woocommerce-checkout .cart-dropdown-form, .woocommerce-cart #ts-shopping-cart-sidebar, .woocommerce-checkout #ts-shopping-cart-sidebar { display: none !important; } .cart-dropdown-form .clear-cart-button { line-height: var(--loobek-h5-line-height); font-size: var(--loobek-main-small-font-size); } .cart-empty .empty-content>label { font-size: var(--loobek-main-font-bold-size); line-height: var(--loobek-main-font-bold-line-height); font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); } .shopping-cart-wrapper .dropdown-container { width: 400px; left: auto; right: 0; /* rtl */ z-index: 992; } .shopping-cart-wrapper .dropdown-title { display: none; } header .cart-dropdown-form .form-content { position: relative; z-index: 2; } .ts-sidebar-content .ts-tiny-cart-wrapper, .ts-sidebar-content .ts-tiny-cart-wrapper .form-content>label { width: 100%; display: inline-block; } .shopping-cart-wrapper.updating .dropdown-container { animation: none !important; -webkit-animation: none !important; } .ts-tiny-cart-wrapper a.cart-control:hover { text-decoration: none; } .ts-tiny-cart-wrapper .form-content>label { text-transform: none; padding: 0; margin: 0; position: relative; z-index: 2; font-size: var(--loobek-main-font-size); line-height: var(--loobek-main-font-line-height); } /* My account dropdown */ .my-account-wrapper #ts-login-form { display: grid; } .my-account-wrapper #ts-login-form .login-submit { margin: 0; padding-top: 10px; } .my-account-wrapper #ts-login-form .login-submit input[type="submit"] { width: 100%; } .my-account-wrapper #ts-login-form .login-remember { order: 10; margin-top: 14px; font-size: var(--loobek-main-small-font-size); } #ts-login-form .login-remember, .woocommerce-form-login__rememberme { color: var(--loobek-text-color); font-size: var(--loobek-main-small-font-size); } .login-remember label { cursor: pointer; display: inline-block; padding-bottom: 0; } .login-remember label input[type^="check"], .woocommerce-form-login__rememberme label input[type^="check"] { position: relative; top: 1px; } .woocommerce-form-login__rememberme label input[type^="check"] { top: 2px; } .my-account-wrapper .forget-password { margin-top: -20px; transform: translate(0, -100%); float: right; /* rtl */ position: relative; top: 14px; z-index: 1; } .my-account-wrapper .create-account-wrapper { clear: both; padding-top: 14px; margin-top: 14px; border-width: 1px 0 0 0; border-style: solid; display: block; text-align: center; } /* Cart dropdown */ .ts-sidebar-content .ts-tiny-cart-wrapper, .ts-sidebar-content .ts-tiny-cart-wrapper .cart-dropdown-form { height: 100%; } .ts-sidebar-content .ts-tiny-cart-wrapper .form-content { display: flex; flex-direction: column; height: 100%; position: relative; } .ts-sidebar-content .ts-tiny-cart-wrapper .cart-wrapper, .ts-sidebar-content .cart-empty .empty-content { flex: 1; overflow: hidden; display: flex; flex-direction: column; height: 100%; } .ts-sidebar-content .cart-empty .empty-content { margin: 0; } .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%; overflow: hidden; } #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper .cart-content .cart_list { max-height: calc(100% - 152px); overflow-y: scroll; flex: 1; } #ts-shopping-cart-sidebar .empty-content>label { max-height: calc(100% - 46px); height: 100%; position: relative; align-items: center; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; margin-bottom: 30px; } #ts-shopping-cart-sidebar .empty-content>label:before { font-family: 'icomoon'; position: relative; letter-spacing: 0; font-weight: normal; line-height: 60px; font-size: 60px; opacity: 0.2; content: "\e909"; display: block; width: 100%; margin-bottom: 20px; } #ts-shopping-cart-sidebar .cart-empty .empty-content { overflow-y: hidden; text-align: center; } #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper .cart-content .cart_list::-webkit-scrollbar { display: none; } .woocommerce.dropdown-container ul.cart_list li { list-style: none; padding: 0; border-width: 0; margin: 0 0 20px 0; display: flex; width: 100%; position: relative; align-items: center; } #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li { list-style: none; padding: 0 0 20px 0; margin: 0 0 20px 0; border-width: 0 0 1px 0; border-style: solid; } .woocommerce.dropdown-container ul.cart_list li:last-child, #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper .dropdown-container ul.cart_list li:last-child { margin-bottom: 0; padding-bottom: 0; border-width: 0; } body .dropdown-container ul.cart_list li.loading:after, body .ts-tiny-cart-wrapper ul li div.blockUI.blockOverlay:after { left: 0; right: 0; width: auto; height: auto; } .woocommerce.dropdown-container ul.cart_list { padding: 0; margin: 0; overflow: auto; max-height: 380px; position: relative; } .woocommerce.dropdown-container ul.cart_list li img { width: 100% !important; } .ts-tiny-cart-wrapper .dropdown-footer { padding-top: 20px; line-height: 24px; } .dropdown-footer .total .amount, .add-to-cart-popup-container .total .amount { font-size: var(--loobek-h5-font-size); line-height: var(--loobek-h5-line-height); } .add-to-cart-popup-container .total .amount { font-family: var(--loobek-main-font-bold); font-weight: var(--loobek-main-font-bold-weight); } .shopping-cart-wrapper .ts-tiny-cart-wrapper { font-size: var(--loobek-main-font-size); line-height: var(--loobek-main-font-line-height); } .shopping-cart-wrapper .ts-tiny-cart-wrapper .dropdown-footer { border-width: 1px 0 0 0; border-style: solid; margin-top: 20px; } .dropdown-footer a.checkout-button { width: 100%; } .dropdown-footer-bottom { display: flex; align-items: center; justify-content: center; margin-top: 20px; } .dropdown-footer-bottom>a:first-child { margin-right: 20px; /* rtl */ } .is-safari #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper .cart-content .cart_list { margin-right: 0; /* rtl */ margin-left: 0; } .woocommerce.dropdown-container .cart_list li .cart-item-wrapper { display: grid; gap: 5px; } .dropdown-container .cart-group-inline { margin-left: 15px; /* rtl */ } .ts-tiny-cart-wrapper .woocommerce-mini-cart-item .no-input .quantity { margin-top: 0; } .dropdown-container .no-input { display: flex; gap: 2px; } .dropdown-container .no-input .icon { margin-right: 3px; /* rtl */ } .woocommerce.dropdown-container a.thumbnail { min-width: 80px; width: 80px; height: auto; margin: 0; overflow: hidden; } body.image-button-radius .woocommerce.dropdown-container a.thumbnail { border-radius: 10px; } .woocommerce .cart_list li a.remove, .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { position: relative; width: 20px; height: 20px; padding: 0; letter-spacing: 0; text-decoration: none; font-size: 0; text-align: start; } .woocommerce .cart_list li a.remove:before, .woocommerce .widget_shopping_cart .cart_list li a.remove:before, .woocommerce.widget_shopping_cart .cart_list li a.remove:before { font-family: 'icomoon'; content: "\e906"; font-size: 8px; font-weight: normal; line-height: 20px; } .woocommerce a.remove:hover { background: transparent !important; } .woocommerce .cart_list li a.remove:hover, .woocommerce .widget_shopping_cart .cart_list li a.remove:hover, .woocommerce.widget_shopping_cart .cart_list li a.remove:hover { text-decoration: none; } .ts-tiny-cart-wrapper .total, .widget_shopping_cart .total { margin-bottom: 15px; position: relative; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } .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 { display: inline-block; padding-right: 5px; /* rtl */ font-size: var(--loobek-main-small-font-size); } .ts-tiny-cart-wrapper .total>span.total-title { color: var(--loobek-text-bold-color); } .woocommerce ul.cart_list li:after, .woocommerce ul.cart_list li:before, .woocommerce ul.product_list_widget li:after, .woocommerce ul.product_list_widget li:before, .woocommerce ul.cart_list li:after, .woocommerce ul.product_list_widget li:after { display: none; } /* Currency */ .header-language, .header-currency { position: relative; } .header-currency img.wcml-spinner { left: 50%; margin-top: -3px; margin-left: -8px; right: auto; } .header-currency:hover, body .header-language:hover, .my-account-wrapper:hover, .shopping-cart-wrapper:hover { z-index: 996; } .header-currency a { text-decoration: none; display: block; } .header-currency ul li { position: relative; list-style: none; margin: 0; z-index: 991; width: 100%; padding: 6px 0; transition: 300ms ease 0s; cursor: pointer; } .header-currency>img { position: absolute; left: 0; /* rtl */ top: 2px; margin-left: 8px !important; /* rtl */ } .wpml-ls>ul { line-height: var(--loobek-main-font-line-height); } .header-language .wpml-ls>ul>li>a, .header-currency .wcml_currency_switcher>a { display: flex; align-items: center; flex-wrap: nowrap; white-space: nowrap; line-height: var(--loobek-main-font-line-height); } /* Language */ body .wpml-ls .wpml-ls-flag+span { margin-left: 8px; /* rtl */ display: inline-block; } body .wpml-ls-legacy-list-horizontal { padding: 0; border-width: 0; } body .wpml-ls-legacy-list-horizontal a { padding: 0 20px 0 0; /* rtl */ } body .wpml-ls-legacy-list-horizontal ul li:last-child a { padding: 0; /* rtl */ } body .wpml-ls-legacy-list-horizontal, body .wpml-ls-legacy-list-horizontal ul { overflow: hidden; } body .wpml-ls-legacy-dropdown, body .wpml-ls-legacy-dropdown-click { width: auto; } body .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle, body .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle { padding: 0 !important; border-width: 0; display: flex; 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 a.wpml-ls-item-toggle:after, body .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after { display: none; } 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; color: var(--loobek-text-bold-color); display: flex; flex-wrap: nowrap; white-space: nowrap; align-items: center; } body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:hover, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:hover { color: var(--loobek-primary-color); } .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.logged-in .my-account-wrapper .dropdown-container { width: 260px; padding: 30px 30px 22px 30px; margin-left: -80px; /* rtl */ font-size: var(--loobek-main-small-font-size); } .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: 11px; bottom: 0; content: ""; border-width: 1px; border-style: solid; display: block; border-color: var(--loobek-text-bold-color); } body.image-button-radius .wcml_currency_switcher>ul:before, body.image-button-radius .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, body.image-button-radius .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { border-radius: 10px; } .header-top .wcml_currency_switcher>ul:before, .header-top .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-top .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before { top: 8px; } body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { border-width: 0; } .header-currency ul li, body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item, .account-dropdown-form ul li { padding: 4px 0; margin: 0; position: relative; } body .header-currency ul a, .account-dropdown-form ul li>a, .my-account-wrapper .link-bottom a { color: var(--loobek-text-bold-color); } body .header-currency ul a:hover, .account-dropdown-form ul li>a:hover { color: var(--loobek-primary-color); } .account-dropdown-form ul li { padding: 8px 0; } /* Currency */ .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; } /* SEARCH HEADER */ .ts-search-normal { position: relative; } .header-v9 .ts-header .ts-search-normal { margin-bottom: 10px; margin-left: 30px; /* rtl */ } .ts-search-result-container { z-index: 993; display: none; } body>.ts-search-result-container { padding: 40px 20px 20px 20px; } body>.ts-search-result-container:before { position: absolute; left: 0; top: 20px; bottom: 0; right: 0; content: ""; border-width: 1px; border-style: solid; background-color: var(--loobek-main-bg); border-color: var(--loobek-text-bold-color); } body.image-button-radius>.ts-search-result-container:before { border-radius: 10px; } body.header-v9>.ts-search-result-container { padding-top: 30px; } body.header-v9>.ts-search-result-container:before { top: 10px; } .ts-search-result-container li a span.hightlight { font-family: var(--loobek-main-font-bold); font-weight: var(--loobek-main-font-bold-weight); } .ts-floating-sidebar.active .ts-search-result-container { display: block; } .ts-search-result-container>p { text-align: center; color: var(--loobek-text-bold-color); position: relative; z-index: 2; margin: 20px 0; } .ts-search-result-container ul li { list-style: none; } .ts-search-result-container .view-all-wrapper { margin: 20px 0 0 0; clear: both; position: relative; z-index: 2; padding-bottom: 2px; text-align: center; } .ts-search-result-container .view-all-wrapper a { padding-bottom: 2px; } .ts-search-result-container .view-all-wrapper a, .ts-search-result-container .view-all-wrapper a:hover { text-decoration: none; } .search-content input[type="text"] { max-width: 100%; margin: 0; } header .ts-search-normal:after { display: table; clear: both; content: ""; } .ts-search-normal .search-button { position: absolute; right: 0; /* rtl */ top: 0; transition: opacity 500ms ease 0s; z-index: 3; } .ts-search-normal.no-category form>.search-content { margin-left: 0 !important; margin-right: 0 !important; } .ts-search-normal.no-category .search-content:before { display: none !important; } .widget_product_search>form button, .widget_search>form input[type="submit"] { background: transparent !important; } .ts-search-normal .search-content.loading:before { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); position: absolute; right: 12px; /* rtl */ top: 12px; width: 22px; height: 22px; letter-spacing: 0; content: ""; border-width: 2px; border-style: solid; border-top: 2px solid #161616; border-left: 2px solid #161616; border-radius: 100%; text-align: center; background: transparent !important; z-index: 1; } .ts-search-normal .search-content.loading+.search-button:before { display: none; } /* COLOR SEARCH HEADER */ .ts-header .ts-search-normal .search-content input[type="text"] { color: var(--loobek-header-search-color); background-color: var(--loobek-header-search-bg); border-color: var(--loobek-header-search-border-color); } .ts-header .ts-search-normal .search-button:before { color: var(--loobek-header-search-icon-color); } .ts-header .ts-search-normal .search-button:hover:before { color: var(--loobek-header-search-hover-icon); } .ts-header .ts-search-normal .search-content.loading:before { border-top-color: var(--loobek-header-search-icon-color); border-left-color: var(--loobek-header-search-icon-color); } .ts-header .ts-search-normal ::-webkit-input-placeholder { color: var(--loobek-header-search-placeholder-color); } .ts-header .ts-search-normal :-moz-placeholder { /* Firefox 18- */ color: var(--loobek-header-search-placeholder-color); } .ts-header .ts-search-normal ::-moz-placeholder { /* Firefox 19+ */ color: var(--loobek-header-search-placeholder-color); } .ts-header .ts-search-normal :-ms-input-placeholder { color: var(--loobek-header-search-placeholder-color); } /* COLOR SEARCH CLICK POPUP */ .ts-search-normal .search-content input[type="text"] { color: var(--loobek-text-bold-color); background-color: var(--loobek-quantity-bg); border-color: var(--loobek-quantity-bg); } .ts-search-normal .search-button:before { color: var(--loobek-text-bold-color); } .ts-search-normal .search-button:hover:before { color: var(--loobek-primary-color); } .ts-search-normal .search-content.loading:before { border-top-color: var(--loobek-text-bold-color); border-left-color: var(--loobek-text-bold-color); } .ts-search-normal ::-webkit-input-placeholder { color: var(--loobek-text-light-color); } .ts-search-normal :-moz-placeholder { /* Firefox 18- */ color: var(--loobek-text-light-color); } .ts-search-normal ::-moz-placeholder { /* Firefox 19+ */ color: var(--loobek-text-light-color); } .ts-search-normal :-ms-input-placeholder { color: var(--loobek-text-light-color); } .ts-floating-sidebar .close, .ts-popup-modal .close { position: absolute; top: 8px; right: 8px; /* rtl */ z-index: 999; text-align: center; width: 40px; line-height: 0; transition: 150ms ease 0s; } body.image-button-radius .ts-popup-modal .close { border-radius: 0 8px 0 10px; /* rtl */ } .ts-floating-sidebar .close, .collapse-reviews-tab #reviews .close { color: var(--loobek-text-bold-color); } #ts-search-sidebar .close, .ts-popup-modal .close { right: 0; /* rtl */ top: 0; color: var(--loobek-button-color); background-color: var(--loobek-button-bg); border-color: var(--loobek-button-border); } body.image-button-radius #ts-search-sidebar .close { border-radius: 0 0 0 10px; /* rtl */ } .ts-popup-modal .close:hover, #ts-search-sidebar .close:hover { color: var(--loobek-button-hover-color); background-color: var(--loobek-button-hover-bg); border-color: var(--loobek-button-hover-border); } .ts-floating-sidebar .close:after, .ts-popup-modal .close:after, body #cboxClose:after { font-family: 'icomoon'; content: "\e906"; font-size: 12px; font-weight: normal; line-height: 40px; } .ts-floating-sidebar * { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ts-floating-sidebar h2 { font-size: var(--loobek-h5-font-size); line-height: var(--loobek-h5-line-height); } body.text-uppercase .ts-floating-sidebar h2 { text-transform: uppercase; } .ts-floating-sidebar .ts-sidebar-content { position: fixed; padding: 40px; top: 0; bottom: 0; right: 0; /* rtl */ z-index: 99991; max-width: 100%; width: 500px; transform: translateX(500px); /* rtl */ transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); background-color: var(--loobek-main-bg); } .ts-floating-sidebar div.overlay { position: fixed; opacity: 0; visibility: hidden; left: 0; right: 0; bottom: 0; top: 0; content: ""; background: #000000; z-index: 994; transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; } .ts-floating-sidebar.active div.overlay { opacity: 0.4; 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); transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } #ts-search-sidebar .ts-sidebar-content { width: auto; left: 0; right: 0; bottom: auto; transform: translateY(-100%); height: auto; padding: 40px 0; max-height: 100%; overflow: auto; opacity: 0; visibility: hidden; } #ts-search-sidebar.active .ts-sidebar-content { transform: translateX(0px); opacity: 1; visibility: visible; } #ts-search-sidebar .ts-search-normal { max-width: 660px; margin-left: auto; margin-right: auto; display: block; width: 100%; } #ts-search-sidebar h2.title { text-align: center; margin-bottom: 30px; } #ts-search-sidebar .ts-search-normal>form { margin-bottom: 30px; } #ts-search-sidebar .popular-searches { display: flex; align-items: start; justify-content: center; overflow: hidden; max-width: 100%; } .popular-searches>h6 { margin-right: 30px; /* rtl */ } #ts-search-sidebar .popular-searches>div { display: flex; flex-wrap: wrap; gap: 5px 30px; } .popular-searches a:hover { color: var(--loobek-primary-color); } .popular-searches a:hover:before { border-color: var(--loobek-primary-color); } .popular-searches a { text-align: center; position: relative; line-height: 22px !important; color: var(--loobek-text-bold-color); text-decoration: none; } .popular-searches a:before { position: absolute; bottom: 1px; left: 0; right: 0; content: ""; border-width: 1px 0 0 0; border-style: solid; transition: all 350ms ease 0s; border-color: var(--loobek-text-bold-color); } .popular-searches h6 { margin-bottom: 0; line-height: 22px; font-size: var(--loobek-main-font-size); } #ts-search-sidebar .product_list_widget { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; margin-bottom: -30px; } #ts-search-sidebar .product_list_widget>li { margin-bottom: 30px; width: calc(50% - 15px); } #ts-search-sidebar .product_list_widget .ts-wg-meta>a { margin-top: 0; } #ts-search-sidebar .product_list_widget .ts-wg-meta { display: grid; align-items: center; flex-wrap: wrap; align-content: center; } /* NOTICE */ .ts-store-notice { background-color: var(--loobek-notice-bg); color: var(--loobek-notice-color); border-color: var(--loobek-notice-border-color); border-width: 0 0 1px 0; border-style: solid; } .ts-store-notice strong { font-family: var(--loobek-main-font-bold); font-weight: var(--loobek-main-font-bold-weight); } .ts-store-notice .close, .ts-store-notice a, #page .ts-store-notice a.button-text, #page .ts-store-notice a.button-text:hover { color: var(--loobek-notice-color); } .ts-store-notice .line, #page .ts-store-notice a.button-text:before { border-color: color: var(--loobek-notice-color); } #page .ts-store-notice a.button-text:hover:before { border-color: color: var(--loobek-notice-color); } .ts-store-notice { position: relative; background-position: top center; background-size: cover; background-repeat: no-repeat; line-height: 20px; z-index: 994; } .ts-store-notice, .ts-store-notice a.button-text, .ts-store-notice .button { font-size: var(--loobek-main-small-font-size); } .menu-background-overlay .ts-store-notice { z-index: 992; } .ts-store-notice .container { text-align: center; padding-top: 10px; padding-bottom: 9px; } .ts-store-notice p { margin: 0; } .ts-store-notice .close { line-height: 20px; text-align: center; position: absolute; font-size: 8px; top: 10px; right: 14px; /* rtl */ z-index: 1; } .ts-store-notice .close:before { content: "\e906"; font-family: 'icomoon'; font-weight: normal; } .ts-header-notice-shortcode .line { font-size: 0; width: 20px; height: 1px; display: inline-block; border-width: 1px 0 0 0; border-style: solid; opacity: 0.3; } .ts-header-notice-shortcode { display: flex; align-items: center; justify-content: center; gap: 0 30px; padding: 0 20px; } .ts-header-notice-shortcode i { margin-right: 5px; /* rtl */ } /* RADIUS THEME */ body.image-button-radius.ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart a.button.loading span:before, body.image-button-radius div.blockUI.blockOverlay:after, body.image-button-radius .dropdown-container ul.cart_list li.loading:after, body.image-button-radius a.button.loading:after, body.image-button-radius button.button.loading:after, body.image-button-radius input.button.loading:after, body.image-button-radius div.blockUI.blockOverlay:after, body.image-button-radius .cart-dropdown-form.loading .cart_list:after, body.image-button-radius.woocommerce-wishlist .product-add-to-cart a.loading:after, body.image-button-radius .variable-product-quick-add-to-cart:after { border-radius: 8px; } body.image-button-radius .product-filter-by-brand ul>li label:before, body.image-button-radius:not(.filter-by-attribute-inline) .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before, body.image-button-radius .product-filter-by-price ul li label:before, body.image-button-radius .widget_rating_filter ul li a:before, body.image-button-radius .product-filter-by-availability ul li label:before, body.image-button-radius .product-on-sale-form label:before, body.image-button-radius .ts-product-galleries>*, body.image-button-radius .social-icons.style-icon li .ts-tooltip, body.image-button-radius .yith-wcwl-share li a, body.image-button-radius .variable-product-quick-add-to-cart a, body.image-button-radius .yith-wfbt-section li .checkboxbutton, body.image-button-radius .ts-product-attribute>div a, body.image-button-radius .ts-product-attribute>div.color a.variation-img:after, body.image-button-radius .ts-product-attribute>div.color a.variation-img, body.image-button-radius .social-sharing-sticky .ts-social-sharing ul li a, body.image-button-radius *:not(.ts-instagram-elementor-widget)>.widget-container .swiper-button-next, body.image-button-radius *:not(.ts-instagram-elementor-widget)>.widget-container .swiper-button-prev { border-radius: 5px; } body.image-button-radius .ts-product-galleries>*, body.image-button-radius .thumbnail-wrapper>a, body.image-button-radius .item .elementor-wrapper { overflow: hidden; } body.image-button-radius .thumbnail figure, body.image-button-radius .item .elementor-wrapper { border-radius: 10px; } /*--------------------------------------------------------------------------------------------------------------*/ /*- II. MAIN CONTENT -------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------*/ /* DOKAN */ .dokan-dashboard a, .dashboard-widget.products ul li a { color: var(--loobek-text-bold-color); } .dokan-dashboard a:hover, .dashboard-widget.products ul li a:hover { color: var(--loobek-primary-color); } .dokan-category-menu { border-width: 0; } .dokan-category-menu h3.widget-title { background: transparent; padding: 0; border-width: 0; } .dokan-category-menu #cat-drop-stack>ul li.parent-cat-wrap a { margin: 0; border-width: 0 !important; } .dokan-category-menu #cat-drop-stack>ul li { padding: 6px 0; } .dokan-category-menu #cat-drop-stack>ul li a { padding: 0; } .dokan-category-menu #cat-drop-stack>ul li:last-child { padding-bottom: 0; margin-bottom: 0; } .dokan-category-menu #cat-drop-stack>ul li:first-child { padding-top: 0; margin-top: 0; } .dokan-category-menu #cat-drop-stack>ul li a .caret-icon i:before { content: "\e902"; font-family: 'icomoon'; letter-spacing: 0; display: inline-block; line-height: 24px; font-weight: normal; font-size: 10px; } .dokan-category-menu #cat-drop-stack>ul li.parent-cat-wrap ul.level-0 { background: transparent; } #tab-seller ul.list-unstyled .seller-rating { margin-left: 10px; /* rtl */ } .dokan-store-products-filter-area .orderby-search { padding-top: 4px; padding-bottom: 4px; } .dokan-category-menu .sub-block h3 { font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); font-size: var(--loobek-main-font-size); line-height: var(--loobek-main-font-line-height); } .dokan-dashboard .dokan-dashboard-content ul.dokan_tabs li.active>a, .dokan-dashboard .dokan-dashboard-content ul.dokan_tabs li>a:hover, .dokan-orders-content .dokan-orders-area ul.order-statuses-filter li.active a, .dokan-orders-content .dokan-orders-area ul.order-statuses-filter li:hover a, .dokan-dashboard .dokan-dashboard-content li.active>a, .dokan-orders-content .dokan-orders-area ul.order-statuses-filter li a:hover, .dokan-widget-area .widget ul li>a:hover { color: var(--loobek-primary-color); } .dokan-dashboard .dokan-dashboard-content .edit-account fieldset { border-color: var(--loobek-border); } /* GALLERY THEME SKY */ .ts-gallery-img, .ts-list-video { margin-left: -5px; margin-right: -5px; 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: 5px; float: left; /* rtl */ text-align: center; position: relative; } .ts-gallery-img li a { display: inline-block; } div#main { min-height: 500px; width: 100%; clear: both; } h3.product-name { overflow: hidden; display: -webkit-box; margin-bottom: 0; } li>div>h3.product-name { padding-right: 20px; /* rtl */ margin-bottom: 4px; } h3.product-name, body table.compare-list tr.title td, .wishlist_table .item-details .product-name h3, .ts-search-result-container ul li .ts-wg-meta>a, .yith-wfbt-items .yith-wfbt-item>label>*, .group_table td.woocommerce-grouped-product-list-item__label label, .ts-extra-products-wrapper .product-image-meta .meta { font-size: var(--loobek-product-name-font-size); line-height: var(--loobek-product-name-font-line-height); } .product-name, .woocommerce h3.product-name, .woocommerce ul.cart_list h3.product-name a, .wishlist_table .item-details .product-name h3, .ts-product-categories-widget div>ul>li a, .widget_product_categories>ul>li a, .woocommerce .product .category-name h3, #order_review table .product-name strong, .woocommerce ul.product_list_widget li>a, .woocommerce ul.product_list_widget li .ts-wg-meta>a, .group_table td.woocommerce-grouped-product-list-item__label label, .ts-extra-products-wrapper .product-image-meta .meta { font-family: var(--loobek-product-name-font); font-weight: var(--loobek-product-name-font-weight); } .woocommerce form .form-row label, .mailchimp-subscription .mc4wp-alert, .product-brands, .woocommerce .products .product .product-categories, .products .product .product-sku, body table.compare-list tr.price th, body table.compare-list tr.price td, body .wishlist_table table.item-details-table td.value { line-height: var(--loobek-main-font-line-height); } .product-filter-by-brand div>ul>li label, .product-filter-by-availability div>ul>li label, .product-filter-by-price ul li label { line-height: 20px; } .product-filter-by-brand div>ul>li, .product-filter-by-availability div>ul>li, .product-filter-by-price .product-filter-by-price-wrapper ul li { padding: 0; margin-bottom: 10px; } .product-filter-by-brand div>ul>li:last-child, .product-filter-by-availability div>ul>li:last-child, .product-filter-by-price .product-filter-by-price-wrapper ul li:last-child { margin-bottom: 0; } .woocommerce form .form-row label.inline { font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); } .add-to-cart-popup-content .product-meta a, .ts-search-result-container ul .ts-wg-meta>a, .widget-container ul.product_list_widget li>a, .widget-container ul.product_list_widget li .ts-wg-meta>a, .woocommerce .widget-container ul.product_list_widget li .ts-wg-meta>a, .woocommerce ul.product_list_widget .ts-wg-meta>a, .elementor-widget-container ul.product_list_widget li>a, .elementor-widget-container ul.product_list_widget li .ts-wg-meta>a, h3.product-name>a, .product-name a, .product-categories>a, .cats-link a, .group_table a, body table.compare-list tr.title td, .woocommerce .list-categories .product .product-categories a, .wishlist_table .item-details .product-name h3, .woocommerce #order_review td.product-name { color: var(--loobek-text-bold-color); } .product .product-brands a:hover, .product_list_widget .product-brands a:hover, .meta-wrapper .product-categories a:hover, .widget-container ul li .product-categories a:hover, .woocommerce .product_list_widget li .product-categories a:hover, .add-to-cart-popup-content .product-meta a:hover, .ts-search-result-container ul .ts-wg-meta>a:hover, .elementor-widget-container ul.product_list_widget li>a:hover, .elementor-widget-container ul.product_list_widget li .ts-wg-meta>a:hover, .woocommerce .widget-container ul.product_list_widget li .ts-wg-meta>a:hover, .widget-container ul.product_list_widget li>a:hover, .widget-container ul.product_list_widget li .ts-wg-meta>a:hover, .woocommerce ul.product_list_widget .ts-wg-meta>a:hover, h3.product-name>a:hover, .product-name a:hover, .group_table a:hover, .woocommerce .list-categories .product .product-categories a:hover { color: var(--loobek-primary-color); } /* LOADING */ .ts-product .content-wrapper.loading, .column-products.loading { height: 400px; } .ts-product-category-wrapper .content-wrapper.loading, .ts-blogs.loading .content-wrapper, .ts-products-widget-wrapper.loading, .ts-recent-comments-widget-wrapper.loading, article .thumbnail.loading, .ts-team-members .loading, .ts-instagram-wrapper.loading, .woocommerce .product figure.loading, .images.loading, .ts-blogs-widget-wrapper.loading, .related-posts.loading .content-wrapper, .blogs article a.gallery.loading, .ts-slider .items.loading { height: 180px; } .ts-product-category-wrapper .content-wrapper.loading { padding: 0; margin: 0; } .ts-logo-slider-wrapper.loading .content-wrapper, .thumbnails.loading { height: 100px; } .images.loading, .ts-product .content-wrapper.loading, .ts-logo-slider-wrapper.loading, .related-posts.loading .content-wrapper, .woocommerce .product figure.loading, .ts-products-widget-wrapper.loading, .ts-blogs-widget-wrapper.loading, .ts-recent-comments-widget-wrapper.loading, .blogs article a.gallery.loading, .ts-blogs.loading .content-wrapper, .ts-slider .items.loading, article .thumbnail.loading, .thumbnails.loading, .ts-product-category-wrapper .content-wrapper.loading, .column-products.loading, .ts-team-members .loading, .ts-instagram-wrapper.loading { position: relative; overflow: hidden; background: transparent !important; border-color: transparent; clear: both; } .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-slider .items>*, article .thumbnail>*, .thumbnails>*, .ts-product-category-wrapper .content-wrapper>*, .column-products>*, .ts-team-members>* { transition: 300ms ease 0s; } .images.loading>*, .ts-product .content-wrapper.loading>*, .ts-logo-slider-wrapper.loading .content-wrapper>*, .related-posts.loading .content-wrapper>*, .woocommerce .product figure.loading>*, .ts-products-widget-wrapper.loading>*, .ts-blogs-widget-wrapper.loading>*, .ts-recent-comments-widget-wrapper.loading>*, .blogs article a.gallery.loading>*, .ts-blogs.loading .content-wrapper>*, .ts-slider .items.loading>*, article .thumbnail.loading>*, .thumbnails.loading>*, .ts-product-category-wrapper .content-wrapper.loading>*, .column-products.loading>*, .ts-team-members .loading>*, .ts-instagram-wrapper.loading>* { visibility: hidden; opacity: 0; } .thumbnails.loading:before { display: block !important } /* FAQ */ .elementor-toggle .elementor-toggle-icon { font-size: 20px; } .elementor-active .elementor-toggle-title { text-decoration: underline; } /* IMAGE BOX */ .elementor-widget-image-box .elementor-image-box-title { margin-bottom: 3px; font-size: var(--loobek-h6-font-size); line-height: var(--loobek-h6-line-height); } .elementor-widget-image-box .elementor-image-box-title a:hover { color: var(--loobek-primary-color); } /* GENARAL */ .ts-shortcode .items { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } .ts-shortcode .items .item { padding-left: 10px; padding-right: 10px; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 1. BREADCRUMB ----------------------------------------------------------------------------------------------*/ .breadcrumb-v2 .breadcrumb-title h1 { font-size: 50px; line-height: 66px; } .breadcrumb-title h1 { font-size: var(--loobek-heading-font-size); line-height: var(--loobek-heading-line-height); } .breadcrumb-title-wrapper { width: 100%; margin: 0; display: block; background-size: cover; background-position: center; z-index: 0; position: relative; border-color: var(--loobek-breadcrumb-border-color); } .has-background-image .bg-breadcrumb:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: #000000; opacity: 0.2; } .breadcrumb-title-wrapper.has-background-image .breadcrumb-content { background: transparent; } .breadcrumb-title-wrapper.breadcrumb-v2 { display: flex; align-items: center; min-height: 410px; position: relative; overflow: hidden; } .header-transparent .breadcrumb-v2 { align-items: flex-end; } .header-transparent .breadcrumb-title-wrapper.breadcrumb-v2 { min-height: 300px; padding-top: 200px; } .breadcrumb-title-wrapper.breadcrumb-v2+.page-container { padding-top: 30px; } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-content { background-repeat: no-repeat; background-position: center center !important; padding-top: 30px; padding-bottom: 30px; border-width: 0; } .header-transparent .breadcrumb-v2 .breadcrumb-title h1 { font-size: var(--loobek-h1-font-size); line-height: var(--loobek-h1-line-height); } .header-transparent .breadcrumb-v2 .breadcrumb-content { padding-top: 70px; padding-bottom: 70px; } .breadcrumb-title-wrapper.breadcrumb-v2.no-title .breadcrumb-content { padding-top: 15px; padding-bottom: 15px; } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title { padding: 0; height: 100%; } body:not(.header-transparent) .breadcrumb-v2 .breadcrumb-title { gap: 20px; } .breadcrumb-title-wrapper.breadcrumb-v3 { position: static; } .has-background-image .bg-breadcrumb { position: absolute; top: 0; left: 0; right: 0; height: 650px; z-index: 0; background-position: top center; background-repeat: no-repeat; background-size: cover; } .has-background-image.breadcrumb-v3 .bg-breadcrumb { filter: blur(5px); -webkit-filter: blur(5px); } .has-background-image.breadcrumb-v3 .bg-breadcrumb:after { position: absolute; left: 0; right: 0; bottom: 0; top: 30%; content: ""; z-index: 0; background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 1)); background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 1)); background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 1)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 1)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#000000')"; } .ts_desktop .breadcrumb-title-wrapper.ts-breadcrumb-parallax .bg-breadcrumb { background-attachment: fixed; } .breadcrumbs-container>span:not(.current) { position: relative; font-size: 0; line-height: 0; margin: 0 10px; } .breadcrumbs-container>span:not(.current):before { font-family: 'icomoon'; font-weight: normal; content: "\e904"; /* rtl */ font-size: 7px; position: relative; top: -1px; } .breadcrumbs-container>span.current { opacity: 1; margin: 0; word-break: break-all; } .breadcrumb-title-wrapper .breadcrumb-title { width: 100%; height: 100%; } .breadcrumb-title-wrapper .breadcrumbs { line-height: 24px; font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } .breadcrumb-title-wrapper * { backface-visibility: hidden; -webkit-backface-visibility: hidden; } .breadcrumb-title-wrapper .breadcrumbs-container * { display: inline-block; } .breadcrumb-title-wrapper .breadcrumb-title a { text-decoration: none; } .breadcrumb-title-wrapper .breadcrumb-title a:hover { opacity: 1; text-decoration: none; } .breadcrumb-title-wrapper .breadcrumb-title a:hover { opacity: 1; } .breadcrumb-title-wrapper.breadcrumb-content { padding-top: 30px; padding-bottom: 30px; } .breadcrumb-title-wrapper .breadcrumb-title { display: grid; gap: 30px; height: auto; } .breadcrumb-title-wrapper .breadcrumb-content { padding-top: 15px; padding-bottom: 15px; position: relative; z-index: 1; background-color: var(--loobek-breadcrumb-bg); border-color: var(--loobek-breadcrumb-border-color); font-size: var(--loobek-main-small-font-size); } .breadcrumb-title-wrapper.breadcrumb-v1 { border-width: 1px 0 0 0; border-style: solid; } .breadcrumb-title-wrapper h1 { margin: 0; display: block; } body.text-uppercase .breadcrumb-title-wrapper h1 { text-transform: uppercase; } .breadcrumb-v1+.page-container { padding-top: 15px; } .single-product .breadcrumb-v1+.page-container, .single-post .breadcrumb-v1+.page-container { padding-top: 0; } .breadcrumb-title-wrapper .breadcrumb-title *, .breadcrumb-title-wrapper .breadcrumb-title a, .breadcrumb-title-wrapper .breadcrumb-title h1 { color: var(--loobek-breadcrumb-color); } .breadcrumb-title-wrapper .breadcrumb-title a:hover { color: var(--loobek-breadcrumb-link-hover); } .header-text-light .breadcrumb-title-wrapper .breadcrumb-title *, .breadcrumb-title-wrapper.has-background-image .breadcrumb-title *, .header-text-light .breadcrumb-title-wrapper .breadcrumb-title a, .header-text-light .breadcrumb-title-wrapper .breadcrumb-title h1, .breadcrumb-title-wrapper.has-background-image .breadcrumb-title a, .breadcrumb-title-wrapper.has-background-image .breadcrumb-title h1 { color: var(--loobek-breadcrumb-img-color); } .header-text-light .breadcrumb-title-wrapper .breadcrumb-title a:hover, .breadcrumb-title-wrapper.has-background-image .breadcrumb-title a:hover { color: var(--loobek-breadcrumb-img-link-hover); } /*--------------------------------------------------------------------------------------------------------------*/ /*- 2. COMMENT -------------------------------------------------------------------------------------------------*/ .comments-area { margin: 0 auto; clear: both; display: block; overflow: hidden; width: 100%; } #comments.comments-area { gap: 100px; } article.type-page+#comments { margin: 60px 0; } #comments.comments-area ol.commentlist { margin: 0; } #comments.comments-area ol.commentlist li.comment { margin: 40px 0 0 0; border-width: 1px 0 0 0; border-style: solid; padding: 40px 0 0 0; list-style: none; } #comments.comments-area ol.commentlist>li.comment:first-child { margin-top: 0; padding-top: 0; border-width: 0; } #comments.comments-area ol.commentlist ol.commentlist { padding: 0 0 0 70px; /* rtl */ margin: 0; } #comments.comments-area .comment-wrapper { display: grid; grid-template-columns: 60px 160px auto; width: 100%; gap: 20px; } #comments.comments-area ol.commentlist .children .comment-wrapper { grid-template-columns: 50px 140px auto; } #comments.comments-area ol.commentlist .children .children .comment-wrapper { grid-template-columns: 50px 120px auto; } #comments.comments-area .entry-meta-comment { display: flex; flex-direction: column; font-size: var(--loobek-main-small-font-size); } #comments.comments-area .comment-text>p:last-child { margin: 0; } #comments.comments-area .comment-meta { display: flex; gap: 0 20px; margin-top: 20px; } #comments.comments-area ol.commentlist+#comment-wrapper { margin-top: 60px; } #comments.comments-area .form-submit { margin-bottom: 0; } ol.commentlist #comment-wrapper { margin-top: 30px; padding-top: 30px; border-width: 1px 0 0 0; border-style: solid; } ol.commentlist .heading-wrapper>h2 { display: flex; gap: 0 20px; align-items: baseline; justify-content: space-between; font-size: var(--loobek-h5-font-size); line-height: var(--loobek-h5-line-height); } ol.commentlist .heading-wrapper { margin-bottom: 20px; } ol.commentlist .comment-awaiting-moderation { margin-bottom: 10px; display: block; } #comments-area .reply a:hover { color: var(--loobek-primary-color); } #comment-nav-below>div:empty { display: none; } #comment-nav-below { display: flex; align-items: center; margin: 40px 0; } #comment-nav-below div>a { text-decoration: none; display: inline-block; border-width: 1px; border-style: solid; line-height: 32px; padding: 0 20px; } body.image-button-radius #comments .avatar img, body.image-button-radius #comment-nav-below div>a { border-radius: 10px; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 3. CONTACT US ----------------------------------------------------------------------------------------------*/ .wpcf7-not-valid-tip { display: inline-block; width: 100%; } div.wpcf7-display-none { display: none; } div.wpcf7 form .wpcf7-response-output { padding: 6px 20px; border-radius: 0; box-shadow: none; text-shadow: none; width: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; line-height: 20px; border-width: 0; text-align: center; font-size: var(--loobek-main-small-font-size); } div.wpcf7 input[type^="submit"] { margin-top: 10px; } div.wpcf7 .ajax-loader { display: block; background: transparent; position: relative; margin-top: 10px; margin-bottom: -10px; margin-left: auto; margin-right: auto; height: 30px; width: 30px; } .contact-col { display: flex; justify-content: space-between; } .contact-col>* { width: calc(33.33333% - 13px); } .wpcf7-spinner { background: transparent; top: 14px; border-color: var(--loobek-border); opacity: 1; } .wpcf7-spinner:before { border-width: 2px; border-style: solid; border-color: inherit; border-top-color: #000000; border-left-color: #000000; border-radius: 100%; left: 50%; top: 50%; margin-top: -12px; margin-left: -12px; position: absolute; width: 24px; height: 24px; content: ""; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; transform-origin: center; background: transparent; } body div.wpcf7 .ajax-loader:after { font-size: 18px; } 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%; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 4. BLANK PAGE ----------------------------------------------------------------------------------------------*/ .blank-page-template #main-content { padding: 0; } .blank-page-template .mailchimp-subscription { text-align: center; } .blank-page-template .mailchimp-subscription .newsletter { margin-top: 10px; margin-bottom: 40px; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 5. BUTTON NAVI SLIDER --------------------------------------------------------------------------------------*/ .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: ""; } /* Navigation */ .woocommerce .product figure .color-image img { z-index: -1 !important; } .woocommerce .product figure .color-image span:before, .woocommerce .product figure .color span:before { position: absolute; left: -1px; right: -1px; bottom: -1px; top: -1px; content: ""; border-width: 2px; border-style: solid; border-color: transparent; } body .flex-control-nav li { margin: 5px; line-height: 0; padding: 0; } body .flex-control-paging { display: flex; justify-content: center; gap: 10px; margin: 20px 0 0 0; } body .flex-control-paging li { padding: 0; font-size: 0; margin: 0; } body .flex-control-paging li a { width: 10px; height: 10px; border-radius: 10px; border-width: 1px; border-style: solid; font-size: 0; display: block; } .widget-container .ts-slider { position: static; } .widget-container .swiper-button-next, .widget-container .swiper-button-prev { top: 0; margin: 0; width: 24px; height: 24px; opacity: 1; visibility: visible; background: #f5f5f5; } *:not(.ts-instagram-elementor-widget)>.widget-container .swiper-button-next, *:not(.ts-instagram-elementor-widget)>.widget-container .swiper-button-prev { border-radius: 0; } .widget-container:not(:first-child) .swiper-button-next, .widget-container:not(:first-child) .swiper-button-prev { top: 40px; } .widget-container .swiper-button-prev { right: 28px; /* rtl */ left: auto; } .widget-container .swiper-button-next { right: 0; /* rtl */ left: auto; } .widget-container .swiper-button-next:before, .widget-container .swiper-button-prev:before { line-height: 24px; font-size: 8px; } body .flex-direction-nav li { padding: 0; list-style: none; } body .swiper-button-prev, body .swiper-button-next, body .flex-direction-nav li a { cursor: pointer; position: absolute; width: 40px; height: 40px; z-index: 2; display: inline-block; font-size: 0; line-height: 0; text-align: center; transition: 300ms ease 0s; letter-spacing: 0; background-image: none; top: 50%; margin-top: -20px; opacity: 0; visibility: hidden; } body .flex-direction-nav li a { top: calc(50% - 56px); } .ts-shortcode.columns-1 .swiper-button-prev, .ts-shortcode.columns-1 .swiper-button-next { opacity: 1; visibility: visible; } .ts-shortcode.columns-1 .swiper { position: static; } body .swiper-button-prev { left: 10px; /* rtl */ } body .swiper-button-next { right: 10px; /* rtl */ } body .thumbnail .swiper-button-prev, body .flex-direction-nav li.flex-nav-prev a { left: 0; /* rtl */ } body .thumbnail .swiper-button-next, body .flex-direction-nav li.flex-nav-next a { right: 0; /* rtl */ } body .partial-view .swiper-button-prev { left: 30px; /* rtl */ } body .partial-view .swiper-button-next { right: 30px; /* rtl */ } body.image-button-radius .partial-view .swiper-button-prev, body.image-button-radius .partial-view .swiper-button-next { border-radius: 10px; } body.image-button-radius .flex-direction-nav li.flex-nav-prev a, body.image-button-radius .swiper-button-prev { border-radius: 0 10px 10px 0; /* rtl */ } body.image-button-radius .flex-direction-nav li.flex-nav-next a, body.image-button-radius .swiper-button-next { border-radius: 10px 0 0 10px; /* rtl */ } body .gallery:hover .swiper-button-prev, body .products:hover .swiper-button-prev, body .items:hover .swiper-button-prev, body .gallery:hover .swiper-button-next, body .products:hover .swiper-button-next, body .items:hover .swiper-button-next, body .woocommerce-product-gallery:hover .flex-direction-nav>li a { opacity: 1; visibility: visible; } body .swiper-button-prev:before, body .swiper-button-next:before, body .flex-direction-nav li a:before { line-height: 40px; font-family: 'icomoon'; font-weight: normal; font-size: 10px; letter-spacing: 0; display: inline-block; transition: none; color: inherit; } body .swiper-button-next:before, body .flex-direction-nav li.flex-nav-next a:before { content: "\e904"; /* rtl */ } body .swiper-button-prev:before, body .flex-direction-nav li.flex-nav-prev a:before { content: "\e903"; /* rtl */ } body .swiper-button-prev:after, body .swiper-button-next:after { display: none; } .post_list_widget .gallery .swiper-button-prev, .post_list_widget .gallery .swiper-button-next { display: none; } .gallery .swiper-button-prev:hover, .gallery .swiper-button-next:hover { opacity: 1; } .gallery .swiper-button-prev:before, .gallery .swiper-button-next:before { line-height: 40px; } #page .swiper-pagination { position: static; transform: none; margin-top: 30px; } #page .ts-product .swiper-pagination { margin-top: -15px; } .swiper-pagination-bullet { margin: 0 5px !important; border-width: 1px; border-style: solid; width: 10px; height: 10px; background: transparent; opacity: 1; } .ts-shortcode.show-scrollbar .swiper-wrapper { margin-bottom: 65px !important; } .ts-testimonial-wrapper.show-scrollbar .swiper-wrapper { margin-bottom: 25px !important; } .swiper-horizontal>.swiper-scrollbar { left: 0; /* rtl */ bottom: 0; width: 100%; background-color: var(--loobek-border); } .swiper-scrollbar-drag { background-color: var(--loobek-text-bold-color); } .ts-product.show-scrollbar .swiper-wrapper { margin-bottom: 45px !important; } .swiper-button-prev, .swiper-button-next, body .flex-direction-nav li a { color: var(--loobek-nav-color); background-color: var(--loobek-nav-bg); } .swiper-button-prev:hover, .swiper-button-next:hover, body .flex-direction-nav li:hover a { color: var(--loobek-nav-color); background-color: var(--loobek-nav-hover-bg); } body .flex-control-paging li a, .swiper-pagination-bullet { border-color: var(--loobek-nav-color); } .swiper-pagination-bullet:hover, .swiper-pagination-bullet.swiper-pagination-bullet-active, body .flex-control-paging li a:hover, body .flex-control-paging li a.flex-active { background: var(--loobek-nav-color); } /*--------------------------------------------------------------------------------------------------------------*/ /*- 6. LAZY LOAD -----------------------------------------------------------------------------------------------*/ .elementor-widget-ts-blogs, .ts-elementor-lazy-load { width: 100%; } .ts-elementor-lazy-load .placeholder-items { display: grid; gap: 50px 20px; width: 100%; grid-template-columns: repeat(var(--lazy-cols), 1fr); } .ts-elementor-lazy-load .placeholder-items .placeholder-item { display: flex; flex-direction: column; gap: 10px; width: 100%; } .ts-elementor-lazy-load .placeholder-widget-title, .placeholder-item .placeholder-thumb, .placeholder-item .placeholder-title, .placeholder-item .placeholder-subtitle, .placeholder-tabs .placeholder-tab-item { background: #f5f5f5; width: 100%; } .ts-elementor-lazy-load .placeholder-widget-title { height: 40px; max-width: 300px; margin-bottom: 30px; } .ts-elementor-lazy-load.title-center .placeholder-widget-title { margin-left: auto; margin-right: auto; } .placeholder-item .placeholder-thumb { height: var(--lazy-thumb-height); position: relative; } @keyframes placeHolderShimmer { 0% { background-position: -1000px 0 } 100% { background-position: 1000px 0 } } .ts-elementor-lazy-load.loaded .placeholder-item .placeholder-thumb { position: relative; overflow: hidden; } .ts-elementor-lazy-load.loaded .placeholder-item .placeholder-thumb:after { animation-duration: 2s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background-color: #f5f5f5; background: linear-gradient(to right, #f5f5f5 8%, #f8f8f8 18%, #f5f5f5 33%); background-size: 1000px 1000px; transform: rotate(45deg); position: absolute; left: -200px; /* rtl */ top: -200px; content: ""; width: 1000px; height: 1000px; } .placeholder-tabs { display: flex; gap: 10px 30px; margin-bottom: 30px; } .placeholder-tabs .placeholder-tab-item { width: 200px; height: 40px; } .placeholder-item .placeholder-title, .placeholder-item .placeholder-subtitle { height: 15px; } .placeholder-item .placeholder-title { max-width: 200px; } .placeholder-item .placeholder-subtitle { max-width: 100px; } .type-product-category.title-float { display: flex; width: 100%; } .type-product-category.title-float .placeholder-title { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; } .type-product-category .thumbnail-radius .placeholder-item { justify-content: center; align-items: center; } .type-product-category .thumbnail-radius .placeholder-thumb { width: var(--lazy-thumb-height); height: var(--lazy-thumb-height); max-width: 100%; border-radius: 100%; } .type-product-category .thumbnail-radius .placeholder-item .placeholder-title { max-width: 100px; } .ts-megamenu .ts-elementor-lazy-load.title-center .placeholder-widget-title { height: 30px; width: 200px; } .type-product-category .style-horizontal .placeholder-item { display: grid; align-items: center; grid-template-columns: 110px auto; gap: 10px 15px; } .type-product-category .style-horizontal { gap: 10px; } .type-testimonial .placeholder-items .placeholder-item { gap: 20px; } .type-testimonial.title-center .placeholder-items .placeholder-item { align-items: center; } .type-testimonial .placeholder-thumb { order: 2; } .type-testimonial .placeholder-title { order: 1; height: 30px; } .type-testimonial .placeholder-subtitle { order: 3; max-width: 250px; } body.image-button-radius .placeholder-items:not(.thumbnail-radius) .placeholder-thumb { border-radius: 10px; } /*--------------------------------------------------------------------------------------------------------------*/ /*- III. FOOTER ------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------*/ /* TO TOP BUTTON */ #to-top { position: fixed; right: 0; /* rtl */ bottom: 0; transform: scale(0, 0); transition: 300ms ease 0s; text-align: center; cursor: pointer; z-index: 996; display: inline-block; backface-visibility: hidden; -webkit-backface-visibility: hidden; } #to-top a { display: block; width: 40px; height: 40px; overflow: hidden; font-size: 0; line-height: 0; letter-spacing: 0; text-decoration: none; background: #ffffff; color: #000000; box-shadow: 0 0 6px rgba(100, 100, 100, 0.1) } body.image-button-radius #to-top a { border-radius: 10px 0 0 0; /* rtl */ } #to-top a:before { font-family: icomoon; letter-spacing: 0; content: "\e905"; font-size: 24px; line-height: 40px; font-weight: normal; } #to-top a:hover { text-decoration: none; opacity: 1; color: #ffffff; background: #161616; } #to-top.on { transform: scale(1, 1); } footer#colophon { overflow: hidden; } /* Reset widget footer */ footer ul li { list-style: none; } footer ul li>a { text-decoration: none; } footer .widget-title { margin-bottom: 16px; font-size: var(--loobek-main-font-size); } ul.no-padding li a:hover { text-decoration: none; } /* Widget Tags */ .single-post article .tags-link a { line-height: 1.2em; font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); font-size: var(--loobek-h6-font-size); color: var(--loobek-text-bold-color); } .single-post article .tags-link a:hover { color: var(--loobek-primary-color); } .tagcloud { display: flex; flex-wrap: wrap; gap: 20px; } .tagcloud a { line-height: 1.2em !important; font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); font-size: var(--loobek-h6-font-size) !important; color: var(--loobek-text-bold-color); text-align: center; display: inline-block; text-decoration: none; } .tagcloud a:hover { text-decoration: none; color: var(--loobek-primary-color); } .single-post article .tags-link a:before, .tagcloud a:before { display: inline-block; content: "#"; } footer#colophon { color: var(--loobek-footer-color); background-color: var(--loobek-footer-bg); } .footer-container *, .footer-container *:before, .footer-container *:after, .footer-container input[type="text"], .footer-container input[type="search"], .footer-container input[type="text"], .footer-container input[type="email"], .footer-container input[type="password"], .footer-container input[type="date"], .footer-container input[type="number"], .footer-container input[type="tel"] { border-color: var(--loobek-footer-border-color); } .footer-container .social-icons.style-icon li a, .footer-container .ts-list-of-product-categories-wrapper li a, .footer-container a, .footer-container dt, .footer-container .mc4wp-form-fields label, .footer-container .ts-social-icons-elementor-widget .elementor-social-icon i, .footer-container .ts-social-icons-elementor-widget .social-name { color: var(--loobek-footer-color); } .footer-container h1, .footer-container h2, .footer-container h3, .footer-container h4, .footer-container h5, .footer-container h6, .footer-container .widget-title, .footer-container .mc4wp-form-fields h2.title { color: var(--loobek-footer-heading-color); } .footer-container .ts-list-of-product-categories-wrapper li a:hover, .footer-container .ts-social-icons-elementor-widget .elementor-social-icon:hover i, .footer-container .ts-social-icons-elementor-widget .elementor-social-icon:hover .social-name, .footer-container .social-icons.style-icon li a:hover, .footer-container a:hover { color: var(--loobek-footer-hover-color); } /*--------------------------------------------------------------------------------------------------------------*/ /*- IV. WIDGET -------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------*/ .filter-widget-area .widget-container { margin-bottom: 0; } .filter-widget-area>.widget-title-wrapper .widget-title { margin: 0; } .widget-title a.rsswidget { line-height: 14px; display: inline-block; } .ts-recent-comments-widget.has-nav .widget-title, .ts-blogs-widget.has-nav .widget-title, .ts-products-widget.has-nav .widget-title, .ts-products-widget.has-nav .widgettitle { margin-right: 60px; /* rtl */ } .theme-title .heading-title, .comments-title .heading-title, .widget-container .widget-title-wrapper { margin: 0; display: block; } .ts-sidebar .woocommerce ul.product_list_widget { padding-top: 6px; /* plus li is text */ } .ts-sidebar .wp-block-group__inner-container>h2 { font-size: var(--loobek-main-font-size); color: var(--loobek-text-bold-color); } .widget-container .widget-title-wrapper { position: relative; } .widget-title { margin: 0 0 20px 0; font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); font-size: var(--loobek-h6-font-size); line-height: var(--loobek-h6-line-height); color: var(--loobek-text-bold-color); } .widget-title:empty { display: none; } .ts-sidebar aside>.widget-container:first-child .widget-title:empty { margin-bottom: 5px; display: block; } /* Fix margin li top */ .widget_categories>ul, .widget-container ul.product-categories, .widget_pages>ul, .widget_recent_entries>ul, .widget_recent_comments>ul, .widget_archive>ul, .widget_display_forums>ul, .widget_display_topics>ul, .widget_display_replies>ul, .widget_meta>ul, .widget_nav_menu>div>ul, .widget_rss>ul, .woocommerce .widget_rating_filter ul { margin-bottom: 0; } .widget-container { margin: 40px 0 0 0; padding: 40px 0 0 0; border-width: 1px 0 0 0; border-style: solid; clear: both; position: relative; } .ts-sidebar .widget-container.ts-slider, .elementor-widget-container .widget-container { overflow: hidden; } body[data-elementor-device-mode='desktop'] .widget_media_image+.widget-container, body[data-elementor-device-mode='ipad'] .widget_media_image+.widget-container { padding-top: 0; border-width: 0; } .single-product .widget-container { padding: 0; border-width: 0; } body .widget-container:first-child, body .widget_media_image, body .widget_calendar { margin-top: 0; padding-top: 0; border-width: 0; } body .widget_media_image, body .widget_calendar { margin-top: 50px; } .widget-container.widget_media_image { text-align: center; } .widget_calendar+.widget-container { border-width: 0; padding-top: 0; } footer .widget-container { margin-bottom: 0; } .widget-container fieldset { padding: 0; } .widget-container>ul ol, .widget-container>ul ul { margin-left: 10px; /* rtl */ } .widget-container ul ul { display: block; margin: 10px 0 5px 12px /* rtl */ } .widget-container ul ul ul { margin-bottom: 0; } .widget-container ul li { list-style: none; padding: 6px 0; } .filter-by-attribute-inline .filter-widget-area .widget-container.woocommerce-widget-layered-nav ul, #page .special-filter-area .filter-widget-area .widget-container.woocommerce-widget-layered-nav ul { flex-wrap: wrap; } .filter-by-attribute-inline .woocommerce-widget-layered-nav-list .count, #page .special-filter-area .woocommerce-widget-layered-nav-list .count, #page .special-filter-area .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before { display: none; } body.image-button-radius.filter-by-attribute-inline .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, body.image-button-radius #page .special-filter-area .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a { border-radius: 10px; } #page .special-filter-area .woocommerce-widget-layered-nav-list, .filter-by-attribute-inline .woocommerce-widget-layered-nav-list { display: flex; flex-wrap: wrap; gap: 5px; } #page .special-filter-area .woocommerce-widget-layered-nav-list { gap: 10px; } .filter-by-attribute-inline .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, #page .special-filter-area .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a { line-height: 32px; padding: 0 15px; border-width: 1px; border-style: solid; text-align: center; display: inline-block; transition: 150ms ease 0s; } #page .special-filter-area .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { padding: 0; } .widget-container ul ul li, body:not(.filter-by-attribute-inline) .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { padding: 6px 0; } .widget-container ul li:first-child, body:not(.filter-by-attribute-inline) .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:first-child { padding-top: 0; margin-top: 0; } .widget-container ul li:last-child, .widget-container ul ul li:last-child, body:not(.filter-by-attribute-inline) .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:last-child { padding-bottom: 0; margin-bottom: 0; } .widget_nav_menu>div>ul li.fa:before, .widget_nav_menu>div>ul li.fas:before, .widget_nav_menu>div>ul li.far:before, .widget_nav_menu>div>ul li.fab:before { margin-right: 5px; /* rtl */ display: inline-block; } .widget_nav_menu>div>ul { margin-bottom: 0; } .widget-container ul ul li>a { position: relative } /*--------------------------------------------------------------------------------------------------------------*/ /*- 1. WIDGET SUBSCRIPTION -------------------------------------------------------------------------------------*/ .mailchimp-subscription { position: relative; } .mailchimp-subscription .widgettitle { color: var(--loobek-text-bold-color); } #page *:not(.ts-mailchimp-subscription-shortcode)>.mailchimp-subscription .subscribe-widget { margin-bottom: 0; } .mailchimp-subscription .widget-title { font-family: var(--loobek-heading-font); font-weight: var(--loobek-heading-font-weight); letter-spacing: var(--loobek-heading-letter-spacing); font-size: var(--loobek-h6-font-size); line-height: var(--loobek-h6-line-height); } .mailchimp-subscription .widget-title:before { display: none !important; } .mailchimp-subscription input[type="email"], .mailchimp-subscription input[type="tel"] { position: relative; z-index: 1; margin-bottom: 0; } .newsletter p { margin-bottom: 0; } .mc4wp-form-fields>h2.title { font-size: var(--loobek-h5-font-size); line-height: var(--loobek-h5-line-height); } .mc4wp-form-fields label { font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); font-size: var(--loobek-main-font-size); line-height: var(--loobek-main-font-line-height); } .mailchimp-subscription .mc4wp-alert { margin: 10px 0 0 0; font-size: var(--loobek-main-font-size); } .mailchimp-subscription .mc4wp-alert p { margin: 0; } .ts-mailchimp-subscription-shortcode .mailchimp-subscription button.button i { display: inline-block; } .mailchimp-subscription .mc4wp-error a { text-decoration: underline; } .mailchimp-subscription .mc4wp-error, .mailchimp-subscription .mc4wp-success { display: inline-block; position: relative; padding: 6px 20px; background: #E8F8EA; color: #2D5F33; } .mailchimp-subscription .mc4wp-error { background: #FEE9EC; color: #C6213B; } .mailchimp-subscription .subscribe-email { position: relative; display: flex; } .mailchimp-subscription .newsletter { margin: 5px 0 0 0; } .mailchimp-subscription .processing button { display: flex; align-items: center; gap: 5px; } .mailchimp-subscription span.loading { display: none; } .mailchimp-subscription .processing span.loading { content: ""; border-color: var(--loobek-button-bg); border-width: 2px; border-style: solid; border-top: 2px solid var(--loobek-button-color); border-left: 2px solid var(--loobek-button-color); border-radius: 100%; text-align: center; width: 16px; height: 16px; font-weight: normal; opacity: 1; -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); display: block; } .mailchimp-subscription .processing button:hover span.loading { border-color: var(--loobek-button-hover-bg); border-top-color: var(--loobek-button-hover-color); border-left-color: var(--loobek-button-hover-color); } /*--------------------------------------------------------------------------------------------------------------*/ /*- 2. WIDGET SOCIAL -------------------------------------------------------------------------------------------*/ .ts-social-icons-elementor-widget .social-name { font-size: var(--loobek-main-font-size); } .social-icons.style-icon li a, .ts-social-icons-elementor-widget .elementor-social-icon i, .ts-social-icons-elementor-widget .social-name { color: var(--loobek-text-bold-color); } .ts-social-icons-elementor-widget .shortcode-title { font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); font-size: var(--loobek-h6-font-size); line-height: var(--loobek-h6-line-height); } .ts-social-icons-elementor-widget .elementor-social-icon:hover i, .ts-social-icons-elementor-widget .elementor-social-icon:hover .social-name, .social-icons.style-icon li a:hover, .style-icon li .ts-tooltip:before { color: var(--loobek-primary-color); } .social-icons.style-icon li .ts-tooltip { color: var(--loobek-text-in-primary-color); background-color: var(--loobek-primary-color); } .header-social-icon .style-icon span, .header-social-icon .style-text i { display: none; } .header-social-icon .social-icons.style-icon li i { font-size: 16px; } .ts-header .social-icons li i { line-height: var(--loobek-main-font-line-height); } .header-social-icon .social-icons { display: flex; } .ts-social-icons .social-icons { padding-top: 0; display: block; } .ts-social-icons .social-icons:after, .ts-social-icons:after, .ts-social-icons .list-icons:after { display: table; clear: both; content: ""; } .style-horizontal ul.list-icons, .style-horizontal ul.list-icons a, .style-icon ul, .header-social-icon .style-text ul { display: flex; flex-wrap: wrap; } .style-icon ul, .header-social-icon .style-text ul { gap: 20px; } .social-icons.style-icon .ts-tooltip { display: none; color: #fff; position: absolute; content: ""; top: -32px; left: 50%; height: 24px; opacity: 0; visibility: hidden; padding: 0 10px; min-width: 80px; transform: translate(-50%, 0); transition: 300ms ease 0s; text-align: center !important; line-height: 24px !important; font-size: var(--loobek-main-small-font-size); } .social-icons li a:hover .ts-tooltip { z-index: 999; } .show-tooltip.style-icon .ts-tooltip { display: inline-block; } .style-icon .ts-tooltip:before { font-family: 'Font Awesome 5 Free'; letter-spacing: 0; content: "\f0d7"; position: absolute; bottom: -9px; left: 50%; font-size: 12px; margin-left: -3px; line-height: 14px; font-weight: 900; } .style-icon li a:hover .ts-tooltip { opacity: 1; top: -32px; visibility: visible; } .social-icons li { padding: 0 !important; display: block; position: relative; } .social-icons li i { display: block; } .ts-social-icons li i { width: auto; height: auto; width: 100%; } .style-vertical li i { margin-right: 10px; /* rtl */ line-height: 28px; width: auto; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 3. FILTER BY PRICE -----------------------------------------------------------------------------------------*/ .woocommerce .widget_price_filter form { padding-top: 10px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { background-image: none; box-shadow: none; border-radius: 0; height: 4px; position: relative; z-index: 1; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { height: 4px; top: 0; } .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-color: var(--loobek-text-bold-color); } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 0; direction: ltr; margin: 8px 16px 20px 0; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content:before { position: absolute; left: 0; right: -16px; top: 0; bottom: 0; content: ""; background-color: var(--loobek-border); } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { width: 16px; height: 16px; border-style: solid; border-width: 6px; border-radius: 0; margin-left: 0; top: -6px; background: transparent; box-shadow: none; border-color: var(--loobek-text-bold-color); background-color: var(--loobek-border); } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: 0; } .widget_price_filter .price_slider_amount input[type="text"] { display: none; border-color: var(--loobek-border); } .widget_price_filter .price_slider_amount input[type="text"]:first-child { margin-right: 4%; /* rtl */ } .woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount { padding-top: 6px; overflow: hidden; margin-bottom: -6px; } .price_slider_amount .clear { display: none !important; } .woocommerce .widget-container .price_slider_amount { position: relative; } .woocommerce .widget-container .price_slider_amount .price_label { margin: 0; float: left; /* rtl */ font-size: var(--loobek-main-small-font-size); } .woocommerce .widget_price_filter .price_slider_amount .button { float: right; /* rtl */ background: transparent !important; position: relative; padding: 0 !important; border-width: 0; font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); font-size: var(--loobek-main-small-font-size); color: var(--loobek-text-bold-color); } .woocommerce .widget_price_filter .price_slider_amount .button:hover { color: var(--loobek-primary-color); } .woocommerce .widget_price_filter .price_slider_amount .button:after { position: absolute; bottom: 5px; left: 0; right: 0; content: ""; border-width: 1px 0 0 0; border-style: solid; transition: all 350ms ease 0s; border-color: var(--loobek-text-bold-color); } .woocommerce .widget_price_filter .price_slider_amount .button:hover:after { border-color: var(--loobek-primary-color); } .woocommerce .widget_price_filter .price_slider_amount { text-align: start; float: none; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 4. FILTER BY COLOR -----------------------------------------------------------------------------------------*/ .product-filter-by-color ul li a img, .ts-product-attribute a img { width: 100%; height: auto; } .product-filter-by-color ul:after { display: table; content: ""; clear: both; } .ts-product-attribute>div.color { list-style: none; padding: 0; } .product-filter-by-color ul { margin: 0; } .ts-product-attribute { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } .ts-product-attribute>div { min-width: 0; text-align: center; } .ts-product-attribute>div a { text-decoration: none; line-height: 32px; display: block; min-width: 34px; border-width: 1px; border-style: solid; padding: 0 15px; transition: none; color: var(--loobek-text-bold-color); } body.image-button-radius .ts-product-attribute>div a.variation-img { border-radius: 10px; } .ts-product-attribute>div:not(.color):hover a, .ts-product-attribute>div:not(.color).selected a { background: transparent; border-color: var(--loobek-text-bold-color); } .ts-product-attribute>div.text a { width: auto; height: auto; padding: 0 15px; } .ts-product-attribute>div.color { line-height: 0; background: transparent !important; } .ts-product-attribute>div.color a { font-size: 0; position: relative; z-index: 2; width: 34px; height: 34px; margin: 0; border-radius: 100% !important; } .ts-product-attribute>div.color a.img-color { padding: 0; } .ts-product-attribute>div.color a.img-color img { border-radius: 100%; } .ts-product-attribute>div.color a.img-color.variation-img { width: 60px; height: auto; margin: 0 5px 0 0; /* rtl */ padding: 0; border-width: 0; position: relative; border-radius: 0 !important; } .ts-product-attribute>div.color a.img-color.variation-img:after, .ts-product-attribute>div.color a.img-color.variation-img img { border-radius: 0; } .ts-product-attribute>div.color:last-child a.img-color.variation-img { margin: 0; } .ts-product-attribute>div.color a:after { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; border-width: 1px; border-style: solid; opacity: 0; transition: 150ms ease 0s; border-radius: 100%; border-color: var(--loobek-text-bold-color); } .ts-product-attribute>div.color:hover a:after, .ts-product-attribute>div.color.selected a:after { opacity: 1; } .ts-product-attribute>div.color.selected a:before { display: block; content: "\e90f"; font-family: 'icomoon'; font-weight: normal; position: absolute; top: 0; right: 0; /* rtl */ left: auto; z-index: 1; width: 10px; height: 10px; line-height: 10px; text-align: center; font-size: 5px; border-width: 0; margin: 0; color: #ffffff; } .ts-product-attribute>div.color.selected a:not(.variation-img):before { border-radius: 100%; } .product-filter-by-color ul li .count, .product-filter-by-brand ul li .count { display: none; } .widget-container.product-filter-by-color ul { flex-wrap: wrap; display: flex; margin: 0 -5px -5px 0; } .widget-container.product-filter-by-color ul li { padding: 0; margin: 0 5px 5px 0; /* rtl */ } .widget-container.product-filter-by-color ul li a { display: flex; align-items: center; padding: 0 15px; line-height: 34px; border-width: 1px; border-style: solid; position: relative; } .widget-container.product-filter-by-color ul li a img, .widget-container.product-filter-by-color ul a>span:first-child { width: 12px; height: 12px; display: inline-block; border-radius: 100%; overflow: hidden; margin-right: 10px; /* rtl */ } .widget-container.product-filter-by-color ul a>span span { width: 100%; height: 100%; border-radius: 100%; } .product-filter-by-color ul a>span span { border-width: 1px; border-style: solid; border-color: transparent; } .product-filter-by-color ul a:hover>span span { border-color: inherit; } .product-filter-by-color ul li:first-child, .product-filter-by-color ul li:last-child, .product-filter-by-color ul li, .ts-product-attribute>div.color { transition: 300ms ease 0s; } .product-filter-by-color ul li a span { display: block; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 5. FILTER ATTRIBUTE ----------------------------------------------------------------------------------------*/ body:not(.filter-by-attribute-inline) .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, body:not(.filter-by-attribute-inline) .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span { padding: 0; } .widget-container .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:before, .widget-container .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:after { display: none !important; } body:not(.filter-by-attribute-inline) .widget-container .widget_layered_nav_filters ul li a:before { position: static; margin: 0 2px 0 0; /* rtl */ opacity: 1; } body.image-button-radius .ts-product-attribute>div.color.selected a.variation-img:before, body.image-button-radius .widget_layered_nav_filters ul li a:before, body.image-button-radius.filter-by-attribute-inline .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before, body.image-button-radius #page .special-filter-area .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before, body.image-button-radius .widget-container.product-filter-by-color ul li.chosen a:before { border-radius: 0 5px 0 0; /* rtl */ } .widget-container .widget_layered_nav_filters ul li a { transition: none; border-color: var(--loobek-text-bold-color); } .widget-container .woocommerce-widget-layered-nav-list:after { display: table; content: ""; clear: both; } .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a { text-decoration: none; position: relative; } .ts-product-attribute>div a:hover { text-decoration: none; } /* CHOSEN ITEM */ .ts-active-filters { order: 0; } .no-filter-area .ts-active-filters { display: flex; align-items: baseline; gap: 5px 20px; width: 100%; } .no-filter-area .ts-active-filters .widget_layered_nav_filters { margin-bottom: 0; flex-wrap: nowrap; display: flex; align-items: baseline; gap: 20px; } .no-filter-area .ts-active-filters .widgettitle { margin: 0; } .ts-active-filters .button-text { font-size: var(--loobek-main-font-size); } .ts-active-filters:empty { display: none !important; } .ts-sidebar-content>.title { display: none; } .style-filter-dropdown:not(.style-dropdown-border) .ts-sidebar-content>.title { font-size: var(--loobek-h6-font-size); line-height: var(--loobek-h6-line-height); } .filter-widget-area .ts-active-filters>.button-text { margin-top: 20px; } .style-filter-popup.filter-widget-area .ts-active-filters { margin-bottom: 20px; } .style-filter-popup .filter-widget-area .ts-active-filters+.widget-container { border-width: 0; padding-top: 20px; } .style-filter-popup .filter-widget-area .ts-active-filters:after { position: absolute; left: -40px; right: -40px; border-width: 1px 0 0 0; border-style: solid; content: ""; bottom: 0; z-index: 0; } .style-filter-popup .filter-widget-area .ts-active-filters { padding-bottom: 40px; margin: 0 0 20px 0; position: relative; } .style-filter-popup #ts-filter-widget-area .widget-title-wrapper a.block-control { display: block; position: absolute; z-index: 1; left: 0; right: 0; top: 0; text-align: end; width: auto; height: auto; } .style-filter-popup #ts-filter-widget-area .widget-title { margin-bottom: 0; } .style-filter-popup #ts-filter-widget-area .widget-container>*:not(.widget-title-wrapper) { display: none; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; } .style-filter-popup #ts-filter-widget-area .widget-container>*.active { display: block; padding-top: 20px; -webkit-animation-duration: 300ms; -moz-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_fade; -moz-animation-name: animation_fade; animation-name: animation_fade; } .style-filter-popup #ts-filter-widget-area .widget-container.product-filter-by-color>*.active, .filter-by-attribute-inline .style-filter-popup #ts-filter-widget-area .widget-container.widget_layered_nav>*.active { display: flex; } .style-filter-popup .filter-widget-area .widget-container { padding: 20px 0; margin: 0; } #ts-filter-widget-area { clear: both; display: block; order: 19; width: 0; position: absolute; } #ts-filter-widget-area .ts-sidebar-content { overflow: auto; } #ts-filter-widget-area .overlay { display: none; } .ts-active-filters .widgettitle { width: 100%; margin-bottom: 20px; font-size: var(--loobek-h6-font-size); line-height: var(--loobek-h6-line-height); font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); text-transform: none !important; } .woocommerce .widget_layered_nav_filters ul { gap: 10px; display: flex; flex-wrap: wrap; overflow: visible; } .woocommerce .widget_layered_nav_filters ul li { padding: 0; width: auto; } .woocommerce .widget_layered_nav_filters ul li a { line-height: 32px; padding: 0 15px; border-width: 1px; border-style: solid; text-align: center; display: inline-block; position: relative; white-space: nowrap; font-size: var(--loobek-main-small-font-size); color: var(--loobek-text-bold-color); border-color: var(--loobek-text-bold-color); } .woocommerce .style-dropdown-border .widget_layered_nav_filters ul li a { background: #f5f5f5; border-color: #f5f5f5; padding-left: 20px; padding-right: 40px; /* rtl */ font-family: var(--loobek-heading-font); font-weight: var(--loobek-heading-font-weight); letter-spacing: var(--loobek-heading-letter-spacing); } .woocommerce .style-dropdown-border .widget_layered_nav_filters ul li a:before { background: transparent !important; color: inherit; top: 50%; transform: translateY(-50%); right: 20px; /* rtl */ font-size: 8px; } .woocommerce .style-dropdown-border .widget_layered_nav_filters ul li a:hover:before { color: red; } .woocommerce .widget_layered_nav_filters ul li a:before, .filter-by-attribute-inline .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:before, #page .special-filter-area .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:before, .widget-container.product-filter-by-color ul li.chosen a:before { display: block; content: "\e906"; font-family: 'icomoon'; font-weight: normal; position: absolute; top: -1px; right: -1px; /* rtl */ left: auto; z-index: 1; width: 10px; height: 10px; line-height: 10px; text-align: center; font-size: 6px; border-width: 0; margin: 0; color: #ffffff; } .woocommerce .widget_layered_nav_filters .amount { margin-left: 5px; /* rtl */ } .woocommerce .widget_layered_nav_filters ul li:hover a:before, .filter-by-attribute-inline .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:hover:before, #page .special-filter-area .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:hover:before, .widget-container.product-filter-by-color ul li.chosen a:hover:before { color: #ffffff; background: red; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 6. WIDGET CATEGORIES ---------------------------------------------------------------------------------------*/ .elementor-widget-container>h5 { font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); } .elementor-widget-container>ul li, .elementor-widget-container ul.menu li, .elementor-widget-container .list-icons li, .widget_categories>ul li, .product-categories li, .wp-block-page-list li { list-style: none; } .elementor-widget .elementor-icon-list-item a { transition: none; } ul.product-categories>li, .product-filter-by-brand div ul>li, .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item, .product-filter-by-price ul li label { position: relative; } .widget-container ul li>a, .dokan-widget-area .widget ul li>a, .dokan-orders-content .dokan-orders-area ul.order-statuses-filter li a, .ts-product-categories-widget ul.product-categories>li>span.icon-toggle, .product-filter-by-price ul li label, .woocommerce.widget_layered_nav>ul>li>a:hover, .widget_product_categories>ul>li>a:hover, .widget-container.widget_product_categories ul li.current-cat-parent>a, .product-filter-by-brand ul li label, .product-filter-by-availability ul li label, .woocommerce .product-filter-by-color ul li a:hover, .woocommerce .widget_rating_filter ul li a:hover { color: var(--loobek-text-bold-color); } body:not(.filter-by-attribute-inline) .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item, .product-filter-by-availability div>ul>li label, .woocommerce .product-filter-by-brand ul>li label { justify-content: space-between; display: flex; } .widget-container ul li span.count { font-weight: 400 !important; font-size: var(--loobek-main-small-font-size); } .product-filter-by-brand ul>li label, body:not(.filter-by-attribute-inline) .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .product-filter-by-price ul li label, .woocommerce .widget_rating_filter ul li a, .product-filter-by-availability ul li label { padding-left: 30px; /* rtl */ position: relative; display: inline-block; font-size: var(--loobek-main-small-font-size); } .widget_categories ul>li, .widget_archive ul>li { display: flex; flex-wrap: wrap; justify-content: space-between; } .widget_categories>ul>li>a, .widget_pages>ul>li>a, .widget_nav_menu>div>ul>li>a, .widget-container ul.product-categories>li>a, .ts-product-categories-widget-wrapper .all-categories>span, .wp-block-categories-list li a, .wp-block-page-list li a { font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); font-size: var(--loobek-button-font-size); line-height: var(--loobek-main-font-line-height); } .ts-product-categories-widget-wrapper .all-categories>span:hover, .ts-product-categories-widget-wrapper .all-categories>span.active, .ts-product-categories-widget ul.product-categories>li>span.icon-toggle:hover, .widget-container ul>li a:hover, .widget-container ul ul li>a:hover, .widget-container ul ul li.current>a, .widget_categories>ul>li>a:hover, .widget_pages>ul>li>a:hover, .widget-container ul li[class*="current-"]>a, .widget-container.widget_product_categories ul li.current-cat-parent>a:hover, .wp-block-categories-list li a:hover, .wp-block-page-list li a:hover { color: var(--loobek-primary-color); } .widget_categories>ul>li, .woocommerce .widget_rating_filter ul li a { font-size: var(--loobek-main-small-font-size); } .wp-block-categories-list li a, .woocommerce .widget_rating_filter ul li a, .wp-block-page-list li a { color: var(--loobek-text-bold-color); } .widget_categories>ul ul { width: 100%; } .widget_categories>ul ul>li a { font-size: var(--loobek-main-font-size); } .product-filter-by-brand ul>li label:before, body:not(.filter-by-attribute-inline) .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before, .product-filter-by-price ul li label:before, .woocommerce .widget_rating_filter ul li a:before, .product-filter-by-availability ul li label:before, .product-on-sale-form label:before, .ts-extra-products-wrapper .item>label:before, .woocommerce-grouped-product-list-item__checkbox>label:before { border-width: 1px; border-style: solid; display: inline-block; width: 20px; height: 20px; margin-top: -10px; content: ""; position: absolute; top: 50%; left: 0; /* rtl */ border-color: var(--loobek-text-bold-color); } .product-filter-by-brand ul>li label:after, body:not(.filter-by-attribute-inline) .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:after, .product-filter-by-price ul li label:after, .woocommerce .widget_rating_filter ul li a:after, .product-filter-by-availability ul li label:after, .product-on-sale-form label:after, .ts-extra-products-wrapper .item>label:after, .woocommerce-grouped-product-list-item__checkbox>label:after { font-family: 'icomoon'; letter-spacing: 0; font-weight: normal; font-size: 10px; content: "\e90a"; top: 50%; margin-top: -10px; width: 20px; line-height: 20px; text-align: center; left: 0; /* rtl */ position: absolute; transform: scale(0, 0); transition: 200ms ease 0s; color: #ffffff; } .product-filter-by-brand ul>li.selected label:after, .product-filter-by-brand ul>li:hover label:after, body:not(.filter-by-attribute-inline) .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:after, body:not(.filter-by-attribute-inline) .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover:after, .product-filter-by-price ul li.chosen label:after, .product-filter-by-price ul li label:hover:after, .woocommerce .widget_rating_filter ul li.chosen a:after, .woocommerce .widget_rating_filter ul li a:hover:after, .product-filter-by-availability ul li.selected label:after, .product-filter-by-availability ul li label:hover:after, .product-on-sale-form label:hover:after, .product-on-sale-form.checked label:after, body.ts_desktop .ts-extra-products-wrapper .item>label:hover:after, .ts-extra-products-wrapper .item>label.checked:after, body.ts_desktop .woocommerce-grouped-product-list-item__checkbox>label:hover:after, .woocommerce-grouped-product-list-item__checkbox>label.checked:after { transform: scale(1, 1); } .product-filter-by-brand ul>li.selected label, body:not(.filter-by-attribute-inline) .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a, .product-filter-by-price ul li.chosen label, .woocommerce .widget_rating_filter ul li.chosen a, .product-filter-by-availability ul li.selected label, .product-on-sale-form.checked label, .woocommerce .woocommerce-ordering .orderby-current, .product-per-page-form ul.perpage>li span { font-family: var(--loobek-main-font-bold); font-weight: var(--loobek-main-font-bold-weight); } .product-filter-by-availability ul li.selected label:before, .product-filter-by-availability ul li:hover label:before, .product-filter-by-price ul li.chosen label:before, .product-filter-by-price ul li label:hover:before, .product-filter-by-brand div>ul>li.selected>label:before, .product-filter-by-brand div>ul>li>label:hover:before, .product-filter-by-availability ul>li.selected label:before, .product-filter-by-availability ul>li label:hover:before, body:not(.filter-by-attribute-inline) .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover:before, body:not(.filter-by-attribute-inline) .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:before, .widget-container .product-filter-by-color ul a:hover>span:first-child, .widget-container .product-filter-by-color ul li .chosen a>span:first-child, .woocommerce .widget_rating_filter ul li a:hover:before, .woocommerce .widget_rating_filter ul li.chosen a:before, .product-on-sale-form:hover label:before, .product-on-sale-form.checked label:before, .woocommerce .widget_layered_nav_filters ul li a:before, .filter-by-attribute-inline .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:before, #page .special-filter-area .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:before, .widget-container.product-filter-by-color ul li.chosen a:before, .ts-product-attribute>div.color.selected a:before, .yith-wfbt-section li .checkboxbutton.checked, .yith-wfbt-section li .checkboxbutton:hover, body.ts_desktop .ts-extra-products-wrapper .item>label:hover:before, .ts-extra-products-wrapper .item>label.checked:before, body.ts_desktop .woocommerce-grouped-product-list-item__checkbox>label:hover:before, .woocommerce-grouped-product-list-item__checkbox>label.checked:before { background-color: var(--loobek-text-bold-color); } /* WIDGET TS CATEGORIES */ .product-categories .count { color: var(--loobek-text-color); } .ts-product-categories-widget-wrapper .all-categories>span { margin-bottom: 10px; cursor: pointer; display: flex; justify-content: space-between; position: relative; } .ts-product-categories-widget-wrapper .all-categories>span:after { content: "\e902"; font-family: 'icomoon'; font-size: 20px; font-weight: normal; letter-spacing: 0; } .ts-product-categories-widget-wrapper .all-categories>span.active:after { content: "\e905"; } .ts-product-categories-widget-wrapper .all-categories .product-categories { margin-bottom: 12px; } .ts-product-categories-widget ul.product-categories li.cat-parent>span.icon-toggle { position: absolute; right: -8px; /* rtl */ top: 5px; z-index: 2; display: block; width: 24px; height: 24px; text-align: center; line-height: 24px; cursor: pointer; } .ts-product-categories-widget ul.product-categories li.cat-parent:first-child>span.icon-toggle { top: 0; } .ts-product-categories-widget ul.product-categories ul li.cat-parent>span.icon-toggle { top: 4px; } .ts-product-categories-widget ul.product-categories li span.icon-toggle { display: none; } .ts-product-categories-widget ul.product-categories li.cat-parent>span.icon-toggle:before { content: "\e902"; font-family: 'icomoon'; font-size: 20px; font-weight: normal; letter-spacing: 0; display: inline-block; } .ts-product-categories-widget ul.product-categories li.cat-parent.active>span.icon-toggle:before { content: "\e905"; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 7. WIDGET LIST PRODUCT -------------------------------------------------------------------------------------*/ .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { margin: 0; } .woocommerce ul.cart_list li.empty, .woocommerce ul.product_list_widget li.empty { min-height: 0; margin: 0; padding: 0; } .woocommerce ul.product_list_widget li, .elementor-widget-container ul.product_list_widget li { position: relative; margin: 0 0 20px 0; padding: 0; overflow: hidden; list-style: none; display: flex; } .widget-container ul.product_list_widget li .ts-wg-meta>a, .woocommerce ul.product_list_widget li .ts-wg-meta>a, .woocommerce ul.product_list_widget li .product-name a { text-transform: none; } .woocommerce .product_list_widget li .product-categories, .woocommerce .product_list_widget li>a, .woocommerce .product_list_widget li .ts-wg-meta>a, .widget_recent_reviews .reviewer { line-height: 24px; } #page ul.product_list_widget li .ts-wg-meta>a { display: inline-block; } #page .widget_shopping_cart ul.product_list_widget li { flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0; } #page .widget_shopping_cart ul.product_list_widget li>a { max-height: none; display: flex; align-items: center; margin-right: 15px; /* rtl */ } #page .widget_shopping_cart ul.product_list_widget li>a:not(.remove) { flex: 2 0; } #page .widget_shopping_cart ul.product_list_widget li img { margin-right: 15px; /* rtl */ } ul.product_list_widget li .ts-wg-meta { margin-left: 110px; /* rtl */ max-width: 290px; } .no-thumbnail ul.product_list_widget li .ts-wg-meta { margin-left: 0 !important; margin-right: 0 !important; } /* Dt Dd Variable product widget */ .woocommerce ul.product_list_widget li dl dd, .woocommerce ul.product_list_widget li dl dt { margin: 0 0 4px 0; padding: 0; } .woocommerce ul.product_list_widget li dl { float: left; /* rtl */ position: relative; border: 0; padding-left: 1em; /* rtl */ } .woocommerce ul.product_list_widget li dl dd, .woocommerce ul.product_list_widget li dl dt { float: left; /* rtl */ } .woocommerce ul.product_list_widget li dl:before { position: absolute; left: 0; /* rtl */ top: 4px; bottom: 6px; right: auto; border-width: 0 1px 0 0; border-style: solid; content: ""; width: 1px; display: inline-block; } .woocommerce.ts-products-widget-wrapper ul.product_list_widget>li:last-child, .widget_products ul.product_list_widget>li:last-child, .widget_recently_viewed_products ul.product_list_widget>li:last-child { padding-bottom: 0; margin-bottom: 0; border-width: 0; } .woocommerce ul.product_list_widget li>.ts-wg-thumbnail { width: 80px; min-width: 80px; position: relative; padding: 0; } .ts-search-result-container ul.product_list_widget li>.ts-wg-thumbnail { min-width: 60px; width: 60px; } .woocommerce ul.product_list_widget li>.ts-wg-thumbnail img { width: 100%; } body.image-button-radius ul.product_list_widget li>.ts-wg-thumbnail img { border-radius: 10px; } .woocommerce ul.product_list_widget li .ts-wg-meta { margin-left: 15px; /* rtl */ } .woocommerce ul.product_list_widget li>.ts-wg-thumbnail:before, .elementor-widget-container ul.product_list_widget li>.ts-wg-thumbnail:before { position: absolute; z-index: 4; left: 0; right: 0; bottom: 0; top: 0; content: ""; background: rgba(0, 0, 0, 0.1); opacity: 0; transition: 300ms ease 0s; } .woocommerce ul.product_list_widget li>.ts-wg-thumbnail:hover:before, .elementor-widget-container ul.product_list_widget li>.ts-wg-thumbnail:hover:before { opacity: 1; } .woocommerce ul.product_list_widget li a:hover, .elementor-widget-container ul.product_list_widget li a:hover { text-decoration: none; } /* Categories */ .product-categories span.count { display: inline-block; } .widget_product_categories .product-categories span.count { float: right; /* rtl */ } .widget_product_categories .product-categories li { overflow: hidden; } /* Price */ .woocommerce ul.product_list_widget li span.amount { display: inline; } .elementor-widget-container ul.product_list_widget li span.amount { display: inline; } /* Rating */ .woocommerce p.stars a.star-1, .woocommerce p.stars a.star-2, .woocommerce p.stars a.star-3, .woocommerce p.stars a.star-4, .woocommerce p.stars a.star-5 { border-color: var(--loobek-border); } .woocommerce p.stars a:hover~a:before, .woocommerce p.stars.selected a.active~a:before { color: var(--loobek-text-color) !important; } .woocommerce p.stars a:hover { text-decoration: none; color: var(--loobek-text-bold-color); } .woocommerce p.stars a { border: 0; color: var(--loobek-text-color); } .woocommerce p.stars a:before { font-size: 14px; } .woocommerce p.stars a { line-height: 1em; font-size: 0; width: auto; height: auto; } .woocommerce ul.product_list_widget, .elementor-widget-container ul.product_list_widget { padding: 0; margin: 0; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { margin: 0; padding: 20px 0; border-width: 1px 0 0 0; border-style: solid; position: relative; overflow: hidden; } .woocommerce .widget_shopping_cart p.buttons, .woocommerce.widget_shopping_cart p.buttons { margin-bottom: 0; } .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a { margin: 0; width: 100%; } .woocommerce.widget_shopping_cart .buttons .button:hover, .woocommerce .widget_shopping_cart .buttons .button:hover { color: var(--loobek-button-hover-color); background-color: var(--loobek-button-hover-bg); border-color: var(--loobek-button-hover-border); } .woocommerce .widget_shopping_cart .buttons a.checkout, .woocommerce.widget_shopping_cart .buttons a.checkout { margin-top: 10px; } /* Widget recent review */ .woocommerce.widget_recent_reviews ul.product_list_widget li { position: relative; padding-left: 75px; /* rtl */ display: flex; flex-direction: column; gap: 6px; } .woocommerce.widget_recent_reviews ul.product_list_widget li img { width: 60px; position: absolute; top: 0; left: 0; /* rtl */ } .woocommerce.widget_recent_reviews ul.product_list_widget li .star-rating { margin-top: 0; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 8. WIDGET CALENDAR -----------------------------------------------------------------------------------------*/ #page .widget_calendar { background: rgba(180, 180, 180, 0.1); } .widget_calendar .wp-calendar-nav { padding: 5px 15px; } .widget_calendar .widget-title-wrapper { display: none; } #calendar_wrap { overflow: auto; margin: 0 !important; padding-top: 0; } body.image-button-radius #calendar_wrap { border-radius: 10px; } .widget_calendar table { border-width: 0 0 1px 0; border-style: solid; margin: 0; } body .widget_calendar table td, body .widget_calendar table th { border-width: 0 !important; padding: 2px 5px 1px 5px; text-align: center; background: transparent; font-size: var(--loobek-main-font-size); line-height: var(--loobek-main-font-line-height); } .widget_calendar caption { padding: 7px 0 6px 0; text-align: center; background: #161616; color: #fff; font-size: 14px; font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); } .widget_calendar td#prev { text-align: start; /* rtl */ } .widget_calendar td#next { text-align: end; /* rtl */ } table#wp-calendar thead th { color: var(--loobek-text-bold-color); } /*--------------------------------------------------------------------------------------------------------------*/ /*- 9. WIDGET SEARCH -------------------------------------------------------------------------------------------*/ .widget_product_search form, .widget_search form, .woocommerce-product-search { position: relative; padding-top: 0; padding-bottom: 0; } .woocommerce-product-search input[type="search"], .widget_product_search form input[type="search"], .widget_search form .search-table input[type="text"] { max-width: 100%; width: 100%; margin: 0; padding-left: 20px; /* rtl */ padding-right: 50px; /* rtl */ } .woocommerce-product-search input[type="search"] { padding-left: 20px; /* rtl */ padding-right: 40px; /* rtl */ } .widget_product_search form button, .widget_search form input[type="submit"], .woocommerce-product-search button { padding: 0 !important; border: 0 !important; font-size: 0 !important; background: transparent !important; position: absolute; right: 0; /* rtl */ top: 0; min-width: 0; width: 46px; height: 46px; } .widget_search>form .search-button:before, .widget_product_search>form:before, .woocommerce-product-search:before { position: absolute; top: 0; right: 0; /* rtl */ width: 46px; line-height: 46px; text-align: center; content: "\e917"; font-weight: normal; font-size: 20px; font-family: 'icomoon'; transition: color 500ms ease 0s; } .woocommerce-product-search:before { color: var(--loobek-text-bold-color); } .woocommerce-product-search { display: flex; margin: 0 auto; justify-content: center; max-width: 550px; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 10. WIDGET BLOG --------------------------------------------------------------------------------------------*/ .widget_recent_comments ul li, .widget_categories>ul>li, .widget_archive>ul>li, .widget_rss .rss-date, .widget_rss cite { color: var(--loobek-text-color); } .widget-container li>a:hover, .elementor-widget-container li>a:hover { text-decoration: none; } .widget-container ul ul li>a:hover, .elementor-widget-container ul ul li>a:hover { text-decoration: underline; } .widget_recent_comments ul li .comment-author-link:before { font-family: 'icomoon' !important; font-weight: normal !important; /* default */ display: inline-block; content: "\e93f"; font-size: 12px; margin-right: 5px; /* rtl */ color: var(--loobek-text-bold-color); } .widget_recent_entries ul li:last-child, .widget_recent_comments ul li:last-child, .widget_archive ul li:last-child, .widget_display_forums ul li:last-child, .widget_display_topics ul li:last-child, .widget_display_replies ul li:last-child, .widget_meta ul li:last-child, .widget_rss ul li:last-child { padding-bottom: 0; margin-bottom: 0; border-width: 0; } .widget_recent_entries .post-date { font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); color: var(loobek-text-light-color); display: inline-block; width: 100%; } .widget_recent_comments .comment-author-link a { text-decoration: none; font-weight: 500; color: var(--loobek-text-bold-color); } .widget_recent_comments .comment-author-link a:hover { text-decoration: underline; } /* Type blog */ .widget-container .post_list_widget>li a.post-title { font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); color: var(--loobek-text-bold-color); } .ts-list-of-product-tags-wrapper li a:hover { color: var(--loobek-primary-color); } .post_list_widget .ts-video.auto-size { padding-bottom: 57.25% !important; } .post_list_widget .ts-video.auto-size, .post_list_widget .ts-soundcloud { margin-bottom: 16px; } .post_list_widget .entry-meta { margin-bottom: 2px; font-style: italic; } .post_list_widget .entry-meta>span { margin-right: 20px; /* rtl */ font-size: 95%; } .post_list_widget .entry-meta>span:last-child { margin-right: 0; /* rtl */ } .post_list_widget { margin: 0; display: flex; flex-direction: column; gap: 30px; } .post_list_widget blockquote { margin: 0; padding: 0 0 0 20px; /* rtl */ font-size: var(--loobek-main-font-size); line-height: var(--loobek-main-font-line-height); } .post_list_widget blockquote:before { font-size: 30px; } .post_list_widget li.quote .entry-meta-top { margin: 10px 0 0 0; } .post_list_widget li.quote .entry-meta-top * { line-height: 24px; } .ts-blogs-widget-wrapper .post_list_widget>li { position: relative; padding: 0; display: block; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ts-blogs-widget-wrapper .post_list_widget>li a.thumbnail { overflow: hidden; position: relative; display: block; } .ts-blogs-widget-wrapper:not(.style-list-item) .post_list_widget>li { display: grid; grid-template-columns: 80px auto; align-items: center; justify-content: space-between; gap: 15px; } .ts-blogs-widget-wrapper:not(.style-list-item) h6.entry-title { font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } .ts-blogs-widget-wrapper:not(.style-list-item) .post_list_widget>li.quote { display: block; } .ts-blogs-widget-wrapper .post_list_widget>li a.thumbnail img { backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); } .ts-blogs-widget-wrapper .post_list_widget>li a.thumbnail:hover img { transform: scale(1.1); } .ts-blogs-widget-wrapper:not(.style-list-item) .post_list_widget>li a.thumbnail, .ts-blogs-widget-wrapper:not(.style-list-item) .ts-video.auto-size, .ts-blogs-widget-wrapper:not(.style-list-item) .ts-soundcloud { margin: 0; } .ts-blogs-widget-wrapper:not(.style-list-item) .post_list_widget>li .thumbnail { width: 80px; height: 80px; display: inline-block; } .ts-blogs-widget-wrapper:not(.style-list-item) .post_list_widget>li .thumbnail figure img { height: 100%; width: auto !important; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0; max-width: none; } .ts-blogs-widget-wrapper:not(.style-list-item).no-image .post_list_widget>li .entry-content { width: 100%; } .ts-blogs-widget-wrapper:not(.style-list-item) .post_list_widget h6.entry-title { font-size: var(--loobek-main-font-size); } .ts-blogs-widget-wrapper .post_list_widget>li a:hover { text-decoration: none; } .ts-blogs-widget-wrapper .post_list_widget header h5 { margin-bottom: 0; } .ts-blogs-widget-wrapper .post_list_widget header, .post_list_widget .entry-content { display: flex; flex-direction: column; gap: 10px; } .ts-blogs-widget-wrapper .post-title { display: inline-block; } .post_list_widget h6.entry-title { margin-bottom: 0; line-height: 24px; } .ts-blogs-widget-wrapper .entry-meta-top { display: flex; gap: 0 20px; flex-wrap: wrap; } .post_list_widget .excerpt { font-size: var(--loobek-main-font-size); } /*--------------------------------------------------------------------------------------------------------------*/ /*- 11. WIDGET RECENT COMMENTS ---------------------------------------------------------------------------------*/ .comment_list_widget .comment-body { border: 0; margin: 0; padding: 0; /* rtl */ position: relative; background: transparent; font-style: normal; min-height: 0; font-size: var(--loobek-main-font-size); line-height: var(--loobek-main-font-line-height); color: var(--loobek-text-color); } .comment_list_widget .comment-body:after, .comment_list_widget .comment-body:before { display: none; } .ts-recent-comments-widget-wrapper .comment_list_widget>li { margin: 0 0 20px 0; padding: 0 0 20px 0; border-width: 0 0 1px 0; border-style: dashed; clear: both; display: block; position: relative; } .comment_list_widget { margin-bottom: 0; } .ts-recent-comments-widget-wrapper .comment_list_widget>li:last-child { border-width: 0; padding-bottom: 0; margin-bottom: 0; } .comment_list_widget .comment-meta { margin-bottom: 10px; display: flex; align-items: center; } .comment_list_widget .comment-meta>.meta { font-size: var(--loobek-main-small-font-size); } .comment_list_widget .avatar { width: 60px; border-radius: 100%; } .comment_list_widget .avatar>a { position: relative; } .comment_list_widget .meta { padding-left: 15px; /* rtl */ color: var(--loobek-text-light-color); } .comment_list_widget .meta .author { display: block; } a.author, .author a { text-decoration: none; } .comment_list_widget .meta .date { font-style: italic; } .comment_list_widget blockquote { clear: both; text-align: start; font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } /*--------------------------------------------------------------------------------------------------------------*/ /*- 12. WIDGET RSS ---------------------------------------------------------------------------------------------*/ .widget_rss .rss-date { margin: 6px 0 6px 0; display: block; font-size: var(--loobek-main-small-font-size); } .widget_rss .rss-date:before { font-family: 'icomoon'; letter-spacing: 0; display: inline-block; line-height: 24px; font-size: 12px; font-weight: normal; content: "\e908"; margin-right: 6px; /* rtl */ } .widget_rss .rsswidget { font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); } .widget_rss cite { margin-top: 10px; display: inline-block; width: 100%; font-style: normal; font-size: var(--loobek-main-small-font-size); } .widget_rss cite:before { font-family: 'icomoon'; letter-spacing: 0; display: inline-block; line-height: 24px; font-size: 12px; font-weight: normal; content: "\e93f"; margin-right: 4px; /* rtl */ } .widget_rss .widget-title:before { display: none !important; } .widget_rss>ul>li { margin-bottom: 20px; padding-bottom: 20px; border-width: 0 0 1px 0; border-style: dashed; } .widget_rss>ul>li:last-child { margin: 0; padding: 0; border-width: 0; } .ts-product-attribute>div a, .wp-block-archives li a, .wp-block-latest-posts li a, .wp-block-tag-cloud a, .wp-block-rss li a, .woocommerce .widget_layered_nav ul li a, .widget-container.widget_rss ul li>a { color: var(--loobek-text-bold-color); } .wp-block-archives li a:hover, .wp-block-latest-posts li a:hover, .wp-block-tag-cloud a:hover, .wp-block-rss li a:hover { color: var(--loobek-primary-color); } /*--------------------------------------------------------------------------------------------------------------*/ /*- 13. WIDGET COMPARE -----------------------------------------------------------------------------------------*/ body .yith-woocompare-widget { overflow: hidden; } #page .yith-woocompare-widget ul { margin-bottom: 10px; } body .yith-woocompare-widget ul.products-list li:not(.list_empty) { position: relative; padding: 8px 0; border-width: 0 0 1px 0; border-style: solid; } body .yith-woocompare-widget ul.products-list li:not(.list_empty):last-child { border-width: 0; } body .yith-woocompare-widget a.clear-all { position: relative; top: 6px; } body .yith-woocompare-widget, body .yith-woocompare-widget * { backface-visibility: hidden; -webkit-backface-visibility: hidden; } body .yith-woocompare-widget ul.products-list a.remove { position: absolute; right: 0; /* rtl */ left: auto; top: 8px; content: ""; z-index: 2; font-size: 0; line-height: 0; height: auto; width: auto; text-indent: 0; padding: 0; background: transparent !important; border-radius: 0; } body .yith-woocompare-widget ul.products-list a.remove:before { content: "\f00d"; font-family: 'Font Awesome 5 Free'; letter-spacing: 0; font-weight: 900; line-height: 24px; font-size: 14px; } body .yith-woocompare-widget a.compare { float: right; /* rtl */ padding: 5px 10px; } body .yith-woocompare-widget a.compare:before { display: none !important; } body .yith-woocompare-widget ul.products-list li .title { margin-right: 20px; /* rtl */ font-size: 100%; text-transform: none; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 14. WIDGET INSTAGRAM ---------------------------------------------------------------------------------------*/ .ts-instagram-elementor-widget { overflow: hidden; } .ts-instagram-elementor-widget .widget-container { margin: 0; padding: 0; border-width: 0; } .widget-container .instagram-username { margin-bottom: 20px; } .ts-instagram-elementor-widget .widget-container .instagram-username { position: relative; top: -28px; margin-bottom: 0; } .title-center .instagram-username { text-align: center; } .instagram-username>a { font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); color: var(--loobek-text-bold-color); } .instagram-username>a:hover { color: var(--loobek-primary-color); } .widget-container .instagram-username>a { position: relative; text-decoration: none; } .widget-container .instagram-username>a:before { position: absolute; left: 0; right: 0; bottom: 0; border-width: 1px 0 0 0; border-style: solid; content: ""; border-color: var(--loobek-text-bold-color); } .widget-container .instagram-username>a:hover:before { border-color: var(--loobek-primary-color); } .ts-instagram-wrapper .items { display: flex; align-items: flex-end; flex-wrap: wrap; margin: -5px; position: static; } .ts-instagram-wrapper .items .item { padding: 5px; } .margin-small .ts-instagram-wrapper .items { margin: -2px; } .margin-small .ts-instagram-wrapper .items .item { padding: 2px; } .ts-instagram-wrapper .item img { width: 100%; transition: 350ms ease; } .ts-instagram-wrapper .item:hover img { -webkit-filter: brightness(0.6); filter: brightness(0.6); transform: scale(1.1); } .ts-instagram-wrapper .item:hover>a:after { opacity: 1; } .ts-instagram-wrapper .item>a { overflow: hidden; display: block; position: relative; } .ts-instagram-wrapper .item>a:after { display: inline-block; font-size: 30px; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; opacity: 0; transition: 350ms ease; content: "\e922"; font-family: 'icomoon'; } .ts-instagram-elementor-widget .widget-container .ts-instagram-wrapper { padding: 0; display: block; position: relative; } .widget-container.title-center { text-align: center; } .ts-instagram-wrapper.ts-slider .swiper-wrapper { align-items: flex-end; } .ts-instagram-elementor-widget .widget-container.ts-instagram-widget { overflow: visible; } #page .ts-instagram-elementor-widget .swiper-button-prev, #page .ts-instagram-elementor-widget .swiper-button-next { top: 50%; margin-top: -20px; width: 40px; height: 40px; opacity: 0; visibility: hidden; } #page .ts-instagram-elementor-widget .items:hover .swiper-button-next, #page .ts-instagram-elementor-widget .items:hover .swiper-button-prev { opacity: 1; visibility: visible; } #page .ts-instagram-elementor-widget .swiper-button-prev:before, #page .ts-instagram-elementor-widget .swiper-button-next:before { font-size: 10px; line-height: 40px; } #page .ts-instagram-elementor-widget .swiper-button-next { right: 0; /* rtl */ left: auto; } #page .ts-instagram-elementor-widget .swiper-button-prev { left: 0; /* rtl */ right: auto; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 15. WIDGET FACEBOOK ----------------------------------------------------------------------------------------*/ .ts-facebook-page-widget .fb_iframe_widget, .ts-facebook-page-widget .fb_iframe_widget iframe, .ts-facebook-page-widget .fb_iframe_widget>span { max-width: 100%; width: 100% !important; height: auto; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 16. WIDGET RATING FILTER -----------------------------------------------------------------------------------*/ .woocommerce .widget_rating_filter ul li { margin-bottom: 10px; padding: 0; } .woocommerce .widget_rating_filter ul li a { display: flex; align-items: center; padding-top: 0; padding-bottom: 0; } .woocommerce .widget_rating_filter ul li .star-rating { margin-right: 10px; /* rtl */ } .woocommerce .widget_rating_filter ul li.chosen a:before { font-weight: normal; content: ""; } #page .widget_rating_filter .star-rating { width: 94px; /* rtl letter-spacing */ } #page .widget_rating_filter .star-rating:before, #page .widget_rating_filter .star-rating span:before { letter-spacing: 6px; font-size: 14px; line-height: 14px; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 17. WIDGET MAILCHIMP ---------------------------------------------------------------------------------------*/ .widget_mc4wp_form_widget .mc4wp-form { position: relative; } .widget_mc4wp_form_widget .button i { display: none; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 18. WIDGET PRODUCT FILTER BY BRAND -------------------------------------------------------------------------*/ .product-filter-by-brand-wrapper>ul, .widget_product_categories>ul.product-categories, .ts-product-categories-wrapper ul ul, .product-filter-by-color ul { overflow: auto; } .product-filter-by-brand li, .product-filter-by-availability li { position: relative; } .product-filter-by-brand input[type^="checkbox"], .product-filter-by-availability input[type^="checkbox"] { display: none; } .product-filter-by-brand li>*, .product-filter-by-availability li>* { display: inline; transition: 300ms ease 0s; } .product-filter-by-brand ul li label, .product-filter-by-availability ul li label { padding-bottom: 0; cursor: pointer; } .widget_product_categories ul ul, .product-filter-by-brand .product-filter-by-brand-wrapper ul ul { margin: 10px 0 0 26px; /* rtl */ display: block; } .product-filter-by-brand ul, .product-filter-by-availability ul, .product-filter-by-price ul { margin-bottom: 0; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 19. WIDGET PRICE -------------------------------------------------------------------------------------------*/ .product-filter-by-price ul li label { padding-bottom: 0; cursor: pointer; } /*--------------------------------------------------------------------------------------------------------------*/ /*- V. PRODUCT DEFAULT -----------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------*/ .woocommerce .ts-shortcode:not(.rows-2) .products>.product-group { width: 25%; } .woocommerce .products>.product-group .product { width: 100% !important; } .woocommerce.columns-12 .products .product { width: 8.3333333333%; } .woocommerce.columns-11 .products .product { width: 9.0909090909%; } .woocommerce.columns-10 .products .product { width: 10%; } .woocommerce.columns-9 .products .product { width: 11.1111111111%; } .woocommerce.columns-8 .products .product { width: 12.5%; } .woocommerce.columns-7 .products .product { width: 14.2857142857%; } .woocommerce.columns-6 .products .product { width: 16.6666666666%; } .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% } .main-products.columns-4 .products .product.product-category, .main-products.columns-3 .products .product.product-category, .main-products.columns-2 .products .product.product-category, .main-products.columns-1 .products .product.product-category { width: 20%; } .ts-slider .swiper-slide>.product { width: 100% !important; } .woocommerce .products ul { margin: 0; } .woocommerce.columns-3, .woocommerce.columns-4, .woocommerce.columns-5, .woocommerce.columns-6 { clear: both; } .woocommerce .products { margin: 0 -10px 0 -10px; 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; gap: 40px 0; z-index: 0; } .ts-product.ts-slider .product-group { gap: 40px 0; display: flex; flex-direction: column; } .ts-product.ts-slider.product-has-border-bottom .product-group .product { border-top-width: 0; padding-top: 0; } .ts-product.product-has-border-bottom .shortcode-heading-wrapper { position: relative; z-index: 2; } .ts-product.product-has-border-bottom:not(.ts-slider) .content-wrapper { position: relative; } .ts-product.product-has-border-bottom:not(.ts-slider) .content-wrapper:before { position: absolute; left: 0; right: 0; top: 0; bottom: auto; content: ""; z-index: 1; height: 1px; background-color: var(--loobek-main-bg); } .ts-product.ts-slider.product-has-border-bottom .product-group .product:nth-child(2) { padding-top: 40px; padding-bottom: 0; position: relative; } .ts-product.ts-slider.product-has-border-bottom .product-group .product:nth-child(2):before { position: absolute; left: -1000px; right: -1000px; top: 0; content: ""; height: 1px; border-width: 1px 0 0 0; border-style: solid; } .woocommerce .products .product { margin: 0; padding: 0 10px; } .woocommerce .products>.list-categories { display: flex; 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; } /* FOR SHORTCODE */ .ts-blogs-wrapper .blogs, .ts-shortcode .items, .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; clear: both; } .ts-blogs-wrapper.nav-middle .blogs, .ts-product.nav-middle .content-wrapper, .ts-shortcode.nav-middle .items { position: relative; } .woocommerce .products .product .product-wrapper { max-width: 100%; height: 100%; margin-left: auto !important; margin-right: auto !important; overflow: hidden; position: relative; } #page .item-layout-list .product .product-wrapper { display: flex; align-items: center; } #page .item-layout-list .product-wrapper .thumbnail-wrapper { min-width: calc(50% - 10px); width: calc(50% - 10px); } #page .item-layout-list .product-wrapper .meta-wrapper { padding: 0; margin: 0 20px 0 30px; /* rtl */ } .woocommerce.item-layout-list .heading-title a { color: var(--loobek-text-bold-color); } .woocommerce.item-layout-list .heading-title a:hover { color: var(--loobek-primary-color); } .woocommerce .products .product .product-wrapper .thumbnail-wrapper img { width: 100%; } .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; } .woocommerce .product .thumbnail-wrapper { position: relative; overflow: hidden; transition: width 150ms ease 0s; } .woocommerce .product .thumbnail-wrapper * { backface-visibility: hidden; -webkit-backface-visibility: hidden; } body.image-button-radius .thumbnail-wrapper>a, body.image-button-radius #page .big-thumbnail .thumbnail-wrapper>a { border-radius: 10px; } .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 { overflow: hidden; z-index: 1; position: relative; width: 100%; margin-bottom: 0; } .woocommerce-product-gallery__wrapper:after { content: ''; display: table; clear: both; } .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-price { display: none; } body .yith-wcwl-add-to-wishlist { margin: 0; opacity: 1 !important; } .product-wrapper .button-in.wishlist i, .yith-wcwl-add-to-wishlist i { display: none; } .woocommerce .product-wrapper .meta-wrapper { padding-top: 4px; position: relative; overflow: hidden; } .ts_desktop .product-wrapper:hover .meta-wrapper { overflow: visible; } .woocommerce .product-wrapper .meta-wrapper:after { display: table; clear: both; content: ""; } .ts-product-galleries { display: flex; margin: 14px -5px 0 -5px; flex-wrap: wrap; } .ts-product-galleries>.active { border-color: var(--loobek-text-bold-color); } .meta-wrapper>.ts-product-galleries:last-child { margin-bottom: -5px; margin-top: 10px; } .meta-wrapper>.ts-product-galleries:first-child { margin-top: 1px; margin-bottom: 10px; } .ts-product-galleries>* { margin: 5px; width: 38px; cursor: pointer; border-width: 1px; border-style: solid; border-color: transparent; transition: 100ms ease 0s; } .ts-product-galleries>*:hover { opacity: 0.8; } .ts-product-galleries .active { cursor: default; opacity: 1; } .woocommerce a.button.added:before, .woocommerce button.button.added:before, .woocommerce input.button.added:before { font-family: 'icomoon'; font-weight: normal; letter-spacing: 0; display: inline-block; content: "\e90a"; position: static; padding: 0; } .thumbnail-wrapper .style-inline.ts-countdown .seconds { min-width: 32px; } .ts-product .ts-countdown .counter-wrapper { position: relative; padding: 0 10px; font-family: var(--loobek-main-font-extra-bold); font-weight: var(--loobek-main-font-extra-bold-weight); } .thumbnail-wrapper .product-counter .counter-wrapper { padding: 0; } body.image-button-radius .thumbnail-wrapper .product-counter { border-radius: 5px; } .thumbnail-wrapper .product-counter { padding: 0 0 0 10px; /* rtl */ font-size: var(--loobek-main-small-2-font-size); color: var(--loobek-primary-color); background-color: var(--loobek-text-in-primary-color); } *:not(.product-counter)>.style-inline.ts-countdown { color: var(--loobek-text-in-primary-color); background-color: var(--loobek-primary-color); } /*--------------------------------------------------------------------------------------------------------------*/ /*- 1. META CATEGORIES PRODUCT ---------------------------------------------------------------------------------*/ .product-brands, .woocommerce .products .product .product-categories { overflow: hidden; text-decoration: none; } .product .product-brands a, .product_list_widget .product-brands a, .woocommerce .products .product .product-categories a, .woocommerce .widget-container ul li .product-categories a, .woocommerce .product_list_widget 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, .product_list_widget .product-brands a:hover, .woocommerce .products .product .product-categories a:hover, .widget-container ul li .product-categories a:hover, .woocommerce .product_list_widget li .product-categories a:hover, .ts-products-widget-wrapper .product-categories a:hover { text-decoration: none; } .product_list_widget .product-brands, .product_list_widget .product-categories, .meta-wrapper .product-brands, .meta-wrapper .product-categories, .product .product-sku, .woocommerce-product-rating .woocommerce-review-link { font-size: var(--loobek-main-small-font-size); } .widget-container ul li .product-categories a, .woocommerce .product_list_widget li .product-categories a, .product .product-sku, .product_list_widget .product-brands a, .product .product-brands a { color: var(--loobek-text-light-color); font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } /*--------------------------------------------------------------------------------------------------------------*/ /*- 2. PRODUCT PRICE -------------------------------------------------------------------------------------------*/ .woocommerce .products .product .price ins, .product-meta .price .price ins, .product_list_widget .price ins { margin: 0; } .woocommerce .products .product .price del, .product-meta .price .price del, .product_list_widget .price del { order: 2; opacity: 1; display: block; } .products .product .price, .product-meta .price, .product_list_widget .price { display: flex; flex-wrap: wrap; align-items: center; line-height: 1em; } .product-meta .price, .product .price { display: flex; flex-wrap: wrap; gap: 0 6px; } .product-meta .price, .ts-wg-meta .price { margin-top: 5px; } .ts-wg-meta .star-rating-wrapper { margin-top: 5px; } .ts-wg-meta .star-rating-wrapper+.price { margin-top: 8px; } .meta-wrapper .price, .wishlist_table .amount, .yith-wfbt-section .amount, .woocommerce div.product .product-wrapper .price { font-size: var(--loobek-main-font-size); } /*--------------------------------------------------------------------------------------------------------------*/ /*- 3. PRODUCT RATING ------------------------------------------------------------------------------------------*/ .woocommerce .products .star-rating, .woocommerce .star-rating, .product_list_widget .star-rating, .ts-testimonial-wrapper .rating { overflow: hidden; position: relative; margin: 0; width: auto; font-size: 14px; display: inline-block; backface-visibility: visible; -webkit-backface-visibility: visible; line-height: 1em; height: auto; } .star-rating-wrapper, .woocommerce .star-rating, .product_list_widget .star-rating { font-size: var(--loobek-main-small-font-size); } .ts-testimonial-wrapper .rating:before, .ts-testimonial-wrapper .rating span:before, .woocommerce .star-rating:before, .woocommerce .star-rating span:before, .product_list_widget .star-rating:before, .product_list_widget .star-rating span:before { content: "\e934\e934\e934\e934\e934"; text-transform: none; margin: 0 -0.2em 0 0; /* rtl */ } .ts-testimonial-wrapper .rating:before, .ts-testimonial-wrapper .rating span:before { margin: 0 -0.3em 0 0; /* rtl */ } .ts-testimonial-wrapper .rating span:before, .woocommerce .star-rating span:before, .product_list_widget .star-rating span:before { content: "\e935\e935\e935\e935\e935"; } .woocommerce p.stars:hover a:before, .woocommerce p.stars.selected a:before, .woocommerce p.stars.selected a:not(.active):before, .woocommerce p.stars.selected a.active:before { content: "\e935"; } .woocommerce p.stars a:before, .woocommerce p.stars a:hover~a:before, .woocommerce p.stars.selected a.active~a:before { content: "\e934"; } .woocommerce .star-rating span:before, .woocommerce .star-rating:before, .woocommerce p.stars a:before, .product_list_widget .star-rating span:before, .product_list_widget .star-rating:before, .ts-testimonial-wrapper .rating span:before, .ts-testimonial-wrapper .rating:before { letter-spacing: 0.4em; font-size: 14px; font-family: 'icomoon'; font-weight: normal; position: static; line-height: 1em; } .woocommerce p.stars a:before { font-size: 20px; } .ts-testimonial-wrapper .rating span:before, .ts-testimonial-wrapper .rating:before { letter-spacing: 0.6em; } .wcpr-col-star .star-rating:before, .wcpr-col-star .star-rating span:before, .wcpr-overall-rating-right-star .star-rating:before, .wcpr-overall-rating-right-star .star-rating span:before { letter-spacing: 6px !important; /* rating comment review */ } .woocommerce .woocommerce-product-rating .star-rating span:before, .woocommerce .woocommerce-product-rating .star-rating:before { opacity: 1 !important; } .rating-wrapper strong.rating { font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); font-size: var(--loobek-main-font-size); line-height: var(--loobek-main-font-line-height); } .ts-testimonial-wrapper .rating:before, .star-rating:before, .woocommerce .star-rating:before, body .star-rating.no-rating:before { color: var(--loobek-star-color) !important; } .woocommerce p.stars:hover a:before, .star-rating span:before, .ts-testimonial-wrapper .rating span:before, .woocommerce p.stars.selected a.active:before, .woocommerce p.stars.selected a:before { color: var(--loobek-star-color) !important; } .star-rating-wrapper .list-view-rating a, .woocommerce-product-rating .woocommerce-review-link, .woocommerce-product-rating>span { color: var(--loobek-text-bold-color); } .woocommerce-product-rating .woocommerce-review-link:hover, .star-rating-wrapper .list-view-rating a:hover { color: var(--loobek-primary-color); } .woocommerce .product_list_widget li>a, .woocommerce .product_list_widget li .ts-wg-meta>a { display: block; } .product-brands, .woocommerce .products .star-rating-wrapper, .woocommerce .products .product .product-categories, .woocommerce .products h3.product-name { margin-top: 6px; } .products .product .product-sku, .woocommerce .products .product .price { margin-top: 6px; } .woocommerce .products .product .price { margin-top: 10px; } .woocommerce .products .product .price { width: 100%; } .woocommerce .products .product .short-description { margin: 15px 0; padding: 18px 0; border-width: 1px 0 1px 0; border-style: solid; } .meta-wrapper .product-categories>span, .ts-wg-meta .product-categories>span { display: none; } .star-rating-wrapper .count-rating { line-height: 24px; margin-left: 2px; /* rtl */ } .woocommerce .products .star-rating-wrapper, .woocommerce .product_list_widget .star-rating-wrapper { overflow: hidden; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; } .product_list_widget .star-rating-wrapper .count-rating { display: none; } .star-rating-wrapper .list-view-rating { display: flex; flex-wrap: wrap; gap: 0 10px; align-items: baseline; } .woocommerce .products .star-rating-wrapper:not(.no-rating) .product-sku { border-width: 1px 0 0 0; border-style: solid; margin-top: 15px; padding-top: 15px; } .woocommerce ul.product_list_widget li .price { display: flex; gap: 0 5px; } .products .product .product-sku span { margin-right: 10px; /* rtl */ } /*--------------------------------------------------------------------------------------------------------------*/ /*- 5. PRODUCT LABEL -------------------------------------------------------------------------------------------*/ .woocommerce .product .product-label .onsale { color: var(--loobek-sale-label-color); background-color: var(--loobek-sale-label-bg); } .woocommerce .product .product-label .onsale.amount { color: var(--loobek-sale-label-color); } .woocommerce .product .product-label .new { color: var(--loobek-new-label-color); background-color: var(--loobek-new-label-bg); } .woocommerce .product .product-label .featured { color: var(--loobek-hot-label-color); background-color: var(--loobek-hot-label-bg); } .woocommerce .product .product-label .out-of-stock { color: var(--loobek-soldout-label-color); background-color: var(--loobek-soldout-label-bg); } .woocommerce .product .product-label { position: absolute; right: auto; left: 10px; /* rtl */ top: 10px; bottom: auto; display: flex; flex-flow: column wrap; align-items: flex-start; z-index: 5; } .label-align-horizontal .woocommerce .product .product-label, .woocommerce.label-align-horizontal .product .product-label { flex-flow: row wrap; } .label-align-horizontal:not(.image-button-radius) .woocommerce .product .product-label, .woocommerce.label-align-horizontal:not(.image-button-radius) .product .product-label { top: 0; left: 0; /* rtl */ } .ts-product-deals-wrapper.show-counter .product .product-label { top: 44px; } .woocommerce .product-label>span.onsale, .woocommerce .product-label>span { position: relative; top: auto; right: auto; left: auto; padding: 0 10px; text-align: center; line-height: 20px !important; min-height: auto; min-width: auto; border-radius: 0; } body.image-button-radius .product-label>span.onsale, body.image-button-radius .product-label>span { border-radius: 5px; } body.product-label-circle .product-label { gap: 2px; } .label-align-horizontal.product-label-circle .woocommerce .product .product-label, .woocommerce.label-align-horizontal.product-label-circle .product .product-label { left: 5px; /* rtl */ top: 5px; } body.product-label-circle .product-label>span.onsale, body.product-label-circle .product-label>span { width: 40px; height: 40px; border-radius: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; text-align: center; } .product-label-rectangle .product-label>span.onsale, .product-label-rectangle .product-label>span { height: 20px; width: auto; font-size: var(--loobek-main-small-2-font-size); } .featured .products .product-label .featured { display: none; } .ts-shortcode .woocommerce.loading .products { transition: none; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 6. GROUP BUTTON PRODUCT THUMBNAIL --------------------------------------------------------------------------*/ .product-hover-style-v3 .product-group-button-meta { display: none; } .product-group-button .button-in a, .product-group-button .button-in a.loading:hover, .ts_desktop.product-hover-style-v4 .product-wrapper .button-in a.loading:hover, .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart a.loading:hover, .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart a, .product-hover-style-v5 .product-group-button-meta div.quickshop a, .ts_desktop.product-hover-style-v4 .product-wrapper .button-in a, body:not(.ts_desktop).product-mobile-style-v1 .product-group-button .loop-add-to-cart a.button, body:not(.ts_desktop).product-mobile-style-v1 .product-group-button .loop-add-to-cart a.button.loading:hover { color: var(--loobek-product-button-thumbnail-color); background-color: var(--loobek-product-button-thumbnail-bg); } .product-group-button .button-in a.loading:hover { border-color: var(--loobek-product-button-thumbnail-bg); } .thumbnail-wrapper .product-group-button .button-in a div.blockUI.blockOverlay:after, .product-group-button .loop-add-to-cart a.button.loading:after { background-color: var(--loobek-product-button-thumbnail-bg); } .product-group-button .button-in a div.blockUI.blockOverlay:before, .ts_desktop.product-hover-style-v4 .product-group-button-meta a div.blockUI.blockOverlay:before, .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart a.loading:before, body:not(.ts_desktop).product-mobile-style-v1 .product-group-button .loop-add-to-cart a.loading:before { border-color: var(--loobek-border); border-top-color: var(--loobek-product-button-thumbnail-color); border-left-color: var(--loobek-product-button-thumbnail-color); } .product-group-button .button-in a:hover, .product-hover-style-v5 .product-group-button-meta .quickshop a:hover, .ts_desktop.product-hover-style-v4 .product-wrapper .button-in a:hover, .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart a:hover, body:not(.ts_desktop).product-mobile-style-v1 .product-group-button .loop-add-to-cart a.button:hover { color: var(--loobek-product-button-thumbnail-hover-color); background-color: var(--loobek-product-button-thumbnail-bg-hover); border-color: var(--loobek-product-button-thumbnail-bg-hover); } .product-group-button .button-in a .button-tooltip, .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart .button-tooltip, .ts_desktop.product-hover-style-v4 .product-wrapper .button-in .button-tooltip, .product-hover-style-v5 .product-group-button-meta .quickshop .button-tooltip { color: var(--loobek-product-button-thumbnail-color); } .product-group-button .button-in .button-tooltip:before, .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart .button-tooltip:before, .product-hover-style-v5 .product-group-button-meta .quickshop .button-tooltip:before, .ts_desktop.product-hover-style-v4 .product-wrapper .button-in .button-tooltip:before, .ts_desktop.product-hover-style-v4 .product-wrapper .button-in a div.blockUI.blockOverlay:after { background-color: var(--loobek-product-button-thumbnail-bg); } .product-group-button .button-in .button-tooltip:after, .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart .button-tooltip:after, .product-hover-style-v5 .product-group-button-meta .quickshop .button-tooltip:after, .ts_desktop.product-hover-style-v5 .main-products.columns-1 .product-group-button .button-in .button-tooltip:after, .ts_desktop.product-hover-style-v5 .main-products.columns-2 .product-group-button .button-in .button-tooltip:after { border-left-color: var(--loobek-product-button-thumbnail-bg); border-right-color: var(--loobek-product-button-thumbnail-bg); } .product-hover-style-v5 .products .product:not(.variable-quick-add-to-cart) .product-group-button .button-in .button-tooltip:after { border-top-color: var(--loobek-product-button-thumbnail-bg); ; } .ts_desktop.product-hover-style-v4 .product-wrapper .button-in .button-tooltip:after { border-bottom-color: var(--loobek-product-button-thumbnail-bg); } .product-group-button { margin: 0 auto; letter-spacing: 0; padding: 0; position: absolute; z-index: 6; height: auto; text-align: center; transition: 300ms ease 0s; display: grid; right: 10px; /* rtl */ top: 10px; width: auto; gap: 5px; overflow: hidden; } .products .variable-quick-add-to-cart .product-group-button { position: static; } .products .variable-quick-add-to-cart .product-group-button .button-in { position: absolute; right: 10px; /* rtl */ top: 10px; z-index: 5; transform: translate(calc(100% + 10px), 0); } .products .variable-quick-add-to-cart .product-group-button .button-in+.button-in { top: 49px; } .products .variable-quick-add-to-cart .product-group-button .button-in+.button-in+.button-in { top: 88px; } .products .variable-quick-add-to-cart .variable-product-quick-add-to-cart { position: absolute; bottom: 10px; left: 10px; right: 10px; transform: translate(0, calc(100% + 10px)); display: flex; gap: 5px; justify-content: center; flex-wrap: wrap; text-align: center; padding: 15px 20px; font-size: 12px; transition: 300ms ease 0s; } .ts_desktop .products .variable-product-quick-add-to-cart:after, .product-mobile-style-v1 .products .variable-product-quick-add-to-cart:after { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; z-index: 0; background-color: var(--loobek-main-bg); } .ts_desktop.product-hover-style-v5 .products .variable-quick-add-to-cart .variable-product-quick-add-to-cart { padding: 10px 0 0; left: 0; right: 0; bottom: 0; transform: translate(0, 100%); } body.image-button-radius.ts_desktop.product-hover-style-v5 .products .variable-quick-add-to-cart .variable-product-quick-add-to-cart:after { border-top-left-radius: 0px; border-top-right-radius: 0px; } .products .variable-quick-add-to-cart .product-wrapper:hover .variable-product-quick-add-to-cart { transform: translate(0, 0); z-index: 5; } .ts_desktop .columns-1.big-thumbnail .products .variable-quick-add-to-cart .product-wrapper:hover .meta-wrapper .variable-product-quick-add-to-cart { display: none; } .variable-product-quick-add-to-cart>span { display: block; width: 100%; margin-bottom: 5px; line-height: 18px; position: relative; z-index: 1; } #page .variable-product-quick-add-to-cart a { font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); background-color: var(--loobek-main-bg); color: var(--loobek-text-bold-color); border-color: var(--loobek-border); } #page .variable-product-quick-add-to-cart a:hover { border-color: var(--loobek-text-bold-color); background-color: var(--loobek-text-bold-color); color: #ffffff; } .variable-product-quick-add-to-cart a { border-width: 1px; border-style: solid; line-height: 24px; min-width: 30px; padding: 0 8px; text-decoration: none; position: relative; z-index: 1; } .variable-product-quick-add-to-cart a.added:before { content: "\e90a"; font-family: 'icomoon'; font-weight: normal; letter-spacing: 0; line-height: 10px; } .variable-product-quick-add-to-cart a.loading:before { border-width: 2px; border-style: solid; border-top: 2px solid var(--loobek-text-bold-color); border-left: 2px solid var(--loobek-text-bold-color); border-radius: 100%; left: 50%; top: 50%; margin-top: -7px; margin-left: -7px; /* default */ position: absolute; width: 14px; height: 14px; content: ""; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; background: transparent; z-index: 4; display: block; } .variable-product-quick-add-to-cart a.loading:after { position: absolute; left: -1px; top: -1px; bottom: -1px; right: -1px; z-index: 3; content: ""; opacity: 0.9; background-color: var(--loobek-main-bg); } body.image-button-radius .variable-product-quick-add-to-cart a.loading:after { border-radius: 4px; } .product-wrapper:hover .product-group-button { overflow: visible; } .product-group-button-meta a, .product-group-button-meta a:hover, .product-group-button, .product-group-button a:hover { text-decoration: none; } .product-group-button .button-in a:before, .product-group-button-meta .button-in a:before, .product-hover-style-v5 .product-group-button-meta .quickshop a:before { line-height: 34px; font-size: 14px; font-family: 'icomoon'; font-weight: normal; letter-spacing: 0; transition: none; left: auto; right: auto; bottom: auto; top: auto; padding: 0; display: inline; } .ts_desktop.product-hover-style-v4 .product-wrapper .button-in a:before { line-height: 34px; } .ts_desktop.product-hover-style-v3 .product-group-button div.loop-add-to-cart a:before, body:not(.ts_desktop).product-mobile-style-v1 .product-group-button div.loop-add-to-cart a:before { content: "\e909"; line-height: 34px; font-size: 14px; font-family: 'icomoon'; font-weight: normal; letter-spacing: 0; transition: none; left: auto; right: auto; bottom: auto; top: auto; padding: 0; display: inline; } body:not(.ts_desktop).product-mobile-style-v1 .product-group-button div.loop-add-to-cart a.loading:before { position: absolute; } body:not(.ts_desktop).product-mobile-style-v1 .product-group-button div.loop-add-to-cart a:before .ts_desktop.product-hover-style-v3 .product-group-button div.loop-add-to-cart a.added:before, body:not(.ts_desktop).product-mobile-style-v1 .product-group-button div.loop-add-to-cart a.added:before { content: "\e90a"; } .product-group-button-meta .button-in a:before { line-height: 30px; } .product-group-button>div.wishlist a:before, .product-group-button-meta>div.wishlist a:before { content: "\e921"; } .product-group-button>div.wishlist .added a:before, .product-group-button-meta>div.wishlist .added a:before { content: "\e944"; font-size: 12px; } .product-wrapper div.wishlist .added a, .product-wrapper>div.compare a.added { font-size: 0; } .woocommerce .product-wrapper div.loop-add-to-cart a.button { font-size: var(--loobek-main-font-size); } .product-wrapper div.loop-add-to-cart a.button.added:after { content: "\e90a"; } .product-group-button>div.compare a:before, .product-group-button-meta>div.compare a:before { content: "\e90d"; } .woocommerce .product-group-button a.added.compare:before, .woocommerce .product-group-button-meta a.added.compare:before { content: "\e90a"; } .product-group-button .quickshop a:before, .product-group-button-meta .quickshop a:before { content: "\e917"; } .product-group-button .button-in, .ts_desktop.product-hover-style-v4 .product-wrapper .button-in, .ts_desktop.product-hover-style-v3 .product-group-button>div.loop-add-to-cart { font-size: 0; line-height: 0; padding: 0; min-width: 0; width: 34px; height: 34px; display: block; background: none !important; position: relative; top: auto; /* rtl */ left: auto; /* rtl */ right: auto; /* rtl */ bottom: auto; letter-spacing: 0; transform: translateX(100%); /* rtl */ } .product-hover-style-v5 .product-group-button-meta div.quickshop { font-size: 0; line-height: 0; padding: 0; min-width: 0; margin: 0; width: 34px; height: 34px; display: block; background: none !important; position: absolute; letter-spacing: 0; right: 10px; /* rtl */ top: 10px; transform: translate(calc(100% + 10px), 0); } .product-hover-style-v5 .product-has-background .product-wrapper .product-group-button-meta div.quickshop { right: 30px; /* rtl */ top: 30px; transform: translate(calc(100% + 30px), 0); } .product-hover-style-v5 .products .variable-quick-add-to-cart .button-in+div.quickshop { top: 49px; } .product-hover-style-v5 .products .variable-quick-add-to-cart .button-in+.button-in+div.quickshop { top: 88px; } .product-hover-style-v5 .product-has-background .variable-quick-add-to-cart .button-in+div.quickshop { top: 69px; } .product-hover-style-v5 .product-has-background .variable-quick-add-to-cart .button-in+.button-in+div.quickshop { top: 108px; } .ts_desktop.product-hover-style-v5 .products .variable-quick-add-to-cart .product-group-button .button-in { transform: translate(calc(100% + 10px), 0); /* rtl */ display: block; } .ts_desktop.product-hover-style-v5 .products .variable-quick-add-to-cart .product-wrapper:hover .product-group-button .button-in, .product-hover-style-v5 .product-wrapper:hover .product-group-button-meta div.quickshop, .product-hover-style-v5 .product-has-background .product-wrapper:hover .product-group-button-meta div.quickshop { z-index: 6; transform: translate(0, 0); transition: transform 300ms ease; } .product-group-button .button-in a, .ts_desktop.product-hover-style-v4 .product-wrapper .button-in a, .product-hover-style-v5 .product-group-button-meta .quickshop a { display: block; text-decoration: none; } .woocommerce .product-group-button>div.loop-add-to-cart a { transition: none; margin: 0; position: relative; padding: 1px 20px; width: 100%; opacity: 1; } .ts_desktop.product-hover-style-v3 .product-group-button>div.loop-add-to-cart a { width: 34px; height: 34px; margin: 0; border-width: 0; padding: 0; } .product-wrapper:hover .product-group-button .button-in, .ts_desktop.product-hover-style-v3 .product-wrapper:hover .product-group-button>div.loop-add-to-cart { transform: translateX(0); /* rtl */ transition: transform 300ms ease; } body.image-button-radius .product-group-button>.button-in a { border-radius: 10px; } .product-hover-style-v1 .product-group-button>.button-in a, .product-hover-style-v2 .product-group-button>.button-in a, .ts_desktop.product-hover-style-v4 .product-group-button-meta>.button-in a, .product-hover-style-v5 .product-group-button-meta>div.quickshop a { 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; width: 100%; } .ts_desktop.product-hover-style-v5 .product-group-button>.button-in a { border-width: 1px; border-style: solid; position: static !important; } .ts_desktop.product-hover-style-v5 .variable-quick-add-to-cart .product-group-button>.button-in a { border-width: 0; } .ts_desktop.product-hover-style-v5 .product-group-button .button-in a:before { line-height: 32px; } .ts_desktop.product-hover-style-v5 .variable-quick-add-to-cart .product-group-button .button-in a:before { line-height: 34px; } .ts_desktop.product-hover-style-v4 .product-group-button-meta>.button-in, .ts_desktop.product-hover-style-v5 .product-group-button>.button-in { display: none; } .ts_desktop.product-hover-style-v4 .product-wrapper:hover .product-group-button-meta>.button-in, .ts_desktop.product-hover-style-v5 .product-wrapper:hover .product-group-button>.button-in { display: block; } /* Style Hover 1 */ .product-hover-style-v1 .product-group-button .loop-add-to-cart, .product-hover-style-v1 .product-group-button-price .price, .product-hover-style-v1 .products .product-group-button-meta>*, .product-hover-style-v2 .product-group-button .loop-add-to-cart, .product-hover-style-v2 .product-group-button-price .price, .product-hover-style-v2 .products .product-group-button-meta>* { display: none; } .product-hover-style-v1 .product-group-button-meta div.loop-add-to-cart, .product-hover-style-v1 .product-group-button-price { display: block; } .product-hover-style-v1 .product-group-button-meta { position: absolute; left: 10px; right: 10px; bottom: 100%; opacity: 0; visibility: hidden; transition: bottom 300ms ease, opacity 300ms ease, visibility 300ms ease; z-index: 6; } .product-hover-style-v1 .product-wrapper:hover .product-group-button-meta { opacity: 1; visibility: visible; bottom: calc(100% + 10px); } .ts_desktop.product-hover-style-v1 .product-group-button-meta div.loop-add-to-cart a, .ts_desktop.product-hover-style-v2 .product-group-button-meta div.loop-add-to-cart a { position: relative; padding: 1px 20px; width: 100%; } .product-wrapper div.loop-add-to-cart a.button span:before { width: 12px; line-height: 12px; text-align: start; display: inline-block; content: "\e916"; font-family: 'icomoon'; font-size: 8px; margin-right: 4px; /* rtl */ letter-spacing: 0; font-weight: normal; } .product-wrapper div.loop-add-to-cart a.button.loading span:before { height: 12px; content: ""; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; border-width: 2px; border-style: solid; border-color: var(--loobek-button-bg); border-top: 2px solid var(--loobek-button-color); border-left: 2px solid var(--loobek-button-color); border-radius: 100%; } .product-wrapper div.loop-add-to-cart a.button.loading:hover span:before { border-color: var(--loobek-button-hover-bg); border-top-color: var(--loobek-button-hover-color); border-left-color: var(--loobek-button-hover-color); } .product-wrapper div.loop-add-to-cart a.button.loading:before, .product-wrapper div.loop-add-to-cart a.button.loading:after, .product-wrapper div.loop-add-to-cart a.button.added:before { display: none; } .product-wrapper div.loop-add-to-cart a.button.added span:before { font-family: 'icomoon'; content: "\e90a"; font-size: 100%; } /* Style Hover 2 */ .product-hover-style-v2 .product-group-button-meta { position: absolute; left: 0; right: 0; top: 100%; opacity: 0; visibility: hidden; z-index: 6; } .ts_desktop.product-hover-style-v2 .product-has-background .product-group-button-meta:before { position: absolute; left: -20px; right: -20px; bottom: -20px; content: ""; top: 0; } body.image-button-radius.ts_desktop.product-hover-style-v2 .product-group-button-meta:before { border-radius: 0 0 10px 10px; /* rtl */ } .ts_desktop.product-hover-style-v2 .main-products.columns-1 .product-group-button-meta:before, .ts_desktop.product-hover-style-v2 .main-products.columns-2 .product-group-button-meta:before { display: none; } .product-hover-style-v2 .product-wrapper:hover .product-group-button-meta { opacity: 1; visibility: visible; transition: all 300ms ease; padding-top: 10px; } .product-hover-style-v2 .product-wrapper:hover .price+.product-group-button-meta { padding-top: 16px; } body.ts_desktop.product-hover-style-v2 .product-group-button .variable-product-quick-add-to-cart { display: none; } body.ts_desktop.product-hover-style-v2 .products .product .product-wrapper { overflow: visible; } .product-hover-style-v2 .product-group-button-meta div.loop-add-to-cart, .product-hover-style-v2 .product-group-button-price { display: block; } body.ts_desktop.product-hover-style-v2 .product-group-button-meta .variable-product-quick-add-to-cart { display: flex; transform: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; } body.ts_desktop.product-hover-style-v2 .product-group-button-meta .variable-product-quick-add-to-cart:after { background: #f0f0f0; } /* Style Hover 3 */ .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart a.loading:before { content: ""; border-width: 2px; border-style: solid; border-top: 2px solid #161616; border-left: 2px solid #161616; border-radius: 100%; position: absolute; top: 50%; left: 50%; right: auto; margin-left: -7px; margin-top: -7px; width: 14px; height: 14px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .product-hover-style-v3 .thumbnail-wrapper a.button.loading:after, .product-hover-style-v3 .thumbnail-wrapper .button-in a div.blockUI.blockOverlay:after { height: 100%; width: 100%; left: 0; top: 0; opacity: 1; } .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart a.button.loading:before, .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart a.button.loading:after, .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart a.button.added:before { display: block; } .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart a.button.added span:before { font-family: 'icomoon'; content: "\e90a"; } .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart a.button { padding: 0; } .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart a.button.added span:before { content: ""; } .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart a.button.loading span:before { -webkit-animation: none; animation: none; border-radius: 0; border-width: 0; height: auto; } .product-group-button-meta .button-in { text-align: center; position: relative; } .product-group-button-meta>.button-in a { display: inline-block; line-height: 34px; text-transform: none; transition: color 150ms ease 0s, background 150ms ease 0s; font-size: 0; } .product-group-button-meta .button-in .button-tooltip { display: none; } .product-group-button-meta .compare+.wishlist .button-tooltip { transform: translate(-50%, 0); left: 50%; right: auto; } .product-group-button .button-in .button-tooltip, .product-hover-style-v5 .product-group-button-meta .quickshop .button-tooltip, .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart .button-tooltip { padding: 5px 12px 5px 5px; /* rtl */ left: auto; /* rtl */ right: 100%; /* rtl */ top: 50%; line-height: 24px; bottom: auto; margin-left: 0; margin-right: 0; margin-top: -17px; min-width: 90px; position: absolute; text-transform: none; visibility: hidden; opacity: 0; display: inline-block; transition: 150ms ease 0s; } .ts_desktop.product-hover-style-v5 .products .product:not(.variable-quick-add-to-cart) .product-group-button .button-in .button-tooltip:before { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart .button-tooltip { width: 110px; } .product-group-button .button-in .button-tooltip:before, .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart .button-tooltip:before, .product-hover-style-v5 .product-group-button-meta .quickshop .button-tooltip:before { position: absolute; width: auto; height: auto; margin: 0; top: 0; bottom: 0; left: 0; right: 7px; /* rtl */ z-index: -1; content: ""; } body.image-button-radius .product-group-button .button-in .button-tooltip:before, body.image-button-radius.product-hover-style-v5 .product-group-button-meta .quickshop .button-tooltip:before, body.image-button-radius.product-hover-style-v5 .product-group-button-meta a.quickshop, body.image-button-radius.ts_desktop.product-hover-style-v4 .product-wrapper .button-in a, body.image-button-radius.ts_desktop.product-hover-style-v4 .product-wrapper .button-in .button-tooltip:before, body.image-button-radius.product-hover-style-v3 .product-group-button .button-tooltip:before { border-radius: 10px; } .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart .button-tooltip:before, .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart .button-tooltip:after { display: block; } .product-group-button .button-in .button-tooltip:after, .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart .button-tooltip:after, .product-hover-style-v5 .product-group-button-meta .quickshop .button-tooltip:after { border-top: 4px solid transparent; border-left: 6px solid var(--loobek-product-button-thumbnail-bg); border-bottom: 4px solid transparent; right: 2px; /* rtl */ top: 50%; margin-top: -3px; position: absolute; content: ""; } .product-group-button .button-in:hover .button-tooltip, .ts_desktop.product-hover-style-v3 .product-group-button>div.loop-add-to-cart:hover a .button-tooltip, .ts_desktop.product-hover-style-v4 .product-wrapper .button-in:hover .button-tooltip, .ts_desktop.product-hover-style-v5 .product-group-button-meta .button-in:hover .button-tooltip, .product-hover-style-v5 .product-group-button-meta .quickshop:hover .button-tooltip, .ts-product-attribute>div:hover a .button-tooltip { display: block; -webkit-animation-duration: 400ms; -moz-animation-duration: 400ms; animation-duration: 400ms; animation-delay: 50ms; -webkit-animation-delay: 50ms; -moz-animation-delay: 50ms; -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; } /* Style Hover 4 */ .ts_desktop.product-hover-style-v4 .product-group-button { position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); transition: all 300ms ease; z-index: 6; display: block; width: auto; padding: 0; margin: 10px 0 0 0; opacity: 0; visibility: hidden; max-width: calc(100% - 20px); } .ts_desktop.product-hover-style-v4 .products .variable-quick-add-to-cart .product-group-button-meta .variable-product-quick-add-to-cart { display: none; } .ts_desktop.product-hover-style-v4 .products .variable-quick-add-to-cart .product-group-button { left: 10px; right: 10px; transform: none; transform: translateY(-50%); } .ts_desktop.product-hover-style-v4 .products .variable-quick-add-to-cart .product-group-button .variable-product-quick-add-to-cart { display: flex; position: static; transform: none; } .ts_desktop.product-hover-style-v4 .product-wrapper:hover .product-group-button { opacity: 1; visibility: visible; margin: 0; } .ts_desktop.product-hover-style-v4 .product-group-button-price { display: block; } .ts_desktop.product-hover-style-v4 .product-group-button>.button-in, .ts_desktop.product-hover-style-v4 .product-group-button-price .price, .ts_desktop.product-hover-style-v4 .product-group-button-meta>.loop-add-to-cart { display: none; } .ts_desktop.product-hover-style-v4 .product-group-button>.loop-add-to-cart { display: block; width: 200px; max-width: 100%; text-align: center; } .ts_desktop.product-hover-style-v4 .product-wrapper .meta-wrapper { position: static; } .ts_desktop.product-hover-style-v4 .product-group-button-meta { position: absolute; left: auto; top: 10px; right: 10px; /* rtl */ bottom: auto; transition: transform 300ms ease; transform: translate(0, -100%); z-index: 6; display: flex; gap: 5px; width: auto; } .ts_desktop.product-hover-style-v4 .product-has-background .product-group-button-meta { top: 30px; right: 30px; /* rtl */ } .ts_desktop.product-hover-style-v4 .product-wrapper .button-in { overflow: hidden; } .ts_desktop.product-hover-style-v4 .product-wrapper .button-in:hover { overflow: visible; } .ts_desktop.product-hover-style-v4 .product-wrapper:hover .product-group-button-meta { transform: translate(0, 0); } .ts_desktop.product-hover-style-v4 .product-wrapper .product-group-button-meta>* { transform: none; /* rtl */ } .ts_desktop.product-hover-style-v4 .product-wrapper .button-in .button-tooltip { padding: 12px 5px 5px 5px; left: 50%; right: auto; top: 100%; bottom: auto; transform: translate(-50%, 0); line-height: 24px; margin: 0; min-width: 90px; position: absolute; text-transform: none; visibility: hidden; opacity: 0; display: inline-block; transition: 150ms ease 0s; } .ts_desktop.product-hover-style-v4 .product-group-button-meta .button-in:last-child .button-tooltip, .ts_desktop.product-hover-style-v4 .product-group-button .button-in+.button-in .button-tooltip, .ts_desktop.product-hover-style-v4.hidden-compare .product-group-button .button-in .button-tooltip { right: 0; /* rtl */ left: auto; transform: translate(0, 0); } .ts_desktop.product-hover-style-v4 .product-wrapper .button-in .button-tooltip:before { margin: 0; bottom: 0; top: 7px; left: 0; right: 0; position: absolute; width: auto; height: auto; z-index: -1; content: ""; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); } .ts_desktop.product-hover-style-v4 .product-wrapper .button-in .button-tooltip:after { border-bottom: 6px solid var(--loobek-product-button-thumbnail-bg); border-right: 4px solid transparent; border-left: 4px solid transparent; border-top-width: 0; margin-left: -3px; margin-top: 0; left: 50%; top: 2px; bottom: auto; right: auto; position: absolute; content: ""; } .ts_desktop.product-hover-style-v4 .product-group-button-meta .button-in:last-child .button-tooltip:after, .ts_desktop.product-hover-style-v4 .product-group-button .button-in+.button-in .button-tooltip:after, .ts_desktop.product-hover-style-v4.hidden-compare .product-group-button .button-in .button-tooltip:after { right: 14px; /* rtl */ left: auto; margin: 0; } /* Style Hover 5 */ .product-hover-style-v5 .product-group-button { position: absolute; left: 0; /* rtl */ right: auto; bottom: -44px; top: auto; transform: none; transition: bottom 300ms ease, transform 300ms ease; z-index: 6; display: grid; grid-template-columns: 1fr 34px 34px; grid-gap: 5px; width: 100%; padding: 10px 0 0 0; } .product-hover-style-v5 .products .variable-quick-add-to-cart .product-wrapper .product-group-button { padding: 0; background: transparent; position: static; transform: none; } .product-hover-style-v5 .product-group-button>* { margin: 0; } .ts_desktop.product-hover-style-v5 .product-group-button .loop-add-to-cart { align-self: flex-end; text-align: center; } .product-hover-style-v5 .product-group-button .button-in+.loop-add-to-cart { margin-right: 5px; /* rtl */ } .product-hover-style-v5 .products .product:not(.variable-quick-add-to-cart) .product-group-button .compare { order: 2; } .ts_desktop.product-hover-style-v5 .products .product:not(.variable-quick-add-to-cart) .product-group-button .wishlist { order: 3; } .product-hover-style-v5 .product-wrapper:hover .product-group-button { bottom: 0; } .product-hover-style-v5 .product-group-button-price .price { display: none; } .product-hover-style-v5 .product-group-button>*:not(.variable-product-quick-add-to-cart) { transform: none; } .product-hover-style-v5 .product-group-button .loop-add-to-cart a { line-height: 30px; padding: 1px 5px; } .product-hover-style-v5 .products .product:not(.variable-quick-add-to-cart) .product-group-button .button-in .button-tooltip { padding: 5px 5px 12px 5px; left: 50%; right: auto; bottom: 100%; top: auto; transform: translate(-50%, 0); } .product-hover-style-v5 .products .product:not(.variable-quick-add-to-cart) .product-group-button .button-in:first-child .button-tooltip { right: 0; /* rtl */ left: auto; transform: none; } .product-hover-style-v5 .products .product:not(.variable-quick-add-to-cart) .product-group-button .button-in:first-child .button-tooltip:after { right: 13px; /* rtl */ left: auto; margin: 0; } .product-hover-style-v5 .products .product:not(.variable-quick-add-to-cart) .product-group-button .button-in .button-tooltip:before { margin: 0; top: 0; bottom: 7px; left: 0; right: 0; } .product-hover-style-v5 .products .product:not(.variable-quick-add-to-cart) .product-group-button .button-in .button-tooltip:after { border-top: 6px solid var(--loobek-product-button-thumbnail-bg); border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom-width: 0; margin-left: -3px; margin-top: 0; left: 50%; bottom: 2px; top: auto; right: auto; } .product-hover-style-v5 .products .product-group-button-price .price, .product-hover-style-v5 .products .product-group-button-meta>* { display: none; } .product-hover-style-v5 .product-group-button-price { display: block; } .ts_desktop.product-hover-style-v5 .product-wrapper .meta-wrapper { position: static; } .ts_desktop.product-hover-style-v5 div.loop-add-to-cart a.button .button-tooltip { display: flex; align-items: center; justify-content: center; } /* SHOW/HIDE TOOLTIP */ .product-no-tooltip #page .product-group-button .button-in .button-tooltip, .product-no-tooltip #page .product-group-button-meta .button-in .button-tooltip, .ts_desktop.product-no-tooltip.product-hover-style-v3 #page .product-group-button .button-tooltip { display: none; } .product-group-button-meta>div.loop-add-to-cart a.button .button-tooltip { display: flex; justify-content: center; align-items: center; } body:not(.ts_desktop) .product-group-button .product-wrapper .button-in:hover .button-tooltip, body:not(.ts_desktop) .product-wrapper .button-in .button-tooltip { display: none; } /* Product Mobile Style 1 */ body:not(.ts_desktop).product-mobile-style-v1 .product-group-button { right: 5px; /* rtl */ top: 5px; left: auto; bottom: auto; grid-gap: 0; grid-template-columns: auto; width: auto; transform: none; gap: 5px; } body:not(.ts_desktop).product-mobile-style-v1 .products .variable-quick-add-to-cart .product-group-button .wishlist { right: 5px; /* rtl */ top: 5px; } body:not(.ts_desktop).product-mobile-style-v1 .product-group-button .variable-product-quick-add-to-cart { transform: translate(0, 0); display: flex; z-index: 5; left: 5px; bottom: 5px; right: 5px; padding: 10px 5px; } body:not(.ts_desktop).product-mobile-style-v1 .variable-product-quick-add-to-cart>span { margin-bottom: 0; } body:not(.ts_desktop).product-hover-style-v5.product-mobile-style-v1 .product-group-button { bottom: auto; padding: 0; } body:not(.ts_desktop).product-mobile-style-v1 .product-group-button-price, body:not(.ts_desktop).product-mobile-style-v1 .product-group-button>* { display: none; } body:not(.ts_desktop).product-mobile-style-v1 .product-group-button .wishlist, body:not(.ts_desktop).product-mobile-style-v1 .product-group-button .loop-add-to-cart { display: block; transform: translate(0, 0); } body:not(.ts_desktop).product-mobile-style-v1 .product-group-button .button-in+.loop-add-to-cart { margin-left: 0; margin-right: 0; } body:not(.ts_desktop).product-mobile-style-v1 .product-group-button>div { transform: translateX(0); } body:not(.ts_desktop).product-mobile-style-v1 .product-group-button .loop-add-to-cart a.button { padding: 0; border-width: 0; width: 34px; height: 34px; display: block; } body:not(.ts_desktop).product-mobile-style-v1 div.loop-add-to-cart a.button .button-tooltip, body:not(.ts_desktop).product-mobile-style-v1 .product-group-button-meta { display: none; } body:not(.ts_desktop).product-mobile-style-v1 .product-group-button>div.loop-add-to-cart a.added:before { content: "\e90a"; display: block; } body:not(.ts_desktop).product-mobile-style-v1 div.loop-add-to-cart a.button.loading:before, body:not(.ts_desktop).product-mobile-style-v1 div.loop-add-to-cart a.button.loading:after, body:not(.ts_desktop).product-mobile-style-v1 div.loop-add-to-cart a.button.added:before { display: block; } body:not(.ts_desktop).product-mobile-style-v1 div.loop-add-to-cart a.button.loading:before { margin-left: -7px; margin-top: -7px; width: 14px; height: 14px; content: ""; left: 50%; top: 50%; } body:not(.ts_desktop).product-mobile-style-v1 div.loop-add-to-cart a.button.loading:after { height: 100%; width: 100%; left: 0; top: 0; opacity: 1; } /* Product Mobile Style 2 */ body:not(.ts_desktop).image-button-radius.product-mobile-style-v2 .product-group-button .wishlist a { border-radius: 0 8px 0 10px; /* rtl */ } body:not(.ts_desktop).image-button-radius.product-mobile-style-v2 .product-group-button>div.loop-add-to-cart a { border-radius: 0 0 10px 10px; } body:not(.ts_desktop).image-button-radius.product-mobile-style-v2 .thumbnail-wrapper>a { border-radius: 10px 10px 0 0; } body:not(.ts_desktop).product-mobile-style-v2 .product-group-button-price, body:not(.ts_desktop).product-mobile-style-v2 .product-group-button .button-in, body:not(.ts_desktop).product-mobile-style-v2 .product-group-button-meta { display: none; } body:not(.ts_desktop).product-mobile-style-v2 .product-group-button { position: static; display: block; margin: 0; padding: 0; transform: none !important; } body:not(.ts_desktop).product-mobile-style-v2 .product-group-button>.wishlist { display: block; position: absolute; right: 0; /* rtl */ top: 0; z-index: 6; transform: none; } body:not(.ts_desktop).product-mobile-style-v2 .product-group-button .variable-product-quick-add-to-cart, body:not(.ts_desktop).product-mobile-style-v3 .product-group-button-meta .variable-product-quick-add-to-cart { transform: translate(0, 0); display: flex; z-index: 5; position: static; padding: 0; margin-top: 8px; justify-content: flex-start; background: transparent; } body:not(.ts_desktop).product-mobile-style-v2 .variable-product-quick-add-to-cart>span, body:not(.ts_desktop).product-mobile-style-v3 .variable-product-quick-add-to-cart>span { display: none; } body:not(.ts_desktop).product-mobile-style-v2.product-hover-style-v5 .product-group-button>.wishlist { top: 0; } body:not(.ts_desktop).product-mobile-style-v2 .product-group-button>div.loop-add-to-cart { position: static; display: block; margin: 0; } body:not(.ts_desktop).product-mobile-style-v2 .product-group-button>div.loop-add-to-cart span { display: flex; align-items: center; justify-content: center; } body:not(.ts_desktop).product-mobile-style-v2 .product-group-button>div.loop-add-to-cart a { padding: 1px 20px; line-height: 30px; } /* Product Mobile Style 3 */ body:not(.ts_desktop).product-mobile-style-v3 #page .variable-quick-add-to-cart .meta-wrapper .product-group-button-meta { align-items: flex-start; } body:not(.ts_desktop).product-mobile-style-v3 #page .main-products.columns-1 .product-group-button-meta .button-in a:before { width: auto; height: auto; } body:not(.ts_desktop).product-mobile-style-v3 .product-group-button-meta div.loop-add-to-cart .button-tooltip:after { border-color: var(--loobek-text-bold-color); } body:not(.ts_desktop).product-mobile-style-v3 .product-group-button-meta div.loop-add-to-cart a:hover .button-tooltip:after { border-color: var(--loobek-primary-color); } body:not(.ts_desktop).product-mobile-style-v3 .product-wrapper div.loop-add-to-cart a.button { font-size: var(--loobek-main-small-font-size); } body:not(.ts_desktop).product-mobile-style-v3 .product-group-button-meta>div.loop-add-to-cart a.button { border-width: 0; background: transparent; padding: 0; margin: 0; word-break: break-all; width: auto; } body:not(.ts_desktop).product-mobile-style-v3 .product-group-button-price { display: block; } body:not(.ts_desktop).product-mobile-style-v3 .product-group-button-meta>div.loop-add-to-cart { display: block; } body:not(.ts_desktop).product-mobile-style-v3 .product-group-button-price .price, body:not(.ts_desktop).product-mobile-style-v3 div.loop-add-to-cart a.button.loading:before, body:not(.ts_desktop).product-mobile-style-v3 div.loop-add-to-cart a.button.loading:after { display: none; } body:not(.ts_desktop).product-mobile-style-v3 .product-group-button-meta .variable-product-quick-add-to-cart { margin-top: 0; } body:not(.ts_desktop).product-mobile-style-v3 .meta-wrapper .button-in.wishlist a.loading:before { width: auto; height: auto; } body:not(.ts_desktop).product-mobile-style-v3 .product-group-button-meta>div a { color: var(--loobek-text-bold-color); } body:not(.ts_desktop).product-mobile-style-v3 .product-group-button-meta>div a:hover { color: var(--loobek-primary-color); } .product-group-button div.button-in .button-tooltip, .product-hover-style-v3 .product-group-button .button-in .button-tooltip, .product-hover-style-v5 .product-group-button-meta .quickshop .button-tooltip, .ts_desktop.product-hover-style-v4 .product-wrapper .button-in .button-tooltip, .ts_desktop.product-hover-style-v3 .product-group-button .loop-add-to-cart .button-tooltip { font-size: var(--loobek-main-small-2-font-size); } /* PRODUCT DEFAULT IMAGE */ body.ts_desktop #page .product .thumbnail-wrapper figure img:first-child { backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: opacity 300ms ease 0s; } body.ts_desktop #page .product figure.has-back-image img:last-child { position: absolute; right: 0; left: 0; top: 0; width: 100%; transition: opacity 300ms ease 0s; backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0 } body.ts_desktop #page .product .thumbnail-wrapper:hover figure.has-back-image img:last-child { opacity: 1; } body.ts_desktop #page .product .thumbnail-wrapper:hover figure.has-back-image img:first-child { opacity: 0; } /* GROUP BUTTON DEVIDE */ body:not(.ts_desktop) .product-group-button-meta div.loop-add-to-cart .button-tooltip:after { content: ""; position: absolute; bottom: 1px; left: 16px; /* rtl */ right: 0; border-width: 1px 0 0 0; border-style: solid; height: 1px; } body:not(.ts_desktop) .product-group-button-meta>div.loop-add-to-cart a.button span:before { width: 12px; line-height: 12px; text-align: start; display: inline-block; content: "\e916"; font-family: 'icomoon'; font-size: 8px; margin-right: 4px; /* rtl */ letter-spacing: 0; font-weight: normal; } body:not(.ts_desktop) .product-group-button-meta>div.loop-add-to-cart a.button.loading span:before { height: 12px; content: ""; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; border-width: 2px; border-style: solid; border-color: transparent; border-top: 2px solid var(--loobek-text-bold-color); border-left: 2px solid var(--loobek-text-bold-color); border-radius: 100%; } body:not(.ts_desktop).product-mobile-style-v3 .product-group-button-meta>div.loop-add-to-cart a.button.added span:before { font-family: 'icomoon'; content: "\e90a"; font-size: inherit; } body:not(.ts_desktop).product-mobile-style-v3 .product-group-button-meta { display: flex; margin-top: 10px; justify-content: space-between; align-items: center; line-height: 0; opacity: 1; visibility: visible; position: static; gap: 20px; } body:not(.ts_desktop).product-mobile-style-v3 .meta-wrapper .price+.product-group-button-meta { margin-top: 14px; padding-top: 0; } body:not(.ts_desktop).product-mobile-style-v3 .main-products.big-thumbnail .meta-wrapper .product-group-button-meta { margin-top: 0; } body:not(.ts_desktop) .product-group-button-meta>* { display: none; } body:not(.ts_desktop).product-mobile-style-v3 .products .variable-quick-add-to-cart .variable-product-quick-add-to-cart { align-items: flex-start; } body:not(.ts_desktop).product-mobile-style-v3 .product-group-button-meta .wishlist { display: block; } .product-group-button-meta .quantity, body:not(.ts_desktop).product-mobile-style-v3 .product-group-button, body:not(.ts_desktop).product-mobile-style-v3 .product-group-button-meta .wishlist a>span, body:not(.ts_desktop) .product-group-button-meta>div.loop-add-to-cart a.button.loading:after, body:not(.ts_desktop) .product-group-button-meta>div.loop-add-to-cart a.button.added:before { display: none; } body:not(.ts_desktop) .product-group-button-meta div.loop-add-to-cart .button-tooltip { position: relative; display: flex; align-items: center; } body:not(.ts_desktop) .product-group-button-meta .button-in a { width: auto; height: auto; display: flex; } body:not(.ts_desktop) .product-group-button-meta>div a, body:not(.ts_desktop) .product-group-button-meta .button-in a:before { line-height: 22px; } body:not(.ts_desktop) .meta-wrapper>.product-group-button-meta>div.variable-product-quick-add-to-cart a, body:not(.ts_desktop) .main-products:not(.columns-1) .product-group-button-meta>div.variable-product-quick-add-to-cart a { line-height: 20px; } /*--------------------------------------------------------------------------------------------------------------*/ /*- VI. SHOP PAGE ----------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------*/ .amount, .quantity span.amount { font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); line-height: 1em; } .group_table del, .price del, .product-price del, .ts-extra-products-wrapper del { text-decoration: none } .price ins, .price del, .group_table ins, .group_table del, .product-price ins, .product-price del { line-height: 1em } .group_table del .amount, .price del .amount, .product-price del .amount, .ts-extra-products-wrapper del .amount { text-decoration: line-through; text-decoration-thickness: 1px } .quantity input[type^="button"] { color: var(--loobek-text-bold-color); } .bottom-description { position: relative; } .special-filter-area { width: 100%; order: -4; } .subcat-has-border .special-filter-area:before { border-width: 0 0 1px 0; border-style: solid; height: 1px; position: absolute; content: ""; left: 0; right: 0; bottom: 0; } .page-container.no-sidebar .subcat-has-border .special-filter-area:before { margin-left: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); margin-right: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); } .special-filter-area .woocommerce-widget-layered-nav .widgettitle { line-height: 32px; margin: 0; white-space: nowrap; font-size: var(--loobek-main-small-font-size); } #page .has-special-attribute .before-loop-wrapper { flex-wrap: wrap; } .special-filter-area.has-background { padding: 30px; background: #F0F0F0; margin-bottom: 10px; } body.image-button-radius .special-filter-area.has-background { border-radius: 10px; } #page .special-filter-area.has-background .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a { background-color: var(--loobek-main-bg); border-color: var(--loobek-main-bg); } #page .special-filter-area.has-background .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover, #page .special-filter-area.has-background .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a { border-color: var(--loobek-text-bold-color); } .special-filter-area .page-title { margin-bottom: 20px; font-size: var(--loobek-heading-font-size); line-height: var(--loobek-heading-line-height); } .special-filter-area .woocommerce-widget-layered-nav { display: flex; gap: 0 20px; align-items: flex-start; } .special-filter-area>ul { display: flex; gap: 20px 40px; flex-wrap: wrap; white-space: nowrap; } .special-filter-area>ul li { list-style: none; padding: 0; } body.text-uppercase .special-filter-area>ul li { text-transform: uppercase; } .before-loop-wrapper>*:not(.ts-floating-sidebar) { font-size: var(--loobek-main-small-font-size); } .subcat-has-border .before-loop-wrapper .special-filter-area>ul li a { text-transform: uppercase; } .before-loop-wrapper .special-filter-area>ul li a { display: inline-block; position: relative; line-height: 1.2em; color: var(--loobek-text-bold-color); font-size: var(--loobek-sub-cat-font-size); font-family: var(--loobek-sub-cat-font); font-weight: var(--loobek-sub-cat-font-weight); } .before-loop-wrapper .special-filter-area>ul li a.current:hover { color: var(--loobek-text-bold-color); } .before-loop-wrapper .special-filter-area>ul li a.current:before, .before-loop-wrapper .special-filter-area>ul li a:hover:before { left: 0; right: 0; bottom: 0; border-width: 1px 0 0 0; border-style: solid; position: absolute; content: ""; } .before-loop-wrapper .special-filter-area>ul li a:hover:before, .before-loop-wrapper .special-filter-area>ul li a.current:before { -webkit-animation-duration: 250ms; -moz-animation-duration: 250ms; animation-duration: 250ms; animation-delay: 50ms; -webkit-animation-delay: 50ms; -moz-animation-delay: 50ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_hover_border; -moz-animation-name: animation_hover_border; animation-name: animation_hover_border; } .before-loop-wrapper .special-filter-area>ul { gap: 0 30px; } .before-loop-wrapper .special-filter-area>ul li a:before { border-color: var(--loobek-text-bold-color); } .filter-button-position-inline:not(.subcat-has-border) .before-loop-wrapper .special-filter-area>ul li a { line-height: 32px; display: inline-block; color: var(--loobek-text-bold-color); } .filter-button-position-inline:not(.subcat-has-border) .before-loop-wrapper .special-filter-area>ul li a:before { display: none; } .filter-button-position-inline:not(.subcat-has-border) .before-loop-wrapper .special-filter-area>ul li a.current { border-width: 1px; border-style: solid; padding: 0 15px; border-color: var(--loobek-text-bold-color); } body.image-button-radius .filter-button-position-inline:not(.subcat-has-border) .before-loop-wrapper .special-filter-area>ul li a.current { border-radius: 10px; } .filter-button-position-inline:not(.subcat-has-border) .before-loop-wrapper .special-filter-area>ul li a.current:hover { color: var(--loobek-text-bold-color); } .filter-button-position-inline:not(.subcat-has-border) .before-loop-wrapper .special-filter-area>ul li a:hover { color: var(--loobek-primary-color); } .term-description { display: inline-block; width: 100%; position: relative; } .term-description * { position: relative; } .term-description:empty { display: none; } .breadcrumb-title-wrapper .term-description>p { margin: 0; } .breadcrumb-title .term-description { margin-bottom: 0; font-size: var(--loobek-h5-font-size); line-height: var(--loobek-h5-line-height); } .search-results article.type-product { display: block; } .search-results article.type-product .entry-format, .search-results article.type-product .entry-content { width: 100%; } .search-results article.type-product .entry-content:not(.no-featured-image) { margin-top: 25px; padding: 0; } .woocommerce-no-products-found { margin-top: 50px; } .woocommerce #primary>.woocommerce-info, .woocommerce-no-products-found .woocommerce-info { background: transparent; padding: 0; max-width: 500px; margin: 0 auto; text-align: center; font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); font-size: var(--loobek-h3-font-size); line-height: var(--loobek-h3-line-height); color: var(--loobek-text-bold-color); } .woocommerce #primary>.woocommerce-info+.reset-filters, .woocommerce-no-products-found+.reset-filters { text-align: center; margin-top: 30px; } #main-content.product-has-background .product .product-wrapper, .ts-product.product-has-background .product .product-wrapper, #main-content.product-has-background .before-loop-wrapper:before, #main-content.product-has-background .term-description:before, .ts_desktop.product-hover-style-v2 .product-has-background .product-group-button-meta:before { background-color: var(--loobek-main-bg); } body.image-button-radius #main-content.product-has-background .product .product-wrapper, body.image-button-radius .ts-product.product-has-background .product .product-wrapper { border-radius: 10px; } .product-has-background .products, .woocommerce .product-has-background .products { gap: 10px 0 !important } #main-content.product-has-background .products, .ts-product.product-has-background .products, .woocommerce .ts-product.product-has-background .products { margin-left: -5px; margin-right: -5px; } #main-content.product-has-background .products .product, .ts-product.product-has-background .products .product, .woocommerce .ts-product.product-has-background .products .product { padding-left: 5px; padding-right: 5px; } #main-content.product-has-background .product .product-wrapper, .ts-product.product-has-background .product .product-wrapper { padding: 20px; } #page .product-has-background .product-wrapper .meta-wrapper { padding-left: 0; padding-right: 0; } #main-content.product-has-background { position: relative; } .page-container.has-1-sidebar #main-content.product-has-background, .page-container.has-2-sidebar #main-content.product-has-background { padding-left: 10px; padding-right: 10px; } #main-content.product-has-background .before-loop-wrapper { padding-bottom: 20px; } .page-container.has-1-sidebar #main-content.product-has-background .before-loop-wrapper, .page-container.has-2-sidebar #main-content.product-has-background .before-loop-wrapper { margin-left: -10px; margin-right: -10px; margin-bottom: 10px; } .page-container.has-1-sidebar #main-content.product-has-background .term-description, .page-container.has-2-sidebar #main-content.product-has-background .term-description { margin-left: -10px; margin-right: -10px; } #main-content.product-has-background .before-loop-wrapper:before, #main-content.product-has-background .term-description:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; } #main-content.product-has-background:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; background: var(--loobek-shop-bg); } .page-container.no-sidebar #main-content.product-has-background .before-loop-wrapper:before, .page-container.no-sidebar #main-content.product-has-background:before, .page-container.no-sidebar #main-content.product-has-background .term-description:before { margin-left: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); margin-right: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); } :is(.has-1-sidebar, .has-2-sidebar) #main-content.product-has-border-bottom .before-loop-wrapper:after { margin-left: 0; margin-right: 0; } #main-content.product-has-border-bottom .before-loop-wrapper { padding-bottom: 15px; margin-bottom: 0; } #main-content.product-has-border-bottom .main-products, .ts-product.product-has-border-bottom:not(.ts-slider) .content-wrapper { overflow-x: hidden; padding-bottom: 100px; margin-bottom: -100px; } .ts-product.product-has-border-bottom:not(.ts-slider) .content-wrapper { margin-top: -40px; } .woocommerce .products>.list-categories, #main-content.product-has-border-bottom .products { position: relative; } .woocommerce .products>.list-categories:hover, #main-content.product-has-border-bottom .products:hover { z-index: 4; } #main-content.product-has-border-bottom .products .product, .ts-product.product-has-border-bottom .products .product { padding-top: 40px; border-width: 1px 0 0 0; border-style: solid; } #main-content.product-has-border-bottom .before-loop-wrapper:after { border-width: 0 0 1px 0; border-style: solid; height: 1px; content: ""; position: absolute; left: 0; right: 0; bottom: -1px; top: auto; margin-left: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); margin-right: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); } :is(.layout-fullwidth, .main-content-fullwidth) #main-content.product-has-border-bottom .before-loop-wrapper:after { margin: 0; } .main-products.columns-1 .product:not(.product-category) .product-name, .main-products.columns-1 .product:not(.product-category) .price { font-size: var(--loobek-h4-font-size); line-height: var(--loobek-h4-line-height); } .main-products.columns-1:not(.big-thumbnail) .meta-wrapper .price del { font-size: var(--loobek-h6-font-size); } #page .main-products:is(.columns-1, .columns-2) .product-group-button-meta>div.loop-add-to-cart a.button.added span:before { font-family: 'icomoon'; content: "\e90a"; font-size: 100%; } #page .main-products:is(.columns-1, .columns-2) .product-group-button-meta>div.loop-add-to-cart a.button { border-width: 1px; padding: 7px 30px; width: 100%; opacity: 1; font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); font-size: var(--loobek-button-font-size); line-height: 30px; /* default */ color: var(--loobek-button-color); background-color: var(--loobek-button-bg); border-color: var(--loobek-button-border); } #page .main-products:is(.columns-1, .columns-2) .product-group-button-meta div.loop-add-to-cart .button-tooltip:before { border-color: var(--loobek-button-bg); border-top-color: var(--loobek-button-color); border-left-color: var(--loobek-button-color); } #page .main-products:is(.columns-1, .columns-2) .product-group-button-meta div.loop-add-to-cart a:hover .button-tooltip:before { border-color: var(--loobek-button-hover-bg); border-top-color: var(--loobek-button-hover-color); border-left-color: var(--loobek-button-hover-color); } #page .main-products:is(.columns-1, .columns-2) .product-group-button-meta>div.loop-add-to-cart a.button:hover { color: var(--loobek-button-hover-color); background-color: var(--loobek-button-hover-bg); border-color: var(--loobek-button-hover-border); } #page .main-products.columns-1.big-thumbnail a.button.loading:after { left: -1px; right: -1px; bottom: -1px; top: -1px; width: auto; height: auto; opacity: 0.9; } .ts_desktop #page .main-products.columns-1.big-thumbnail .meta-wrapper a.button.added:before { margin-right: 5px; /* rtl */ } /* CATEGORIES SHOW CATEGORIES ITEM */ .products .product.product-category>a { overflow: hidden; display: block; } .product.product-category div.button a.button { color: #161616 !important; background-color: #ffffff !important; } .product.product-category .product-wrapper { overflow: hidden; border-width: 1px; border-style: solid; border-color: transparent; } .woocommerce .products .product.product-category h3, .ts-product-brand-wrapper .item .meta-wrapper h3 { margin-bottom: 0; font-size: var(--loobek-main-font-size); } .product-category .product-wrapper>a { display: block; overflow: hidden; width: 100%; margin-left: auto; margin-right: auto; position: relative; } body.image-button-radius .ts-product-category-wrapper:not(.show-icon) .product-category .product-wrapper>a { border-radius: 10px; } .effect-thumbnail .products .product.product-category .product-wrapper>a:before { font-family: 'icomoon'; content: "\e916"; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; color: #ffffff; z-index: 2; opacity: 0; visibility: hidden; transition: 300ms ease 0s; } .effect-thumbnail .products .product.product-category .product-wrapper>a:after { background: rgba(0, 0, 0, 0.4); position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; top: 0; content: ""; opacity: 0; visibility: hidden; transition: 300ms ease 0s; } .effect-thumbnail.thumbnail-radius .products .product.product-category .product-wrapper>a:after { border-radius: 100%; } .effect-thumbnail .products .product.product-category .product-wrapper>a:hover:before, .effect-thumbnail .products .product.product-category .product-wrapper>a:hover:after { opacity: 1; visibility: visible; } /* FILTER WIDGET CATEGORIES PRODUCT */ .woocommerce-notices-wrapper { margin-bottom: 30px; } .woocommerce-notices-wrapper:empty { display: none; } .woocommerce .shop-recommended-products { margin-top: 100px } .woocommerce .before-loop-wrapper { display: flex; flex-flow: row wrap; align-items: baseline; margin-bottom: 30px; justify-content: space-between; gap: 20px 30px; position: relative; color: var(--loobek-text-bold-color); } .woocommerce .style-sort-border-overflow .before-loop-wrapper { gap: 20px 10px; } .woocommerce .before-loop-wrapper .woocommerce-notices-wrapper { width: 100%; order: -5; } .woocommerce .before-loop-wrapper .woocommerce-notices-wrapper:empty { display: none; } .filter-widget-area-button { margin-right: 50px; /* rtl */ position: relative; order: -3; z-index: 2; } .style-filter-sidebar .filter-widget-area-button { width: calc(25% - 80px); } .style-filter-sidebar.style-sort-border-overflow .before-loop-wrapper .filter-widget-area-button { width: calc(25% - 60px); } .filter-widget-area-button a { text-decoration: none; white-space: nowrap; display: inline-block; color: var(--loobek-text-bold-color); } body.image-button-radius .filter-widget-area-button a, body.image-button-radius .woocommerce-ordering ul.orderby>li, body.image-button-radius .product-per-page-form ul.perpage>li, body.image-button-radius .widget_layered_nav_filters ul li>a, body.image-button-radius .widget-container.product-filter-by-color ul li a { border-radius: 10px; } .style-sort-border .before-loop-wrapper .filter-widget-area-button a, .style-sort-border-overflow .before-loop-wrapper .filter-widget-area-button a, .style-sort-border .before-loop-wrapper .woocommerce-ordering ul.orderby>li, .style-sort-border .before-loop-wrapper .product-per-page-form ul.perpage>li { padding: 0 15px; line-height: 32px; border-width: 1px; border-style: solid; display: inline-block; transition: 150ms ease 0s; border-color: var(--loobek-text-bold-color); } .style-sort-border .before-loop-wrapper .filter-widget-area-button a:hover, .style-sort-border-overflow .before-loop-wrapper .filter-widget-area-button a:hover, .style-sort-border .before-loop-wrapper .woocommerce-ordering ul.orderby>li:hover, .style-sort-border .before-loop-wrapper .product-per-page-form ul.perpage>li:hover { border-color: var(--loobek-text-bold-color); background-color: var(--loobek-text-bold-color); color: #ffffff; } .style-sort-border .before-loop-wrapper .filter-widget-area-button a, .style-sort-border-overflow .before-loop-wrapper .filter-widget-area-button a { font-family: var(--loobek-main-font-bold); font-weight: var(--loobek-main-font-bold-weight); } .style-sort-border-overflow .before-loop-wrapper .woocommerce-ordering, .style-sort-border-overflow .before-loop-wrapper .product-per-page-form { display: flex; align-items: center; padding: 0 15px; border-width: 1px; border-style: solid; transition: 150ms ease 0s; position: relative; border-color: var(--loobek-text-bold-color); } body.image-button-radius .style-sort-border-overflow .before-loop-wrapper .woocommerce-ordering, body.image-button-radius .style-sort-border-overflow .before-loop-wrapper .product-per-page-form { border-radius: 10px; } .style-sort-border-overflow .before-loop-wrapper .woocommerce-ordering ul.orderby>li, .style-sort-border-overflow .before-loop-wrapper .product-per-page-form ul.perpage>li { line-height: 32px; } .filter-widget-area-button a:hover { color: var(--loobek-primary-color); } .filter-widget-area-button a:before { content: "\e914"; margin-right: 10px; /* rtl */ font-family: 'icomoon'; font-weight: normal; line-height: 0; display: inline-block; } .filter-widget-area-button a:after { content: attr(data-show_title); } .filter-widget-area-button.active a:after { content: attr(data-hide_title); } .filter-widget-area .widget-container { clear: none; margin: 0 0 40px 0; } .filter-widget-area .widget-container:last-child { margin-bottom: 0; } .style-filter-popup #ts-filter-widget-area .close { display: block; } .ts-product-categories-widget ul>li.cat-parent>a { margin-right: 20px; /* rtl */ } .product-filter-by-availability div>ul>li label { font-size: 100%; } .ts-product-categories-widget li { position: relative; } .ts-product-categories-widget div>ul>li a, .widget_product_categories>ul>li a { position: relative; display: inline-block; text-transform: none; font-size: 100%; } .ts-product-categories-widget div>ul ul a, .widget_product_categories>ul ul a { line-height: 20px; } .ts-product-categories-widget ul.product-categories ul li.cat-parent>span.icon-toggle { width: 20px; height: 20px; line-height: 20px; } .widget-title-wrapper a.block-control:after { content: "\e902"; font-family: 'icomoon'; line-height: 24px; font-size: 20px; font-weight: normal; letter-spacing: 0; display: inline-block; } .widget-title-wrapper a.block-control.active:after { content: "\e905"; } .widget-title-wrapper a.block-control { position: absolute; content: ""; line-height: 0; left: 0; right: 0; top: 0; text-align: end; text-indent: 0; z-index: 8; text-decoration: none; display: none; color: var(--loobek-text-bold-color); } /*** Perpage ***/ .product-per-page-form { width: auto; display: flex; align-items: baseline; position: relative; } .product-per-page-form>span, .woocommerce-ordering>span { margin-right: 10px; /* rtl */ white-space: nowrap; } .product-per-page-form>select { display: none; } .product-per-page-form ul.perpage { margin: 0; position: relative; z-index: 9; } .style-sort-border-overflow .before-loop-wrapper .product-per-page-form ul.perpage { position: static; } .product-on-sale-form { white-space: nowrap; } .style-sort-border-overflow .before-loop-wrapper .product-on-sale-form { margin-right: 20px; /* rtl */ } .product-on-sale-form label { text-transform: none; padding: 0 0 0 30px; /* rtl */ position: relative; margin: 0; cursor: pointer; } .product-on-sale-form input { display: none; } .before-loop-wrapper .ts-product-columns-selector, .before-loop-wrapper .product-on-sale-form label, .before-loop-wrapper .filter-widget-area-button, .woocommerce .woocommerce-ordering .orderby-current, .product-per-page-form ul.perpage>li span, .woocommerce .woocommerce-ordering .orderby-current:after, .product-per-page-form .perpage-current:after { line-height: 34px; } :is(.style-sort-border, .style-sort-border-overflow) .woocommerce-ordering .orderby-current, :is(.style-sort-border, .style-sort-border-overflow) .product-per-page-form ul.perpage>li span, :is(.style-sort-border, .style-sort-border-overflow).woocommerce .woocommerce-ordering .orderby-current:after, :is(.style-sort-border, .style-sort-border-overflow) .product-per-page-form .perpage-current:after { line-height: 32px; } /*** TS Columns Selector ***/ .ts-product-columns-selector { display: flex; align-items: center; gap: 15px; margin-right: 50px; /*rtl*/ position: relative; color: var(--loobek-text-light-color); } .ts-product-columns-selector .selected { color: var(--loobek-text-bold-color); } .ts-product-columns-selector .column-2 { display: none; } .ts-product-columns-selector>span { display: inline-block; cursor: pointer; opacity: 0.6; transition: 150ms ease 0s; } .ts-product-columns-selector>span:before { font-family: 'icomoon'; font-weight: normal; } .ts-product-columns-selector>span:hover:before, .ts-product-columns-selector>span.selected:before { color: inherit; } .ts-product-columns-selector>span:hover, .ts-product-columns-selector>span.selected { opacity: 1; } .ts-product-columns-selector>span:before { content: "\e919"; } .ts-product-columns-selector>span.column-1-1:before { content: "\e91a"; } .ts-product-columns-selector>span.column-2:before { content: "\e91b"; } .ts-product-columns-selector>span.column-3:before { content: "\e91c"; } .ts-product-columns-selector>span.column-4:before { content: "\e91d"; } .ts-product-columns-selector>span.column-5:before { content: "\e95b"; } /*** Ordering ***/ .woocommerce .woocommerce-ordering { margin: 0 0 0 auto; /* rtl */ display: flex; align-items: baseline; position: relative; z-index: 9; float: none !important; } .woocommerce-ordering ul { margin: 0; } .woocommerce .woocommerce-ordering select { display: none; } .woocommerce .before-loop-wrapper .woocommerce-result-count { 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; white-space: nowrap; } .product-per-page-form ul.perpage li a.current, .woocommerce .woocommerce-ordering .orderby li a.current { color: var(--loobek-primary-color); } .woocommerce .woocommerce-ordering .orderby>li, .product-per-page-form ul.perpage>li { padding: 0; } .woocommerce .woocommerce-ordering ul li a, .product-per-page-form ul.perpage ul li a { padding: 0; width: 100%; display: inline-block; position: relative; color: var(--loobek-text-bold-color); } .woocommerce .woocommerce-ordering .orderby-current, .product-per-page-form ul.perpage>li span { position: relative; width: 100%; display: block; padding-right: 15px; /* rtl */ } .woocommerce .woocommerce-ordering .orderby-current { font-size: var(--loobek-main-small-font-size); } /*** Pagination ***/ body.image-button-radius .wp-block-query-pagination .wp-block-query-pagination-numbers a, body.image-button-radius .wp-block-query-pagination .wp-block-query-pagination-numbers span, body.image-button-radius .wp-block-query-pagination>a, body.image-button-radius .wp-block-post-navigation-link a, body.image-button-radius .post-nav-links>a, body.image-button-radius .post-nav-links>span, body.image-button-radius nav.woocommerce-pagination ul li a, body.image-button-radius nav.woocommerce-pagination ul li span, body.image-button-radius .ts-pagination ul li a, body.image-button-radius .ts-pagination ul li span.current, body.image-button-radius .dokan-pagination-container .dokan-pagination li a, body.image-button-radius nav.woocommerce-pagination ul li a:focus, body.image-button-radius nav.woocommerce-pagination ul li a:hover, body.image-button-radius nav.woocommerce-pagination ul li span.current { border-radius: 10px; } .post-nav-links { margin-top: 20px; display: flex; align-items: center; flex-wrap: wrap; } .woocommerce nav.woocommerce-pagination { margin: 0; text-align: inherit; } .woocommerce .after-loop-wrapper { margin: 40px 0 0 0; padding: 0; display: block; position: relative; text-align: center; } .woocommerce .after-loop-wrapper:empty { display: none !important; } .woocommerce .after-loop-wrapper:after { content: ""; display: table; clear: both; } .ts-pagination { margin: 60px 0 0 0; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } .ts-pagination ul li, .woocommerce nav.woocommerce-pagination ul li, .dokan-pagination-container .dokan-pagination li { padding: 0; margin: 5px; list-style: none; border-width: 0; } .ts-pagination ul li a:hover { text-decoration: none; } .wp-block-query-pagination { font-size: var(--loobek-main-font-size); } .dokan-pagination-container { margin: 40px 0 100px 0; } .show_if_seller label.pull-left { float: none; } .ts-pagination ul, .woocommerce nav.woocommerce-pagination ul, .dokan-pagination-container .dokan-pagination { border: 0; margin: 0; padding: 0; display: flex; margin: -5px; flex-wrap: wrap; justify-content: center; } .wp-block-query-pagination, .wp-block-post-navigation-link a, .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, .dokan-pagination-container .dokan-pagination li a { font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); font-size: var(--loobek-main-font-size); } .woocommerce nav.woocommerce-pagination ul li a.next:hover, .woocommerce nav.woocommerce-pagination ul li a.prev:hover, .woocommerce nav.woocommerce-pagination ul li a:hover, .ts-pagination ul li a.prev:hover, .ts-pagination ul li a.next:hover, .dokan-pagination-container .dokan-pagination li:hover a, .ts-pagination ul li a:hover, .post-nav-links>span, .post-nav-links>a:hover, .wp-block-query-pagination>a:hover, .wp-block-post-navigation-link a:hover, .wp-block-query-pagination .wp-block-query-pagination-numbers a:hover { border-color: var(--loobek-text-bold-color); } .woocommerce nav.woocommerce-pagination ul li a.prev, .woocommerce nav.woocommerce-pagination ul li a.next, .ts-pagination ul li a.next, .ts-pagination ul li a.prev, .wp-block-query-pagination>a, .wp-block-post-navigation-link a { font-size: var(--loobek-button-font-size); } .dokan-pagination-container .dokan-pagination li a, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li a:hover, .ts-pagination ul li a, .ts-pagination ul li span, .post-nav-links>a, .post-nav-links>span, .post-nav-links>a:hover, .wp-block-query-pagination .wp-block-query-pagination-numbers a, .wp-block-query-pagination .wp-block-query-pagination-numbers span, .wp-block-query-pagination>a, .wp-block-post-navigation-link a { color: var(--loobek-text-bold-color); } .wp-block-query-pagination .wp-block-query-pagination-numbers a, .wp-block-query-pagination .wp-block-query-pagination-numbers span, .wp-block-query-pagination>a, .wp-block-post-navigation-link a, .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, .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 5px; background: transparent; text-align: center; display: inline-block; line-height: 44px; min-width: 46px; border-width: 1px; border-style: solid; text-decoration: none; } .woocommerce nav.woocommerce-pagination ul li span.dots, .ts-pagination .page-numbers.dots { line-height: 46px; min-width: 30px; display: inline-block; border-width: 0; text-align: center; } .wp-block-post-navigation-link a { min-width: 150px; margin: 5px 0; } .wp-block-query-pagination>a, .wp-block-post-navigation-link 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 { padding-left: 30px; padding-right: 30px; } .ts-pagination ul li a.prev:focus, .ts-pagination ul li a.next:focus, .ts-pagination ul li a:focus, .ts-pagination ul li span.current, .dokan-pagination-container .dokan-pagination li.active a, .woocommerce nav.woocommerce-pagination ul li a.next:focus, .woocommerce nav.woocommerce-pagination ul li a.prev:focus, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:focus, .wp-block-query-pagination .wp-block-query-pagination-numbers span.current, .wp-block-query-pagination>a:focus, .wp-block-post-navigation-link a:focus { color: var(--loobek-button-color); background-color: var(--loobek-button-bg); border-color: var(--loobek-button-border); } #reviews nav.woocommerce-pagination { border-width: 1px 0 0 0; border-style: solid; padding-top: 30px; margin-top: 30px; } #reviews nav.woocommerce-pagination ul li a.next, #reviews nav.woocommerce-pagination ul li a.prev { font-size: 0; padding: 0; line-height: 0; } #reviews nav.woocommerce-pagination ul li a.next:before, #reviews nav.woocommerce-pagination ul li a.prev:before { font-family: 'icomoon'; font-weight: normal; letter-spacing: 0; font-size: 8px; line-height: 44px; } #reviews nav.woocommerce-pagination ul li a.next:before { content: "\e904"; } #reviews nav.woocommerce-pagination ul li a.prev:before { content: "\e903"; } .dokan-pagination-container .dokan-pagination li.active a { cursor: default; } .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 { cursor: pointer; min-width: 170px; } .product-per-page-form ul.perpage>li { min-width: 70px; } .style-sort-border-overflow .before-loop-wrapper .woocommerce-ordering .orderby>li, .style-sort-border-overflow .before-loop-wrapper .product-per-page-form ul.perpage>li { min-width: auto; } .woocommerce .woocommerce-ordering .orderby-current:after, .product-per-page-form .perpage-current:after { content: "\e902"; font-family: 'icomoon'; font-size: 18px; margin-left: 4px; /* rtl */ letter-spacing: 0; font-weight: normal; display: inline-block; position: absolute; right: 0; /* rtl */ top: 0; } .woocommerce .woocommerce-ordering .orderby-current.active:after, .product-per-page-form .perpage-current.active:after, .woocommerce .woocommerce-ordering .orderby-current:hover:after, .product-per-page-form .perpage-current:hover:after { opacity: 1; } .woocommerce .woocommerce-ordering .orderby-current.active:after, .product-per-page-form .perpage-current.active:after { content: "\e905"; } .woocommerce .woocommerce-ordering .orderby ul, .product-per-page-form ul.perpage ul { margin: 0; padding: 29px 25px 21px 25px; display: none; position: absolute; width: auto; top: 100%; left: auto; /* rtl */ right: 0; /* rtl */ z-index: 5; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .product-per-page-form ul.perpage ul { padding: 19px 15px 11px 15px; min-width: 70px; } .woocommerce .woocommerce-ordering .orderby ul:before, .product-per-page-form ul.perpage ul:before { position: absolute; content: ""; top: 8px; left: 0; right: 0; bottom: 0; z-index: 0; border-width: 1px; border-style: solid; background-color: var(--loobek-main-bg); border-color: var(--loobek-text-bold-color); } body.image-button-radius .woocommerce-ordering .orderby ul:before, body.image-button-radius .product-per-page-form ul.perpage ul:before { border-radius: 10px; } /* LOAD MORE */ .ts-shop-result-count { text-align: center; display: block; text-align: center; margin: 0 0 10px 0; font-size: var(--loobek-main-small-font-size); } .ts-shop-result-count>span { display: block; } .ts-shop-result-count>.bar { width: 300px; border-width: 4px 0 0 0; border-style: solid; display: inline-block; position: relative; margin: 10px 0; } .ts-shop-result-count>.bar span { position: absolute; left: 0; /* rtl */ top: -4px; border-width: 4px 0 0 0; border-style: solid; display: inline-block; border-color: var(--loobek-text-bold-color); } .ts-shortcode .load-more-wrapper { display: block; text-align: center; margin: 20px auto 0 auto; border-color: var(--loobek-border); } .ts-shortcode.ts-masonry .load-more-wrapper { padding-top: 50px; border-width: 1px 0 0 0; border-style: solid; margin-top: 50px; } .ts-shop-load-more { display: block; text-align: center; margin: 0 auto; } .ts-shortcode .load-more-wrapper a, .ts-shop-load-more a { text-decoration: none; } .archive.load-more-button .woocommerce>.products.loading:before { display: none; } .archive.ajax-pagination .woocommerce>.products:after { content: ""; display: block; position: absolute; left: 10px; right: 10px; bottom: 0; top: 0; opacity: 1; z-index: 7; visibility: hidden; transition: 300ms ease 0s; background-color: var(--loobek-main-bg); } .archive.ajax-pagination .woocommerce.columns-1>.products:after { left: 0; right: 0; } .archive.ajax-pagination .woocommerce>.products.loading:after { opacity: 0.5; visibility: visible; } .ts-shop-load-more .button.loading:before, .woocommerce .ts-shop-load-more .button.loading:before, .load-more-wrapper .button.loading:before { width: 16px; height: 16px; margin: 0 5px 0 0; /* rtl */ opacity: 1; visibility: visible; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; transition: 300ms ease 0s; background: transparent; position: relative; top: 3px; left: auto; right: auto; bottom: auto; display: inline-block !important; border-color: var(--loobek-button-bg); border-top: 2px solid var(--loobek-button-color); border-left: 2px solid var(--loobek-button-color); } .ts-shop-load-more .button.loading:hover:before, .woocommerce .ts-shop-load-more .button.loading:hover:before, .load-more-wrapper .button.loading:hover:before { border-color: var(--loobek-button-hover-bg); border-top: 2px solid var(--loobek-button-hover-color); border-left: 2px solid var(--loobek-button-hover-color); } .ts-shop-load-more .button:before, .woocommerce .ts-shop-load-more .button:before, .load-more-wrapper .button:before { content: ""; border-width: 2px; border-style: solid; border-top: 2px solid #161616; border-left: 2px solid #161616; border-radius: 100%; text-align: center; position: relative; top: 3px; width: 0; height: 0; display: inline-block; font-weight: normal; opacity: 0; visibility: hidden; } .ts-shop-load-more .button:after, .woocommerce .ts-shop-load-more .button:after { display: none; } .archive.ajax-pagination .woocommerce>.products.loading { position: relative; } .archive.ajax-pagination .woocommerce>.products:before { left: 50%; top: 300px; right: auto; bottom: auto; width: 40px; height: 40px; z-index: 8; margin-left: -20px; content: ""; border-width: 3px; border-style: solid; border-top: 3px solid #161616; border-left: 3px solid #161616; border-radius: 100%; text-align: center; position: absolute; display: inline-block; font-weight: normal; opacity: 0; visibility: hidden; transition: 300ms ease 0s; } .archive.ajax-pagination .woocommerce>.products.loading:before { opacity: 1; visibility: visible; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .ts-shop-load-more, .load-more.button { text-align: center; } .product-wrapper .color-swatch { margin: -3px; margin-top: 8px; padding-bottom: 4px; display: flex; flex-wrap: wrap; clear: both; } .product-wrapper .price+.color-swatch { margin-top: 14px; } .product-wrapper .color-swatch>span { display: none; margin-bottom: 5px; width: 100%; } .product-wrapper .color-swatch>div { margin: 3px; width: 12px; height: 12px; border-width: 1px; border-style: solid; border-radius: 100%; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); cursor: pointer; overflow: hidden; transition: 100ms ease 0s; line-height: 0; } .product-wrapper .color-swatch>div span, .product-wrapper .color-swatch>div img { width: 100%; height: 100%; display: inline-block; border-radius: 100%; } .product-wrapper .color-swatch>div.active { cursor: default; padding: 2px; } .product-wrapper .color-swatch>div.active { border-color: var(--loobek-text-bold-color) !important; } .product-wrapper .color-swatch>div.active>* { box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } /*--------------------------------------------------------------------------------------------------------------*/ /*- VII. PRODUCT DETAIL ----------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------*/ /* Amount Product */ .cart .amount, .price .amount, .shop_table .amount, .ts-tiny-cart-wrapper .subtotal>span.amount, .woocommerce .products .product .price, .product_list_widget .price, .product_list_widget .amount, .woocommerce div.product p.price, .woocommerce div.product span.price, /* Compare table */ body table.compare-list tr.price td { color: var(--loobek-product-price-color); } del .amount, .cart del .amount, .add-to-cart-popup-content del .amount, .woocommerce .products .product del .amount, .product_list_widget del .amount, .shop_table del .amount, div.product .summary .price del .amount, .price del .amount, .woocommerce div.product .summary p.price del .amount, .yith-wfbt-section del .amount { color: var(--loobek-product-del-color); } .yith-wfbt-submit-block .total_price .amount, ins .amount, .woocommerce .products .product ins .amount, .product_list_widget ins .amount, div.product .price ins .amount, .price ins .amount, .yith-wfbt-section ins .amount, .wishlist_table ins .amount, .cart ins .amount { color: var(--loobek-product-sale-price-color); } /* Fixed single info next prev tooltip */ .single-product #primary>.ts-video, .single-product #primary>.ts-product-360 { margin-top: 30px; } #tab-seller .list-unstyled>li.clearfix:before { display: none; } .description-detail li { list-style: none; } .woocommerce div.product { display: flex; flex-wrap: wrap; gap: 60px; justify-content: center; } #ts-quickshop-modal div.product { justify-content: space-between; width: 100%; display: flex; } #ts-quickshop-modal div.product .entry-title { font-size: var(--loobek-h4-font-size); line-height: var(--loobek-h4-line-height); } .text-uppercase #ts-quickshop-modal div.product .entry-title { font-size: var(--loobek-h3-font-size); line-height: var(--loobek-h3-line-height); } .woocommerce div.product div.product-images-summary { display: grid; justify-content: space-between; width: 100%; align-items: flex-start; grid-template-columns: 55% 45%; } .woocommerce .show-breadcrumb-v3 div.product div.product-images-summary { grid-template-columns: 55% calc(45% - 10px); } .woocommerce .has-2-sidebar div.product.bought-together-layout-vertical div.product-images-summary, .woocommerce div.thumbnail-layout-slider-2-col div.product-images-summary, .woocommerce div.thumbnail-layout-grid div.product-images-summary { grid-template-columns: 64% 36%; } .woocommerce .show-breadcrumb-v3 .has-2-sidebar div.product.bought-together-layout-vertical div.product-images-summary, .woocommerce .show-breadcrumb-v3 div.thumbnail-layout-slider-2-col div.product-images-summary, .woocommerce .show-breadcrumb-v3 div.thumbnail-layout-grid div.product-images-summary { grid-template-columns: 64% calc(36% - 10px); } .woocommerce .has-2-sidebar div.product div.product-images-summary, .woocommerce div.thumbnail-layout-slider-2-col.no-product-thumbnail div.product-images-summary, .woocommerce div.thumbnail-layout-grid.no-product-thumbnail div.product-images-summary, .woocommerce div.product.no-product-thumbnail div.product-images-summary, .woocommerce .show-breadcrumb-v3 .has-2-sidebar div.product div.product-images-summary, .woocommerce .show-breadcrumb-v3 div.thumbnail-layout-slider-2-col.no-product-thumbnail div.product-images-summary, .woocommerce .show-breadcrumb-v3 div.thumbnail-layout-grid.no-product-thumbnail div.product-images-summary, .woocommerce .show-breadcrumb-v3 div.product.no-product-thumbnail div.product-images-summary { grid-template-columns: 100%; } .woocommerce .has-2-sidebar div.product .summary~*, .woocommerce div.thumbnail-layout-slider-2-col.no-product-thumbnail .summary~*, .woocommerce div.thumbnail-layout-grid.no-product-thumbnail .summary~*, .woocommerce div.product.no-product-thumbnail .summary~*, .woocommerce .show-breadcrumb-v3 .has-2-sidebar div.product .summary~*, .woocommerce .show-breadcrumb-v3 div.thumbnail-layout-slider-2-col.no-product-thumbnail .summary~*, .woocommerce .show-breadcrumb-v3 div.thumbnail-layout-grid.no-product-thumbnail .summary~*, .woocommerce .show-breadcrumb-v3 div.product.no-product-thumbnail .summary~* { grid-column: auto; } .woocommerce .has-2-sidebar div.product div.product-images-summary .summary { margin-top: 40px; order: 3; padding: 0; } .woocommerce .has-2-sidebar div.product div.product-images-summary .summary:before, .woocommerce .has-2-sidebar .bought-together-layout-vertical div.yith-wfbt-section:before { display: none; } body.image-button-radius .bought-together-layout-vertical.bought-together-items-style-border .yith-wfbt-section .yith-wfbt-items li, body.image-button-radius .bought-together-layout-horizontal.bought-together-items-style-border .yith-wfbt-section .yith-wfbt-items li { border-radius: 10px; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 1. PRODUCT IMAGE -------------------------------------------------------------------------------------------*/ div.product div.summary .clear { display: none !important; } .woocommerce div.product div.woocommerce-product-gallery { margin: 0; width: auto; } body.image-button-radius div.product div.woocommerce-product-gallery img { border-radius: 10px; } .woocommerce div.product.thumbnail-layout-vertical div.woocommerce-product-gallery { display: flex; gap: 10px; padding-left: 90px; /* rtl */ } .woocommerce div.product.thumbnail-layout-vertical div.woocommerce-product-gallery .flex-control-thumbs { order: -1; margin-top: 0; display: flex; flex-direction: column; width: 80px; min-width: 80px; position: absolute; top: 0; left: 0; /* rtl */ max-height: 100%; overflow-y: auto; } #ts-quickshop-modal .thumbnail-layout-vertical div.woocommerce-product-gallery .flex-control-thumbs, #ts-quickshop-modal .thumbnail-layout-vertical div.woocommerce-product-gallery .flex-control-thumbs li { width: 60px; } #page div.product.bought-together-layout-vertical.no-product-thumbnail div.summary { padding-left: 0; padding-right: 0; } .woocommerce div.product div.summary { padding-left: 30px; /* rtl */ margin: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; width: auto; } div.product .summary>* { width: 100%; flex: none; } .woocommerce div.product div.woocommerce-product-gallery .woocommerce-product-gallery__trigger { top: 0; right: 0; /* rtl */ left: auto; color: var(--loobek-text-bold-color); } body.image-button-radius div.product div.woocommerce-product-gallery .woocommerce-product-gallery__trigger { border-radius: 0 10px 0 10px; /* rtl */ } .woocommerce div.product div.woocommerce-product-gallery .woocommerce-product-gallery__trigger:before, .woocommerce div.product div.woocommerce-product-gallery .woocommerce-product-gallery__trigger { width: 40px; height: 40px; border-radius: 0; border-width: 0; text-align: center; font-size: 0; text-indent: 0; } .woocommerce div.product div.woocommerce-product-gallery .woocommerce-product-gallery__trigger:before { font-family: 'icomoon'; content: "\e917"; font-weight: normal; line-height: 40px; position: static; font-size: 18px; } .woocommerce div.product div.woocommerce-product-gallery .woocommerce-product-gallery__trigger:after { display: none; } .woocommerce div.product div.woocommerce-product-gallery .woocommerce-product-gallery__trigger, .woocommerce div.product div.woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover { text-decoration: none; } .woocommerce div.product div.woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover { opacity: 0.8; } /* Product popup video */ .ts-product-video-button, .ts-product-360-button { position: absolute; bottom: 2px; left: 2px; /* rtl*/ z-index: 4; padding: 0 5px; line-height: 30px; background: #ffffff; min-width: 80px; text-align: center; text-decoration: none; font-size: var(--loobek-main-small-2-font-size); color: var(--loobek-text-bold-color); } body.image-button-radius .ts-product-video-button, body.image-button-radius .ts-product-360-button { border-radius: 5px; } .ts-product-video-button:hover, .ts-product-360-button:hover { text-decoration: none; } .has-video .ts-product-360-button { left: 84px; /* rtl */ } .ts-product-size-chart-button { color: var(--loobek-text-bold-color); font-size: var(--loobek-main-small-font-size); font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); margin-left: 25px; /* rtl */ } .product-size-chart-container .product-size-chart-content>h2 { font-size: var(--loobek-h4-font-size); line-height: var(--loobek-h4-line-height); margin-bottom: 25px; } body.text-uppercase .product-size-chart-container .product-size-chart-content>h2 { text-transform: uppercase; } .popup-container .ts-size-chart-content table { table-layout: auto; } .woocommerce div.product div.woocommerce-product-gallery .flex-control-thumbs { margin: 10px 0 0 0; display: flex; gap: 10px; } .woocommerce div.product.thumbnail-layout-horizontal div.woocommerce-product-gallery .flex-control-thumbs { flex-wrap: wrap; } .woocommerce div.product div.woocommerce-product-gallery .flex-control-thumbs li { padding: 0; width: 80px; position: relative; } .woocommerce div.product div.woocommerce-product-gallery .flex-control-thumbs li img { opacity: 1; transition: 300ms ease 0s; border-width: 1px; border-style: solid; border-color: transparent; } .woocommerce div.product div.woocommerce-product-gallery .flex-control-thumbs li img:hover, .woocommerce div.product div.woocommerce-product-gallery .flex-control-thumbs li img.flex-active { border-color: var(--loobek-text-bold-color); } .woocommerce div.product.thumbnail-layout-grid .woocommerce-product-gallery__wrapper { display: flex; flex-wrap: wrap; gap: 10px; } #page div.thumbnail-layout-grid .woocommerce-product-gallery__wrapper>div.woocommerce-product-gallery__image { width: calc(50% - 5px); } .ts-product-video-button:before, .ts-product-360-button:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; line-height: 20px; display: inline-block; margin-right: 3px; /* rtl */ text-align: center; } .ts-product-video-button:before { content: "\f03d"; } .ts-product-360-button:before { content: "\f2f1"; } .woocommerce div.product .thumbnails a img { height: auto; max-width: 100%; display: block; } /* PRODUCT LABEL */ .woocommerce .product-label span.onsale, .woocommerce .product-label span { font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } .woocommerce div.product .images .product-label { z-index: 2; position: absolute; left: 10px; /* rtl */ top: 10px; bottom: auto; right: auto; width: auto; text-align: center; } body.label-align-horizontal:not(.image-button-radius) div.product .images .product-label { top: 0; left: 0; /* rtl */ } .product-label-rectangle div.product .images .product-label span { height: 30px; min-width: 60px; } .woocommerce div.product .images .product-label>span.onsale, .woocommerce div.product .images .product-label>span { line-height: 1em !important; font-size: var(--loobek-main-font-size); font-family: var(--loobek-button-font); font-family: var(--loobek-button-font-weight); display: flex; align-items: center; justify-content: center; padding-left: 10px; padding-right: 10px; } .product-label-circle div.product .images .product-label span { width: 60px; height: 60px; } /* 360 */ .threesixty .nav_bar { bottom: 20px; left: 50%; right: auto; transform: translate(-50%, 0); width: auto; display: flex; position: fixed; z-index: 2; } .threesixty .nav_bar a { display: block; width: 40px !important; height: 40px !important; margin: 10px !important; text-align: center; text-decoration: none !important; overflow: hidden; transition: opacity 500ms ease 0s; border-width: 1px; border-style: solid; color: var(--loobek-text-color); border-color: var(--loobek-text-bold-color); } body.image-button-radius .threesixty .nav_bar a { border-radius: 10px; } .threesixty .nav_bar a:before { line-height: 38px; display: block; font-family: 'Font Awesome 5 Free'; font-size: 14px; font-weight: 900; letter-spacing: 0; content: "\f04b"; } .threesixty .nav_bar a.nav_bar_stop:before { content: "\f04c"; text-indent: 0; } .threesixty .nav_bar a.nav_bar_previous:before { content: "\f060"; /* rtl */ } .threesixty .nav_bar a.nav_bar_next:before { content: "\f061"; /* rtl */ } .threesixty .nav_bar li { margin: 5px; } .threesixty .nav_bar a:hover { opacity: 1; color: var(--loobek-button-color); background-color: var(--loobek-button-bg); border-color: var(--loobek-button-border); } ol.threesixty_images li { font-size: 0; padding: 0; line-height: 0; } .ts-popup-modal .threesixty { width: 100% !important; } .threesixty .threesixty_images { display: none; list-style: none; margin: 0; padding: 0; } .threesixty .threesixty_images { display: none; } .threesixty .threesixty_images img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; transition: 250ms ease 0s; } .threesixty .threesixty_images img.previous-image { visibility: hidden; } .threesixty .threesixty_images img.current-image { visibility: visible; } .threesixty .spinner { width: 60px; display: block; margin: 0 auto; height: 30px; background: #333; background: rgba(0, 0, 0, 0.7); border-radius: 5px; } .threesixty .spinner span { font-family: Arial, "MS Trebuchet", sans-serif; font-size: 12px; font-weight: bolder; color: #FFF; text-align: center; line-height: 30px; display: block; } .threesixty:-webkit-full-screen { background: #ffffff; width: 100%; height: 100%; margin-top: 0; padding-top: 200px; } .threesixty:-moz-full-screen { background: #ffffff; width: 100%; height: 100%; margin-top: 0; padding-top: 200px; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 2. PRODUCT SUMMARY -----------------------------------------------------------------------------------------*/ div.summary .product-counter { line-height: 1em; width: auto; font-size: var(--loobek-main-small-2-font-size); color: var(--loobek-product-sale-price-color); } .woocommerce div.product form.cart:after, .woocommerce div.product form.cart:before { display: none; } /* TITLE */ .woocommerce div.product .entry-title { margin: 0; font-size: var(--loobek-heading-font-size); line-height: var(--loobek-heading-line-height); font-family: var(--loobek-heading-font); font-weight: var(--loobek-heading-font-weight); letter-spacing: var(--loobek-heading-letter-spacing); } body.text-uppercase div.product .entry-title { text-transform: uppercase; } /* RATING */ .woocommerce .woocommerce-product-rating .star-rating { margin: 0; float: none; position: relative; } .woocommerce .woocommerce-product-rating:after, .woocommerce .woocommerce-product-rating:before { display: none; } .woocommerce div.product .woocommerce-product-rating { margin: 0; line-height: 1em; display: flex; flex-wrap: wrap; margin-bottom: 20px; gap: 10px; } .woocommerce-product-rating a, .star-rating-wrapper .list-view-rating a { position: relative; text-decoration: none; } .woocommerce-product-rating a:before, .star-rating-wrapper .list-view-rating a:before { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; border-width: 1px 0 0 0; border-style: solid; border-color: var(--loobek-text-bold-color); } .star-rating-wrapper .list-view-rating a:before { bottom: 1px; } .star-rating-wrapper .list-view-rating a:hover:before, .woocommerce-product-rating a:hover:before { border-color: var(--loobek-primary-color); -webkit-animation-duration: 250ms; -moz-animation-duration: 250ms; animation-duration: 250ms; animation-delay: 50ms; -webkit-animation-delay: 50ms; -moz-animation-delay: 50ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_hover_border; -moz-animation-name: animation_hover_border; animation-name: animation_hover_border; } .woocommerce .star-rating span, .product_list_widget .star-rating span, .seller-rating .star-rating span { overflow: hidden; top: 0; bottom: 0; left: 0; /* rtl */ position: absolute; padding: 0; font-size: 0; } .woocommerce .woocommerce-product-rating .star-rating span span { display: none; } /* META */ .wcpr-overall-rating-left-average, .quantity .ts-low-stock-notice, .wcpr-col-rank-count, .cart_totals .amount, .order-total .amount, .dropdown-footer .total .amount, .ts-discount-percent, .summary .detail-meta-top>div>span:last-child, .summary .detail-meta-top>div>span:last-child a, .summary .detail-meta-bottom .tags-link a, .summary .detail-meta-top>div.stock span:last-child, table.compare-list .stock td span.wishlist-in-stock, .wishlist_table td span.wishlist-in-stock, .wishlist_table .product-stock-status span.wishlist-in-stock, .wishlist_table td span.wishlist-in-stock { font-family: var(--loobek-main-font-bold); font-weight: var(--loobek-main-font-bold-weight); } .wcpr-overall-rating-left-average, .quantity .ts-low-stock-notice { color: var(--loobek-primary-color); } .text-uppercase .wcpr-overall-rating-left-average { font-family: var(--loobek-heading-font); font-weight: var(--loobek-heading-font-weight); } .summary .detail-meta-top { margin-bottom: 20px; display: flex; flex-direction: column; font-size: var(--loobek-main-small-font-size); } .summary .detail-meta-top>div { display: flex; gap: 10px; } .summary .detail-meta-top>div>span:first-child { min-width: 92px; } body table.compare-list .stock td span, .wishlist_table .product-stock-status span.wishlist-in-stock, .wishlist_table td span.wishlist-in-stock, .summary .detail-meta-top>div.stock span:last-child, .summary .detail-meta-top>div>span:last-child { color: var(--loobek-text-bold-color); } body table.compare-list .stock td span { font-family: var(--loobek-main-font-bold); font-weight: var(--loobek-main-font-bold-weight); } /* TAGS */ .tags-color-style { display: flex; gap: 10px; flex-wrap: wrap; padding: 0 0 30px 0; margin: 0 0 20px 0; border-width: 0 0 1px 0; border-style: solid; } .price~.tags-color-style { margin-top: 20px; } .tags-color-style a { line-height: 30px; display: flex; gap: 0 5px; align-items: center; text-align: center; background: #fafafa; color: #000000; text-decoration: none; padding: 0 15px; } .tags-color-style a img { max-width: 18px; } .tags-color-style a:hover { opacity: 0.9; } /* CATEGORIES */ .summary .cats-link { line-height: 1em; } .summary .cats-link>span:first-child { display: none; } /* DESCRIPTION */ .wcpr-prev, .wcpr-next { top: 50%; transform: translate(0, -50%); margin-top: -50px; margin: 0; font-size: 24px; } .big-review-images { height: auto; padding-top: 50px; } .big-review-images>.wcpr-close { font-size: 16px; text-align: center; } .woocommerce div.product .summary .woocommerce-product-details__short-description { clear: both; padding: 30px 0; margin-bottom: 20px; border-width: 1px 0 1px 0; border-style: solid; } .woocommerce div.product .summary .price~.woocommerce-product-details__short-description { margin-top: 20px; } .woocommerce div.product .summary .tags-color-style+.woocommerce-product-details__short-description { border-width: 0 0 1px 0; padding: 0 0 30px 0; margin-top: 0; } .woocommerce-product-details__short-description { color: var(--loobek-text-bold-color); } .woocommerce-product-details__short-description p { margin: 0; } .woocommerce-product-details__short-description ul li { padding: 4px 0; } .woocommerce-product-details__short-description ul { margin: 0; } /* ADD TO CART */ .woocommerce div.product form.cart { border-width: 1px 0 0 0; border-style: solid; padding-top: 29px; display: flex; flex-wrap: wrap; align-items: flex-end; } .woocommerce div.product form.cart .variations_button { display: grid; align-items: flex-end; grid-template-columns: 110px auto; } .woocommerce div.product form.cart .single_variation_wrap { width: 100%; } .woocommerce div.product form.cart .button { flex: auto; float: none; } .woocommerce #page div.sold-individually form.cart div.quantity, .woocommerce #page div.sold-individually form.cart .variations_button div.quantity { display: none; } .woocommerce div.product .price~form.cart { margin: 20px 0; } .enable-catalog-mode div.product.product-type-variable .price~form.cart { margin-bottom: 0; } .enable-catalog-mode div.product:not(.product-type-variable) .single-product-buttons { margin-top: 30px; } .woocommerce div.product .woocommerce-product-details__short-description~form.cart, .woocommerce div.product .tags-color-style~form.cart { padding-top: 0; border-width: 0; } .woocommerce div.product.sold-individually form.cart .button, .woocommerce div.product.only-one-in-stock form.cart .button, .woocommerce div.product.product-type-grouped form.cart .button, .woocommerce div.product.product-type-external form.cart .button { margin-top: 0; } .woocommerce div.product.sold-individually form.cart, .woocommerce div.product.only-one-in-stock form.cart { margin-top: 5px; } .woocommerce div.product form.variations_form.cart .button { margin-top: 0; opacity: 1; } .woocommerce div.product form.cart .single_add_to_cart_button:before { content: "\e916"; font-family: 'icomoon'; font-size: 8px; margin-right: 5px; /* test loading rtl */ display: inline-block; line-height: 10px; position: relative; top: -3px; } .woocommerce div.product form.cart .single_add_to_cart_button.loading:before { position: static; height: 12px; width: 12px; content: ""; } .woocommerce div.product form.cart .single_add_to_cart_button.added:before { content: "\e90a"; font-size: 100%; top: 0; } .woocommerce div.product form.cart .single_add_to_cart_button.loading:after { display: none; } #page .summary .ts-buy-now-button { margin-top: -20px; margin-bottom: 20px; color: var(--loobek-text-bold-color); border-color: var(--loobek-border); } #page .summary .ts-buy-now-button:hover { color: var(--loobek-text-bold-color); border-color: var(--loobek-text-bold-color); } /* QUANTITY */ .quantity .qty { font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } .filter-by-attribute-inline .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, #page .special-filter-area:not(.has-background) .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .widget-container.product-filter-by-color ul li a, .ts-product-attribute>div:not(.color) a, .quantity .qty { background: var(--loobek-quantity-bg); border-color: var(--loobek-quantity-bg); } .widget-container.product-filter-by-color ul li a:hover, .widget-container.product-filter-by-color ul li.chosen a, .filter-by-attribute-inline .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover, .filter-by-attribute-inline .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a, #page .special-filter-area:not(.has-background) .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover, #page .special-filter-area:not(.has-background) .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a { border-color: var(--loobek-text-bold-color); background: var(--loobek-main-bg); } .woocommerce div.product form.cart div.quantity { display: grid; gap: 0 5px; margin: 0 10px 0 0; /* rtl */ max-width: 100px; } .woocommerce div.product.only-one-in-stock form.cart div.quantity { width: 100%; max-width: 100%; } #ts-quickshop-modal div.product form.cart .ts-extra-products-wrapper+div.quantity, .woocommerce div.product form.cart .ts-extra-products-wrapper+div.quantity { margin-top: 30px; } .woocommerce .summary .quantity .number-button, .main-products.columns-2 .quantity .number-button, .main-products.big-thumbnail .quantity .number-button { width: 100px; } div.product:not(.grouped-checkbox-style) .grouped_form .quantity .number-button:before, div.product:not(.grouped-checkbox-style) .grouped_form .quantity .number-button:after { line-height: 30px; width: 20px; } /* WISHLIST , COMPARE */ .wishlist_table tr td.product-stock-status span { color: var(--loobek-text-bold-color); } .wishlist_table tr td.product-stock-status span, .wishlist_table.images_grid li .item-details table.item-details-table td, .wishlist_table.mobile li .item-details table.item-details-table td, .wishlist_table.mobile li table.additional-info td, .wishlist_table.modern_grid li .item-details table.item-details-table td, .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, .wishlist_table.modern_grid li .item-details table.item-details-table td.label { font-size: var(--loobek-main-small-font-size); } .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, .wishlist_table.modern_grid li .item-details table.item-details-table td.label { font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); text-align: start; } .wishlist_table.images_grid li .item-details table.item-details-table td.value, .wishlist_table.mobile li .item-details table.item-details-table td.value, .wishlist_table.mobile li table.additional-info td.value, .wishlist_table.modern_grid li .item-details table.item-details-table td.value { text-align: end; } .summary .single-product-buttons { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 30px; } .outofstock .summary .single-product-buttons { margin-top: 20px; } .wishlist_table .product-name a:hover { text-decoration: none; } .woocommerce table.wishlist_table td.product-thumbnail { width: 80px; } body.image-button-radius td.product-thumbnail img { border-radius: 10px; } .woocommerce .wishlist_table .product-add-to-cart a { display: inline-block !important; min-width: 0; padding: 1px 20px; line-height: 30px; border-style: solid; border-width: 1px; text-decoration: none; margin: 0 !important; font-size: var(--loobek-main-small-font-size); color: var(--loobek-button-color); background-color: var(--loobek-button-bg); border-color: var(--loobek-button-border); } .woocommerce .wishlist_table .product-add-to-cart a:hover { color: var(--loobek-button-hover-color); background-color: var(--loobek-button-hover-bg); border-color: var(--loobek-button-hover-border); } body.image-button-radius .wishlist_table .product-add-to-cart a, body.image-button-radius .wishlist_table li .item-wrapper .product-thumbnail img { border-radius: 10px; } #yith-wcwl-popup-message { margin: 0 !important; transform: translate(-50%, 0); border-width: 0; padding: 10px 30px; min-width: 120px; position: fixed; text-align: center; top: 50%; left: 50%; z-index: 99990; /* Thanks WP -.- */ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); border-width: 1px; border-style: solid; font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); background-color: var(--loobek-main-bg); color: var(--loobek-text-bold-color); } body:not(.single-product) #yith-wcwl-popup-message { display: none !important; } body.image-button-radius #yith-wcwl-popup-message { border-radius: 10px; } .yith-wcwl-add-to-wishlist a { text-decoration: none; } .yith-wcwl-add-to-wishlist .feedback { display: none !important; } div.product .summary .yith-wcwl-add-to-wishlist a, div.product .summary a.compare, #page .summary .ask-about-product-button { display: flex; align-items: baseline; line-height: 20px; } div.product .summary a.compare { font-size: var(--loobek-main-small-font-size); } div.product .summary .yith-wcwl-add-to-wishlist a:before { font-family: 'icomoon'; position: relative; letter-spacing: 0; font-weight: normal; content: "\e921"; display: inline-block; margin: 0 10px 0 0; /* rtl */ width: 12px; line-height: 12px; font-size: 14px; } #page .summary .yith-wcwl-add-to-wishlist a, #page .summary a.compare, #page .summary .ask-about-product-button { color: var(--loobek-text-bold-color); } #page .summary .yith-wcwl-add-to-wishlist a:hover, #page .summary a.compare:hover, #page .summary .ask-about-product-button:hover { color: var(--loobek-primary-color); } #page .summary .yith-wcwl-add-to-wishlist a.loading:before { position: static; transform: none; opacity: 0; } #page .summary .yith-wcwl-add-to-wishlist a div.blockUI.blockOverlay:before, #page .summary a.compare div.blockUI.blockOverlay:before { width: 12px; height: 12px; margin: -6px 0 0 0; left: 0; /* rtl */ right: auto; top: 50%; } #page .summary .yith-wcwl-add-to-wishlist a div.blockUI.blockOverlay:after, #page .summary a.compare div.blockUI.blockOverlay:after { width: 14px; height: 20px; left: 0; /* rtl */ top: 50%; margin-top: -10px; content: ""; } #page .summary a.compare { border-width: 0; padding: 0; text-transform: none; background: transparent; font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } #page .summary a.compare:before { margin: 0 10px 0 0; /* rtl */ width: 12px; line-height: 12px; content: "\e90d"; font-family: 'icomoon'; font-weight: normal; letter-spacing: 0; display: inline-block; font-size: 14px; animation: none; transform: none; height: auto; border-width: 0; position: static; } #page .summary a.compare.loading:after { display: none; } #page .summary .yith-wcwl-add-to-wishlist a.loading:hover div.blockUI.blockOverlay:before, #page .summary a.compare.loading:hover div.blockUI.blockOverlay:before, body:not(.ts_desktop) .product-group-button-meta .button-in a:hover div.blockUI.blockOverlay:before, body:not(.ts_desktop) .product-group-button-meta>div.loop-add-to-cart a.button.loading:hover span:before { border-top-color: var(--loobek-primary-color); border-left-color: var(--loobek-primary-color); } #yith-woocompare table.compare-list tr.remove td>a .blockOverlay:before { content: ""; border-width: 2px; border-style: solid; border-top: 2px solid #161616; border-left: 2px solid #161616; border-radius: 100%; text-align: center; left: 50%; right: auto; top: 50%; bottom: auto; margin: -10px 0 0 -10px; width: 20px; height: 20px; font-weight: normal; opacity: 1; } #yith-woocompare table.compare-list tr.remove td>a .blockOverlay:before { border-top-color: var(--loobek-text-bold-color); border-left-color: var(--loobek-text-bold-color); } #page div.product .summary a.compare.loading, #page div.product .summary .yith-wcwl-add-to-wishlist a.loading { cursor: wait; position: relative; } #page div.product .summary a.compare.added:before { content: "\e90a"; } div.product .summary .yith-wcwl-wishlistaddedbrowse a:before, div.product .summary .yith-wcwl-wishlistexistsbrowse a:before { content: "\e944"; font-size: 12px; } div.product .summary .yith-wcwl-add-to-wishlist a:hover { text-decoration: none; } #page .summary .ask-about-product-button { gap: 10px; text-decoration: none; font-size: var(--loobek-main-small-font-size); } #page .summary .ask-about-product-button:before { content: "\e911"; font-family: 'icomoon'; font-weight: normal; letter-spacing: 0; font-size: 14px; line-height: 10px; position: relative; top: 1px; } /* PRICE */ div.product .summary .ts-discount-percent { line-height: 30px; padding: 0 15px; margin-right: auto; /* rtl */ width: auto; font-size: var(--loobek-main-small-font-size); color: var(--loobek-product-detail-deal-color); background: var(--loobek-product-detail-deal-bg); } body.image-button-radius .ts-discount-percent { border-radius: 10px; } .woocommerce div.product .summary>.price, div.product .summary>.ts-variation-price { clear: both; margin: 0; overflow: hidden; width: auto; } .woocommerce div.product .summary p.price .amount, div.product .summary .ts-variation-price .amount { font-size: var(--loobek-h3-font-size); } .summary p.price .amount, .yith-wfbt-submit-block .total_price .amount { font-family: var(--loobek-main-font-bold); font-weight: var(--loobek-main-font-bold-weight); } .summary p.price del .amount { font-family: var(--loobek-main-font-thin); font-weight: var(--loobek-main-font-thin-weight); } .woocommerce div.product .summary>.woocommerce-product-details__short-description+form.cart, .woocommerce div.product .summary>.tags-color-style+form.cart { border-width: 0; padding: 0; margin-top: 0; } div.product .summary>.price del, .woocommerce div.product .summary>.price del { display: inline-block; opacity: 1; order: 99; } div.product .summary>.price { gap: 10px; } .woocommerce div.product .cart:after { display: table; clear: both; content: ""; } .ts-extra-products-wrapper { display: flex; gap: 10px; flex-direction: column; width: 100%; } .ts-extra-products-wrapper>div { font-size: var(--loobek-main-small-font-size); } .ts-extra-products-wrapper .items { display: flex; gap: 10px; flex-wrap: wrap; } .ts-extra-products-wrapper .item { padding: 20px; border-width: 1px; border-style: solid; width: calc(50% - 5px); } #ts-quickshop-modal .ts-extra-products-wrapper .item { width: 100%; } body.image-button-radius .ts-extra-products-wrapper .product-image-meta .image img, body.image-button-radius .ts-extra-products-wrapper .item { border-radius: 10px; } .ts-extra-products-wrapper .item>label { padding: 0 0 0 30px; /* rtl */ position: relative; margin-top: 10px; font-size: var(--loobek-main-small-font-size); cursor: pointer; } body.image-button-radius .ts-extra-products-wrapper .item>label:before { border-radius: 5px; } .ts-extra-products-wrapper .item>label input { display: none; } .ts-extra-products-wrapper .product-image-meta { display: flex; align-items: center; gap: 15px; } .ts-extra-products-wrapper .product-image-meta .image { width: 80px; min-width: 50px; } .ts-extra-products-wrapper .product-image-meta .meta { flex: auto; display: flex; gap: 10px 5px; flex-wrap: wrap; } .ts-extra-products-wrapper .product-image-meta .meta>span:first-child { width: 100%; order: -1; } .ts-extra-products-wrapper ins { order: -1; } /* COUNTER */ .summary .product-counter { gap: 10px; display: flex; align-items: center; } .summary .ts-countdown.style-inline { line-height: 1em; font-family: var(--loobek-main-font-bold); font-weight: var(--loobek-main-font-bold-weight); } .summary .style-inline.ts-countdown .seconds { min-width: 22px; } /* Type group product */ .grouped-product-heading { margin: 0 0 10px 0; padding-top: 30px; border-width: 1px 0 0 0; border-style: solid; } body.text-uppercase .grouped-product-heading { text-transform: uppercase; } .woocommerce div.product.product-type-grouped:not(.grouped-checkbox-style) form.cart { margin-top: 20px; } .woocommerce div.product.grouped-checkbox-style .summary>.price, .woocommerce div.product.grouped-checkbox-style form.cart .group_table tr td.woocommerce-grouped-product-list-item__quantity { display: none; } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label { padding: 0; width: auto; } .woocommerce div.product.grouped-checkbox-style form.cart .group_table td.woocommerce-grouped-product-list-item__label { display: flex; gap: 10px 5px; flex-wrap: wrap; } .woocommerce-grouped-product-list-item__checkbox>label { cursor: pointer; } .woocommerce-grouped-product-list-item__checkbox>label.disabled { opacity: 0.2; cursor: default; } .woocommerce-grouped-product-list-item__checkbox>label.disabled:after { display: none; } .woocommerce-grouped-product-list-item__checkbox>label.disabled:before { background: transparent; } .woocommerce div.product form.cart .group_table tr td.woocommerce-grouped-product-list-item__checkbox { width: 20px; position: relative; } body.image-button-radius .woocommerce-grouped-product-list-item__checkbox>label:before { border-radius: 5px; } td.woocommerce-grouped-product-list-item__checkbox input { display: none; } .summary .group_table .quantity label.ts-screen-reader-text { display: none; } .woocommerce div.product.grouped-checkbox-style form.cart table { border: 0; border-collapse: collapse; } .woocommerce div.product.product-type-grouped form.cart { width: 100%; border-width: 0; margin-top: 0; padding: 0; } .woocommerce div.product form.cart .group_table { display: block; margin: 0 0 30px 0; } .woocommerce div.product form.cart .group_table tbody { display: flex; flex-direction: column; gap: 10px; width: 100%; } .woocommerce div.product form.cart .group_table tr { display: flex; gap: 15px; align-items: center; border-width: 1px; border-style: solid; padding: 20px; } #ts-quickshop-modal div.product form.cart .group_table tr { padding: 10px; } .woocommerce div.product:not(.grouped-checkbox-style) form.cart .group_table tr { justify-content: space-between; } .woocommerce div.product form.cart .group_table td { display: block; border-width: 0; padding: 0; text-align: start !important; } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__price { display: flex; flex-wrap: wrap; gap: 5px; } .group_table td.woocommerce-grouped-product-list-item__price ins, .group_table td.woocommerce-grouped-product-list-item__label ins { order: -1; } .woocommerce div.product form.cart .group_table td img { width: 80px; } .image-button-radius div.product form.cart .group_table tr, .image-button-radius div.product form.cart .group_table td img { border-radius: 10px; } #page form.cart .group_table .quantity { display: inline-block; float: none; /* rtl */ width: 80px; } form.cart .group_table .quantity input.qty, .woocommerce form.cart .group_table .quantity input.qty { padding: 0; margin: 0; float: none; display: inline-block; } .group_table .quantity .minus, .group_table .quantity .plus { height: 32px; width: 20px; margin: 0 !important; line-height: 30px; } .group_table td.woocommerce-grouped-product-list-item__label label { margin: 0; padding: 0; order: -1; } .grouped-checkbox-style td.woocommerce-grouped-product-list-item__label label { width: 100%; } .woocommerce div.product form.cart .group_table .button { min-width: 0; float: none; font-size: var(--loobek-main-small-font-size); line-height: 20px; letter-spacing: 0; margin: 0 !important; padding: 6px 10px !important; } .group_table a, .group_table a:hover { text-decoration: none; } /* Variable */ .woocommerce div.product form.cart .variations { position: relative; margin-bottom: 0; display: block; } .woocommerce div.product form.cart .ts-extra-products-wrapper+.variations { margin-top: 30px; } form.cart .variations tbody { display: block; } .woocommerce div.product form.cart .variations>div:nth-child(2), .woocommerce div.product form.cart .variations>div:nth-child(3), .woocommerce div.product form.cart .variations>div:nth-child(4) { margin-top: 20px; } .woocommerce-variation-add-to-cart { overflow: hidden; } .woocommerce div.product form.cart .variations select { min-width: 280px; float: left; /* rtl */ width: auto; margin: 0; } div.product form.cart .variations td { padding: 0; clear: both; display: flex; flex-wrap: wrap; margin-bottom: 6px; align-items: baseline; } div.product form.cart .variations tr { clear: both; display: block; } div.product form.cart .variations tr:not(:first-child) label { padding-top: 10px; } div.product form.cart .variations tr:first-child td:first-child { padding-top: 0; } .woocommerce div.product form.cart .variations th.label { display: flex; padding: 0; line-height: 20px; justify-content: flex-start; align-items: baseline; text-transform: none; gap: 10px; font-family: var(--loobek-main-font-bold); font-weight: var(--loobek-main-font-bold-weight); font-size: var(--loobek-main-small-font-size); } .woocommerce div.product form.cart .variations label { padding: 0; margin-bottom: 6px; font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } .single_variation_wrap .woocommerce-variation .woocommerce-variation-price, .single_variation_wrap .woocommerce-variation .woocommerce-variation-availability { display: none !important; } .woocommerce div.product form.cart .variations .attribute select { margin: 0; } .woocommerce div.product form.cart .variations>div:last-child { padding-bottom: 10px; } div.product .woocommerce-variation-price .price { padding: 0 0 15px 0; display: block; } form.cart table th { background: transparent; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { line-height: 20px; } form.cart .reset_variations { color: var(--loobek-text-bold-color); } .woocommerce div.product form.cart .reset_variations { text-decoration: none; margin-top: 6px; width: 100%; color: var(--loobek-primary-color); } .woocommerce div.product form.cart .reset_variations:before { font-family: 'Font Awesome 5 Free'; letter-spacing: 0; display: inline-block; content: "\f00d"; font-weight: 900 !important; margin-right: 4px; /* rtl */ line-height: 10px; } .woocommerce div.product form.cart .has-dropdown .label { display: none; } /* Variable style 2 */ .ts-product-attribute:after { display: table; clear: both; content: ""; } .sharethis-inline-share-buttons { margin-left: -2px; margin-right: -2px; display: block; direction: ltr !important; /* rtl */ text-align: left !important; /* rtl */ } .single-post .sharethis-inline-share-buttons { text-align: center !important; } .sharethis-inline-share-buttons .st-btn { width: 24px !important; height: 24px !important; line-height: 24px !important; margin: 2px !important; padding: 0 !important; } .sharethis-inline-share-buttons .st-btn>svg { top: 4px !important; } /* ZOOM */ .woocommerce div.product div.woocommerce-product-gallery .woocommerce-product-gallery__wrapper .zoomImg { z-index: 2; cursor: zoom-in; } body.image-button-radius div.product .woocommerce-product-gallery__wrapper .flex-active-slide, body.image-button-radius div.product:not(.thumbnail-layout-slider-3-col) .woocommerce-product-gallery>.flex-viewport { border-radius: 10px; } /* META BOTTOM */ div.product .summary .detail-meta-bottom { padding-top: 30px; border-width: 1px 0 0 0; border-style: solid; display: flex; gap: 10px; justify-content: space-between; align-items: baseline; gap: 20px; } div.product .summary .detail-meta-bottom:empty { display: none; } div.product .summary .single-product-buttons~.detail-meta-bottom { margin-top: 20px; } .social-sharing-sticky .ts-social-sharing li.pinterest a:hover { background: #DF0819; color: #ffffff; } .social-sharing-sticky .ts-social-sharing li.twitter a:hover { background: #2caae1; color: #ffffff; } .social-sharing-sticky .ts-social-sharing li.viber a:hover { background: #7c529e; color: #ffffff; } .social-sharing-sticky .ts-social-sharing li.facebook a:hover { background: #3b5998; color: #ffffff; } .social-sharing-sticky .ts-social-sharing li.linkedin a:hover { color: #ffffff; background: #0963BC; } .social-sharing-sticky .ts-social-sharing ul { gap: 5px; } .ts-social-sharing ul li a { color: var(--loobek-text-bold-color); } .social-sharing-sticky .ts-social-sharing ul li a { width: 34px; line-height: 34px; display: block; text-align: center; background: #f0f0f0; } .summary .detail-meta-bottom .tags-link { display: flex; gap: 0 10px; align-items: flex-start; } .ts-social-sharing ul { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; } .ts-social-sharing li, .ts-social-sharing li:last-child, .ts-social-sharing li:first-child { list-style: none; padding: 0; } .ts-social-sharing li a { font-size: 16px; } .ts-social-sharing li.facebook a:hover { color: #3b5998; } .ts-social-sharing li.twitter a:hover { color: #2caae1; } .ts-social-sharing li.flickr a:hover { color: #e30761; } .ts-social-sharing li.vimeo a:hover { color: #17b3e8; } .ts-social-sharing li.mailchimp a:hover { color: #0073b1; } .ts-social-sharing li.youtube a:hover { color: #cc181e; } .ts-social-sharing li.viber a:hover { color: #7c529e; } .ts-social-sharing li.skype a:hover { color: #009ee5; } .ts-social-sharing li.instagram a:hover { color: #d32558; } .ts-social-sharing li.pinterest a:hover { color: #cb2027; } .ts-social-sharing li.linkedin a:hover { color: #026FAB; } /* SHOP ATTRIBUTE */ .woocommerce .woocommerce-tabs table.shop_attributes a { text-decoration: none; color: var(--loobek-text-bold-color); } .woocommerce .woocommerce-tabs table.shop_attributes a:hover { color: var(--loobek-primary-color); } .woocommerce table.shop_attributes { margin: 0; border-width: 0; } .woocommerce table.shop_attributes td p { padding: 0; } .woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th { border-width: 0 0 1px 0; border-style: solid; padding: 10px 20px 10px 0; /* rtl */ line-height: 24px; text-align: start; vertical-align: middle; font-style: normal; width: auto; border-color: var(--loobek-border); } .woocommerce table.shop_attributes th { font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } .woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th { background: transparent; } .woocommerce table.shop_attributes td:last-child, .woocommerce table.shop_attributes th:last-child { padding-right: 0; /* rtl */ } .woocommerce table.shop_attributes tr:last-child td, .woocommerce table.shop_attributes tr:last-child th { border-width: 0; padding-bottom: 0; } .woocommerce table.shop_attributes tr:first-child td, .woocommerce table.shop_attributes tr:first-child th { padding-top: 0; } /* Upsell Related */ #tab-more_seller_product .products .product { width: 25%; float: left; /* rtl */ } #tab-more_seller_product .products .product.first, #tab-more_seller_product .products .product.last { clear: none; float: left; /* rtl */ } #tab-more_seller_product .products .product:nth-child(4n+1) { clear: both; float: left; /* rtl */ } .up-sells .products .product, .related .products .product { width: 20%; float: left; /* rtl */ } .cross-sells, .up-sells, .related { clear: both; position: relative; } .heading-wrapper, .heading-shortcode, .theme-title { margin: 0 0 30px 0; overflow: hidden; } .heading-wrapper>h2, .heading-shortcode>h3, .theme-title>h3 { margin: 0; display: inline-block; position: relative; } .dropdown-title { margin-bottom: 20px; } .woocommerce .yith-wfbt-section>h3, .heading-shortcode>h3, .heading-wrapper>h2, .woocommerce div.wishlist-title h2, .theme-title .heading-title, .woocommerce .cross-sells>h2, .woocommerce .up-sells>h2, .woocommerce .related>h2, .heading-tab h2, div.product>.woocommerce-tabs #comments>h2, div.product:not(.collapse-reviews-tab)>#reviews #comments>h2 { font-size: var(--loobek-heading-font-size); line-height: var(--loobek-heading-line-height); } body.text-uppercase .yith-wfbt-section>h3, body.text-uppercase .heading-shortcode>h3, body.text-uppercase .heading-wrapper>h2, body.text-uppercase div.wishlist-title h2, body.text-uppercase .theme-title .heading-title, body.text-uppercase .cross-sells>h2, body.text-uppercase .up-sells>h2, body.text-uppercase .related>h2, body.text-uppercase .heading-tab h2, body.text-uppercase div.product>.woocommerce-tabs #comments>h2, body.text-uppercase div.product:not(.collapse-reviews-tab)>#reviews #comments>h2 { text-transform: uppercase; } /* TAB WOOCOMMERCE */ .woocommerce div.product .woocommerce-tabs { width: 100%; position: relative; } .woocommerce div.product .summary .woocommerce-tabs { margin-top: 40px; } .woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0 0 30px 0; display: flex; padding: 0 0 25px 0; overflow: visible; flex-wrap: wrap; line-height: 0; gap: 10px 30px; } .woocommerce div.product .woocommerce-tabs ul.tabs { border-width: 0 0 1px 0; border-style: solid; margin: 0; } #page .no-sidebar .tabs-heading-center:not(.summary-scrolling):not(.tabs-accordion)>.woocommerce-tabs ul.tabs:before, .no-sidebar .tabs-heading-center:not(.summary-scrolling):not(.tabs-accordion)>.woocommerce-tabs .panel:after { position: absolute; left: 0; right: 0; bottom: 0; top: auto; height: 1px; border-width: 1px 0 0 0; border-style: solid; background: #f5f5f5; content: ""; margin-left: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); margin-right: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); display: block; width: auto; } .no-sidebar div.product.tabs-heading-center:not(.summary-scrolling):not(.tabs-accordion)>.woocommerce-tabs ul.tabs, .no-sidebar div.product.tabs-heading-center:not(.summary-scrolling):not(.tabs-accordion)>.woocommerce-tabs .panel { border-width: 0; } .woocommerce div.tabs-heading-center .woocommerce-tabs ul.tabs { justify-content: center; } .woocommerce div.product .woocommerce-tabs ul.tabs li { margin: 0; padding: 0; position: relative; border-width: 0; border-radius: 0; background: transparent !important; transition: 150ms ease 0s; white-space: nowrap; line-height: 1.2em; font-size: var(--loobek-h5-font-size); } body.text-uppercase div.product .woocommerce-tabs ul.tabs li { font-size: var(--loobek-h4-font-size); } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 0; color: var(--loobek-text-light-color); font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } body.text-uppercase div.product .woocommerce-tabs ul.tabs li a { font-family: var(--loobek-heading-font); font-weight: var(--loobek-heading-font-weight); text-transform: uppercase; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:after { content: ""; position: absolute; bottom: 0; border-width: 0 0 1px 0; border-style: solid; left: 50%; right: 50%; transition: 150ms ease 0s; border-color: var(--loobek-text-bold-color); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a:after { left: 0; right: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs:before { display: none; } .woocommerce div.product .woocommerce-tabs .panel { display: none; margin: 0; text-align: start; padding: 60px 0; border-width: 0 0 1px 0; border-style: solid; } .woocommerce div.related-up-sell-style-border-overflow:not(.show-tabs-content-default) .woocommerce-tabs .panel { padding-bottom: 0; border-width: 0; } .no-sidebar .related-above-tab:not(.summary-scrolling) .product-images-summary { padding-bottom: 60px; position: relative; } .no-sidebar .related-above-tab:not(.summary-scrolling) .product-images-summary:before, .no-sidebar .related-above-tab:not(.summary-scrolling)>.woocommerce-tabs:before, .no-sidebar .related-above-tab:not(.summary-scrolling)>.woocommerce-tabs:after { position: absolute; left: 0; right: 0; top: 0; height: 1px; border-width: 1px 0 0 0; border-style: solid; background: #f5f5f5; content: ""; margin-left: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); margin-right: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); } .no-sidebar .related-above-tab:not(.summary-scrolling) .product-images-summary:before, .no-sidebar .related-above-tab:not(.tabs-accordion):not(.summary-scrolling)>.woocommerce-tabs:after { bottom: 0; top: auto; } .woocommerce .no-sidebar .related-above-tab:not(.summary-scrolling)>.woocommerce-tabs ul.tabs, .woocommerce .no-sidebar .related-above-tab:not(.summary-scrolling)>.woocommerce-tabs .panel { border-width: 0; } .woocommerce .no-sidebar .related-above-tab:not(.summary-scrolling)>.woocommerce-tabs .panel { padding: 20px 0 0 0; } .chart-image { text-align: center; margin-bottom: 20px; } div.product>.panel #reviews { margin-top: 10px; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .tabs { display: none; } div.product.show-tabs-content-default>.woocommerce-tabs .panel { border-width: 0 0 1px 0; border-style: solid; padding: 0 0 60px 0; margin-bottom: 60px; display: block !important; position: relative; } div.product.show-tabs-content-default>.woocommerce-tabs .panel:last-child { margin-bottom: 0; border-width: 0; } .no-sidebar div.product.show-tabs-content-default:not(.summary-scrolling)>.woocommerce-tabs .panel:before { position: absolute; left: 0; right: 0; bottom: 0; height: 1px; border-width: 1px 0 0 0; border-style: solid; background: #f5f5f5; content: ""; margin-left: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); margin-right: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); } .no-sidebar div.product.show-tabs-content-default:not(.summary-scrolling)>.woocommerce-tabs .panel { border-width: 0; } body div.product.show-tabs-content-default>.woocommerce-tabs .panel { padding-top: 0; } div.product.show-tabs-content-default>.woocommerce-tabs .panel:last-child { margin-bottom: 0; } .product-content>p:last-child { margin-bottom: 0; } .product-content.show-more-less { max-height: 771px; padding-bottom: 40px; overflow: hidden; position: relative; transition: 3s ease 0s; } .product-content.opened { max-height: 1000px; } .product-content.opened:before { visibility: hidden; opacity: 0; } .more-less-buttons { text-align: center; margin-top: 50px; } .more-less-buttons a span { position: relative; z-index: 1; } .more-less-buttons a { padding: 0; display: block; text-decoration: none; } .more-less-buttons a.less-button { display: none; } /* Accordion */ .woocommerce div.product.tabs-accordion .woocommerce-tabs { border-width: 1px 0 0 0; border-style: solid; } .woocommerce div.product.tabs-accordion .woocommerce-tabs ul.tabs { display: none; } .woocommerce div.product.tabs-accordion .woocommerce-tabs .panel { display: block !important; padding: 0; border-width: 0 0 1px 0; border-style: solid; } div.product.tabs-accordion .panel>h2, div.product.tabs-accordion .panel #reviews>h2 { position: relative; margin-bottom: 0; padding: 20px 0; cursor: pointer; display: flex; justify-content: space-between; text-align: start; } div.product.tabs-accordion .panel>h2~* { display: none; padding: 20px 0 40px 0; } div.product.tabs-accordion .panel #reviews { display: none; } .chart-table { margin: 0; } .chart-table tbody tr:first-child td, .chart-table tbody tr td:first-child, .size-chart table tr:first-child td { font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } .chart-table { table-layout: fixed; } div.product.tabs-accordion .panel>h2~.clear { padding: 0; } div.product.tabs-accordion .panel>h2.active:after, div.product.tabs-accordion .panel #reviews>h2.active:after { content: "\e905"; } div.product.tabs-accordion .panel>h2:after, div.product.tabs-accordion .panel #reviews>h2:after { content: "\e902"; font-family: 'icomoon'; letter-spacing: 0; font-weight: normal; font-size: 18px; border: 0; position: static; line-height: var(--loobek-h6-line-height); } .tabs-accordion #reviews .woocommerce-noreviews { margin-top: 10px; } .product-images-summary>.woocommerce-tabs { order: 3; margin-top: 60px; } div.product.tabs-accordion .woocommerce-Tabs-panel>h2, div.product.tabs-accordion .summary #reviews .woocommerce-Reviews-title, div.product.tabs-accordion .woocommerce-Tabs-panel #reviews>h2 { font-size: var(--loobek-h6-font-size); line-height: var(--loobek-h6-line-height); } body.text-uppercase div.product.tabs-accordion .woocommerce-Tabs-panel>h2, body.text-uppercase div.product.tabs-accordion .summary #reviews .woocommerce-Reviews-title, body.text-uppercase div.product.tabs-accordion .woocommerce-Tabs-panel #reviews>h2 { text-transform: uppercase; } /* TAB COMMENT */ span.required { color: red; } #reviews .reviews-images-item { margin: 0; } #reviews .kt-wc-reviews-images-wrap-wrap { gap: 10px; } #reviews .active-image { border-width: 0; } .active-image img { border-color: var(--loobek-text-bold-color); } .woocommerce #comments>h2 { color: var(--loobek-text-bold-color); } .woocommerce #reviews h3 { margin-bottom: 24px; } .woocommerce #reviews #reply-title { color: var(--loobek-text-bold-color); } #reviews .wcpr-overall-rating-and-rating-count { display: flex !important; padding-bottom: 0; gap: 0 50px; margin-bottom: 40px; } div.product:not(.collapse-reviews-tab) .summary .wcpr-overall-rating-and-rating-coun { border-color: var(--loobek-text-bold-color); } .collapse-reviews-tab>#reviews .wcpr-overall-rating-and-rating-count { gap: 20px; } .summary #reviews #comments .wcpr-overall-rating-and-rating-count { display: grid !important; gap: 20px 0; } body.image-button-radius div.product:not(.collapse-reviews-tab) .summary .wcpr-overall-rating-and-rating-count { border-radius: 10px; } .woocommerce .summary #reviews #comments ol.commentlist>li .comment-text { grid-template-columns: 140px auto; } .summary .comment-text .star-rating { left: 160px; /* rtl */ } .summary #reviews #comments .kt-reviews-image-container { grid-column: 2 / 3; justify-content: flex-start; margin-top: 10px; } .woocommerce .summary #reviews #comments ol.commentlist li .comment-text p.meta { min-width: 140px; } body.image-button-radius #reviews ol.commentlist li img.avatar { border-radius: 10px; } div.product.heading-style-center>#reviews .woocommerce-Reviews-title, div.product.heading-style-center .related-up-sells-bestsellers h2, div.product.heading-style-center .related h2, div.product.heading-style-center:not(.bought-together-layout-vertical) .yith-wfbt-section>h3 { text-align: center; } #page div.product.heading-style-center.bought-together-style-default .yith-wfbt-section { justify-content: center; } .tabs-heading-center .woocommerce-tabs #reviews .wcpr-overall-rating-and-rating-count, div.product.heading-style-center:not(.collapse-reviews-tab)>#reviews .wcpr-overall-rating-and-rating-count { display: block !important; max-width: 560px; } .tabs-heading-center .woocommerce-tabs #reviews .wcpr-overall-rating-and-rating-count, .heading-style-center:not(.collapse-reviews-tab)>#reviews .wcpr-overall-rating-and-rating-count { margin-left: auto; margin-right: auto; } .tabs-heading-center .woocommerce-tabs #reviews .wcpr-overall-rating-main, div.product.heading-style-center>#reviews .wcpr-overall-rating-main { justify-content: center; flex-wrap: now; flex-direction: row; align-items: center; margin-bottom: 20px; } .tabs-heading-center .woocommerce-tabs #reviews .wcpr-overall-rating-main>.button, div.product.heading-style-center>#reviews .wcpr-overall-rating-main>.button { margin-top: 0; top: 0; } :is(.layout-fullwidth, .main-content-fullwidth) .tabs-heading-center>.woocommerce-tabs>#reviews #comments, :is(.layout-fullwidth, .main-content-fullwidth) .tabs-heading-center>.woocommerce-tabs>#reviews #review_form_wrapper, :is(.layout-fullwidth, .main-content-fullwidth) div.product>#reviews #comments, :is(.layout-fullwidth, .main-content-fullwidth) div.product>#reviews #review_form_wrapper, :is(.layout-fullwidth, .main-content-fullwidth) div.product.show-tabs-content-default #reviews #comments, :is(.layout-fullwidth, .main-content-fullwidth) div.product.show-tabs-content-default #reviews #review_form_wrapper { max-width: 1100px; margin-left: auto; margin-right: auto; } .heading-style-center.collapse-reviews-tab>#reviews #comments { margin-left: auto; margin-right: auto; text-align: center; } .wcpr-overall-rating { display: block; border-width: 0; } .wcpr-overall-rating-main { display: grid; align-items: baseline; /* rtl */ grid-template-columns: auto auto; gap: 10px; justify-content: flex-start; } div.product>#reviews .wcpr-overall-rating-main, .woocommerce-tabs #reviews .wcpr-overall-rating-main { display: flex; flex-wrap: wrap; flex-direction: column; } div.product>#reviews .wcpr-overall-rating-left-average, .woocommerce-tabs #reviews .wcpr-overall-rating-left-average { line-height: 1em; font-size: var(--loobek-h2-font-size); } .wcpr-stars-count .wcpr-row>div { font-size: var(--loobek-main-small-font-size); } .wcpr-stars-count .wcpr-row .wcpr-col-rank-count { width: 30px; color: var(--loobek-text-bold-color); } .wcpr-stars-count .wcpr-row .wcpr-col-rank-count:empty:before { content: "0"; } .wcpr-stars-count .wcpr-row .wcpr-col-process { width: 100%; } .rate-percent-bg { border-radius: 0; } .wcpr-stars-count .wcpr-row { display: flex; height: auto; margin-bottom: 4px; align-items: center; } .wcpr-stars-count .wcpr-row:last-child { margin-bottom: 0; } .wcpr-overall-rating-main .wcpr-overall-rating-right .wcpr-overall-rating-right-total { position: relative; top: -1px; color: var(--loobek-text-bold-color); } .wcpr-overall-rating-and-rating-count h2 { display: none; font-size: var(--loobek-heading-font-size); line-height: var(--loobek-heading-line-height); } .text-uppercase .wcpr-overall-rating-and-rating-count h2 { text-transform: uppercase; } div.product>#reviews .wcpr-overall-rating-and-rating-count h2 { display: block; } div.product:not(.collapse-reviews-tab)>#reviews .wcpr-overall-rating-and-rating-count { flex-direction: column; gap: 30px 0; } div.product:not(.collapse-reviews-tab)>#reviews .wcpr-overall-rating-and-rating-count { align-items: center; text-align: center; } div.product:not(.collapse-reviews-tab)>#reviews .wcpr-overall-rating-main { align-items: center; } .wcpr-overall-rating-left { padding: 0; margin: 0; background: transparent; } .wcpr-overall-rating-right { text-align: start; } .wcpr-overall-rating-right .wcpr-overall-rating-right-star .star-rating { float: none; width: auto; } .wcpr-overall-rating-right { padding: 0; display: grid; grid-template-columns: auto auto; align-items: baseline; order: -1; } div.product>#reviews .wcpr-overall-rating-right, .woocommerce-tabs #reviews .wcpr-overall-rating-right { order: 0; } div.product.collapse-reviews-tab>#reviews .wcpr-overall-rating-left-average { line-height: 1em; font-size: var(--loobek-h1-font-size); } .wcpr-overall-rating-main a.button { margin-top: 10px; grid-column: 1 / 3; justify-self: flex-start; } div.product>#reviews .wcpr-overall-rating-main a.button, .woocommerce-tabs #reviews .wcpr-overall-rating-main a.button { margin: 10px 0 0 0; } .wcpr-overall-rating-right .wcpr-overall-rating-right-star>* { margin-right: 10px; /* rtl */ } .wcpr-stars-count { padding: 0; max-width: 600px; } .summary .wcpr-stars-count { max-width: 100%; } .wcpr-stars-count .wcpr-row .wcpr-col-number { display: block; width: 14px; text-align: start; padding: 0; color: var(--loobek-text-bold-color); } .wcpr-stars-count .wcpr-row .wcpr-col-star { width: auto; } .rate-percent-bg .rate-percent { border-radius: 0; background-color: var(--loobek-primary-color); } .wcpr-stars-count .wcpr-col-star .star-rating { margin-bottom: 0; } .wcpr-stars-count .wcpr-row .wcpr-col-star:before, .wcpr-stars-count .wcpr-row .wcpr-col-star .star-rating:before { opacity: 1 !important; } #reviews .wcpr-filter-container { border-width: 0 0 1px 0; border-style: solid; justify-content: flex-start; gap: 10px 30px; padding: 0 0 25px 0; margin: 0 0 40px 0; border-color: var(--loobek-border); } #reviews .collapse-write-review-button.button, #reviews .collapse-show-reviews-button.button, div.product:not(.collapse-reviews-tab) #reviews .wcpr-overall-rating-main a.button { padding: 0 30px; line-height: 32px; transition: color 150ms, background 150ms, border-color 150ms ease; } *:not(.summary)>#reviews .collapse-show-reviews-button.button { margin-right: 10px; /* rtl */ } .wcpr-filter-button-wrap { cursor: default; width: auto; } .wcpr-filter-button-wrap ul.wcpr-filter-button-ul { position: absolute; top: 100%; padding: 20px 10px 10px 10px; left: 50%; right: auto; bottom: auto; transform: translate(-50%, 0); width: 140px; margin: 0; display: none; } .wcpr-filter-button-wrap:hover ul.wcpr-filter-button-ul { display: grid; } .wcpr-filter-button-wrap ul.wcpr-filter-button-ul:before { position: absolute; left: 0; top: 10px; bottom: 0; right: 0; content: ""; border-width: 1px; border-style: solid; background-color: var(--loobek-main-bg); border-color: var(--loobek-text-bold-color); } body.image-button-radius .wcpr-filter-button-wrap ul.wcpr-filter-button-ul:before { border-radius: 10px; } li.wcpr-filter-button-li a { width: auto; } #reviews .wcpr-filter-container a, #reviews .wcpr-filter-container .wcpr-filter-button { text-decoration: none; padding: 0; margin: 0; border-width: 0; border-radius: 0; background: transparent !important; position: relative; line-height: 1.2em; font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); font-size: var(--loobek-h5-font-size); color: var(--loobek-text-light-color); } body.text-uppercase #reviews .wcpr-filter-container a, body.text-uppercase #reviews .wcpr-filter-container .wcpr-filter-button { font-family: var(--loobek-heading-font); font-weight: var(--loobek-heading-font-weight); } #reviews .wcpr-filter-container a:after { content: ""; position: absolute; bottom: 0; border-width: 0 0 1px 0; border-style: solid; left: 50%; right: 50%; transition: 150ms ease 0s; border-color: var(--loobek-text-bold-color); } #reviews .wcpr-filter-container a.wcpr-active:after, #reviews .wcpr-filter-container a:hover:after { left: 0; right: 0; } #reviews .wcpr-filter-container a:hover, #reviews .wcpr-filter-container a.wcpr-active, #reviews .wcpr-filter-container .wcpr-filter-button:hover, #reviews .wcpr-filter-container .wcpr-filter-button.wcpr-active { color: var(--loobek-text-bold-color); } .wcpr-filter-button:before { display: none; } .wcpr-filter-button:hover { text-decoration: none; } .wcpr-filter-button:empty, .kt-reviews-image-container:empty { display: none; } .kt-reviews-image-container { max-width: 100%; margin: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; } .kt-wc-reviews-images-wrap-wrap { justify-content: normal; } #review_form_wrapper .wcpr-form-description { margin-bottom: 10px; } .comment-form-rating { display: flex; gap: 10px; align-items: center; } #review_form_wrapper { margin-top: 40px; padding-top: 40px; border-width: 1px 0 0 0; border-style: solid; } #review_form_wrapper .comment-notes, #review_form_wrapper label { color: var(--loobek-text-bold-color); } .comment-respond #reply-title { margin-bottom: 30px; display: inline-block; width: 100%; font-size: var(--loobek-h5-font-size); line-height: var(--loobek-h5-line-height); color: var(--loobek-text-bold-color); } body.text-uppercase .comment-respond #reply-title { font-family: var(--loobek-heading-font); font-weight: var(--loobek-heading-font-weight); text-transform: uppercase; } .woocommerce #review_form #respond .comment-form { display: flex; flex-flow: row wrap; gap: 15px 0; } .woocommerce #review_form #respond .comment-form>* { margin: 0; width: 100%; } .comment-text, .comment-wrapper { font-size: var(--loobek-main-font-size); line-height: var(--loobek-main-font-line-height); } .comment-text .description strong, .comments-area .comment-text strong { display: inline-block; margin-bottom: 12px; font-size: var(--loobek-h6-font-size); line-height: var(--loobek-h6-line-height); } .comment-form .wcpr-comment-form-images { display: flex; align-items: baseline; } .woocommerce #review_form #respond .comment-form>.comment-form-author, .woocommerce #review_form #respond .comment-form>.comment-form-email { width: calc(50% - 10px); } .woocommerce #review_form #respond .comment-form>.comment-form-author { margin-right: 20px; /* rtl */ } .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; } .wcpr-comment-form-images label { padding: 0; } .wcpr-input-file-container .wcpr-input-file-wrap { margin: 0; } .wcpr-input-file-container .wcpr-input-file-wrap .wcpr-selected-image-container { justify-content: flex-start; gap: 20px; } .woocommerce #review_form #respond .comment-form-rating>label { margin-right: 20px; /*rtl*/ padding: 0; } .woocommerce #review_form #respond .comment-form-rating>* { display: inline-block; } .woocommerce #review_form #respond textarea { min-height: 150px; } .woocommerce #review_form #respond p.stars { display: inline-block; margin: 0; } .woocommerce #review_form #respond p.stars>span { display: flex; gap: 0 10px; } .woocommerce #review_form #respond p.form-submit { margin: 16px 0 0 0; clear: both; display: inline-block; width: 100%; } .woocommerce #review_form #respond p.comment-form-rating { margin: 20px 0; } .comment-form-comment label { display: block; } .comment-respond textarea, #commentform textarea { margin: 0; width: 100%; min-height: 150px; max-width: 100%; } .woocommerce #reviews #comments ol.commentlist li { list-style: none; margin: 40px 0 0 0; border-width: 1px 0 0 0; border-style: solid; padding-top: 40px; } .woocommerce #reviews #comments ol.commentlist ul.children { padding: 0 0 0 70px; /* rtl */ margin: 0; } .woocommerce #reviews #comments ol.commentlist>li ul.children .comment-text { grid-template-columns: 140px auto; } .woocommerce #reviews #comments ol.commentlist>li:first-child { border: 0; margin-top: 0; padding-top: 0; } ol.commentlist .comment_container { display: flex; gap: 0 15px; align-items: flex-start; } #reviews .woocommerce-product-rating .star-rating:before, #reviews .comment-text .star-rating:before, #reviews .wcpr-overall-rating-right-star .star-rating:before { opacity: 1 !important; } .woocommerce #reviews #comments ol.commentlist>li .comment-text { border-radius: 0; padding: 0; margin: 0; border-width: 0; display: grid; gap: 20px; position: relative; grid-template-columns: 140px auto auto; width: 100%; align-items: flex-start; } .comment-text .description { padding-top: 32px; } .children .comment-text .description { padding-top: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce #reviews #comments ol.commentlist li { border-color: var(--loobek-border); } .woocommerce #reviews #comments ol.commentlist li .comment-text p { margin-bottom: 20px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p:last-child { margin-bottom: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text:after, .woocommerce #reviews #comments ol.commentlist li .comment-text:before { display: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { display: grid; margin: 0; min-width: 140px; font-size: var(--loobek-main-small-font-size); color: var(--loobek-text-bold-color); } #comments .entry-meta-comment, #comments .entry-meta-comment a, #comments.comments-area .comment-meta a { color: var(--loobek-text-bold-color); } #comments.comments-area .entry-meta-comment a:hover, #comments.comments-area .comment-meta a:hover { color: var(--loobek-primary-color); } p.meta strong { font-weight: inherit; } .comment-text .star-rating { position: absolute; left: 160px; /* rtl */ top: 4px; } .comment-text p.meta .woocommerce-review__dash { display: none; } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 60px; border: 0; padding: 0; position: static; } .woocommerce #reviews>h2 { margin: 0 0 20px 0; padding: 0; } #comments>h2 { display: none; } .woocommerce #review_form #respond .form-submit input[type="submit"] { min-width: 140px; } #comments>.button-text { margin-right: 10px; /* rtl */ transition: color 150ms, background 150ms, border-color 150ms ease; font-size: var(--loobek-main-small-font-size); } .collapse-reviews-tab #review_form_wrapper, .collapse-reviews-tab #reviews .wcpr-filter-container, .collapse-reviews-tab #reviews .commentlist, .collapse-reviews-tab #reviews .woocommerce-noreviews, .collapse-reviews-tab #reviews .woocommerce-pagination { display: none !important; } .collapse-reviews-tab #reviews .wcpr-overall-rating-and-rating-count { margin-bottom: 25px; } .woocommerce .wcpr-col-star .star-rating span { display: none; } .woocommerce .wcpr-col-star .star-rating:before { content: "\e935"; } .woocommerce .wcpr-col-star .star-rating span { width: 100%; } .summary>#reviews { margin-top: 20px; } div.product:not(.collapse-reviews-tab) .summary #reviews #comments .wcpr-overall-rating-and-rating-count { border-width: 1px; border-style: solid; padding: 30px; border-color: var(--loobek-text-bold-color); } #reviews { width: 100%; position: relative; } .collapse-reviews-tab #reviews #comments { border-width: 1px; border-style: solid; padding: 30px; max-width: 740px; border-color: var(--loobek-text-bold-color); } div.product.show-tabs-content-default .panel>h2, div.product.show-tabs-content-default #comments>h2 { display: block; font-size: var(--loobek-heading-font-size); line-height: var(--loobek-heading-line-height); } div.product.show-tabs-content-default.tabs-heading-center:not(.tabs-accordion) .panel>h2, div.product.show-tabs-content-default.tabs-heading-center:not(.tabs-accordion) #comments>h2 { text-align: center; } div.product.show-tabs-content-default .panel.woocommerce-Tabs-panel--description>h2 { display: none; } .text-uppercase div.product.show-tabs-content-default .panel>h2, .text-uppercase div.product.show-tabs-content-default #comments>h2 { text-transform: uppercase; } .woocommerce div.product.collapse-reviews-tab>#reviews .wcpr-overall-rating-and-rating-count h2 { display: none; } .show-tabs-content-default.collapse-reviews-tab #reviews #comments { padding: 0; border-width: 0; } .collapse-show-all-reviews .collapse-reviews-tab #reviews .commentlist, .collapse-show-all-reviews .collapse-reviews-tab #reviews .woocommerce-noreviews, .collapse-show-all-reviews .collapse-reviews-tab #reviews .woocommerce-pagination { display: block !important; } .collapse-show-all-reviews .collapse-reviews-tab #reviews .wcpr-filter-container { display: flex !important; margin-top: 40px; } .collapse-show-all-reviews #reviews .collapse-show-reviews-button { display: none; } .collapse-show-all-reviews .summary-scrolling div.summary, .collapse-show-review-form .summary-scrolling div.summary { z-index: 994; } .collapse-show-all-reviews .summary>#reviews { margin: 0; } .collapse-show-all-reviews .collapse-reviews-tab #reviews #comments { padding: 40px; position: fixed; right: 0; /* rtl */ top: 0; bottom: 0; max-width: 800px; width: 70%; border-width: 0; margin: 0; z-index: 994; border-radius: 0 !important; overflow-y: auto; } .collapse-reviews-tab #reviews:not(.loaded) { display: none; } .collapse-show-all-reviews .collapse-reviews-tab #comments, .collapse-show-review-form #reviews #review_form_wrapper { background-color: var(--loobek-main-bg); } body.image-button-radius .collapse-reviews-tab #comments, body.image-button-radius .collapse-show-review-form #reviews #review_form_wrapper { border-radius: 10px; } .collapse-show-all-reviews .collapse-reviews-tab #comments { border-color: var(--loobek-text-bold-color); } .collapse-show-review-form #reviews #review_form_wrapper { padding: 40px; position: fixed; right: 0; /* rtl */ top: 0; bottom: 0; max-width: 800px; width: 70%; border-width: 0; margin: 0; z-index: 994; display: block !important; border-radius: 0 !important; overflow-y: auto; } .collapse-reviews-tab #reviews .overlay { position: fixed; z-index: 993; content: ""; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; } body:not(.ts_desktop).admin-bar.collapse-show-all-reviews #page .collapse-reviews-tab #comments, body:not(.ts_desktop).admin-bar.collapse-show-review-form #page #review_form_wrapper { top: 46px; } .ts_desktop.admin-bar.collapse-show-all-reviews #page .collapse-reviews-tab #comments, .ts_desktop.admin-bar.collapse-show-review-form #page #review_form_wrapper { top: 32px; } .ts_desktop.admin-bar .collapse-reviews-tab #reviews .close { top: 40px; } body:not(.ts_desktop).admin-bar .collapse-reviews-tab #reviews .close { top: 54px; } .collapse-reviews-tab #reviews .close { position: fixed; top: 8px; right: 8px; /* rtl */ z-index: 995; text-align: center; width: 40px; line-height: 0; transition: 150ms ease 0s; opacity: 0; visibility: hidden; text-decoration: none; } .collapse-reviews-tab #reviews .close:after { font-family: 'icomoon'; content: "\e906"; font-size: 11px; font-weight: normal; line-height: 40px; } .collapse-reviews-tab #reviews .close:hover { color: var(--loobek-primary-color); } .collapse-show-all-reviews .collapse-reviews-tab #reviews .overlay, .collapse-show-review-form .collapse-reviews-tab #reviews .overlay, .collapse-show-all-reviews .collapse-reviews-tab #reviews .close, .collapse-show-review-form .collapse-reviews-tab #reviews .close { opacity: 1; visibility: visible; } .collapse-reviews-tab #reviews .wcpr-filter-container a, .collapse-reviews-tab #reviews .wcpr-filter-container .wcpr-filter-button, #reviews .collapse-write-review-button.button, #reviews .collapse-show-reviews-button.button, div.product:not(.collapse-reviews-tab) #reviews .wcpr-overall-rating-main a.button { font-size: var(--loobek-main-font-size); } .collapse-reviews-tab #reviews .wcpr-filter-container a, .collapse-reviews-tab #reviews .wcpr-filter-container .wcpr-filter-button { font-family: var(--loobek-heading-font); font-weight: var(--loobek-heading-font-weight); letter-spacing: var(--loobek-heading-letter-spacing); } body.text-uppercase #reviews .wcpr-filter-container { text-transform: uppercase; } /* RELATED - UPSELL */ .related-up-sells-bestsellers { display: grid; gap: 60px; position: relative; width: 100%; } div.product.related-up-sell-style-default .related-up-sells-bestsellers { padding: 0; margin-bottom: 0; border-width: 0; } div.product .related-up-sells-bestsellers, div.product.summary-scrolling-border .related-up-sells-bestsellers { padding: 60px 0; margin-bottom: -60px; border-width: 1px 0 0 0; border-style: solid; } div.product.summary-scrolling-border .related-up-sells-bestsellers, .no-sidebar div.product.related-up-sell-style-border-overflow .related-up-sells-bestsellers { border-width: 0; } .page-container:not(.no-sidebar) .summary-scrolling-border .related-up-sells-bestsellers { padding-left: 20px; padding-right: 20px; } div.product.summary-scrolling-border .related-up-sells-bestsellers { z-index: 1; margin-bottom: -61px; } div.product.summary-scrolling-border .related-up-sells-bestsellers:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #f5f5f5; content: ""; border-width: 0; height: auto; } div.product.summary-scrolling-border .related-up-sells-bestsellers:after { display: none; } .no-sidebar div.product.summary-scrolling-border .related-up-sells-bestsellers:before { margin-left: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); margin-right: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); } .no-sidebar .related-up-sell-style-border-overflow .related-up-sells-bestsellers:before { position: absolute; left: 0; right: 0; top: 0; height: 1px; border-width: 1px 0 0 0; border-style: solid; background: #f5f5f5; content: ""; margin-left: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); margin-right: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); } .page-container:not(.no-sidebar) .related-up-sell-style-border-overflow .related-up-sells-bestsellers:before { display: none; } /* CUSTOM CONTENT */ .woocommerce-tabs .panel>h2 { display: none; } .product-custom-content { width: 100%; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 3. COMPARE -------------------------------------------------------------------------------------------------*/ html body.rtl>h1 { text-align: right; } .rtl table.compare-list.dataTable { direction: rtl; text-align: right; } html body.rtl>h1 a.close { left: -20px; right: auto; } body>table.compare-list, body #yith-woocompare table.compare-list tbody th, body #yith-woocompare table.compare-list tbody td { border-color: var(--loobek-border); } body.rtl table.compare-list th { text-align: end; } body.rtl #yith-woocompare table.compare-list tbody th, body.rtl #yith-woocompare table.compare-list tbody td { border-width: 1px 0 0 1px; border-style: solid; } body.rtl table.compare-list tr.stock span:before { margin-left: 5px; /* rtl */ margin-right: 0; } .dataTables_scrollFoot { display: none; } html body #yith-woocompare { padding: 0; } body #cboxClose { z-index: 100001; top: 0; right: 0; /* rtl */ bottom: auto; position: absolute; background-image: none; text-indent: 0; width: 40px; height: 40px; font-size: 0; line-height: 40px; text-align: center; text-transform: none; transition: all 150ms ease 0s; color: var(--loobek-button-color); background-color: var(--loobek-button-bg); border-color: var(--loobek-button-border); } body.image-button-radius #cboxClose { border-radius: 0 8px 0 10px; /* rtl */ } body #cboxClose:hover { color: var(--loobek-button-hover-color); background-color: var(--loobek-button-hover-bg); border-color: var(--loobek-button-hover-border); } #cboxLoadingGraphic { background: none !important; } #cboxLoadingOverlay { display: 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; } /* COMPARE DETAIL */ #cboxLoadedContent { padding: 0; margin: 0; background-color: var(--loobek-main-bg); } body.image-button-radius #cboxLoadedContent { border-radius: 10px; } #cboxLoadedContent iframe { position: relative; z-index: 1; background: transparent; } .dataTables_wrapper { padding: 0; text-align: center; color: var(--loobek-text-color); background-color: var(--loobek-main-bg); border-color: var(--loobek-border); } body .dataTables_wrapper, body.yith-woocompare-popup, body .compare-list, table.compare-list tr td { font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } .dataTables_scrollHead, .DTFC_LeftHeadWrapper { display: none; } html body>h1 { padding: 18px 20px; display: block; width: 100%; float: none; position: relative; z-index: 14; text-align: inherit; border-width: 0; background: transparent !important; border: 0; text-transform: none; font-size: var(--loobek-h6-font-size); line-height: var(--loobek-h6-line-height); color: var(--loobek-text-bold-color); } table.compare-list, table.compare-list th, table.compare-list td { box-sizing: content-box; } table.compare-list:not(.dataTable) thead { display: none !important; } body table.compare-list { margin: 0 !important; padding: 0 !important; width: 100%; border-width: 1px 0 0 0; font-size: var(--loobek-main-small-font-size); } 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: 20px; vertical-align: top; } 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 20px 20px 20px; } body #yith-woocompare table.compare-list tr.image td, body #yith-woocompare table.compare-list tr.image th { padding-bottom: 10px; } body #yith-woocompare table.compare-list tr.title th, body #yith-woocompare table.compare-list tr.title td { line-height: 24px; padding-bottom: 4px; } body #yith-woocompare table.compare-list tr.add-to-cart td, body #yith-woocompare table.compare-list tr.add-to-cart th { padding-bottom: 0; } body #yith-woocompare table.compare-list tr.description td, body #yith-woocompare table.compare-list tr.description th { border-top-width: 0; } body #yith-woocompare table.compare-list tr.description th { font-size: 0; } body table.compare-list th { background: transparent; color: var(--loobek-text-bold-color); } body table.compare-list td img { padding: 0; border: 0; max-width: 100%; width: 100%; margin-bottom: 0; } body table.compare-list th { border-width: 1px 0 0 0; border-style: solid; text-align: start; /* rtl */ } body table.compare-list td { border-width: 1px 0 0 0; border-style: solid; text-align: start; } 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 tbody th { text-transform: none; } body #yith-woocompare table.compare-list tbody tr:last-child th, body #yith-woocompare table.compare-list tbody tr:last-child td { border-bottom-width: 1px; } body #yith-woocompare table.compare-list tbody tr th:last-child, body #yith-woocompare table.compare-list tbody tr td:last-child { border-right-width: 0; /* rtl */ } body #yith-woocompare table.compare-list tr:not(.no-products).add-to-cart th, body #yith-woocompare table.compare-list tr:not(.no-products).add-to-cart td, body #yith-woocompare table.compare-list tr:not(.no-products).title th, body #yith-woocompare table.compare-list tr:not(.no-products).title td, body #yith-woocompare table.compare-list tr:not(.no-products).price:not(.repeated) th, body #yith-woocompare table.compare-list tr:not(.no-products).price:not(.repeated) td, body #yith-woocompare table.compare-list tr:not(.no-products).image th, body #yith-woocompare table.compare-list tr:not(.no-products).image td { border-top-width: 0; } body #yith-woocompare table.compare-list tr.no-products td { padding-left: 20px; padding-right: 20px; border-width: 1px 0 0 0; border-style: solid; } body table.compare-list tr.title td, body table.compare-list tr.price td { text-transform: none; font-size: var(--loobek-main-font-size); line-height: var(--loobek-main-font-line-height); } 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: 5px !important; } body table.compare-list tr.image td { padding-top: 0; } body table.compare-list .remove td a .remove { position: relative; width: 34px; height: 34px; line-height: 0; font-size: 0; display: block; background: transparent !important } body table.compare-list tr.remove td>a { font-size: 0; line-height: 0; width: 34px; height: 34px; text-align: center; display: block; margin-left: auto; margin-right: auto; position: relative; background: transparent !important } body table.compare-list tr.remove td>a .remove:before { line-height: 34px; width: 34px; transition: 300ms ease 0s; content: "\e906"; font-family: 'icomoon'; font-size: 14px; letter-spacing: 0; font-weight: normal; letter-spacing: 0; font-size: 10px; } body table.compare-list tr.remove td>a .remove { color: var(--loobek-text-bold-color); } 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; } table.compare-list tr.title td, table.compare-list tr.price td, body .woocommerce table.compare-list .add-to-cart td a, .woocommerce .wishlist_table .product-add-to-cart a, body table.compare-list tr.price td { font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); } body .woocommerce table.compare-list .add-to-cart td a { margin: 0; width: 100%; display: flex; align-items: center; justify-content: center; padding: 0 20px; border-width: 1px; border-style: solid; line-height: 32px; box-shadow: none; text-shadow: none; filter: none; cursor: pointer; background-image: none; text-align: center; text-transform: none; font-size: var(--loobek-main-font-size); color: var(--loobek-button-color); background-color: var(--loobek-button-bg); border-color: var(--loobek-button-border); } body.image-button-radius table.compare-list .add-to-cart td a { border-radius: 10px; } body .woocommerce table.compare-list .add-to-cart td a:hover { color: var(--loobek-button-hover-color); background-color: var(--loobek-button-hover-bg); border-color: var(--loobek-button-hover-border); } body .woocommerce table.compare-list .add-to-cart td a:before { content: "\e916"; font-family: 'icomoon'; font-size: 8px; margin: 0 4px 0 0; /* rtl */ line-height: 12px; width: 12px; text-align: start; transform: none; position: static; } body .woocommerce table.compare-list .add-to-cart td a.added_to_cart:before { content: "\e916"; } body .woocommerce table.compare-list .add-to-cart td a.loading:before { content: ""; height: 12px; border-color: var(--loobek-button-bg); border-top: 2px solid var(--loobek-button-color); border-left: 2px solid var(--loobek-button-color); } body .woocommerce table.compare-list .add-to-cart td a.loading:hover:before { border-color: var(--loobek-button-hover-bg); border-top-color: var(--loobek-button-hover-color); border-left-color: var(--loobek-button-hover-color); } body .woocommerce table.compare-list .add-to-cart td a.loading:after { display: none; } body table.compare-list .add-to-cart td .blockOverlay { display: none !important; } body .compare-list tr.no-products td { text-align: start !important; } #cboxLoadedContent iframe { padding: 0; } /*--------------------------------------------------------------------------------------------------------------*/ /*- VIII. CHECK OUT - SHOPPING CART - MY ACCOUNT ---------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------*/ /*- 1. SHOPPING CART -------------------------------------------------------------------------------------------*/ body.woocommerce-cart article>.woocommerce, body.woocommerce-cart .elementor-shortcode>.woocommerce { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } body.woocommerce-cart .elementor-shortcode>.woocommerce>.woocommerce-notices-wrapper, body.woocommerce-cart article>.woocommerce>.woocommerce-notices-wrapper { width: 100%; } .woocommerce .cart-collaterals:after, .woocommerce-page .cart-collaterals:after, .woocommerce-cart article .woocommerce:after { display: none !important; } .woocommerce-checkout .woocommerce-checkout>.woocommerce-NoticeGroup { width: 100%; } .woocommerce table.shop_table { margin: 0; border-width: 0; table-layout: auto; position: relative; } .woocommerce table.shop_table thead th, .woocommerce table.shop_table_responsive tr td:before, .woocommerce-page table.shop_table_responsive tr td:before { font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); color: var(--loobek-text-color); } .wishlist-title.wishlist-title-with-form h2:hover { background: transparent; } .wishlist-title-with-form { overflow: hidden; margin-bottom: 10px; display: block; } .hidden-title-form button i, .wishlist-title a.show-title-form i, .wishlist_manage_table tfoot a.create-new-wishlist i, .wishlist_manage_table tfoot button.submit-wishlist-changes i, .wishlist_table .add_to_cart.button i, .wishlist_table .ask-an-estimate-button i, .yith-wcwl-add-button>a i, .yith-wcwl-wishlist-new button i, .yith-wcwl-wishlist-search-form button.wishlist-search-button i { margin-right: 4px; /* rtl */ } .show-title-form.button:before { content: "("; } .show-title-form.button:after { content: ")"; } .wishlist-title-with-form h2 { margin-bottom: 10px; padding: 0; } .woocommerce-form-track-order .button { min-width: 140px; } .woocommerce table.shop_table.wishlist_table { opacity: 1 !important; } .woocommerce-cart article .woocommerce:after { display: table; clear: both; content: ""; } .woocommerce-cart-form { width: 100%; } .woocommerce-cart .cross-sells { margin-top: 60px; overflow: hidden; } .woocommerce-cart .woocommerce .cart-collaterals, .woocommerce-checkout #order_review { width: 100%; position: relative; } .woocommerce-checkout #order_review, .woocommerce-cart .woocommerce .cart-collaterals .cart_totals { padding: 24px 30px 30px 30px; background: #f5f5f5; } .woocommerce-checkout #order_review { border-top-width: 0; margin-bottom: 0; } body.image-button-radius #order_review { border-radius: 0 0 10px 10px; } .woocommerce .cart-collaterals .cart_totals { width: 100%; } .cart_totals .order-total .amount { color: var(--loobek-primary-color); } .woocommerce-cart .cart-collaterals .cart_totals table { border: 0; background: transparent; margin: 0; } .woocommerce-cart .cart-collaterals .cart_totals table th { width: 25%; font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } .woocommerce-cart .cart-collaterals .cart_totals>h2 { padding: 0; margin: 0 0 4px 0; position: relative; display: inline-block; font-size: var(--loobek-h5-font-size); line-height: var(--loobek-h5-line-height); } .woocommerce-cart .woocommerce-shipping-calculator { margin-top: 8px; } #add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th { line-height: 1em; } .woocommerce-cart .cart-collaterals .cart_totals table td { padding: 22px 0 22px 30px !important; /* rtl */ vertical-align: top; text-transform: none; } .woocommerce .woocommerce-shipping-calculator .button { padding: 0 20px; min-width: 100px; font-size: 14px; } .woocommerce .woocommerce-shipping-calculator .button:hover { opacity: 0.8; } .woocommerce-cart .cart-collaterals .cart_totals table th { padding: 22px 0 22px 0 !important; vertical-align: top; text-align: start; } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce .checkout #order_review table thead th { border-width: 0 0 1px 0; } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce #order_review table.shop_table tr td, .woocommerce #order_review table.shop_table thead th, .woocommerce table.shop_table th.product-subtotal, .woocommerce table.shop_table td.product-subtotal, .woocommerce table.my_account_orders tr th:last-child, .woocommerce table.shop_table.order_details tr th:last-child { text-align: end; } body .woocommerce table.my_account_orders td.order-actions, .woocommerce table.my_account_orders tbody tr:first-child td:first-child { border-color: var(--loobek-border); } .woocommerce #order_review table.shop_table tr td, .woocommerce #order_review table.shop_table tr:not(.shipping) th, .woocommerce .cart-collaterals table.shop_table tr td, .woocommerce .cart-collaterals table.shop_table tr:not(.shipping) th { vertical-align: middle; } .woocommerce table.shop_table td.product-name, .woocommerce-cart .cart-collaterals .cart_totals table tr.shipping td, .woocommerce #order_review table.shop_table tr .product-name { text-align: start; } .woocommerce #order_review table.shop_table th { padding: 22px 0; border-width: 1px 0 0 0; border-style: solid; } .woocommerce #order_review table.shop_table thead th { padding-top: 0; } #order_review table.shop_table #shipping_method { float: right; /* rtl */ } .woocommerce table.shop_table th .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { border-top-width: 0; } .woocommerce table.shop_table th:first-child { padding: 0 0 20px 0; /* rtl */ } .woocommerce table.shop_table td { padding: 20px 0; border-top-width: 0px; border-color: var(--loobek-border); } .woocommerce table.shop_table.order_details tr td:first-child { padding-left: 0; padding-right: 20px; /* rtl */ } .woocommerce table.shop_table th { padding: 0 0 20px 20px; /* rtl */ background: transparent; } .woocommerce table.shop_table tr td { border-top-width: 0; } .woocommerce table.my_account_orders th, .woocommerce table.shop_table.order_details th { padding: 0 0 20px 20px; /* rtl */ } .woocommerce table.my_account_orders thead th:first-child, .woocommerce table.shop_table.order_details thead th:first-child { padding-left: 0; /* rtl */ } .woocommerce table.my_account_orders td, .woocommerce table.shop_table.order_details td { padding: 20px 0 20px 20px; /* rtl */ } .woocommerce table.my_account_orders tfoot tr th, .woocommerce table.shop_table.order_details tfoot tr th, .woocommerce table.my_account_orders tfoot tr td, .woocommerce table.shop_table.order_details tfoot tr td { padding-top: 20px; padding-bottom: 0; border-width: 0; vertical-align: baseline; } .woocommerce table.my_account_orders tfoot tr:first-child th, .woocommerce table.my_account_orders tfoot tr:first-child td, .woocommerce table.shop_table.order_details tfoot tr:first-child th, .woocommerce table.shop_table.order_details tfoot tr:first-child td { border-width: 1px 0 0 0; } .woocommerce table.my_account_orders tfoot tr:last-child th, .woocommerce table.my_account_orders tfoot tr:last-child td, .woocommerce table.shop_table.order_details tfoot tr:last-child th, .woocommerce table.shop_table.order_details tfoot tr:last-child td { border-width: 0 0 1px 0; padding-bottom: 20px; } .woocommerce-order-details p.order-again { margin: 30px 0; text-align: end; } .woocommerce table.shop_table.order_details tfoot td, .woocommerce #order_review table.shop_table tfoot th, .woocommerce .woocommerce-order-details p.order-again .button { color: var(--loobek-text-bold-color); } .woocommerce .woocommerce-order-details p.order-again .button { border-color: var(--loobek-text-bold-color); } .woocommerce .woocommerce-order-details p.order-again .button:hover { color: #ffffff; background-color: var(--loobek-text-bold-color); border-color: var(--loobek-text-bold-color); } .woocommerce table.my_account_orders tr td:first-child, .woocommerce table.shop_table.order_details tr td:first-child { padding-left: 0; /* rtl */ padding-right: 0; /* rtl */ } .woocommerce table.shop_table.order_details td.product-total { width: 40%; } .woocommerce table.shop_table th.product-remove { width: 20px; } .woocommerce table.shop_table .product-remove a { display: inline-block; width: 24px; height: 20px; line-height: 0; font-size: 0; text-align: center; letter-spacing: 0; float: none; padding: 0 !important; margin: 0; } .wishlist_table .product-remove a { line-height: 24px; width: 24px; display: inline-block; } body.image-button-radius .wishlist_table .product-remove a { border-radius: 0 8px 0 10px; /* rtl */ } .wishlist_table.responsive .product-remove a { background-color: var(--loobek-main-bg) } body .yith-woocompare-widget ul.products-list a.remove, .cart_list li .cart-item-wrapper a.remove, .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove, body table.compare-list tr.remove td>a, .woocommerce table.shop_table .product-remove a, .wishlist_table .product-remove a, .woocommerce a.remove { color: var(--loobek-text-color) !important; } .woocommerce a.remove:hover, body table.compare-list tr.remove td>a:hover, div.wpcf7 label>span { color: red; } .woocommerce a.remove:hover { color: red !important; } .woocommerce table.shop_table .product-remove a:before, .woocommerce .widget_shopping_cart .cart_list li a.remove:before, .woocommerce.widget_shopping_cart .cart_list li a.remove:before { font-family: 'icomoon'; content: "\e906"; font-size: 8px; font-weight: normal; line-height: 20px; } .woocommerce table.shop_table td.product-thumbnail a { display: inline-block; } #add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail { width: 120px; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 100%; } .woocommerce table.shop_table td.product-name a:hover { text-decoration: none; } .woocommerce table.shop_table.cart td.actions { padding: 0; width: 100%; margin: 50px 0 0 0; } .woocommerce table.cart .button { float: right; /* rtl */ margin-left: 10px; /* rtl */ white-space: nowrap; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover { opacity: 0.9; } .woocommerce table.my_account_orders tfoot .amount, .woocommerce table.order_details tfoot .amount { font-size: var(--loobek-h5-font-size); } .woocommerce table.order_details tfoot tr:last-child .amount, #order_review .order-total .amount { color: var(--loobek-primary-color) !important; } /* COUPON */ :is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout, .woocommerce-page) table.cart td.actions .coupon { display: flex; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text { margin: 0; /* rtl */ line-height: 30px; /* default */ background-color: var(--loobek-main-bg); border-color: var(--loobek-border); } #add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: right; /* rtl */ } #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img { margin: -2px 0 0 10px; /* rtl */ } body.image-button-radius #page table.cart td.actions .coupon .input-text, body.image-button-radius #page .cart-collaterals .cart_totals { border-radius: 10px; } /* QUANTITY */ .cart_list .quantity { font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); } .woocommerce div.product form.cart .variations label, .quantity .ts-screen-reader-text { color: var(--loobek-text-bold-color); font-size: var(--loobek-main-small-font-size); } .shop_table .quantity .ts-screen-reader-text, .cart_list .quantity .ts-screen-reader-text { display: none; } 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; border-width: 1px; border-style: solid; margin: 0; padding-left: 30px; padding-right: 30px; width: 100%; line-height: 30px; text-align: center; } .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, .woocommerce-mini-cart-item .quantity { float: none; position: relative; } .ts-tiny-cart-wrapper .woocommerce-mini-cart-item .quantity { margin-top: 10px; } .quantity span { display: none; } .summary .quantity label { display: flex; gap: 10px; } .summary .quantity .ts-low-stock-notice { display: block; white-space: nowrap; } .quantity .number-button { position: relative; letter-spacing: 0; overflow: hidden; display: flex; width: 80px; max-width: 100%; } .quantity .minus, .quantity .plus { background: transparent; margin: 0 !important; text-align: center; position: absolute; right: 0; /* rtl */ bottom: 0; top: 0; padding: 0; z-index: 2; cursor: pointer; font-size: 0; border-width: 0; } .quantity .plus:hover, .quantity .minus:hover { color: var(--loobek-primary-color); } .quantity .minus, .quantity .plus, .quantity .number-button:before, .quantity .number-button:after { width: 26px; line-height: 44px; } .quantity .number-button:before, .quantity .number-button:after { font-family: 'icomoon'; font-weight: normal; position: absolute; z-index: 0; text-align: center; color: var(--loobek-text-bold-color); } .quantity .number-button:hover:before, .quantity .number-button:hover:after { color: var(--loobek-text-bold-color); } .quantity .number-button:before { content: "\e945"; top: 0; left: 0; /* rtl */ font-size: 2px; } .quantity .number-button:after { content: "\e946"; right: 0; /* rtl */ top: 0; font-size: 6px; } .quantity .minus, .quantity .number-button:before { left: 0; /* rtl */ right: auto; } .quantity .minus:hover, .quantity .plus:hover { z-index: 3; } .shop_table .quantity { float: none; /* rtl */ display: flex; justify-content: flex-end; } .shop_table .quantity input.qty, .woocommerce .woocommerce-mini-cart-item .quantity input.qty { padding: 0 20px; line-height: 32px; overflow: hidden; } .shop_table .quantity .minus, .shop_table .quantity .plus, .shop_table .quantity .number-button:before, .shop_table .quantity .number-button:after, .woocommerce-mini-cart-item .quantity .minus, .woocommerce-mini-cart-item .quantity .plus, .woocommerce-mini-cart-item .number-button:before, .woocommerce-mini-cart-item .number-button:after { width: 26px; line-height: 34px; } #add_payment_method .cart-collaterals .cart_totals table select, .woocommerce-cart .cart-collaterals .cart_totals table select, .woocommerce-checkout .cart-collaterals .cart_totals table select { background-color: #ffffff; } .woocommerce ul#shipping_method { margin: 0; } .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination { margin-bottom: 0; display: block; } .woocommerce ul#shipping_method li { margin: 0; padding: 0 0 8px 0; line-height: 18px; text-indent: 0; list-style: none; position: relative; text-align: start; } .woocommerce .woocommerce-shipping-calculator>p { margin-bottom: 15px; } .woocommerce ul#shipping_method li input { position: absolute; top: 3px; margin: 0; left: -20px; /* rtl */ } #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 */ } .woocommerce ul#shipping_method li label { line-height: 18px; position: relative; padding: 0; cursor: pointer; text-transform: none; color: var(--loobek-text-bold-color); } .woocommerce ul#shipping_method li .amount { display: inline-block; text-indent: 0; line-height: 18px; } .woocommerce #payment ul.payment_methods { border: 0; padding: 0; } .payment_methods li { list-style: none; position: relative; padding: 0; } .payment_box>fieldset { border: 0; } .woocommerce #payment ul.payment_methods li label { display: inline; padding: 0; cursor: pointer; } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { text-align: start; } .woocommerce-checkout #payment div.payment_box { color: var(--loobek-text-color); } /* CALCULATOR SHIPPING */ .shipping-calculator-form .form-row { margin-bottom: 10px !important; } .shipping-calculator-form .form-row#calc_shipping_country_field { margin-bottom: 14px !important; } .shipping-calculator-button:hover { text-decoration: none; color: var(--loobek-primary-color); } .shipping-calculator-button { line-height: 24px; text-decoration: none; color: var(--loobek-text-bold-color); } .shipping-calculator-button:before { font-family: icomoon; font-weight: normal; content: "\e924"; margin-right: 5px; /* rtl */ display: inline-block; font-size: 16px; position: relative; top: 1px; } .woocommerce-shipping-calculator .button { margin-top: 10px !important; } .woocommerce-shipping-destination strong { font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } #add_payment_method .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-checkout .cart-collaterals .cart_totals .woocommerce-shipping-destination { line-height: 24px; font-style: italic; padding: 0; } #add_payment_method .cart-collaterals .shipping-calculator-button:after, .woocommerce-cart .cart-collaterals .shipping-calculator-button:after, .woocommerce-checkout .cart-collaterals .shipping-calculator-button:after { display: none; } #add_payment_method .cart-collaterals .shipping-calculator-button, .woocommerce-cart .cart-collaterals .shipping-calculator-button, .woocommerce-checkout .cart-collaterals .shipping-calculator-button { margin-top: 0; } .shipping-calculator-form>p.address-field+p { margin-bottom: 6px; } .woocommerce-cart .wc-proceed-to-checkout { padding: 0; } .cart_totals .wc-proceed-to-checkout a.button { width: 100%; margin: 0; } /* CROSS SELL */ .woocommerce .cross-sells.products, .woocommerce .up-sells.products, .woocommerce .related.products { width: 100%; display: block; margin-left: 0; margin-right: 0; } .woocommerce .cross-sells>h2, .woocommerce .up-sells>h2, .woocommerce .related>h2, .yith-wfbt-section>h3 { margin-bottom: 25px; position: relative; } body.text-uppercase .woocommerce .cross-sells>h2, body.text-uppercase .up-sells>h2, body.text-uppercase .related>h2 { text-transform: uppercase; } #customer_login h2 { font-size: var(--loobek-h5-font-size); line-height: var(--loobek-h5-line-height); } .woocommerce .cross-sells:after { display: table; content: ""; clear: both; } /* Frequently Bought Together */ .woocommerce.yith-wfbt-section>h3 { width: 100%; } .woocommerce.yith-wfbt-section { display: flex; flex-wrap: wrap; position: relative; } .image-summary-limited-width.bought-together-layout-horizontal .woocommerce.yith-wfbt-section { width: 100%; } .woocommerce.yith-wfbt-section>form { position: relative; } .wfbt-loading .woocommerce.yith-wfbt-section form>* { opacity: 0; visibility: hidden; transition: all 150ms linear 0s; } .wfbt-loading .woocommerce.yith-wfbt-section>form:before { border-width: 3px; border-style: solid; border-top: 3px solid var(--loobek-text-bold-color); border-left: 3px solid var(--loobek-text-bold-color); border-radius: 100%; left: 50%; top: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; position: absolute; content: ""; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; z-index: 9; } div.product:not(.bought-together-layout-vertical) .product-images-summary .yith-wfbt-section { margin-top: 60px; } .page-container div.product.bought-together-border-default:not(.summary-scrolling) .woocommerce.yith-wfbt-section, .page-container div.product.bought-together-border-overflow:not(.summary-scrolling) .woocommerce.yith-wfbt-section { border-width: 1px 0 1px 0; border-style: solid; padding: 60px 0; } .page-container.no-sidebar div.product.bought-together-border-overflow:not(.summary-scrolling) .woocommerce.yith-wfbt-section:before, .page-container.no-sidebar div.product.bought-together-border-overflow:not(.summary-scrolling) .woocommerce.yith-wfbt-section:after { position: absolute; left: 0; right: 0; top: 0; bottom: auto; height: 1px; border-width: 1px 0 0 0; border-style: solid; background: #f5f5f5; content: ""; margin-left: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); margin-right: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); } .page-container.no-sidebar div.product.bought-together-border-overflow:not(.summary-scrolling) .woocommerce.yith-wfbt-section:after { bottom: 0; top: auto; } .page-container.no-sidebar div.product.bought-together-border-overflow:not(.summary-scrolling) .woocommerce.yith-wfbt-section { border-width: 0; } #page div.product:not(.summary-scrolling):not(.bought-together-border-overflow):not(.bought-together-border-default)>.product-images-summary+#reviews, #page div.product:not(.summary-scrolling):not(.bought-together-border-overflow):not(.bought-together-border-default)>.product-custom-content+#reviews { border-width: 1px 0 0 0; border-style: solid; padding-top: 60px; } #page .page-container.no-sidebar div.product:not(.summary-scrolling):not(.bought-together-border-overflow):not(.bought-together-border-default)>.product-images-summary+#reviews:before, #page .page-container.no-sidebar div.product:not(.summary-scrolling):not(.bought-together-border-overflow):not(.bought-together-border-default)>.product-custom-content+#reviews:before { position: absolute; left: 0; right: 0; top: 0; bottom: auto; height: 1px; border-width: 1px 0 0 0; border-style: solid; background: #f5f5f5; content: ""; margin-left: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); margin-right: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); } #page .page-container.no-sidebar div.product:not(.summary-scrolling):not(.bought-together-border-overflow):not(.bought-together-border-default)>.product-images-summary+#reviews, #page .page-container.no-sidebar div.product:not(.summary-scrolling):not(.bought-together-border-overflow):not(.bought-together-border-default)>.product-custom-content+#reviews { border-width: 0; position: relative; } .yith-wfbt-form { display: grid; flex-wrap: wrap; gap: 0 40px; position: relative; grid-template-columns: auto auto; } .yith-wfbt-section .yith-wfbt-items { padding: 0; margin: 10px 0 0 0; /* rtl */ display: flex; } .woocommerce div.product .yith-wfbt-items .price { display: flex; flex-wrap: wrap; line-height: 100%; width: 100%; margin-top: 2px; } .woocommerce div.product .yith-wfbt-items .price del, .woocommerce div.product .yith-wfbt-items .price ins { opacity: 1; } .woocommerce div.product .yith-wfbt-items .price del { order: 2; } .yith-wfbt-section .yith-wfbt-items li { list-style: none; padding: 0; margin-right: 30px; /* rtl */ position: relative; } .yith-wfbt-section .yith-wfbt-items li:last-child { margin-right: 0; /* rtl */ } .yith-wfbt-section .yith-wfbt-images td { padding: 0; } .yith-wfbt-section .yith-wfbt-images td a { display: table; width: auto; position: relative; overflow: hidden; z-index: 2; } .yith-wfbt-section .yith-wfbt-images td a:before { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; border-width: 1px; border-style: solid; z-index: 1; opacity: 0; transition: 150ms ease 0s; border-color: var(--loobek-text-bold-color); } body.image-button-radius .yith-wfbt-section .yith-wfbt-images td a:before, body.image-button-radius .yith-wfbt-section .yith-wfbt-images td a img { border-radius: 10px; } .yith-wfbt-section .yith-wfbt-images td a:hover:before { opacity: 1; } .yith-wfbt-items label { text-transform: none; padding: 0; font-size: var(--loobek-main-font-size); color: var(--loobek-text-bold-color); } .yith-wfbt-items .yith-wfbt-item>label { font-size: 0; display: flex; flex-wrap: wrap; align-self: center; } .yith-wfbt-section .yith-wfbt-images .image_plus { font-size: 0; line-height: 0; width: 30px; min-width: 30px; text-align: center; color: var(--loobek-text-bold-color); } .yith-wfbt-section .yith-wfbt-images .image_plus:before { font-family: 'icomoon'; font-size: 8px; line-height: 24px; content: "\e946"; letter-spacing: 0; font-weight: normal; } .yith-wfbt-section .yith-wfbt-images { margin: 0; overflow: auto; } .bought-together-style-default .yith-wfbt-section .yith-wfbt-images td img, .bought-together-style-default .yith-wfbt-section .yith-wfbt-items li { max-width: 250px; width: 100%; align-self: flex-start; } .yith-wfbt-section li .checkboxbutton { border-width: 1px; border-style: solid; width: 20px; height: 20px; display: inline-block; line-height: 0; order: 99; margin-top: 10px; position: relative; margin-left: auto; margin-right: auto; border-color: var(--loobek-text-bold-color); } .yith-wfbt-section li .checkboxbutton.checked:after { font-family: 'icomoon'; letter-spacing: 0; font-weight: normal; font-size: 10px; content: "\e90a"; top: 50%; margin-top: -10px; width: 20px; line-height: 20px; text-align: center; left: -1px; position: absolute; transition: 150ms ease 0s; color: #ffffff; } .yith-wfbt-section li .checkboxbutton input { opacity: 0; width: 20px; height: 20px; margin: 0; position: relative; z-index: 4; } .yith-wfbt-submit-block .price_text { font-size: 0; } .yith-wfbt-submit-block .total_price_label { font-size: var(--loobek-main-small-font-size); color: var(--loobek-text-bold-color); } .yith-wfbt-submit-block .total_price { display: block; line-height: 1em; margin: 5px 0 20px 0; } .yith-wfbt-submit-block .button:before { content: "\e916"; font-family: 'icomoon'; font-size: 8px; margin-right: 5px; display: inline-block; line-height: 10px; position: relative; top: -3px; } .yith-wfbt-submit-block .total_price .amount { font-size: var(--loobek-h5-font-size); } /* WISHLIST */ .hidden-title-form { overflow: hidden; clear: both; display: none; } .hidden-title-form .edit-title-buttons { right: 0; /* rtl */ } .wishlist-title:hover a.show-title-form { display: block; } .hidden-title-form .edit-title-buttons a { color: var(--loobek-text-bold-color); } .hidden-title-form .edit-title-buttons a:hover { color: var(--loobek-primary-color); } .show-title-form.button { padding: 0 !important; border: 0 !important; background: transparent !important; line-height: 24px; display: none; position: relative; top: 2px; margin-left: 10px !important; /* rtl */ } body.woocommerce div.wishlist-title { margin-bottom: 20px; display: flex; align-items: center; color: var(--loobek-text-bold-color); } #page .wishlist-title a.show-title-form { color: var(--loobek-text-bold-color); } #page .wishlist-title a.show-title-form:hover { color: var(--loobek-primary-color); } .ts_desktop.woocommerce div.wishlist-title { margin-bottom: 40px; } body.woocommerce .wishlist-title h2 { padding: 0; } .hidden-title-form a i { display: flex; justify-content: center; font-family: 'icomoon'; font-weight: normal; font-size: 10px; line-height: 30px; } .hidden-title-form a i.fa-remove:before { content: "\e906"; } .hidden-title-form a i.fa-check:before { content: "\e90f"; } .yes-js #yith-wcwl-form .hidden-title-form { margin: 0 0 30px 0; width: 100%; } .hidden-title-form input[type="text"] { margin: 0; padding-right: 80px; /* rtl */ padding-left: 20px; line-height: 30px; /* default */ } .yith_wcwl_wishlist_footer .yith-wcwl-share { float: none; } .yith-wcwl-share { margin-top: 30px; } .yith-wcwl-share h4.yith-wcwl-share-title { margin: 0 10px 0 0; /* rtl */ font-size: var(--loobek-main-font-size); } .woocommerce div.wishlist_table .product-add-to-cart a { display: inline-block !important; } .woocommerce table.wishlist_table thead th { border-top: 0; } .woocommerce table.wishlist_table tbody td { border-color: var(--loobek-border); } .wishlist_table tr td.product-stock-status span.wishlist-in-stock:before, .wishlist_table tr td.product-stock-status span.wishlist-out-of-stock:before { content: "\e90f"; font-family: 'icomoon'; font-weight: normal; margin-right: 5px; /* rtl */ display: inline-block; font-size: 12px; } .wishlist_table tr td.product-stock-status span.wishlist-out-of-stock:before { content: "\e906"; } .wishlist_table tfoot td { border: 0; } .yith_wcwl_wishlist_footer .yith-wcwl-share { margin-bottom: 0; display: flex; align-items: center; } .yith-wcwl-share ul { list-style: none; display: flex; flex-wrap: wrap; gap: 5px; margin: 0; } .yith-wcwl-share ul li { padding: 0; margin: 0; } .yith-wcwl-share li a { margin: 0; padding: 0; line-height: 30px; min-height: 30px; min-width: 30px; font-size: 14px; display: flex; justify-content: center; align-items: center; } } .yith-wcwl-share ul li a i { line-height: 26px; } .woocommerce table.wishlist_table { font-size: var(--loobek-main-font-size); line-height: var(--loobek-main-font-line-height); } .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: start; } .product-add-to-cart, .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; } body .wishlist_table tr td, body .wishlist_table tr th.wishlist-delete, body .wishlist_table tr th.product-checkbox, body .wishlist_table tr td, body .wishlist_table tr th.wishlist-delete, body .wishlist_table tr th.product-checkbox, body .woocommerce table.wishlist_table tr td.product-remove, body .wishlist_table tfoot td, .wishlist_table tr td.product-name, body .wishlist_table tr td.product-thumbnail, body .wishlist_table tr td.wishlist-name, body .wishlist_table tr td.wishlist-privacy { text-align: start; /* rtl */ } .woocommerce table.wishlist_table tr .product-add-to-cart { text-align: end; /* rtl */ } .woocommerce table.wishlist_table .product-remove div { display: inline-block; } .woocommerce .wishlist-fragment .blockUI.blockOverlay:before, .woocommerce .yith-wcwl-popup-form .blockUI.blockOverlay:before { display: block; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 2. CHECK OUT -----------------------------------------------------------------------------------------------*/ /* MY ACCOUNT */ #ts-login-form>p { margin-bottom: 0; } #ts-login-form>p.login-submit { margin-bottom: 0; } p.lost_password label { font-size: 100%; padding: 0; } p.lost_password a:hover, .my-account-wrapper .forgot-pass a:hover, body .my-account-wrapper .form-content a.sign-up:hover { color: var(--loobek-primary-color); } p.lost_password a, .my-account-wrapper .forgot-pass a, body .my-account-wrapper .form-content a.sign-up { text-decoration: underline; display: inline-block; font-size: var(--loobek-main-small-font-size); } p.lost_password a, .my-account-wrapper .forgot-pass a, .forgot-pass a, body .my-account-wrapper .form-content a.sign-up { color: var(--loobek-text-bold-color); } body .my-account-wrapper .form-bottom { overflow: hidden; margin-top: 20px; } p.myaccount_user { margin-bottom: 40px; } .woocommerce form.checkout_coupon { margin: 0 0 30px 0; padding: 30px; border-width: 1px; border-style: dashed; border-radius: 0; display: none; border-color: var(--loobek-primary-color); } .woocommerce-no-js form.woocommerce-form-coupon, .woocommerce-no-js form.woocommerce-form-login { display: none !important; } .woocommerce .checkout-login-coupon-wrapper form.login { border-radius: 0; border-width: 1px; border-style: solid; border-color: inherit; padding: 30px; margin: 20px 0 40px 0; display: none; } body.image-button-radius .checkout-login-coupon-wrapper form.login { border-radius: 10px; } .woocommerce .checkout-login-coupon-wrapper form.login>p:first-child { margin-bottom: 14px; } .woocommerce form.login .form-row.form-row-first input, .woocommerce-page form.login .form-row.form-row-first input, .woocommerce form.login .form-row.form-row-last input, .woocommerce-page form.login .form-row.form-row-last input { max-width: 100%; } .register .woocommerce-password-strength { margin-bottom: 5px; } form.login p.form-row input[type="text"], form.login p.form-row input[type="password"], form.login p.form-row input[type="email"], form.login p.form-row input[type="tel"], form.register p.form-row input[type="password"], form.register p.form-row input[type="text"], form.register p.form-row input[type="email"], form.register p.form-row input[type="tel"], .create-account input[type="password"], .register .woocommerce-password-strength { max-width: 450px; } #customer_login form.login p.form-row input[type="text"], #customer_login form.login p.form-row input[type="password"], #customer_login form.login p.form-row input[type="email"], #customer_login form.login p.form-row input[type="tel"], #customer_login form.register p.form-row input[type="text"], #customer_login form.register p.form-row input[type="password"], #customer_login form.register p.form-row input[type="email"], #customer_login form.register p.form-row input[type="tel"], #customer_login form.login p.form-row .password-input, #customer_login form.register p.form-row .password-input, .register .woocommerce-password-strength, .register .woocommerce-password-hint { max-width: 450px } .woocommerce>form.checkout { overflow: hidden; margin: 0; padding-top: 30px; width: 100%; position: relative; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { text-align: start; } .woocommerce .checkout-login-coupon-wrapper .woocommerce-info { margin-bottom: 10px; color: var(--loobek-text-bold-color); } .woocommerce .checkout-login-coupon-wrapper { overflow: hidden; } .woocommerce .checkout-login-coupon-wrapper>div { margin-bottom: 14px; } .woocommerce .checkout-login-coupon-wrapper .woocommerce-info:before { display: none; } .woocommerce .checkout-login-coupon-wrapper .woocommerce-info a:hover { color: var(--loobek-primary-color); } .woocommerce-input-wrapper { display: block; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon { margin-bottom: 30px; margin-top: 20px; border-width: 1px; border-style: solid; border-color: inherit; padding: 30px; display: none; color: var(--loobek-text-bold-color); } body.image-button-radius .checkout-login-coupon-wrapper .checkout_coupon { border-radius: 10px; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon>p { float: none; width: 100%; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-first { width: calc(100% - 210px); float: left; /* rtl */ margin: 0; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-last { width: 200px; float: right; /* rtl */ } form.checkout_coupon .button { min-width: 200px; } body .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-last { margin-bottom: 10px; } .woocommerce .checkout #order_review>table { padding-bottom: 0; margin: 0 !important; border-radius: 0; } #order_review table tr { background: transparent; } #order_review_heading { padding: 24px 30px 0 30px; margin: 0; position: relative; z-index: 1; background: #f5f5f5; font-size: var(--loobek-h4-font-size); line-height: var(--loobek-h4-line-height); letter-spacing: var(--loobek-h4-letter-spacing); color: var(--loobek-text-bold-color); } body.image-button-radius #order_review_heading { border-radius: 10px 10px 0 0; } .woocommerce-shipping-fields .shipping_address { padding-top: 10px; } /* BILLING */ .woocommerce-additional-fields { margin-top: 10px; } body .woocommerce-additional-fields>h3 { margin-bottom: 10px; margin-top: 30px; } .woocommerce .checkout #customer_details .col-1 { padding: 0; margin-bottom: 0; overflow: hidden; } .woocommerce .checkout #customer_details .col-1, .woocommerce .checkout #customer_details .col-2 { width: 100%; margin-left: 0; margin-right: 0; float: left; /* rtl */ } .woocommerce .checkout #customer_details .col-2 { margin-top: 20px; } .woocommerce-billing-fields { overflow: hidden; } .woocommerce-billing-fields>h3:after { display: table; clear: both; content: ""; } .ship-to-different-address { position: relative } .ship-to-different-address input { position: absolute; top: 0; left: 0; /* rtl */ content: ""; } /* SHIPPING */ #ship-to-different-address { margin-bottom: 10px; } #ship-to-different-address label { font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } .woocommerce-checkout .checkout #ship-to-different-address label { width: 100%; } form.checkout p.create-account>label, .woocommerce-checkout .checkout #ship-to-different-address label { cursor: pointer; color: var(--loobek-text-bold-color); } #order_comments_field { padding-top: 15px; margin-bottom: 0; } .woocommerce form .form-row .input-checkbox, label .woocommerce-Input[type="checkbox"], #ship-to-different-address-checkbox { cursor: pointer; display: inline; margin: -3px 8px 0 0; /* rtl */ text-align: center; vertical-align: middle; } .woocommerce-invalid #terms { margin: 0 8px 0 0; /* rtl */ } .woocommerce-checkout .checkout h3#ship-to-different-address { width: 100%; float: none; position: relative; margin: 0; line-height: 0; } .woocommerce-checkout .checkout .create-account { padding-top: 10px; margin: 0; } /* CREATE ACCOUNT */ form.checkout div.create-account { display: inline-block; width: 100%; background-color: var(--loobek-main-bg); } .woocommerce-account-fields { margin-bottom: 0; padding-bottom: 20px; border-width: 0 0 1px 0; border-style: solid; } form.checkout p.create-account { display: inline-block; width: 100%; margin: 0 0 15px 0; } /* ORDER REVIEW */ .includes_tax .amount { font-size: 100%; } .woocommerce .order_details li { list-style: none; font-size: var(--loobek-main-font-size); line-height: var(--loobek-main-font-line-height); } .woocommerce table.shop_table td, .woocommerce table.shop_table th { line-height: var(--loobek-main-font-line-height); } .woocommerce #order_review table.shop_table tbody td { padding: 22px 0 0 0; border-width: 0; } .woocommerce #order_review table tbody tr:last-child td { padding-bottom: 22px; } .woocommerce #order_review table.shop_table tfoot td, .woocommerce table.shop_table.order_details tfoot th, .woocommerce #order_review table.shop_table tfoot th { padding: 22px 0; border-width: 1px 0 0 0; font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table.order_details tfoot th, .woocommerce table.shop_table tfoot td { padding: 6px 0; } .woocommerce table.shop_table.order_details tfoot th { font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); color: var(--loobek-text-bold-color); } .woocommerce table.shop_table.order_details td a:hover { text-decoration: none; } .woocommerce table.my_account_orders, .woocommerce table.shop_table.order_details { margin-bottom: 0; } .woocommerce table.my_account_orders, .woocommerce table.my_account_orders .button { font-size: var(--loobek-main-font-size); } .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination { margin-top: 20px; float: right; /* rtl */ } .woocommerce-MyAccount-content .woocommerce-pagination .button { min-width: 140px; border-color: var(--loobek-border); } .woocommerce-MyAccount-content .woocommerce-pagination .button, .woocommerce-MyAccount-content .woocommerce-pagination .button:hover { color: var(--loobek-text-bold-color); } .woocommerce-MyAccount-content .woocommerce-pagination .button:hover { border-color: var(--loobek-text-bold-color); } .woocommerce table.shop_table.order_details { margin: 20px 0 30px 0; } table.my_account_orders td a:not(.button):hover { text-decoration: underline; } .woocommerce .woocommerce-customer-details .addresses { margin-bottom: -30px; } .woocommerce .woocommerce-customer-details { margin-bottom: 0; } body.woocommerce-order-received .woocommerce .woocommerce-customer-details { margin-bottom: 30px; padding-top: 0; } .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads { margin-bottom: 0; } .woocommerce table.my_account_orders tr td:last-child { min-width: 140px; text-align: end !important; } .woocommerce table.my_account_orders tr td:last-child .button { margin: 0; padding: 0 10px; } .woocommerce table.shop_table.customer_details { margin-bottom: 40px; } .woocommerce table.shop_table.customer_details th:first-child { padding: 20px 20px 20px 0; /* rtl */ text-align: start !important; } .woocommerce table.shop_table.customer_details th { color: var(--loobek-text-bold-color); } .woocommerce .checkout #order_review table th, .woocommerce .checkout #order_review table td { text-align: start; } .woocommerce-account .page-container div.woocommerce { overflow: hidden; } .woocommerce .checkout #order_review table .product-name { width: 50%; vertical-align: top; } #order_review table .product-name strong { display: inline-block; } .woocommerce .checkout #order_review table .product-total { width: 50%; vertical-align: top; } .woocommerce .checkout #order_review tbody tr:last-child .product-name, .woocommerce .checkout #order_review tbody tr:last-child .product-total { border-bottom-width: 0; } .woocommerce .checkout #order_review table .product-total, .woocommerce .checkout #order_review table tfoot td { padding-left: 10px; /* rtl */ } .woocommerce .checkout #order_review table .shipping th { vertical-align: top; } /* PAYMENT */ .woocommerce #payment { border-radius: 0; border-width: 0; position: relative; padding-top: 22px; background: transparent; } .woocommerce #payment:before { border-width: 1px 0 0 0; border-style: solid; position: absolute; left: 0; right: 0; top: 0; content: ""; } .woocommerce #payment div.payment_box { width: 100%; margin: 0 0 10px 0; border: 0; font-size: 100%; padding: 0; line-height: 24px; border-radius: 0; box-shadow: none; background: transparent; } .woocommerce-checkout #payment .payment_methods div.payment_box:before { display: none; } /* LOADING */ .yith-wcwl-add-to-wishlist>.blockUI { display: none !important; } div.blockUI.blockOverlay { z-index: 992 !important; -webkit-animation: none !important; -moz-animation: none !important; animation: none !important; background: transparent !important; left: 0; top: 0; width: 100%; height: 100%; position: absolute; opacity: 1 !important; } .woocommerce #payment div.form-row { padding: 0; margin: 0; } .woocommerce #payment #place_order { display: inline-block; width: 100%; float: none; margin-top: 30px; margin-bottom: 0; } .woocommerce-checkout #payment .payment_method_paypal .about_paypal { font-size: 10px; line-height: 14px; position: relative; top: 20px; text-decoration: underline; } .woocommerce-checkout #payment .payment_method_paypal .about_paypal:hover { color: var(--loobek-primary-color); } /*--------------------------------------------------------------------------------------------------------------*/ /*- 3. MY ACCOUNT ----------------------------------------------------------------------------------------------*/ form.lost_reset_password .woocommerce-form-row--first, form.lost_reset_password .woocommerce-form-row--last { width: 100%; margin-left: 0; margin-right: 0; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-width: 0; padding: 0; margin: 0; } .woocommerce form.login, .woocommerce form.register { color: var(--loobek-text-bold-color); } .woocommerce-account .woocommerce-MyAccount-navigation { width: 100%; position: relative; padding: 0 !important; margin: 0 0 25px 0; z-index: 5; float: none !important; } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0 0 50px 0; display: flex; flex-wrap: wrap; gap: 10px; } .woocommerce-account .woocommerce-MyAccount-navigation li { list-style: none; padding: 0; display: inline-block; text-align: center; } .woocommerce-account .woocommerce-MyAccount-navigation li a { display: inline-block; width: 100%; border-width: 1px; border-style: solid; padding-top: 7px; padding-bottom: 7px; font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); } body.image-button-radius .woocommerce-MyAccount-navigation li a { border-radius: 10px; } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { color: var(--loobek-button-color); background-color: var(--loobek-button-bg); border-color: var(--loobek-button-border); } .woocommerce-account .woocommerce-MyAccount-navigation li a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active>a, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover>a { color: var(--loobek-text-bold-color); border-color: var(--loobek-text-bold-color); } .woocommerce-account .woocommerce-MyAccount-navigation li a:hover { text-decoration: none; } .woocommerce-account .woocommerce-MyAccount-content { margin-bottom: 0; float: none; width: 100%; display: block; overflow: hidden; } .woocommerce-account .woocommerce-MyAccount-content form>p:last-child { margin-bottom: 0; } header.woocommerce-Address-title { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 10px; } .woocommerce-account .addresses .title .edit { position: relative; float: none; margin-left: 10px; /* rtl */ } .woocommerce-account .addresses .title .edit:before { content: "("; display: inline-block; } .woocommerce-account .addresses .title .edit:after { content: ")"; display: inline-block; } .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 form .show-password-input, .woocommerce-page form .show-password-input { top: 11px; } .woocommerce form .show-password-input:after, .woocommerce-page form .show-password-input:after { line-height: 24px; } .woocommerce-account article .woocommerce:after { clear: both; content: ""; display: table; } .woocommerce-customer-details { padding-top: 30px; } .woocommerce>#customer_login { margin: 50px 0; } #customer_login h2, .account-content h2, .woocommerce-MyAccount-content>h2, .woocommerce-customer-details>h2, .woocommerce-order-details>h2, .woocommerce-billing-fields>h3, .woocommerce-additional-fields>h3, header.woocommerce-Address-title>h3 { margin-bottom: 25px; position: relative; } body.text-uppercase #customer_login h2, body.text-uppercase .account-content h2, body.text-uppercase .woocommerce-MyAccount-content>h2, body.text-uppercase .woocommerce-customer-details>h2, body.text-uppercase .woocommerce-order-details>h2, body.text-uppercase .woocommerce-billing-fields>h3, body.text-uppercase .woocommerce-additional-fields>h3, body.text-uppercase header.woocommerce-Address-title>h3 { text-transform: uppercase; } .account-content h2, .woocommerce-MyAccount-content>h2, .woocommerce-customer-details>h2, .woocommerce-order-details>h2, .woocommerce-billing-fields>h3, .woocommerce-additional-fields>h3, header.woocommerce-Address-title>h3 { font-size: var(--loobek-h4-font-size); line-height: var(--loobek-h4-line-height); letter-spacing: var(--loobek-h4-letter-spacing); color: var(--loobek-text-bold-color); } form.login p.lost_password { text-decoration: underline; float: left; /* rtl */ margin: 0; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { margin-top: 34px; } p.order-info { text-align: center } body .woocommerce table.my_account_orders td.order-actions, .woocommerce .woocommerce-MyAccount-content table.order_details .product-total, .woocommerce .woocommerce-MyAccount-content table.order_details tfoot th, .woocommerce .woocommerce-MyAccount-content table.order_details tfoot td, .woocommerce .woocommerce-order table.order_details .product-total, .woocommerce .woocommerce-order table.order_details tfoot th, .woocommerce .woocommerce-order table.order_details tfoot td, .woocommerce .woocommerce-order-details table.woocommerce-table--order-details .product-total, .woocommerce .woocommerce-order-details table.woocommerce-table--order-details tfoot th, .woocommerce .woocommerce-order-details table.woocommerce-table--order-details tfoot td { text-align: end; } body .woocommerce table.my_account_orders td.order-number, body .woocommerce table.my_account_orders th.order-number, .woocommerce .woocommerce-MyAccount-content table.order_details .product-name, .woocommerce .woocommerce-order table.order_details .product-name { text-align: start; } .woocommerce-MyAccount-content .woocommerce-Addresses { display: inline-block; width: 100%; } .woocommerce div.address a.button { margin-top: 20px; min-width: 140px; } .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%; } /* Change passworld */ .woocommerce>form>fieldset { border: 0; margin: 40px 0 0 0; } .woocommerce>form>fieldset legend { margin: 0 0 20px 0; font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); color: var(--loobek-text-bold-color); } /* TRACK ORDER */ .track_order .form-row input[type="submit"] { min-width: 140px; } /* Order Detail */ .woocommerce ul.order_details { display: flex; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; } .woocommerce ul.order_details li { padding: 5px 20px; margin: 0; border-width: 0 1px 0 0; /* rtl */ border-style: dashed; line-height: 26px; border-color: var(--loobek-border); } .woocommerce ul.order_details li strong { color: var(--loobek-text-bold-color); } .woocommerce-account .addresses .title:after, .woocommerce-account .addresses .title:before { display: none; } .woocommerce-account .addresses .title h3, .woocommerce-account .addresses h2 { margin-bottom: 0; float: none; /* rtl */ font-size: var(--loobek-h6-font-size); line-height: var(--loobek-h6-line-height); } .woocommerce-customer-details .addresses h2 { margin-bottom: 10px; float: none; font-size: var(--loobek-h6-font-size); line-height: var(--loobek-h6-line-height); } .woocommerce .woocommerce-MyAccount-content address { text-align: start; margin-bottom: 0; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { padding-right: 0; padding-left: 20px; /* rtl */ } .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: 0; padding: 0; } .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 #customer_login .col-1, .woocommerce #customer_login .col-2, .woocommerce-page #customer_login .col-1, .woocommerce-page #customer_login .col-2 { width: 48%; float: left; /* rtl */ } .woocommerce #customer_login .col-2, .woocommerce-page #customer_login .col-2 { float: right; /* rtl */ } .woocommerce .woocommerce-form-track-order { max-width: 600px; margin-left: auto; margin-right: auto; margin-bottom: 70px; } .woocommerce .woocommerce-form-track-order button[type="submit"] { margin-top: 20px; } .woocommerce form.woocommerce-form-track-order .form-row-first, .woocommerce-page form.woocommerce-form-track-order .form-row-first, .woocommerce form.woocommerce-form-track-order .form-row-last, .woocommerce-page form.woocommerce-form-track-order .form-row-last { width: 100%; margin-left: 0; margin-right: 0; } form.woocommerce-form-track-order .button { width: 100%; } /*--------------------------------------------------------------------------------------------------------------*/ /*- IX. QUICKSHOP ----------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------*/ body.opening-quickshop { overflow-y: hidden; padding-right: var(--scrollbarWidth); } body.opening-quickshop .header-sticky.is-sticky { width: calc(100% - var(--scrollbarWidth)); } .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.4); transition: all 200ms linear 0s; } #ts-add-to-cart-popup-modal .overlay { background: rgba(0, 0, 0, 0.4); } #ts-product-360-modal.ts-popup-modal .overlay { position: absolute; z-index: 0; transition: all 100ms linear 0s; background-color: var(--loobek-main-bg); } .ts-popup-modal.show .overlay:before { display: none; } .ts-popup-modal.loading .overlay:before, #cboxLoadingGraphic:before { -webkit-animation: fa-spin 1.5s infinite linear; animation: fa-spin 1.5s infinite linear; } .ts-popup-modal.loading .overlay:before, #cboxLoadingGraphic:before, .cart-dropdown-form.loading .cart_list:before { border-width: 2px; border-style: solid; border-top: 2px solid #161616; border-left: 2px solid #161616; border-radius: 100%; left: 50%; top: 50%; margin-top: -12px; margin-left: -12px; position: absolute; width: 24px; height: 24px; content: ""; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; background: transparent !important; z-index: 9; } .cart-dropdown-form.loading .cart_list:before { border-top-color: var(--loobek-text-bold-color); border-left-color: var(--loobek-text-bold-color); } .cart-dropdown-form.loading .cart_list:before { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border-width: 3px; border-style: solid; border-top: 3px solid #161616; border-left: 3px solid #161616; } .ts-popup-modal.loading .overlay:after, #cboxLoadingGraphic:after { width: 50px; height: 50px; z-index: 8; position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px; content: ""; background-color: var(--loobek-main-bg); } body.image-button-radius #cboxLoadingGraphic:after { border-radius: 10px; } .woocommerce div.blockUI.blockOverlay:after { left: 0; right: 0; bottom: 0; top: 0; } .archive.ajax-pagination .woocommerce>.products:after, #yith-woocompare table.compare-list tr.remove td>a .blockOverlay:after, .woocommerce div.blockUI.blockOverlay:after, div.blockUI.blockOverlay:after, div.product .summary .yith-wcwl-add-to-wishlist a.loading:after, .dropdown-container ul.cart_list li.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after, .cart-dropdown-form.loading .cart_list:after, .woocommerce-wishlist .product-add-to-cart a.loading:after { background-color: var(--loobek-main-bg); } .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, .cart-dropdown-form.loading .cart_list:after, .woocommerce-wishlist .product-add-to-cart a.loading:after { left: -1px; right: -1px; bottom: -1px; top: -1px; width: auto; height: auto; 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; } .woocommerce .ts-shop-load-more a.button.loading:after { display: none; } .button-in .blockUI.blockOverlay:after, .single_add_to_wishlist.loading { opacity: 1 !important; } .images.loading:before, .ts-product .content-wrapper.loading:before, .ts-logo-slider-wrapper.loading .content-wrapper:before, .related-posts.loading .content-wrapper:before, .woocommerce .product figure.loading:before, .ts-products-widget-wrapper.loading:before, .ts-blogs-widget-wrapper.loading:before, .ts-recent-comments-widget-wrapper.loading:before, .blogs article a.gallery.loading:before, .ts-blogs-wrapper.loading .content-wrapper:before, .ts-slider .items.loading:before, article .thumbnail.loading:before, .thumbnails.loading:before, .ts-product-category-wrapper .content-wrapper.loading:before, .column-products.loading:before, .ts-team-members .loading:before, .ts-instagram-wrapper.loading:before, .ts-products-widget-wrapper.loading:before, .ts-tiny-cart-wrapper li div.blockUI.blockOverlay:before, .widget_shopping_cart li div.blockUI.blockOverlay:before, .dropdown-container ul.cart_list li.loading:before, div.blockUI.blockOverlay:before, .woocommerce div.blockUI.blockOverlay:before, div.wpcf7 .ajax-loader:before, .woocommerce-wishlist .product-add-to-cart a.loading:before, .woocommerce a.button.loading:before, .woocommerce button.button.loading:before, .woocommerce input.button.loading:before { border-width: 3px; border-style: solid; border-top: 3px solid #161616; border-left: 3px solid #161616; border-radius: 100%; left: 50%; top: 50%; margin-top: -15px; margin-left: -15px; /* default */ position: absolute; width: 30px; height: 30px; content: ""; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; background: transparent; z-index: 9; display: block; } .woocommerce a.button.loading:before, .woocommerce button.button.loading:before, .woocommerce input.button.loading:before { position: static; background: none; border-color: var(--loobek-button-bg); border-top: 2px solid var(--loobek-button-color); border-left: 2px solid var(--loobek-button-color); } .woocommerce a.button.loading:hover:before, .woocommerce button.button.loading:hover:before, .woocommerce input.button.loading:hover:before { border-color: var(--loobek-button-hover-bg); border-top-color: var(--loobek-button-hover-color); border-left-color: var(--loobek-button-hover-color); } .wpcf7-spinner:before, .images.loading:before, .ts-product .content-wrapper.loading:before, .ts-logo-slider-wrapper.loading .content-wrapper:before, .related-posts.loading .content-wrapper:before, .woocommerce .product figure.loading:before, .ts-products-widget-wrapper.loading:before, .ts-blogs-widget-wrapper.loading:before, .ts-recent-comments-widget-wrapper.loading:before, .blogs article a.gallery.loading:before, .ts-blogs-wrapper.loading .content-wrapper:before, .ts-slider .items.loading:before, article .thumbnail.loading:before, .thumbnails.loading:before, .ts-product-category-wrapper .content-wrapper.loading:before, .column-products.loading:before, .ts-team-members .loading:before, .ts-instagram-wrapper.loading:before, .ts-products-widget-wrapper.loading:before, .ts-tiny-cart-wrapper li div.blockUI.blockOverlay:before, .widget_shopping_cart li div.blockUI.blockOverlay:before, .dropdown-container ul.cart_list li.loading:before, div.blockUI.blockOverlay:before, .woocommerce div.blockUI.blockOverlay:before, div.wpcf7 .ajax-loader:before, .woocommerce-wishlist .product-add-to-cart a.loading:before { border-top-color: var(--loobek-text-bold-color); border-left-color: var(--loobek-text-bold-color); } #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper li:not(:last-child) div.blockUI.blockOverlay:before, #ts-shopping-cart-sidebar .dropdown-container ul.cart_list li:not(:last-child).loading:before { margin-top: -25px; } .images.loading:before, .ts-product .content-wrapper.loading:before, .ts-logo-slider-wrapper.loading .content-wrapper:before, .related-posts.loading .content-wrapper:before, .woocommerce .product figure.loading:before, .blogs article a.gallery.loading:before, .ts-blogs-wrapper.loading .content-wrapper:before, .ts-slider .items.loading:before, .ts-product-category-wrapper .content-wrapper.loading:before, .column-products.loading:before, .ts-team-members .loading:before, .ts-instagram-wrapper.loading:before, div.blockUI.blockOverlay:before, .woocommerce div.blockUI.blockOverlay:before { width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; border-width: 3px; border-top-width: 3px; border-left-width: 3px; } .column-products.loading:before { top: 50%; } .woocommerce .product-group-button .loop-add-to-cart a.loading:before, .button-in div.blockUI.blockOverlay:before, .woocommerce .yith-wcwl-add-to-wishlist div.blockUI.blockOverlay:before, .woocommerce .button div.blockUI.blockOverlay:before, .woocommerce a.button.loading:before, .woocommerce button.button.loading:before, .woocommerce input.button.loading:before, .woocommerce tr.remove div.blockUI.blockOverlay:before, tr.remove div.blockUI.blockOverlay:before { width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; /* default */ margin-right: 0; /* rtl */ border-width: 2px; border-top-width: 2px; border-left-width: 2px; } .woocommerce-wishlist .product-add-to-cart a { position: relative; } .woocommerce-wishlist .product-add-to-cart a.loading:before { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border-top-width: 2px; border-left-width: 2px; } .woocommerce .product-wrapper .button-in a.loading:before, .woocommerce .product-wrapper .button-in a div.blockUI.blockOverlay:before { width: 14px; height: 14px; top: 50%; left: 50%; right: auto; margin-left: -7px; margin-top: -7px; } .woocommerce .product-wrapper .button-in.wishlist a.loading:before { position: static; margin: 0; transform: none; opacity: 0; } .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: 900px; height: auto; transition: opacity 0.2s ease, visibility 0.2s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; background-color: var(--loobek-main-bg); } body.image-button-radius .ts-popup-modal .popup-container, body.image-button-radius .ts-popup-modal.loading .overlay:after { border-radius: 10px; } #ts-product-video-modal.ts-popup-modal .popup-container { padding: 10px; } .admin-bar .ts-popup-modal .popup-container { margin-top: 32px; } .ts-popup-modal .popup-container.product-size-chart-container { max-height: 600px; display: flex; } .product-size-chart-content .chart-image { text-align: center; } .ts-popup-modal .product-size-chart-container .product-size-chart-content { overflow-y: auto; padding: 40px; width: 100%; } .product-size-chart-content table { margin: 0; } #ts-product-360-modal.ts-popup-modal { display: none; visibility: hidden; opacity: 0; flex-direction: column; height: 100%; position: fixed; z-index: 99991; top: 0; bottom: 0; left: 0; right: 0; padding-bottom: 50px; } #ts-product-360-modal.ts-popup-modal.show, #ts-product-360-modal.ts-popup-modal.loading { -webkit-animation-duration: 150ms; -moz-animation-duration: 150ms; animation-duration: 150ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_fade; -moz-animation-name: animation_fade; animation-name: animation_fade; display: flex; visibility: visible; opacity: 1; } #ts-product-360-modal.ts-popup-modal .popup-container { margin: 0; z-index: 1; transition: none; position: relative; position: absolute; left: 50%; top: 50%; max-height: 100%; transform: translate(-50%, -50%); padding: 100px 0; } #ts-product-360-modal.ts-popup-modal.show .popup-container { opacity: 1; visibility: visible; } #ts-product-360-modal .product-title { padding: 30px 50px 0 50px; text-align: center; position: relative; z-index: 2; margin: 0; } #ts-product-360-modal.ts-popup-modal .close { right: 0; /* rtl */ position: fixed; opacity: 0; } body.image-button-radius #ts-product-360-modal.ts-popup-modal .close { border-top-right-radius: 0; /* rtl */ } .admin-bar #ts-product-360-modal.ts-popup-modal .close, .admin-bar #ts-product-360-modal .product-title { top: 32px; } .admin-bar:not(.ts_desktop) #ts-product-360-modal.ts-popup-modal .close, .admin-bar:not(.ts_desktop) #ts-product-360-modal .product-title { top: 46px; } #ts-product-360-modal.ts-popup-modal.show span.close, #ts-product-360-modal.ts-popup-modal.loading span.close { z-index: 99992; opacity: 1; } #ts-quickshop-modal span.close { right: 0; /* rtl */ top: 0; } .ts-popup-modal .quickshop-container { overflow: hidden; } .ts-popup-modal .quickshop-content { max-height: 100%; overflow: hidden; padding: 30px 0 30px 30px; /* rtl */ } #ts-quickshop-modal { position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow-x: hidden; z-index: -1; } #ts-quickshop-modal.loading, #ts-quickshop-modal.show { z-index: 99990; } #ts-quickshop-modal .overlay { position: absolute; } .opening-quickshop #ts-quickshop-modal { overflow-y: scroll; } #ts-quickshop-modal div.product div.woocommerce-product-gallery { margin: 0; width: 52%; } #ts-quickshop-modal div.product.thumbnail-layout-vertical div.woocommerce-product-gallery { padding-left: 70px; /* rtl */ } #ts-quickshop-modal div.product form.cart div.quantity { margin: 0 10px 0 0; /* rtl */ } #ts-quickshop-modal div.product>.summary { position: absolute; right: 0; /* rtl */ top: 0; max-height: 100%; overflow-y: auto; padding-left: 30px; /* rtl */ padding-right: 30px; margin: 0; padding-bottom: 1px; width: 48%; } /* CART POPUP*/ body .ts-popup-modal .add-to-cart-popup-container { width: 620px; max-width: calc(100% - 20%); text-align: center; } .add-to-cart-popup-container .product-meta { text-align: start; } body .ts-popup-modal .add-to-cart-popup-container.style-big { width: 680px; } body .ts-popup-modal .add-to-cart-popup-container.has-cross-sells { width: 780px; } .add-to-cart-popup-container .product-group-button, .add-to-cart-popup-container .product-group-button-meta { display: none !important; } .has-cross-sells .woocommerce.columns-3 { margin-top: 30px; padding-top: 30px; border-width: 1px 0 0 0; border-style: solid; text-align: start; } .add-to-cart-popup-container.style-big .add-to-cart-popup-content { text-align: center; } .add-to-cart-popup-container.style-big .action { display: block; width: 50%; border-width: 0; padding: 0; margin: 0; } .add-to-cart-popup-container.style-big .content-top { display: flex; align-items: center; margin: 0; max-width: 100%; text-align: start; } .add-to-cart-popup-content .content-top { justify-content: center; display: flex; gap: 40px; } .add-to-cart-popup-container.style-big .content-top>.woocommerce { width: 50%; } .add-to-cart-popup-content .action { display: flex; justify-content: space-between; align-items: center; margin-top: 30px; padding-top: 30px; border-width: 1px 0 0 0; border-style: solid; gap: 30px; } .add-to-cart-popup-container.style-big .content-top .action { width: 50%; margin: 0; text-align: center; font-size: var(--loobek-main-small-font-size); } .add-to-cart-popup-container.style-big .content-top .action>div:first-child { line-height: 20px; margin-bottom: 6px; } .add-to-cart-popup-container.has-cross-sells .action { justify-content: flex-end; } .add-to-cart-popup-container.style-big .total { display: flex; align-items: center; justify-content: center; } .add-to-cart-popup-container.style-big .total .total-title { margin-right: 10px; /* rtl */ } .add-to-cart-popup-container.style-big .action .button-text { margin: 18px auto; display: table; } .add-to-cart-popup-container.style-big .action .button { margin: 30px 0 10px 0; width: 100%; } .add-to-cart-popup-content .action .button { width: 250px; } .add-to-cart-popup-content { padding: 40px; } .add-to-cart-popup-content .item { display: flex; align-items: center; } .add-to-cart-popup-content .item .product-image { margin-right: 15px; /* rtl */ width: 50px; min-width: 50px; } .add-to-cart-message { position: relative; padding: 0 0 0 20px; /* rtl */ margin-bottom: 20px; display: inline-block; } .add-to-cart-message:before { top: 0; left: 0; /* rtl */ } /*--------------------------------------------------------------------------------------------------------------*/ /*- X. BLOG PAGES-----------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------*/ /*- 1. BLOG ----------------------------------------------------------------------------------------------------*/ .blog-categories-filter { margin-bottom: 60px; } .blog-categories-filter ul { display: flex; gap: 10px 30px; flex-wrap: wrap; font-family: var(--loobek-heading-font); font-weight: var(--loobek-heading-font-weight); font-size: var(--loobek-h6-font-size); line-height: 1em; margin: 0; } body.text-uppercase .blog-categories-filter ul { text-transform: uppercase; } .blog-categories-filter ul li { padding: 0; list-style: none; } .blog-categories-filter ul li a { position: relative; color: var(--loobek-text-bold-color); } .blog-categories-filter ul li a:hover { color: var(--loobek-primary-color); } .blog-categories-filter ul li a:before { left: 50%; right: 50%; bottom: 0; border-width: 1px 0 0 0; border-style: solid; position: absolute; content: ""; border-color: var(--loobek-text-bold-color); } .blog-categories-filter ul li.current a:before { left: 0; right: 0; border-color: var(--loobek-text-bold-color); } .blog-categories-filter ul li.current a:hover:before { border-color: var(--loobek-primary-color); } .blog-categories-filter ul li a:hover:before { left: 0; right: 0; transition: 150ms ease 0s; border-color: var(--loobek-primary-color); } .list-posts { display: grid; } .list-posts:not(.columns-1) { overflow: hidden; } .list-posts.columns-3, .list-posts.columns-2 { gap: 40px; } .site-content>.list-posts:not(.columns-2):not(.columns-3) { gap: 70px 0; grid-template-columns: 100%; } article .thumbnail.gallery { overflow: hidden; margin: 0; } article .thumbnail { position: relative; z-index: 2; } article .thumbnail figure { overflow: hidden; position: relative; } article .thumbnail figure+.ts-video { margin-top: 10px; } .list-posts .entry-format img { width: 100%; } .list-posts .entry-format figure img, .ts-blogs figure img { backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); } .list-posts .entry-format:hover>.thumbnail figure img, .ts-blogs .thumbnail-content:hover>.thumbnail figure>img { transform: scale(1.1); } /* FIX UNIT TEST */ .home.blog .list-posts .entry-format:hover figure>a img { opacity: 1 !important; } .home.blog .list-posts .entry-format:hover figure { background: transparent !important; } .list-posts .entry-format, .ts-blogs .thumbnail-content { position: relative; } .list-posts .entry-format>a, .ts-blogs .thumbnail-content>a { overflow: hidden; margin: 0; } .list-posts .heading-title a:hover { color: var(--loobek-primary-color); } .list-posts article.sticky { display: block; padding: 0; border-width: 0; } .list-posts article.sticky .entry-format, .list-posts article.sticky .entry-content, .list-posts>article .entry-content.no-featured-image, .home.blog .list-posts>article .entry-content, .home.blog .list-posts>article .entry-format { width: 100%; padding-left: 0; padding-right: 0; min-width: 100%; } .list-posts>article { display: block; position: relative; } .list-posts article.sticky .entry-content, .list-posts article.sticky .entry-content.no-featured-image { padding: 40px; border-width: 1px; border-style: solid; margin: 0; } .list-posts article.sticky+article { padding-top: 0; border-width: 0; } .blocks-gallery-grid .blocks-gallery-image figure { margin-bottom: 24px; } .list-posts .format-quote .entry-meta-top { font-style: normal; margin-top: 20px; } .list-posts .format-quote .article-content>blockquote { margin: 0; } .list-posts>article .entry-format>* { display: block; } .ts-blogs .thumbnail-content>a, .ts-blogs .thumbnail-content .thumbnail { margin-bottom: 0; display: block; } .list-posts .entry-title, article.single .entry-title, .ts-blogs .entry-title { word-break: break-word; } .list-posts .entry-title, .ts-blogs .entry-title { font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); font-size: var(--loobek-h5-font-size); line-height: var(--loobek-h5-line-height); } .list-posts .entry-title>a:empty { display: none; } .short-content form>p:last-child, .short-content>*:last-child, .entry-summary>.post-nav-links { margin-bottom: 0; } .short-content>.gallery:last-child { margin-bottom: -40px !important; display: inline-block; } .short-content>.wp-block-button.alignleft, .short-content>.wp-block-button.alignright, .short-content>.wp-block-button.alignnone, .short-content>p:last-child>.alignleft, .short-content>p:last-child>.alignright, .short-content>p:last-child>.alignnone, .short-content>.wp-block-image:last-child>figure { margin-bottom: 0 !important; } .ts-blogs .excerpt>p:first-child:last-child, .list-posts .short-content>p:first-child:last-child { margin: 0; } .ts-blogs a.thumbnail { display: block; } .ts-blogs-wrapper .blogs article.quote .article-content { padding: 24px 30px 20px 30px; border-width: 1px; border-style: solid; } .ts-blogs-wrapper .blogs article.quote .quote-wrapper { overflow: hidden; } .ts-blogs article.quote .article-content:before { display: none; } .ts-blogs-wrapper .blogs article.quote blockquote { margin: 0; line-height: 1.6em; } .ts-blogs-wrapper .blogs .item:after { display: table; clear: both; content: ""; } .ts-shortcode .load-more-wrapper a, .ts-shop-load-more a, .ts-blogs .button-readmore.button, .product.product-category div.button a, .woocommerce table.my_account_orders .woocommerce-pagination .button { min-width: 140px; } .ts-blogs article .cats-link a, .list-posts article .cats-link a, .single-post article .cats-link a, .taxonomy-category a { color: var(--loobek-button-color); background-color: var(--loobek-button-bg); border-color: var(--loobek-button-border); } .single-post article .cats-link a:hover, .list-posts article .cats-link a:hover, .ts-blogs article .cats-link a:hover { color: var(--loobek-button-hover-color); background-color: var(--loobek-button-hover-bg); border-color: var(--loobek-button-hover-border); } body.image-button-radius article .cats-link a, body.image-button-radius .taxonomy-category a { border-radius: 5px; } /* Unit test */ .taxonomy-category { margin-bottom: 20px; } .taxonomy-category a { text-decoration: none; } .taxonomy-category .wp-block-post-terms__separator { display: none; } /*--------------------------------------------------------------------------------------------------------------*/ /*- 2. BLOG DETAIL ---------------------------------------------------------------------------------------------*/ .entry-image-header { display: grid; grid-template-columns: 100%; gap: 0 30px; padding-bottom: 30px; } .entry-image-header .entry-header { display: grid; gap: 20px; order: 10; width: 100%; justify-self: center; } .entry-image-header .entry-format .thumbnail { margin: 0; overflow: hidden; } body.image-button-radius .entry-image-header .entry-format .thumbnail { border-radius: 10px; } article.single h1.entry-title { margin-bottom: 0; font-size: var(--loobek-h2-font-size); line-height: var(--loobek-h2-line-height); } body.text-uppercase article.single h1.entry-title { text-transform: uppercase; } article.single-post .entry-format blockquote { font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } .single-post .entry-content>*:last-child { margin-bottom: 0; } .entry-content h1.blog-title { font-size: var(--loobek-h5-font-size); line-height: var(--loobek-h5-line-height); } .entry-wrapper .content-wrapper { font-size: var(--loobek-h6-font-size); } .entry-image-header .entry-meta-top, .entry-image-header .entry-meta-top span.author a { color: var(--loobek-text-bold-color); } /* GALLERY */ .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 { 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.3333333333%; } .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.6666666666%; } .single-post .gallery-columns-7 .gallery-item { width: 14.28% } .single-post .gallery-columns-8 .gallery-item { width: 12.5%; } .content-blockquote { margin: 30px; } .wd-edit-link { margin-top: -30px; float: right; /* rtl */ } .single article.single { display: flex; flex-direction: column; gap: 60px; } .single article .entry-format .thumbnail img { width: 100%; } .summary .cats-link a, .summary .tags-link a, .summary .brands-link a { margin: 0; padding: 0; display: inline-block; } div.product .availability.out-of-stock span.availability-text { color: var(--loobek-primary-color) !important; } .summary .cats-link a:hover { color: var(--loobek-primary-color); } .sku-wrapper span:not(.sku), .brands-link span:not(.brand-links), .cats-link span:not(.cat-links), .tags-link span:not(.tag-links), .availability span:not(.availability-text), .social-sharing>span .summary .cat-links a { color: var(--loobek-text-bold-color); } article .cats-link { display: flex; flex-wrap: wrap; gap: 2px; } .cats-link .post-categories, .taxonomy-category { display: flex; flex-wrap: wrap; gap: 2px; } .cats-link .post-categories li { list-style: none; padding: 0; margin: 0; } article .cats-link a, .taxonomy-category a { padding: 0 5px; line-height: 20px; font-size: 11px; display: block; } article.single .entry-content>div.entry-meta-bottom { display: flex; flex-direction: column; gap: 16px; margin-left: auto; margin-right: auto; font-size: var(--loobek-main-small-font-size); margin-top: 60px; clear: both; } article.single .entry-content>div.entry-meta-bottom>div, article.single .entry-content>div.entry-meta-bottom .list-links { display: flex; align-items: baseline; gap: 0 20px; } article.single .entry-content>div.entry-meta-bottom .list-links { gap: 5px 30px; flex-wrap: wrap; } .single-post-bottom-content { display: flex; flex-direction: column; gap: 60px; width: 100%; margin-top: 60px; } .meta-navigation { display: grid; grid-template-columns: 1fr 1fr; align-items: flex-start; justify-content: space-between; position: relative; padding: 20px 0; gap: 40px; } .meta-navigation>div { position: relative; } .meta-navigation:before, .meta-navigation:after, .ts-blogs.related-posts:after { margin-left: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); margin-right: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); position: absolute; left: 0; right: 0; top: 0; content: ""; border-width: 1px 0 0 0; border-style: solid; height: 1px; } .meta-navigation:after, .ts-blogs.related-posts:after { bottom: 0; top: auto; } .meta-navigation h6 { position: relative; margin: 0; font-size: var(--loobek-h6-font-size); line-height: var(--loobek-h6-line-height); } body.text-uppercase .meta-navigation h6 { text-transform: uppercase; } .meta-navigation a { display: flex; gap: 20px; align-items: center; text-decoration: none; } .meta-navigation a:hover>h6 { color: var(--loobek-primary-color); } .meta-navigation a:before { font-family: icomoon; letter-spacing: 0; font-weight: normal; font-size: 12px; } .meta-navigation>div:before { position: absolute; right: -20px; /* rtl */ border-width: 0 1px 0 0; border-style: solid; content: ""; top: -20px; bottom: -20px; width: 1px; } .meta-navigation>div.next-post:before { left: -21px; /* rtl */ right: auto; } .post-single-navigation a { color: var(--loobek-text-bold-color); } .post-single-navigation.prev-post a:before { content: "\e903"; /* rtl */ order: -1; } .post-single-navigation.next-post a:before { content: "\e904"; /* rtl */ order: 99; } .post-single-navigation.next-post a { justify-content: flex-end; } .post-single-navigation.next-post img { order: 98; } .meta-navigation a img { width: 90px; } body.image-button-radius .meta-navigation a img { border-radius: 5px; } /* SOCIAL SHARING */ body #st-el-4 .st-btns { overflow: auto; } body #st-1.st-has-labels .st-btn { min-width: 70px; } body #st-1 .st-btn>img { top: 4px; } body #st-1 .st-btn>span { min-width: 30px; padding: 0 0 0 5px; /* rtl */ margin: 0 0 0 5px; /* rtl */ position: relative; } body #st-1 .st-btn>span:before { position: absolute; left: 0; top: 8px; bottom: 8px; content: ""; width: 1px; background: rgba(0, 0, 0, 0.1); } body #st-1 .st-btn:hover { top: 0; opacity: 0.8; } /* AUTHOR */ article.single .entry-author { width: 100%; padding: 50px; clear: both; margin: 0 auto; background: #f5f5f5; line-height: 1.8em; font-size: var(--loobek-h6-font-size); } body.image-button-radius article.single .entry-author { border-radius: 10px; } .entry-author .author-info { display: flex; gap: 30px; align-items: center; } .entry-author .author-info .author a { font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); font-size: var(--loobek-h5-font-size); line-height: var(--loobek-h5-line-height); color: var(--loobek-text-bold-color); } .entry-author .author-info img { width: 110px; border-radius: 100%; } .entry-author .author-info .info-text { display: flex; flex-direction: column; } .entry-author .author a:hover { text-decoration: none; } .info-except:not(:empty) { margin-top: 20px; } /* RELATED POST */ .ts-blogs.related-posts { display: block; padding-bottom: 60px; } .ts-blogs article { display: block; overflow: hidden; } .ts-blogs article .article-content, .list-posts article .article-content { display: flex; flex-direction: column; gap: 15px; position: relative; } .ts-blogs .entry-content, .list-posts .entry-content { display: flex; flex-direction: column; gap: 10px; } .ts-blogs .entry-content>header, .list-posts .entry-content>header { display: flex; flex-direction: column; gap: 10px; } blockquote .entry-meta-top { font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } .entry-meta-top, .entry-meta-middle { overflow: hidden; line-height: 20px; display: flex; flex-wrap: wrap; gap: 5px 20px; font-size: var(--loobek-main-small-font-size); color: var(--loobek-text-light-color); } .wp-block-post-date { font-size: var(--loobek-main-small-font-size); color: var(--loobek-text-light-color); line-height: 20px; margin-bottom: 10px; } .entry-meta-top span.author a, .entry-meta-middle span.author a, .widget-container ul li span.author a { color: var(--loobek-text-light-color); } .widget-container ul li span.author a:hover, .entry-image-header .entry-meta-top span.author a:hover, .author-info span.author a:hover, .widget_recent_comments .comment-author-link a:hover, .entry-meta-top span.author a:hover, .list-posts.columns-3 .entry-meta-top span.author a:hover, .entry-meta-middle span.author a:hover { color: var(--loobek-primary-color); } .ts-blogs .entry-content .entry-title, .list-posts .entry-content .entry-title { margin-bottom: 0; } body.text-uppercase .list-posts .entry-content .entry-title { text-transform: uppercase; font-family: var(--loobek-heading-font); font-weight: var(--loobek-heading-font-weight); letter-spacing: var(--loobek-heading-letter-spacing); } .ts-blogs.layout-list .entry-meta-bottom { margin-top: 10px; } .layout-list .entry-meta-top>span.author:before, .layout-list .entry-meta-top>span.date-time:before { display: none; } .cats-link span { text-transform: none; } .layout-list .entry-meta-top, .layout-list .entry-meta-top span.author a, .layout-list .entry-meta-middle, .layout-list .entry-meta-middle span.author a { color: var(--loobek-text-bold-color); } .entry-meta-top>span.author:before, .entry-meta-top>span.comment-count:before, .entry-meta-top>span.date-time:before, .entry-meta-middle>span.author:before, .entry-meta-middle>span.comment-count:before, .entry-meta-middle>span.date-time:before, .wp-block-post-date:before { display: inline-block; margin-right: 5px; /* rtl */ position: relative; font-family: 'icomoon'; font-weight: normal; line-height: 18px; font-size: var(--loobek-main-small-2-font-size); } .entry-meta-top>span.date-time:before, .entry-meta-middle>span.date-time:before, .wp-block-post-date:before { content: "\e908"; } .entry-meta-top>span.author:before, .entry-meta-middle>span.author:before { content: "\e93f"; } .entry-meta-top>span.comment-count:before, .entry-meta-middle>span.comment-count:before { content: "\e95a"; } .comment-meta-bottom .entry-meta-top>span.date-time:before { margin-right: 6px; /* rtl */ } .entry-meta-top .author a, .entry-meta-top .middle a, .logged-in-as a, .tags-link a, .cats-link a, .brands-link a { text-decoration: none; } .brands-link a:hover, .tags-link a:hover, .logged-in-as a:first-child:hover { color: var(--loobek-primary-color); } .tags-link a, .brands-link a, .logged-in-as a:first-child { color: var(--loobek-text-bold-color); } .ts-blogs .entry-meta:after { display: table; content: ""; clear: both; } header span.author a, .meta .author a, .ts-testimonial-wrapper span.author a { display: inline-block; } span.author a:hover { text-decoration: none; } .blogs article .thumbnail-content:hover .effect-thumbnail { opacity: 1; } .blogs article a.gallery .effect-thumbnail { display: none; } .brands-link a:hover, .cat-links a:hover, .tag-links a:hover { text-decoration: none; } .logged-in-as a, #cancel-comment-reply-link { font-size: var(--loobek-main-small-font-size); } /*--------------------------------------------------------------------------------------------------------------*/ /*- XI. PAGE TEMPLATE ------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------*/ /* 404 PAGE */ body.error404 #main { min-height: 0; } body.error404 article { padding: 14% 10px; text-align: center; } body.error404 article h1:before { content: "\e720"; font-family: 'icomoon'; font-weight: normal; font-size: 72px; line-height: 70px; display: block; margin-bottom: 15px; } body.error404 article .button { min-width: 170px; margin-top: 30px; } form .search-table { position: relative; } form .search-table input[type="text"] { max-width: 100%; width: 100%; margin: 0; padding-left: 20px; /* rtl */ padding-right: 50px; /* rtl */ } form .search-table input[type="submit"] { padding: 0 !important; border: 0 !important; font-size: 0 !important; background: transparent !important; position: absolute; right: 0; /* rtl */ top: 0; min-width: 0; width: 46px; height: 46px; } .search-table .search-button:before { position: absolute; top: 0; right: 0; /* rtl */ width: 46px; text-align: center; line-height: 46px; content: "\e917"; font-weight: normal; font-size: 20px; font-family: 'icomoon'; transition: color 300ms, background-color 300ms ease 0s; } /*--------------------------------------------------------------------------------------------------------------*/ /*- XII. IPAD RESPONSIVE ---------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 768px) { /* HEADER */ .header-v1 #ts-search-sidebar, .header-v2 #ts-search-sidebar, .header-v4 #ts-search-sidebar, .header-v8 #ts-search-sidebar, .header-v8 #ts-search-sidebar, .header-v9 #ts-search-sidebar, .header-v10 #ts-search-sidebar { display: none; } .header-v5 #ts-search-sidebar { display: block; } .header-v12 .header-middle .logo-wrapper { margin-left: 0; margin-right: 50px; /* rtl */ } .header-v7 header .logo-wrapper { width: auto; } .header-v7 header .logo-wrapper, .header-v7 .header-middle .header-right { flex: 1; } .header-v9 .header-middle, .header-v8 .header-middle, .header-v6 .header-middle, .header-v4 .header-middle { border-width: 0; } .header-v4 .header-middle>.container, .header-v8 .header-middle>.container { padding-bottom: 15px; padding-top: 25px; } .header-v8 .header-middle>.container { padding-bottom: 25px; } .header-v4 .is-sticky .header-middle>.container, .header-v8 .is-sticky .header-middle>.container { padding-top: 15px; } .header-v8 .is-sticky .header-middle>.container { padding-top: 25px; } .is-sticky .icon-menu-sticky-header { display: block; } .is-sticky .header-bottom, .is-sticky .header-top { display: none; } .header-v10 .header-top .header-left { display: flex; justify-content: flex-end; align-items: center; } .header-v10 .header-top .header-left>* { margin-right: 20px; /* rtl */ } .header-v10 .header-top .header-right { position: relative; } .header-v10 .header-top .header-right>* { margin: 0; /* rtl */ padding-left: 30px; padding-right: 30px; position: relative; } .header-v10 .header-top .header-currency+.header-social-icon, .header-v10 .header-top .header-header-language+.header-social-icon { margin-left: 10px; /* rtl */ } .header-v10 .header-top .header-currency+.header-social-icon, .header-v10 .header-top .header-header-language+.header-social-icon, .header-v10 .header-top .header-right>*:last-child { padding-right: 0; padding-left: 30px; /* rtl */ } .header-v10 .header-top .header-right:before, .header-v10 .header-top .header-right>*:after, .header-v10 .header-top .header-currency+.header-social-icon:before, .header-v10 .header-top .header-header-language+.header-social-icon:before { position: absolute; left: auto; right: 0; /* rtl */ content: ""; border-width: 0 1px 0 0; border-style: solid; top: -8px; bottom: -8px; } .header-v10 .header-top .header-right>*:last-child:after { display: none; } .header-v10 .header-top .header-currency+.header-social-icon:before, .header-v10 .header-top .header-header-language+.header-social-icon:before, .header-v10 .header-top .header-right:before { left: 0; right: auto; /* rtl */ } .header-top .ts-tiny-cart-wrapper>.cart-control, .header-top a.tini-wishlist, .ts-header .header-top .shopping-cart-wrapper .cart-control *, .ts-header .header-top .tini-wishlist * { font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); } .ts-header .header-top .shopping-cart-wrapper .cart-control .cart-number, .ts-header .header-top .tini-wishlist .count-number { position: static; width: auto; height: auto; border-radius: 0; font-size: inherit; background: transparent; color: inherit; margin-left: 10px; /* rtl */ margin-right: 5px; /* rtl */ line-height: inherit; } .header-top .header-right .header-link+.header-language, .header-top .header-right .header-link+.header-currency { margin-left: 30px; /* rtl */ margin-right: 20px; } .header-top .shopping-cart-wrapper .cart-control, .header-top .shopping-cart-wrapper .ic-cart, .header-top .my-wishlist-wrapper>a { display: flex; align-items: center; } .header-top .shopping-cart-wrapper .ic-cart:before, .header-top .my-wishlist-wrapper a:before { line-height: 10px; } .header-top .search-button, .header-middle .container>.group-language-currency { display: none; } /* HEADER TRANSPARENT */ .header-text-light .header-sticky:not(.is-sticky) .header-middle .social-icons.style-icon li a, .header-text-light .header-sticky:not(.is-sticky) .menu-wrapper nav>ul>li>a, .header-text-light .header-sticky:not(.is-sticky) .menu-wrapper nav>ul>li>a, .header-text-light .header-sticky:not(.is-sticky) .menu-wrapper nav>ul>li.menu-item:before, .header-text-light .header-sticky:not(.is-sticky) .header-middle .shopping-cart-wrapper .cart-control, .header-text-light .header-sticky:not(.is-sticky) .header-middle .my-wishlist-wrapper a, .header-text-light .header-sticky:not(.is-sticky) .header-middle .my-account-wrapper .account-link>a, .header-text-light .header-sticky:not(.is-sticky) .header-middle .search-button>span, .header-text-light .header-sticky:not(.is-sticky) .header-middle .header-currency .wcml_currency_switcher>a, .header-text-light .header-sticky:not(.is-sticky) .header-middle .header-language .wpml-ls>ul>li>a, .header-text-light .header-sticky:not(.is-sticky) .icon-menu-ipad-header { color: #ffffff; } .header-text-light .header-sticky:not(.is-sticky) .menu-wrapper nav>ul>li>a:after, .header-text-light.header-v6 .header-sticky:not(.is-sticky) nav.second-menu-middle>ul>li.menu-item:hover a:after, .header-text-light.header-v6 .header-sticky:not(.is-sticky) nav.second-menu-middle>ul>li[class*="current-"] a:after { border-color: #ffffff; } .header-text-light .header-sticky:not(.is-sticky) .header-middle .social-icons.style-icon li a:hover, .header-text-light .header-sticky:not(.is-sticky) .header-middle .shopping-cart-wrapper:hover .cart-control, .header-text-light .header-sticky:not(.is-sticky) .header-middle .my-wishlist-wrapper:hover a, .header-text-light .header-sticky:not(.is-sticky) .header-middle .my-account-wrapper:hover .account-link>a, .header-text-light .header-sticky:not(.is-sticky) .header-middle .search-button:hover>span, .header-text-light .header-sticky:not(.is-sticky) .header-middle .header-currency:hover .wcml_currency_switcher>a, .header-text-light .header-sticky:not(.is-sticky) .header-middle .header-language:hover .wpml-ls>ul>li>a, .header-text-light .header-sticky:not(.is-sticky) .icon-menu-ipad-header:hover { color: #e5e5e5; } .header-text-light.header-number-style-v1 .header-sticky:not(.is-sticky) .header-middle .tini-wishlist .count-number, .header-text-light.header-number-style-v1 .header-sticky:not(.is-sticky) .header-middle .ic-cart .cart-number { color: #000000; background-color: #ffffff; } .header-text-light .header-sticky:not(.is-sticky) .search-content input[type="text"] { color: #000000; background-color: #ffffff; border-color: #ffffff; } .header-text-light .header-sticky:not(.is-sticky) .search-button:before { color: #000000; } .header-text-light .header-sticky:not(.is-sticky) .search-button:hover:before { color: #c6213b; } .header-text-light .header-sticky:not(.is-sticky) .search-content.loading:before { border-top-color: #000000; border-left-color: #000000; } .header-transparent .header-sticky:not(.is-sticky) .header-middle, .header-transparent .menu-middle.header-sticky:not(.is-sticky) .header-middle .menu-wrapper:before, .header-transparent .header-sticky:not(.is-sticky) .header-bottom { background: transparent; } .header-transparent .logo-center:not(.is-sticky) .header-template:before, .has-breadcrumb.header-transparent .header-sticky:not(.is-sticky) .header-template:before { position: absolute; left: 50%; transform: translate(-50%, 0); width: 100%; right: auto; bottom: 0; border-width: 1px 0 0 0; border-style: solid; content: ""; z-index: 1; } .layout-fullwidth.header-transparent .logo-center:not(.is-sticky) .header-template:before, .layout-fullwidth.has-breadcrumb.header-transparent .header-sticky:not(.is-sticky) .header-template:before, .header-transparent .header-fullwidth.logo-center:not(.is-sticky) .header-template:before, .has-breadcrumb.header-transparent .header-fullwidth.header-sticky:not(.is-sticky) .header-template:before { transform: none; width: auto; max-width: none; } /* RESET */ .page-container.show-breadcrumb-v3 #left-sidebar, .page-container.show-breadcrumb-v3 #right-sidebar, .page-container.show-breadcrumb-v3 #main-content, .page-container.show-breadcrumb-v3>.term-description { padding: 20px; } body:not(.ts_desktop).product-mobile-style-v3 .main-products:is(.columns-1, .columns-2) .products .variable-quick-add-to-cart .variable-product-quick-add-to-cart { margin-bottom: 20px; } /* SHOPPING CART SIDEBAR */ .admin-bar .ts-floating-sidebar .ts-sidebar-content { top: 32px !important; } .ts-floating-sidebar .ts-sidebar-content { top: 0 !important; } .my-account-wrapper .dropdown-container { top: 100% !important; bottom: auto !important; } #ts-search-sidebar .ts-sidebar-content { bottom: auto !important; } .cart-quantity-inline #ts-shopping-cart-sidebar .ts-sidebar-content { width: 500px; transform: translateX(500px); /* rtl */ } .cart-quantity-inline #ts-shopping-cart-sidebar.active .ts-sidebar-content { transform: translateX(0px); transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .cart-quantity-inline .shopping-cart-wrapper .dropdown-container { width: 500px; } .cart-quantity-inline .dropdown-container .cart_list li .cart-item-wrapper { margin-left: 15px; /* rtl */ } .cart-quantity-inline .dropdown-container .cart-group-inline { margin-left: 0; /* rtl */ margin-right: 0; } .cart-quantity-inline .ts-tiny-cart-wrapper .quantity { margin-top: 0; } .cart-quantity-inline .cart_list li.woocommerce-mini-cart-item { justify-content: space-between; } .cart-quantity-inline .cart_list li.woocommerce-mini-cart-item .cart-group-inline { display: flex; justify-content: space-between; align-items: center; flex: 1; } .cart-quantity-inline .woocommerce.dropdown-container a.thumbnail { width: 60px; min-width: 60px; } /* SHOP PAGE */ :is(.has-1-sidebar, .has-2-sidebar) #main-content.product-has-border-bottom .before-loop-wrapper { padding-bottom: 30px; } .woocommerce .before-loop-wrapper { top: auto !important; } .filter-button-position-inline .before-loop-wrapper { flex-wrap: nowrap; } .filter-button-position-inline .before-loop-wrapper .filter-widget-area-button { margin: 0 0 30px 0; right: 0; /* rtl */ position: absolute; bottom: 100%; top: auto; z-index: 5; width: auto !important; } .show-breadcrumb-v3 .filter-button-position-inline .before-loop-wrapper .filter-widget-area-button { right: -20px; /* rtl */ } .filter-button-position-inline .before-loop-wrapper .filter-widget-area-button a { min-width: auto; } .filter-button-position-inline.subcat-has-border.style-sort-default .before-loop-wrapper .filter-widget-area-button { line-height: 20px; top: 5px; } .filter-button-position-inline.subcat-has-border.style-sort-border .before-loop-wrapper .filter-widget-area-button, .filter-button-position-inline.subcat-has-border.style-sort-border-overflow .before-loop-wrapper .filter-widget-area-button { top: -2px; } #main-content.subcat-has-border .before-loop-wrapper { flex-wrap: wrap; } .subcat-has-border .special-filter-area { padding-bottom: 20px; padding-top: 5px; margin-bottom: 10px; width: 100%; position: relative; } .filter-button-position-inline.subcat-has-border .before-loop-wrapper .filter-widget-area-button { bottom: auto; top: 0; } .style-sort-default .before-loop-wrapper .product-per-page-form ul.perpage ul, .style-sort-default .before-loop-wrapper .woocommerce-ordering .orderby>li, .style-sort-default .before-loop-wrapper .product-per-page-form ul.perpage>li { min-width: auto; } .filter-widget-area .product-on-sale-form, .ts-sidebar .product-on-sale-form { display: none; } body .close+.widget-container, body .product-on-sale-form+.widget-container { margin-top: 0; padding-top: 0; border-width: 0; } .style-filter-popup .filter-widget-area .ts-active-filters:not(:empty)+.product-on-sale-form+.widget-container { padding-top: 0; } .page-container:is(.has-1-sidebar, .has-2-sidebar) .filter-widget-area-button { display: none; } .main-products.columns-1 .product:not(.product-category) .meta-wrapper .price del, .main-products.columns-1 .product:not(.product-category) .meta-wrapper .price del .amount, .main-products.columns-2 .product:not(.product-category) .meta-wrapper .price del, .main-products.columns-2 .product:not(.product-category) .meta-wrapper .price del .amount { font-family: var(--loobek-main-font-thin); font-weight: var(--loobek-main-font-thin-weight); } #page .big-thumbnail .product-group-button-meta div.button-in a, #page .big-thumbnail .product-group-button-meta div.button-in a .button-tooltip { color: var(--loobek-text-bold-color); } #page .big-thumbnail .product-group-button-meta div.button-in a:hover, #page .big-thumbnail .product-group-button-meta div.button-in a:hover .button-tooltip { color: var(--loobek-primary-color); } #page .main-products.big-thumbnail .product-group-button-meta .button-in a div.blockUI.blockOverlay:before { border-top-color: var(--loobek-text-bold-color); border-left-color: var(--loobek-text-bold-color); } #page .big-thumbnail .product-group-button-meta div.button-in a:hover div.blockUI.blockOverlay:before { border-top-color: var(--loobek-primary-color); border-left-color: var(--loobek-primary-color); } .main-products.columns-1 .meta-wrapper .amount, .main-products.columns-2 .meta-wrapper .amount { font-family: var(--loobek-main-font-bold); font-weight: var(--loobek-main-font-bold-weight); } /* PRODUCT DETAIL */ .woocommerce div.product .images .product-label>span.onsale, .woocommerce div.product .images .product-label>span { padding-left: 20px; padding-right: 20px; } #page .page-container.show-breadcrumb-v3 div.product div.summary { padding: 20px 20px 0 20px; } div.product:not(.summary-scrolling) .summary~* { grid-column: 1 / 3; } .page-container div.product:not(.summary-scrolling):not(.bought-together-layout-vertical) .woocommerce.yith-wfbt-section { grid-column: 1 / 3; } .woocommerce #reviews #comments ol.commentlist ul.children li img.avatar { width: 50px; } .woocommerce div.product.summary-scrolling div.product-images-summary, .woocommerce div.product.bought-together-style-default.reviews-inside-summary.tabs-inside-summary:not(.summary-scrolling) div.product-images-summary { grid-template-rows: var(--imageHeight, auto) auto; min-height: var(--minHeight, auto); } .woocommerce div.product.bought-together-style-default.reviews-inside-summary.tabs-inside-summary:not(.summary-scrolling) .yith-wfbt-section, .woocommerce div.product.summary-scrolling .summary~* { grid-column: 1 / 2; } .woocommerce div.product.bought-together-style-default.reviews-inside-summary.tabs-inside-summary:not(.summary-scrolling) .yith-wfbt-form { grid-template-columns: 100%; } .woocommerce div.product.bought-together-style-default.reviews-inside-summary.tabs-inside-summary:not(.summary-scrolling) .yith-wfbt-form .yith-wfbt-submit-block { order: 3; display: flex; align-items: baseline; gap: 0 40px; justify-content: flex-end; margin-top: 30px; } .woocommerce div.product.bought-together-style-default.reviews-inside-summary.tabs-inside-summary:not(.summary-scrolling) .yith-wfbt-form .price_text { display: flex; align-items: baseline; gap: 10px; } #page div.product.bought-together-style-default.collapse-reviews-tab:not(.summary-scrolling) .yith-wfbt-section { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; width: auto; } #page div.product.bought-together-style-default.collapse-reviews-tab:not(.summary-scrolling) .yith-wfbt-section:before, #page div.product.bought-together-style-default.collapse-reviews-tab:not(.summary-scrolling) .yith-wfbt-section:after { display: none; } #page div.product.bought-together-style-default.collapse-reviews-tab.bought-together-border-default:not(.summary-scrolling) .yith-wfbt-section, #page div.product.bought-together-style-default.collapse-reviews-tab.bought-together-border-overflow:not(.summary-scrolling) .yith-wfbt-section { border-width: 1px 0 1px 0; border-style: solid; } .summary-scrolling:not(.bought-together-style-small) .yith-wfbt-form { grid-template-columns: auto; } .ts_desktop .woocommerce div.product.thumbnail-layout-slider-3-col div.product-images-summary { display: block; } .ts_desktop .page-container.no-sidebar .thumbnail-layout-slider-3-col div.product-images-summary { position: relative; grid-template-columns: 100%; } .ts_desktop .page-container.no-sidebar .thumbnail-layout-slider-3-col .summary~* { grid-column: auto; } .ts_desktop .page-container.no-sidebar .thumbnail-layout-slider-3-col div.woocommerce-product-gallery { margin-left: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); margin-right: calc(50% - 50vw + var(--scrollbarWidth, 17px)/2); width: auto; } .ts_desktop .thumbnail-layout-slider-3-col .flex-direction-nav li a { top: calc(50% - 15px) } .ts_desktop .thumbnail-layout-slider-3-col .woocommerce.yith-wfbt-section { padding: 0; width: 100%; } .tabs-inside-summary.collapse-reviews-tab.reviews-inside-summary:not(.summary-scrolling):not(.image-summary-limited-width) .product-images-summary { grid-template-rows: var(--imageHeight, auto) auto; min-height: var(--minHeight, auto); } .tabs-inside-summary.collapse-reviews-tab.reviews-inside-summary:not(.summary-scrolling) .product-images-summary .product-custom-content { grid-column: 1 / 2; } .woocommerce div.product .summary .woocommerce-tabs ul.tabs li, .summary #reviews .wcpr-filter-container a, .summary #reviews .wcpr-filter-container .wcpr-filter-button { font-size: var(--loobek-h6-font-size); } /* BLOG */ .list-posts:is(.columns-2, .columns-3)>article:before { position: absolute; left: -20px; /* rtl */ top: 0; bottom: 0; width: 1px; border-width: 0 1px 0 0; border-style: solid; content: ""; } .list-posts.columns-1 article .article-content { gap: 30px; } .list-posts.columns-1 .entry-content, .list-posts.columns-1 .entry-content>header { gap: 20px; } /* BLOG DETAIL */ .no-sidebar .entry-image-header { grid-template-columns: 34% auto; gap: 0 50px; align-items: center; padding-bottom: 50px; } .has-1-sidebar .entry-image-header { gap: 50px 0; } .no-sidebar .no-featured-image .entry-image-header, .no-sidebar .single-post.image .entry-image-header { grid-template-columns: 100%; padding-top: 50px; } .no-sidebar .entry-image-header .entry-header { max-width: 960px; } .no-sidebar .no-featured-image .entry-image-header .entry-header { max-width: 100%; } .entry-image-header { gap: 0 30px; } .no-sidebar .entry-image-header .entry-header { order: -1; width: 100%; justify-self: flex-start; } .list-posts.columns-3 { grid-template-columns: repeat(6, 1fr); } body .list-posts.columns-3 article { grid-column: 1 / 3; } body .list-posts.columns-3 article:nth-child(3n + 1) { grid-column: 3 / 5; } body .list-posts.columns-3 article:nth-child(3n + 2) { grid-column: 5 / 7; } body .list-posts.columns-3 article:first-child { grid-column: 1 / 4; } body .list-posts.columns-3 article:first-child+article { grid-column: 4 / 7; } .list-posts.columns-2 { grid-template-columns: repeat(2, 1fr); } .type-blog .layout-list .placeholder-item { display: grid; align-items: center; grid-template-columns: 1.2fr 0.8fr; grid-template-rows: auto 30px 20px auto; } .type-blog .layout-list.thumbnail-right .placeholder-item { grid-template-columns: 0.8fr 1.2fr; } .type-blog .layout-list .placeholder-thumb { grid-row: 1 / 5; } .type-blog .layout-list.thumbnail-right .placeholder-thumb { order: 7; } .type-blog .layout-list .placeholder-title { grid-row: 2 / 3; height: 30px; max-width: 300px; } .type-blog .layout-list .placeholder-subtitle { grid-row: 3 / 4; max-width: 200px; } /* SHOPPING CART */ .woocommerce table.shop_table.wishlist_table, .woocommerce table.shop_table.wishlist_table thead, .woocommerce table.shop_table.wishlist_table tr, .woocommerce table.shop_table.wishlist_table th, .woocommerce table.shop_table.wishlist_table td, .woocommerce table.shop_table.wishlist_table tbody, .woocommerce table.shop_table.wishlist_table tfoot .woocommerce table.shop_table.woocommerce-cart-form__contents, .woocommerce table.shop_table.woocommerce-cart-form__contents thead, .woocommerce table.shop_table.woocommerce-cart-form__contents tr, .woocommerce table.shop_table.woocommerce-cart-form__contents th, .woocommerce table.shop_table.woocommerce-cart-form__contents td, .woocommerce table.shop_table.woocommerce-cart-form__contents tbody, .woocommerce table.shop_table.woocommerce-cart-form__contents tfoot { display: block; } .woocommerce table.shop_table.wishlist_table th, .woocommerce table.shop_table.wishlist_table td, .woocommerce table.shop_table.woocommerce-cart-form__contents th, .woocommerce table.shop_table.woocommerce-cart-form__contents td { border-width: 0; margin: 0; } .woocommerce table.shop_table.wishlist_table th, .woocommerce table.shop_table.woocommerce-cart-form__contents th { padding: 0 0 15px 0; } .woocommerce table.shop_table.wishlist_table td .woocommerce table.shop_table.woocommerce-cart-form__contents td { padding: 20px 10px; } .woocommerce table.shop_table.wishlist_table tr, .woocommerce table.shop_table.woocommerce-cart-form__contents tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .woocommerce table.shop_table.wishlist_table tr>*, .woocommerce table.shop_table.woocommerce-cart-form__contents tr>* { margin-right: 20px; /* rtl */ } .woocommerce table.shop_table.wishlist_table tr>.product-remove, .woocommerce table.shop_table.woocommerce-cart-form__contents tr>.product-remove { margin-right: 0; /* rtl */ text-align: end; } .woocommerce table.shop_table.wishlist_table thead, .woocommerce table.shop_table.woocommerce-cart-form__contents thead { border-width: 0 0 1px 0; border-style: solid; } .woocommerce table.shop_table.wishlist_table tbody tr, .woocommerce table.shop_table.woocommerce-cart-form__contents tbody tr { border-width: 0 0 1px 0; border-style: solid; } .woocommerce table.shop_table.woocommerce-cart-form__contents tbody tr:last-child { border-width: 0; } .woocommerce table.shop_table.wishlist_table th.product-thumbnail, .woocommerce table.shop_table.woocommerce-cart-form__contents th.product-thumbnail { display: none; } .woocommerce table.shop_table.wishlist_table .product-name, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-name { text-align: start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .woocommerce table.shop_table.wishlist_table .product-price, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-price { text-align: end; max-width: 380px; } .woocommerce table.shop_table.wishlist_table .product-price { display: flex; gap: 5px; } .woocommerce table.shop_table.wishlist_table .product-price ins, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-price ins { order: -1; } .woocommerce table.shop_table.woocommerce-cart-form__contents .product-quantity { width: 120px; min-width: 120px; text-align: end; } .woocommerce table.shop_table.wishlist_table .product-stock-status { width: 150px; text-align: end; } .woocommerce table.shop_table.wishlist_table .product-add-to-cart { width: 200px; text-align: end; } .woocommerce table.shop_table.woocommerce-cart-form__contents .product-subtotal { width: 110px; min-width: 110px; text-align: end; } #add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail { width: 80px; min-width: 80px; } .woocommerce table.shop_table.wishlist_table .product-remove, .woocommerce table.shop_table.woocommerce-cart-form__contents .product-remove { order: 100; } .woocommerce table.shop_table.wishlist_table .product-remove { width: 50px; } /* SHORTCODE */ /* Shortcode Instagram */ .style-ziczac .items .item:nth-child(2n) { margin-bottom: 30px; } .style-ziczac .columns-7:not(.ts-slider) .items .item:nth-child(4n) { margin-bottom: 7.15%; } /* Shortcode Blog */ .ts-blogs.layout-list .article-content { align-items: center; flex-direction: row; justify-content: space-between; } body:not(.rtl) .layout-list.thumbnail-right .article-content, body.rtl .layout-list.thumbnail-left .article-content { flex-direction: row-reverse; } .ts-blogs.layout-list .entry-content { width: 40%; } .ts-blogs.layout-list .thumbnail-content { width: 60%; } .layout-overlap .entry-content { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; z-index: 4; padding: 20px 15px; } #page .layout-overlap .heading-title a, .layout-overlap .excerpt, #page .layout-overlap .button-text { color: #ffffff; } #page .layout-overlap .button { background: #ffffff; color: #000000; border-color: #ffffff; } #page .layout-overlap .button:hover { background: transparent; color: #ffffff; border-color: #ffffff; } #page .layout-overlap .button-text:before { border-color: #ffffff; transition: 100ms ease 0s; } .layout-overlap .entry-meta-top>span.author:before, .layout-overlap .entry-meta-top>span.date-time:before { display: none; } .layout-overlap .entry-meta-top { gap: 2px; } .layout-overlap .entry-meta-top .date-time, .layout-overlap .entry-meta-top .comment-count, .layout-overlap .entry-meta-top span.author a, .layout-overlap .entry-meta-top .cats-link a { background: #ffffff; color: #000000; padding: 0 5px; line-height: 20px; display: block; } body.image-button-radius .layout-overlap .entry-meta-top .date-time, body.image-button-radius .layout-overlap .entry-meta-top .comment-count, body.image-button-radius .layout-overlap .entry-meta-top span.author a, body.image-button-radius .layout-overlap .entry-meta-top .cats-link a { border-radius: 5px; } .layout-overlap .cats-link, .layout-overlap .entry-meta-top { justify-content: center; } .layout-overlap .article-content { position: relative; } .layout-overlap .article-content:before { position: absolute; left: 0; right: 0; bottom: 0; height: 60%; background-image: linear-gradient(0deg, #000000 0%, #00000000 100%); opacity: 0.7; z-index: 3; content: ""; } body.image-button-radius .layout-overlap .article-content:before { border-radius: 0 0 10px 10px; } .layout-overlap .entry-meta-top>span.comment-count:before, .layout-overlap .entry-meta-top * { font-size: 11px; } /* Shortcode Coupon */ .ts-coupon-wrapper.item-vertical .discount-number { width: 100%; } /* Shortcode Product */ body:not(.rtl) .show-counter-today:not(.title-center) .shortcode-heading-wrapper .view-more-wrapper { margin-left: auto; margin-right: 0; /* rtl */ } } @media only screen and (min-width: 992px) { /* HEADER */ .header-v8 .header-right>.search-button, .header-v12 .header-right>.search-button { display: none; } /* RESET */ .ts-sidebar { width: calc(25% - 30px); } #page .show-breadcrumb-v3 .ts-sidebar { width: calc(25% - 10px); } .has-1-sidebar #main-content { width: calc(100% - 25%); } .has-2-sidebar #main-content { width: calc(100% - 50%); } /* SHOP PAGE */ .hide-columns-selector.hide-onsale-checkbox .ts-active-filters { margin-right: auto; } .hide-columns-selector.hide-onsale-checkbox:not(.style-filter-dropdown) .before-loop-wrapper { justify-content: flex-end; margin-top: calc(var(--loobek-h3-device-height) - 30px); } .hide-columns-selector.hide-onsale-checkbox:not(.style-filter-dropdown).product-has-background .before-loop-wrapper { margin-top: 0; } .hide-columns-selector.hide-onsale-checkbox .before-loop-wrapper .special-filter-area { order: 18; } .style-sort-default .filter-widget-area-button a { min-width: 100px; } #main-content:not(.product-has-border-bottom):not(.product-has-background) .main-products.columns-1:not(.big-thumbnail) { padding-top: 20px; border-width: 1px 0 0 0; border-style: solid; } #main-content:not(.product-has-border-bottom):not(.product-has-background) .main-products.columns-1:not(.big-thumbnail)+.after-loop-wrapper { border-width: 1px 0 0 0; border-style: solid; margin-top: 20px; padding-top: 40px; } #page .main-products.big-thumbnail .products { gap: 40px 0; } .main-products.columns-1 .product:not(.product-category) .product-wrapper { display: flex; align-items: center; } .meta-wrapper .color-swatch>span { font-size: var(--loobek-main-small-font-size); } .main-products.columns-1 .product .meta-wrapper .color-swatch>span { display: block; } .main-products.columns-1 .product .meta-wrapper .color-swatch>div { width: 30px; height: 30px; } .main-products.columns-1 .product .meta-wrapper .star-rating-wrapper { margin-top: 10px; } .main-products.columns-1 .product .meta-wrapper .product-group-button-meta { display: block; overflow: hidden; margin-top: 0; position: static; visibility: visible; opacity: 1; padding-top: 0; } .main-products.columns-1 .product-group-button-price .price { display: none; } .main-products.columns-1 .product .product-group-button-price { display: block; position: static; visibility: visible; opacity: 1; transition: none; } .ts_desktop.product-hover-style-v4 .main-products.columns-1 .product-group-button-meta, .ts_desktop.product-hover-style-v5 .main-products.columns-1 .product-group-button-meta { margin-top: 0; transform: none; transition: none; position: static; } .ts_desktop.product-hover-style-v4 .main-products.columns-1 .product-group-button-meta>.loop-add-to-cart, .ts_desktop.product-hover-style-v4 .main-products.columns-1 .product-group-button>* { display: block; } .ts_desktop.product-hover-style-v4 .main-products.columns-1 .product-group-button .button-in { transition: none; top: 0; } .ts_desktop.product-hover-style-v5 .main-products.columns-1 .product-group-button { transform: translate(100%, 0); /* rtl */ right: 10px; /* rtl */ left: auto; top: 10px; bottom: auto; display: grid; margin: 0; width: auto; background: transparent; padding: 0; grid-template-columns: auto; grid-gap: 5px; top: 10px; } .ts_desktop.product-hover-style-v5 .main-products.columns-1 .product-wrapper:hover .product-group-button { transform: translate(0, 0); transition: transform 300ms ease; } .product-hover-style-v5 .main-products.columns-1 .product:not(.variable-quick-add-to-cart) .product-group-button .compare { order: 3; } .ts_desktop.product-hover-style-v5 .main-products.columns-1 .product:not(.variable-quick-add-to-cart) .product-group-button .wishlist { order: 2; } .ts_desktop.product-hover-style-v5 .main-products.columns-1 .variable-quick-add-to-cart .product-wrapper .product-group-button { transform: none; } .ts_desktop.product-hover-style-v5 .main-products.columns-1 .product-group-button>.button-in a { border-width: 0; } .ts_desktop.product-hover-style-v5 .main-products.columns-1 .product-group-button .button-in a:before { line-height: 34px; } .ts_desktop.product-hover-style-v5 .main-products.columns-1 .product-group-button .button-in .button-tooltip { padding: 5px 12px 5px 5px; /* rtl */ left: auto; /* rtl */ right: 100%; /* rtl */ top: 50%; bottom: auto; margin-left: 0; margin-right: 0; margin-top: -17px; transform: none; } .ts_desktop.product-no-tooltip #page .big-thumbnail .product-group-button-meta .button-in .button-tooltip { display: block; } .ts_desktop.product-no-tooltip #page .big-thumbnail .product-group-button-meta .button-in .added .button-tooltip { display: none; } .ts_desktop.product-hover-style-v5 .main-products.columns-1 .product-group-button .button-in .button-tooltip:before { margin: 0; top: 0; bottom: 0; left: 0; right: 7px; /* rtl */ } .ts_desktop.product-hover-style-v5 .main-products.columns-1 .product-group-button .button-in .button-tooltip:after { border-top: 4px solid transparent; border-left: 6px solid var(--loobek-product-button-thumbnail-bg); border-bottom: 4px solid transparent; border-right-width: 0; right: 2px; /* rtl */ top: 50%; left: auto; bottom: auto; margin-top: -3px; } .product-hover-style-v5 .main-products.columns-1 .products .product:not(.variable-quick-add-to-cart) .product-group-button .button-in:first-child .button-tooltip { padding: 5px 12px 5px 5px; /* rtl */ left: auto; /* rtl */ right: 100%; /* rtl */ } .product-hover-style-v5 .main-products.columns-1 .products .product:not(.variable-quick-add-to-cart) .product-group-button .button-in:first-child .button-tooltip:after { right: 2px; /* rtl */ top: 50%; left: auto; bottom: auto; margin-top: -3px; } .product-hover-style-v5 .main-products.columns-1 .products .product:not(.variable-quick-add-to-cart) .product-group-button .button-in .button-tooltip:before { margin: 0; top: 0; bottom: 0; left: 0; right: 7px; /* rtl */ } .product-hover-style-v5 .main-products.columns-1 .products .product:not(.variable-quick-add-to-cart) .product-group-button .button-in .button-tooltip:after { border-top: 4px solid transparent; border-left: 6px solid var(--loobek-product-button-thumbnail-bg); left: auto; border-bottom: 4px solid transparent; border-right-width: 0; right: 2px; /* rtl */ top: 50%; left: auto; bottom: auto; margin-top: -3px; } .main-products.columns-1 .product-group-button-meta .quantity { display: block; } body:not(.ts_desktop).product-mobile-style-v3 .main-products.columns-1 .product-group-button-meta div.loop-add-to-cart .button-tooltip:after { display: none; } .main-products.columns-1.big-thumbnail .product-group-button .loop-add-to-cart, body:not(.ts_desktop) #page .main-products.columns-1 div.loop-add-to-cart a.button.loading:before, .main-products.columns-1.big-thumbnail .product-group-button .loop-add-to-cart, .main-products.columns-1.big-thumbnail .product-group-button .wishlist, .main-products.columns-1.big-thumbnail .product-group-button .compare, body:not(.ts_desktop) .main-products.columns-1 .product-group-button-meta div.loop-add-to-cart .button-tooltip:after { display: none !important; } body:not(.ts_desktop) #page .main-products.columns-1 div.loop-add-to-cart a.button .button-tooltip { display: flex; } body:not(.ts_desktop) .main-products.columns-1 .product-group-button-meta>.loop-add-to-cart { display: block; } .main-products.columns-1.big-thumbnail .product:not(.product-category) .thumbnail-wrapper { width: 45%; max-width: 450px; } #page .main-products.columns-1 .product:not(.product-category) .meta-wrapper { margin-bottom: 0; } .main-products.columns-1.big-thumbnail .product:not(.product-category) .meta-wrapper { padding: 0 0 0 30px; /* rtl */ display: grid; flex: 1; } .woocommerce .main-products.columns-1 .products .product .meta-wrapper>*:first-child { margin-top: 0; } .main-products.columns-1.big-thumbnail .product .meta-wrapper>.price { order: 25; margin: 30px 0; padding-bottom: 30px; border-width: 0 0 1px 0; border-style: solid; gap: 10px; } .main-products.columns-1.big-thumbnail .product .meta-wrapper .short-description { order: 20; margin-top: 20px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border-width: 0; } .main-products.columns-1.big-thumbnail .product .meta-wrapper .color-swatch { margin-bottom: 22px; order: 26; } .main-products.columns-1.big-thumbnail .product .meta-wrapper .product-sku { order: 40; margin-top: 24px; } .main-products.columns-1.big-thumbnail .product .meta-wrapper .ts-product-galleries { order: 99; } .main-products.columns-1.big-thumbnail .product .meta-wrapper .product-group-button-price { order: 30; } .main-products.columns-1.big-thumbnail .product-group-button-meta .button-in .button-tooltip { display: block; opacity: 1; visibility: visible; -webkit-animation: none; -moz-animation: none; animation: none; } body.ts_desktop:is(.product-hover-style-v1, .product-hover-style-v2, .product-hover-style-v3) .main-products.columns-1.big-thumbnail .variable-quick-add-to-cart .product-group-button .button-in+.button-in { top: 10px; } body.ts_desktop .main-products.columns-1.big-thumbnail .product-group-button .variable-product-quick-add-to-cart { display: flex; } body.ts_desktop .main-products.columns-1.big-thumbnail .product-group-button-meta .variable-product-quick-add-to-cart { display: none; } .ts_desktop.product-hover-style-v4 .columns-1.big-thumbnail .product-group-button-meta .button-in { width: auto; height: auto; } .ts_desktop.product-hover-style-v4 .columns-1.big-thumbnail .product-group-button-meta .button-in a, .ts_desktop.product-hover-style-v4 .columns-1.big-thumbnail .product-group-button-meta .button-in a.loading:hover { background: transparent; } .ts_desktop.product-hover-style-v4 .columns-1.big-thumbnail .product-group-button-meta .button-in .button-tooltip { position: static; margin: 0; transform: none; padding: 0; opacity: 1; visibility: visible; -webkit-animation: none; -moz-animation: none; animation: none; } .ts_desktop.product-hover-style-v5 .columns-1.big-thumbnail .product-group-button-meta .quickshop, .ts_desktop.product-hover-style-v4 .columns-1.big-thumbnail .product-group-button-meta .quickshop, .ts_desktop.product-hover-style-v4 .columns-1.big-thumbnail .product-group-button-meta .button-in .button-tooltip:after { display: none; } .ts_desktop.product-hover-style-v4 .columns-1.big-thumbnail .product-group-button-meta .button-in .button-tooltip:before { position: static; margin: 0; background: transparent; box-shadow: none; } .main-products.columns-1.big-thumbnail .product-group-button-meta>* { float: left; /* rtl */ } .main-products.columns-1.big-thumbnail .product-group-button-meta>.button-in { display: block; } .main-products.columns-1 .quantity .ts-screen-reader-text { line-height: 20px; padding-bottom: 10px; } .main-products.columns-1.big-thumbnail .quantity { margin-right: 10px; /* rtl */ } .product-hover-style-v5 .main-products.columns-1 .product-group-button-meta .loop-add-to-cart { display: block; } .main-products.columns-1.big-thumbnail .loop-add-to-cart { max-width: 430px; width: 100%; } .main-products.columns-1.big-thumbnail .quantity+.loop-add-to-cart { margin-top: 30px; width: calc(100% - 110px); } .main-products.columns-1.big-thumbnail .product-group-button-meta div.button-in { clear: both; margin-right: 40px; /* rtl */ } .main-products.columns-1.big-thumbnail .product-group-button-meta .loop-add-to-cart+div.button-in, .main-products.columns-1.big-thumbnail .product-group-button-meta .loop-add-to-cart+div.button-in+div.button-in, .main-products.columns-1.big-thumbnail .product-group-button-meta .loop-add-to-cart+div.button-in+div.button-in+div.button-in { margin-top: 24px; } body:not(.ts_desktop) #page .main-products.columns-1 .product-group-button-meta .wishlist>div:not(.added) span { display: block; } .main-products.columns-1.big-thumbnail .product-group-button-meta div.button-in+div.button-in { clear: none; margin-right: 0; /* rtl */ } .main-products.columns-1.big-thumbnail .product-group-button-meta div.button-in a { width: auto; height: auto; display: flex; align-items: baseline; line-height: 20px; font-size: 100%; font-size: var(--loobek-main-small-font-size); } .main-products.columns-1.big-thumbnail .product-group-button-price+* { margin-top: 20px; } .woocommerce.main-products.columns-1 .product-group-button-meta div.button-in a:not(.added) .button-tooltip { font-size: 0; line-height: 0; } .woocommerce.main-products.columns-1 .product-group-button-meta .wishlist .added a:after, .woocommerce.main-products.columns-1 .product-group-button-meta .button-in .ts-tooltip:before { content: attr(data-title); font-family: inherit; display: block; line-height: 20px; font-size: var(--loobek-main-small-font-size); } .woocommerce.main-products.columns-1 .product-group-button-meta .wishlist .added .button-tooltip { display: none; } #page .main-products.big-thumbnail .product-group-button-meta div.button-in a:before { margin: 0 10px 0 0; /* rtl */ width: 12px; line-height: 12px; } #page .main-products.big-thumbnail .product-group-button-meta .button-in a div.blockUI.blockOverlay:before { width: 12px; height: 12px; margin: -6px 0 0 0; left: 0; /* rtl */ right: auto; top: 50%; } #page .main-products.big-thumbnail .product-group-button-meta .button-in a div.blockUI.blockOverlay:after { width: 14px; height: 20px; left: 0; /* rtl */ top: 50%; margin-top: -10px; content: ""; } .main-products.columns-1:not(.big-thumbnail) .products { margin-left: 0; margin-right: 0; gap: 0; } .ts_desktop.product-hover-style-v4 .main-products.columns-1:not(.big-thumbnail) .product-group-button { transform: translate(0, calc(-100% - 10px)); right: 10px; /* rtl */ left: auto; top: 10px; bottom: auto; display: flex; transition: none; width: auto; background: transparent; padding: 0; } .ts_desktop.product-hover-style-v4 .main-products.columns-1:not(.big-thumbnail) .product-wrapper:hover .product-group-button { transform: translate(0, 0); transition: transform 300ms ease; } #page .main-products.columns-1:not(.big-thumbnail) .thumbnail-wrapper .variable-product-quick-add-to-cart { display: none; } .main-products.columns-1:not(.big-thumbnail) .variable-product-quick-add-to-cart a { font-size: var(--loobek-main-font-size); line-height: 30px; /* default */ } #page .main-products.columns-1:not(.big-thumbnail) .meta-wrapper .variable-product-quick-add-to-cart { display: flex; position: relative; left: auto; right: auto; bottom: auto; top: auto; transform: none; padding: 0; margin: 0; background: transparent; justify-content: flex-start; text-align: start; } .main-products.columns-1 .variable-product-quick-add-to-cart>span { font-family: var(--loobek-button-font); font-weight: var(--loobek-button-font-weight); font-size: var(--loobek-main-font-size); line-height: var(--loobek-main-font-line-height); } .main-products.columns-1 .variable-product-quick-add-to-cart a { line-height: 32px; padding-left: 10px; padding-right: 10px; min-width: 34px; } #page .main-products.columns-1:not(.big-thumbnail) .variable-product-quick-add-to-cart a:hover, #page .main-products.columns-1 .variable-product-quick-add-to-cart a:hover { border-color: var(--loobek-button-border); background-color: var(--loobek-button-bg); color: var(--loobek-button-color); } #page .main-products.columns-1:not(.big-thumbnail) .variable-product-quick-add-to-cart a { border-color: #f0f0f0; background-color: #f0f0f0; } #page .main-products.columns-1:not(.big-thumbnail) .variable-product-quick-add-to-cart:after { display: none; } #page .main-products.columns-1.big-thumbnail .variable-product-quick-add-to-cart a { font-size: var(--loobek-main-font-size); } .enable-catalog-mode .main-products.columns-1:not(.big-thumbnail) .product-group-button-meta { display: none; } body.image-button-radius .main-products.columns-1 .variable-product-quick-add-to-cart a { border-radius: 8px; } .main-products.columns-1:not(.big-thumbnail) .product:not(.product-category), #main-content.product-has-border-bottom .main-products.columns-1:not(.big-thumbnail) .product:not(.product-category) { margin-bottom: 20px; padding-bottom: 20px; border-width: 0 0 1px 0; border-style: solid; padding-left: 0; padding-right: 0; } .product-has-background .main-products.columns-1:not(.big-thumbnail) .product:not(.product-category) { padding-bottom: 0; margin-bottom: 0; border-width: 0; } .main-products.columns-1:not(.big-thumbnail) .product:not(.product-category):last-child, #main-content.product-has-border-bottom .main-products.columns-1:not(.big-thumbnail) .product:not(.product-category):last-child { margin-bottom: 0; padding-bottom: 0; border-width: 0; } .main-products.columns-1:not(.big-thumbnail) .products .list-categories .product { width: 20%; } .main-products.columns-1:not(.big-thumbnail) .product:not(.product-category) .thumbnail-wrapper { max-width: 350px; width: 30%; } .main-products.columns-1:not(.big-thumbnail) .product:not(.product-category) .meta-wrapper { padding: 0 0 0 30px; /* rtl */ display: grid; width: 100%; grid-template-columns: repeat(3, 22%) 34%; } .main-products.columns-1:not(.big-thumbnail) .product:not(.product-category) .meta-wrapper>*:first-child { margin-top: 0; } .main-products.columns-1:not(.big-thumbnail) .product .meta-wrapper .product-brands { grid-column: 1 / 4; } .main-products.columns-1:not(.big-thumbnail) .product .meta-wrapper .product-categories { grid-column: 1 / 4; } .main-products.columns-1:not(.big-thumbnail) .product:not(.product-category) .meta-wrapper .product-name { grid-column: 1 / 4; } .main-products.columns-1:not(.big-thumbnail) .product .meta-wrapper>.price { display: none; } .main-products.columns-1:not(.big-thumbnail) .product-group-button-price .price { display: flex; } .main-products.columns-1:not(.big-thumbnail) .product .meta-wrapper .price del { order: 0; width: 100%; } .main-products.columns-1:not(.big-thumbnail) .product .meta-wrapper .color-swatch { order: 9; grid-column: 1 / 4; margin-top: 20px; } .main-products.columns-1:not(.big-thumbnail) .product .meta-wrapper .short-description { order: 20; padding: 30px 0; margin: 26px 0; grid-column: 1 / 4; padding-bottom: 0; margin-bottom: 0; border-bottom-width: 0; } .main-products.columns-1:not(.big-thumbnail) .product .meta-wrapper .star-rating-wrapper { grid-column: 1 / 4; } .main-products.columns-1:not(.big-thumbnail) .product .meta-wrapper .product-sku { order: 40; grid-column: 1 / 4; } .main-products.columns-1:not(.big-thumbnail) .product .meta-wrapper .short-description~.product-sku { padding-top: 25px; margin-top: 25px; border-width: 1px 0 0 0; border-style: solid; } .main-products.columns-1:not(.big-thumbnail) .product .meta-wrapper .ts-product-galleries { order: 90; grid-column: 1 / 4; } .main-products.columns-1:not(.big-thumbnail) .product .meta-wrapper .price~.product-group-button-meta { padding-top: 30px; margin-top: 30px; border-width: 1px 0 0 0; border-style: solid; } .main-products.columns-1:not(.big-thumbnail) .product .product-group-button-meta .button-in, .main-products.columns-1:not(.big-thumbnail) .product .product-group-button .loop-add-to-cart { display: none !important; } .main-products.columns-1:not(.big-thumbnail) .product .meta-wrapper .product-group-button-price { order: 17; grid-row: 1 / 10; grid-column: 4 / 6; margin: 0 0 0 30px; /* rtl */ align-self: center; } .main-products.columns-1:not(.big-thumbnail) .product .meta-wrapper div~div~div~div~div~div~.product-group-button-price { grid-row: 1 / 9; } .main-products.columns-1:not(.big-thumbnail) .product .meta-wrapper div~div~div~div~div~.product-group-button-price { grid-row: 1 / 8; } .main-products.columns-1:not(.big-thumbnail) .product .meta-wrapper div~div~div~div~.product-group-button-price { grid-row: 1 / 7; } .main-products.columns-1:not(.big-thumbnail) .product .meta-wrapper div~div~div~.product-group-button-price { grid-row: 1 / 6; } .main-products.columns-1:not(.big-thumbnail) .product .meta-wrapper div~div~.product-group-button-price { grid-row: 1 / 5; } .main-products.columns-1:not(.big-thumbnail) .product-group-button-price .price { display: flex; margin-top: 0; gap: 5px; } .main-products.columns-1:not(.big-thumbnail) .product .quantity .number-button { width: 100%; margin-bottom: 10px; } .main-products.columns-1:not(.big-thumbnail) .quantity .minus, .main-products.columns-1:not(.big-thumbnail) .quantity .plus, .main-products.columns-1:not(.big-thumbnail) .quantity .number-button:before, .main-products.columns-1:not(.big-thumbnail) .quantity .number-button:after { width: 40px; } .main-products.columns-1:not(.big-thumbnail) .variable-product-quick-add-to-cart>span { margin-bottom: 5px; line-height: 20px; } /* PRODUCT DETAIL */ .page-container.show-breadcrumb-v3 div.product div.summary { padding: 30px 30px 0 30px; } .product-images-summary .woocommerce-tabs~.product-custom-content { order: 4; } /* Bought Together Style Small */ .bought-together-layout-horizontal .yith-wfbt-form { flex-wrap: nowrap; } .bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-images { position: relative; z-index: 1; margin: 0; } .bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-images td img { width: 90px; min-width: 90px; } .bought-together-layout-horizontal.bought-together-items-style-border .yith-wfbt-section .yith-wfbt-images td img { margin: 10px; border-width: 0; } .bought-together-layout-horizontal.bought-together-items-style-border .yith-wfbt-section .yith-wfbt-items li { padding: 10px; border-width: 1px; border-style: solid; } .bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-items { margin-top: 0; transform: translate(0, -100%); } .bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-images .image-td, .bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-items li { max-width: 250px; } .bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-items li { display: flex; gap: 15px; flex: 1; } .bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-items li:before { width: 90px; min-width: 90px; content: ""; } .bought-together-layout-horizontal .yith-wfbt-section li .checkboxbutton { margin-left: 0; margin-right: 0; } /* SHOPPING CART */ .woocommerce-checkout #order_review_heading, .woocommerce-cart .woocommerce .cart-collaterals, .woocommerce-checkout #order_review { width: 360px; } .woocommerce .woocommerce-cart-form, .woocommerce-checkout #customer_details { width: calc(100% - 410px); } /* CHECK OUT */ .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review { float: right; /* rtl */ } .woocommerce-checkout #customer_details { float: left; /* rtl */ } /* SHORTCODE */ /* Shortcode Blog */ .ts-blogs.has-divider .items { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; } .ts-blogs.has-divider:not(.ts-slider) .items { align-items: stretch; } .ts-blogs.has-divider .items>.swiper-wrapper { align-items: stretch; } .ts-blogs.has-divider .items .item { padding-left: 20px; padding-right: 20px; } .ts-blogs.has-divider .items .item:before { right: 0; /* rtl */ left: auto; top: 0; bottom: 0; position: absolute; content: ""; border-width: 0 1px 0 0; border-style: solid; } .ts-blogs.has-divider .swiper-button-prev { left: 40px; /* rtl */ } .ts-blogs.has-divider .swiper-button-next { right: 40px; /* rtl */ } .e-con-inner>div:first-child:last-child .ts-blogs.layout-list .thumbnail-content { width: 55%; } .e-con-inner>div:first-child:last-child .ts-blogs.layout-list .entry-content { width: 45%; } .e-con-inner>div:first-child:last-child .ts-blogs.layout-list .entry-content>* { max-width: 300px; } .e-con-inner>div:first-child:last-child .type-blog .layout-list .placeholder-item { grid-template-columns: 1.1fr 0.9fr; } .e-con-inner>div:first-child:last-child .type-blog .layout-list.thumbnail-right .placeholder-item { grid-template-columns: 0.9fr 1.1fr; } /* Shortcode Coupon */ .ts-coupon-wrapper.more-items .item { padding: 0 20px; } } @media only screen and (min-width: 1201px) { /* LOGO */ body .logo-wrapper { width: var(--loobek-logo-width); max-width: var(--loobek-logo-width); } header .logo-wrapper .logo img { max-width: var(--loobek-logo-width); } /* HEADER */ .header-top .ts-tiny-account-wrapper .account-link>a:before { margin-right: 4px; /* rtl */ } .header-top .ts-tiny-cart-wrapper>.cart-control>span:not(.ic-cart), .header-top .my-wishlist-wrapper .title, .header-top .my-account-wrapper .account-link>a span { display: inline; } .header-top .my-wishlist-wrapper .title { margin-left: 6px; /* rtl */ } .header-v8 .header-middle .header-right .search-button, .header-top .ts-tiny-account-wrapper .account-link>a:before { display: none; } .is-sticky .header-left .icon-menu-sticky-header .icon { text-align: start; } .ts-header.menu-middle nav>ul li ul.sub-menu:before { top: 24px; } .ts-header.menu-middle nav>ul li ul.sub-menu { padding: 74px 50px 50px 50px; } .ts-header nav>ul li.ts-megamenu-columns-1 ul.sub-menu, .ts-header nav>ul li.ts-normal-menu ul.sub-menu { min-width: 250px; } .ts-header nav>ul li ul.sub-menu li:first-child>ul.sub-menu { top: -50px; } .ts-header nav>ul li ul.sub-menu ul.sub-menu { padding: 50px 50px 50px 100px; /* rtl */ top: -44px; } .ts-header nav>ul li ul.sub-menu ul.sub-menu:before { left: 50px; /* rtl */ top: 0; } .ts-header nav>ul li.ts-megamenu-columns-1 ul.sub-menu ul.sub-menu, .ts-header nav>ul li.ts-normal-menu ul.sub-menu ul.sub-menu { min-width: 300px; max-width: 350px; } .ts-header .header-bottom nav>ul>li>ul.sub-menu:before { top: 15px; } .ts-header .header-bottom nav>ul>li>ul.sub-menu { padding: 65px 50px 50px 50px; } .header-v3 .ts-header.menu-middle nav>ul>li>ul.sub-menu:before, .header-v5 .ts-header.menu-middle nav>ul>li>ul.sub-menu:before, .header-v7 .ts-header.menu-middle nav>ul>li>ul.sub-menu:before, .header-v11 .ts-header.menu-middle nav>ul>li>ul.sub-menu:before { top: 21px; } .header-v3 .ts-header.menu-middle nav>ul>li>ul.sub-menu, .header-v5 .ts-header.menu-middle nav>ul>li>ul.sub-menu, .header-v7 .ts-header.menu-middle nav>ul>li>ul.sub-menu, .header-v11 .ts-header.menu-middle nav>ul>li>ul.sub-menu { padding-top: 71px; } .header-middle .header-right>.header-social-icon { margin-right: 50px; /* rtl */ } .layout-fullwidth .menu-middle.logo-center .header-middle .menu-wrapper, .header-fullwidth .menu-middle.logo-center .header-middle .menu-wrapper, .logo-center .header-middle .container>.menu-wrapper, .logo-center .header-middle .container>.header-right, .logo-center .header-middle .container>.header-left { margin: 0; /* rtl */ flex: 1; } .header-v2 #page .menu-middle .menu-wrapper { margin-left: 0; margin-right: 0; } .header-v3 .header-middle .menu-wrapper { padding: 0; flex: none; } .header-middle .container>.ts-search-normal { margin-right: auto; margin-left: 100px; } .header-v6 .header-middle>.container { padding-top: 30px; } .header-v6 .is-sticky .header-middle>.container { padding-top: 20px; } .header-v7 #page .header-middle .header-right { margin: 0; /* rtl */ } .header-v7 #page .header-middle .menu-wrapper { margin-left: 50px; margin-right: 50px; } .header-v8 .header-middle .container>.ts-search-normal { margin-right: auto; /* rtl */ margin-left: 50px; /* rtl */ } .header-v8 .header-middle .header-right .search-button { display: none; } .header-v9 nav.second-menu-middle>ul>li[class*="current-"]>a { padding-top: 8px; padding-bottom: 8px; } .header-middle .header-right { margin-right: 0; /* rtl */ margin-left: 50px; /* rtl */ } .menu-middle .header-middle .menu-wrapper { margin-left: 50px; margin-right: auto; /* rtl */ } .header-v12 .menu-middle .header-middle .menu-wrapper { margin-left: 0; /* rtl */ margin-right: 0; /* rtl */ } .layout-fullwidth .header-middle .container>.ts-search-normal form, .header-fullwidth .header-middle .container>.ts-search-normal form { max-width: 100%; } .ts-search-normal form { min-width: 200px; } .header-v9 header .ts-search-normal form { min-width: 150px; } .layout-fullwidth.header-v10 .ts-search-normal form { min-width: 270px; } .header-v9 .header-right>.search-button { display: none; } .header-v12 .header-middle .container>.ts-search-normal { margin-left: 50px; margin-right: auto; /* rtl */ } .ts-header nav>ul li ul.sub-menu, .ts-header .ts-menu>nav>ul>li>ul.sub-menu { left: -50px /* rtl */ } .ts-header nav>ul li ul.sub-menu ul.sub-menu { min-width: 280px; } /* CART */ .woocommerce .cart_list li a.remove, .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { width: 26px; height: 26px; } /* FASHION MARKET 02 */ .elementor-editor-active .ts-banner a.button, .woocommerce .ts-banner a.button, .ts-banner a.button { padding: 0 30px; } /* RESET */ a.button, button, input[type^="submit"], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled], #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, input[type="submit"].dokan-btn, a.dokan-btn, .dokan-btn, .woocommerce-account .woocommerce-MyAccount-navigation li a, #page .ts-shop-load-more .button.loading, #page .load-more-wrapper .button.loading { padding-left: 40px; padding-right: 40px; } /* BREADCRUMB */ .header-transparent .breadcrumb-title-wrapper.breadcrumb-v2 { min-height: 650px; } /* SHOP PAGE */ .hide-columns-selector.hide-onsale-checkbox.style-filter-dropdown .before-loop-wrapper .special-filter-area { order: 0; width: auto; margin-right: auto; } .hide-columns-selector.hide-onsale-checkbox .before-loop-wrapper .filter-widget-area-button { order: 17; width: auto; margin: 0; } :is(.layout-fullwidth, .main-content-fullwidth) #main-content.hide-columns-selector.hide-onsale-checkbox .filter-widget-area-button { width: auto; } .hide-columns-selector.hide-onsale-checkbox .before-loop-wrapper .ts-product-columns-selector { margin-right: 20px; /* rtl */ margin-left: 0; } .hide-columns-selector.hide-onsale-checkbox .before-loop-wrapper .product-on-sale-form { margin-right: 20px; /* rtl */ margin-left: 0; } .hide-columns-selector.hide-onsale-checkbox .before-loop-wrapper .woocommerce-ordering { margin: 0; } .hide-columns-selector.hide-onsale-checkbox .before-loop-wrapper .special-filter-area { margin-top: 20px; } .hide-columns-selector.hide-onsale-checkbox:not(.style-filter-dropdown) .before-loop-wrapper { margin-top: calc(var(--loobek-h3-height) - 30px); } .style-filter-sidebar .ts-active-filters+.widget-container { padding-top: 0; border-width: 0; } .style-filter-dropdown .ts-product-columns-selector~#ts-filter-widget-area .widget-title-wrapper h3 { font-family: var(--loobek-main-font-bold); font-weight: var(--loobek-main-font-bold-weight); } .style-filter-top .ts-active-filters .widget-title-wrapper h3.widgettitle, .style-filter-dropdown.style-dropdown-border .filter-widget-area .widget-title-wrapper h3.widget-title, .style-dropdown-border .before-loop-wrapper .ts-active-filters .widgettitle { font-size: var(--loobek-main-font-size); } .style-sort-default.style-filter-top.active #ts-filter-widget-area { margin-bottom: 30px; } .style-filter-top #ts-filter-widget-area { min-width: 100%; width: 100%; position: static; } .style-dropdown-border .special-filter-area.has-background, .style-sort-border-overflow .special-filter-area.has-background { margin-bottom: 20px; } .woocommerce .style-sort-border-overflow .before-loop-wrapper { margin-bottom: 30px; } .woocommerce .style-dropdown-border .before-loop-wrapper { margin-bottom: 50px; } .style-filter-dropdown .ts-active-filters:not(:empty)~#ts-filter-widget-area { width: 100%; } .style-filter-dropdown .ts-active-filters:not(:empty)~.ts-product-columns-selector~#ts-filter-widget-area { width: calc(100% - 210px); } .woocommerce .style-filter-dropdown .woocommerce-ordering { margin-left: 0; /* rtl */ } .woocommerce .style-filter-dropdown .ts-product-columns-selector { order: -2; margin-right: 20px; /* rtl */ margin-left: 0; } .woocommerce .style-filter-dropdown #ts-filter-widget-area { margin-right: auto; margin-left: 0; /* rtl */ } body:not(.rtl) .style-filter-dropdown .special-filter-area~.product-on-sale-form, body:not(.rtl) .style-filter-dropdown .special-filter-area~.woocommerce-ordering, body:not(.rtl) .style-filter-dropdown .ts-active-filters:not(:empty)~.product-on-sale-form, body:not(.rtl) .style-filter-dropdown .ts-active-filters:not(:empty)~.woocommerce-ordering { margin-left: auto; /* rtl */ } .style-filter-dropdown .special-filter-area~.product-on-sale-form~.woocommerce-ordering, .style-filter-dropdown .ts-active-filters:not(:empty)~.product-on-sale-form~.woocommerce-ordering { margin-left: 0; /* rtl */ } .style-filter-dropdown.style-sort-border-overflow .product-on-sale-form { margin-right: 20px; /* rtl */ } body.image-button-radius .style-filter-dropdown.style-dropdown-border .filter-widget-area .widget-title-wrapper, body.image-button-radius .style-filter-dropdown .filter-widget-area .widget-container>*:not(.widget-title-wrapper), body.image-button-radius .style-filter-top #ts-filter-widget-area .product-filter-by-price ul>li>label, body.image-button-radius .style-filter-top #ts-filter-widget-area .product-filter-by-brand-wrapper ul>li>label, body.image-button-radius .style-filter-top #ts-filter-widget-area .widget-container ul>li>a, body.image-button-radius .style-filter-top .ts-floating-sidebar .filter-widget-area { border-radius: 10px; } body.image-button-radius .style-filter-top #ts-filter-widget-area .widget-container ul>li.active>a:before, body.image-button-radius .style-filter-top #ts-filter-widget-area .widget-container ul>li[class*="current-"]>a:before, body.image-button-radius .style-filter-top #ts-filter-widget-area .product-filter-by-color ul li.chosen>a:before, body.image-button-radius .style-filter-top .product-filter-by-brand ul>li label:before, body.image-button-radius:not(.filter-by-attribute-inline) .style-filter-top .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before, body.image-button-radius .style-filter-top .product-filter-by-price ul li label:before, body.image-button-radius .style-filter-top .widget_rating_filter ul li a:before, body.image-button-radius .style-filter-top .product-filter-by-availability ul li label:before { border-radius: 0 5px 0 0; /* rtl */ } .style-filter-top .ts-active-filters .widgettitle, .style-filter-top #ts-filter-widget-area .widget_categories>ul>li>a, .style-filter-top #ts-filter-widget-area .widget-container ul.product-categories>li>a, .style-filter-top #ts-filter-widget-area .widget_categories>ul>li>a, .style-filter-top #ts-filter-widget-area .product-filter-by-brand ul>li.selected label, .style-filter-top #ts-filter-widget-area .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a, .style-filter-top #ts-filter-widget-area .product-filter-by-price ul li.chosen label, .style-filter-top #ts-filter-widget-area .widget_rating_filter ul li.chosen a, .style-filter-top #ts-filter-widget-area .product-filter-by-availability ul li.selected label, *:not(.filter-widget-area)>.ts-active-filters .widgettitle { font-family: var(--loobek-main-font); font-weight: var(--loobek-main-font-weight); } #ts-filter-widget-area .close { display: none; } .style-filter-popup #ts-filter-widget-area .overlay { display: block; } .style-filter-dropdown .ts-sidebar-content .ts-active-filters { display: none; } .style-filter-sidebar .before-loop-wrapper { top: auto !important; } .style-filter-dropdown .ts-active-filters { width: auto; margin: 0 50px 0 0; /* rtl */ } .style-filter-top .ts-active-filters, .style-filter-dropdown .ts-active-filters { display: flex; align-items: baseline; gap: 5px 20px; } .style-filter-top .filter-widget-area .ts-active-filters:after { position: absolute; left: -20px; right: -20px; border-width: 1px 0 0 0; border-style: solid; content: ""; bottom: 0; z-index: 0; } .style-filter-top .filter-widget-area .ts-active-filters { padding-bottom: 30px; margin: 0 0 30px 0; position: relative; } .style-filter-sidebar .filter-widget-area .ts-active-filters { padding-bottom: 40px; margin: 0 0 40px 0; border-width: 0 0 1px 0; border-style: solid; } .style-filter-top .ts-active-filters .widget_layered_nav_filters, .style-filter-dropdown .ts-active-filters .widget_layered_nav_filters { margin-bottom: 0; flex-wrap: nowrap; display: flex; align-items: baseline; gap: 20px; } .style-filter-top .ts-active-filters .widgettitle, .style-filter-dropdown .ts-active-filters .widgettitle { width: auto; margin: 0; } .style-filter-top #ts-filter-widget-area { display: none; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; margin-bottom: 30px; } .style-filter-top.active #ts-filter-widget-area { display: block; -webkit-animation-duration: 300ms; -moz-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_fade; -moz-animation-name: animation_fade; animation-name: animation_fade; } .style-filter-top .ts-floating-sidebar .filter-widget-area { background: #f0f0f0; padding: 20px; } body.image-button-radius .style-filter-top .ts-floating-sidebar .filter-widget-area { border-radius: 10px; } .style-filter-top #ts-filter-widget-area, .style-filter-dropdown .ts-sidebar-content, .style-filter-top #ts-filter-widget-area .widget-container .widget-title-wrapper~* { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; gap: 0; } .style-filter-top #ts-filter-widget-area .ts-sidebar-content, .style-filter-dropdown #ts-filter-widget-area .ts-sidebar-content { width: 100% !important; position: static !important; transform: none !important; transition: none !important; padding: 0 !important; background: transparent; } .style-filter-top #ts-filter-widget-area .ts-sidebar-content .widget-container { margin: 0 0 20px; padding: 0; border: 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; align-items: baseline; } .style-filter-top #ts-filter-widget-area .woocommerce-widget-layered-nav-dropdown { max-width: 300px; } .style-filter-top #ts-filter-widget-area select, .style-filter-top #ts-filter-widget-area .select2-container--default .select2-selection--single .select2-selection__rendered { padding-top: 8px; padding-bottom: 8px; background: #f5f5f5; border-color: #f5f5f5; font-size: 100%; font-weight: normal; } body .style-filter-top #ts-filter-widget-area .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { font-weight: normal; } .style-filter-top #ts-filter-widget-area .ts-sidebar-content .widget-container:last-child { margin-bottom: 0; } .style-filter-top #ts-filter-widget-area .widget-container .widget-title { margin: 0 20px 0 0; /* rtl */ line-height: 16px; font-size: 100%; font-weight: inherit; } .style-filter-top #ts-filter-widget-area .ts-sidebar-content .widget_rating_filter { align-items: flex-start; } .style-filter-top #ts-filter-widget-area .widget_rating_filter .widget-title { line-height: 34px; } .style-filter-top #ts-filter-widget-area .widget-container.widget_price_filter .widget-title { margin-top: 0; } .style-filter-top #ts-filter-widget-area .ts-product-categories-widget-wrapper .all-categories .product-categories { display: inline !important; } .style-filter-top #ts-filter-widget-area .ts-product-categories-widget-wrapper ul.product-categories li.cat-parent.active>a, .style-filter-top #ts-filter-widget-area .ts-product-categories-widget-wrapper ul.product-categories li.current>a, .style-filter-top #ts-filter-widget-area .widget_product_categories ul.product-categories li[class*="current-"]>a { text-decoration: none; } .style-filter-top #ts-filter-widget-area .widget-container ul>li { display: inline-block; margin: 0 10px 10px 0 !important; /*rtl*/ padding: 0; } .style-filter-top #ts-filter-widget-area .widget-container>ul, .style-filter-top #ts-filter-widget-area .ts-product-categories-widget-wrapper>ul, .style-filter-top #ts-filter-widget-area .ts-product-categories-widget-wrapper .all-categories .product-categories, .style-filter-top #ts-filter-widget-area .product-filter-by-price ul, .style-filter-top #ts-filter-widget-area .product-filter-by-brand-wrapper ul { margin: 0 -10px -10px 0; } .style-filter-top #ts-filter-widget-area .product-filter-by-price ul>li>label, .style-filter-top #ts-filter-widget-area .product-filter-by-brand-wrapper ul>li>label, .style-filter-top #ts-filter-widget-area .widget-container ul>li>a { line-height: 32px; padding: 0 15px; border-width: 1px; border-style: solid; text-align: center; display: inline-block; transition: 150ms ease 0s; background-color: var(--loobek-main-bg); border-color: var(--loobek-main-bg); } .style-filter-top #ts-filter-widget-area .widget_rating_filter ul>li>a { line-height: 20px; height: 34px; display: flex; align-items: center; } .style-filter-top #ts-filter-widget-area .widget-container.product-filter-by-color ul>li>a { display: flex; align-items: center; position: relative; } .style-filter-top #ts-filter-widget-area .product-filter-by-color ul a>span span { border-color: inherit; } .style-filter-top #ts-filter-widget-area .widget-container.widget_product_categories ul>li, .style-filter-top #ts-filter-widget-area .widget-container.ts-product-categories-widget ul>li { margin: 0 !important; display: inline; } .style-filter-top #ts-filter-widget-area .widget-container.widget_product_categories ul>li>a, .style-filter-top #ts-filter-widget-area .widget-container.ts-product-categories-widget ul>li>a { margin: 0 10px 10px 0 !important; /*rtl*/ } .style-filter-top #ts-filter-widget-area .widget-container.widget_product_categories ul>li .count { line-height: 16px; padding: 6px 15px; border: 1px solid transparent; border-radius: 42px; text-align: center; display: inline-block; margin-left: -5px; /*rtl*/ } .style-filter-top #ts-filter-widget-area .woocommerce-widget-layered-nav-list__item .count { display: none; } .style-filter-top #ts-filter-widget-area .product-filter-by-price ul>li>label:hover, .style-filter-top #ts-filter-widget-area .product-filter-by-brand-wrapper ul>li>label:hover, .style-filter-top #ts-filter-widget-area .widget-container ul>li>a:hover { text-decoration: none !important; color: color: var(--loobek-text-bold-color); } .style-filter-top #ts-filter-widget-area .product-filter-by-price>ul, .style-filter-top #ts-filter-widget-area .product-filter-by-brand-wrapper>ul { display: flex; flex-wrap: wrap; } .style-filter-top #ts-filter-widget-area .product-filter-by-brand-wrapper.show-thumbnail ul>li>label { padding-left: 25px; padding-right: 25px; } .style-filter-top #ts-filter-widget-area .product-filter-by-brand-wrapper.show-thumbnail ul>li>label img { max-height: 20px; width: auto; vertical-align: middle; } .style-filter-top #ts-filter-widget-area .widget-container ul ul { padding-top: 0; } .woocommerce .style-filter-top .widget_price_filter { max-width: 380px; } .woocommerce .style-filter-top .widget_price_filter form { padding-top: 6px; } .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 !important; } .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 .product-filter-by-color ul { overflow: visible; } .style-filter-top #ts-filter-widget-area .ts-product-categories-widget-wrapper .all-categories>span, .style-filter-top #ts-filter-widget-area .product-filter-by-brand ul li label:after, .style-filter-top #ts-filter-widget-area .product-filter-by-price ul li label:after, .style-filter-top #ts-filter-widget-area .product-filter-by-availability ul li label:after, .style-filter-top #ts-filter-widget-area .widget_rating_filter ul li a:after, .style-filter-top #ts-filter-widget-area .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:after, .style-filter-top #ts-filter-widget-area .product-filter-by-color ul li a:after, .style-filter-top #ts-filter-widget-area .product-filter-by-brand ul li label:before, .style-filter-top #ts-filter-widget-area .product-filter-by-price ul li label:before, .style-filter-top #ts-filter-widget-area .product-filter-by-availability ul li label:before, .style-filter-top #ts-filter-widget-area .widget_rating_filter ul li a:before, .style-filter-top #ts-filter-widget-area .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before, .style-filter-top #ts-filter-widget-area .product-filter-by-color ul li a:before { display: none; } .style-filter-top #ts-filter-widget-area .widget-container ul>li.active>a:before, .style-filter-top #ts-filter-widget-area .widget-container ul>li[class*="current-"]>a:before, .style-filter-top #ts-filter-widget-area .product-filter-by-brand ul>li.selected label:before, .style-filter-top #ts-filter-widget-area .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:before, .style-filter-top #ts-filter-widget-area .product-filter-by-price ul li.chosen label:before, .style-filter-top #ts-filter-widget-area .product-filter-by-color ul li.chosen>a:before, .style-filter-top #ts-filter-widget-area .widget_rating_filter ul li.chosen a:before, .style-filter-top #ts-filter-widget-area .product-filter-by-availability ul li.selected label:before, .style-filter-top #ts-filter-widget-area .product-filter-by-color ul li.chosen a:before { display: block; content: "\e906"; font-family: 'icomoon'; font-weight: normal; position: absolute; top: -1px; right: -1px; /* rtl */ left: auto; z-index: 1; width: 10px; height: 10px; line-height: 10px; text-align: center; font-size: 6px; border-width: 0; margin: 0; background-color: var(--loobek-text-bold-color); color: #ffffff; } .style-filter-top #ts-filter-widget-area .product-filter-by-brand ul>li.selected label:hover:before, .style-filter-top #ts-filter-widget-area .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:hover:before, .style-filter-top #ts-filter-widget-area .product-filter-by-price ul li.chosen label:hover:before, .style-filter-top #ts-filter-widget-area .widget_rating_filter ul li.chosen a:hover:before, .style-filter-top #ts-filter-widget-area .product-filter-by-availability ul li.selected label:hover:before, .style-filter-top #ts-filter-widget-area .widget-container ul>li.active>a:hover:before, .style-filter-top #ts-filter-widget-area .widget-container ul>li[class*="current-"]>a:hover:before, .style-filter-top #ts-filter-widget-area .product-filter-by-color ul li.chosen>a:hover:before { color: #ffffff; background: red; } .style-filter-dropdown.style-dropdown-border .filter-widget-area .widget-title-wrapper, .style-filter-top #ts-filter-widget-area .product-filter-by-price ul>li>label:hover, .style-filter-top #ts-filter-widget-area .product-filter-by-brand-wrapper ul>li>label:hover, .style-filter-top #ts-filter-widget-area .widget-container ul>li>a:hover, .style-filter-top #ts-filter-widget-area .product-filter-by-price ul>li.chosen>label, .style-filter-top #ts-filter-widget-area .product-filter-by-brand-wrapper ul>li.selected>label, .style-filter-top #ts-filter-widget-area .widget-container ul>li.active>a, .style-filter-top #ts-filter-widget-area .widget-container ul>li[class*="current-"]>a, .style-filter-top #ts-filter-widget-area .product-filter-by-color ul li.chosen>a, .style-filter-top #ts-filter-widget-area .woocommerce-widget-layered-nav ul li.chosen>a, .style-filter-top #ts-filter-widget-area .widget_rating_filter ul li.chosen a { border-color: var(--loobek-text-bold-color); } .style-filter-top #ts-filter-widget-area .widget_layered_nav_filters ul li a { background-color: var(--loobek-main-bg); } .style-filter-sidebar .site-content { display: flex; flex-wrap: wrap; } .style-filter-sidebar .site-content>* { width: 100%; } .style-filter-sidebar .site-content>#ts-filter-widget-area { width: 1px; height: 0; order: 0; min-width: 0; opacity: 0; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; transition: width 350ms, opacity 350ms; position: static; } .style-filter-sidebar.active .site-content>#ts-filter-widget-area { opacity: 1; height: auto; width: 25%; } .style-filter-sidebar .site-content>#ts-filter-widget-area .ts-sidebar-content { min-width: calc(0.25 * var(--maincontentWidth, 1400px)); } .style-filter-sidebar .site-content>#ts-filter-widget-area .ts-sidebar-content { padding: 0 30px 0 0; /* rtl */ } .style-filter-sidebar .site-content>.main-products { width: calc(100% - 1px); transition: width 350ms; } .style-filter-sidebar.active .site-content>.main-products { width: 75%; } .style-filter-sidebar #ts-filter-widget-area .ts-sidebar-content { position: static; transform: none; margin: 0; width: 100%; min-width: 200px; } .style-filter-sidebar.product-has-border-bottom #ts-filter-widget-area { margin-top: 40px; } .style-filter-dropdown #ts-filter-widget-area { order: -1; width: auto; min-width: auto; position: relative; margin-bottom: -10px; } .style-filter-dropdown .filter-widget-area-button { display: none !important; } .style-filter-dropdown .ts-sidebar-content>.title { display: block; margin-right: 30px; /* rtl */ } .style-filter-dropdown #ts-filter-widget-area .ts-sidebar-content, .style-filter-dropdown #ts-filter-widget-area .filter-widget-area { display: flex; align-items: baseline; } .style-filter-dropdown #ts-filter-widget-area .ts-sidebar-content { overflow: visible; } .style-filter-dropdown .filter-widget-area { gap: 0 30px; } .style-filter-dropdown.style-dropdown-border .filter-widget-area { gap: 0 10px; } .style-filter-dropdown .filter-widget-area .widget-container { padding: 0 0 10px 0; margin: 0; border-width: 0; position: relative; z-index: 9; } .style-filter-dropdown .filter-widget-area .widget-title-wrapper h3 { margin: 0; white-space: nowrap; line-height: 34px; font-size: var(--loobek-h6-font-size); font-family: var(--loobek-main-font-bold); font-weight: var(--loobek-main-font-bold-weight); } .style-filter-dropdown.style-dropdown-border .filter-widget-area .widget-title-wrapper { padding: 0 15px; border-width: 1px; border-style: solid; line-height: 32px; } .style-filter-dropdown .filter-widget-area .widget-title-wrapper { margin-bottom: 0; display: flex; cursor: pointer; align-items: center; } .style-filter-dropdown .filter-widget-area .widget-title-wrapper:after { content: "\e902"; font-family: 'icomoon'; margin-left: 5px; /* rtl */ font-size: 18px; letter-spacing: 0; font-weight: normal; display: inline-block; } .style-filter-dropdown:not(.style-dropdown-border) .filter-widget-area .widget-title-wrapper:before { border-width: 1px 0 0 0; border-style: solid; border-color: var(--loobek-text-bold-color); content: ""; position: absolute; left: 0; right: 0; bottom: 6px; height: 1px; opacity: 0; visibility: hidden; transition: all 150ms ease 0s; } .style-filter-dropdown:not(.style-dropdown-border) .filter-widget-area .widget-container:hover .widget-title-wrapper:before { opacity: 1; visibility: visible; } .style-filter-dropdown .filter-widget-area .widget-container>*:not(.widget-title-wrapper) { position: absolute; top: 100%; left: -21px; /* rtl */ min-width: 200px; border-width: 1px; border-style: solid; padding: 20px; border-color: inherit; display: none; background-color: var(--loobek-main-bg); border-color: var(--loobek-text-bold-color); } .style-filter-dropdown.style-dropdown-border .filter-widget-area .widget-container>*:not(.widget-title-wrapper) { left: 0; /* rtl */ } .style-filter-dropdown .filter-widget-area .ts-product-categories-widget>*:not(.widget-title-wrapper), .style-filter-dropdown .filter-widget-area .widget_product_categories>*:not(.widget-title-wrapper) { min-width: 250px; } .style-filter-dropdown .filter-widget-area .widget-container.widget_rating_filter ul { padding-bottom: 14px; } .style-filter-dropdown .filter-widget-area .widget-container:hover>*:not(.widget-title-wrapper) { -webkit-animation-duration: 250ms; -moz-animation-duration: 250ms; animation-duration: 250ms; 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-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -webkit-animation-name: animation_dropdown; -moz-animation-name: animation_dropdown; animation-name: animation_dropdown; opacity: 1; visibility: visible; display: block; } .style-filter-dropdown .filter-widget-area .widget-container.product-filter-by-color ul, .filter-by-attribute-inline .style-filter-dropdown .filter-widget-area .widget-container.woocommerce-widget-layered-nav ul { width: max-content; max-width: 440px; } .style-filter-popup #ts-filter-widget-area .widget-container.product-filter-by-color>*.active, .filter-by-attribute-inline #ts-filter-widget-area .widget-container.woocommerce-widget-layered-nav>*.active, .style-filter-dropdown .filter-widget-area .widget-container.product-filter-by-color:hover ul, .filter-by-attribute-inline .style-filter-dropdown .filter-widget-area .widget-container.woocommerce-widget-layered-nav:hover ul { display: flex; } .main-products.columns-1:not(.big-thumbnail) .variable-product-quick-add-to-cart a { line-height: 44px; padding-left: 20px; padding-right: 20px; min-width: 46px; } .show-breadcrumb-v3 .style-sort-default.filter-button-position-inline .before-loop-wrapper .filter-widget-area-button a { line-height: 34px; padding: 0 15px; background-color: var(--loobek-main-bg); } body.image-button-radius .show-breadcrumb-v3 .style-sort-default.filter-button-position-inline .before-loop-wrapper .filter-widget-area-button a { border-radius: 10px; } .main-products.columns-2 .product:not(.product-category) .product-name, .main-products.columns-2 .product:not(.product-category) .price { font-size: var(--loobek-h5-font-size); line-height: var(--loobek-h5-line-height); } .style-filter-top .ts-active-filters .widgettitle, .style-filter-top .ts-active-filters .button-text, .style-filter-dropdown:not(.style-dropdown-border) .ts-product-columns-selector~#ts-filter-widget-area .ts-sidebar-content .widget-title, .style-filter-dropdown:not(.style-dropdown-border) .ts-product-columns-selector~#ts-filter-widget-area .ts-sidebar-content>.title, .style-filter-top #ts-filter-widget-area .widget-container .widget-title, .style-filter-top #ts-filter-widget-area .widget_categories>ul>li>a, .style-filter-top #ts-filter-widget-area .widget-container ul.product-categories>li>a, .style-filter-top #ts-filter-widget-area .widget_categories>ul>li>a, .style-filter-top #ts-filter-widget-area .widget-container { font-size: var(--loobek-main-small-font-size); } /* PRODUCT DETAIL */ .woocommerce div.product div.summary { padding-left: 50px; /* rtl */ } #page .page-container.show-breadcrumb-v3 div.product div.summary, #page .page-container.show-breadcrumb-v3 .bought-together-layout-vertical div.yith-wfbt-section { padding: 30px 30px 0 30px; } #page .page-container.show-breadcrumb-v3 div.product.thumbnail-layout-slider-3-col div.summary { padding: 40px; } .woocommerce #page div.product.summary-scrolling div.summary { top: 0; position: sticky; transition: top 350ms ease 0s; } .woocommerce div.product.summary-scrolling-border .product-images-summary { position: relative; } .woocommerce div.product.summary-scrolling-border .product-images-summary:before { content: ""; position: absolute; right: calc(45% - 50px); /* rtl */ left: auto; top: -200px; bottom: -80px; border-width: 0 1px 0 0; border-style: solid; width: 1px; } .woocommerce div.product.summary-scrolling-border.bought-together-layout-vertical .product-images-summary:before, .show-breadcrumb-v3 div.product.summary-scrolling-border:not(.bought-together-layout-vertical) .product-images-summary:before { display: none !important; } .woocommerce div.product.summary-scrolling-border:not(.bought-together-layout-vertical):is(.thumbnail-layout-slider-2-col, .thumbnail-layout-grid) .product-images-summary:before { right: calc(40% - 50px); /* rtl */ } div.product.summary-scrolling-border:not(.bought-together-layout-vertical) div.summary { padding-left: 100px; /* rtl */ } .bought-together-layout-vertical div.yith-wfbt-section { grid-column: auto !important; } #page .page-container.show-breadcrumb-v3 .bought-together-layout-vertical div.yith-wfbt-section { padding: 20px 20px 0 20px; } .yith-wfbt-section .yith-wfbt-images .image_plus { width: 50px; min-width: 50px; } .yith-wfbt-section .yith-wfbt-items li { margin-right: 50px; } .yith-wfbt-section .yith-wfbt-items li:last-child { margin-right: 0; } .summary .single-product-buttons { gap: 10px 40px; } .panel table th { min-width: 150px; } .woocommerce table.shop_attributes th { width: 150px; } .collapse-reviews-tab>#reviews .wcpr-overall-rating-and-rating-count { gap: 40px; } .social-sharing-sticky .ts-social-sharing ul { display: flex; flex-direction: column; } #page div.product .summary .detail-meta-bottom.only-social-sticky { padding: 0; margin: 0; border-width: 0; } .social-sharing-sticky .ts-social-sharing { position: absolute; top: 0; right: 0; /* rtl */ z-index: 5; } body:not(.rtl) div.product.social-sharing-sticky:not(.image-summary-limited-width):not(.bought-together-style-small) .summary, body:not(.rtl) div.product.social-sharing-sticky.image-summary-limited-width.summary-scrolling .summary { padding-right: 60px; /* rtl */ } div.product .summary .yith-wcwl-add-to-wishlist a span, div.product .summary a.compare span { font-size: 0; line-height: 0; } div.product .summary .yith-wcwl-add-to-wishlist a.added:after, div.product .summary .yith-wcwl-add-to-wishlist a .button-tooltip:before, div.product .summary .compare span:before { content: attr(data-title); font-family: inherit; display: block; line-height: 20px; font-size: var(--loobek-main-small-font-size); } /* Bought Together Layout Vertical */ .bought-together-layout-vertical .yith-wfbt-section>h3 { font-size: var(--loobek-h5-font-size); line-height: var(--loobek-h5-line-height); } .summary-scrolling:not(.bought-together-style-small) .yith-wfbt-form .yith-wfbt-submit-block { order: 3; display: flex; align-items: baseline; gap: 0 40px; justify-content: flex-end; margin-top: 20px; } .summary-scrolling:not(.bought-together-style-small) .yith-wfbt-form .price_text { display: flex; align-items: baseline; gap: 10px; } .woocommerce div.product.bought-together-layout-vertical.no-product-thumbnail div.product-images-summary { grid-template-columns: 65% 35%; } .woocommerce .show-breadcrumb-v3 div.product.bought-together-layout-vertical.no-product-thumbnail div.product-images-summary { grid-template-columns: 65% calc(35% - 10px); } .woocommerce div.product.bought-together-layout-vertical div.product-images-summary { grid-template-columns: 40% 35% 25%; } .woocommerce .bought-together-layout-vertical:not(.summary-scrolling) .summary~* { grid-column: 1 / 4; } .woocommerce .show-breadcrumb-v3 div.product.bought-together-layout-vertical div.product-images-summary { grid-template-columns: 40% calc(35% - 20px) 25%; } .woocommerce div.product.bought-together-layout-vertical div.summary { padding-left: 50px; /* rtl */ padding-right: 50px; position: relative; } .bought-together-layout-vertical .yith-wfbt-form { grid-template-columns: 100%; width: 100%; } .bought-together-layout-vertical .yith-wfbt-submit-block { order: 99; margin-top: 20px; } .bought-together-layout-vertical .yith-wfbt-section .yith-wfbt-images, .bought-together-layout-vertical .yith-wfbt-section .yith-wfbt-images tbody, .bought-together-layout-vertical .yith-wfbt-section .yith-wfbt-images tr, .bought-together-layout-vertical .yith-wfbt-section .yith-wfbt-images td { display: block; } .bought-together-layout-vertical .yith-wfbt-section .yith-wfbt-images td img { width: 60px; margin: 0; } .bought-together-layout-vertical.bought-together-items-style-border .yith-wfbt-section .yith-wfbt-items li:before, .bought-together-layout-vertical.bought-together-items-style-border .yith-wfbt-section .yith-wfbt-images td img { width: 85px; min-width: 85px; } .bought-together-layout-vertical .yith-wfbt-section .yith-wfbt-items { display: grid; gap: 30px; position: absolute; top: 0; left: 0; /* rtl */ margin: 0; width: 100%; } .bought-together-layout-vertical .yith-wfbt-section .yith-wfbt-items li { display: flex; gap: 15px; flex: 1; margin: 0; } .bought-together-layout-vertical.bought-together-items-style-border .yith-wfbt-section .yith-wfbt-items li { border-width: 1px; border-style: solid; padding: 10px; } .bought-together-layout-vertical.bought-together-items-style-border .yith-wfbt-section .yith-wfbt-images img { margin: 10px; } .bought-together-items-style-border .yith-wfbt-section .yith-wfbt-images td a:before { display: none; } .bought-together-layout-vertical .yith-wfbt-submit-block .yith-wfbt-submit-button { width: 100%; } .wfbt-pro.bought-together-layout-vertical .yith-wfbt-section .yith-wfbt-images, .wfbt-pro.bought-together-layout-vertical .yith-wfbt-section .yith-wfbt-items li { padding-left: 35px; /* rtl */ } .bought-together-layout-vertical .yith-wfbt-section li .checkboxbutton { position: absolute; left: 0; top: 50%; right: auto; transform: translate(0, -50%); z-index: 1; margin: 0; } .bought-together-layout-vertical .yith-wfbt-section .yith-wfbt-items li:before { width: 60px; min-width: 60px; content: ""; } .bought-together-layout-vertical .yith-wfbt-section .yith-wfbt-images .image_plus { width: 60px; min-width: 60px; } .bought-together-layout-vertical.bought-together-items-style-border .yith-wfbt-section .yith-wfbt-images .image_plus { margin: 0 auto; } .bought-together-layout-vertical .yith-wfbt-section .yith-wfbt-images .image_plus:before { line-height: 30px; } #main-content .bought-together-layout-vertical div.yith-wfbt-section { padding: 0 0 0 50px; /* rtl */ border-width: 0; } #main-content .bought-together-layout-vertical div.yith-wfbt-section:before, #main-content .bought-together-layout-vertical div.yith-wfbt-section:after { display: none; } .summary-scrolling.bought-together-layout-vertical div.yith-wfbt-section { position: sticky; top: 0; transition: top 350ms ease 0s; } .woocommerce div.product.bought-together-layout-vertical div.summary:before, .bought-together-layout-vertical div.yith-wfbt-section:before { content: ""; left: 0; /* rtl */ right: auto; bottom: 0; top: 0; border-width: 0 1px 0 0; border-style: solid; position: absolute; } .woocommerce div.product.bought-together-layout-vertical div.summary:before { right: -1px; /* rtl */ left: auto; } .show-breadcrumb-v3 div.product.bought-together-layout-vertical div.summary:before, .show-breadcrumb-v3 .bought-together-layout-vertical div.yith-wfbt-section:before { display: none !important; } /* Slider Thumbnail 3 columns */ .ts_desktop .page-container.no-sidebar div.product.thumbnail-layout-slider-3-col div.summary { position: absolute; right: 0; /* rtl */ top: calc(50% - 15px); transform: translate(0, -50%); z-index: 4; padding: 40px; width: 40%; max-width: 480px; background-color: var(--loobek-main-bg); } body.image-button-radius.ts_desktop .page-container.no-sidebar .thumbnail-layout-slider-3-col div.summary { border-radius: 10px; } /* BLOG */ .list-posts.columns-3, .list-posts.columns-2 { gap: 50px 100px; } .list-posts:is(.columns-2, .columns-3)>article:before { left: -50px; /* rtl */ } .site-content>.list-posts:not(.columns-2):not(.columns-3) .entry-title { font-size: var(--loobek-heading-font-size); line-height: var(--loobek-heading-line-height); } /* SHOPPING CART */ #add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail { width: 80px; min-width: 80px; } /* WIDGET */ /* Widget Blog */ .ts-blogs-widget-wrapper:not(.style-list-item) .post_list_widget .ts-video.auto-size { padding-bottom: 29.25% !important; } /* SHORTCODE */ /* Shortcode Categories */ .ts-product-category-wrapper.title-float { display: flex; width: 100%; } .type-product-category.title-float .placeholder-widget-title { max-width: none; } .type-product-category.title-float .placeholder-widget-title, .ts-product-category-wrapper.title-float>header { margin-right: 30px; /* rtl */ width: 20%; display: block; } .type-product-category.title-float .placeholder-items, .ts-product-category-wrapper.title-float>.content-wrapper { width: 80%; } #page .ts-product-category-wrapper header .button-text { margin-top: 20px; display: inline-block; } .woocommerce .products .product.product-category h3, .ts-product-brand-wrapper .item .meta-wrapper h3 { font-size: var(--loobek-h6-font-size); line-height: var(--loobek-h6-line-height); } /* Shortcode Testimonial */ .testimonial-content .content-top { margin-bottom: 30px; } body .ts-testimonial-wrapper .rating-wrapper { margin-bottom: 20px; } .testimonial-content .content-bottom { margin-top: 24px; } .ts-testimonial-wrapper.columns-1 { margin-left: -40px; margin-right: -40px; padding-left: 40px; padding-right: 40px; } /* Shortcode Blog */ .ts-blogs.has-divider .items { width: calc(100% + 80px); margin-left: -40px; margin-right: -40px; } .ts-blogs.has-divider .items .item { padding-left: 40px; padding-right: 40px; } .layout-overlap .entry-content { padding: 30px; } .ts-shortcode.ts-masonry .items { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; } .ts-shortcode.ts-masonry .items .item { padding-left: 20px; padding-right: 20px; } /* Shortcode Product */ .thumbnail-wrapper .product-counter .counter-wrapper { padding: 0 0 0 5px; /* rtl */ } } @media only screen and (min-width: 1561px) { /* HEADER */ .logo-center .logo-wrapper { margin-left: 50px; /* rtl */ margin-right: 50px; /* rtl */ } .header-v12 .header-middle .logo-wrapper { margin-left: 0; margin-right: 100px; /* rtl */ } .layout-fullwidth .menu-middle .header-middle .menu-wrapper, .header-fullwidth .menu-middle .header-middle .menu-wrapper { margin-left: 100px; /* rtl */ margin-right: auto; /* rtl */ } .layout-fullwidth .header-middle .header-right, .header-fullwidth .header-middle .header-right { margin-right: 0; /* rtl */ margin-left: 100px; /* rtl */ } .layout-fullwidth.header-v8 .header-middle .ts-search-normal, .header-fullwidth.header-v8 .header-middle .ts-search-normal { margin-right: auto; margin-left: 100px; /* rtl */ width: 50%; } .layout-fullwidth.header-v1 .header-middle .ts-search-normal form, .header-fullwidth.header-v1 .header-middle .ts-search-normal form, .layout-fullwidth.header-v9 .header-bottom .ts-search-normal form, .header-fullwidth.header-v9 .header-bottom .ts-search-normal form { width: 260px; } .layout-fullwidth.header-v8 .header-middle .ts-search-normal, .header-fullwidth.header-v8 .header-middle .ts-search-normal { width: 50%; } .header-v11.wider .menu-middle .header-middle .menu-wrapper { margin-left: 100px; margin-right: auto; /* rtl */ } .header-v11.wider .ts-header nav>ul>li[class^="icomoon-"], .header-v11.wider .ts-header nav>ul>li[class*=" icomoon-"], .layout-fullwidth .ts-header nav>ul>li.has-icon, .header-fullwidth .ts-header nav>ul>li.has-icon, .layout-fullwidth .ts-header nav>ul>li.has-icon+li.line-border, .header-fullwidth .ts-header nav>ul>li.has-icon+li.line-border { margin-right: 50px; /* rtl */ } .header-v11.wider .ts-header nav>ul>li[class^="icomoon-"]:last-child, .header-v11.wider .ts-header nav>ul>li[class*=" icomoon-"]:last-child, .layout-fullwidth .ts-header nav>ul>li.has-icon:last-child, .header-fullwidth .ts-header nav>ul>li.has-icon:last-child { margin-right: 0; /* rtl */ margin-left: 0; } /* RESET */ :is(.layout-fullwidth, .main-content-fullwidth) .ts-sidebar { width: calc(20% - 50px); } :is(.layout-fullwidth, .main-content-fullwidth) .has-1-sidebar #main-content { width: calc(100% - 20%); } :is(.layout-fullwidth, .main-content-fullwidth) .has-2-sidebar #main-content { width: calc(100% - 40%); } :is(.page-template-blog-template, .woocommerce, .woocommerce-page, .single, .archive) #main>.page-container, #main>.page-container.index-template { padding-bottom: 100px; } :is(.layout-fullwidth, .main-content-fullwidth) #page .show-breadcrumb-v3 .ts-sidebar { width: calc(20% - 10px); } #main-content.product-has-background:before { bottom: -100px; /* = padding bottom above */ } /* SHOP PAGE */ :is(.layout-fullwidth, .main-content-fullwidth) .style-filter-sidebar .filter-widget-area-button { width: calc(20% - 80px); } :is(.layout-fullwidth, .main-content-fullwidth) .style-filter-sidebar.style-sort-border-overflow .before-loop-wrapper .filter-widget-area-button { width: calc(20% - 60px); } :is(.layout-fullwidth, .main-content-fullwidth) .style-filter-sidebar.active .site-content>#ts-filter-widget-area { width: 20%; } :is(.layout-fullwidth, .main-content-fullwidth) .style-filter-sidebar .site-content>#ts-filter-widget-area .ts-sidebar-content { min-width: calc(0.2 * var(--maincontentWidth, 1700px)); } :is(.layout-fullwidth, .main-content-fullwidth) .style-filter-sidebar.active .site-content>.main-products { width: 80%; } .style-filter-sidebar .site-content>#ts-filter-widget-area .ts-sidebar-content { padding: 0 50px 0 0; /* rtl */ } .ts-product-columns-selector .column-2 { display: block; } #page .main-products.columns-2 .products { margin: 0 -20px; gap: 40px 0; } #page .main-products.columns-2 .products .product { padding-left: 20px; padding-right: 20px; } .archive.ajax-pagination .woocommerce.columns-2>.products:after { left: 20px; right: 20px; } #page .product-has-background .main-products.columns-2 .products { margin-left: -5px; margin-right: -5px; } #page .product-has-background .main-products.columns-2 .products .product { padding-left: 5px; padding-right: 5px; } .ts_desktop.product-hover-style-v4 .main-products.columns-2 .product-group-button { transform: translate(0, calc(-100% - 10px)); right: 10px; /* rtl */ left: auto; top: 10px; bottom: auto; display: flex; transition: none; width: auto; background: transparent; padding: 0; } .ts_desktop.product-hover-style-v4 .main-products.columns-2 .product-group-button .button-in { transition: none; } .ts_desktop.product-hover-style-v4 .main-products.columns-2 .variable-quick-add-to-cart .product-group-button { position: static; transform: none !important; opacity: 1; visibility: visible; margin: 0; } .ts_desktop.product-hover-style-v4 .main-products.columns-2 .product-group-button .variable-product-quick-add-to-cart { position: absolute; left: 10px; top: 50%; right: 10px; bottom: auto; transition: all 300ms ease; z-index: 6; transform: translate(0, -50%); display: flex; width: auto; margin: 10px 0 0 0; opacity: 0; visibility: hidden; } .ts_desktop.product-hover-style-v4 .main-products.columns-2 .variable-quick-add-to-cart .product-group-button .button-in { position: absolute; right: 10px; /* rtl */ top: 10px; transform: translate(0, calc(-100% - 10px)); } .ts_desktop.product-hover-style-v4:not(.hidden-compare) .main-products.columns-2 .variable-quick-add-to-cart .product-group-button .wishlist { right: 49px; /* rtl */ } .ts_desktop.product-hover-style-v4 .products .variable-quick-add-to-cart .product-group-button .variable-product-quick-add-to-cart { display: none; } .ts_desktop.product-hover-style-v4 .main-products.columns-2 .product-group-button .variable-product-quick-add-to-cart, .ts_desktop.product-hover-style-v4 .products .variable-quick-add-to-cart .product-wrapper:hover .product-group-button .variable-product-quick-add-to-cart { display: flex; } .ts_desktop.product-hover-style-v4 .main-products.columns-2 .product-wrapper:hover .product-group-button .variable-product-quick-add-to-cart { z-index: 5; visibility: visible; opacity: 1; margin: 0; } .ts_desktop.product-hover-style-v4 .main-products.columns-2 .variable-quick-add-to-cart .product-wrapper:hover .product-group-button .button-in { transform: translate(0, 0); z-index: 5; } .ts_desktop.product-hover-style-v4 .main-products.columns-2 .variable-quick-add-to-cart .product-wrapper:hover .product-group-button .button-in { transition: all 300ms ease; } .ts_desktop.product-hover-style-v5 .main-products.columns-2 .product.variable-quick-add-to-cart .product-wrapper .product-group-button { transform: none; } .ts_desktop.product-hover-style-v5 .main-products.columns-2 .product-group-button { grid-template-columns: auto; grid-gap: 5px; top: 10px; transform: translate(100%, 0); /* rtl */ right: 10px; /* rtl */ left: auto; bottom: auto; display: grid; margin: 0; width: auto; background: transparent; padding: 0; } .ts_desktop.product-hover-style-v4 .main-products.columns-2 .product-wrapper:hover .product-group-button, .ts_desktop.product-hover-style-v5 .main-products.columns-2 .product-wrapper:hover .product-group-button { transform: translate(0, 0); transition: 300ms ease 0s; } .ts_desktop.product-hover-style-v5 .product-wrapper .product-group-button, .ts_desktop.product-hover-style-v4 .columns-1.big-thumbnail .product-group-button-meta .button-in a div.blockUI.blockOverlay:after { background-color: var(--loobek-main-bg); } .product-hover-style-v5 .main-products.columns-2 .product:not(.variable-quick-add-to-cart) .product-group-button .compare { order: 3; } .ts_desktop.product-hover-style-v5 .main-products.columns-2 .product:not(.variable-quick-add-to-cart) .product-group-button .wishlist { order: 2; } .ts_desktop.product-hover-style-v5 .main-products.columns-2 .product-group-button>.button-in a { border-width: 0; } .ts_desktop.product-hover-style-v5 .main-products.columns-2 .product-group-button .button-in a:before { line-height: 34px; } .ts_desktop.product-hover-style-v5 .main-products.columns-2 .product:not(.variable-quick-add-to-cart) .product-group-button .button-in .button-tooltip { padding: 5px 12px 5px 5px; /* rtl */ left: auto; /* rtl */ right: 100%; /* rtl */ top: 50%; bottom: auto; margin-left: 0; margin-right: 0; margin-top: -17px; transform: none; } .ts_desktop.product-hover-style-v5 .main-products.columns-2 .product:not(.variable-quick-add-to-cart) .product-group-button .button-in .button-tooltip:before { margin: 0; top: 0; bottom: 0; left: 0; right: 7px; /* rtl */ } .ts_desktop.product-hover-style-v5 .main-products.columns-2 .product:not(.variable-quick-add-to-cart) .product-group-button .button-in .button-tooltip:after { border-top: 4px solid transparent; border-left: 6px solid var(--loobek-product-button-thumbnail-bg); /* rtl */ border-bottom: 4px solid transparent; border-right-width: 0; right: 2px; /* rtl */ top: 50%; left: auto; bottom: auto; margin-top: -3px; } .main-products.columns-2 .product .product-group-button-meta .button-in, .main-products.columns-2 .product .product-group-button .loop-add-to-cart { display: none !important; } .no-sidebar .main-products.columns-2 .thumbnail-wrapper { width: 40%; max-width: 510px; } .no-sidebar .main-products.columns-2 .product:not(.product-category) .meta-wrapper { padding: 0 0 0 30px; /* rtl */ display: grid; } .main-products.columns-2 .product .meta-wrapper>.price { order: 11; margin: 20px 0 0 0; } .main-products.columns-2 .variable-quick-add-to-cart .product-group-button-price, .main-products.columns-2 .product-group-button-price .price { display: none; } .main-products.columns-2 .product .product-group-button-price { display: block; position: static; visibility: visible; opacity: 1; transition: none; } .main-products.columns-2 .product .meta-wrapper .short-description { order: 9; margin-top: 20px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border-width: 0; } .main-products.columns-2 .product .meta-wrapper .color-swatch { order: 13; margin-bottom: 12px; } .main-products.columns-2 .product .meta-wrapper .color-swatch>div { width: 20px; height: 20px; } .main-products.columns-2 .product .meta-wrapper .product-sku { order: 17; margin-top: 24px; } .main-products.columns-2 .product .meta-wrapper .ts-product-galleries { order: 19; } .main-products.columns-2 .product .meta-wrapper .product-group-button-price { order: 15; } .main-products.columns-2 .product .meta-wrapper .product-group-button-meta { display: block; overflow: hidden; margin-top: 20px; position: static; visibility: visible; opacity: 1; border-width: 1px 0 0 0; border-style: solid; padding-top: 20px; } .enable-catalog-mode .main-products.columns-2 .product .product-group-button-price, .main-products.columns-2 .variable-quick-add-to-cart .product-group-button-price { display: none; } .main-products.columns-2 .product-group-button-meta .quantity { display: block; } .ts_desktop.product-hover-style-v4 .main-products.columns-2 .product-group-button-meta, .ts_desktop.product-hover-style-v5 .main-products.columns-2 .product-group-button-meta { transform: none; transition: none; position: static; } .ts_desktop.product-hover-style-v4 .main-products.columns-2 .product-group-button-meta>.loop-add-to-cart, .ts_desktop.product-hover-style-v4 .main-products.columns-2 .product-group-button>* { display: block; } .main-products.columns-2 .product-group-button-meta .button-in .button-tooltip { display: block; } .main-products.columns-2 .product-group-button-meta>* { float: left; /* rtl */ } .main-products.columns-2 .quantity .ts-screen-reader-text { padding-bottom: 10px; line-height: 20px; } .main-products.columns-2 .quantity { margin-right: 10px; /* rtl */ } .main-products.columns-2 .loop-add-to-cart { max-width: 300px; width: 100%; display: block; } .main-products.columns-2 .quantity+.loop-add-to-cart { margin-top: 30px; width: calc(100% - 110px); max-width: 300px; } .main-products.columns-2 .product-group-button-price+* { margin-top: 20px; } .no-sidebar .main-products.columns-2 .product:not(.product-category) .product-wrapper { display: flex; align-items: center; } .no-sidebar .main-products.columns-2 .product:not(.product-category) .meta-wrapper { padding-left: 30px; /* rtl */ flex: 1; } .no-sidebar .main-products.columns-2 .products .product .meta-wrapper>*:first-child { margin-top: 0; } .no-sidebar .main-products.columns-2 .product:not(.product-category) .thumbnail-wrapper { width: 45%; max-width: 350px; } body.ts_desktop.product-hover-style-v2 .main-products.columns-2 .product:not(.product-category) .product-group-button .variable-product-quick-add-to-cart { display: flex; } .main-products.columns-2 .product:not(.product-category) .product-name, .main-products.columns-2 .product:not(.product-category) .price { font-size: var(--loobek-h4-font-size); line-height: var(--loobek-h4-line-height); } /* PRODUCT DETAIL */ .woocommerce div.product.summary-scrolling-border:not(.bought-together-layout-vertical) .product-images-summary:before { right: calc(45% - 70px); /* rtl */ } .woocommerce div.product.summary-scrolling-border:not(.bought-together-layout-vertical):is(.thumbnail-layout-slider-2-col, .thumbnail-layout-grid) .product-images-summary:before { right: calc(36% - 70px); /* rtl */ } :is(.layout-fullwidth, .main-content-fullwidth) div.product.summary-scrolling-border:not(.bought-together-layout-vertical) div.summary { padding-left: 140px; /* rtl */ } .related-up-sells-bestsellers, .woocommerce div.product { gap: 100px; } #page div.product:not(.summary-scrolling):not(.bought-together-border-overflow):not(.bought-together-border-default)>.product-images-summary+#reviews, #page div.product:not(.summary-scrolling):not(.bought-together-border-overflow):not(.bought-together-border-default)>.product-custom-content+#reviews { padding-top: 100px; } div.product:not(.bought-together-layout-vertical) .product-images-summary .yith-wfbt-section { margin-top: 100px; } .page-container.no-sidebar .bought-together-layout-horizontal.bought-together-border-overflow:not(.summary-scrolling) .woocommerce.yith-wfbt-section, .page-container.no-sidebar .bought-together-layout-horizontal.bought-together-border-default:not(.summary-scrolling) .woocommerce.yith-wfbt-section { padding: 80px 0; } .page-container div.product.bought-together-border-default:not(.summary-scrolling) .woocommerce.yith-wfbt-section, .page-container div.product.bought-together-border-overflow:not(.summary-scrolling) .woocommerce.yith-wfbt-section { padding: 100px 0; } .ts_desktop.layout-fullwidth .page-container.no-sidebar .thumbnail-layout-slider-3-col div.summary, .ts_desktop .main-content-fullwidth .page-container.no-sidebar .thumbnail-layout-slider-3-col div.summary { right: 10%; /* rtl */ } .product-images-summary>.woocommerce-tabs { margin-top: 100px; } .summary>#reviews { margin-top: 90px; } .no-sidebar .related-above-tab:not(.summary-scrolling) .product-images-summary { padding-bottom: 100px; } .woocommerce div.product.related-above-tab:not(.summary-scrolling)>.woocommerce-tabs { padding: 100px 0; } div.product .related-up-sells-bestsellers, div.product.summary-scrolling-border .related-up-sells-bestsellers { padding: 100px 0; margin-bottom: -100px; } div.product.summary-scrolling-border .related-up-sells-bestsellers { margin-bottom: -101px; } .related-up-sells-bestsellers { gap: 100px; } div.product.show-tabs-content-default>.woocommerce-tabs .panel { padding-bottom: 100px; margin-bottom: 100px; } body div.product.collapse-reviews-tab>#reviews .wcpr-overall-rating-left-average { font-size: 100px; } .woocommerce #reviews #comments ol.commentlist>li .comment-text { grid-template-columns: 160px auto auto; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { min-width: 160px; } .comment-text .star-rating { left: 180px; /* rtl */ } #reviews .wcpr-overall-rating-and-rating-count { gap: 0 80px; } body:not(.rtl).layout-fullwidth .no-sidebar div.product.social-sharing-sticky:not(.image-summary-limited-width):not(.bought-together-style-small) .summary, body:not(.rtl).layout-fullwidth .no-sidebar div.product.social-sharing-sticky.image-summary-limited-width.summary-scrolling:not(.bought-together-style-small) .summary, body:not(.rtl) .main-content-fullwidth .no-sidebar div.product.social-sharing-sticky:not(.image-summary-limited-width):not(.bought-together-style-small) .summary, body:not(.rtl) .main-content-fullwidth .no-sidebar div.product.social-sharing-sticky.image-summary-limited-width.summary-scrolling:not(.bought-together-style-small) .summary { padding-right: 150px; /* rtl */ } body .main-products.columns-1 .product:not(.product-category) .product-name { font-size: var(--loobek-h3-font-size); line-height: var(--loobek-h3-line-height); } body .main-products.columns-1 .product:not(.product-category) .price { font-size: var(--loobek-h3-font-size); } body .main-products.columns-1:not(.big-thumbnail) .meta-wrapper .price del { font-size: var(--loobek-h5-font-size); } .woocommerce div.product.summary-scrolling-border .product-images-summary:before { bottom: -100px; } /* BLOG */ :is(.layout-fullwidth, .main-content-fullwidth) .list-posts.columns-3, :is(.layout-fullwidth, .main-content-fullwidth) .list-posts.columns-2 { gap: 70px 140px; } :is(.layout-fullwidth, .main-content-fullwidth) .list-posts:is(.columns-2, .columns-3)>article:before { left: -70px; /* rtl */ } /* BLOG DETAIL */ article.type-page+#comments.comments-area { margin: 100px 0; } body article.single h1.entry-title { font-size: 60px; line-height: 72px; } body.text-uppercase article.single h1.entry-title { font-size: 70px; line-height: 70px; } :is(.layout-fullwidth, .main-content-fullwidth) .no-sidebar .entry-image-header { gap: 0 100px; } :is(.layout-fullwidth, .main-content-fullwidth) .has-1-sidebar .entry-image-header { gap: 100px 0; } :is(.layout-fullwidth, .main-content-fullwidth) .has-1-sidebar .entry-image-header .entry-header { max-width: 960px; } .no-sidebar .entry-image-header .entry-header { gap: 30px; } .entry-image-header { gap: 0 80px; } article.single .entry-content>div.entry-meta-bottom { margin-top: 100px; } .single article.single { gap: 100px; } .ts-blogs.related-posts { padding-bottom: 100px; } #comments.comments-area ol.commentlist+#comment-wrapper { margin-top: 100px; } .single-post-bottom-content { gap: 100px; margin-top: 100px; } body .meta-navigation h6 { font-size: var(--loobek-h5-font-size); line-height: var(--loobek-h5-line-height); } /* SHOPPING CART */ .woocommerce-cart .woocommerce .cart-collaterals, .woocommerce-checkout #order_review, .woocommerce-checkout #order_review_heading { width: 460px; } .woocommerce .woocommerce-cart-form, .woocommerce-checkout #customer_details { width: calc(100% - 510px); } .woocommerce-cart .cross-sells { margin-top: 100px; } /* SHORTCODE */ /* Shortcode Categories */ #page .ts-product-category-wrapper.layout-nowrap .products .product { width: auto; } #page .ts-product-category-wrapper.layout-nowrap .products { justify-content: space-between; } /* Shortcode Blog */ .ts-blogs.has-divider .items { width: calc(100% + 140px); margin-left: -70px; margin-right: -70px; } .ts-blogs.has-divider .items .item { padding-left: 70px; padding-right: 70px; } .ts-blogs.spacing-large .items { width: calc(100% + 50px); margin-left: -25px; margin-right: -25px; } .ts-blogs.spacing-large .items .item { padding-left: 25px; padding-right: 25px; } .ts-blogs.spacing-large .swiper-button-prev { left: 25px; /* rtl */ } .ts-blogs.spacing-large .swiper-button-next { right: 25px; /* rtl */ } .ts-blogs.has-divider .swiper-button-prev { left: 70px; /* rtl */ } .ts-blogs.has-divider .swiper-button-next { right: 70px; /* rtl */ } .e-con-inner>div:first-child:last-child .ts-blogs.layout-list .entry-content>* { max-width: 500px; } .ts-blogs.layout-list article .article-content { gap: 70px; } .type-blog .layout-list .placeholder-item { gap: 10px 70px; } .ts-blogs.layout-list .entry-content, .ts-blogs.layout-list .entry-content>header { gap: 30px; } /* Shortcode Banner */ .left-top.sp-large .box-content { padding-left: 70px; padding-top: 70px; } .left-bottom.sp-large .box-content { padding-left: 70px; padding-bottom: 70px; } .left-center.sp-large .box-content { padding-left: 70px; } .right-top.sp-large .box-content { padding-right: 70px; } .right-bottom.sp-large .box-content { padding-right: 70px; padding-bottom: 70px; } .right-center.sp-large .box-content { padding-right: 70px; } .center-top.sp-large .box-content { padding-top: 70px; } .center-bottom.sp-large .box-content { padding-bottom: 70px; } /* Shortcode Mailchimp */ .ts-mailchimp-subscription-shortcode.layout-vertical .subscribe-email>input[type^="email"], .ts-mailchimp-subscription-shortcode.layout-vertical .subscribe-email>input[type^="tel"], .ts-mailchimp-subscription-shortcode.layout-vertical .subscribe-email>input[type^="text"] { width: 340px; } /* Shortcode Countdown */ .elementor-counter .elementor-counter-title { margin-top: 20px; } } @media only screen and (max-width: 1200px) { /* HEADER */ .menu-wrapper .ts-menu>nav>ul, .menu-wrapper .ts-menu>nav>ul { flex-wrap: wrap; } .ts-search-result-container .view-all-wrapper { margin-top: 30px; } #ts-search-sidebar .product_list_widget { margin-bottom: -20px; } #ts-search-sidebar .product_list_widget>li { margin-bottom: 20px; } .menu-middle .header-middle .menu-wrapper { margin: 0; text-align: center; order: 3; display: none; position: absolute; width: 100%; top: 100%; left: 0; right: 0; transform: none; padding-top: 4px; padding-bottom: 4px; } .menu-middle .header-middle .menu-wrapper:before { position: absolute; left: 0; right: 0; content: ""; border-width: 1px 0 0 0; border-style: solid; top: 0; bottom: 0; z-index: 1; box-shadow: 0 4px 4px rgba(155, 155, 155, .3); } .header-text-light .header-sticky:not(.is-sticky) .header-middle .menu-wrapper:before { background: transparent; border-color: rgba(255, 255, 255, 0.1); box-shadow: none; } .menu-middle .header-middle .menu-wrapper .ts-menu { position: relative; z-index: 2; } .menu-middle .header-middle .header-right { order: 2; flex: 2; margin-left: 40px; /* rtl */ } .header-middle .header-right>.ts-search-normal { flex: 2; margin-right: 30px /* rtl */ } .menu-middle .icon-menu-ipad-header { display: block; } .header-v10 #page .icon-menu-ipad-header { margin-left: 20px; /* rtl */ } .header-v10 #page .icon-menu-ipad-header .icon { text-align: end; } .menu-middle .icon-menu-ipad-header .icon:before { line-height: 40px; font-size: 16px; width: 40px; } .header-v9 .ts-header .ts-search-normal { display: none; } /* RESET */ .ts-elementor-lazy-load .placeholder-items.is-slider { grid-template-rows: 1fr repeat(var(--lazy-cols), 0); grid-row-gap: 0 !important; } .ts-elementor-lazy-load .placeholder-items.is-slider { overflow: hidden; } .ts-list-of-product-categories-wrapper.style-horizontal ul li a { line-height: 34px; padding-left: 20px; padding-right: 20px; } #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, .shortcode-heading-wrapper, .ts-product .column-tabs, .ts-list-of-product-categories-wrapper.style-horizontal .heading-title, .ts-elementor-lazy-load .placeholder-widget-title { margin-bottom: 20px; } .ts-testimonial-wrapper.title-center .shortcode-heading-wrapper { margin-bottom: 25px; } a.button, button, input[type^="submit"], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled], #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, input[type="submit"].dokan-btn, a.dokan-btn, .dokan-btn, .woocommerce-account .woocommerce-MyAccount-navigation li a, #page .ts-shop-load-more .button.loading, #page .load-more-wrapper .button.loading { padding-left: 20px; padding-right: 20px; } a.ts-button, a.button, button, input[type^="submit"], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt, .woocommerce-account .woocommerce-MyAccount-navigation li a, body .product-edit-new-container .dokan-btn-lg, #page .main-products:is(.columns-1, .columns-2) .product-group-button-meta>div.loop-add-to-cart a.button, .woocommerce nav.woocommerce-pagination ul li a.next, .woocommerce nav.woocommerce-pagination ul li a.prev, .ts-pagination ul li a.next, .ts-pagination ul li a.prev, .wp-block-query-pagination>a, .wp-block-post-navigation-link a, .ts-coupon-wrapper .coupon-code, .ts-list-of-product-categories-wrapper.style-horizontal ul li a, body .ts-coupon-shortcode .coupon-code, /* Dokan */ input[type="submit"].dokan-btn, a.dokan-btn, .dokan-btn { font-size: var(--loobek-main-font-size); } body .wp-block-query-pagination>a, body .wp-block-post-navigation-link a, body.woocommerce nav.woocommerce-pagination ul li a.next, body.woocommerce nav.woocommerce-pagination ul li a.prev, body .ts-pagination ul li a.prev, body .ts-pagination ul li a.next { padding-left: 20px; padding-right: 20px; } body .ts-coupon-shortcode .coupon-code { line-height: 34px; } .wpcf7-spinner { top: 13px; } body.image-button-radius .partial-view .swiper-button-prev { left: 20px; /* rtl */ } body.image-button-radius .partial-view .swiper-button-next { right: 20px; /* rtl */ } body .swiper-button-prev, body .swiper-button-next, #page .ts-instagram-elementor-widget .swiper-button-prev, #page .ts-instagram-elementor-widget .swiper-button-next { width: 34px; height: 34px; margin-top: -17px; } body .swiper-button-prev:before, body .swiper-button-next:before, #page .ts-instagram-elementor-widget .swiper-button-prev:before, #page .ts-instagram-elementor-widget .swiper-button-next:before { line-height: 34px; } /* ELEMENTOR */ .coupon-code:after { margin-left: 10px; /* rtl */ } .coupon-code, .elementor-editor-active .ts-banner a.button, .woocommerce .ts-banner a.button, .ts-banner a.button { padding-left: 20px; padding-right: 20px; } .coupon-code .copy-message { padding-right: 34px; /* rtl */ } body blockquote, .wp-block-quote.is-style-large, .wp-block-quote.is-large { margin: 30px auto; } h3.product-name, .product-name h3 { text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; } #page .product-group-button-meta .compare, #page .product-group-button-meta .button-in .button-tooltip { display: none; } body.ts_desktop #page .main-products.columns-1.big-thumbnail .product-group-button-meta .button-in .button-tooltip { display: block; } :is(.page-template-blog-template, .woocommerce, .woocommerce-page, .single, .archive) #main>.page-container, #main>.page-container.index-template { padding-bottom: 60px; } #main-content.product-has-background:before { bottom: -60px; /* = padding bottom above */ } .woocommerce .woocommerce-form-track-order { margin-bottom: 50px; } #page .icon-big-button .elementor-button-icon i { font-size: 130%; margin-right: 0; /* rtl */ margin-left: 0; } /* FAQ */ .elementor-toggle .elementor-tab-title .elementor-toggle-icon i { line-height: 26px; } /* MAIN CONTENT */ .ts-sidebar>* { max-width: 100%; } .ts-product .content-wrapper.loading, .column-products.loading { height: 300px; } div#main { min-height: 300px; } /* BREADCRUMB */ .breadcrumb-title-wrapper .breadcrumb-title { gap: 10px; } .breadcrumb-title-wrapper .breadcrumb-title>* { height: auto; } .breadcrumb-title-wrapper.breadcrumb-v2 { min-height: 250px; } .header-transparent .breadcrumb-v2 .breadcrumb-content { padding-top: 50px; padding-bottom: 50px; } .breadcrumb-title-wrapper .breadcrumb-content { padding-top: 10px; padding-bottom: 10px; } /* SHOP PAGE */ #main-content.product-has-border-bottom .before-loop-wrapper { padding-bottom: 10px; } .before-loop-wrapper .special-filter-area>ul li a { font-size: var(--loobek-sub-cat-device-font-size); } .woocommerce .before-loop-wrapper { margin-bottom: 30px; } .ts-sidebar-content .ts-active-filters:empty+.widget-container { padding-top: 0; border-width: 0; } .ts-sidebar-content .ts-active-filters { margin-bottom: 40px; } #ts-filter-widget-area .overlay { display: block; } .style-filter-dropdown *:not(.filter-widget-area)>.ts-active-filters { display: none; } body:not(.ts_desktop) .woocommerce-ordering>span, body:not(.ts_desktop) .woocommerce-ordering .orderby ul, body:not(.ts_desktop) .product-per-page-form ul.perpage ul { display: none !important; } body:not(.ts_desktop) .product-per-page-form ul.perpage { z-index: 0; } body:not(.ts_desktop) .woocommerce-ordering select, body:not(.ts_desktop) .product-per-page-form>select { display: block; position: absolute; z-index: 1; top: 0; left: 0; /* rtl */ width: 100%; opacity: 0; padding-top: 1px; padding-bottom: 1px; } .woocommerce .after-loop-wrapper { margin-top: 50px; } .woocommerce .products>.list-categories { margin: 0 0 20px 0; } .woocommerce .woocommerce-ordering .orderby-current, .product-per-page-form ul.perpage>li span { line-height: 32px; } body:not(.ts_desktop) #page .main-products.columns-2 .product-group-button-meta { margin-top: 20px; } body:not(.ts_desktop) #page .main-products.columns-2 .product-group-button-meta { margin-top: 20px; } body:not(.ts_desktop) #page .main-products.columns-2 .product-group-button-meta>div.loop-add-to-cart a.button { padding: 1px 30px; } body:not(.ts_desktop) #page .main-products.columns-2 .product-group-button-meta div.loop-add-to-cart .button-tooltip:after { display: none; } /* PRODUCT DETAIL */ .comment-respond #reply-title { margin-bottom: 25px; } .woocommerce div.product .summary .woocommerce-tabs { margin-top: 20px; } /* BLOG */ .blog-categories-filter { margin-bottom: 40px; } /* BLOG DETAIL */ .heading-wrapper, .heading-shortcode, .theme-title { margin-bottom: 20px; } .info-except:not(:empty) { margin-top: 20px; } .entry-author .author-info { gap: 20px; } /* SHOPPING CART */ .woocommerce-cart .woocommerce .cart-collaterals:before { display: none; } .woocommerce table.shop_table td.actions { border: 0; } .woocommerce-cart .cart-collaterals .cart_totals table th { width: 30%; } .woocommerce table.shop_table.cart td.actions { margin-top: 30px; } .woocommerce table.my_account_orders tr td:last-child { min-width: auto; } /* CHECK OUT */ .woocommerce>form.checkout { padding-top: 20px; } .woocommerce ul#shipping_method li input { top: 1px; } /* CART POPUP */ .add-to-cart-popup-content { padding: 30px; } /* POPUP COMPARE */ body table.compare-list td img { width: 150px; } body table.compare-list td { width: auto; max-width: none; min-width: initial; } /* POPUP VIDEO */ #ts-product-360-modal.ts-popup-modal span.close { top: 20px } .admin-bar #ts-product-360-modal.ts-popup-modal { height: calc(100% - 46px); top: 46px; } #ts-product-360-modal .product-title { padding-top: 20px; } .admin-bar #ts-product-360-modal.ts-popup-modal span.close { top: 66px; } .ts-popup-modal .popup-container { width: 80%; } /* CONTACT */ .icon-contact { margin-bottom: 12px; } /* MY ACCOUNT */ .woocommerce-account .woocommerce-MyAccount-navigation li a { padding-top: 1px; padding-bottom: 1px; } /* WISHLIST */ .wishlist_table.mobile { overflow: hidden; display: flex; flex-flow: wrap; position: relative; margin-left: -10px; margin-right: -10px; margin-bottom: 40px; gap: 30px 0; opacity: 1 !important; } .wishlist_table.mobile .wishlist-empty { padding-left: 10px; padding-right: 10px; } .wishlist_table.mobile li { list-style: none; position: relative; margin: 0; padding: 0 10px; width: 25%; } .wishlist_table.mobile li .item-wrapper { width: 100%; margin-bottom: 5px; } .woocommerce .wishlist_table.mobile .product-add-to-cart a { width: 100%; } .wishlist_table.mobile .product-remove { position: absolute; width: 24px; text-align: center !important; right: 10px; /* rtl */ top: 0; z-index: 2; } .wishlist_table.mobile .product-remove i:before { content: "\e906"; font-family: 'icomoon'; letter-spacing: 0; font-weight: normal; font-size: 10px; letter-spacing: 0; line-height: 24px; } .wishlist_table.mobile .additional-info td { border-width: 0; } .wishlist_table.mobile li table.additional-info { margin-bottom: 0; } .wishlist_table.mobile li .item-wrapper .product-thumbnail { max-width: 100%; margin: 0 0 10px 0; } .wishlist_table.images_grid li .item-details h3, .wishlist_table.mobile li .item-details h3, .wishlist_table.modern_grid li .item-details h3 { margin-bottom: 6px; } .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, .wishlist_table.modern_grid li .item-details table.item-details-table td.label { width: auto; } .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.modern_grid li .item-details table.item-details-table td.label { display: none; } .wishlist_table.images_grid li .item-details table.item-details-table td.value, .wishlist_table.mobile li .item-details table.item-details-table td.value, .wishlist_table.modern_grid li .item-details table.item-details-table td.value { text-align: start; } .wishlist_table.images_grid li .item-details table.item-details-table td, .wishlist_table.mobile li .item-details table.item-details-table td, .wishlist_table.modern_grid li .item-details table.item-details-table td, .wishlist_table.mobile li table.additional-info td { padding: 0; } .wishlist_table.mobile .additional-info-wrapper { border-width: 1px 0 0 0; border-style: solid; } .wishlist_table.mobile li .item-wrapper .item-details { width: 100%; } .wishlist_table.mobile li table.additional-info td { padding: 6px 0; } .yith-wcwl-share { margin-top: 20px; } /* SHORTCODE */ /* Shortcode Banner */ .coupon-code { line-height: 34px; } .ts-banner .header-content>* { margin-bottom: 10px; } /* Shortcode Instagram */ .ts-instagram-elementor-widget .widget-container .instagram-username { top: -22px; } /* Shortcode Mailchimp */ .ts-mailchimp-subscription-shortcode.layout-vertical .mailchimp-subscription { display: block; } .ts-mailchimp-subscription-shortcode.layout-vertical .widget-title-wrapper { margin-left: 0; /* rtl */ margin-right: 0; /* rtl */ } /* Shortcode Categories */ .ts-product-category-wrapper.style-horizontal .product .product-wrapper>a { margin-right: 10px; /* rtl */ } .type-product-category.title-float { flex-wrap: wrap; } .type-product-category .style-horizontal .placeholder-item { grid-template-columns: 70px auto; } /* Shortcode Product */ .woocommerce .product .product-label { left: 5px; /* rtl */ top: 5px; } .ts-product-galleries { margin: 14px -2px 0 -2px; } .ts-product-galleries>* { margin: 2px; width: 28px; } /* Shortcode Deals */ .ts-countdown.style-inline { line-height: 36px; } .product-counter>span { display: none; } .thumbnail-wrapper .product-counter { padding-left: 5px; padding-right: 0; /* rtl */ left: 5px; /* rtl */ top: 5px; } .thumbnail-wrapper .ts-countdown.style-inline { line-height: 30px; } .ts-product-deals-wrapper.show-counter .product .product-label { top: 35px; } /* Shortcode Blog */ .ts-blogs.layout-list .entry-meta-bottom .button { padding: 1px 30px; line-height: 30px; } } @media only screen and (max-width: 991px) { /* SEARCH */ #ts-search-sidebar .popular-searches { justify-content: normal; } .popular-searches>h6 { margin-bottom: 10px; } /* DOKAN */ #tab-more_seller_product .products .product { width: 50%; } #tab-more_seller_product .products .product:nth-child(4n+1) { clear: none; } #tab-more_seller_product .products .product:nth-child(2n+1) { clear: both; } body.dokan-store .woocommerce .seller-items .products .product, body.dokan-store.woocommerce-page .products .product { width: 50%; float: left; /* rtl */ } body.dokan-store .woocommerce .seller-items .products .product.first, body.dokan-store.woocommerce-page .products .product.first { clear: none; } body.dokan-store .woocommerce .seller-items .products .product:nth-child(2n+1), body.dokan-store.woocommerce-page .products .product:nth-child(2n+1) { clear: both; float: left; /* rtl */ } /* RESET */ blockquote:before { font-size: 50px; line-height: 50px; } blockquote { padding: 0 0 0 30px; /* rtl */ } .page-container { min-height: 600px; } .ts-popup-modal .popup-container { width: 90%; } .admin-bar .ts-popup-modal .popup-container { margin-top: 46px; } .ts-elementor-lazy-load .placeholder-items { gap: 40px 10px; } .ts-shortcode .items { width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; } .ts-shortcode .items .item { padding-left: 5px; padding-right: 5px; } .ts-testimonial-wrapper .items .item:before { left: 5px; right: 5px; } .woocommerce .products { margin-left: -5px; margin-right: -5px; } .archive.ajax-pagination .woocommerce>.products:after { left: 5px; right: 5px; } .woocommerce .products .product { padding: 0 5px; } body .partial-view .swiper-button-prev { left: 15px; /* rtl */ } body .partial-view .swiper-button-next { right: 15px; /* rtl */ } body .swiper-button-prev { left: 5px; /* rtl */ } body .swiper-button-next { right: 5px; /* rtl */ } .woocommerce .product-wrapper .meta-wrapper { padding-left: 0; /* rtl */ padding-right: 10px; /* rtl */ } body .swiper-button-prev { left: 5px; /* rtl */ } body .swiper-button-next { right: 5px; /* rtl */ } /* BLOG */ .list-posts article.sticky .entry-content, .list-posts article.sticky .entry-content.no-featured-image { padding: 30px; } /* SHOP PAGE */ .special-filter-area.has-background { padding: 20px; } .main-products.columns-1 .products .product { width: 50%; } #main-content.product-has-background .product .product-wrapper, .ts-product.product-has-background .product .product-wrapper { padding: 10px 10px 15px 10px; } /* PRODUCT DETAIL */ body.text-uppercase div.product .woocommerce-tabs ul.tabs li { font-size: var(--loobek-h3-font-size); } .woocommerce div.thumbnail-layout-slider-2-col div.product-images-summary, .woocommerce .show-breadcrumb-v3 div.thumbnail-layout-slider-2-col div.product-images-summary { grid-template-columns: 100%; } .woocommerce div.thumbnail-layout-slider-2-col:not(.summary-scrolling) .summary~*, .woocommerce .show-breadcrumb-v3 div.thumbnail-layout-slider-2-col:not(.summary-scrolling) .summary~* { grid-column: auto; } .woocommerce div.thumbnail-layout-slider-2-col div.summary { padding: 0; margin-top: 40px; } .woocommerce div.product.thumbnail-layout-vertical div.woocommerce-product-gallery .flex-control-thumbs { width: 60px; min-width: 60px; } .woocommerce .has-1-sidebar div.product.thumbnail-layout-vertical div.woocommerce-product-gallery .flex-control-thumbs { right: 0; /* rtl */ left: auto; } .woocommerce div.product div.woocommerce-product-gallery .flex-control-thumbs li { width: 60px; } .woocommerce div.product.thumbnail-layout-vertical div.woocommerce-product-gallery { padding-left: 70px; /* rtl */ } .woocommerce .has-1-sidebar div.product.thumbnail-layout-vertical div.woocommerce-product-gallery { padding-right: 70px; /* rtl */ padding-left: 0; } .woocommerce div.product form.cart .group_table tr { padding: 10px; } .woocommerce .has-1-sidebar div.product.thumbnail-layout-vertical div.woocommerce-product-gallery .woocommerce-product-gallery__trigger { right: 70px; /* rtl */ } .woocommerce div.product.bought-together-style-default.reviews-inside-summary.tabs-inside-summary:not(.summary-scrolling) .yith-wfbt-form .yith-wfbt-submit-block { margin-top: 30px; } body:not(.ts_desktop) #page .main-products.columns-1 .product-group-button-meta { margin-top: 20px; } body:not(.ts_desktop) #page .main-products.columns-1 .product-group-button-meta>div.loop-add-to-cart a.button { padding: 1px 30px; } body:not(.ts_desktop) #page .main-products.columns-1 .product-group-button-meta div.loop-add-to-cart .button-tooltip:after { display: none; } /* MY ACCOUNT */ .woocommerce table.my_account_orders tr td { padding: 10px 0 10px 10px; /* rtl */ } .woocommerce table.my_account_orders th, .woocommerce table.shop_table.order_details th { padding: 0 0 10px 10px; /* rtl */ } .woocommerce table.my_account_orders thead th:first-child, .woocommerce table.shop_table.order_details thead th:first-child { padding-bottom: 10px; } .woocommerce table.my_account_orders tr td:first-child, .woocommerce table.shop_table.order_details tr td:first-child { padding-left: 0; /* rtl */ padding-right: 0; /* rtl */ } .woocommerce table.my_account_orders tr:nth-child(2n) td, .woocommerce-page table.my_account_orders tr:nth-child(2n) td { background: transparent !important; } .woocommerce table.my_account_orders tr { margin-bottom: 40px; } .woocommerce table.my_account_orders tr:last-child { margin-bottom: 0; } .woocommerce-account .woocommerce-MyAccount-content { margin-bottom: 10px; } .woocommerce table.my_account_orders tr td:last-child .button { line-height: 24px; } /* WISHLIST */ .wishlist_table.mobile { margin-left: -5px; margin-right: -5px; opacity: 1 !important; } .wishlist_table .wishlist-empty { padding-left: 5px; padding-right: 5px; } .wishlist_table.mobile .product-remove { right: 5px; /* rtl */ } .wishlist_table.mobile li { padding: 0 5px; } /* WOOCOMMERCE */ .woocommerce form .form-row-first, .woocommerce form .form-row-last { width: 100%; float: none; /* rtl */ } .woocommerce form .form-row-first { margin-right: 0; /* rtl */ } .woocommerce-checkout #customer_details, .woocommerce .checkout #order_review { width: 100%; clear: both; } /* SHOPPING CART */ .woocommerce .checkout-login-coupon-wrapper>div { width: 100%; } .woocommerce table.shop_table_responsive tr td:before, .woocommerce-page table.shop_table_responsive tr td:before { font-size: var(--loobek-main-small-font-size); } .shop_table_responsive .quantity { line-height: 30px; text-align: center; width: 80px; margin: -5px 0; } .shop_table_responsive .quantity input.qty, .woocommerce .shop_table_responsive .quantity input.qty { padding: 0 24px; border: 0; width: 80px; } .shop_table_responsive .quantity .minus, .shop_table_responsive .quantity .plus { line-height: 30px; height: 30px; width: 24px; } .woocommerce #content table.cart .product-thumbnail:before, .woocommerce table.cart .product-thumbnail:before, .woocommerce-page #content table.cart .product-thumbnail:before, .woocommerce-page table.cart .product-thumbnail:before { display: none; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 80px; } .woocommerce-cart .woocommerce .cart-collaterals, .woocommerce-checkout #order_review_heading { margin-top: 60px; } /* CHECKOUT */ .woocommerce-checkout #customer_details { margin-bottom: 60px; } /* PRODUCT DETAIL */ .woocommerce .has-1-sidebar div.product div.product-images-summary, .woocommerce .has-1-sidebar.show-breadcrumb-v3 div.product div.product-images-summary { grid-template-columns: 100%; } .woocommerce .has-1-sidebar div.product:not(.summary-scrolling) .summary~*, .woocommerce .has-1-sidebar.show-breadcrumb-v3 div.product:not(.summary-scrolling) .summary~* { grid-column: auto; } body.woocommerce .has-1-sidebar div.product div.summary { padding-left: 0; padding-right: 0; margin-top: 40px; grid-column: 1 / 2; } /* SHORTCODE */ /* Shortcode Blog */ .ts-shortcode .load-more-wrapper { margin-bottom: 20px; } .ts-blogs-wrapper article { margin-bottom: 30px; } .ts-blogs-wrapper .blogs { margin-bottom: -30px; } /* Shortcode Coupon */ .ts-coupon-wrapper.item-vertical { justify-content: center; } /*Shortcode Deals */ .thumbnail-wrapper .ts-countdown.style-inline { line-height: 24px; font-size: 12px; } .ts-product-deals-wrapper.show-counter .product .product-label { top: 29px; } /* Shortcode Tab */ .column-tabs ul.tabs { gap: 10px 30px; } /* Shortcode Testimonial */ .ts-testimonial-wrapper.columns-1 .testimonial-content { padding-left: 30px; padding-right: 30px; } /* Shortcode Mailchimp */ .text-tablet-center .layout-simple .mailchimp-subscription .subscribe-email { margin-left: -5px; margin-right: -5px; } .text-tablet-center .layout-simple .mailchimp-subscription .subscribe-email>* { margin: 0 5px; } .text-tablet-center .layout-simple .subscribe-email { display: flex; } .text-tablet-center .layout-simple .subscribe-email .button { padding: 7px 30px; } .text-tablet-center .ts-mailchimp-subscription-shortcode .widget-title { margin-left: auto; margin-right: auto; } .text-tablet-left .ts-mailchimp-subscription-shortcode .widget-title { margin-left: 0; margin-right: auto; } .text-tablet-right .ts-mailchimp-subscription-shortcode .widget-title { margin-left: auto; margin-right: 0; } } @media only screen and (max-width: 1200px) and (min-width: 768px) { /* LOGO */ body .logo-wrapper { width: var(--loobek-logo-ipad-width); max-width: var(--loobek-logo-ipad-width); } header .logo-wrapper .logo img { max-width: var(--loobek-logo-ipad-width); } /* HEADER */ body>.ts-search-result-container { padding-top: 35px; } body>.ts-search-result-container:before { top: 15px; } .header-v8 #ts-search-sidebar, .header-v9 #ts-search-sidebar { display: block; } .logo-center .logo-wrapper { margin-left: 0; /* rtl */ margin-right: 0; /* rtl */ } .menu-middle .header-middle .menu-wrapper { width: 100%; } .ts-header nav>ul li ul.sub-menu:before { top: 4px; } .ts-header nav>ul li ul.sub-menu { padding-top: 34px; } .ts-header .header-bottom nav>ul li ul.sub-menu:before { top: 10px; } .ts-header .header-bottom nav>ul li ul.sub-menu { padding-top: 40px; } .header-v12 .menu-middle .header-middle .menu-wrapper { position: static; width: auto; display: block; max-width: none; transform: none; order: 0; padding: 0; } .header-v12 .menu-middle .header-middle .menu-wrapper:before { display: none; } .header-middle>.container { padding-top: 15px; padding-bottom: 15px; } body.header-v6 .header-middle>.container { padding-bottom: 15px; } .ts-header .header-bottom .menu-wrapper { margin-bottom: 10px; } .header-v6 .header-middle .header-left, .header-v9 .header-middle .header-left { order: 2; margin-right: auto; /* rtl */ margin-left: 0; /* rtl */ } .header-v6 .header-middle .logo-wrapper, .header-v9 .header-middle .logo-wrapper { order: 1; } .header-v6 .header-middle .header-right, .header-v9 .header-middle .header-right { order: 3; } .header-v9 .header-bottom { margin-top: -4px; } .header-top .ts-tiny-account-wrapper .account-link>a:before { line-height: 10px; } .header-top .shopping-cart-wrapper .ic-cart:before, .header-top .ts-tiny-account-wrapper .account-link>a:before, .header-top .my-wishlist-wrapper a:before { font-size: 14px; display: inline; } .header-top .my-wishlist-wrapper>a { display: inline; } /* MENU */ .header-transparent.no-absolute .menu-middle.header-sticky:not(.is-sticky) .header-middle .menu-wrapper nav>ul>li>a { color: var(--loobek-menu-color); } .header-transparent.no-absolute .menu-middle.header-sticky:not(.is-sticky) .header-middle .menu-wrapper:before { display: none; } .header-transparent.no-absolute .menu-middle.header-sticky:not(.is-sticky) .header-middle .menu-wrapper { padding-top: 0; padding-bottom: 0; } .header-transparent.no-absolute .menu-middle.header-sticky:not(.is-sticky) .header-middle .menu-wrapper .ts-menu { padding: 4px 20px; background-color: var(--loobek-middle-header-bg); } .header-transparent.no-absolute .menu-middle.header-sticky:not(.is-sticky) .menu-wrapper nav>ul>li.menu-item:hover:before, .header-transparent.no-absolute .menu-middle.header-sticky:not(.is-sticky) .menu-wrapper nav>ul>li:hover>a, .header-transparent.no-absolute .menu-middle.header-sticky:not(.is-sticky) .menu-wrapper nav>ul>li[class*="current-"]:before, .header-transparent.no-absolute .menu-middle.header-sticky:not(.is-sticky) .menu-wrapper nav>ul>li[class*="current-"]>a { color: var(--loobek-menu-hover-color); } .menu-wrapper nav>ul>li>a, .menu-wrapper nav>ul>li.menu-item:before { font-size: var(--loobek-menu-ipad-font-size); line-height: var(--loobek-menu-ipad-line-height); } /* RESET */ h1, .header-transparent .breadcrumb-v2 .breadcrumb-title h1, .ts-coupon-wrapper.item-vertical .discount-number, .breadcrumb-v2 .breadcrumb-title h1 { font-size: var(--loobek-h1-device-font-size); line-height: var(--loobek-h1-device-line-height); } h2, article.single h1.entry-title, .ts-coupon-shortcode .number { font-size: var(--loobek-h2-device-font-size); line-height: var(--loobek-h2-device-line-height); } .ts-coupon-shortcode .number, body .cart-empty.woocommerce-info, div.product>#reviews .wcpr-overall-rating-left-average, .woocommerce-tabs #reviews .wcpr-overall-rating-left-average { font-size: var(--loobek-h2-device-font-size); } h3, .woocommerce #primary>.woocommerce-info, .main-products.columns-1 .product:not(.product-category) .product-name, .main-products.columns-1 .product:not(.product-category) .price, .woocommerce-no-products-found .woocommerce-info { font-size: var(--loobek-h3-device-font-size); line-height: var(--loobek-h3-device-line-height); } .woocommerce div.product .summary p.price .amount, div.product .summary .ts-variation-price .amount { font-size: var(--loobek-h3-device-font-size); } h4, blockquote, #order_review_heading, .woocommerce-account .page-container div.woocommerce>h2, .account-content h2, .woocommerce-MyAccount-content>h2, .woocommerce-customer-details>h2, .woocommerce-order-details>h2, .woocommerce-billing-fields>h3, .woocommerce-additional-fields>h3, header.woocommerce-Address-title>h3, .product-size-chart-container .product-size-chart-content>h2 { font-size: var(--loobek-h4-device-font-size); line-height: var(--loobek-h4-device-line-height); } h5, .ts-floating-sidebar h2, .entry-content h1.blog-title, .mc4wp-form-fields>h2.title, .dropdown-container .cart-number, .yith-wfbt-section>h3, .team-info h3.name, #customer_login h2, .woocommerce table.order_details tfoot .amount, .woocommerce table.order_details tfoot .amount, .dokan-pagination-container .dokan-pagination, .dropdown-footer .total .amount, .ts-coupon-shortcode { font-size: var(--loobek-h5-device-font-size); line-height: var(--loobek-h5-device-line-height); } .cart-dropdown-form .clear-cart-button { line-height: var(--loobek-h5-device-line-height); } .woocommerce div.product .woocommerce-tabs ul.tabs li, #reviews .wcpr-filter-container a, #reviews .wcpr-filter-container .wcpr-filter-button { font-size: var(--loobek-h5-device-font-size); } h6, html body>h1, .breadcrumb-title .term-description, .ts-megamenu .shortcode-heading-wrapper h2, .ts-list-of-product-categories-wrapper .heading-title, .ts-list-of-product-tags-wrapper .heading-title, .cart-empty .empty-content>label, .ts-countdown:not(.style-inline) .ref-wrapper, .main-products.columns-1:not(.big-thumbnail) .product:not(.product-category) .meta-wrapper .price del, .ts-list-of-product-categories-wrapper .heading-title, .ts-list-of-product-tags-wrapper .heading-title, .ts-megamenu .shortcode-heading-wrapper h2, h6.elementor-heading-title, .elementor-widget-container>h5 { font-size: var(--loobek-h6-device-font-size); line-height: var(--loobek-h6-device-line-height); } .woocommerce table.my_account_orders tfoot .amount, .woocommerce table.order_details tfoot .amount { font-size: var(--loobek-h6-device-font-size); } .menu-wrapper nav.second-menu-middle>ul>li>a, .ts-product-deals-wrapper header .ts-countdown { font-size: var(--loobek-main-font-size); } .woocommerce .yith-wfbt-section>h3, .heading-shortcode>h3, .heading-wrapper>h2, .woocommerce div.wishlist-title h2, .theme-title .heading-title, .woocommerce .cross-sells>h2, .woocommerce .up-sells>h2, .woocommerce .related>h2, .heading-tab h2, .column-tabs ul.tabs li, .woocommerce div.product .entry-title, div.product.show-tabs-content-default .panel>h2, div.product.show-tabs-content-default #comments>h2, .wcpr-overall-rating-and-rating-count h2, div.product>.woocommerce-tabs #comments>h2, div.product:not(.collapse-reviews-tab)>#reviews #comments>h2, .shortcode-title, .breadcrumb-title h1, .special-filter-area .page-title { font-size: var(--loobek-heading-device-font-size); line-height: var(--loobek-heading-device-line-height); } .main-content-fullwidth .breadcrumb-title-wrapper .container, .header-fullwidth .ts-header .container, .footer-fullwidth .footer-container .container, .main-content-fullwidth .page-container, .layout-fullwidth .container, .layout-fullwidth .page-container, .layout-fullwidth .breadcrumb-title-wrapper .container { max-width: 100%; } .header-fullwidth .ts-megamenu-fullwidth-stretch>ul.sub-menu>li, .layout-fullwidth .ts-megamenu-fullwidth-stretch>ul.sub-menu>li { width: 100%; } .widget-container { margin-top: 30px; padding-top: 30px; } .widget-container:not(:first-child) .swiper-button-next, .widget-container:not(:first-child) .swiper-button-prev { top: 30px; } body .widget_media_image, body .widget_calendar { margin-top: 30px; } body #ts-ajax-add-to-cart-message { padding-top: 12px; padding-bottom: 12px; } /* SHOP PAGE */ .woocommerce.columns-5 .products .product, .woocommerce.columns-6 .products .product { width: 25%; } .show-breadcrumb-v3 .filter-button-position-inline .before-loop-wrapper .filter-widget-area-button a { background-color: var(--loobek-main-bg); } .before-loop-wrapper .special-filter-area>ul { gap: 5px 20px; } .style-filter-top .filter-widget-area .ts-active-filters { padding-bottom: 40px; margin: 0 0 40px 0; position: relative; } .style-filter-top .filter-widget-area .ts-active-filters+.widget-container { border-width: 0; padding-top: 0; } .style-filter-top .filter-widget-area .ts-active-filters:after { position: absolute; left: -40px; right: -40px; border-width: 1px 0 0 0; border-style: solid; content: ""; bottom: 0; z-index: 0; } .woocommerce .style-sort-border-overflow .before-loop-wrapper { gap: 20px 10px; } .filter-widget-area-button, .ts-product-columns-selector, .style-sort-border-overflow .before-loop-wrapper .ts-product-columns-selector, .style-sort-border-overflow .before-loop-wrapper .product-on-sale-form { margin-right: 10px; /* rtl */ } .style-filter-sidebar.style-sort-border-overflow .before-loop-wrapper .filter-widget-area-button, .style-filter-sidebar .filter-widget-area-button { width: auto; } .ts-product-columns-selector .column-5 { display: none; } /* PRODUCT DETAIL */ .bought-together-layout-vertical .yith-wfbt-section .yith-wfbt-images td img, .bought-together-layout-vertical .yith-wfbt-section .yith-wfbt-items li { max-width: 150px; width: 100%; align-self: flex-start; min-height: auto !important; } .bought-together-layout-vertical .yith-wfbt-form { margin-bottom: 0 !important; } .bought-together-layout-vertical.summary-scrolling .yith-wfbt-section .yith-wfbt-images td, .bought-together-layout-vertical.summary-scrolling .yith-wfbt-section .yith-wfbt-items li { min-height: auto !important; } .bought-together-layout-vertical .woocommerce.yith-wfbt-section { margin-top: 60px !important; /* overwrite js margin */ top: auto !important; /* overwrite js sticky */ } .bought-together-layout-vertical.summary-scrolling .woocommerce.yith-wfbt-section { padding: 0; border-width: 0; } .bought-together-layout-vertical .woocommerce.yith-wfbt-section~* { grid-column: 1 / 2; } .bought-together-layout-vertical:not(.summary-scrolling) .woocommerce.yith-wfbt-section, .bought-together-layout-vertical:not(.summary-scrolling) .product-images-summary>.woocommerce-tabs { grid-column: 1 / 3; } .page-container.no-sidebar .bought-together-layout-horizontal:not(.summary-scrolling) .woocommerce.yith-wfbt-section { padding: 60px 0; } .no-sidebar .product-images-summary .woocommerce-tabs~.product-custom-content { order: 4; } .no-sidebar .product-images-summary .woocommerce-tabs~.product-custom-content, .no-sidebar .product-images-summary .product-custom-content~.woocommerce-tabs { grid-column: 1 / 2; } .summary-scrolling .yith-wfbt-form { grid-template-columns: auto; } .summary-scrolling .yith-wfbt-form .yith-wfbt-submit-block { order: 3; display: flex; align-items: baseline; gap: 0 20px; justify-content: flex-end; margin-top: 20px; } .summary-scrolling .yith-wfbt-form .price_text { display: flex; align-items: baseline; gap: 10px; } /* BLOG */ .site-content>.list-posts:not(.columns-2):not(.columns-3) { gap: 60px 0; } .site-content>.list-posts:not(.columns-2):not(.columns-3) .entry-title { font-size: var(--loobek-h3-device-font-size); line-height: var(--loobek-h3-device-line-height); } /* BLOG DETAIL */ article.single .entry-author { padding: 30px; } /* COMPARE */ #colorbox.yith_woocompare_colorbox, .yith_woocompare_colorbox #cboxLoadedContent { max-height: 70vh; overflow: hidden; } /* WIDGET */ .woocommerce ul.product_list_widget li .price { margin-left: -2px; margin-right: -2px; width: calc(100% + 4px); } .woocommerce ul.product_list_widget li span.amount { margin-left: 2px; margin-right: 2px; } body .yith-woocompare-widget a.clear-all { top: 0; } /* Widget Product */ .woocommerce ul.product_list_widget li>.ts-wg-thumbnail { width: 60px; min-width: 60px; } .woocommerce ul.product_list_widget li .ts-wg-meta { margin-left: 15px; /* rtl */ } ul.product_list_widget li .ts-wg-meta { max-width: none; } /* SHORTCODE */ /* Shortcode Testimonial */ .ts-testimonial-wrapper:not(.ts-slider) .items, .ts-testimonial-wrapper .items .swiper-wrapper { margin-bottom: -20px; } .ts-testimonial-wrapper .items .item { margin-bottom: 20px; } /* Shortcode Banner */ .ts-banner:is(.img-mobile-tablet, .img-tablet) .mobile-banner { display: block; } .ts-banner:is(.img-mobile-tablet, .img-tablet) .main-banner { display: none; } /* Shortcode Mailchimp */ .ts-mailchimp-subscription-shortcode.layout-simple:not(.text-tablet-center) .subscribe-email .button { padding: 1px 30px; } } @media only screen and (max-width: 1560px) and (min-width: 1201px) { /* HEADER */ .ts-header.logo-center .ts-menu>nav.main-menu>ul>li, .ts-header.logo-center nav.main-menu>ul>li { margin-right: 20px; /* rtl */ } .ts-header.logo-center .ts-menu>nav.main-menu>ul>li:last-child, .ts-header.logo-center nav.main-menu>ul>li:last-child, body:is(.header-v1, .header-v2, .header-v9, .header-v10) .ts-header nav>ul>li:last-child { margin-right: 0; /* rtl */ margin-left: 0; /* rtl */ } body:is(.header-v1, .header-v2, .header-v9, .header-v10) .ts-header nav>ul>li { margin-right: 25px; /* rtl */ } body:is(.header-v1, .header-v2, .header-v9, .header-v10) .menu-middle .header-middle .menu-wrapper { margin-left: 25px; /* rtl */ margin-right: auto; } body:is(.header-v1, .header-v2, .header-v9, .header-v10) .header-middle .header-right { margin-right: 0; /* rtl */ margin-left: 30px; } body:is(.header-v1, .header-v2) .header-middle .header-right>.ts-search-normal { margin-right: 30px; /* rtl */ } } @media only screen and (max-width: 1560px) and (min-width: 1201px) { /* HEADER */ .ts-header.logo-center .ts-menu>nav.main-menu>ul>li, .ts-header.logo-center nav.main-menu>ul>li { margin-right: 20px; /* rtl */ } .ts-header.logo-center .ts-menu>nav.main-menu>ul>li:last-child, .ts-header.logo-center nav.main-menu>ul>li:last-child, body:is(.header-v1, .header-v2, .header-v9, .header-v10, .header-v11) .ts-header nav>ul>li:last-child { margin-right: 0; /* rtl */ margin-left: 0; /* rtl */ } body:is(.header-v1, .header-v2, .header-v9, .header-v10, .header-v11) .ts-header nav>ul>li { margin-right: 25px; /* rtl */ } body:is(.header-v1, .header-v2, .header-v9, .header-v10, .header-v11) .menu-middle .header-middle .menu-wrapper { margin-left: 25px; /* rtl */ margin-right: auto; } body:is(.header-v1, .header-v2, .header-v9, .header-v10, .header-v11) .header-middle .header-right { margin-right: 0; /* rtl */ margin-left: 30px; } body:is(.header-v1, .header-v2) .header-middle .header-right>.ts-search-normal { margin-right: 30px; /* rtl */ } body:is(.header-v11) .ts-header .group-language-currency { margin-right: 20px; /* rtl */ } /* FASHION MARKET 02 */ .layout-fullwidth .item-horizontal .coupon-code, .header-fullwidth .ts-header .item-horizontal .coupon-code, .main-content-fullwidth .page-container .item-horizontal .coupon-code, .footer-fullwidth .footer-container .item-horizontal .coupon-code { padding-left: 20px; padding-right: 20px; } .layout-fullwidth .item-horizontal .coupon-code .copy-message, .header-fullwidth .item-horizontal .coupon-code .copy-message, .main-content-fullwidth .item-horizontal .coupon-code .copy-message, .footer-fullwidth .item-horizontal .coupon-code .copy-message { padding-right: 34px; /* rtl */ } /* MEGA MENU */ .ts-megamenu .fix-banner-mega .ts-banner { margin-top: 20px; } .ts-megamenu .fix-banner-mega .ts-banner .box-content { padding: 15px; } #page .ts-megamenu .fix-banner-mega .ts-banner h4 { font-size: 14px; line-height: 18px; } #page .ts-megamenu .fix-banner-mega .ts-banner h2 { font-size: 20px; line-height: 24px; } /* MAIN CONTENT */ :is(.page-template-blog-template, .woocommerce, .woocommerce-page, .single, .archive) #main>.page-container, #main>.page-container.index-template { padding-bottom: 80px; } #main-content.product-has-background:before { bottom: -80px; /* = padding bottom above */ } /* BREADCRUMB */ .breadcrumb-title-wrapper .breadcrumb-title { gap: 20px; } /* PRODUCT DETAIL */ .woocommerce div.product.thumbnail-layout-slider-3-col .entry-title { font-size: var(--loobek-h3-font-size); line-height: var(--loobek-h3-line-height); } .woocommerce div.product.thumbnail-layout-slider-3-col .woocommerce-product-rating, .thumbnail-layout-slider-3-col .summary .detail-meta-top { margin-bottom: 10px; } .outofstock .summary .single-product-buttons { margin-top: 10px; } .woocommerce div.product.thumbnail-layout-slider-3-col .price~form.cart { margin: 10px 0; } .woocommerce div.product.thumbnail-layout-slider-3-col form.cart .group_table { margin-bottom: 20px; } .enable-catalog-mode div.product.thumbnail-layout-slider-3-col:not(.product-type-variable) .single-product-buttons, .woocommerce div.product.thumbnail-layout-slider-3-col form.cart .ts-extra-products-wrapper+.variations, .woocommerce div.product.thumbnail-layout-slider-3-col form.cart .ts-extra-products-wrapper+div.quantity { margin-top: 20px; } .thumbnail-layout-slider-3-col .grouped-product-heading { padding-top: 20px; } .woocommerce div.product.thumbnail-layout-slider-3-col form.cart { padding-top: 20px; } .woocommerce div.product.thumbnail-layout-slider-3-col .summary p.price .amount, div.product.thumbnail-layout-slider-3-col .summary .ts-variation-price .amount { font-size: var(--loobek-h4-font-size); } body:not(.rtl) div.product.social-sharing-sticky.image-summary-limited-width .summary { padding-right: 60px; /* rtl */ } .no-sidebar .related-above-tab:not(.summary-scrolling) .product-images-summary { padding-bottom: 80px; } .woocommerce div.product.related-above-tab:not(.summary-scrolling)>.woocommerce-tabs { padding: 80px 0; } .related-up-sells-bestsellers, .woocommerce div.product { gap: 80px; } .page-container.no-sidebar .bought-together-layout-horizontal.bought-together-border-overflow:not(.summary-scrolling) .woocommerce.yith-wfbt-section, .page-container.no-sidebar .bought-together-layout-horizontal.bought-together-border-default:not(.summary-scrolling) .woocommerce.yith-wfbt-section, .page-container div.product.bought-together-border-default:not(.summary-scrolling) .woocommerce.yith-wfbt-section, .page-container div.product.bought-together-border-overflow:not(.summary-scrolling) .woocommerce.yith-wfbt-section { padding: 80px 0; } #page div.product:not(.summary-scrolling):not(.bought-together-border-overflow):not(.bought-together-border-default)>.product-images-summary+#reviews, #page div.product:not(.summary-scrolling):not(.bought-together-border-overflow):not(.bought-together-border-default)>.product-custom-content+#reviews { padding-top: 80px; } div.product:not(.bought-together-layout-vertical) .product-images-summary .yith-wfbt-section { margin-top: 80px; } .summary>#reviews { margin-top: 70px; } .woocommerce .page-container.has-1-sidebar div.product.bought-together-layout-vertical div.summary { padding-left: 30px; /* rtl */ } .page-container.has-1-sidebar .bought-together-layout-vertical div.yith-wfbt-section { padding-left: 30px; /* rtl */ } .has-1-sidebar .summary-scrolling.bought-together-layout-horizontal .yith-wfbt-form { grid-template-columns: auto; } .has-1-sidebar .summary-scrolling.bought-together-layout-horizontal .yith-wfbt-form .yith-wfbt-submit-block { order: 3; display: flex; align-items: baseline; gap: 0 20px; justify-content: flex-end; margin-top: 20px; } .has-1-sidebar .summary-scrolling.bought-together-layout-horizontal .yith-wfbt-form .price_text { display: flex; align-items: baseline; gap: 10px; } .thumbnail-layout-slider-2-col .summary .single-product-buttons { gap: 10px 20px; } .woocommerce div.thumbnail-layout-slider-2-col div.product-images-summary { grid-template-columns: 60% 40%; } .product-images-summary>.woocommerce-tabs { margin-top: 80px; } div.product .related-up-sells-bestsellers, div.product.summary-scrolling-border .related-up-sells-bestsellers { padding: 80px 0; margin-bottom: -80px; } div.product.summary-scrolling-border .related-up-sells-bestsellers { margin-bottom: -81px; } .related-up-sells-bestsellers { gap: 80px; } div.product.show-tabs-content-default>.woocommerce-tabs .panel { padding-bottom: 80px; margin-bottom: 80px; } .woocommerce #reviews #comments ol.commentlist>li .comment-text { grid-template-columns: 150px auto auto; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { min-width: 150px; } .comment-text .star-rating { left: 150px; /* rtl */ } /* BLOG DETAIL */ .entry-image-header .entry-header { gap: 20px; } .entry-image-header { gap: 0 50px; } article.single .entry-content>div.entry-meta-bottom { margin-top: 80px; } .single article.single { gap: 80px; } .ts-blogs.related-posts { padding-bottom: 80px; } #comments.comments-area ol.commentlist+#comment-wrapper { margin-top: 80px; } .single-post-bottom-content { gap: 80px; margin-top: 80px; } /* SHOPPING CART */ .woocommerce-cart .cross-sells { margin-top: 80px; } /* COMING SOON */ body .blank-page-template h1 { font-size: 52px; line-height: 60px; } /* SHORTCODE */ /* Shortcode Categories */ .main-content-fullwidth .page-container .style-horizontal.columns-6.limit-12:not(.ts-slider) .products .product, .footer-fullwidth .footer-container .style-horizontal.columns-6.limit-12:not(.ts-slider) .products .product, .layout-fullwidth .style-horizontal.columns-6.limit-12:not(.ts-slider) .products .product { width: 25%; } /* Shortcode Blog */ .ts-blogs.layout-list article .article-content { gap: 50px; } .type-blog .layout-list .placeholder-item { gap: 10px 50px; } .e-con-inner>div:first-child:last-child .ts-blogs.layout-list .entry-content { max-width: 350px; } } @media only screen and (max-width: 1560px) and (min-width: 992px) { /* PRODUCT DETAIL */ .summary-scrolling.bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-images, .summary-scrolling.bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-items { min-height: auto !important; } .summary-scrolling.bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-images td img, .summary-scrolling.bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-items li { max-width: 250px; width: 100%; align-self: flex-start; } .summary-scrolling.bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-images .image_plus { width: 30px; min-width: 30px; } .summary-scrolling.bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-items li { margin-right: 30px; /* rtl */ } .summary-scrolling.bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-items li:last-child { margin-right: 0; /* rtl */ } .summary-scrolling.bought-together-layout-horizontal .yith-wfbt-form { margin-bottom: 0 !important; } .summary-scrolling.bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-items { transform: none; margin-top: 10px; } .summary-scrolling.bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-items li:before { display: none; } .has-1-sidebar .bought-together-layout-horizontal:not(.summary-scrolling) .yith-wfbt-section .yith-wfbt-items { transform: none; margin-top: 10px; } .has-1-sidebar .bought-together-layout-horizontal:not(.summary-scrolling) .yith-wfbt-section .yith-wfbt-items li:before { display: none; } .has-1-sidebar .bought-together-layout-horizontal:not(.summary-scrolling) .yith-wfbt-section .yith-wfbt-images td img { margin: 0; } .has-1-sidebar .bought-together-layout-horizontal:not(.summary-scrolling) .yith-wfbt-section .yith-wfbt-images td img, .has-1-sidebar .bought-together-layout-horizontal:not(.summary-scrolling) .yith-wfbt-section .yith-wfbt-items li { max-width: 150px; width: 100%; align-self: flex-start; padding: 0; border-radius: 0; border-width: 0; } .has-1-sidebar .bought-together-layout-horizontal:not(.summary-scrolling) .yith-wfbt-section .yith-wfbt-images, .has-1-sidebar .bought-together-layout-horizontal:not(.summary-scrolling) .yith-wfbt-section .yith-wfbt-items { min-height: auto !important; } .has-1-sidebar .bought-together-layout-horizontal:not(.summary-scrolling) .yith-wfbt-submit-block { top: auto !important; } .has-1-sidebar .bought-together-layout-horizontal:not(.summary-scrolling) .yith-wfbt-form { margin-bottom: 0 !important; } } @media only screen and (max-width: 1560px) and (min-width: 768px) { /* PRODUCT DETAIL */ .summary ol.commentlist .comment_container { display: grid; } .woocommerce .summary .comment-text .star-rating { left: 0; /* rtl */ top: 15px; } .woocommerce .summary #reviews #comments ol.commentlist>li ul.children .comment-text, .woocommerce .summary #reviews #comments ol.commentlist>li .comment-text { grid-template-columns: 100%; gap: 0; } .summary .comment-text .description { padding-top: 48px; } .summary .children .comment-text .description { padding-top: 15px; } .woocommerce .summary #reviews #comments ol.commentlist ul.children { padding: 0 0 0 30px; /* rtl */ } body.woocommerce .summary #reviews #comments ol.commentlist li .meta { position: absolute; left: 80px; top: 0; height: 60px; right: 0; width: auto; transform: translate(0, -100%); align-content: center; } } @media only screen and (max-width: 1200px) and (min-width: 992px) { /* HEADER */ .ts-header nav>ul>li, .header-middle .header-link ul>li { margin-right: 25px; /* rtl */ } body:not(.rtl) .ts-header .header-social-icon+.group-language-currency, body:not(.rtl).header-v12 .ts-header .group-language-currency { margin-right: 20px; /* rtl */ margin-left: auto; } .header-v12 .ts-header nav>ul li ul.sub-menu:before { top: 21px; } .header-v12 .ts-header nav>ul li ul.sub-menu { padding-top: 51px; } .header-v6 .header-middle .logo-wrapper, .header-v9 .header-middle .logo-wrapper { margin-left: 0; /* rtl */ margin-right: 40px; /* rtl */ } /* RESET */ .columns-4 .items .item, .columns-5 .items .item { width: 33.3333%; } .columns-6 .items .item, .columns-7 .items .item { width: 20%; } .columns-8 .items .item, .columns-9 .items .item, .columns-10 .items .item { width: 14.2857%; } /* BLOG */ .list-posts.columns-3 .entry-title, .ts-blogs .entry-title { font-size: var(--loobek-h5-device-font-size); line-height: var(--loobek-h5-device-line-height); } /* BLOG DETAIL */ .commentlist .children { padding: 0 0 0 100px; /* rtl */ } .commentlist .children .children { padding: 30px 0 0 70px; /* rtl */ } body .ts-popup-modal .add-to-cart-popup-container.has-cross-sells { max-width: calc(100% - 40%); } /* SHOP PAGE */ .hide-columns-selector.hide-onsale-checkbox .before-loop-wrapper .special-filter-area~.filter-widget-area-button { order: 17; width: auto; margin: 0; } .hide-columns-selector.hide-onsale-checkbox .before-loop-wrapper .special-filter-area~.ts-product-columns-selector { margin-right: 20px; /* rtl */ margin-left: 0; } .hide-columns-selector.hide-onsale-checkbox .before-loop-wrapper .special-filter-area~.product-on-sale-form { margin-right: 20px; /* rtl */ margin-left: 0; } .hide-columns-selector.hide-onsale-checkbox .before-loop-wrapper .special-filter-area~.woocommerce-ordering { margin: 0; } .hide-columns-selector.hide-onsale-checkbox .before-loop-wrapper .special-filter-area { margin-top: 10px; } .has-1-sidebar #main-content .main-products.columns-1:not(.big-thumbnail) .product:not(.product-category) .thumbnail-wrapper { width: 35%; } .has-1-sidebar #main-content .main-products.columns-1:not(.big-thumbnail) .product .meta-wrapper .price~.product-group-button-meta { padding-top: 20px; margin-top: 20px; } .has-1-sidebar #main-content .main-products.columns-1:not(.big-thumbnail) .product .meta-wrapper .short-description { padding-top: 20px; margin-top: 16px; } .has-1-sidebar #main-content .main-products.columns-1:not(.big-thumbnail) .product:not(.product-category) .meta-wrapper { grid-template-columns: repeat(3, 20%) 40%; } body:not(.ts_desktop) .has-1-sidebar .main-products.columns-1.big-thumbnail .product-group-button-meta>.button-in { display: none; } body:not(.ts_desktop) .has-1-sidebar .main-products.columns-1 .products .variable-quick-add-to-cart .variable-product-quick-add-to-cart { margin-bottom: 0; } body:not(.ts_desktop) .has-1-sidebar .main-products.columns-1 .products .product-group-button { display: block; transform: none; } body:not(.ts_desktop) .has-1-sidebar .main-products.columns-1 .products .product-group-button .wishlist { display: block !important; transform: none; } /* PRODUCT DETAIL */ div.product .summary .detail-meta-bottom { flex-wrap: wrap; } .summary .detail-meta-bottom .tags-link, .summary .detail-meta-bottom .ts-social-sharing { width: 100%; } .bought-together-layout-horizontal.bought-together-items-style-border .yith-wfbt-section .yith-wfbt-items li:before, .bought-together-layout-horizontal.bought-together-items-style-border .yith-wfbt-section .yith-wfbt-images td img { width: 70px; min-width: 70px; } .ts-extra-products-wrapper .item { padding: 10px; } .ts-extra-products-wrapper .product-image-meta { align-items: flex-start; } .ts-extra-products-wrapper .item>label { padding: 0 0 0 20px; /* rtl */ } .ts-extra-products-wrapper .item>label:before { width: 14px; height: 14px; margin-top: -7px; } .ts-extra-products-wrapper .item>label:after { font-size: 8px; } :is(.layout-fullwidth, .main-content-fullwidth) article.single .entry-content>div.entry-meta-bottom, :is(.layout-fullwidth, .main-content-fullwidth) article.single .entry-author, :is(.layout-fullwidth, .main-content-fullwidth) .comments-area { max-width: 960px; } /* 404 PAGE */ body.error404 article { padding: 12% 10px; } /* SHOPPING CART */ .woocommerce table.cart .button, .woocommerce table.cart input.button { min-width: initial; } .woocommerce-cart .woocommerce .cart-collaterals { width: 340px; } .woocommerce .woocommerce-cart-form { width: calc(100% - 360px); } .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review { width: 350px; } .woocommerce-checkout #customer_details { width: calc(100% - 370px); } #add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail { width: 60px; min-width: 60px; } :is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout, .woocommerce-page) table.cart td.actions .coupon { width: 300px; } /* SHORTCODE */ /* Shortcode Product */ .ts-shortcode.columns-5 .products .product, .ts-shortcode.columns-6 .products .product { width: 20%; } .elementor-widget-ts-products .ts-elementor-lazy-load .placeholder-items { grid-template-columns: repeat(5, 1fr); } /* Shortcode Blog */ .ts-blogs.layout-list article .article-content { gap: 30px; } .type-blog .layout-list .placeholder-item { gap: 10px 30px; } .e-con-inner>div:first-child:last-child .ts-blogs.layout-list article .article-content { gap: 50px; } /* Shortcode Deals */ .thumbnail-wrapper .ts-countdown.style-inline { line-height: 30px; } .ts-product-deals-wrapper.show-counter .product .product-label { top: 35px; } /* Shortcode Categories */ .woocommerce.columns-11 .products .product, .woocommerce.columns-10 .products .product, .woocommerce.columns-9 .products .product { width: 14.2857%; } .type-product-category .placeholder-items.style-horizontal { grid-template-columns: repeat(5, 1fr); } /* Shortcode Testimonial */ .ts-testimonial-wrapper.columns-1 { margin-left: -34px; margin-right: -34px; padding-left: 34px; padding-right: 34px; } } @media only screen and (max-width: 1150px) and (min-width: 1024px) { .has-1-sidebar #main-content .main-products.columns-1:not(.big-thumbnail) .product:not(.product-category) .product-name, .has-1-sidebar #main-content .main-products.columns-1:not(.big-thumbnail) .product:not(.product-category) .price { font-size: var(--loobek-h4-device-font-size); line-height: var(--loobek-h4-device-line-height); } } @media only screen and (max-width: 1150px) and (min-width: 768px) { .has-1-sidebar #main-content .main-products.columns-1:not(.big-thumbnail) .product:not(.product-category) .product-name, .has-1-sidebar #main-content .main-products.columns-1:not(.big-thumbnail) .product:not(.product-category) .price { font-size: var(--loobek-h4-device-font-size); line-height: var(--loobek-h4-device-line-height); } /* Shortcode Testimonial */ .type-testimonial .placeholder-items.is-slider, .type-testimonial .placeholder-items { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 991px) and (min-width: 768px) { /* HEADER */ .ts-header nav>ul>li { margin-right: 20px; /* rtl */ } .header-v6 .header-middle .logo-wrapper { margin-left: 0; /* rtl */ margin-right: 30px; /* rtl */ } .header-v6 .header-middle .header-right>*, .header-v4 .header-middle .header-right>* { margin-right: 6px; /* rtl */ } .header-v6 .header-middle .header-right>*:last-child, .header-v4 .header-middle .header-right>*:last-child { margin-left: 0; margin-right: 0; } .header-v10 .header-top .header-right>* { padding-left: 20px; padding-right: 20px; } .header-v10 .header-top .header-currency+.header-social-icon, .header-v10 .header-top .header-header-language+.header-social-icon { margin-left: 0; /* rtl */ } .header-v10 .header-top .header-currency+.header-social-icon, .header-v10 .header-top .header-header-language+.header-social-icon, .header-v10 .header-top .header-right>*:last-child { padding-right: 0; padding-left: 20px; /* rtl */ } .ts-header .header-top .shopping-cart-wrapper .cart-control .cart-number, .ts-header .header-top .tini-wishlist .count-number { margin-left: 5px; /* rtl */ margin-right: 5px; /* rtl */ } .header-v4 .ts-header .header-middle .group-language-currency, .header-middle .group-language-currency { margin-right: 20px; /* rtl */ margin-left: 0; /* rtl */ } .header-v12 .header-middle .container>.ts-search-normal, .header-v8 .ts-header .header-middle .ts-search-normal { display: none; } .header-v9 .header-middle .header-right>* { margin-right: 6px; /* rtl */ } .header-v6 .header-middle .logo-wrapper, .header-v9 .header-middle .logo-wrapper { margin-right: 30px; /* rtl */ } .header-v6 .ts-header .header-middle .group-language-currency, .header-v9 .ts-header .header-middle .group-language-currency { margin-right: 10px; /* rtl */ margin-left: 0; /* rtl */ } .header-v6 .group-language-currency>*, .header-v9 .group-language-currency>* { margin-right: 10px; /* rtl */ } .header-v12 .ts-header nav>ul li ul.sub-menu:before { top: 18px; } .header-v12 .ts-header nav>ul li ul.sub-menu { padding-top: 48px; } .header-top .header-left .header-language+.header-currency+.header-social-icon { display: none; } .header-v8 .header-middle .header-right>* { margin-right: 8px; /* rtl */ } .header-v8 .header-middle .header-right>*:last-child { margin-left: 0; margin-right: 0; } /* RESET */ .ts-sidebar { width: calc(32% - 20px); } #page .show-breadcrumb-v3 .ts-sidebar { width: calc(32% - 10px); } .has-1-sidebar #main-content { width: calc(100% - 32%); } .has-2-sidebar #main-content { width: calc(100% - 64%); } .columns-4 .items .item, .columns-5 .items .item { width: 33.3333%; } .columns-6 .items .item, .columns-7 .items .item { width: 25%; } .columns-8 .items .item, .columns-9 .items .item, .columns-10 .items .item { width: 16.6666%; } /* BLOG */ .ts-blogs-widget-wrapper:not(.style-list-item) .post_list_widget>li { display: block; } .ts-blogs-widget-wrapper:not(.style-list-item) .post_list_widget>li .thumbnail { width: 100%; height: auto; } .ts-blogs-widget-wrapper:not(.style-list-item) .post_list_widget>li .thumbnail figure img { width: 100%; height: auto; max-width: 100%; position: static; transform: none; } .ts-blogs-widget-wrapper:not(.style-list-item) .post_list_widget>li .entry-content { margin-top: 10px; width: 100%; } /* SHOP PAGE */ .ts-product-columns-selector .column-1:not(.big-thumbnail) { display: none; } .ts-product-columns-selector .column-4, .product-per-page-form { display: none; } .main-products.columns-1 .product:not(.product-category) .product-name, .main-products.columns-1 .product:not(.product-category) .price { font-size: var(--loobek-h5-device-font-size); line-height: var(--loobek-h5-device-line-height); } .list-posts.columns-3 .entry-title, .ts-blogs .entry-title { font-size: var(--loobek-h6-device-font-size); line-height: var(--loobek-h6-device-line-height); } .has-1-sidebar .woocommerce.columns-4 .products .product, .has-1-sidebar .woocommerce.columns-5 .products .product, .has-1-sidebar .woocommerce.columns-6 .products .product { width: 33.333333%; } /* PRODUCT DETAIL */ .woocommerce div.product div.product-images-summary { grid-template-columns: 50% 50%; } .woocommerce div.product .woocommerce-product-rating, .summary .detail-meta-top { margin-bottom: 10px; } .woocommerce div.product .price~form.cart { margin: 10px 0; } .woocommerce div.product form.cart .group_table { margin-bottom: 20px; } .enable-catalog-mode div.product:not(.product-type-variable) .single-product-buttons, .woocommerce div.product form.cart .ts-extra-products-wrapper+.variations, .woocommerce div.product form.cart .ts-extra-products-wrapper+div.quantity { margin-top: 20px; } .grouped-product-heading { padding-top: 20px; } .woocommerce div.product form.cart { padding-top: 20px; } .yith-wfbt-form { gap: 0 20px; } .bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-images td img, .bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-items li { max-width: 150px; width: 100%; align-self: flex-start; } .bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-images td img { margin: 0; } .bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-images, .bought-together-layout-horizontal .yith-wfbt-section .yith-wfbt-items { min-height: auto !important; } .bought-together-layout-horizontal .yith-wfbt-submit-block { top: auto !important; } .bought-together-layout-horizontal .yith-wfbt-form { margin-bottom: 0 !important; } .has-1-sidebar .bought-together-layout-horizontal:not(.summary-scrolling) .yith-wfbt-form, .has-1-sidebar .bought-together-layout-vertical:not(.summary-scrolling) .yith-wfbt-form { grid-template-columns: auto; } .has-1-sidebar .bought-together-layout-horizontal:not(.summary-scrolling) .yith-wfbt-form .yith-wfbt-submit-block, .has-1-sidebar .bought-together-layout-vertical:not(.summary-scrolling) .yith-wfbt-form .yith-wfbt-submit-block { order: 3; display: flex; align-items: baseline; gap: 0 20px; justify-content: flex-end; margin-top: 20px; } .has-1-sidebar .bought-together-layout-horizontal:not(.summary-scrolling) .yith-wfbt-form .price_text, .has-1-sidebar .bought-together-layout-vertical:not(.summary-scrolling) .yith-wfbt-form .price_text { display: flex; align-items: baseline; gap: 10px; } .woocommerce div.product.bought-together-style-default.reviews-inside-summary.tabs-inside-summary:not(.summary-scrolling) .yith-wfbt-form .yith-wfbt-submit-block { gap: 0 10px; } .woocommerce div.product.bought-together-style-default.reviews-inside-summary.tabs-inside-summary:not(.summary-scrolling) .yith-wfbt-form .price_text { gap: 0 5px; } .summary .single-product-buttons { gap: 10px 20px; } .ts-extra-products-wrapper .item { width: 100%; } body.collapse-show-all-reviews .comment-text .star-rating { left: 140px; /* rtl */ } body.collapse-show-all-reviews #reviews #comments ol.commentlist>li .comment-text { grid-template-columns: 120px auto; } body.collapse-show-all-reviews .kt-reviews-image-container { grid-column: 2 / 3; justify-content: flex-start; } /* SHOPPING CART */ .woocommerce table.shop_table_responsive tr td:before, .woocommerce-page table.shop_table_responsive tr td:before { display: none; } .woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th, .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { display: table-cell; } .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr { display: table-row; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background: transparent; } .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { text-align: start !important; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { float: left; /* rtl */ } .woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button { width: auto; } /* MY ACCOUNT */ .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2, .woocommerce-page #customer_login .col-1, .woocommerce-page #customer_login .col-2 { margin-top: 0; } /* 404 PAGE */ body.error404 article { padding: 24% 10px; } /* WIDGET */ /* Widget Compare */ .yith-woocompare-widget ul.products-list { margin-bottom: 0; } body .yith-woocompare-widget a.compare { clear: both; float: left; /* rtl */ } body .yith-woocompare-widget a.clear-all { top: auto; margin-bottom: 10px; float: left; /* rtl */ } /* SHORTCODE */ /* Shortcode Product */ .ts-shortcode.columns-5 .products .product, .ts-shortcode.columns-6 .products .product { width: 25%; } .elementor-widget-ts-products .ts-elementor-lazy-load .placeholder-items { grid-template-columns: repeat(4, 1fr); } /* Shortcode Categories */ .woocommerce.columns-11 .products .product-category, .woocommerce.columns-10 .products .product-category, .woocommerce.columns-9 .products .product-category { width: 16.66666666666%; } .woocommerce.columns-8 .products .product-category, .woocommerce.columns-7 .products .product-category { width: 20%; } .type-product-category .is-slider.thumbnail-radius.placeholder-items, .type-product-category .is-slider.show-icon.placeholder-items { grid-template-rows: 1fr repeat(var(--lazy-cols), 0); grid-template-columns: repeat(6, 1fr); grid-row-gap: 0; } .type-product-category .placeholder-items.style-horizontal { grid-template-columns: repeat(4, 1fr); } /* Shortcode Testimonial */ .ts-testimonial-wrapper.columns-6 .items .item, .ts-testimonial-wrapper.columns-5 .items .item, .ts-testimonial-wrapper.columns-4 .items .item, .ts-testimonial-wrapper.columns-3 .items .item { width: 50%; } /* Shortcode Blog */ .ts-blogs.layout-list article .article-content { gap: 20px; } .e-con-inner>div:first-child:last-child .ts-blogs.layout-list article .article-content { gap: 30px; } .e-con-inner>div:first-child:last-child .ts-blogs.layout-list .thumbnail-content { width: 55%; } .e-con-inner>div:first-child:last-child .ts-blogs.layout-list .entry-content { width: 45%; } .e-con-inner>div:first-child:last-child .type-blog .layout-list .placeholder-item { grid-template-columns: 1.1fr 0.9fr; } .e-con-inner>div:first-child:last-child .type-blog .layout-list.thumbnail-right .placeholder-item { grid-template-columns: 0.9fr 1.1fr; } } @media only screen and (max-width: 767px) { /* COMPARE */ body #yith-woocompare table.compare-list tbody tr.remove td { padding-top: 0 !important; padding-bottom: 0 !important; } body table.compare-list td img { min-width: 170px; } body #yith-woocompare table.compare-list tbody th, body #yith-woocompare table.compare-list thead th, body #yith-woocompare table.compare-list tfoot th { display: none; } 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.price:not(.repeated) td, body #yith-woocompare table.compare-list tbody td { padding-left: 10px; padding-right: 10px; } }