/* Theme Name: Ricky Theme URI: https://parkofideas.com/ricky/ Text Domain: ricky Description: Pet Shop & Care WooCommerce Theme License: GNU General Public License v2.0 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Version: 2.17 Author: parkofideas.com Author URI: https://parkofideas.com Tags: right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, theme-options, translation-ready */ /* [Table of contents] 1. Carousel - Carousel Dots - Carousel (Desktop) - Carousel (Mobile) 2. Helpers - Helpers (Desktop) - Helpers (Tablet) - Helpers (Mobile) 3. Layouts - Layouts (Desktop) - Layouts (Mobile) 4. Misc - Gutenberg - Misc (Desktop) - Misc (Mobile) 5. Animations 6. Account - Account (Desktop) - Account (Mobile) 7. Product badges 8. Blog blog - Blog blog (Mobile) 9. Breadcrumbs - Breadcrumbs (Desktop) - Breadcrumbs (Mobile) 10. Empty Cart - Empty Cart (Mobile) - Empty Cart (Mobile) 11. Cart - Cart (Desktop) - Cart (Mobile) 12. Catalog Ordering - Catalog Ordering (Desktop) - Catalog Ordering (Mobile) 13. Product grid blocks - Product grid blocks (Desktop) - Product grid blocks (Mobile) 14. Contact Page 15. Feature 16. Features Filter 17. Filter - Filter (Mobile) 18. Footer 19. Forms elements - Forms Elements (Desktop) - Forms Elements (Mobile) 20. Header Search Form - Header Search Form (Desktop) - Header Search Form (Mobile) 21. Header - Header (Desktop) - Header (Mobile) 22. Login / Register Form - Login / Register Form (Desktop) 23. Login / Register Form (Mobile) 24. Latest Post Widget 25. Mailchimp Form 26. Mega Menu Badge 27. Mobile Menu 28. Order - Order (Desktop) - Order (Mobile) 29. Subcategories in Page Header - Subcategories in Page Header (Desktop) - Subcategories in Page Header (Mobile) 30. Page Header - Page Header (Desktop) - Page Header (Mobile) 31. Play video button - Play video button (Desktop) 32. Post List - Post List (Desktop) - Post List (Mobile) 33. Post Share Shortcode - Post Share Shortcode (Desktop) - (Mobile) 34. Post Sidebar - Product (Mobile) 35. Page / Post - Page / Post (Desktop) - Page / Post (Mobile) 36. Home Blog Posts - Header (Mobile) - Product ATC - Product ATC (Desktop) - Product ATC (Mobile) - Product Brand - (Desktop) 37. Product Quickview - Product Quickview (Desktop) - Product Quickview (Mobile) 38. Product Tabs - Product Tabs (Desktop) - Product Tabs (Mobile) 39. Product Features 40. Product grid (responsive) - Variable Product (Grid) - Variable Product (Grid) (Desktop) - Variable Product (Grid) (Mobile) 41. Product grid - Product grid (Desktop) - Product grid (Small) - Product grid (Medium) - Product grid (Large) - Product grid (Extra Large) - Product grid (All) - Product grid (Mobile) 42. Product List Widget - Product List Widget (Desktop) - Product List Widget (Mobile) - Variable Product (Page) - Variable Product (Desktop) 43. Product - Product (Desktop) - Product (Mobile) 44. Search Form 45. Shop Sidebar - Shop Sidebar (Desktop) - Header (Mobile) 46. Social icons - Social icons (Desktop) 47. Stock Status 48. Subcategories - Subcategories (Desktop) - Subcategories (Mobile) 49. Tabs - Tabs (Desktop) - Tabs (Mobile) 50. To Top Button - To Top Button (Desktop) - To Top Button (Mobile) 51. Top Bar Menu - (Desktop) 52. Top Menu - Top Menu (Desktop) 53. Wishlist - Wishlist (Desktop) - Wishlist (Mobile) 54. Product Reviews / Post Comments - Product Reviews / Post Comments (Desktop) - Product Reviews / Post Comments (Mobile) 55. Dokan Multi Vendor Plugin - Dokan Multi Vendor Plugin (Desktop) - Dokan Multi Vendor Plugin (Mobile) 56. Pagination - Pagination (Desktop) 57. Select 2 58. Product Rating - Product Rating (Desktop) 59. Widget - Widget (Desktop) 60. WPC Frequently Bought Together 61. Woocommerce Login Form - Woocommerce Login Form (Desktop) - Woocommerce Login Form (Mobile) 62. Woocommerce Notices - Store Notice - Woocommerce Notices (Desktop) - Woocommerce Notices (Mobile) 63. WPML language selector 64. YITH Frequently Bought Together 65. Owl Carousel - Owl Carousel Theme (Desktop) */ #main-header { --top-color: #ffffff; --top-icon-color: #47a71a; --top-background-color: #176335; --top-sub-color: #15542e; --top-sub-background-color: #ffffff; --top-sub-accent-color: #47a71a; --top-accent-color: #47a71a; --header-color-menu: #ffffff; --header-color-icon-menu: #2f8d54; --header-color-accent-menu: #47a71a; --header-color-bg-menu: #15542e; --header-color-button-menu-bg: var(--header-color-menu); --header-color-button-menu-text: var(--header-color-bg-menu); --header-color-border: rgba(255, 255, 255, 0.2); --header-color-placeholder: rgba(255, 255, 255, 0.5); --header-decor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjY5IiBoZWlnaHQ9IjMiIHZpZXdCb3g9IjAgMCA2NjkgMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNjY5IDAtLjAwMSAyLjEyYTczLjU1NCA3My41NTQgMCAwIDEtLjQxMS0uMDE4IDE3OTM1LjU4MSAxNzkzNS41ODEgMCAwIDAtMy42NDQuMDg0IDg4LjY2IDg4LjY2IDAgMCAxLTMuNTItLjA5NWMtLjQtLjAxNi0uOC0uMDMyLTEuMi0uMDQ2LS4wMzkgMC0uMDg0LS4wMS0uMTI1LS4wMi0uMDUyLS4wMTMtLjA5Ny0uMDIzLS4xMTQtLjAwOC0xLjM0NC4yOS0yLjguMjQxLTQuMjc5LjE5My0uODIyLS4wMjctMS42NTEtLjA1NC0yLjQ3Mi0uMDI0LTIuODM4LS4yODEtNS42NDYtLjIyNS04LjIxNS4wMjhoLS4wOWwtLjI5NC4wMTFjLTEuMzk0LjA1NS0yLjk1Ni4xMTYtNC4xMjctLjA2Ny0yLjAyNC0uMzEzLTQuMDQ3LS4xOTMtNS45Mi0uMDgxLS4zMTEuMDE4LS42MTkuMDM3LS45MjEuMDUzLTEuMDcuMDU3LTIuMTU1LjEwNy0zLjI0NC4xNTctMS4wNC4wNDgtMi4wODMuMDk3LTMuMTE5LjE1MS0yLjM2LjExMy00LjU3MS0uMDU2LTYuODcxLS4yNTItLjM2NS0uMDM0LS43NC0uMDg1LTEuMTI0LS4xMzgtMS4yMTctLjE2Ni0yLjUxNy0uMzQ0LTMuODM1LS4wMDMtMS41NTMtLjI1Mi0zLjAxNy0uMjI0LTQuMzkxLjI1My0uMTM0LS4wNDktLjI1NC0uMTA0LS4zNjYtLjE1NS0uMjEyLS4wOTgtLjM5NS0uMTgyLS41OS0uMTgyLTIuMzktLjA4NC00Ljc4LS4xNjgtNy4xNC0uMTQtLjU3OS4wMTMtMS4xNTguMTEzLTEuNzM0LjIxMi0uNjEyLjEwNS0xLjIyLjIwOS0xLjgyMS4yMDktLjY5NyAwLTEuMzc0LS4xMS0yLjA1NS0uMjE5YTE3LjIyMyAxNy4yMjMgMCAwIDAtMS41NTktLjIwMmMtLjM3MS0uMDE5LS44MTguMDU5LTEuMzY3LjE1NC0uMjkxLjA1LS42MTEuMTA2LS45NjMuMTU1LS40OTktLjE1Mi0xLjA2Ny0uMzI3LTEuNjg1LS41MTgtLjUzLS4xNjQtMS4wOTgtLjM0LTEuNjkxLS41MjEtLjcyNi4xOTUtLjQ5NS40NTMtLjI2My43MTMuMzAzLjM0LjYwOC42OC0xLjIwMS44ODcuMTIuMDI4LjI0Ny4wNTYuMzc0LjA4NGwuMzczLjA4NWMxLjEwOSAwIDIuMjExLjAwNyAzLjMwOC4wMTQgMS4wOTEuMDA3IDIuMTc3LjAxNCAzLjI2NC4wMTR2LjA1NmMtMi41OTkuMDI4LTUuMTk4LjA1Ni03Ljc5Ny4wNTYtLjMwMyAwLS42Mi0uMDc3LS45MzItLjE1M2E4LjU1NCA4LjU1NCAwIDAgMC0uNDQyLS4xYy43NDcgMCAuOTg2LS4xNjguNjI3LS4zMzctLjI0NC0uMTIzLS41ODMtLjIyNS0uOTY0LS4zMzktLjIyNS0uMDY3LS40NjUtLjEzOS0uNzA4LS4yMjItMS4wMTYuMzkzLTIuMTgxLjM2NS0zLjQwNi4xNGgtLjAzYy0zLjQzNS0uNTktNi44NzEtLjQyMS0xMC42MDUtLjAyOGE1LjUxMyA1LjUxMyAwIDAgMS0uMzA4LS4xMWMtLjU0OC0uMjA3LTEuMjEyLS40NTgtMi41OS0uMDU4LS4zOTYuMTI0LTEuMjQ1LjA0Ni0yLjEzMi0uMDM1LS41MTgtLjA0Ny0xLjA1LS4wOTUtMS41MTItLjEwNi0xLjI4NC0uMDE0LTIuNTc2LS4wMTQtMy44NjktLjAxNC0xLjI5MiAwLTIuNTg0IDAtMy44NjgtLjAxNC0uOTAyIDAtMS44MjItLjA2Ny0yLjU5NC0uMTI0YTc2LjYxIDc2LjYxIDAgMCAwLS42MzItLjA0NGMtLjU0MS4wNjMtLjY3OC4yMy0uODAyLjM4MS0uMTQ5LjE4My0uMjc5LjM0MS0xLjA4LjI2NS0uNzQ3LS4wODUtMS4zNDUtLjMxLTEuNzYzLS42NDYtLjkyNi0uMDI4LTEuODUyLS4wNTYtMi44OTgtLjA4NS4wNDQuMTIzLjA4Ny4yMy4xNDIuMzY3bC4wNjguMTY3LS42NC0uMDM0LS42MzMtLjAzNGMtLjYzMS0uMDMzLTEuMjYxLS4wNjctMS45MjQtLjEuMzU5LS4xMTMuNTk4LS4xOTcuOTg2LS4zMzctMS4xNzktLjE2NS0xLjkzNy4wMjYtMi41OTEuMTkxLS4xMjUuMDMyLS4yNDcuMDYyLS4zNjYuMDlhNjM0LjQxNCA2MzQuNDE0IDAgMCAwLTYuMTMtLjY4MWgtMS45OGMtLjg0LjI0Ni0xLjY1LjQ5MS0yLjM3Ni43MzYtMS4yNjgtLjExNS0yLjUzNS0uMjQzLTMuNzU1LS4zNjdsLTEuNjUyLS4xNjZjLS4zMzkuMDEtLjY3Ny4wMzMtMS4wMS4wNTUtLjYzNi4wNDMtMS4yNDkuMDg1LTEuNzk4LjAzLTIuMzYtLjIyNS0zLjM0Ni0uMjUzLTYuMDY0LS4wMjktLjE3Ni4wMTUtLjM4Ni0uMDI2LS41OTctLjA2N2EyLjk1IDIuOTUgMCAwIDAtLjUzOC0uMDczYy0uMjgzLjAxNi0uNTY1LjA2Mi0uOTIxLjEyLS4yNDcuMDQtLjUyOS4wODYtLjg3Mi4xMzJsLS4xNDQtLjAyMmMtMS4wNjctLjE2OS0yLjU1LS40MDMtMy45NzguMTA3LTEuMjU2LS4xMzUtMi41MDEtLjA4OC0zLjc0Mi0uMDQtLjgyNS4wMy0xLjY0OC4wNjItMi40NzIuMDRhMzkuMjA0IDM5LjIwNCAwIDAgMS0xLjEwOC0uMDQzYy0uOTkzLS4wNDctMS45NTctLjA5NC0yLjk4NS4wNy0uNTQuMDc1LTEuMDEzIDAtMS41My0uMDg0LS40NTUtLjA3NC0uOTQ1LS4xNTMtMS41NDYtLjE0LTEuMjIxLjAyLTIuNDMuMTI1LTMuNjMzLjIzLTIuMTIzLjE4My00LjIyOC4zNjYtNi4zNDUuMDc5LTIuMDQ1LS4yNzQtMy45MjQtLjE3Mi01Ljg0OS0uMDY3LS4yNC4wMTMtLjQ4MS4wMjctLjcyMy4wMzktLjgyOS4wMzctMS42NDUuMTIzLTIuNDY1LjIxLS40MjEuMDQ0LS44NDQuMDg5LTEuMjY5LjEyNy0uNTM4LS4yMjUtMS4wMTYtLjQyMS0xLjcwMy0uNzAyLS40NDguMzkzLS44MDYuNzAyLTEuMTM1Ljk4M2wtLjc3MS4wOTVjLS42MTEuMDc2LTEuMTkuMTQ4LTEuNzY5LjIwOGwtLjYxMi0uMTItLjY0Mi0uMTI3Yy0uMTE3LS4wMjgtLjI0Ny0uMDY0LS4zNzUtLjEtLjI2MS0uMDc0LS41MS0uMTQ0LS42MTEtLjEyNS0xLjYxMy4zMS0yLjQyLS4wMjgtMy4zNDYtLjU2MWwtLjE2MS4xODVjLS4xNzEuMTk1LS4yNzcuMzE3LS4zNDYuNDA0LS40NTkuMDE3LS45MS4wNC0xLjM1NS4wNjEtMS4wMzMuMDUtMi4wMzUuMS0zLjAzNy4wOC0xLjQ2NC0uMDI4LTIuOTU3LS4xNjktNC4zNjEtLjMzN2E3Mi41NzIgNzIuNTcyIDAgMCAxLS40NjQtLjA1NGMtMS4wNTQtLjEyNC0xLjk5MS0uMjM0LTMuMjctLjA4Ny0uNjg0LjA3My0xLjQ0LjA2My0yLjI0LjA1Mi0uNzM4LS4wMS0xLjUxMy0uMDIxLTIuMzAxLjAzMy41MDguMTQgMS4wMTYuMjggMS45MTIuNTMzbC00LjIxMi4wNTZjLS42MjgtLjYxOC0xLjYxMy0uOTgzLTIuNDgtLjgxNC0uMDg5LjAxNy0uMTg5LjAzNC0uMjk1LjA1MmwtLjE1LjAyNi0uMTUzLjAyN2MtLjY1NC4xMjQtMS4yMS4zMTcuMDYxLjg1LS40NC0uMDQ5LS44NjYtLjA5LTEuMjM2LS4xMjYtLjcxLS4wNy0xLjIxNC0uMTE4LTEuMjE0LS4xNTUuMDI1LS40NzQtLjg0Mi0uNTA4LTEuNjY5LS41NC0uMTU0LS4wMDctLjMwNy0uMDEzLS40NTItLjAyMi0uMzkyLS4wMTItLjc4Mi0uMDI4LTEuMTcyLS4wNDUtMS40NTMtLjA2My0yLjktLjEyNi00LjM4NC4wNzMtLjM3Ny4wNTYtLjgwNi4wMzgtMS4yNDQuMDItLjIyMi0uMDEtLjQ0Ny0uMDItLjY2OC0uMDItLjQ4OSAwLS45ODMtLjAyNy0xLjQ3Ny0uMDU0LTEuMTY2LS4wNjUtMi4zMzEtLjEzLTMuNDIzLjE2Ny0uMTE5LjAyOC0uMzg4LjAyOC0uNTM3LjAyOC0xLjU3OC0uMjUtMy4xNTYtLjE4Mi00LjczNC0uMTE0LS45MDEuMDM5LTEuODAzLjA3OC0yLjcwNS4wNTgtMS4wNzUtLjAyMy0yLjE1LS4xMTctMy4yMjYtLjIxMmwtLjgwNy0uMDdjLTIuMy0uMTY4LTQuMzAxIDAtNi4wNjQuNzMtLjcxNy0uNjE3LTEuODIyLS44Ny0zLjQ2NS0uNTMzLjA0My4wNDEuMDguMDg4LjEyNi4xNDkuMDQ5LjA2NC4xMS4xNDMuMjAzLjI0NC0uMjg3LS4wMDgtLjYxMy0uMDA5LS45MzUtLjAxLS43NTItLjAwMi0xLjQ3OS0uMDA0LTEuNjA1LS4xMDItLjY0My0uNDYtMS4zMDgtLjM1Ni0yLjEzLS4yM2ExMC4zNTggMTAuMzU4IDAgMCAxLTIuNS4xMTdjLTMuNTI1LS4zMDgtMy41ODUtLjMwOC01LjgyNS44NzEuMTQ5LS4zOTMuMjM5LS42MTcuMzg4LS45ODItMS4wNTQuMDIzLTIuMTA0LjA0Mi0zLjE0OS4wNjEtMi42ODYuMDUtNS4zNC4wOTgtNy45NjQuMjItMi43MjUuMTQzLTUuNDE5LjEyMi04LjIwOS4xYTM5OC4wOTcgMzk4LjA5NyAwIDAgMC0zLjE0Mi0uMDE2Yy4xNTMtLjExOC4yOC0uMjEyLjM5NC0uMjk1LjEzLS4wOTUuMjQxLS4xNzcuMzUzLS4yNjctLjA5NSAwLS4yMDgtLjAxMi0uMzA2LS4wMjItLjExOS0uMDEyLS4yMTYtLjAyMi0uMjMyLS4wMDYtLjg4OC41MjUtMi4zOC42MjQtMy45NDUuNzI4LS4yNzcuMDE4LS41NTYuMDM3LS44MzUuMDU4bC0uMDAzLS4wMDNhMTMuODA2IDEzLjgwNiAwIDAgMS0uNjg0LS41ODdjLS44Ni4wNTEtMi43NzUuMDgxLTQuMjc4LjA4NWgtLjcxYy0uNjYzLS4wMDItMS4xNjMtLjAxMi0xLjMxNS0uMDI4LTEuMDY4LS4wNzgtMi4wNTUuMDM0LTMuMDYxLjE0OC0xLjE4OC4xMzQtMi40MDMuMjcxLTMuODEuMTA0LTEuNzYzLS4yMTMtMy43MTYtLjEwNi01LjY2NCAwLS4zNjMuMDItLjcyNi4wMzktMS4wODcuMDU2LTEuNDYyLjA5NS0zLjAxOS0uMDI2LTQuNzIzLS4xNThhOTcuMTc4IDk3LjE3OCAwIDAgMC0yLjYyNi0uMTc5Yy4zODguMjI1LjY1Ny40NS43MTcuNjQ2YTQ4LjY1NyA0OC42NTcgMCAwIDAtMi45MjgtLjA4NGMtLjExOSAwLS4yMzEuMDA3LS4zNDMuMDE0LS4xMTIuMDA3LS4yMjQuMDE0LS4zNDQuMDE0LS42MjcuMTEyLTEuMTk1LjI1My0xLjczMi40NzgtLjQ3OC4yMjQtMi4zOS4xOTYtMy40MDYuMDg0LTEuMzE0LS4xNjktLjk4Ni0uNjE4LS4xMTktMS4xNTEtLjkwOC4wNDUtMS43NzcuMTEtMi42MTIuMTctMS43MTkuMTI3LTMuMjg5LjI0Mi00LjczNy4xNjZsLS4zOTMtLjAyNGMtMi4xNzUtLjEzNC00LjM4Ni0uMjctNi4zNTgtLjAzMi0xLjQwOC4xNjctMi42MjIuMDMtMy44MTEtLjEwNC0xLjAwNS0uMTE0LTEuOTkyLS4yMjYtMy4wNi0uMTQ4LS4xNy4wMDktLjc2Ny4wMTUtMS41NDEuMDE2aC0uNDg0Yy0xLjUwNC0uMDAyLTMuNDE4LS4wMjItNC4yNzgtLjA3My0uMTIuMDk5LS4yMzIuMTk3LS4zNDQuMjk1LS4xMTIuMDk5LS4yMjQuMTk3LS4zNDQuMjk1LS4yNzgtLjAyMS0uNTU4LS4wNC0uODM1LS4wNTgtMS41NjQtLjEwNC0zLjA1Ni0uMjAzLTMuOTQ0LS43MjgtLjAxNy0uMDE2LS4xMTMtLjAwNi0uMjMyLjAwNi0uMDk4LjAxLS4yMTEuMDIyLS4zMDYuMDIyLjExMi4wOS4yMjMuMTcyLjM1My4yNjcuMTEzLjA4My4yNDEuMTc3LjM5NC4yOTUtLjk5OCAwLTEuOTc4LjAwNS0yLjk0Ny4wMS0yLjg2LjAxNi01LjYxNi4wMzEtOC40MDUtLjA5NS0yLjYyMy0uMTIxLTUuMjc4LS4xNy03Ljk2My0uMjE5LTEuMDQ1LS4wMTktMi4wOTUtLjAzOC0zLjE1LS4wNjIuMTUuMzY2LjIzOS41OS4zODkuOTgzLTIuMjAzLTEuMTYtMi4yOTgtMS4xNTItNS42NS0uODg0bC0uMTc2LjAxNGExMC4zNiAxMC4zNiAwIDAgMS0yLjA5MS0uMDU2IDE3LjI2IDE3LjI2IDAgMCAxLS41MDQtLjA2OGMtLjc2NC0uMTEtMS40MTktLjIwMy0yLjAzNS4yMzYtLjEyNS4wOTgtLjg1Mi4xLTEuNjA0LjEwMi0uMzIyLjAwMS0uNjQ5LjAwMi0uOTM1LjAxLjA5My0uMTAxLjE1My0uMTguMjAyLS4yNDQuMDQ3LS4wNi4wODMtLjEwOC4xMjYtLjE0OS0xLjY0Mi0uMzM3LTIuNzQ4LS4wODQtMy40NjUuNTM0LTEuNzYyLS43MDItMy43NjQtLjg3LTYuMDY0LS43My0uNTM4LjAzNC0xLjA3Ni4wNzYtMS42MTMuMTE5LS44MDcuMDY0LTEuNjEzLjEyOC0yLjQyLjE2Mi0uOTAyLjAyLTEuODA4LS4wMTktMi43MTMtLjA1OC0xLjU4NC0uMDY4LTMuMTY3LS4xMzYtNC43MjUuMTE0LS4xNS4wMjgtLjQxOC4wMjgtLjUzOC0uMDI4LTEuMDkxLS4yOTYtMi4yNTctLjIzMi0zLjQyMy0uMTY3LS40OTQuMDI3LS45ODguMDU0LTEuNDc2LjA1NC0uMjA4IDAtLjQyNi4wMDctLjY0NS4wMTMtLjQ0MS4wMTItLjg4OC4wMjUtMS4yNjctLjAxMy0xLjQ2Mi0uMi0yLjkyNC0uMTM2LTQuMzg3LS4wNzMtLjM5LjAxNy0uNzc5LjAzMy0xLjE2OS4wNDVsLS4yNjcuMDA3Yy0uODgyLjAyMS0xLjkwOS4wNDYtMS44NTQuNTU1IDAgLjAzNy0uNTA0LjA4Ni0xLjIxNC4xNTUtLjM3LjAzNi0uNzk2LjA3Ny0xLjIzNi4xMjYgMS40NjYtLjYxNS41MDEtLjc3OC0uMjQzLS45MDMtLjEwNS0uMDE4LS4yMDYtLjAzNS0uMjk1LS4wNTItLjg2Ni0uMTY5LTEuODUyLjE5Ni0yLjQ3OS44MTRsLTQuMjEyLS4wNTZjLjU4Mi0uMTU5Ljk4Ny0uMjczIDEuMzM0LS4zNzFsLjU3OC0uMTYyYy0uNzc0LS4wNTQtMS41NDgtLjA0NC0yLjI4OC0uMDMzLS44MDQuMDEtMS41NjkuMDIxLTIuMjUzLS4wNTItMS4yOTgtLjE0OS0yLjI2Ny0uMDMzLTMuMzI0LjA5MmE3NC4xNyA3NC4xNyAwIDAgMS0uNDEuMDQ5Yy0xLjQwNC4xNjgtMi44NjguMzA5LTQuMzYyLjMzNy0xLjAwMi4wMi0yLjAwNC0uMDMtMy4wMzYtLjA4LS40NDUtLjAyMi0uODk2LS4wNDQtMS4zNTUtLjA2LS4wOS0uMTEzLS4yMzktLjI4MS0uNTA4LS41OS0uOTI2LjUzMy0xLjczMy44OTgtMy4zNDYuNTYxLS4wNzktLjAxNS0uMjU3LjAyNS0uNDU3LjA3OWwtLjI0NC4wNjhjLS4xMDEuMDI4LS4xOTkuMDU2LS4yODQuMDc4LS40MDcuMDgyLS44MTQuMTY0LTEuMjQ4LjI0NS0uNDUyLS4wNi0uOTEyLS4xMTItMS4zODEtLjE2NWE5NS45OTMgOTUuOTkzIDAgMCAxLTEuMTY1LS4xMzZjLS4zMjktLjI4MS0uNjg3LS41OS0xLjEzNS0uOTgzLS4yODguMTE3LS41MzQuMjItLjc2NC4zMTctLjMxOS4xMzMtLjYwOS4yNTQtLjkzOS4zODUtLjQyNi0uMDM4LS44NDgtLjA4My0xLjI2OS0uMTI3YTQwLjgxIDQwLjgxIDAgMCAwLTIuNDY1LS4yMWMtLjI0Mi0uMDEyLS40ODMtLjAyNi0uNzI0LS4wMzktMS45MjQtLjEwNS0zLjgwNC0uMjA3LTUuODQ4LjA2Ny0yLjEzNy4yNjktNC4yNDkuMDkxLTYuMzY4LS4wODctMS4xOTktLjEtMi40MDEtLjIwMi0zLjYxLS4yMjItLjYwOC0uMDEzLTEuMDk0LjA3LTEuNTQxLjE0Ny0uNTIxLjA4OS0uOTkuMTY4LTEuNTM2LjA3OC0xLjA0OS0uMTY1LTIuMDAxLS4xMTktMi45ODctLjA3MS0uMzYyLjAxOC0uNzI4LjAzNS0xLjEwNS4wNDMtLjgyNC4wMjItMS42NDctLjAxLTIuNDczLS4wNC0xLjI0LS4wNDgtMi40ODUtLjA5NS0zLjc0MS4wNC0xLjQ0OC0uNTE3LTIuOTgtLjI3LTQuMDI1LS4xbC0uMDk4LjAxNWE1MC42NjggNTAuNjY4IDAgMCAxLS41NDgtLjA5NWMtLjUxOS0uMDkzLS44ODItLjE1Ny0xLjI0NC0uMTU3LS4xNjcgMC0uMzUzLjAzNi0uNTM4LjA3My0uMjEyLjA0MS0uNDIxLjA4Mi0uNTk3LjA2Ny0yLjcxOS0uMjI0LTMuNzA0LS4xOTYtNi4wNjQuMDI4LS41NDkuMDU2LTEuMTYzLjAxNC0xLjc5OC0uMDI5YTI2LjA3MiAyNi4wNzIgMCAwIDAtMS4wMTEtLjA1NWMtLjU3NS4wNTctMS4xNjguMTE0LTEuNzcyLjE3Mi0xLjE4My4xMTQtMi40MDkuMjMxLTMuNjM1LjM2MS0uNzI3LS4yMTgtMS41NC0uNDY0LTIuMzgyLS43MzZoLTEuOTcxYy0yLjAyLjIxOC0zLjk5MS40MzYtNi4xMDIuNjgtLjEzMS0uMDMtLjI2NC0uMDY0LS40MDItLjEtLjY0Ny0uMTctMS4zOTgtLjM2Ni0yLjU1Ni0uMTguMzU5LjExMi41OTguMTk2Ljk4Ni4zMzdhNzM2LjMzIDczNi4zMyAwIDAgMC0zLjE5Ni4xNjhsLjA2Ny0uMTY3Yy4wNTUtLjEzNi4wOTktLjI0NC4xNDItLjM2Ny0xLjA0Ni4wMjktMS45NzIuMDU3LTIuODk4LjA4NS0uNDE4LjMwOS0xLjAxNS41NjEtMS43NjIuNjQ2LS42ODcuMDY1LS44OC0uMDQyLTEuMDE2LS4xODlsLS4wNjUtLjA3NmMtLjEyMy0uMTUtLjI2LS4zMTgtLjgwMS0uMzgxLS4yMjEuMDE0LS40NTcuMDMtLjcwNi4wNDktLjc2My4wNTUtMS42NDIuMTItMi41Mi4xMi0xLjI4NS4wMTMtMi41NzcuMDEzLTMuODY5LjAxMy0xLjI5MiAwLTIuNTg0IDAtMy44NjguMDE0LS41MTcgMC0xLjExOS4wNTItMS42OTMuMTAyLS44Mi4wNzItMS41ODMuMTM4LTEuOTUyLjAzOS0xLjM3OC0uNC0yLjA0MS0uMTUtMi41OS4wNTgtLjEwNS4wNC0uMjA2LjA3OC0uMzA4LjExLTMuNzY0LS4zOTMtNy4xNy0uNTYxLTEwLjYwNS4wMjhoLS4wM2MtMS4yMjQuMjI1LTIuMzkuMjUzLTMuNDA1LS4xNC0uMTguMDU2LS4zNjMuMTA4LS41NC4xNTktLjQ0My4xMjUtLjg1Ni4yNDItMS4xMzMuNDAyLS4zMjkuMTk3LS4wOS4zMzcuNjI3LjMzN2E4LjYwOCA4LjYwOCAwIDAgMC0uNDQxLjFjLS4zMTIuMDc2LS42My4xNTMtLjkzMy4xNTMtMi41OTkgMC01LjE5OC0uMDI4LTcuNzk3LS4wNTZ2LS4wNTZsMS42NC0uMDA1IDEuNjQ2LS4wMWMxLjA5OC0uMDA2IDIuMTk2LS4wMTMgMy4yODYtLjAxM2wuMzc0LS4wODVjLjEyNy0uMDI4LjI1NC0uMDU2LjM3My0uMDg0LTEuNjg0LS4xOTItMS41MzUtLjUxLTEuMjYzLS44MjhsLjA2NS0uMDczYy4yMzEtLjI2MS40NTgtLjUxNy0uMjY2LS43LTEuMjU0LjM5NC0yLjQyLjc1OS0zLjM3NSAxLjA0LS4zODEtLjA1MS0uNzE4LS4xMTQtMS4wMi0uMTctLjUyOC0uMDk3LS45NS0uMTc1LTEuMzEtLjE0LS41NS4wMzgtMS4wODQuMTIzLTEuNjEuMjA4LS42NzMuMTA4LTEuMzM0LjIxNC0yLjAwNS4yMTQtLjYyIDAtMS4yMy0uMTA2LTEuODQyLS4yMTEtLjU2OS0uMDk5LTEuMTM3LS4xOTctMS43MTMtLjIxLTIuMzYtLjAyOC00Ljc1LjA1Ni03LjE0LjE0LS4xOTUgMC0uMzc4LjA4NC0uNTkuMTgyLS4xMTEuMDUxLS4yMzEuMTA3LS4zNjUuMTU1LTEuMzQ1LS40NzctMi44MDktLjUwNS00LjM5Mi0uMjUzLTEuMzM5LS4zNC0yLjYyNi0uMTY0LTMuODM1LjAwMy0uMzgyLjA1Mi0uNzU3LjEwNC0xLjEyNC4xMzgtMi4zLjIyNC00LjUxLjM2NS02Ljg3LjI1Mi0xLjAzNy0uMDU0LTIuMDgtLjEwMy0zLjEyLS4xNS0xLjA4OS0uMDUtMi4xNzQtLjEwMS0zLjI0My0uMTU4LS4zMDMtLjAxNi0uNjEtLjAzNS0uOTIyLS4wNTMtMS44NzMtLjExMi0zLjg5Ni0uMjMyLTUuOTIuMDgtMS4xNy4xODQtMi43MzMuMTIzLTQuMTI2LjA2OGwtLjI5NS0uMDExaC0uMDljLTIuNTY4LS4yNTMtNS4zNzYtLjMwOS04LjIxNC0uMDI4LS44NzMtLjA0My0xLjc1NC0uMDE3LTIuNjI2LjAwOS0xLjQyNi4wNDItMi44MjguMDg0LTQuMTI2LS4xNzhhLjU1LjU1IDAgMCAwLS4wNjMuMDA5Yy0uMDUuMDA4LS4xMTkuMDItLjE3Ni4wMi0uNDA0LjAxNC0uODA2LjAzLTEuMjA3LjA0Ni0xLjE3LjA0Ny0yLjMzMy4wOTQtMy41MTMuMDk0LS43NDYgMC0xLjQ5My0uMDI4LTIuMjQtLjA1NlYwaDY2OVpNODIuNTk5IDEuNzkzYy43NzcuMDU2IDEuMjI1LjA4NCAxLjY0My4xMTItLjQxOC0uMjI1LS40NzgtLjIyNS0xLjY0My0uMTEyWm00OTkuNTIyLjA3Mi0uMDc1LjA0LjMwNi0uMDJjLjM0My0uMDIzLjc0NC0uMDUgMS4zMzctLjA5Mi0xLjA2NC0uMTA2LTEuMjEtLjExMi0xLjU2OC4wNzJaTTg4Ljc1NiAxSDg3LjI0Yy44NzMuNTEgMS4wOS40OSAyLjI1OS4wMzUtLjI0NC0uMDEtLjQ5Mi0uMDIyLS43NDQtLjAzNVptNDkwLjI5MSAwaC0xLjUxNWMtLjI1Mi4wMTMtLjQ5OS4wMjUtLjc0My4wMzUgMS4xNjguNDU1IDEuMzg1LjQ3NiAyLjI1OC0uMDM1Wm0xOS44MTguMTQ3Yy0uMzU5IDAtLjcxNyAwLTEuMDc2LjAyOCAwIC4wMjguMDA4LjA1LjAxNS4wN2EuMTg3LjE4NyAwIDAgMSAuMDE1LjA3Yy4xNzkgMCAuMzU5LS4wMDcuNTM4LS4wMTQuMTc5LS4wMDcuMzU5LS4wMTQuNTM4LS4wMTQgMC0uMDI4LS4wMDgtLjA0OS0uMDE1LS4wN2EuMTg3LjE4NyAwIDAgMS0uMDE1LS4wN1ptLTUzMS40NDIgMGEuMjkuMjkgMCAwIDEtLjAzLjE0Yy4xOCAwIC4zNTkuMDA3LjUzOC4wMTQuMTguMDA3LjM1OS4wMTQuNTM4LjAxNCAwLS4wMjguMDA3LS4wNDkuMDE1LS4wN2EuMTk2LjE5NiAwIDAgMCAuMDE1LS4wN2MtLjE4IDAtLjM1OS0uMDA3LS41MzgtLjAxNC0uMTc5LS4wMDctLjM1OC0uMDE0LS41MzctLjAxNFpNNTc2LjQ1MiAxaC0zLjI5NWMtLjQxNS4wNDEtLjg0NS4wOTEtMS4zLjE0NGwtLjI2Ni4wMzFjLjQwMy4wMTcuNzkuMDM5IDEuMTYyLjA2IDEuNTAzLjA4NyAyLjc2Ny4xNiAzLjkxNi0uMmE5LjM2NCA5LjM2NCAwIDAgMC0uMjE3LS4wMzVaTTkzLjEzMiAxaC0zLjI5NWE5LjA4IDkuMDggMCAwIDAtLjIxOC4wMzVjMS4xNTMuMzYgMi40NDIuMjg2IDMuOTQzLjIuMzY2LS4wMjIuNzQ0LS4wNDQgMS4xMzYtLjA2bC0uMjY3LS4wMzFBNzcuNTMyIDc3LjUzMiAwIDAgMCA5My4xMyAxWk0zNTEuOTEgMWgtMy41NzFjMS4xODIuMTE5IDIuMzY4LjA3IDMuNTcxIDBabS0zMy45NDYgMGgtMy41NzNjMS4xOTMuMDcgMi4zNzkuMTE5IDMuNTczIDBaIiBmaWxsPSIjMTU1NDJlIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4="); --menu-font-size: 18; --menu-item-margin: 27.5; --menu-item-margin-container: -27.5; --menu-icons-font-size: 1.65em; --header-color-mobile: var(--header-color-menu); --header-color-bg-mobile: var(--header-color-bg-menu); --mobile-menu-color: #ffffff; --mobile-menu-accent-color: #47a71a; --mobile-menu-icon-color: #47a71a; --mobile-menu-bg-color: #0a2800; --header-height-mobile: 60px; --sticky-header-height-mobile: 60px; } #main-header, .c-ip-mega-menu { --top-menu-submenu-color: #15542e; --top-menu-submenu-header-color: #15542e; --top-menu-submenu-bg-color: #ffffff; --top_menu_submenu_accent_color: #47a71a; } .c-product-grid, .c-header-search { --text-decoration-color-desktop: rgba(111, 125, 111, 0.5); --text-decoration-color-mobile: rgba(255, 255, 255, 0.5); } .c-product { --product-tabs-max-width: 880px; } .c-product__slider-item { --image-background-color: inherit; } .woocommerce-store-notice { --store-notice-color: #ffffff; --store-notice-background-color: #cf3540; } .c-product-features { --feature-icon-color: #47a71a; --feature-text-color: #15542e; --feature-background-color: #fafffa; --feature-border: dashed 1px #e3f0e3; } .c-product__custom-html { --custom-text-color: inherit; --custom-background-color: inherit; --custom-border: none; --custom-columns: 2; } .c-page-header__sub-cat-item { --font-size: 17px; --image-size: 100px; --item-width: 160px; } .c-product__slider-item--video .mejs-mediaelement .wp-video-shortcode, .c-product__slider-item--video .c-inline-video { object-fit: cover; } .c-page-header--default { background-color: #ffffff; } .elementor-kit-11 { --e-global-color-primary: #15542e !important; --e-global-color-secondary: #f2fbf2 !important; --e-global-color-text: #6f7d6f !important; --e-global-color-accent: #15542e !important; --e-global-color-accent2: #47a71a !important; --e-global-color-accent3: #47a71a !important; --e-global-color-border: #e3f0e3 !important; } /*- Carousel -*/ .h-carousel, .pswp__ui { --arrow-size: 54px; } .h-carousel--small { --arrow-size: 10px; } .h-carousel--flex.owl-carousel.owl-loaded { display: flex; } .h-carousel--flex .owl-stage { display: flex; } .h-carousel--flex .owl-item { flex: 0 0 auto; display: flex; } .h-carousel--flex .owl-item > * { flex: 0 0 auto; min-width: 0; max-width: 100%; } .h-carousel--flex .owl-stage-outer { display: flex; } .h-carousel .owl-prev, .h-carousel .owl-next, .pswp__button--arrow--left, .pswp__button--arrow--right, .pswp__button--close, .pswp__button--zoom { position: absolute; line-height: 1 !important; display: flex; justify-content: center; align-items: center; top: 50%; z-index: 1; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; padding: 0; margin: 0; transition: var(--hover-transition); } .h-carousel__prev, .pswp__button--arrow--left { transform-origin: center center; transform: scale(-1, 1); } .h-carousel .owl-prev.disabled .h-carousel__prev, .h-carousel .owl-next.disabled .h-carousel__next { opacity: 0.2; } .h-carousel .owl-prev:focus, .h-carousel .owl-next:focus { outline: none; } .h-carousel__prev, .h-carousel__next { display: inline-flex; } .h-carousel--inner .owl-prev { left: 15px; } .h-carousel--inner .owl-next { right: 15px; } .h-carousel--border .owl-prev { left: calc(var(--arrow-size) / -2); } .h-carousel--border .owl-next { right: calc(var(--arrow-size) / -2); } .h-carousel--simple .owl-prev, .h-carousel--simple .owl-next { margin-top: calc(var(--arrow-size) / -2); width: var(--arrow-size); height: var(--arrow-size); color: var(--accent-color); font-size: calc(var(--arrow-size) / 2.1); background-color: transparent; } .h-carousel--round .owl-prev, .h-carousel--round .owl-next, .pswp__button--arrow--left, .pswp__button--arrow--right, .pswp__button--close, .pswp__button--zoom { margin-top: calc(var(--arrow-size) / -2); width: var(--arrow-size); height: var(--arrow-size); border-radius: 50%; background-color: white; color: var(--accent-color); font-size: calc(var(--arrow-size) / 54 * 10); box-shadow: 0 1px 10px rgba(12, 44, 92, 0.07); } .h-carousel--small .owl-prev, .h-carousel--small .owl-next { color: var(--accent-color); background-color: transparent; font-size: calc(var(--arrow-size) / 6 * 8); width: 50px; height: 20px; margin-top: -22px; } .h-carousel--small .owl-prev { right: 100%; } .h-carousel--small .owl-next { left: 100%; } .h-carousel--big .owl-prev, .h-carousel--big .owl-next { color: var(--accent-color); background-color: transparent; font-size: var(--arrow-size); height: calc(var(--arrow-size) * 2); top: 50%; transform: translateY(-50%); transition: var(--opacity-transform-transition); } .h-carousel--big .owl-prev { left: 60px; } .h-carousel--big .owl-next { right: 60px; } /*-- Carousel Dots --*/ .h-carousel .owl-dots { position: absolute; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; } .h-carousel .owl-dots > .owl-dot { display: block; width: 8px; height: 8px; position: relative; cursor: pointer; background-color: var(--accent-color); opacity: 0.25; border-radius: 50%; } .h-carousel--compact-dots .owl-dots { display: inline-flex; padding: 2px; border: solid 1px var(--accent-color-tr); border-radius: 5px; -moz-column-gap: 4px; column-gap: 4px; } .h-carousel--compact-dots .owl-dots > .owl-dot { background-color: var(--accent-color-tr); width: 4px; height: 4px; opacity: 1; } .h-carousel--compact-dots .owl-dots > .owl-dot.active { background-color: var(--accent-color); } .h-carousel--default-dots .owl-dots { margin-top: 25px; width: 100%; top: 100%; left: 0; } .h-carousel--default-dots .owl-dots > .owl-dot { opacity: 0.25; } .h-carousel--default-dots .owl-dots > .owl-dot + .owl-dot { margin-left: 10px; } .h-rtl .h-carousel--default-dots .owl-dots > .owl-dot + .owl-dot { margin-left: 0; margin-right: 8px; } .h-carousel--default-dots .owl-dots > .owl-dot.active { opacity: 1; } .h-carousel--big-dots .owl-dots { -moz-column-gap: 7px; column-gap: 7px; } .h-carousel--big-dots .owl-dots > .owl-dot { width: 15px; height: 15px; background-color: transparent; opacity: 1; } .h-carousel--big-dots .owl-dots > .owl-dot:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 50%; border: solid 3px var(--accent-color); opacity: 1; } .h-carousel--big-dots:not(.h-carousel--dot-animated) .owl-dots > .owl-dot:after { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 50%; border: solid 3px currentColor; } .h-carousel--big-dots .owl-dots > .owl-dot.active:after { content: ""; } /*-- Carousel (Desktop) --*/ @media (min-width: 1190px) { .h-carousel--hover .owl-next, .h-carousel--hover .owl-prev { opacity: 0; visibility: hidden; } .h-carousel--hover:hover .owl-next, .h-carousel--hover:hover .owl-prev { opacity: 1; visibility: visible; } .h-carousel--simple .owl-prev:not(.disabled):hover, .h-carousel--simple .owl-next:not(.disabled):hover { color: var(--accent-color-2); } .h-carousel--round .owl-prev:not(.disabled):hover, .h-carousel--round .owl-next:not(.disabled):hover, .pswp__button--arrow--left:hover, .pswp__button--arrow--right:hover, .pswp__button--close:hover, .pswp__button--zoom:hover { background-color: var(--accent-color); color: white; } @media (max-width: 1400px) { .h-carousel--big .owl-prev { left: 30px; } .h-carousel--big .owl-next { right: 30px; } } .h-carousel--big .owl-prev:hover, .h-carousel--big .owl-next:hover { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-name: h-pulse; animation-name: h-pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } /*-- Carousel (Mobile) --*/ @media (max-width: 768px) { .h-carousel--small .owl-prev, .h-carousel--small .owl-next { margin-top: -20px; } } /*- Helpers -*/ body.h-preload *, body.h-preload *:after, body.h-preload *:before { transition: none !important; } .h-hidden { display: none !important; } .h-invisible { opacity: 0 !important; visibility: hidden !important; } .h-clearfix:before, .h-clearfix:after { content: " "; display: table; } .h-clearfix:after { clear: both; } .h-right { text-align: right; } .h-left { text-align: left; } .h-center { text-align: center; } .h-cb { background-color: transparent; border: none; outline: none; padding: 0; margin: 0; color: currentColor; position: relative; display: flex; justify-content: center; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .h-cb--svg { position: relative; } .h-cb--svg > * { display: block; width: 100%; height: 100%; } .h-after-before-hide:before { display: none; } .h-after-before-hide:after { display: none; } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .h-loading, div.wpcf7 span.ajax-loader { display: inline-block; vertical-align: middle; width: 25px; height: 25px; position: relative; background: none !important; min-width: 0 !important; } .h-loading:before, div.wpcf7 span.ajax-loader:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border: 2px solid currentColor; opacity: 0.3; } .h-loading:after, div.wpcf7 span.ajax-loader:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border: 2px solid transparent; border-top-color: currentColor; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } .h-shadow { box-shadow: 15.5px 12.6px 40px 10px rgba(0, 0, 0, 0.1); } .h-none { pointer-events: none; } .h-auto-margin { margin-left: auto; margin-right: auto; max-width: 100%; } .h-center-x { left: 50% !important; transform: translateX(-50%) !important; } .h-screen-overflow { max-width: 100vw; overflow: hidden; } .h-input { display: inline-block; } .h-grayscale { opacity: 0.5; filter: grayscale(100%); transition: 0.3s ease-out; } .h-rotate-180 { transform-origin: center; transform: rotate(180deg); } .h-bullet { display: inline-block; width: 3px; height: 3px; background-color: var(--accent-color-3); border-radius: 50%; vertical-align: middle; margin-left: 10px; margin-right: 10px; margin-bottom: 2px; } .h-flex-thumb .elementor-row { flex-wrap: nowrap !important; } .h-flex-thumb .elementor-column:first-child { flex: 0 0 auto !important; width: unset !important; } .h-flex-thumb .elementor-column:not(:first-child) { flex: 1 1 auto !important; width: unset !important; } .h-inline-form { display: flex; align-items: center; -moz-column-gap: 10px; column-gap: 10px; margin-top: -7.5px; margin-bottom: -7.5px; } .h-inline-form > * { flex: 1 1 auto; } .h-inline-form .wpcf7-form-control-wrap { padding-top: 0; padding-bottom: 0; } .h-inline-form > * { margin-top: 7.5px !important; margin-bottom: 7.5px !important; } .h-inline-form--33 { margin: -10px -7.5px; justify-content: center; flex-wrap: wrap; } .h-inline-form--33 > * { flex: 0 0 auto; width: calc(100% / 3 - 20px); margin: 10px 7.5px !important; } .h-inline-form > button, .h-inline-form > input[type="submit"] { flex: 0 0 auto; } .wpcf7-spinner { display: none !important; } .h-inline-form br { display: none; } .h-link-yes { cursor: pointer; } .h-invisible { z-index: 1; opacity: 0 !important; visibility: hidden !important; position: absolute !important; pointer-events: none; } .h-the-day.elementor-widget-heading .elementor-heading-title { position: relative; display: inline-block; padding-left: 0 !important; padding-right: 0 !important; white-space: nowrap; } .h-the-day.elementor-widget-heading .elementor-heading-title:before { content: ""; display: block; position: absolute; left: 0; right: 6px; top: 0; height: 100%; border-top: solid 1px currentColor; border-bottom: solid 1px currentColor; } .h-fade { transition: opacity 0.3s linear, visibility 0.3s linear; } .h-fade--out { opacity: 0 !important; } .h-fade--in { opacity: 1 !important; } body.home .h-hide-home { display: none !important; } .h-icon-top-5px .elementor-icon-box-icon { margin-top: 5px; } .h-dashed > .elementor-widget-wrap, .h-dashed > .elementor-container { background-image: var(--dashed-border) !important; border-radius: 8px; } .h-rounded-yes { position: relative; background: white; border-radius: 4px; padding: 40px; } .h-rounded-yes:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 4px; border: solid 1px var(--border-color-light); pointer-events: none; z-index: 1; } .h-rotation { -webkit-animation: h-rotation-std 6s infinite linear; animation: h-rotation-std 6s infinite linear; } @-webkit-keyframes h-rotation-std { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } @keyframes h-rotation-std { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } @media (max-width: 800px) { .h-fix-video-pos { background-position: 70% 50% !important; } .h-fix-video-pos .elementor-background-video-embed { left: 30%; } } @media (max-width: 500px) { .h-fix-video-pos .elementor-background-video-embed { left: 0; } } /*-- Helpers (Desktop) --*/ @media (min-width: 1921px) { .h-full { margin-left: calc(-100vw / 2 + 100% / 2) !important; margin-right: calc(-100vw / 2 + 100% / 2) !important; max-width: 100vw !important; width: 100vw !important; } } @media (min-width: 1190px) { .h-zoom-hover a img { transform-origin: center; transition: var(--opacity-transform-transition); } .h-zoom-hover a:hover img { transform: scale(1.2); } .h-grayscale:hover { opacity: 1; filter: grayscale(0); } .h-hide-desktop { display: none !important; } } /*-- Helpers (Tablet) --*/ @media (max-width: 1189px) and (min-width: 768px) { .h-hide-tablet { display: none !important; } } @media (max-width: 1023px) and (min-width: 768px) { .h-rounded-yes { padding: 25px; } } /*-- Helpers (Mobile) --*/ @media (max-width: 767px) { .h-banner-1 { width: 100%; background: white; } .h-banner-1 .elementor-container { padding-left: 0 !important; padding-right: 0 !important; } .h-banner-1__column-left { position: relative; top: -30px; left: -20px; } .h-banner-1__column-right { position: relative; top: -30px; right: -20px; } .h-mobile-05x { transform-origin: center; transform: scale(0.5); } .h-inline-form { flex-direction: column; } .h-inline-form > * { width: 100%; } .h-inline-form--33 { margin: -10px 0; } .h-inline-form--33 > * { width: 100%; margin: 10px 0 !important; } .h-full-mobile .elementor-container { padding-left: 0 !important; padding-right: 0 !important; } .h-icon-list-fix .elementor-icon-list-items { margin-top: -5px; margin-bottom: -5px; justify-content: flex-start !important; } .h-icon-list-fix .elementor-icon-list-item { flex: 0 0 auto; width: calc(50% - 12px); justify-content: flex-start !important; margin-top: 5px; margin-bottom: 5px; text-align: left; } .h-icon-list-fix .elementor-icon-list-item a { justify-content: flex-start !important; text-align: left !important; } .h-hide-mobile { display: none !important; } .h-rounded-yes { padding: 20px; } } @media (max-width: 619px) { .h-rounded-yes:before { border-left: 0; border-right: 0; } } /*- Layouts -*/ :root { --admin-bar-height: 0px; } .l-wrap { position: relative; display: flex; flex-direction: column; min-height: 100vh; min-width: 320px; width: 100%; max-width: 100vw; overflow: hidden; } .l-inner { flex: 1 1 auto; } body.admin-bar .l-wrap { min-height: calc(100vh - 32px); --admin-bar-height: 32px; } .l-section { position: relative; width: 100%; clear: both; min-width: 320px; } .l-section--padding, .l-section__padding { width: 100%; padding-left: 15px; padding-right: 15px; } .l-section--multicol { display: flex; flex-wrap: nowrap; align-items: flex-start; } .l-section--top-margin { margin-top: 30px; } .l-section--bottom-margin { margin-bottom: 40px; } .l-section__container--relative { position: relative; } .l-section--rounded-corners { position: relative; background: white; border-radius: 4px; } .l-section--rounded-corners:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 4px; border: solid 1px var(--border-color-light); pointer-events: none; z-index: 1; } .l-left-top-corner { display: block; position: absolute; left: 0; top: 0; width: 4px; height: 4px; border-left: solid 1px var(--border-color-light); border-top: solid 1px var(--border-color-light); border-top-left-radius: 4px; z-index: 1; } .l-right-top-corner { display: block; position: absolute; right: 0; top: 0; width: 4px; height: 4px; border-right: solid 1px var(--border-color-light); border-top: solid 1px var(--border-color-light); border-top-right-radius: 4px; z-index: 1; } .l-left-bottom-corner { display: block; position: absolute; left: 0; bottom: 0; width: 4px; height: 4px; border-left: solid 1px var(--border-color-light); border-bottom: solid 1px var(--border-color-light); border-bottom-left-radius: 4px; z-index: 1; } .l-right-bottom-corner { display: block; position: absolute; right: 0; bottom: 0; width: 4px; height: 4px; border-right: solid 1px var(--border-color-light); border-bottom: solid 1px var(--border-color-light); border-bottom-right-radius: 4px; z-index: 1; } .l-section--container .l-section--container, .l-section--container .l-section__container, .l-section__container .l-section__container, .l-section__container .l-section--container, .l-section--container .elementor-section.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container, .l-section__container .elementor-section.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container, .l-section--container .e-con-boxed, .l-section__container .e-con-boxed, .l-section--container-wide .l-section--container-wide, .l-section--container-wide .l-section__container-wide, .l-section__container-wide .l-section__container-wide, .l-section__container-wide .l-section--container-wide, .l-section--container-wide .elementor-section.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container, .l-section__container-wide .elementor-section.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container, .l-section--container-wide .e-con-boxed, .l-section__container-wide .e-con-boxed, .e-con-boxed .l-section--container-wide, .e-con-boxed .l-section__container-wide, .e-con-boxed .l-section--container, .e-con-boxed .l-section__container, .elementor-section-boxed .l-section--container-wide, .elementor-section-boxed .l-section__container-wide, .elementor-section-boxed .l-section--container, .elementor-section-boxed .l-section__container { padding-left: 0 !important; padding-right: 0 !important; } .e-con-boxed .e-con-boxed { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; } .l-section--overflow-hidden { overflow: hidden; } .l-section--fullheight { height: 100%; } .l-section--dokan { overflow: hidden; } /*-- Layouts (Desktop) --*/ @media (min-width: 1190px) { .l-section__sidebar { flex: 0 0 auto; width: 232px; } .l-section__content--with-sidebar { flex: 1 1 auto; min-width: 900px; } .l-section__content--with-sidebar:after { content: ""; display: block; position: absolute; left: 232px; top: 0; bottom: 0; border-right: solid 1px var(--border-color-light); z-index: 1; } .h-rtl .l-section__content--with-sidebar:after { left: unset; right: 232px; } .l-section__sidebar-wide { flex: 0 0 auto; width: 370px; } .l-section__content--with-sidebar-wide { flex: 1 1 auto; min-width: 765px; } .l-section--container, .l-section__container { width: 1160px; margin-left: auto; margin-right: auto; } .l-section--container-narrow, .l-section__container-narrow { width: 765px; } .l-section--with-sidebar { display: flex; flex-wrap: nowrap; } .l-section--fullwidth { width: 1920px; max-width: calc(100% - 50px * 2); margin-left: 50px; margin-right: 50px; } @media (min-width: calc(1920px + 100px)) { .l-section--fullwidth { max-width: 100%; margin-left: auto; margin-right: auto; } } .l-section--container-wide, .l-section__container-wide { width: 1920px; max-width: 100%; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } } /*-- Layouts (Mobile) --*/ @media (max-width: 1189px) { .l-section--with-sidebar { display: flex; flex-direction: column; } .l-section__sidebar, .l-section__sidebar-wide { position: relative; overflow: hidden; } .l-section__content--with-sidebar, .l-section__content--with-sidebar-wide { margin-left: auto; margin-right: auto; width: 100%; } .l-section--container-wide, .l-section__container-wide, .l-section--container, .l-section__container, .elementor-section.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container, .e-con-boxed { padding-left: 0; padding-right: 0; margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } .l-section--top-margin { margin-top: 15px; } .l-section--bottom-margin { margin-bottom: 30px; } @media (max-width: 619px) { .l-section--container-wide, .l-section__container-wide, .l-section--container, .l-section__container { margin-left: 0; margin-right: 0; width: 100%; } .elementor-section.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container, .e-con-boxed { padding-left: 0; padding-right: 0; margin-left: 20px; margin-right: 20px; width: calc(100% - 40px); } .l-section--rounded-corners:before { border-left: 0; border-right: 0; } } } @media (max-width: 767px) { .l-section--top-margin { margin-top: 10px; } .l-section--bottom-margin { margin-bottom: 20px; } } @media (max-width: 782px) { body.admin-bar .l-wrap { min-height: calc(100vh - 46px); --admin-bar-height: 46px; } } /*- Misc -*/ :root { scroll-behavior: smooth; } @media (min-width: 1190px) { body { scrollbar-color: var(--accent-color-scroll); } ::-webkit-scrollbar-thumb { background: var(--accent-color-scroll); border-radius: 5px; } ::-webkit-scrollbar { background-color: var(--accent-color-scroll-bg); height: 8px; width: 8px; } } i[class^="ip-"] { display: inline-flex; } .svg-sprite-container { display: none; } .ip-customize-partial-refreshing { opacity: 0.25; transition: opacity 0.25s; cursor: progress; } .ip-customize-partial-refreshing.widget-customizer-highlighted-widget { box-shadow: none; } .hasCustomSelect { z-index: 1; } .pswp { display: none; } .pswp__video-wrap .mejs-video:not(.mejs-container-fullscreen) iframe { width: 1170px !important; height: 100% !important; max-height: 100%; max-width: 100%; } .pswp__video-wrap .wp-video { width: 1170px !important; max-height: 100%; } .pswp__video-wrap .video.wp-video-shortcode, .pswp__video-wrap .wp-video-shortcode video, .pswp__video-wrap .mejs-container { max-height: calc(100vh - var(--admin-bar-height)); background-color: transparent; } .pswp__img { -o-object-fit: contain; object-fit: contain; } .pswp__img--placeholder--blank { background-color: transparent; } .owl-carousel { touch-action: pan-y; } .wc-item-meta { list-style: none; font-size: 13px; line-height: 1.27; margin: 0; padding: 0; text-transform: none; } .wc-item-meta li { margin-top: 5px; } .wc-item-meta p { display: inline; padding: 0; margin: 0; } .wc-item-meta a { text-decoration: underline; } .wc-item-meta strong { font-weight: inherit; color: var(--text-color); } .js-sticky-sidebar, .js-sticky-sidebar-nearby { position: relative; } .js-sticky-sidebar { top: 0; } .js-sticky-sidebar--disable-transition { transition: none !important; } select.thwepof-input-field, input[type="text"].thwepof-input-field { width: 100% !important; margin-right: 0 !important; } .includes_tax, .tax_label, .woocommerce-price-suffix { color: var(--text-color) !important; text-transform: none !important; font-weight: 400 !important; font-size: 11px !important; line-height: 1.2; } @media (max-width: 1189px) { .mobile { transition: transform 0.5s linear; } .admin-bar-hide { transform: translateY(-100%); } .parallax-mirror { display: none; } } body.block-transition *, body.block-transition *:after, body.block-transition *:before { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } /*-- Gutenberg --*/ .entry-content--fullwidth *.alignfull { margin-left: calc(-100vw / 2 + 100% / 2) !important; margin-right: calc(-100vw / 2 + 100% / 2) !important; max-width: 100vw !important; width: 100vw !important; } .entry-content--sidebar *.alignfull { max-width: 100%; width: auto; margin-left: 0; margin-right: 0; } @media (min-width: 1190px) { .entry-content--fullwidth > *.alignwide { margin-left: -230px !important; margin-right: -230px !important; width: calc(100% + 460px) !important; max-width: calc(100% + 460px) !important; } } .entry-content--sidebar *.alignwide { max-width: 100%; width: auto; margin-left: 0; margin-right: 0; } .guidelines { width: 1160px; left: 50%; margin-left: -580px; top: 0; bottom: 0; position: fixed; border: dashed 1px red; z-index: 10000; pointer-events: none; } .guidelines:after { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; border: dashed 1px green; z-index: 10000; pointer-events: none; } .elementor-widget-image .elementor-image > a img[src$=".svg"], .elementor-widget-image .elementor-image figure > a img[src$=".svg"] { width: unset !important; } .l-inner .elementor { max-width: 1920px; width: 100%; margin-left: auto; margin-right: auto; } .max-height-banners { max-height: 600px; } .wp-video-shortcode { max-width: 100%; } .woo-variation-gallery-message { display: none !important; } [class$="-payment-request-wrapper"], [id$="-payment-request-wrapper"] { padding-top: 0 !important; width: 100% !important; order: 5; } [class$="-payment-request-button-separator"], [id$="-payment-request-button-separator"] { display: none !important; } .advanced-woo-labels { z-index: auto !important; } .woo-variation-swatches .wvs-archive-variations-wrapper { order: 39; } /*-- Misc (Desktop) --*/ @media (min-width: 1190px) { html { scroll-padding-top: 115px; } } /*- Account -*/ .c-account { display: flex; background-color: white; } .c-account__login-info { text-align: center; font-size: 17px; margin-top: -30px; margin-bottom: 90px; } .c-account__logout { margin-left: 35px; font-weight: bold; color: #d1333c; } .c-account__col-menu { flex: 0 0 260px; padding: 40px; border-right: solid 1px var(--border-color-light); } .c-account__col-content { flex: 1 1; padding: 35px 50px; } .c-account__col-content a { color: var(--accent-color); } .c-account__navigation { margin: 0; padding: 0; list-style: none; font-weight: 500; font-size: 14px; line-height: 14px; letter-spacing: 0.025em; text-transform: uppercase; color: var(--accent-color); } .c-account__navigation-item + .c-account__navigation-item { margin-top: 25px; } .c-account__navigation-item.is-active { color: var(--text-color); } .c-account__col-content > *:first-child { margin-top: 0; } .c-account__backward { margin-top: 30px; } .c-account fieldset { margin: 45px 0 0 0; padding: 0; border: 0; } .c-account legend, .c-account h3 { padding: 0; margin: 0 0 20px 0; font-weight: 500; font-size: 22px; line-height: 28px; color: var(--accent-color); } .c-account form { font-size: 14px; } .c-account select { height: 36px; } .c-account p { margin: 0 0 10px 0; } .c-account .edit { position: absolute; bottom: 0; left: 0; } .h-rtl .c-account .edit { left: unset; right: 0; } .c-account mark { background: none; font-weight: bold; } .c-account em { display: block; font-style: normal; font-weight: 300; font-size: 11px; line-height: 18px; letter-spacing: 0.025em; color: var(--text-color-light); margin-top: 5px; } .woocommerce-Address { padding-bottom: 55px; position: relative; } p + .woocommerce-Addresses { margin-top: 0; } .c-account .woocommerce-address-fields, .woocommerce-EditAccountForm { max-width: 430px; } .woocommerce-EditAccountForm .button, .woocommerce-address-fields .button { margin-top: 30px; } .woocommerce-MyAccount-navigation-link--customer-logout .c-account__navigation-link:before { content: var(--icon-logout); font-family: var(--font-icons); color: var(--accent-color-2); font-size: 14px; line-height: 1; position: relative; top: 2px; display: inline-flex; margin-right: 4px; } .h-rtl .woocommerce-MyAccount-navigation-link--customer-logout .c-account__navigation-link:before { margin-right: 0; margin-left: 4px; } .c-account__user { display: flex; align-items: center; text-align: start; -moz-column-gap: 20px; column-gap: 20px; margin-bottom: 25px; } .c-account__user-name { font-weight: 500; color: var(--header-color); font-size: 14px; } .c-account__user-icon img { display: block; border-radius: 50%; } /*-- Account (Desktop) --*/ @media (min-width: 1190px) { .c-account__col-content a:hover { color: var(--accent-color-2); } } /*-- Account (Mobile) --*/ @media (max-width: 1023px) and (min-width: 768px) { .c-account__col-content { padding: 25px 30px; } .c-account__col-menu { flex: 0 0 200px; padding: 25px; } } @media (max-width: 767px) { .c-account { display: block; } .c-account__col-menu { position: relative; text-align: center; border-right: none; } .c-account__col-menu:after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: solid 1px var(--border-color-light); } .c-account__col-content { padding-left: 20px; padding-right: 20px; max-width: 510px; margin-left: auto; margin-right: auto; } .c-account__user { flex-direction: column; } .c-account__user-text { margin-top: 10px; } .c-account__user-name { display: inline; } } /*- Product badges -*/ .c-badge__list { display: flex; flex-wrap: wrap; margin: -3px; } .c-badge { flex: 0 1 auto; display: inline-block; text-transform: uppercase; color: white; font-weight: 600; text-align: center; margin: 3px; border-radius: 13px; padding: 3px 10px; letter-spacing: 0.045em; background-color: var(--text-color); } .c-badge--featured { order: 1; background-color: var(--badge-bgcolor-featured); } .c-badge--new { order: 2; background-color: var(--badge-bgcolor-new); } .c-badge--sale { order: 3; background-color: var(--badge-bgcolor-sale); } .c-badge--out-of-stock { order: 4; background-color: var(--badge-bgcolor-outofstock); } /*- Blog blog -*/ .c-blog__grid { display: flex; flex-wrap: wrap; -moz-column-gap: 25px; column-gap: 25px; row-gap: 25px; } .c-blog__list { display: flex; flex-wrap: wrap; row-gap: 25px; } .c-blog__nothing { padding: 10px 30px; } .c-blog__nothing-search { margin-top: 20px; width: 440px; max-width: 100%; } .c-blog__nothing .c-search-form { margin-bottom: 0; } .c-blog a.page-numbers, .c-blog a.post-page-numbers, .c-blog span.page-numbers, .c-blog span.post-page-numbers { border-color: var(--accent-color); } .c-blog .c-post-sidebar { margin-top: 0; } /*-- Blog blog (Mobile) --*/ @media (max-width: 1189px) and (min-width: 620px) { .c-blog.l-section--top-margin { margin-top: 30px; } .c-blog__grid, .c-blog__list { row-gap: 30px; } @media (max-width: 825px) { .c-blog__grid { -moz-column-gap: 30px; column-gap: 30px; } } } @media (max-width: 619px) { .c-blog .c-post-sidebar { margin-top: -20px; } .c-blog__grid, .c-blog__list { display: flex; flex-direction: column; align-items: center; row-gap: 10px; } .c-blog__nothing { padding: 35px 30px; } } /*- Breadcrumbs -*/ .c-breadcrumbs { font-weight: 500; font-size: 13px; line-height: 1.23; letter-spacing: 0.015em; } .c-breadcrumbs__list, .rank-math-breadcrumb { margin: 0 auto; max-width: 100%; width: 780px; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .c-breadcrumbs__item { display: block; -ms-word-wrap: break-word; word-break: break-word; word-wrap: break-word; white-space: normal; } .c-breadcrumbs__item--short { max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } .c-breadcrumbs__item:first-letter { text-transform: uppercase; } .c-breadcrumbs__separator { position: relative; top: -1px; font-size: 6px; vertical-align: middle; margin-left: 7px; margin-right: 7px; } .rank-math-breadcrumb .c-breadcrumbs__separator { top: 0; } .h-rtl .c-breadcrumbs__separator { display: inline-block; transform: scaleX(-1); } /*-- Breadcrumbs (Desktop) --*/ @media (min-width: 1190px) { .c-breadcrumbs > a:hover { color: var(--hover-color); } } /*- Empty Cart -*/ .c-cart-empty { background-color: white; padding: 125px 60px; text-align: center; } .c-cart-empty__icon { width: 90px; height: 90px; font-size: 90px; line-height: 1; } .c-cart-empty__image { max-width: 100%; height: auto; } .c-cart-empty__header { margin-top: 35px; font-family: var(--font-header); font-style: normal; font-weight: 700; font-size: 27px; line-height: 1.27; text-align: center; letter-spacing: -0.01em; max-width: 800px; margin-left: auto; margin-right: auto; color: var(--accent-color); } .c-cart-empty__backward { display: inline-block; margin-top: 45px; } .c-cart-empty__note { margin-top: 25px; margin-bottom: -20px; color: var(--text-color); } .c-cart-empty__wishlist { vertical-align: middle; font-size: 20px; color: var(--accent-color); display: inline-block; margin-left: 3px; margin-right: 3px; } .c-cart-empty__try { margin-top: 20px; margin-bottom: 0; color: var(--text-color); } .c-cart-empty__search { display: inline-block; margin-top: 30px; max-width: 100%; width: 265px; } /*-- Empty Cart (Mobile) --*/ @media (max-width: 1189px) { .c-cart-empty { padding: 85px 60px; } } /*-- Empty Cart (Mobile) --*/ @media (max-width: 500px) { .c-cart-empty__header { font-size: 22px; } .c-cart-empty { padding: 85px 30px; } } /*- Cart -*/ .c-cart { --header-font-size: 22px; } .c-cart a:not(.c-button) { text-underline-position: under !important; -webkit-text-decoration-color: var(--border-color-light) !important; text-decoration-color: var(--border-color-light) !important; } .c-cart__wrap { width: 100%; display: flex; position: relative; } .c-cart__col-1, .woocommerce-form-coupon-toggle, .checkout_pw_gift_card.woocommerce-form-coupon { position: relative; flex: 1 1 auto; padding: 20px 40px; } .c-cart__col-1 .woocommerce-cart-form, .c-cart__customer-details { padding-top: 15px; padding-bottom: 15px; } .c-cart__col-2 { position: relative; flex: 0 0 auto; margin: 20px; width: 400px; max-width: 100%; } .h-ltr .c-cart__col-2 { margin-left: 0; } .h-rtl .c-cart__col-2 { margin-right: 0; } .c-cart__shop-table, .c-cart__totals-table { border-spacing: 0; border-collapse: separate; width: 100%; } .c-cart__shop-tr { position: relative; } .c-cart__shop-tr--border td, .c-cart__shop-tr--border th { border-bottom: solid 1px var(--border-color-light); } .c-cart__shop-th, .c-cart__totals-th { text-align: var(--text-align-left); font-weight: 400; font-size: 13px; line-height: 18px; letter-spacing: 0.02em; text-transform: uppercase; } .c-cart__totals-th--product-total { text-align: var(--text-align-right); } .c-cart__totals-th { padding-top: 20px; padding-bottom: 9px; } .c-cart__shop-td--product-subtotal .amount { display: block; } .c-cart__shop-th--product-total, .c-cart__shop-td--product-total, .c-cart__shop-td--right { text-align: var(--text-align-right); } .c-cart__shop-td--product-quantity { text-align: center; font-weight: 500; font-size: 16px; letter-spacing: 0.015em; line-height: 1; color: var(--accent-color); } .c-cart__shop-td--product-quantity .quantity { --height: 36px; } .c-cart__shop-td--product-quantity .qty { font-size: 16px; width: 40px; } .c-cart__shop-td--left { text-align: var(--text-align-left); } .c-cart__item-price { display: inline-block; margin-top: 10px; font-family: var(--font-text); font-weight: 400; font-size: 14px; line-height: 18px; letter-spacing: 0.02em; color: var(--text-color); } .c-cart__item-out-of-stock { display: inline-block; margin-left: 10px; background-color: var(--badge-bgcolor-outofstock); color: white; text-transform: uppercase; font-weight: 600; font-size: 9px; line-height: 11px; text-align: center; border-radius: 13px; padding: 3px 10px; letter-spacing: 0.045em; margin-bottom: 5px; vertical-align: middle; } .c-cart__shop-td { padding: 20px 0; border-bottom: solid 1px var(--border-color-light); } .h-ltr .c-cart__shop-td { padding-right: 20px; } .h-rtl .c-cart__shop-td { padding-left: 20px; } .h-ltr .c-cart__shop-td:last-child { padding-right: 0; text-align: right; } .h-ltr .c-cart__shop-th:last-child { padding-right: 0; text-align: right; } .h-rtl .c-cart__shop-td:last-child { padding-left: 0; text-align: left; } .h-rtl .c-cart__shop-th:last-child { padding-left: 0; text-align: left; } .c-cart__shop-td-space { padding: 10px; } .c-cart__shop-td .variation { display: inline-block !important; margin-right: 11px; } .c-cart__shop-td--product-thumbnail { position: relative; width: 90px; } .c-cart__shop-td--product-name { width: 75%; font-family: var(--font-header); font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: 0.005em; color: var(--accent-color); } .c-cart__shop-td--product-normal { width: unset; } .c-cart__shop-td--product-name > a { display: block; } .c-cart__shop-td--product-price { font-family: var(--font-header); font-weight: 700; font-size: 17px; line-height: 21px; letter-spacing: -0.01em; color: var(--header-color); } .c-cart__shop-td--product-price del { opacity: 0.3; margin-right: 3px; } .c-cart__shop-td--product-price ins { text-decoration: none; } .c-cart__shop-th--product-price, .c-cart__shop-td--product-price, .c-cart__shop-th--product-stock, .c-cart__shop-td--product-stock { text-align: center; -webkit-padding-end: 25px; padding-inline-end: 25px; } .c-cart__shop-td--product-stock { font-weight: 500; font-size: 14px; line-height: 30px; letter-spacing: 0.05em; text-transform: uppercase; } .c-cart__shop-th--product-quantity { text-align: center; -webkit-padding-end: 25px; padding-inline-end: 25px; } .c-cart__shop-td--actions { padding: 25px 0 0 0; text-align: var(--text-align-right); position: relative; white-space: nowrap; border-bottom: none; } .c-cart__shop-remove-icon { color: var(--accent-color); position: absolute; display: block; width: 12px; height: 12px; font-size: 12px; line-height: 1; inset-inline-start: -25px; top: 50%; margin-top: -6px; transform-origin: center center; opacity: 0; visibility: hidden; transition: var(--opacity-transform-transition); } .c-cart__shop-remove-icon:after { content: ""; display: block; position: absolute; left: -10px; right: -10px; top: -10px; bottom: -10px; } .c-cart__shop-variation { display: block; font-size: 14px; } .c-cart__collaterals { position: relative; border: solid 1px var(--accent-color); border-radius: 4px; padding: 25px 35px 30px 35px; } .c-form__terms-and-conditions { margin-top: 27px !important; } .blockUI.blockOverlay { z-index: 95 !important; background-color: white !important; } .c-cart__collaterals:after { content: ""; display: block; position: absolute; left: 0; top: 100%; width: 100%; height: 8px; background-repeat: repeat-x; background-position: top left; } .c-cart__shop-update { display: inline-block; position: relative; } .c-cart__shop-update-svg { position: absolute; left: 0; top: 3px; width: 17px; height: 17px; pointer-events: none; } .c-cart__sub-sub-header, .c-cart__coupon-header, .c-cart__sub-header, .c-cart__header, .c-cart__col-1--checkout h3 { text-align: var(--text-align-left); font-weight: 500; font-size: var(--header-font-size); line-height: 1.27; color: var(--accent-color); position: relative; } .c-cart__select-icon { display: block; position: absolute; right: 0; top: 50%; margin-top: -3px; font-size: 8px; height: 8px; line-height: 1; color: var(--accent-color); transform-origin: center center; transition: transform 0.3s linear; } .h-rtl .c-cart__select-icon { left: 0; right: unset; } .c-cart__select-icon--opened { transform: rotate(-180deg); } .c-cart__coupon { position: relative; padding-bottom: 25px; margin-bottom: 21px; } .c-cart__coupon:after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: solid 1px var(--border-color-light); } /* @media(max-width:768px){ .c-cart__coupon-from-wrap { max-height: 0; overflow: hidden; transition: max-height 0.3s linear; } .c-cart__coupon-from-wrap--opened { max-height: 150px; } } */ .c-cart__coupon-form { padding-top: 25px; display: flex; align-items: center; -moz-column-gap: 10px; column-gap: 10px; } .c-cart__coupon-form #coupon_code { flex: 1 1 auto; min-width: 0; } .c-cart__calculator-update-wrap { text-align: right; margin-top: 1rem; } .c-cart__totals-td { padding: 0; position: relative; } .c-cart__collaterals .woocommerce-remove-coupon, .c-cart__collaterals .tax_label, .c-cart__collaterals .includes_tax, .c-cart__shop-table .tax_label { font-family: var(--font-text); display: block; font-weight: normal; font-size: 12px; } .c-cart__collaterals .woocommerce-privacy-policy-text { margin-top: 20px; } .c-cart__collaterals .woocommerce-privacy-policy-text > :first-child { margin-top: 0; } .c-cart__collaterals .woocommerce-privacy-policy-text > :last-child { margin-bottom: 0; } .c-cart__collaterals .woocommerce-privacy-policy-text a, .c-cart__collaterals .woocommerce-privacy-policy-text a:hover { text-decoration: underline; } .c-cart__payment-methods a, .c-cart__payment-methods a:hover { text-decoration: underline; } .c-cart__shop-table .tax_label { margin-top: 0; } .c-cart__shipping-methods-label .tax_label { position: absolute; right: 0; margin-top: 21px; } .h-rtl .c-cart__shipping-methods-label .tax_label { right: unset; left: 0; } .c-cart__totals-price, .c-cart__shipping-methods-label .amount { font-family: var(--font-header); position: relative; text-align: var(--text-align-right); font-weight: 700; font-size: 17px; line-height: 21px; letter-spacing: -0.01em; white-space: nowrap; color: var(--accent-color-2); } .c-cart__totals-price strong { font-weight: 700; font-size: 24px; line-height: 30px; letter-spacing: -0.02em; } .c-cart__totals-price .amount { white-space: nowrap; } .c-cart__shipping-destination { margin-top: 25px; font-size: 18px; line-height: 1.27; letter-spacing: 0.005em; } .c-cart__shipping-destination strong { font-weight: 400; color: var(--header-color); } .c-cart__shipping-methods, .c-cart__payment-methods { list-style: none; padding: 0; margin: 0; } .c-cart__payment-methods .woocommerce-notice { padding: 0; font-style: normal; font-weight: 400; font-size: 13px; line-height: 24px; letter-spacing: 0.025em; color: var(--text-color); } .c-cart__payment-methods > li, .c-cart__shipping-methods-item { display: flex; flex-wrap: wrap; margin-top: 15px; } .c-cart__shipping-methods-label { display: flex; -moz-column-gap: 25px; column-gap: 25px; } .c-cart__shipping-methods-label .amount { display: inline-block; margin-left: auto; text-align: var(--text-align-right); } .h-rtl .c-cart__shipping-methods-label .amount { margin-left: unset; margin-right: auto; } .c-cart__payment-methods-box { padding-left: 32px; font-weight: 400; font-size: 13px; line-height: 18px; letter-spacing: 0.02em; margin-top: 5px; flex: 1 1 auto; max-width: 100%; min-width: 0; } .c-cart__payment-methods-box > :first-child { margin-top: 0; } .c-cart__payment-methods-box > :last-child { margin-bottom: 0; } .c-cart__shipping-method-radio, .c-cart__payment-method-radio { flex: 0 0 auto; white-space: nowrap; position: relative; margin-top: 2px !important; } .h-ltr .c-cart__shipping-method-radio, .h-ltr .c-cart__payment-method-radio { margin-right: 14px; } .h-rtl .c-cart__shipping-method-radio, .h-rtl .c-cart__payment-method-radio { margin-left: 14px; } .c-cart__payment-methods-title, .c-cart__shipping-methods-label { flex: 1 1 auto; color: var(--header-color); width: calc(100% - 32px); display: flex; align-items: center; justify-content: space-between; } .c-cart__payment-methods-title img, .c-cart__shipping-methods-label img { max-width: 100%; } .c-cart__payment-methods-title .about_paypal { color: var(--text-color-light); } .c-cart__shipping-calculator-button { display: block; margin-top: 20px; font-size: 13px; line-height: 18px; letter-spacing: 0.02em; position: relative; } .c-cart__payment-method-radio { display: inline-block !important; } .c-cart__totals-space { padding: 20px 0; position: relative; } .c-cart__totals-space--hr:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 50%; border-top: solid 1px var(--border-color-light); } .c-cart__totals-product-space { padding: 6px 0; } .c-cart__totals-action { text-align: right; } .c-cart__totals-product-name { font-style: normal; font-weight: 400; font-size: 14px; line-height: 1.27; letter-spacing: 0.02em; color: var(--header-color); } .c-cart__totals-subtotal-header { font-family: var(--font-header); font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: 0.005em; color: var(--header-color); } .c-cart__shop-brand, .c-cart .variation, .c-cart__totals-product-name .variation { text-transform: none; display: block; margin: 10px 0 0 0; padding: 0; font-family: var(--font-text); font-weight: 400; font-size: 13px; line-height: 16px; letter-spacing: 0.005em; color: var(--text-color); } .c-cart__totals-product-name .variation { margin: 5px 0 0 0; } .c-cart .variation *, .c-cart__totals-product-name .variation * { display: inline; margin: 0; padding: 0; } .c-cart .variation dd + dt:before, .c-cart__totals-product-name .variation dd + dt:before { content: ""; display: inline-block; width: 3px; height: 3px; background-color: var(--accent-color-3); border-radius: 50%; vertical-align: middle; margin-left: 6px; margin-right: 8px; margin-bottom: 2px; } .c-cart .variation dd, .c-cart__totals-product-name .variation dd { color: var(--header-color); } .c-cart__totals-product-quantity { font-weight: normal; white-space: nowrap; } .c-cart__totals-product .c-cart__totals-price { color: var(--header-color); } .c-cart__place-order { display: flex; flex-direction: column; align-items: flex-start; } .c-cart__place-order-btn { margin-top: 37px; } .c-cart__checkout-btn, .checkout-button.button.alt.wc-forward, #place_order { margin-top: 20px; } .c-cart .shipping-calculator-form { padding-top: 10px; } .c-cart .form-row { margin-bottom: 0; margin-top: 10px; } .c-cart .shipping-calculator-form input[type="text"] { width: 100%; } .c-cart .woocommerce-terms-and-conditions { padding: 15px; margin-top: 25px; color: var(--header-color); border: solid 1px var(--form-border-color); border-radius: 4px; } .c-cart .woocommerce-terms-and-conditions-link { text-decoration: underline; display: inline-block; } .c-cart__form label { display: block; padding-bottom: 10px; font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px; letter-spacing: 0.02em; color: var(--accent-color); } .c-cart__form .required { text-decoration: none; color: darkred; } .c-cart__form .form-row { margin-top: 0; margin-bottom: 20px; clear: right; } .h-rtl .c-cart__form .form-row { clear: left; } .c-cart__billing-fields { margin-top: 15px; } .c-cart__shipping-fields { margin-top: 15px; } .c-cart__additional-fields { margin-top: 15px; } .c-cart__form--shipping-fields { margin-top: 45px; } .c-cart__form--additional-fields { margin-top: 25px; } .c-cart__cross-sell { margin-top: 65px; } .c-cart__cross-sell h2 { font-size: 31px; line-height: normal; text-align: center; margin-bottom: 40px; } .c-cart__cross-sell .c-product-grid__list { justify-content: center; } .c-cart__thumbnail-link img { max-width: unset; width: 90px !important; height: 75px !important; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; display: block; border-radius: 4px; } .h-rtl input.c-cart__shop-update-button { text-align: center !important; } .c-cart__shop-update-button--auto { opacity: 0 !important; visibility: hidden !important; position: absolute !important; z-index: -1; } .c-cart__review-order, .c-cart__totals { position: relative; z-index: 1; } .c-cart__collaterals fieldset { padding: 0; margin: 0; border: none; } .c-cart__collaterals [class$="-payment-request-wrapper"], .c-cart__collaterals [id$="-payment-request-wrapper"] { margin-top: 20px; } /*-- Cart (Desktop) --*/ @media (max-width: 1189px) { .c-cart__shop-remove-icon { opacity: 1; visibility: visible; } } @media (min-width: 1024px) { .h-ltr .c-cart__form .form-row-first { float: left; width: 50%; padding-right: 10px; } .h-rtl .c-cart__form .form-row-first { float: right; width: 50%; padding-left: 10px; } .h-ltr .c-cart__form .form-row-last { float: right; width: 50%; padding-left: 10px; } .h-rtl .c-cart__form .form-row-last { float: left; width: 50%; padding-right: 10px; } .c-cart input[type="number"].c-product__quantity-value { width: 50px; } .c-cart__shop-remove-icon:hover { transform: scale(1.3, 1.3); } .c-cart__shop-tr:hover .c-cart__shop-remove-icon { opacity: 1; visibility: visible; } .c-cart__shop-remove:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 40px; } .h-ltr .c-cart__shop-remove:before { left: -40px; } .h-rtl .c-cart__shop-remove:before { right: -40px; } .c-cart__collaterals .woocommerce-remove-coupon:hover { color: var(--accent-color); } } @media (max-width: 1023px) and (min-width: 768px) { .c-cart__col-2 { width: 339px; } } /*-- Cart (Mobile) --*/ @media (max-width: 1023px) { .c-cart { --header-font-size: 19px; } .c-cart__collaterals { padding: 20px 25px 25px 25px; } .c-cart__col-1 { padding-left: 30px; padding-right: 30px; } .c-cart__shop-thead { margin-bottom: 20px; } .c-cart__shop-td--actions { border: none; } .c-cart__shop-table, .c-cart__shop-thead, .c-cart__shop-tbody { display: block; width: 100%; } .c-cart__shop-thead > tr { display: flex; } .c-cart__shop-td { padding: 0 !important; border-bottom: none; } .c-cart__thumbnail-link img { width: 70px !important; height: 60px !important; } .c-cart__shop-th--product-name { flex: 1 1 auto; } .c-cart__shop-th--product-quantity { display: none; } .c-cart__shop-td--product-thumbnail { position: absolute; left: 0; top: 0; height: 100%; width: 70px !important; } .h-rtl .c-cart__shop-td--product-thumbnail { left: unset; right: 0; } .c-cart__shop-td--product-quantity { min-height: 36px; line-height: 36px; } .c-cart__shop-remove-icon { line-height: 1; inset-inline-start: 50%; -webkit-margin-start: -6px; margin-inline-start: -6px; top: unset; bottom: 32px; } .c-cart__shop-td--product-name { margin-bottom: 22px; } .c-cart__shop-td--product-quantity { flex: 0 0 auto !important; width: unset !important; text-align: var(--text-align-left); } .c-cart__shop-td--product-subtotal { width: unset !important; } .c-cart__shop-tr:not(.c-cart__shop-tr--space):not( .c-cart__shop-tr--actions ) { position: relative; display: flex; width: 100%; flex-wrap: wrap; padding-left: 90px; align-items: center; padding-bottom: 20px; margin-bottom: 15px; border-bottom: solid 1px var(--border-color-light); } .h-rtl .c-cart__shop-tr:not(.c-cart__shop-tr--space):not( .c-cart__shop-tr--actions ) { padding-left: 0; padding-right: 90px; } .c-cart__shop-tr--space { display: block; height: 25px; } .c-cart__shop-tr--actions { display: block; } .c-cart__shop-tr > * { display: block; flex: 1 1 auto; width: 100%; } } @media (max-width: 767px) { .c-cart__wrap { flex-direction: column; align-items: center; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } .c-cart__col-1 { max-width: 400px; width: 100%; padding-left: 0; padding-right: 0; } .c-cart__col-2 { position: relative; z-index: 1; margin: 0; } .c-cart__col-2 .c-cart__totals, .c-cart__col-2 .c-cart__collaterals { overflow: hidden; } .c-cart__collaterals { padding: 20px 15px; } .blockUI.blockOverlay { background-color: white !important; z-index: 95 !important; } .woocommerce-cart-form .blockUI.blockOverlay { background-color: white !important; } .c-cart__shop-update { display: block; } .l-section--cart { margin-bottom: 20px; } } @media (max-width: 359px) { .c-cart .c-product__quantity-minus, .c-cart .c-product__quantity-plus { width: 20px; } } /*- Catalog Ordering -*/ .c-catalog-ordering { position: relative; display: flex; align-items: center; font-weight: 400; font-size: 13px; line-height: 16px; letter-spacing: 0.025em; padding: 13px 30px; border-bottom: solid 1px var(--border-color-light); min-height: 55px; } .c-catalog-ordering__row { flex: 1 1 auto; display: flex; align-items: center; } .c-catalog-ordering__col--result { flex: 1 1 auto; } .c-catalog-ordering__col--result > p { margin: 0; } .c-catalog-ordering__col--ordering { flex: 0 0 auto; height: 18px; } .c-catalog-ordering__filter-show-button { flex: 0 0 auto; display: inline-flex; align-items: center; font-weight: 700; font-size: 11px; line-height: 14px; letter-spacing: 0.07em; text-transform: uppercase; padding: 7px 22px; margin-left: 15px; cursor: pointer; color: var(--accent-color); border: solid 2px var(--accent-color); border-radius: 17px; } .h-rtl .c-catalog-ordering__filter-show-button { margin-left: 0; margin-right: 30px; } .c-catalog-ordering__filter-ico { display: inline-flex; font-size: 7px; line-height: 1; margin-right: 7px; } .h-rtl .c-catalog-ordering__filter-ico { transform: scaleX(-1); margin-right: 0; margin-left: 7px; } .c-catalog-ordering__filter-count { position: absolute; right: -6px; top: -6px; height: 16px; line-height: 16px; min-width: 16px; max-width: 30px; text-overflow: ellipsis; overflow: hidden; border-radius: 8px; padding: 0 4px; font-weight: bold; font-size: 12px; letter-spacing: 0.015em; text-align: center; opacity: 1; z-index: 1; background-color: var(--accent-color); color: white; white-space: nowrap; } .h-rtl .c-catalog-ordering__filter-count { right: unset; left: -6px; } .c-catalog-ordering__col--ordering select, .c-catalog-ordering__col--ordering .nice-select { padding: 0; margin: 0; border: none; font-weight: 400; font-size: 13px; line-height: 16px; letter-spacing: 0.025em; background-position: right 0 top 50%; padding-right: 19px; background-image: var(--select-ordering-image); background-color: transparent; } .h-rtl .c-catalog-ordering__col--ordering select, .h-rtl .c-catalog-ordering__col--ordering .nice-select { background-position: left 0 top 50%; padding-right: 0; padding-left: 19px; } .c-catalog-ordering__col--ordering select:not(.init) { width: 0; opacity: 0; } /*-- Catalog Ordering (Desktop) --*/ @media (min-width: 768px) { .c-catalog-ordering__row { justify-content: space-between; } } @media (min-width: 1190px) { .c-catalog-ordering__filter-show-button { display: none; } .c-catalog-ordering--desktop-filter .c-catalog-ordering__filter-show-button { display: inline-block; } .c-catalog-ordering__filter-show-button:hover { color: white; background-color: var(--accent-color); } .c-catalog-ordering__filter-show-button--mobile { display: none !important; } } /*-- Catalog Ordering (Mobile) --*/ @media (max-width: 1189px) { .c-catalog-ordering__filter-show-button--desktop { display: none !important; } } @media (max-width: 767px) { .c-catalog-ordering__row { flex-direction: column; align-items: flex-start; } .c-catalog-ordering { padding: 16px 20px; } .c-catalog-ordering__row { margin-bottom: -3px; margin-top: -3px; } .c-catalog-ordering__col { margin-bottom: 3px; margin-top: 3px; } .c-catalog-ordering__col--result { width: 100%; } .c-catalog-ordering__col--ordering select { text-align: left; } .c-catalog-ordering__col--ordering select, .c-catalog-ordering__col--ordering .nice-select { flex: 0 1 auto; } } /*- Feature -*/ .c-feature { list-style: none; margin: 0 -10px -50px 10px; display: flex; flex-wrap: wrap; padding: 0; } .c-feature__item { flex: 0 0 130px; display: block; margin: 0 10px 50px 10px; text-align: center; } .c-feature__icon-wrap { overflow: hidden; } .c-feature__icon { font-size: 50px; line-height: 50px; } .c-feature__image { width: auto !important; height: 50px !important; } .c-feature__svg { width: 1em; height: 1em; fill: currentColor; } .c-feature__text { margin-top: 15px; line-height: 1; } /*- Features Filter -*/ .c-filter-features__label { display: block; line-height: 1.2; padding-left: 28px; position: relative; } .c-filter-features__checkbox-wrap { position: absolute; display: block; left: 0; top: 0; } .c-filter-features__checkbox-wrap i { margin-left: -18px !important; } .c-filter-features__label + .c-filter-features__label { margin-top: 12px; } /*- Filter -*/ .c-filter { position: relative; overflow: hidden; } .c-filter__list { position: relative; list-style: none; text-align: center; margin: -10px -32px; padding: 0; font-size: 16px; font-weight: 500; text-transform: uppercase; line-height: 1; } .c-filter__item { display: inline-block; margin: 10px 32px; } .c-filter__item--current { font-weight: bold; } /*-- Filter (Mobile) --*/ @media (max-width: 767px) { .c-filter__list { margin: -10px -15px; } .c-filter__item { margin: 10px 15px; } } /*- Footer -*/ .c-footer { position: relative; max-width: 100vw; overflow: hidden; flex: 0 0 auto; } .c-footer--simple { padding: 30px; background-color: #222; color: #fff; } .c-footer__copyright { text-align: center; opacity: 0.5; } .c-footer__container > .elementor-container { max-width: 1395px; padding-left: 30px; padding-right: 30px; } .c-footer__phone { font-size: 18px; line-height: 22.5px; font-weight: bold; color: #fff; } .c-footer .elementor-icon-list-icon i { position: relative; top: 1px; } /*- Forms elements -*/ .c-form__label, .wpcf7-form label, .c-account label, .woocommerce-form-row label, .woocommerce-form-track-order label, .c-form label, .wp-block-loginout label { display: block; padding-bottom: 10px; font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px; letter-spacing: 0.02em; color: var(--accent-color); } .wpcf7-form label { padding-bottom: 0; margin-top: 10px; margin-bottom: 10px; } .c-form__checkbox, .c-form__radio { width: 18px; height: 18px; vertical-align: middle; } abbr.required { text-decoration: none; color: darkred; } .c-button--full, .c-form__input--full, .c-form__textarea--full, .comment-form .submit, .comment-form textarea, .comment-form input[type="text"], .comment-form input[type="tel"], .comment-form input[type="password"], .comment-form input[type="number"], .comment-form input[type="url"], .comment-form input[type="email"], .wpcf7-form input[type="text"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="password"], .wpcf7-form input[type="number"], .wpcf7-form input[type="url"], .wpcf7-form input[type="email"], .wpcf7-form select, .wpcf7-form textarea, .c-account input[type="text"], .c-account input[type="tel"], .c-account input[type="password"], .c-account input[type="number"], .c-account input[type="url"], .c-account input[type="email"], .c-account textarea, .c-account select, .woocommerce-ResetPassword input[type="text"], .woocommerce-ResetPassword input[type="password"], .woocommerce-ResetPassword button, .woocommerce-button, .woocommerce-Button, .c-sidebar .wc-block-product-search .wc-block-product-search__button, .c-sidebar .wp-block-button__link, .woocommerce-address-fields .button, .checkout-button.button.alt.wc-forward, #place_order { width: 100%; } button:active, .c-page-header__sub-cat-item:active, .elementor-button:active, button:active, input[type="submit"]:active, .widget .button:active, .widget button:active, .woocommerce-notice .button:active, .woocommerce-store-notice__dismiss-link:active, .woocommerce-widget-layered-nav-dropdown__submit:active, .c-button:active, .comment-form .submit:active, .wpcf7-form input[type="submit"]:active, .wpcf7-form button:active, .mc4wp-form-fields input[type="submit"]:active, .mc4wp-form-fields button:active, .woocommerce-button:active, .woocommerce-Button:active, .order-again .button:active, .c-account .edit:active, .woocommerce-address-fields .button:active, .woocommerce-form-login .button:active, .mc4wp-form-fields input[type="submit"]:active, .mc4wp-form-fields button:active, .yith-wfbt-submit-button:active, .woobt-form .button:active { transition: translate 0s; transform: translateY(2px); } .c-button, .comment-form .submit, .wpcf7-form input[type="submit"], .wpcf7-form button, .mc4wp-form-fields input[type="submit"], .mc4wp-form-fields button, .woocommerce-button, .woocommerce-Button, .thwmscf-buttons input[type="button"], .order-again .button, .c-account .edit, .woocommerce-address-fields .button, .woocommerce-form-login .button, .mc4wp-form-fields input[type="submit"], .mc4wp-form-fields button, .widget .button, .widget button, .widget .button.checkout, .woocommerce-notice .button, .woocommerce-store-notice__dismiss-link, .woocommerce-widget-layered-nav-dropdown__submit, .c-sidebar .wp-block-search .wp-block-search__button, .c-sidebar .wc-block-product-search .wc-block-product-search__button, .c-sidebar a.wp-block-button__link, .c-header__cart .button, .c-shop-sidebar__content--popup .button, .yith-wfbt-submit-block button.yith-wfbt-submit-button, .woobt-form .button, .l-section--dokan .button, #pwgc-apply-gift-card, .checkout-button.button.alt.wc-forward, #place_order, #pwgc-apply-gift-card-checkout { display: inline-block; outline: none; font-weight: bold; font-size: 13px; line-height: 16px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; padding: 15px 25px 15px 25px; color: white; border: solid 2px var(--accent-color); background-color: var(--accent-color); text-decoration: none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; border-radius: 25px; } .c-button--small, .c-account .edit, .c-account .view, .l-section--dokan .view, .widget .button, .widget button, .widget .button.checkout, .c-sidebar a.wp-block-button__link { font-size: 12px; padding: 5px 18px; border-radius: 18px; } .c-sidebar .is-style-outline a.wp-block-button__link { font-size: 12px !important; } .c-sidebar .is-style-outline a.wp-block-button__link:not(:hover) { color: var(--accent-color); } .c-button--medium, #pwgc-apply-gift-card { font-size: 12px; padding: 8px 30px; } .c-cart__form .c-button, .c-cart__form textarea, .c-cart__form input[type="text"], .c-cart__form input[type="email"], .c-cart__form input[type="tel"], .c-cart__form input[type="password"], .c-cart__form select, .c-cart__form .select2-selection--single, .c-cart__form .select2-selection--multiple { height: auto; width: 100%; } .c-form__input--transparent { background: rgba(255, 255, 255, 0.04) !important; border: 2px solid rgba(255, 255, 255, 0.2) !important; border-radius: 6px !important; color: white !important; padding: 15px 20px !important; } input.c-form__input--transparent:focus { border-color: white !important; } input.c-form__input--transparent:-ms-input-placeholder { font-size: 16px; color: rgba(255, 255, 255, 0.5); } input.c-form__input--transparent::-moz-placeholder { font-size: 16px; color: rgba(255, 255, 255, 0.5); } input.c-form__input--transparent::placeholder { font-size: 16px; color: rgba(255, 255, 255, 0.5); } .woocommerce-invalid input { border-color: lightcoral !important; } .woocommerce-widget-layered-nav-dropdown__submit { width: 100%; margin-top: 15px; } .c-button--outline, .wpcf7-form input[type="submit"].c-button--outline, .wpcf7-form button.c-button--outline, .c-header__cart .button:not(.checkout), .c-shop-sidebar__content--popup .button:not(.checkout), .widget button, .widget .button, .c-account .edit, .c-account .view, .l-section--dokan .view, .comment-form .submit, .thwmscf-buttons input[type="button"], .woocommerce-form-login .button, .order-again .button, .c-sidebar .wp-block-search .wp-block-search__button, .c-sidebar .wc-block-product-search .wc-block-product-search__button, .c-sidebar .is-style-outline a.wp-block-button__link, #pwgc-apply-gift-card { background-color: transparent; color: var(--accent-color); } .c-button--outline-white, .wpcf7-form input[type="submit"].c-button--outline-white, .wpcf7-form button.c-button--outline-white { border-color: white; background-color: transparent; color: white; } .c-button--inverse { border-color: white; background-color: white; color: var(--accent-color); } .c-button:focus, .c-header__cart .button:focus, .post-password-form input[type="submit"], .comment-form .submit:focus, .wpcf7-form input[type="submit"]:focus, .wpcf7-form button:focus, .woocommerce-button:focus, .woocommerce-Button:focus, .thwmscf-buttons input[type="button"]:focus, .mc4wp-form-fields input[type="submit"]:focus, .mc4wp-form-fields button:focus { outline: none; } .widget .search-submit { font-size: 16px !important; line-height: 0 !important; padding: 0 15px !important; } div.wpcf7 span.ajax-loader { position: absolute; width: 16px; height: 16px; margin-top: 17px !important; margin-left: 10px !important; } .wpcf7-form { display: block; margin-top: -10px; margin-bottom: -10px; } .wpcf7-form-control-wrap { display: block; } .wpcf7-form-control-wrap + br { display: none; } .wpcf7-form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .wpcf7-form-control-wrap { padding-top: 10px; padding-bottom: 10px; } .wpcf7-form button, .wpcf7-form input[type="submit"] { margin-top: 5px; } .c-form__row { margin: 20px 0 0 0; } .woocommerce-form-row { margin: 20px 0 0 0; } .woocommerce-form-track-order { display: flex; align-items: flex-end; flex-wrap: wrap; margin-top: -1em; margin-bottom: -1em; } .woocommerce-form-track-order input { width: 100%; } .woocommerce-form-track-order button { padding: 8px 30px !important; border-radius: 18px !important; } .woocommerce-form-track-order > :not(:first-child) { flex: 1 1 auto; margin-right: 10px; } .woocommerce-form-track-order > :first-child { flex: 1 1 auto; } .woocommerce-form-track-order > .clear { display: none; } .woocommerce-form-track-order button { width: 100%; } .c-form__row--inline { display: flex; align-items: center; } .c-form__row--inline-center { display: flex; align-items: flex-start; justify-content: center; position: relative; } .c-form__row--inline-center .ajax-loader { top: 0; right: 0; } .c-form__row--inline-center > *:not(:first-child) { margin-left: 10px; } .wpcf7-not-valid-tip { color: #d1333c; font-weight: 300; font-size: 13px; line-height: 1.2; letter-spacing: 0.015em; margin-top: 5px; } .wpcf7 form .wpcf7-response-output { margin: 15px 0 15px 0; padding: 11px 25px 13px 25px; font-weight: 300; font-size: 13px; line-height: 1.2; letter-spacing: 0.015em; border-color: var(--accent-color) !important; } #thwmscf-tab-panels { background: white !important; } .thwmscf-buttons { padding: 0 20px 20px 20px; display: flex; justify-content: space-between; -moz-column-gap: 20px; column-gap: 20px; } .thwmscf_time_line_step .thwmscf-index { z-index: 1; } .thwmscf_time_line_step .thwmscf-index { left: 50%; right: unset; margin: -27px 0 0 -15px; } .c-sidebar .wp-block-search .wp-block-search__button, .c-sidebar .wc-block-product-search .wc-block-product-search__button { padding: 0 15px !important; } .wp-block-search__inside-wrapper { display: flex; -moz-column-gap: 5px; column-gap: 5px; } /*-- Forms Elements (Desktop) --*/ @media (min-width: 1190px) { .c-button:not(:disabled):hover, .c-header__cart .button:not(:disabled):hover, .c-shop-sidebar__content--popup .button:not(:disabled):hover, .c-product__atc-wrap .button:not(:disabled):hover, .c-product__atc-row-2 .button:not(:disabled):hover, .woocommerce-notice .button:hover, .woocommerce-button:not(:disabled):hover, .woocommerce-Button:not(:disabled):hover, .woocommerce-widget-layered-nav-dropdown__submit:hover, .c-sidebar .wp-block-search .wp-block-search__button:hover, .c-sidebar .wc-block-product-search .wc-block-product-search__button:hover, .c-sidebar a.wp-block-button__link:not(:disabled):hover, .widget .button.checkout:not(:disabled):hover, .comment-form .submit:hover, .wpcf7-form input[type="submit"]:hover, .wpcf7-form button:hover, .mc4wp-form-fields input[type="submit"]:hover, .mc4wp-form-fields button:hover, .order-again .button:hover, .c-account .edit:hover, .woocommerce-address-fields .button:hover, .woocommerce-form-login .button:hover, .mc4wp-form-fields input[type="submit"]:hover, .mc4wp-form-fields button:hover, .yith-wfbt-submit-button:not(:disabled):hover, .woobt-form .button:not(:disabled):hover { background-color: var(--header-color); border-color: var(--header-color); color: white; } .c-button--outline:not(:disabled):hover, .wpcf7-form input[type="submit"].c-button--outline:not(:disabled):hover, .wpcf7-form button.c-button--outline:not(:disabled):hover, .c-product__atc-wrap .c-product__buy-now:not(:disabled):hover, .tinvwl-input-group-btn .button:not(:disabled):hover, .tinvwl-to-right.look_in .button:not(:disabled):hover, .tinvwl_button_close:not(:disabled):hover, .c-sidebar .wp-block-search .wp-block-search__button:not(:disabled):hover, .c-sidebar .wc-block-product-search .wc-block-product-search__button:not(:disabled):hover, .c-sidebar .is-style-outline a.wp-block-button__link:not(:disabled):hover, .widget button:not(:disabled):hover, .widget .button:not(:disabled):hover, .c-header__cart .button:not(.checkout):not(:disabled):hover, .c-shop-sidebar__content--popup .button:not(.checkout):not(:disabled):hover, .comment-form .submit:not(:disabled):hover, .thwmscf-buttons input[type="button"]:not(:disabled):hover, .woocommerce-form-login .button:hover, .order-again .button:hover, .c-account .edit:hover, .c-account .view:hover, .l-section--dokan .view:hover, #pwgc-apply-gift-card:hover { background-color: var(--accent-color); border-color: var(--accent-color); color: white; opacity: 1; } .c-button--outline-white:not(:disabled):hover, .wpcf7-form input[type="submit"].c-button--outline-white:not(:disabled):hover, .wpcf7-form button.c-button--outline-white:not(:disabled):hover, .tinvwl_button_view:not(:disabled):hover { background-color: white; border-color: white; color: var(--accent-color); opacity: 1; } .c-button--inverse:not(:disabled):hover { border-color: var(--accent-color); background-color: var(--accent-color); color: white; } } /*- Header -*/ .c-header__icon { vertical-align: middle; margin-right: 8px; } .c-header__wishlist { position: relative; } .c-header__cart { position: relative; top: -1px; } .c-header__cart-sum { display: none; } .h-rtl .c-header__cart-count { right: unset; left: 8px; } .c-header__callback-popup { position: fixed; min-width: 320px; left: 0; right: 0; top: 0; bottom: 0; z-index: 1200; visibility: hidden; overflow: hidden; opacity: 0; display: flex; justify-content: center; align-items: center; transition: var(--custom-transform-transition); background-color: var(--shadow-color-desktop); } .c-header__callback-popup--disabled { display: none !important; pointer-events: none; } .c-header__callback-popup--active { opacity: 1; visibility: visible; } .c-header__callback-close { position: absolute; display: flex; justify-content: center; align-items: center; z-index: 1; width: 46px; height: 46px; right: 0; top: 0; font-size: 16px; line-height: 1; cursor: pointer; color: var(--accent-color); } .h-rtl .c-header__callback-close { right: unset; left: 0; } .c-header__callback-bg { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .c-header__callback-wrap { position: relative; z-index: 2; padding: 65px 65px 85px 65px; max-width: 425px; overflow: auto; max-height: calc(100% - 50px); background-color: white; border: solid 1px var(--border-color-light); box-shadow: 0 1px 8px var(--shadow-color); border-radius: 4px; } .c-header__callback-wrap--wide { max-width: 1000px; } .c-header__callback-wrap--quickview { display: inline-block; max-width: 850px; padding: 0; } .c-header__callback-wrap:not(.c-header__callback-wrap--quickview) *[type="submit"] { width: 100%; } .c-header__callback-header { text-align: center; text-transform: uppercase; font-size: 20px; font-weight: bold; line-height: 1.2; margin: 0 0 40px 0; } .c-header__logo-img--sticky { display: none !important; } .c-header--sticky .c-header__logo--sticky .c-header__logo-img--sticky { display: block !important; } .c-header--sticky .c-header__logo--sticky .c-header__logo-img:not(.c-header__logo-img--sticky) { display: none !important; } .c-header__row--header-type-2 { grid-template-columns: 1fr minmax(300px, 1160px) 1fr !important; } .c-header__col-center--header-type-2 { width: 100%; } .c-header--init { position: absolute; left: 0; right: 0; top: 0; } .c-header--sticky { position: fixed !important; } .c-header:not(.c-header--sticky) { opacity: 1 !important; } .c-header__support { display: inline-flex; -moz-column-gap: 7px; column-gap: 7px; align-items: flex-start; } .c-header__support-icon { color: var(--accent-color-3); font-size: 15px; line-height: 0; margin-top: 8px; } .c-header__support-desc { font-size: 12px; letter-spacing: 0.015em; opacity: 0.6; } /*-- Header (Desktop) --*/ @media (min-width: 1190px) { .c-header__outer { position: relative; } .c-header { position: relative; flex: 0 0 auto; z-index: 99; transition: opacity 0.3s linear; color: var(--top-color); background-color: var(--top-background-color); } .c-header:not(.c-header--sticky) { top: 0 !important; } .c-header--active { transform: translateY(0) !important; opacity: 1; } .c-header--transition { transition: transform 0.3s linear, opacity 0.3s linear; } .c-header--mobile, .c-header__outer--mobile { display: none; } .c-header__row { position: relative; display: grid; grid-gap: 20px; grid-template-columns: 1fr auto 1fr; align-items: center; padding-left: 50px; padding-right: 50px; min-height: 90px; color: var(--header-color-menu); transition: box-shadow 0.3s linear; } .c-header__row:empty { display: none; } .c-header--sticky .c-header__row { box-shadow: var(--box-shadow); } .c-header .c-header__row { background-color: var(--header-color-bg-menu); } .c-header__row--header-type-1 .c-header__col-right--buttons { min-width: var(--logo-size); } .c-header__col-right-wrap { position: relative; font-size: 21px; line-height: 0; margin: -15px; white-space: nowrap; } .c-header__col-right-wrap > * { flex: 0 0 auto; } .c-header__button-link { padding: 10px; transition: var(--hover-transition); cursor: pointer; } .c-header__search-button, .c-header__auth-button { position: relative; } .c-header__button-link--search, .c-header__button-link--account { display: inline-block; } .c-header__button-link:hover { color: var(--header-color-accent-menu); } .c-header__col-left, .c-header__col-center, .c-header__col-right, .c-header__col-right-wrap { display: flex; align-items: center; } .c-header__col-center { justify-content: center; } .c-header__col-right, .c-header__col-right-wrap { justify-content: flex-end; } .c-header__logo-empty { display: block; font-size: 36px; line-height: 1; font-weight: 700; position: relative; white-space: nowrap; } .c-header__logo { padding-top: 10px; padding-bottom: 10px; line-height: 1; width: var(--logo-size); position: relative; } .c-header__logo-img { width: auto; height: auto; -o-object-fit: contain; object-fit: contain; max-width: var(--logo-size); max-height: var(--logo-size); transition: max-width 0.3s linear, max-height 0.3s linear; } .c-header__logo-img--svg { width: 100%; } .c-header__logo-img--mobile { display: none; } .c-header--sticky .c-header__logo-img { max-width: var(--logo-size-sticky); max-height: var(--logo-size-sticky); } .c-header__cart .c-product-list-widget { position: relative; max-height: calc(100vh - 350px); overflow: auto; padding-left: 30px; margin-left: -30px; } .h-rtl .c-header__cart .c-product-list-widget { padding-left: 0; padding-right: 30px; margin-left: 0; margin-right: -30px; } .c-header__row-inner { display: grid; grid-gap: 40px; grid-template-columns: 1fr 3fr 1fr; align-items: center; width: 100%; } @media (max-width: 1300px) { .c-header__row-inner { grid-template-columns: 1fr minmax(200px, 1160px) 1fr !important; } } .c-header__top-row { display: grid; grid-gap: 30px; grid-template-columns: 1fr auto 1fr; align-items: center; color: var(--top-color); background-color: var(--top-background-color); padding-left: 50px; padding-right: 50px; padding-top: 2px; position: relative; z-index: 100; } .c-header__top-row--flex { display: flex; justify-content: space-between; } .c-header__top-row--decor:before, .c-header__top-row--decor:after { content: ""; display: block; position: absolute; left: 0; top: 100%; width: 100%; height: 3px; background-image: var(--top-decor); background-repeat: repeat-x; } .c-header__top-row--decor:before { top: unset; bottom: 100%; transform: scale(-1, -1); background-image: var(--top-decor-2); height: 4px; } .c-header__top-row--bottom-line:after { background-image: none; height: 0; border-bottom: solid 1px var(--border-color-light); } .c-header__top-row a:hover { color: var(--top-accent-color); } .c-header__top-row-list { list-style: none; display: flex; align-items: center; flex-wrap: wrap; margin: 0 -15px; padding: 15px 0 15px 0; } .c-header__top-row-col-right .c-header__top-row-list { justify-content: flex-end; } .c-header__top-row-item { display: inline-flex; align-items: center; margin: 0 15px; position: relative; font-weight: 600; font-size: 13px; line-height: 1.23; letter-spacing: 0.015em; } .c-header__top-row-icon { display: inline-flex; font-size: 14px; line-height: 1; margin-right: 9px; position: relative; color: var(--top-icon-color); } .h-rtl .c-header__top-row-icon { display: inline-block; margin-right: 0; margin-left: 9px; } .c-header__categories { position: relative; } .c-header__categories-menu { position: absolute; opacity: 0; visibility: hidden; transition: visibility 0.15s linear, opacity 0.15s linear; pointer-events: none; color: var(--top-menu-submenu-color); background-color: var(--top-menu-submenu-bg-color); box-shadow: var(--box-shadow); border-radius: 6px; z-index: 1; margin-top: 15px; } .h-ltr .c-header__categories-menu { left: 0; } .h-rtl .c-header__categories-menu { right: 0; } .c-header__categories-menu:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: -15px; height: 15px; } .c-header__categories:hover .c-header__categories-menu { opacity: 1; visibility: visible; pointer-events: unset; } .c-header__categories-btn { color: var(--header-color-button-menu-text); background-color: var(--header-color-button-menu-bg); padding: 18px 23px 18px 20px; border-radius: 6px; display: flex; align-items: center; transition: var(--hover-transition); cursor: pointer; } .h-rtl .c-header__categories-btn { padding: 18px 20px 18px 23px; } .c-header__categories-btn-icon { display: inline-flex; font-size: 18px; line-height: 1; height: 18px; margin-right: 15px; } .h-rtl .c-header__categories-btn-icon { margin-right: 0; margin-left: 16px; } .c-header__categories-btn-img { width: 26px; height: 26px; margin-right: 15px; margin-top: -4px; margin-bottom: -4px; } .h-rtl .c-header__categories-btn-img { margin-right: 0; margin-left: 16px; } .c-header__categories-btn-text { font-weight: 700; font-size: 15px; line-height: 1; letter-spacing: 0.025em; text-transform: uppercase; } .c-header__logo-link:hover { color: currentColor; } } /*-- Header (Mobile) --*/ @media (max-width: 1189px) { .c-header__cart-icon { position: relative; top: 1px; } .c-header--desktop, .c-header__outer--desktop { display: none; } .c-header { background-color: var(--header-color-bg-mobile); color: var(--header-color-mobile); } .c-header__outer { position: relative; z-index: 99; } .c-header__menu .widget_shopping_cart_content { display: none; } .c-header__mobile_blocks { display: none; } .c-header__logo-empty { font-weight: 700; font-size: 28px; line-height: 1; position: relative; white-space: nowrap; } .c-header__row { height: var(--header-height-mobile); position: relative; transition: height 0.3s linear, box-shadow 0.3s linear; align-items: center; } .c-header__row--logo-left { display: flex; flex-wrap: nowrap; } .c-header__row--logo-centered { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; } .c-header--sticky .c-header__row { height: var(--sticky-header-height-mobile); box-shadow: var(--box-shadow); } .c-header__bottom-buttons { height: 60px; flex-wrap: nowrap; align-items: center; display: flex; justify-content: space-between; padding-left: 28px; padding-right: 28px; max-width: 415px; margin-left: auto; margin-right: auto; } .c-header__menu-button { flex: 0 0 auto; width: 86px; height: 60px; } .c-header__menu-button-icon { height: 23px; width: 35px; font-size: 23px; line-height: 1; } .c-header__logo { flex: 1 1 auto; position: relative; height: calc(var(--header-height-mobile) - 20px); width: auto; display: flex; align-items: center; transition: height 0.3s linear; } .c-header__logo-link { position: relative; max-height: calc(var(--header-height-mobile) - 20px); } .c-header--sticky .c-header__logo { height: calc(var(--sticky-header-height-mobile) - 20px); } .c-header__logo--header-type-mobile-1 { padding-left: 25px; } .h-rtl .c-header__logo--header-type-mobile-1 { padding-left: 0; padding-right: 25px; } .h-ltr .c-header__logo--header-type-mobile-1 .c-header__logo-img, .h-ltr .c-header__row--logo-left .c-header__logo--header-type-mobile-2 .c-header__logo-img { -o-object-position: left center; object-position: left center; } .h-rtl .c-header__logo--header-type-mobile-1 .c-header__logo-img, .h-rtl .c-header__row--logo-left .c-header__logo--header-type-mobile-2 .c-header__logo-img { -o-object-position: right center; object-position: right center; } .c-header__logo-img--desktop { display: none !important; } .c-header__logo-img { display: block; height: auto; max-width: min(100%, var(--logo-size-mobile)); max-height: calc(var(--header-height-mobile) - 20px); width: auto; -o-object-fit: contain; object-fit: contain; } .c-header__logo-img--svg { width: 100%; } .c-header__col-mobile-buttons { position: relative; flex: 0 0 auto; display: flex; justify-content: flex-end; align-items: center; font-size: 21px; line-height: 1; margin: 0 13px; padding-top: 5px; } .c-header__row--logo-centered .c-header__col-mobile-buttons { flex: 1 1 auto; } .c-header__col-mobile-buttons--1 { font-size: 24px; margin: 0 19px 0 31px; } .c-header__col-mobile-buttons--1 { padding-top: 3px; } .c-header__col-mobile-buttons > * { margin-left: 8px; margin-right: 8px; line-height: 0; } .c-header__row--logo-centered .c-header__logo-link { justify-content: center; } .c-header__row--logo-centered .c-header__logo { justify-content: center; } .c-header__home-svg { width: 20px; height: 20px; } .c-header__cart-sum { display: none; } .c-header__cart { position: relative; } .c-header__buttons-block--1 { padding-right: 7px; } .c-header__buttons-block--2 { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 60px; } .c-header__menu { position: fixed; z-index: 1200; top: 0; width: 100%; height: 100%; max-width: 415px; min-width: 320px; visibility: hidden; opacity: 0; transition: var(--opacity-transition); color: var(--mobile-menu-color); box-shadow: var(--box-shadow); } .h-ltr .c-header__menu--header-type-mobile-1 { right: 0; } .h-rtl .c-header__menu--header-type-mobile-2 { right: 0; } .h-ltr .c-header__menu--header-type-mobile-2 { left: 0; } .h-rtl .c-header__menu--header-type-mobile-1 { left: 0; } .c-header__menu--disabled { display: none !important; pointer-events: none; } .c-header__menu--active { opacity: 1; visibility: visible; } .c-header__menu-shadow { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: var(--shadow-color-mobile); } .c-header__menu-buttons { position: absolute; left: 0; top: 0; width: 100%; height: 60px; display: flex; align-items: center; padding-left: 25px; padding-right: 25px; } .c-header__menu-bottom { position: absolute; left: 0; right: 0; bottom: 50px; display: flex; align-items: center; justify-content: space-between; padding-left: 50px; padding-right: 50px; font-size: 21px; line-height: 0; } .c-header__menu-back { opacity: 0; visibility: hidden; transition: var(--opacity-transition); font-weight: 700; font-size: 13px; line-height: 1; letter-spacing: 0.11em; text-transform: uppercase; white-space: nowrap; } .c-header__menu-back--active { opacity: 1; visibility: visible; } .c-header__menu-back-svg { display: inline-block; font-size: 8px; line-height: 1; position: relative; top: 1px; vertical-align: middle; margin-right: 10px; transform-origin: center; transform: rotate(90deg); } .h-rtl .c-header__menu-back-svg { display: inline-block; margin-right: 0; margin-left: 10px; top: -1px; transform: rotate(-90deg); } .c-header__menu-close { width: 25px; height: 25px; margin-left: auto; text-align: center; font-size: 25px; line-height: 1; } .h-rtl .c-header__menu-close { margin-left: unset; margin-right: auto; } .c-header__cart-count { color: var(--mobile-menu-bg-color); background-color: var(--mobile-menu-color); right: -5px; } .h-rtl .c-header__cart-count { right: unset; left: -5px; } .c-header__menu-content { display: block; position: absolute; left: 0; right: 0; top: 60px; bottom: 100px; overflow: hidden; } .c-header__menu-wrap { display: flex; position: absolute; left: 0; top: 0; bottom: 0; overflow: hidden; transition: var(--custom-transform-transition); transform: translateX(0); } .h-rtl .c-header__menu-wrap { left: unset; right: 0; } .c-header__menu-wrap--page-1 { transform: translateX(max(-100vw, -415px)); } .h-rtl .c-header__menu-wrap--page-1 { transform: translateX(min(100vw, 415px)); } .c-header__menu-wrap--page-2 { transform: translateX(max(-200vw, -830px)); } .h-rtl .c-header__menu-wrap--page-2 { transform: translateX(min(200vw, 830px)); } .c-header__menu-wrap--page-3 { transform: translateX(max(-300vw, -1245px)); } .h-rtl .c-header__menu-wrap--page-3 { transform: translateX(min(300vw, 1245px)); } .c-header__menu-wrap--page-4 { transform: translateX(max(-400vw, -1660px)); } .h-rtl .c-header__menu-wrap--page-4 { transform: translateX(min(400vw, 1660px)); } .c-header__menu-wrap--page-5 { transform: translateX(max(-500vw, -2075px)); } .h-rtl .c-header__menu-wrap--page-5 { transform: translateX(min(500vw, 2075px)); } .c-header__menu-page { width: 100vw; max-width: 415px; min-width: 320px; flex: 0 0 auto; padding: 0 25px; height: 100%; overflow: auto; } .c-mobile-menu { display: none; } .c-header__top { text-align: center; margin-bottom: 35px; padding: 0; } .c-header__top .c-soc { margin-top: 15px; } .c-header__top-row-list { list-style: none; margin: 22px 0 -15px 0; text-align: center; padding: 0; } .c-header__top-row-item { font-style: normal; font-weight: 500; font-size: 13px; line-height: 16px; letter-spacing: 0.015em; margin: 15px 0; } .c-header__top-row-icon { margin-right: 5px; position: relative; top: 1px; } .h-rtl .c-header__top-row-icon { display: inline-block; margin-right: 0; margin-left: 5px; } .c-shop-sidebar__content--cart .widget_shopping_cart_content { color: var(--text-color); padding: 0 30px 30px 30px; } .c-header__logo--mobile-sticky-hide { transition: var(--opacity-transition); } .c-header--sticky .c-header__logo--mobile-sticky-hide { opacity: 0; visibility: hidden; } .c-header__support { margin-top: 25px; } } @media (max-width: 767px) { .c-header__callback-wrap { padding: 40px 20px; } } @media (max-width: 400px) { .c-header__callback-wrap { border-left: none; border-right: none; } } /*- Login / Register Form -*/ .c-login, .woocommerce-ResetPassword { position: relative; width: 380px; max-width: 100%; margin-left: auto; margin-right: auto; padding: 40px 20px 50px 20px; background-color: white; } .c-login a, .woocommerce-ResetPassword a { color: var(--accent-color); } .c-login__register { margin-left: 10px; display: inline-block; } .h-rtl .c-login__register { margin-left: 0; margin-right: 10px; } .c-login__sent { margin-top: 10px; margin-bottom: 25px; } .c-login__label { padding-bottom: 0 !important; } .woocommerce-ResetPassword p { margin-top: 0; margin-bottom: 20px; } .woocommerce-ResetPassword p:last-of-type { margin-top: 30px; margin-bottom: 0; } .c-login__header { font-family: var(--font-header); font-weight: 700; font-size: 27px; line-height: 1.27; text-align: center; letter-spacing: -0.01em; color: var(--accent-color); margin-bottom: 35px; } .c-login__remember { margin-top: 25px; text-transform: var(--text-transform); } .c-login__login-row { margin-top: 20px; } .h-ltr .c-login__lost-password { margin-left: auto; } .h-rtl .c-login__lost-password { margin-right: auto; } .c-login__bottom { display: flex; justify-content: center; text-transform: var(--text-transform); } .c-login__bottom { margin-top: 32px; } .c-login__form { display: none; } .c-login__form--active { display: block; } .c-login__form input:not([type="checkbox"]):not([type="radio"]) { width: 100%; } /*-- Login / Register Form (Desktop) --*/ @media (min-width: 1190px) { .c-login a:hover, .woocommerce-ResetPassword a:hover { color: var(--accent-color-2); } } /*- Login / Register Form (Mobile) -*/ @media (max-width: 500px) { .c-login, .woocommerce-ResetPassword { padding: 30px 20px; } } /*- Latest Post Widget -*/ .c-lp-widget { padding: 0 !important; margin: 28px 0 0 0; list-style: none; } .c-lp-widget__item { display: flex; position: relative; -moz-column-gap: 20px; column-gap: 20px; align-items: center; font-size: 13px; line-height: 1.23; } .c-lp-widget__thumb { position: relative; flex: 0 0 auto; width: 60px; height: 50px; border-radius: 4px; overflow: hidden; align-self: flex-start; } .c-lp-widget__thumb-img { width: 100% !important; height: 100% !important; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; display: block; } .c-lp-widget__content { flex: 1 1 auto; line-height: 1.2; } .c-lp-widget__title { font-family: var(--font-header); font-weight: 700; letter-spacing: 0.005em; } .c-lp-widget__date { font-weight: 600; font-size: 12px; line-height: 15px; letter-spacing: 0.02em; opacity: 0.6; margin-top: 4px; } .c-lp-widget__date-icon { display: none; } /*- Mega Menu Badge -*/ .c-menu-badge { line-height: 15px; font-size: 8px; letter-spacing: 0.03em; font-weight: bold; color: white; position: absolute; top: -15px; right: 0; transform: translateX(100%); min-width: auto; text-transform: uppercase; padding: 0 5px 0 6px; margin: 0; background-color: var(--badge-color); border-radius: 3px; } .h-rtl .c-menu-badge { right: unset; left: 0; transform: translateX(-100%); } .c-menu-badge:before { content: ""; position: absolute; bottom: -4px; border-style: solid; border-width: 2px 3px; border-color: var(--badge-color) transparent transparent var(--badge-color); } .h-rtl .c-menu-badge:before { border-color: var(--badge-color) var(--badge-color) transparent transparent; } .c-menu-badge__wrap { position: relative; } /*- Mobile Menu -*/ @media (max-width: 1189px) { .c-mobile-menu__list, .c-mobile-menu__submenu { padding: 0; margin: 0; list-style: none; } .c-mobile-menu__list { display: flex; flex-direction: column; } .c-mobile-menu__list--full-height { min-height: 100%; } .c-mobile-menu__list + .c-mobile-menu__list { margin-top: 20px; } .c-mobile-menu__top-row { margin-top: auto; } .c-mobile-menu__submenu--content { margin-left: -25px; margin-right: -25px; color: var(--mobile-menu-color); } .c-mobile-menu__submenu--content a { color: var(--mobile-menu-color); } .c-mobile-menu__item > a, .c-mobile-menu__subitem > a, .c-mobile-menu__item > .a, .c-mobile-menu__subitem > .a { display: flex; align-items: center; position: relative; padding-bottom: 15px; padding-top: 15px; -webkit-padding-end: 30px; padding-inline-end: 30px; font-weight: 600; font-size: 17px; line-height: 1.23; letter-spacing: 0.07em; text-transform: uppercase; } .c-mobile-menu__item--has-children > a:first-child:after, .c-mobile-menu__subitem--has-children > a:first-child:after, .c-mobile-menu__item--has-children > .a:first-child:after, .c-mobile-menu__subitem--has-children > .a:first-child:after { content: var(--icon-mobile-more); font-family: var(--font-icons); display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0; height: 100%; font-size: 8px; opacity: 0.4; } .h-rtl .c-mobile-menu__item--has-children > a:first-child:after, .h-rtl .c-mobile-menu__subitem--has-children > a:first-child:after, .h-rtl .c-mobile-menu__item--has-children > .a:first-child:after, .h-rtl .c-mobile-menu__subitem--has-children > .a:first-child:after { right: unset; left: 0; transform: scaleX(-1); } .c-mobile-menu__item .c-mobile-menu__submenu, .c-mobile-menu__subitem .c-mobile-menu__submenu { display: none; } .c-mobile-menu__title-wrap { display: flex; flex-wrap: nowrap; align-items: center; width: 100%; padding-bottom: 13px; padding-top: 13px; } .c-mobile-menu__title { position: relative; padding-left: 10px; margin-right: 66px; color: var(--mobile-menu-accent-color); } .c-mobile-menu__title--text-only { padding-left: 0; } .c-mobile-menu__subitem--parent > a, .c-mobile-menu__subitem--parent > .a { font-weight: 600; font-size: 24px; letter-spacing: 0.065em; color: var(--mobile-menu-accent-color); } .c-mobile-menu__subitem--parent .c-mobile-menu__icon, .c-mobile-menu__subitem--parent .c-mobile-menu__image { display: none; } .c-mobile-menu__subitem--parent-div { padding-left: 25px; padding-right: 25px; } .c-mobile-menu__icon, .c-mobile-menu__image { display: inline-flex; width: 40px; height: 32px; font-size: 32px; line-height: 1; margin-right: 10px; -o-object-fit: contain; object-fit: contain; -o-object-position: left center; object-position: left center; color: var(--mobile-menu-icon-color); } .h-rtl .c-mobile-menu__icon { margin-right: 0; margin-left: 10px; } .c-mobile-menu__submenu--content .l-section--container, .c-mobile-menu__submenu--content .l-section__container, .c-mobile-menu__submenu--content .elementor-section.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container { padding-left: 0; padding-right: 0; } .c-mobile-menu__submenu--content .e-con-boxed.e-parent { margin-left: 25px; margin-right: 25px; } @media (min-width: 768px) { .c-mobile-menu__submenu--content .elementor-section.elementor-section-boxed:not( .elementor-inner-section ) > .elementor-container { margin-left: 25px; margin-right: 25px; width: calc(100% - 50px); } } @media (max-width: 767px) and (min-width: 620px) { .c-mobile-menu__submenu--content .elementor-section.elementor-section-boxed:not( .elementor-inner-section ) > .elementor-container { margin-left: 0; margin-right: 0; width: 100%; } } @media (max-width: 767px) { .c-mobile-menu__submenu--content .l-section--container, .c-mobile-menu__submenu--content .l-section__container, .c-mobile-menu__submenu--content .elementor-section.elementor-section-boxed:not( .elementor-inner-section ) > .elementor-container { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; width: 100%; } } } /*- Order -*/ .c-order { background-color: white; padding: 65px 45px; } .c-order__result { text-align: center; } .c-order__result-message { margin-top: 25px; font-family: var(--font-header); font-style: normal; font-weight: 700; font-size: 32px; line-height: 1.125; text-align: center; letter-spacing: -0.015em; color: var(--accent-color); } .c-order__details { display: flex; justify-content: space-between; text-align: var(--text-align-left); list-style: none; padding: 0; margin: 50px 0 0 0; position: relative; } .c-order__details-item { position: relative; padding: 0; flex: 1 1 auto; min-width: 0; margin-bottom: 35px; } .c-order__details-item:after { content: ""; position: absolute; left: 0; right: 0; top: 30px; border-bottom: solid 1px var(--border-color-light); } .c-order__details-title, .woocommerce-table th, .woocommerce-orders-table th { font-weight: 400; font-size: 13px; line-height: 1; letter-spacing: 0.02em; text-transform: uppercase; padding-bottom: 15px; color: var(--text-color); } .c-order__details-title { display: block; } .c-order__details-value { display: block; margin-top: 20px; font-size: 15px; line-height: 1; letter-spacing: 0.01em; color: var(--header-color); } .c-order__info { max-width: 530px; margin-left: auto; margin-right: auto; } .c-order__info > p:first-child { margin: 0 0 20px 0; } .woocommerce-pagination--without-numbers { justify-content: space-between; } .woocommerce-button--previous { margin-right: auto; } .woocommerce-button--next { margin-left: auto; } .woocommerce-table, .woocommerce-orders-table { border-spacing: 0; border-collapse: separate; width: 100%; } .woocommerce-table--order-details { table-layout: fixed; } .woocommerce-table th, .woocommerce-orders-table th { border-bottom: solid 1px var(--border-color-light); text-align: var(--text-align-left); } .woocommerce-table th + td, .woocommerce-orders-table th + td { border-bottom: solid 1px var(--border-color-light); } .download-product, .woocommerce-table__product-name { font-weight: 400; font-size: 14px; line-height: 1.27; letter-spacing: 0.02em; color: var(--header-color); width: 70%; } .woocommerce-table tfoot th { padding-bottom: 0; } .woocommerce-table th:last-child, .woocommerce-table td:last-child { text-align: var(--text-align-right); } .woocommerce-table td:last-child { font-size: 15px; letter-spacing: 0.01em; color: var(--header-color); } .woocommerce-table .woocommerce-Price-amount { font-family: var(--font-header); font-weight: 700; font-size: 17px; letter-spacing: -0.01em; } .woocommerce-table--order-details tfoot tr:last-child .woocommerce-Price-amount { display: block; color: var(--accent-color-2); font-size: 24px; line-height: 23px; letter-spacing: -0.02em; } .woocommerce-table td { padding: 15px 0; } .woocommerce-table .woocommerce-table__line-item td { padding: 6px 0; } .woocommerce-table .woocommerce-table__line-item:first-child td { padding-top: 15px; } .woocommerce-table .woocommerce-table__line-item:last-child td { padding-bottom: 15px; border-bottom: solid 1px var(--border-color-light); } .woocommerce-orders-table td { padding: 7px 0; } .woocommerce-table .product-quantity { font-weight: normal; } .woocommerce-order-details { margin-top: 20px; } p + .woocommerce-order-details { margin-top: 30px; } .woocommerce-order-details__title, .woocommerce-order-downloads__title, .woocommerce-column__title { padding: 0; margin: 0 0 35px 0; font-weight: 500; font-size: 22px; line-height: 28px; color: var(--accent-color); } .woocommerce-table .includes_tax, .woocommerce-table .tax_label, .woocommerce-table .shipped_via { font-weight: normal; font-size: 12px; margin-top: 3px; } .woocommerce-order-downloads { margin-bottom: 60px; } .woocommerce-order-details { margin-bottom: 45px; } .woocommerce-customer-details { position: relative; overflow: hidden; } .woocommerce-Addresses, .woocommerce-columns--addresses { display: flex; flex-wrap: wrap; margin-top: -30px; margin-left: -35px; margin-right: -35px; } .woocommerce-Address, .woocommerce-columns--addresses > * { width: 220px; margin: 30px 35px 0 35px; } .c-account .view { width: unset; } .c-account address, .c-order address, .woocommerce-Address address, .woocommerce-columns--addresses address { font-style: normal; } .h-ltr .woocommerce-orders-table__cell:not(:last-child) { padding-right: 15px; } .h-rtl .woocommerce-orders-table__cell:not(:last-child) { padding-left: 15px; } .woocommerce-orders-table__cell-order-number { font-weight: bold; color: var(--accent-color); } .woocommerce-bacs-bank-details { margin-bottom: 65px; } .woocommerce-table .download-file, .woocommerce-orders-table__cell-order-actions, .woocommerce-orders-table__header-order-actions { text-align: var(--text-align-right) !important; } .order-again .button { margin-top: 20px; } .h-ltr .c-order__details-item:not(:last-child) .c-order__details-title, .h-ltr .c-order__details-item:not(:last-child) .c-order__details-value { padding-right: 15px; } .h-rtl .c-order__details-item:not(:last-child) .c-order__details-title, .h-rtl .c-order__details-item:not(:last-child) .c-order__details-value { padding-left: 15px; } /*-- Order (Desktop) --*/ @media (min-width: 768px) { .c-order__details-item:last-child { text-align: var(--text-align-right); flex: 0 1 auto; } } /*-- Order (Mobile) --*/ @media (max-width: 1024px) { .c-order { padding: 50px 30px; } .c-order__result-message { font-size: 26px; } .c-order__details-value { font-size: 14px; } .c-order__details-title, .woocommerce-table th, .woocommerce-orders-table th { font-size: 11px; } .woocommerce-table--order-details tfoot tr:last-child .woocommerce-Price-amount { font-size: 22px; } } @media (max-width: 767px) { .c-order__details { flex-wrap: wrap; } .c-order__details-item { flex: 1 1 auto; min-width: 50%; max-width: 100%; } .c-order__details-title { padding-bottom: 10px; } .c-order__details-value { margin-top: 10px; } .c-order__details-item:after { top: 22px; } } @media (max-width: 500px) { .c-order__details-item { width: 100%; } .c-order__details-value { margin-top: 5px; } .woocommerce-orders-table thead { display: none; } .c-account__col-content { min-width: 100%; } .woocommerce-orders-table, .woocommerce-orders-table tbody, .woocommerce-orders-table tfoot, .woocommerce-orders-table tr, .woocommerce-orders-table th, .woocommerce-orders-table td { display: block; } .woocommerce-orders-table td:not(:last-child) { border: none; padding: 0 !important; text-align: center !important; } .woocommerce-orders-table td:last-child { border: none; padding: 12px 0 40px 0 !important; text-align: center !important; } } /*- Subcategories in Page Header -*/ .c-page-header__sub-cat { opacity: 1; visibility: visible; transition: var(--hover-transition); color: var(--accent-color); } .c-top-menu__submenu--content .c-page-header__sub-cat { opacity: inherit; visibility: inherit; transition: unset; } .c-page-header__sub-cat-list { display: flex; justify-content: center; align-items: flex-start; list-style: none; padding: 0; margin: -20px 0 0 0; max-width: 100%; } .c-page-header__sub-cat-list:not(.owl-carousel) { overflow: hidden; } .c-page-header__sub-cat-list.owl-carousel, .c-page-header__sub-cat-list.owl-carousel .c-page-header__sub-cat-item { margin-right: 0; } .c-page-header__sub-cat-item { flex: 0 0 auto; width: var(--item-width); margin: 0; text-align: center; padding: 0 10px; /* line-height: 0; */ padding-top: 20px; transition: var(--hover-transition); } .c-page-header__sub-cat-item--current { color: var(--accent-color-2); } .c-page-header__sub-cat-item img { display: inline-block !important; flex: 0 0 auto; width: 90px !important; height: 90px !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 50%; overflow: hidden; transition: var(--opacity-transform-transition); transform-origin: center; } .c-page-header__sub-cat-item .woocommerce-loop-category__title { position: relative; font-style: normal; font-weight: 500; font-size: var(--font-size); line-height: 1.18; text-align: center; letter-spacing: 0.005em; text-transform: var(--text-transform); margin-top: 10px; } .c-page-header__sub-cat-item .count { display: none; } /*-- Subcategories in Page Header (Desktop) --*/ @media (min-width: 1190px) { .c-page-header__sub-cat { width: calc(160px * 7); max-width: 100%; margin-left: auto; margin-right: auto; position: relative; clear: both; min-width: 320px; margin-top: 15px; transition: var(--hover-transition); } @media (max-width: 1219px) { .c-page-header__sub-cat { width: calc(160px * 6); } } .c-page-header__sub-cat--widget { max-width: 100%; margin-top: 0; margin-bottom: 0; } .c-page-header__sub-cat-list--carousel.owl-carousel { justify-content: flex-start; } .c-page-header__sub-cat-item:hover { color: var(--accent-color); } .c-page-header__sub-cat-list.h-carousel { --arrow-size: 35px; } .c-page-header__sub-cat .owl-prev { left: -20px !important; top: 70px !important; } .c-page-header__sub-cat .owl-next { right: -20px !important; top: 70px !important; } } /*-- Subcategories in Page Header (Mobile) --*/ @media (max-width: 1189px) { .c-page-header__sub-cat { position: relative; clear: both; min-width: 320px; margin-top: 15px; } .elementor-section-boxed .c-page-header__sub-cat--widget, .e-con-boxed .c-page-header__sub-cat--widget { margin: 0 -30px; } .elementor-section-full_width .c-page-header__sub-cat--widget, .e-con-full .c-page-header__sub-cat--widget { margin: 0; } .c-page-header__sub-cat-item .woocommerce-loop-category__title { font-size: calc(var(--font-size) * 15 / 17); } .c-page-header__sub-cat--dots.owl-carousel { padding-bottom: 30px; } .c-page-header__sub-cat--dots .owl-dots { top: unset; bottom: 0; } } @media (max-width: 892px) { .c-page-header__sub-cat-item { width: calc(var(--item-width) * 120 / 160); } } @media (max-width: 619px) { .elementor-section-boxed .c-page-header__sub-cat--widget, .e-con-boxed .c-page-header__sub-cat--widget { margin: 0 -20px; } .elementor-section-full_width .c-page-header__sub-cat--widget, .e-con-full .c-page-header__sub-cat--widget { margin: 0; } } @media (max-width: 414px) { .c-page-header__sub-cat-item { margin-left: auto !important; margin-right: auto !important; max-width: 100%; } .c-page-header__sub-cat:not(.c-page-header__sub-cat--init) { opacity: 0; visibility: hidden; } } /*- Page Header -*/ .c-page-header { position: relative; background-position: center center; background-size: cover; text-align: center; color: var(--accent-color); } .c-page-header.c-page-header--custom-bg { background-image: none; } .c-page-header__title { font-family: var(--font-header); font-weight: 700; text-align: center; letter-spacing: -0.02em; padding: 0; margin: 0 auto; white-space: normal; max-width: 600px; } .c-page-header__sticky { font-size: 75%; line-height: 1; transform-origin: center; transform: rotate(-45deg); position: relative; top: 3px; margin-right: 5px; } .c-page-header__meta { padding: 0; margin: 30px -10px 0 -10px; } .c-page-header__meta-item { display: inline-block; line-height: 1; font-size: 16px; margin: 0 10px; } .c-page-header__meta-icon { display: inline-block; font-size: 16px; margin-right: 5px; vertical-align: middle; } .c-login__register { margin-left: 20px; display: inline-block; } .h-rtl .c-login__register { margin-left: 0; margin-right: 20px; } .c-page-header__login-name { font-weight: 700; } .c-page-header__search-form { margin-top: 25px; width: 385px; max-width: 100%; margin-left: auto; margin-right: auto; } /*-- Page Header (Desktop) --*/ @media (min-width: 1190px) { .c-page-header--no-title.c-page-header { padding: 26px 50px 28px 50px; } .c-page-header--low { padding: 30px 50px 35px 50px; } .c-page-header--low .c-page-header__title { font-size: 40px; line-height: 42px; } .c-page-header--low .c-page-header__title--top-margin { margin-top: 20px; } .c-page-header--high { padding: 60px 50px; min-height: 330px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .c-page-header--high.c-page-header--product-list { min-height: 400px; } .c-page-header--high.c-page-header--product-list .c-page-header__sub-cat { margin-top: 40px; } .c-page-header--high .c-page-header__title { font-size: 54px; line-height: 56px; } .c-page-header--high .c-breadcrumbs { position: absolute; top: 40px; left: 50px; right: 50px; } } /*-- Page Header (Mobile) --*/ @media (max-width: 1189px) { .c-page-header--no-title.c-page-header { padding: 26px 50px 28px 50px; } .c-page-header--low { padding: 30px 50px 35px 50px; } .c-page-header--low .c-page-header__title { font-size: 30px; line-height: 32px; } .c-page-header--low .c-page-header__title--top-margin { margin-top: 30px; } .c-page-header--high { padding: 60px 50px; } .c-page-header--high:not(.c-page-header--product-list) { min-height: 280px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .c-page-header--high.c-page-header--product-list .c-page-header__sub-cat { margin-top: 20px; } .c-page-header--high .c-page-header__title { font-size: 36px; line-height: 38px; } .c-page-header--high .c-breadcrumbs { position: absolute; top: 25px; left: 25px; right: 25px; } } /*- Play video button -*/ .c-play, body .owl-carousel .owl-video-play-icon, body .mejs-overlay-button { --size: 40px; --font-size: 11px; display: flex; justify-content: center; align-items: center; position: absolute; cursor: pointer; left: 50%; top: 50%; font-family: var(--font-icons); font-size: var(--font-size); font-style: normal; line-height: 1; width: var(--size); height: var(--size); margin-left: calc(var(--size) / -2); margin-top: calc(var(--size) / -2); border-radius: 50%; background: var(--accent-color); color: white; z-index: 2; transition: var(--hover-transition); } .c-play--disabled { opacity: 0.2; } .c-play--large, body .owl-carousel .owl-video-play-icon, body .mejs-overlay-button { --size: 75px; --font-size: 19px; } .c-play:after, body .owl-carousel .owl-video-play-icon:after, body .mejs-overlay-button:after { content: var(--icon-video); display: inline-flex; margin-left: calc(var(--font-size) * 0.22); } .c-play.js-loading:after { display: none; } /*-- Play video button (Desktop) --*/ @media (min-width: 1190px) { } /*- Post List -*/ .c-post-list { flex: 0 0 auto; display: flex; position: relative; max-width: 100%; width: 100%; border: solid 1px var(--border-color-light); border-radius: 4px; overflow: hidden; } .c-post-list--list { max-width: 765px; } .c-post-list__carousel-list.h-carousel { --arrow-size: 30px; } .c-post-list__thumb { flex: 0 0 auto; position: relative; overflow: hidden; max-width: 100%; background-color: var(--background-color-dark); } .c-post-list__img, .c-post-list__carousel-img { display: block; position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .c-post-list__carousel-list { display: flex !important; } .c-post-list__carousel-item { flex: 0 0 auto; width: 100%; overflow: hidden; position: relative; } .c-post-list__carousel-span { display: block; padding-bottom: 91.6666%; position: relative; } .c-post-list__wrap { flex: 1 1 auto; max-width: 100%; position: relative; background-color: white; z-index: 9; } .c-post-list__wrap--list { padding: 25px 30px 30px 30px; } .c-post-list__header { font-family: var(--font-header); font-style: normal; font-weight: 700; font-size: 26px; line-height: 1.23; letter-spacing: -0.01em; } .c-post-list__header-link { color: var(--accent-color); } .c-post-list__meta-date { display: inline-block; background-color: white; box-shadow: 0 1px 8px var(--shadow-color); font-weight: 600; font-size: 12px; line-height: 21px; letter-spacing: 0.02em; color: var(--accent-color-2); padding: 5px 13px; border-radius: 15px; } .c-post-list__except { margin-top: 20px; font-size: 15px; letter-spacing: 0.025em; } .c-post-list__except > *:first-child { margin-top: 0; padding-top: 0; } .c-post-list__except > *:last-child { margin-bottom: 0; padding-bottom: 0; } .c-post-list__meta-category { font-size: 12px; line-height: 15px; letter-spacing: 0.02em; color: var(--accent-color); padding-top: 20px; margin-top: auto; } .c-post-list__header-sticky { font-size: 78%; line-height: 1; position: relative; top: 1px; margin-left: 10px; margin-right: 10px; } .c-post-list__header-sticky:before { line-height: inherit !important; } .c-post-list__quote-author { font-size: 16px; font-weight: 500; margin-top: 25px; } .c-post-list__continue { margin-top: 25px; display: inline-flex; align-items: center; -moz-column-gap: 7px; column-gap: 7px; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 0.02em; text-transform: uppercase; color: var(--accent-color); } .c-post-list__arrow { font-size: 6px; line-height: 0; } .h-rtl .c-post-list__arrow { transform: scaleX(-1); } .c-post-list__price { margin-top: 25px; font-weight: 500; font-size: 16px; line-height: 30px; letter-spacing: 0.8px; } .c-post-list__price del { opacity: 0.3; margin-right: 3px; } /*-- Post List (Desktop) --*/ @media (min-width: 620px) { .c-post-list__wrap--list { display: flex; flex-direction: column; align-items: flex-start; } .c-post-list--list.c-post-list--no-sidebar { margin-left: auto; margin-right: auto; } .c-post-list--grid { width: calc((100% - 25px * 2) / 3); flex-direction: column; } .c-post-list__thumb--list { width: 250px; } .c-post-list__thumb--list.c-post-list__thumb--gallery { display: flex; } .c-post-list__meta-date--list.c-post-list__meta-date--no-thumb { margin-bottom: 30px; } .c-post-list__meta-date--list.c-post-list__meta-date--with-thumb { position: absolute; left: 15px; top: 26px; transform: translateX(-100%); } .h-rtl .c-post-list__meta-date--list.c-post-list__meta-date--with-thumb { left: unset; right: 15px; transform: translateX(100%); } .c-post-list__thumb-inner--list { padding-bottom: 120%; } .c-post-list__thumb-inner--grid { padding-bottom: 61.53%; } .c-post-list--with-thumb .c-post-list__meta-date--grid { position: absolute; top: -15px; } .c-post-list--no-thumb .c-post-list__meta-date--grid { margin-bottom: 15px; } .c-post-list__wrap--grid { padding: 30px 30px 35px 30px; } } /*-- Post List (Mobile) --*/ @media (max-width: 1189px) { .c-post-list__wrap--grid { padding: 30px 20px 25px 20px; } .c-post-list__wrap--grid .c-post-list__header { font-size: 24px; } } @media (max-width: 825px) { .c-post-list--grid { width: calc((100% - 30px) / 2); } } @media (max-width: 619px) { .c-post-list { flex-direction: column; max-width: 100%; margin-left: 0; margin-right: 0; border-left: none; border-right: none; } .c-post-list--grid { width: 100%; } .c-post-list__wrap { padding: 30px 20px 35px 20px; } .c-post-list__thumb-inner { padding-bottom: 61.53%; } .c-post-list__header { font-size: 24px; } .c-post-list__meta-date--with-thumb { max-width: 80%; position: absolute; top: -15px; } .c-post-list__meta-date--no-thumb { margin-bottom: 30px; } .c-post-list__except { margin-top: 15px; } } @media (max-width: 420px) { .c-post-list { width: 100%; min-width: 260px; } } /*- Post Sidebar -*/ .c-post-sidebar__wrap { border: solid 1px var(--border-color-light); border-radius: 4px; background-color: white; } /*-- Product (Mobile) --*/ @media (min-width: 1190px) { .c-post-sidebar__wrap.c-sidebar > .widget { padding-top: 30px !important; padding-bottom: 10px !important; } .c-post-sidebar__wrap.c-sidebar { padding-bottom: 20px; } } @media (max-width: 1189px) and (min-width: 620px) { .c-post-sidebar { margin-top: 15px; max-width: 100%; width: 765px; margin-left: auto; margin-right: auto; } .c-post-sidebar__wrap { position: relative; display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-start; } .c-post-sidebar__wrap > .widget { flex: 0 0 auto; width: 50%; } .c-post-sidebar__wrap.c-sidebar > .widget { padding-left: 40px; padding-right: 40px; } } @media (max-width: 619px) { .c-post-sidebar__wrap { margin-top: 20px; margin-left: 20px; margin-right: 20px; } .c-post-sidebar__wrap.c-sidebar > .widget { padding-top: 30px !important; padding-bottom: 10px !important; } .c-post-sidebar__wrap.c-sidebar { padding-bottom: 20px; } } /*- Page / Post -*/ .c-post { --block-space: 20px; position: relative; max-width: 765px; } .c-post__carousel-list.h-carousel { --arrow-size: 44px; } .c-post--no-sidebar { margin-left: auto; margin-right: auto; } .c-post__thumb { position: relative; background-color: white; border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; } .c-post__img { display: block; position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .c-post__inner { width: 100%; padding: 40px; } .c-page__meta { list-style: none; margin: 0 0 30px 0; padding: 0; font-size: 13px; } .c-page__meta a { color: var(--accent-color); } .c-page__meta--no-sidebar { text-align: center; } .c-page__meta-item { display: inline-block; } .c-page__meta-item:not(:last-child):after { content: ""; display: inline-block; width: 3px; height: 3px; background-color: var(--accent-color-3); border-radius: 50%; vertical-align: middle; margin-bottom: 2px; margin-left: 8px; margin-right: 8px; } .c-post__carousel-img, .c-post__video-img { display: block; position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .c-post__carousel-list { overflow: hidden; display: flex; } .c-post__carousel-list:not(.owl-loaded) { opacity: 0.1 !important; } .c-post__carousel-item { flex: 0 0 auto; max-width: 100%; width: 100%; position: relative; } .c-post__thumb-inner, .c-post__carousel-span { display: block; padding-bottom: 61.53%; position: relative; } .c-post__thumb-inner, .c-post__carousel-list { background: white; } .c-post__meta { font-size: 14px; list-style: none; } .c-post__meta--image { position: absolute; text-align: center; bottom: 0; left: 50%; width: 665px; max-width: 80%; padding: 23px 35px 1px 35px; margin: 0; transform: translateX(-50%); border-top-left-radius: 6px; border-top-right-radius: 6px; } .c-post__meta--no-image { padding: 0; margin: 0 0 0 -10px; } .c-post__meta--no-image.c-post__meta--without-sidebar { width: 100%; max-width: 930px; margin-left: auto; margin-right: auto; left: -10px; position: relative; } .c-post__meta-item { display: inline-block; margin: 5px 15px 0 15px; line-height: 1; } .c-post__meta-icon { display: inline-block; font-size: 16px; margin-right: 5px; vertical-align: text-top; } .sticky .c-post__header-sticky, .c-post__header-sticky { font-size: 75%; line-height: 1; transform-origin: center; transform: rotate(-45deg); position: relative; top: 3px; margin-right: 5px; } .c-post__header { font-weight: 400; font-size: 46px; line-height: 46px; text-align: center; letter-spacing: 0.16em; text-transform: uppercase; color: var(--text-color); margin-bottom: 21px; } .c-post__header + .c-post__content { margin-top: 50px; } .c-post__bottom { margin-top: 40px; clear: both; display: flex; justify-content: space-between; -moz-column-gap: 25px; column-gap: 25px; } .c-post__bottom-space { height: 45px; } .c-post__bottom-title { font-size: 13px; } .c-post__share { display: flex; align-items: center; -moz-column-gap: 11px; column-gap: 11px; } .c-post__share .c-post-share { color: var(--text-color); } .c-post__tags { color: var(--text-color); font-size: 13px; } .c-post__tags a { display: inline-block; text-transform: capitalize; color: var(--accent-color); } .c-post__nav { display: flex; justify-content: space-between; margin-top: var(--block-space); border: solid 1px var(--border-color-light); padding: 25px 40px; -moz-column-gap: 50px; column-gap: 50px; border-radius: 4px; align-items: center; color: var(--accent-color); background-color: white; } .c-post__nav-title, .c-post__author-title { font-family: var(--font-header); font-weight: 700; font-size: 18px; line-height: 1.33; letter-spacing: 0.005em; } .c-post__author-title { font-size: 17px; color: var(--accent-color); } .c-post__nav-prev, .c-post__nav-next { flex: 1 1 auto; width: 50%; display: flex; -moz-column-gap: 15px; column-gap: 15px; align-items: center; } .c-post__nav-prev { text-align: var(--text-align-left); justify-content: flex-start; } .c-post__nav-next { text-align: var(--text-align-right); justify-content: flex-end; } .c-post__nav-prev-ico, .c-post__nav-next-ico { display: inline-block; font-size: 8px; line-height: 1; height: 8px; transform-origin: center; } .c-post__nav-prev-ico { transform: scaleX(-1); } .h-rtl .c-post__nav-prev-ico { transform: scaleX(1); } .h-rtl .c-post__nav-next-ico { transform: scaleX(-1); } .c-post__comments-sep { text-align: center; margin-bottom: 20px; } .c-post__comments-sep-img { max-height: 100px; } .c-post__author { padding: 30px 40px; display: flex; margin-top: var(--block-space); -moz-column-gap: 30px; column-gap: 30px; } .c-post__author-thumb { flex: 0 0 auto; } .c-post__author-thumb > img { border-radius: 50%; } .c-post__author-content { flex: 1 1 auto; min-width: 0; } .c-post__author-header { font-size: 13px; } .c-post__author-title { margin-top: 10px; } .c-post__author-desc { font-size: 13px; margin-top: 10px; } .c-post__author-soc { padding-top: 15px; color: var(--accent-color); } .c-post__comments-wrap { margin-top: var(--block-space); padding: 40px; } /*-- Page / Post (Desktop) --*/ @media (min-width: 620px) { .c-post__content .l-section--container, .c-post__content .l-section_container, .c-post__content .l-section--container-wide, .c-post__content .l-section__container-wide { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; } } @media (min-width: 1190px) { .c-post__thumb--image { width: 100%; height: 380px; } .c-post__author-soc .c-soc__link:hover { color: var(--accent-color-2); } .c-page__meta a:hover, .c-post__tags a:hover { color: var(--accent-color-2); } .c-post__nav-prev:hover, .c-post__nav-next:hover { color: var(--accent-color-2); } .c-post__author-title a:hover { color: var(--accent-color-2); } .c-post__video:hover .c-play { background-color: var(--header-color); } } /*-- Page / Post (Mobile) --*/ @media (max-width: 1189px) { .c-post { --block-space: 15px; margin-left: auto; margin-right: auto; } .c-post--sidebar { margin: 0 auto; } .c-post__thumb--image { width: 100%; height: 380px; } .c-post-list--list { margin-left: auto; margin-right: auto; } .c-post__author { -moz-column-gap: 20px; column-gap: 20px; } .c-post__author-thumb img { width: 70px; height: 70px; } .c-post__author-title { font-size: 16px; } } @media (max-width: 768px) { .c-post__header { font-size: 33px; line-height: 36px; } .c-post__thumb--image { padding-bottom: 50%; height: unset; } .post-password-form input[type="password"], .post-password-form input[type="submit"] { width: 100%; margin-bottom: 5px; } } @media (max-width: 619px) { .c-post__nav { flex-direction: column; margin-left: 20px; margin-right: 20px; padding: 20px; } .c-post__nav-prev { width: 100%; } .c-post__nav-prev + .c-post__nav-next { margin-top: 35px; } .c-post__nav-next { width: 100%; } .c-post__author, .c-post__comments-wrap { padding: 20px; } .c-post__inner { padding: 25px 20px 35px 20px; } } /*- Home Blog Posts -*/ .c-posts { position: relative; padding-top: 95px; padding-bottom: 85px; } .c-posts__header { text-align: center; line-height: 1.1; font-size: 31px; text-transform: uppercase; margin: 0 20px 35px 20px; display: block; } .c-posts__list { display: flex; margin: -25px -15px; flex-wrap: wrap; } .c-posts__item { flex: 0 0 auto; width: calc(100% / 3); padding: 25px 15px; } .c-posts__sizer { flex: 0 0 auto; width: calc(100% / 3); } /*-- Header (Mobile) --*/ @media (min-width: 600px) and (max-width: 780px) { .c-posts__item { width: calc(100% / 2); } .c-posts__sizer { width: calc(100% / 2); } } @media (max-width: 599px) { .c-posts__item { width: 100%; } .c-posts__sizer { width: 100%; } .c-posts { width: 370px; max-width: calc(100% - 40px); margin-left: auto; margin-right: auto; min-width: 280px; padding-left: 0; padding-right: 0; } } /*-- Product ATC --*/ .c-product__atc-wrap { margin-top: 20px; display: inline-flex; flex-direction: column; } .c-product__atc-wrap:empty { display: none; } .c-product__atc-row-1 { position: relative; /*display: flex;*/ align-items: center; -moz-column-gap: 5px; column-gap: 5px; } .c-product__atc-row-2 { margin-top: 10px; } .c-product__atc-wrap--hide-stock .in-stock { display: none !important; } .c-product__atc-wrap .button, .tinvwl-input-group-btn .button, .tinvwl-to-right.look_in .button, .wishlist_item .product-action button.button, .tinvwl_button_view, .tinvwl_button_close, .c-product__atc-row-2 .button { font-weight: 700; padding: 15.5px 34px; font-size: 12px; line-height: 15px; height: 50px; overflow: hidden; letter-spacing: 0.03em; text-align: center; color: white; background-color: var(--accent-color); border: 2px solid var(--accent-color); border-radius: 25px; text-transform: uppercase; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; display: block; } .c-product__atc-wrap .button.js-loading:before { display: none; } .c-product__atc-wrap .c-product__buy-now, .tinvwl-input-group-btn .button, .tinvwl-to-right.look_in .button, .tinvwl_button_close, .c-product__atc-row-2 .c-product__buy-now { color: var(--accent-color); background-color: white; width: 100%; } .c-product__atc-row-2 .c-product__buy-now { max-width: 350px; } .c-product__atc-wrap .single_add_to_cart_button, .wishlist_item .product-action button.button, .tinvwl_button_close, .tinvwl_button_view { display: flex; flex-wrap: wrap; -moz-column-gap: 10px; column-gap: 10px; text-align: center; justify-content: center; } .c-product__atc-wrap .single_add_to_cart_button:before, .wishlist_item .product-action button.button::before { display: inline-block; content: var(--icon-cart); font-family: var(--font-icons); font-size: 16px; margin-bottom: 30px; vertical-align: text-top; } .c-product__atc-wrap .button.disabled, .c-product__atc-row-2 .button.disabled { cursor: not-allowed; } .c-product__atc-wrap .c-wishlist__btn { width: 50px; height: 50px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; color: var(--accent-color); font-size: 18px; cursor: pointer; border: solid 1px var(--border-color-light); } .c-product__atc-wrap .wc-forward { display: none; } .c-product__atc-wrap table { width: 100%; } .c-product__atc-wrap .label { -ms-word-wrap: normal; word-break: normal; word-wrap: normal; } .c-product__atc-wrap .value { position: relative; } .c-product__atc-wrap textarea { width: 100%; } .c-product__atc-wrap select { color: var(--text-color-light); font-weight: 300; font-size: 13px; line-height: 1; letter-spacing: 0.025em; background-color: var(--background-color); text-align: left; width: 100%; padding: 16px 35px 16px 25px; height: 48px !important; border: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .h-rtl .c-product__atc-wrap select { text-align: right; } .c-product__atc-wrap .reset_variations { position: absolute; right: 0; bottom: -15px; font-weight: 500; font-size: 10px; line-height: 18px; text-align: right; letter-spacing: 0.155em; text-transform: uppercase; } .h-rtl .c-product__atc-wrap .reset_variations { right: unset; left: 0; } .c-product__atc-wrap .reset_variations:before { content: var(--icon-close-small); font-family: var(--font-icons); font-size: 8px; line-height: 1; vertical-align: middle; margin-right: 6px; top: -1px; position: relative; } .c-product__quantity { --height: 50px; flex: 0 0 auto; display: inline-flex; flex-wrap: nowrap; height: var(--height); border-radius: calc(var(--height) / 2); border: solid 1px var(--border-color-light); overflow: hidden; } .c-product__quantity.hidden { margin-left: 0 !important; margin-right: 0 !important; } .c-product__quantity > * { flex: 0 0 auto; height: calc(var(--height) - 2px); line-height: var(--height); color: var(--accent-color); } .c-product__quantity-minus { order: 1; font-size: 12px; line-height: 1; cursor: pointer; justify-content: flex-end; width: 32px; } .c-product__quantity-plus { order: 3; font-size: 12px; line-height: 1; cursor: pointer; justify-content: flex-start; width: 32px; } input.c-product__quantity-value, .c-product__quantity.quantity input.qty { width: 50px !important; order: 2; font-weight: 500 !important; font-size: 18px !important; letter-spacing: 0.015em; line-height: 1 !important; -moz-appearance: textfield; text-align: center !important; background: unset !important; border: 0 !important; padding: 0 !important; color: var(--accent-color) !important; } .c-product__quantity-value[readonly] + .c-product__quantity-minus, .c-product__quantity-value[readonly] + .c-product__quantity-minus + .c-product__quantity-plus { display: none; } .c-product__quantity-value::-webkit-outer-spin-button, .c-product__quantity-value::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /*-- Product ATC (Desktop) --*/ @media (min-width: 1190px) { .c-product__atc-wrap .c-product__wishlist-text, .c-product__button_hint { display: inline-flex; position: absolute; color: white; background-color: var(--accent-color); font-weight: 700; font-size: 10px; line-height: 13px; letter-spacing: 0.025em; text-transform: uppercase; padding: 6px 9px; border-radius: 15px; bottom: calc(100% + 7px); text-align: center; opacity: 0; visibility: hidden; transform: translateY(7px) scale(0.7); transition: var(--opacity-transform-transition); } .c-product__atc-wrap .c-product__wishlist-text { white-space: nowrap; } .c-product__atc-wrap .c-product__wishlist-button:hover .c-product__wishlist-text, .button.active:not(.disabled):hover .c-product__button_hint { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } .c-product__atc-wrap .c-product__wishlist-text:after, .c-product__button_hint:after { content: ""; display: block; position: absolute; left: 50%; margin-left: -5px; bottom: -10px; border: solid 6px transparent; border-top-color: var(--accent-color); } .h-rtl .c-product__button_hint:after { right: unset; left: 15px; } .c-product__atc-wrap .c-wishlist__btn:hover { background-color: var(--accent-color); border-color: var(--accent-color); color: white; } } /*-- Product ATC (Mobile) --*/ @media (max-width: 820px) { .c-product__atc-wrap .variations, .c-product__atc-wrap .variations thead, .c-product__atc-wrap .variations tbody, .c-product__atc-wrap .variations tfoot, .c-product__atc-wrap .variations tr, .c-product__atc-wrap .variations th, .c-product__atc-wrap .variations td, .c-product__atc-wrap .group_table, .c-product__atc-wrap .group_table thead, .c-product__atc-wrap .group_table tbody, .c-product__atc-wrap .group_table tfoot, .c-product__atc-wrap .group_table tr, .c-product__atc-wrap .group_table th, .c-product__atc-wrap .group_table td { display: block; padding-left: 0 !important; text-align: var(--text-align-left) !important; } .c-product__atc-wrap .label { display: block; padding-bottom: 10px; } } /*-- Product Brand --*/ .c-product__brand--small, .c-product__brand-top { display: flex; align-items: flex-start; -moz-column-gap: 25px; column-gap: 25px; } .c-product__brand-name { display: block; font-weight: 500; font-size: 18px; line-height: 1; letter-spacing: 0.015em; color: var(--accent-color); } .c-product__brand-desc { font-weight: 400; font-size: 14px; line-height: 1.4; letter-spacing: 0.02em; color: var(--body-color); margin-top: 5px; text-align: var(--text-align-left); } .c-product__brand-desc > :first-child { margin-top: 0; } .c-product__brand-desc > :last-child { margin-bottom: 0; } .c-product__brand-li { display: inline-block; font-size: calc(100% * 8 / 13); margin-right: 5px; color: var(--accent-color-3); } .c-product__brand--small .c-product__brand-logo, .c-product__brand-top .c-product__brand-logo { flex: 0 0 auto; width: 90px; height: 70px; position: relative; } .c-product__brand--small .c-product__brand-wrap, .c-product__brand-top .c-product__brand-wrap { flex: 1 1 auto; min-width: 100px; align-self: center; } .c-product__brand--name { margin-top: 20px; } .c-product__brand--name .c-product__brand-logo-svg, .c-product__brand--name .c-product__brand-logo-image, .c-product__brand--small .c-product__brand-logo-svg, .c-product__brand--small .c-product__brand-logo-image, .c-product__brand-top .c-product__brand-logo-svg, .c-product__brand-top .c-product__brand-logo-image, .c-product__brand-p-thumb > img { display: block; position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; -o-object-position: center; object-position: center; -o-object-fit: contain; object-fit: contain; } .c-product__brand-p-thumb > img { -o-object-fit: cover; object-fit: cover; } .c-product__brand--big { text-align: center; } .c-product__brand--big .c-product__brand-logo-image, .c-product__brand--big .c-product__brand-logo-svg { max-width: 130px !important; max-height: 130px !important; width: auto !important; height: auto !important; margin-bottom: 20px; } .c-product__brand--big .c-product__brand-desc { margin-top: 10px; font-size: 13px; padding-left: 15px; padding-right: 15px; } .c-product__brand-all-icon { position: relative; top: -1px; font-size: 5px; margin-right: 6px; } .h-rtl .c-product__brand-all-icon { margin-right: 0; margin-left: 6px; transform: scaleX(-1); } .c-product__brand-all { display: inline-block; color: var(--accent-color); margin-top: 25px; font-weight: 400; font-size: 12px; line-height: 1.25; letter-spacing: 0.02em; text-align: center; } .c-product__brand--big_products .c-product__brand-all { display: block; } .c-product__brand-li-space { display: block; height: 5px; } .c-product__brand-li-space:last-child { display: none; } .c-product__brand--big_products { padding-left: 15px; padding-right: 15px; } .c-product__brand-p-row { display: flex; -moz-column-gap: 20px; column-gap: 20px; align-items: center; margin-bottom: 20px; } .c-product__brand-p { margin-top: 30px; margin-bottom: 10px; } .c-product__brand-p-thumb { position: relative; flex: 0 0 auto; width: 60px; height: 50px; border-radius: 4px; overflow: hidden; align-self: flex-start; } .c-product__brand-p-col { font-family: var(--font-header); font-weight: 700; font-size: 13px; line-height: 1.23; min-width: 0; } .c-product__brand-p-title { letter-spacing: 0.005em; color: var(--accent-color); transition: var(--hover-transition); } .c-product__brand-p-price { margin-top: 5px; font-size: 14px; font-weight: 600; color: var(--accent-color-2); letter-spacing: 0.02em; } .c-product__brand-p-price del { display: inline-flex; color: var(--text-color); font-size: 11px; letter-spacing: 0.035em; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; opacity: 0.4; margin-right: 3px; } /*- Product Tabs -*/ .c-product__tabs-fullwidth-content { margin-left: auto; margin-right: auto; padding-left: var(--col-1-margin-left); padding-right: var(--col-1-margin-left); max-width: calc( var(--product-tabs-max-width) + var(--col-1-margin-left) * 2 ); } .c-product__tabs-fullwidth-content--more_seller_product .c-product-grid--rounded-corners:before, .c-product__tabs-fullwidth-content--more_seller_product .c-product-grid--rounded-corners .owl-stage-outer:before, .c-product__tabs-fullwidth-content--more_seller_product .c-product-grid--rounded-corners .owl-stage-outer { border-top-left-radius: 0; border-top-right-radius: 0; } .c-product__tabs-fullwidth-content--reviews { max-width: calc(700px + var(--col-1-margin-left) * 2); } .c-product__tabs-fullwidth .c-tabs__wrap { margin-bottom: 35px; } .c-product__tabs-fullwidth-content > :first-child { margin-top: 0; } .c-product__tabs-fullwidth-content > :last-child { margin-bottom: 0; } .c-product__tabs-fullwidth-content--additional_information .shop_attributes { margin-top: -14px; margin-left: auto; margin-right: auto; border-spacing: 0; min-width: 50%; } .c-product__tabs-fullwidth-content--additional_information .shop_attributes td { width: 50%; } .c-product__tabs-row .elementor-section.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container, .c-product__tabs-row .e-con-boxed, .c-product__tabs-fullwidth-content .elementor-section.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container, .c-product__tabs-fullwidth-content .e-con-boxed { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; } .c-product__tabs-fullwidth { margin-top: 45px; } .c-product__tabs-row { text-align: var(--text-align-left); font-weight: 400; font-size: 14px; line-height: 1.5; letter-spacing: 0.02em; color: var(--text-color); } .c-product__tabs-row--dokan { border-top: solid 1px var(--border-color-light); padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; } .c-product__tabs-row-header { padding: 30px 45px 0 45px; border-top: solid 1px var(--border-color-light); font-weight: 500; font-size: 22px; line-height: 28px; color: var(--accent-color); } .c-product__tabs-panel .shop_attributes { border-spacing: 0; width: 100%; } .c-product__tabs-panel .shop_attributes td { width: 50%; } .woocommerce-Tabs-panel--description > :first-child { margin-top: 0; } .woocommerce-Tabs-panel--description > :last-child { margin-bottom: 0; } .woocommerce-product-attributes p { margin-top: 0; margin-bottom: 0; } .woocommerce-product-attributes-item__label { color: var(--header-color); font-weight: 500; } .h-ltr .woocommerce-product-attributes-item__label { padding-right: 50px; } .h-rtl .woocommerce-product-attributes-item__label { padding-left: 50px; } .woocommerce-product-attributes-item__label, .woocommerce-product-attributes-item__value { padding-top: 14px; padding-bottom: 14px; border-bottom: solid 1px var(--border-color-light); } .woocommerce-product-attributes-item__label:after { content: ":"; } .c-product__tabs-col-1-2 { flex: 1 1 auto; width: calc(100% + 1px); margin-right: -1px; margin-bottom: -1px; } .c-product__tabs-fullwidth .c-tabs__wrap { margin-left: var(--col-1-margin-left); margin-right: var(--col-1-margin-left); } /*-- Product Tabs (Desktop) --*/ @media (min-width: 768px) { .c-product__tabs-row { flex: 1 1 auto; display: flex; border-top: solid 1px var(--border-color-light); } .c-product__tabs-row-header { padding-left: 30px; padding-right: 30px; } .c-product__tabs-col-center, .c-product__tabs-col-1, .c-product__tabs-col-2 { flex: 0 0 auto; width: 50%; padding: 25px 30px 30px 30px; } .c-product__tabs-col-center { width: 100%; } .h-ltr .c-product__tabs-col-1 { border-right: solid 1px var(--border-color-light); } .h-rtl .c-product__tabs-col-1 { border-left: solid 1px var(--border-color-light); } .c-product--tabs-expanded .c-product__tabs-header:not(:first-child) { margin-top: 40px; } .c-product--tabs-expanded .c-product__tabs-header, .c-product--tabs-expanded .woocommerce-Reviews-title, .c-product--tabs-expanded .comment-reply-title { display: block; font-weight: 500; font-size: 22px; line-height: 28px; color: var(--accent-color); margin-bottom: 20px; } .c-product__tabs-fullwidth--expand-mobile .c-tabs__header { display: none; } .c-product__tabs-fullwidth { margin-bottom: 70px; } } @media (min-width: 1190px) { .c-product__tabs-col-center, .c-product__tabs-col-1, .c-product__tabs-col-2 { padding: 30px 45px 45px 45px; } .c-product__section--wide .c-product__tabs-col-center { width: 1170px; margin-left: auto; margin-right: auto; max-width: 100%; } } /*-- Product Tabs (Mobile) --*/ @media (max-width: 767px) { .c-product--tabs-expanded .c-product__tabs-header, .c-product--tabs-expanded .woocommerce-Reviews-title, .c-product--tabs-expanded .comment-reply-title, .c-product__tabs-fullwidth--expand-mobile .c-tabs__header, .c-product__tabs-row-header { display: block; font-weight: 500; font-size: 18px; line-height: 23px; color: var(--accent-color); margin-top: 25px; margin-bottom: 15px; } .c-product__tabs-row-header { border-top: none; padding-top: 0; margin-bottom: 20px; padding-left: var(--col-1-margin-left); padding-right: var(--col-1-margin-left); } .c-product__tabs-row { margin-left: var(--col-1-margin-left); margin-right: var(--col-1-margin-left); margin-bottom: 40px; } .c-product__tabs-fullwidth--expand-mobile { margin-top: 0; } .c-product__tabs-fullwidth--expand-mobile .c-tabs__wrap { display: none; } .c-product__tabs-fullwidth--expand-mobile .c-tabs__item { display: block !important; opacity: 1 !important; margin-top: 25px; } .c-product__tabs-fullwidth { margin-top: 30px; margin-bottom: 40px; } .c-product__tabs-fullwidth .c-tabs__wrap { margin-bottom: 20px; } .c-product__tabs-fullwidth-content--more_seller_product { margin-bottom: -41px; } .c-product__tabs-fullwidth-content--additional_information .shop_attributes { min-width: unset; width: 100%; } .c-product__tabs-fullwidth .c-tabs__wrap { max-width: calc(100vw - var(--col-1-margin-left) * 2); } } /*- Product Features -*/ .c-product-features { margin-top: 25px; } .c-product-features__list { list-style: none; border: var(--feature-border); background-color: var(--feature-background-color); border-radius: 4px; padding: 8px 0; margin: 0; display: inline-flex; flex-direction: column; } .c-product__col-3-wrap .c-product-features__list { width: 100%; } .c-product-features__item { display: flex; -moz-column-gap: 15px; column-gap: 15px; margin: 8px 20px; align-items: center; color: var(--feature-text-color); } .c-product-features__icon { flex: 0 0 auto; width: 24px; height: 24px; font-size: 24px; line-height: 1; color: var(--feature-icon-color); } .c-product-features__text { flex: 1 1 auto; min-width: 100px; } .c-product-features__name { display: block; font-style: normal; font-weight: 400; font-size: 14px; line-height: 1.4; letter-spacing: 0.02em; } /*- Product grid (responsive) -*/ @media (max-width: 767px) and (min-width: 620px) { .fullwidth.sidebar .i-small { width: calc(100% / 3); } .fullwidth.sidebar.cnt-1.small { width: calc(100% / 3 * 1); } .fullwidth.sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.small { width: calc(100% / 3 * 2); } .fullwidth.sidebar.cnt-2.small .i-small { width: calc(100% / 2); } } @media (max-width: 944px) and (min-width: 768px) { .fullwidth.sidebar .i-small { width: calc(100% / 4); } .fullwidth.sidebar.cnt-1.small { width: calc(100% / 4 * 1); } .fullwidth.sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.small { width: calc(100% / 4 * 2); } .fullwidth.sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.sidebar.cnt-3.small { width: calc(100% / 4 * 3); } .fullwidth.sidebar.cnt-3.small .i-small { width: calc(100% / 3); } } @media (max-width: 1121px) and (min-width: 945px) { .fullwidth.sidebar .i-small { width: calc(100% / 5); } .fullwidth.sidebar.cnt-1.small { width: calc(100% / 5 * 1); } .fullwidth.sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.small { width: calc(100% / 5 * 2); } .fullwidth.sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.sidebar.cnt-3.small { width: calc(100% / 5 * 3); } .fullwidth.sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .fullwidth.sidebar.cnt-4.small { width: calc(100% / 5 * 4); } .fullwidth.sidebar.cnt-4.small .i-small { width: calc(100% / 4); } } @media (max-width: 1189px) and (min-width: 1122px) { .fullwidth.sidebar .i-small { width: calc(100% / 6); } .fullwidth.sidebar.cnt-1.small { width: calc(100% / 6 * 1); } .fullwidth.sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.small { width: calc(100% / 6 * 2); } .fullwidth.sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.sidebar.cnt-3.small { width: calc(100% / 6 * 3); } .fullwidth.sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .fullwidth.sidebar.cnt-4.small { width: calc(100% / 6 * 4); } .fullwidth.sidebar.cnt-4.small .i-small { width: calc(100% / 4); } .fullwidth.sidebar.cnt-5.small { width: calc(100% / 6 * 5); } .fullwidth.sidebar.cnt-5.small .i-small { width: calc(100% / 5); } } @media (max-width: 1216px) and (min-width: 1190px) { .fullwidth.sidebar .i-small { width: calc(100% / 4); } .fullwidth.sidebar.cnt-1.small { width: calc(100% / 4 * 1); } .fullwidth.sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.small { width: calc(100% / 4 * 2); } .fullwidth.sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.sidebar.cnt-3.small { width: calc(100% / 4 * 3); } .fullwidth.sidebar.cnt-3.small .i-small { width: calc(100% / 3); } } @media (max-width: 1393px) and (min-width: 1217px) { .fullwidth.sidebar .i-small { width: calc(100% / 5); } .fullwidth.sidebar.cnt-1.small { width: calc(100% / 5 * 1); } .fullwidth.sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.small { width: calc(100% / 5 * 2); } .fullwidth.sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.sidebar.cnt-3.small { width: calc(100% / 5 * 3); } .fullwidth.sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .fullwidth.sidebar.cnt-4.small { width: calc(100% / 5 * 4); } .fullwidth.sidebar.cnt-4.small .i-small { width: calc(100% / 4); } } @media (max-width: 1570px) and (min-width: 1394px) { .fullwidth.sidebar .i-small { width: calc(100% / 6); } .fullwidth.sidebar.cnt-1.small { width: calc(100% / 6 * 1); } .fullwidth.sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.small { width: calc(100% / 6 * 2); } .fullwidth.sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.sidebar.cnt-3.small { width: calc(100% / 6 * 3); } .fullwidth.sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .fullwidth.sidebar.cnt-4.small { width: calc(100% / 6 * 4); } .fullwidth.sidebar.cnt-4.small .i-small { width: calc(100% / 4); } .fullwidth.sidebar.cnt-5.small { width: calc(100% / 6 * 5); } .fullwidth.sidebar.cnt-5.small .i-small { width: calc(100% / 5); } } @media (max-width: 1747px) and (min-width: 1571px) { .fullwidth.sidebar .i-small { width: calc(100% / 7); } .fullwidth.sidebar.cnt-1.small { width: calc(100% / 7 * 1); } .fullwidth.sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.small { width: calc(100% / 7 * 2); } .fullwidth.sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.sidebar.cnt-3.small { width: calc(100% / 7 * 3); } .fullwidth.sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .fullwidth.sidebar.cnt-4.small { width: calc(100% / 7 * 4); } .fullwidth.sidebar.cnt-4.small .i-small { width: calc(100% / 4); } .fullwidth.sidebar.cnt-5.small { width: calc(100% / 7 * 5); } .fullwidth.sidebar.cnt-5.small .i-small { width: calc(100% / 5); } .fullwidth.sidebar.cnt-6.small { width: calc(100% / 7 * 6); } .fullwidth.sidebar.cnt-6.small .i-small { width: calc(100% / 6); } } @media (min-width: 1748px) { .fullwidth.sidebar .i-small { width: calc(100% / 8); } .fullwidth.sidebar.cnt-1.small { width: calc(100% / 8 * 1); } .fullwidth.sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.small { width: calc(100% / 8 * 2); } .fullwidth.sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.sidebar.cnt-3.small { width: calc(100% / 8 * 3); } .fullwidth.sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .fullwidth.sidebar.cnt-4.small { width: calc(100% / 8 * 4); } .fullwidth.sidebar.cnt-4.small .i-small { width: calc(100% / 4); } .fullwidth.sidebar.cnt-5.small { width: calc(100% / 8 * 5); } .fullwidth.sidebar.cnt-5.small .i-small { width: calc(100% / 5); } .fullwidth.sidebar.cnt-6.small { width: calc(100% / 8 * 6); } .fullwidth.sidebar.cnt-6.small .i-small { width: calc(100% / 6); } .fullwidth.sidebar.cnt-7.small { width: calc(100% / 8 * 7); } .fullwidth.sidebar.cnt-7.small .i-small { width: calc(100% / 7); } } @media (max-width: 767px) and (min-width: 620px) { .boxed.sidebar .i-small { width: calc(100% / 3); } .boxed.sidebar.cnt-1.small { width: calc(100% / 3 * 1); } .boxed.sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .boxed.sidebar.cnt-2.small { width: calc(100% / 3 * 2); } .boxed.sidebar.cnt-2.small .i-small { width: calc(100% / 2); } } @media (max-width: 944px) and (min-width: 768px) { .boxed.sidebar .i-small { width: calc(100% / 4); } .boxed.sidebar.cnt-1.small { width: calc(100% / 4 * 1); } .boxed.sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .boxed.sidebar.cnt-2.small { width: calc(100% / 4 * 2); } .boxed.sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .boxed.sidebar.cnt-3.small { width: calc(100% / 4 * 3); } .boxed.sidebar.cnt-3.small .i-small { width: calc(100% / 3); } } @media (max-width: 1121px) and (min-width: 945px) { .boxed.sidebar .i-small { width: calc(100% / 5); } .boxed.sidebar.cnt-1.small { width: calc(100% / 5 * 1); } .boxed.sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .boxed.sidebar.cnt-2.small { width: calc(100% / 5 * 2); } .boxed.sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .boxed.sidebar.cnt-3.small { width: calc(100% / 5 * 3); } .boxed.sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .boxed.sidebar.cnt-4.small { width: calc(100% / 5 * 4); } .boxed.sidebar.cnt-4.small .i-small { width: calc(100% / 4); } } @media (max-width: 1189px) and (min-width: 1122px) { .boxed.sidebar .i-small { width: calc(100% / 6); } .boxed.sidebar.cnt-1.small { width: calc(100% / 6 * 1); } .boxed.sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .boxed.sidebar.cnt-2.small { width: calc(100% / 6 * 2); } .boxed.sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .boxed.sidebar.cnt-3.small { width: calc(100% / 6 * 3); } .boxed.sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .boxed.sidebar.cnt-4.small { width: calc(100% / 6 * 4); } .boxed.sidebar.cnt-4.small .i-small { width: calc(100% / 4); } .boxed.sidebar.cnt-5.small { width: calc(100% / 6 * 5); } .boxed.sidebar.cnt-5.small .i-small { width: calc(100% / 5); } } @media (min-width: 1190px) { .boxed.sidebar .i-small { width: calc(100% / 5); } .boxed.sidebar.cnt-1.small { width: calc(100% / 5 * 1); } .boxed.sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .boxed.sidebar.cnt-2.small { width: calc(100% / 5 * 2); } .boxed.sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .boxed.sidebar.cnt-3.small { width: calc(100% / 5 * 3); } .boxed.sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .boxed.sidebar.cnt-4.small { width: calc(100% / 5 * 4); } .boxed.sidebar.cnt-4.small .i-small { width: calc(100% / 4); } } @media (max-width: 767px) and (min-width: 620px) { .fullwidth.no-sidebar .i-small { width: calc(100% / 3); } .fullwidth.no-sidebar.cnt-1.small { width: calc(100% / 3 * 1); } .fullwidth.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.small { width: calc(100% / 3 * 2); } .fullwidth.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } } @media (max-width: 944px) and (min-width: 768px) { .fullwidth.no-sidebar .i-small { width: calc(100% / 4); } .fullwidth.no-sidebar.cnt-1.small { width: calc(100% / 4 * 1); } .fullwidth.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.small { width: calc(100% / 4 * 2); } .fullwidth.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.no-sidebar.cnt-3.small { width: calc(100% / 4 * 3); } .fullwidth.no-sidebar.cnt-3.small .i-small { width: calc(100% / 3); } } @media (max-width: 1121px) and (min-width: 945px) { .fullwidth.no-sidebar .i-small { width: calc(100% / 5); } .fullwidth.no-sidebar.cnt-1.small { width: calc(100% / 5 * 1); } .fullwidth.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.small { width: calc(100% / 5 * 2); } .fullwidth.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.no-sidebar.cnt-3.small { width: calc(100% / 5 * 3); } .fullwidth.no-sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .fullwidth.no-sidebar.cnt-4.small { width: calc(100% / 5 * 4); } .fullwidth.no-sidebar.cnt-4.small .i-small { width: calc(100% / 4); } } @media (max-width: 1189px) and (min-width: 1122px) { .fullwidth.no-sidebar .i-small { width: calc(100% / 6); } .fullwidth.no-sidebar.cnt-1.small { width: calc(100% / 6 * 1); } .fullwidth.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.small { width: calc(100% / 6 * 2); } .fullwidth.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.no-sidebar.cnt-3.small { width: calc(100% / 6 * 3); } .fullwidth.no-sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .fullwidth.no-sidebar.cnt-4.small { width: calc(100% / 6 * 4); } .fullwidth.no-sidebar.cnt-4.small .i-small { width: calc(100% / 4); } .fullwidth.no-sidebar.cnt-5.small { width: calc(100% / 6 * 5); } .fullwidth.no-sidebar.cnt-5.small .i-small { width: calc(100% / 5); } } @media (max-width: 1338px) and (min-width: 1190px) { .fullwidth.no-sidebar .i-small { width: calc(100% / 6); } .fullwidth.no-sidebar.cnt-1.small { width: calc(100% / 6 * 1); } .fullwidth.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.small { width: calc(100% / 6 * 2); } .fullwidth.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.no-sidebar.cnt-3.small { width: calc(100% / 6 * 3); } .fullwidth.no-sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .fullwidth.no-sidebar.cnt-4.small { width: calc(100% / 6 * 4); } .fullwidth.no-sidebar.cnt-4.small .i-small { width: calc(100% / 4); } .fullwidth.no-sidebar.cnt-5.small { width: calc(100% / 6 * 5); } .fullwidth.no-sidebar.cnt-5.small .i-small { width: calc(100% / 5); } } @media (max-width: 1515px) and (min-width: 1339px) { .fullwidth.no-sidebar .i-small { width: calc(100% / 7); } .fullwidth.no-sidebar.cnt-1.small { width: calc(100% / 7 * 1); } .fullwidth.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.small { width: calc(100% / 7 * 2); } .fullwidth.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.no-sidebar.cnt-3.small { width: calc(100% / 7 * 3); } .fullwidth.no-sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .fullwidth.no-sidebar.cnt-4.small { width: calc(100% / 7 * 4); } .fullwidth.no-sidebar.cnt-4.small .i-small { width: calc(100% / 4); } .fullwidth.no-sidebar.cnt-5.small { width: calc(100% / 7 * 5); } .fullwidth.no-sidebar.cnt-5.small .i-small { width: calc(100% / 5); } .fullwidth.no-sidebar.cnt-6.small { width: calc(100% / 7 * 6); } .fullwidth.no-sidebar.cnt-6.small .i-small { width: calc(100% / 6); } } @media (min-width: 1516px) { .fullwidth.no-sidebar .i-small { width: calc(100% / 8); } .fullwidth.no-sidebar.cnt-1.small { width: calc(100% / 8 * 1); } .fullwidth.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.small { width: calc(100% / 8 * 2); } .fullwidth.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.no-sidebar.cnt-3.small { width: calc(100% / 8 * 3); } .fullwidth.no-sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .fullwidth.no-sidebar.cnt-4.small { width: calc(100% / 8 * 4); } .fullwidth.no-sidebar.cnt-4.small .i-small { width: calc(100% / 4); } .fullwidth.no-sidebar.cnt-5.small { width: calc(100% / 8 * 5); } .fullwidth.no-sidebar.cnt-5.small .i-small { width: calc(100% / 5); } .fullwidth.no-sidebar.cnt-6.small { width: calc(100% / 8 * 6); } .fullwidth.no-sidebar.cnt-6.small .i-small { width: calc(100% / 6); } .fullwidth.no-sidebar.cnt-7.small { width: calc(100% / 8 * 7); } .fullwidth.no-sidebar.cnt-7.small .i-small { width: calc(100% / 7); } } @media (max-width: 767px) and (min-width: 620px) { .boxed.no-sidebar .i-small { width: calc(100% / 3); } .boxed.no-sidebar.cnt-1.small { width: calc(100% / 3 * 1); } .boxed.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .boxed.no-sidebar.cnt-2.small { width: calc(100% / 3 * 2); } .boxed.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } } @media (max-width: 944px) and (min-width: 768px) { .boxed.no-sidebar .i-small { width: calc(100% / 4); } .boxed.no-sidebar.cnt-1.small { width: calc(100% / 4 * 1); } .boxed.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .boxed.no-sidebar.cnt-2.small { width: calc(100% / 4 * 2); } .boxed.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .boxed.no-sidebar.cnt-3.small { width: calc(100% / 4 * 3); } .boxed.no-sidebar.cnt-3.small .i-small { width: calc(100% / 3); } } @media (max-width: 1121px) and (min-width: 945px) { .boxed.no-sidebar .i-small { width: calc(100% / 5); } .boxed.no-sidebar.cnt-1.small { width: calc(100% / 5 * 1); } .boxed.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .boxed.no-sidebar.cnt-2.small { width: calc(100% / 5 * 2); } .boxed.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .boxed.no-sidebar.cnt-3.small { width: calc(100% / 5 * 3); } .boxed.no-sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .boxed.no-sidebar.cnt-4.small { width: calc(100% / 5 * 4); } .boxed.no-sidebar.cnt-4.small .i-small { width: calc(100% / 4); } } @media (max-width: 1189px) and (min-width: 1122px) { .boxed.no-sidebar .i-small { width: calc(100% / 6); } .boxed.no-sidebar.cnt-1.small { width: calc(100% / 6 * 1); } .boxed.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .boxed.no-sidebar.cnt-2.small { width: calc(100% / 6 * 2); } .boxed.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .boxed.no-sidebar.cnt-3.small { width: calc(100% / 6 * 3); } .boxed.no-sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .boxed.no-sidebar.cnt-4.small { width: calc(100% / 6 * 4); } .boxed.no-sidebar.cnt-4.small .i-small { width: calc(100% / 4); } .boxed.no-sidebar.cnt-5.small { width: calc(100% / 6 * 5); } .boxed.no-sidebar.cnt-5.small .i-small { width: calc(100% / 5); } } @media (min-width: 1190px) { .boxed.no-sidebar .i-small { width: calc(100% / 6); } .boxed.no-sidebar.cnt-1.small { width: calc(100% / 6 * 1); } .boxed.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .boxed.no-sidebar.cnt-2.small { width: calc(100% / 6 * 2); } .boxed.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .boxed.no-sidebar.cnt-3.small { width: calc(100% / 6 * 3); } .boxed.no-sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .boxed.no-sidebar.cnt-4.small { width: calc(100% / 6 * 4); } .boxed.no-sidebar.cnt-4.small .i-small { width: calc(100% / 4); } .boxed.no-sidebar.cnt-5.small { width: calc(100% / 6 * 5); } .boxed.no-sidebar.cnt-5.small .i-small { width: calc(100% / 5); } } @media (max-width: 767px) and (min-width: 620px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-small { width: calc(100% / 3); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.small { width: calc(100% / 3 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.small { width: calc(100% / 3 * 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } } @media (max-width: 944px) and (min-width: 768px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-small { width: calc(100% / 4); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.small { width: calc(100% / 4 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.small { width: calc(100% / 4 * 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-3.small { width: calc(100% / 4 * 3); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-3.small .i-small { width: calc(100% / 3); } } @media (max-width: 1121px) and (min-width: 945px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-small { width: calc(100% / 5); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.small { width: calc(100% / 5 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.small { width: calc(100% / 5 * 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-3.small { width: calc(100% / 5 * 3); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-4.small { width: calc(100% / 5 * 4); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-4.small .i-small { width: calc(100% / 4); } } @media (max-width: 1189px) and (min-width: 1122px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-small { width: calc(100% / 6); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.small { width: calc(100% / 6 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.small { width: calc(100% / 6 * 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-3.small { width: calc(100% / 6 * 3); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-4.small { width: calc(100% / 6 * 4); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-4.small .i-small { width: calc(100% / 4); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-5.small { width: calc(100% / 6 * 5); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-5.small .i-small { width: calc(100% / 5); } } @media (max-width: 1358px) and (min-width: 1190px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-small { width: calc(100% / 3); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.small { width: calc(100% / 3 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.small { width: calc(100% / 3 * 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } } @media (max-width: 1535px) and (min-width: 1359px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-small { width: calc(100% / 3); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.small { width: calc(100% / 3 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.small { width: calc(100% / 3 * 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } } @media (min-width: 1536px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-small { width: calc(100% / 4); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.small { width: calc(100% / 4 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.small { width: calc(100% / 4 * 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-3.small { width: calc(100% / 4 * 3); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-3.small .i-small { width: calc(100% / 3); } } @media (max-width: 767px) and (min-width: 620px) { .c-ip-product-cats--boxed .custom.no-sidebar .i-small { width: calc(100% / 3); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.small { width: calc(100% / 3 * 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.small { width: calc(100% / 3 * 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } } @media (max-width: 944px) and (min-width: 768px) { .c-ip-product-cats--boxed .custom.no-sidebar .i-small { width: calc(100% / 4); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.small { width: calc(100% / 4 * 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.small { width: calc(100% / 4 * 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-3.small { width: calc(100% / 4 * 3); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-3.small .i-small { width: calc(100% / 3); } } @media (max-width: 1121px) and (min-width: 945px) { .c-ip-product-cats--boxed .custom.no-sidebar .i-small { width: calc(100% / 5); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.small { width: calc(100% / 5 * 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.small { width: calc(100% / 5 * 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-3.small { width: calc(100% / 5 * 3); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-4.small { width: calc(100% / 5 * 4); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-4.small .i-small { width: calc(100% / 4); } } @media (max-width: 1189px) and (min-width: 1122px) { .c-ip-product-cats--boxed .custom.no-sidebar .i-small { width: calc(100% / 6); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.small { width: calc(100% / 6 * 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.small { width: calc(100% / 6 * 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-3.small { width: calc(100% / 6 * 3); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-4.small { width: calc(100% / 6 * 4); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-4.small .i-small { width: calc(100% / 4); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-5.small { width: calc(100% / 6 * 5); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-5.small .i-small { width: calc(100% / 5); } } @media (min-width: 1190px) { .c-ip-product-cats--boxed .custom.no-sidebar .i-small { width: calc(100% / 6); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.small { width: calc(100% / 6 * 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.small .i-small { width: calc(100% / 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.small { width: calc(100% / 6 * 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.small .i-small { width: calc(100% / 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-3.small { width: calc(100% / 6 * 3); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-3.small .i-small { width: calc(100% / 3); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-4.small { width: calc(100% / 6 * 4); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-4.small .i-small { width: calc(100% / 4); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-5.small { width: calc(100% / 6 * 5); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-5.small .i-small { width: calc(100% / 5); } } @media (max-width: 767px) and (min-width: 620px) { .fullwidth.sidebar-wide .i-small { width: calc(100% / 3); } .fullwidth.sidebar-wide.cnt-1.small { width: calc(100% / 3 * 1); } .fullwidth.sidebar-wide.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.small { width: calc(100% / 3 * 2); } .fullwidth.sidebar-wide.cnt-2.small .i-small { width: calc(100% / 2); } } @media (max-width: 944px) and (min-width: 768px) { .fullwidth.sidebar-wide .i-small { width: calc(100% / 4); } .fullwidth.sidebar-wide.cnt-1.small { width: calc(100% / 4 * 1); } .fullwidth.sidebar-wide.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.small { width: calc(100% / 4 * 2); } .fullwidth.sidebar-wide.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.sidebar-wide.cnt-3.small { width: calc(100% / 4 * 3); } .fullwidth.sidebar-wide.cnt-3.small .i-small { width: calc(100% / 3); } } @media (max-width: 1121px) and (min-width: 945px) { .fullwidth.sidebar-wide .i-small { width: calc(100% / 5); } .fullwidth.sidebar-wide.cnt-1.small { width: calc(100% / 5 * 1); } .fullwidth.sidebar-wide.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.small { width: calc(100% / 5 * 2); } .fullwidth.sidebar-wide.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.sidebar-wide.cnt-3.small { width: calc(100% / 5 * 3); } .fullwidth.sidebar-wide.cnt-3.small .i-small { width: calc(100% / 3); } .fullwidth.sidebar-wide.cnt-4.small { width: calc(100% / 5 * 4); } .fullwidth.sidebar-wide.cnt-4.small .i-small { width: calc(100% / 4); } } @media (max-width: 1189px) and (min-width: 1122px) { .fullwidth.sidebar-wide .i-small { width: calc(100% / 6); } .fullwidth.sidebar-wide.cnt-1.small { width: calc(100% / 6 * 1); } .fullwidth.sidebar-wide.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.small { width: calc(100% / 6 * 2); } .fullwidth.sidebar-wide.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.sidebar-wide.cnt-3.small { width: calc(100% / 6 * 3); } .fullwidth.sidebar-wide.cnt-3.small .i-small { width: calc(100% / 3); } .fullwidth.sidebar-wide.cnt-4.small { width: calc(100% / 6 * 4); } .fullwidth.sidebar-wide.cnt-4.small .i-small { width: calc(100% / 4); } .fullwidth.sidebar-wide.cnt-5.small { width: calc(100% / 6 * 5); } .fullwidth.sidebar-wide.cnt-5.small .i-small { width: calc(100% / 5); } } @media (max-width: 1269px) and (min-width: 1190px) { .fullwidth.sidebar-wide .i-small { width: calc(100% / 3); } .fullwidth.sidebar-wide.cnt-1.small { width: calc(100% / 3 * 1); } .fullwidth.sidebar-wide.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.small { width: calc(100% / 3 * 2); } .fullwidth.sidebar-wide.cnt-2.small .i-small { width: calc(100% / 2); } } @media (max-width: 1446px) and (min-width: 1270px) { .fullwidth.sidebar-wide .i-small { width: calc(100% / 4); } .fullwidth.sidebar-wide.cnt-1.small { width: calc(100% / 4 * 1); } .fullwidth.sidebar-wide.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.small { width: calc(100% / 4 * 2); } .fullwidth.sidebar-wide.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.sidebar-wide.cnt-3.small { width: calc(100% / 4 * 3); } .fullwidth.sidebar-wide.cnt-3.small .i-small { width: calc(100% / 3); } } @media (max-width: 1623px) and (min-width: 1447px) { .fullwidth.sidebar-wide .i-small { width: calc(100% / 5); } .fullwidth.sidebar-wide.cnt-1.small { width: calc(100% / 5 * 1); } .fullwidth.sidebar-wide.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.small { width: calc(100% / 5 * 2); } .fullwidth.sidebar-wide.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.sidebar-wide.cnt-3.small { width: calc(100% / 5 * 3); } .fullwidth.sidebar-wide.cnt-3.small .i-small { width: calc(100% / 3); } .fullwidth.sidebar-wide.cnt-4.small { width: calc(100% / 5 * 4); } .fullwidth.sidebar-wide.cnt-4.small .i-small { width: calc(100% / 4); } } @media (max-width: 1800px) and (min-width: 1624px) { .fullwidth.sidebar-wide .i-small { width: calc(100% / 6); } .fullwidth.sidebar-wide.cnt-1.small { width: calc(100% / 6 * 1); } .fullwidth.sidebar-wide.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.small { width: calc(100% / 6 * 2); } .fullwidth.sidebar-wide.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.sidebar-wide.cnt-3.small { width: calc(100% / 6 * 3); } .fullwidth.sidebar-wide.cnt-3.small .i-small { width: calc(100% / 3); } .fullwidth.sidebar-wide.cnt-4.small { width: calc(100% / 6 * 4); } .fullwidth.sidebar-wide.cnt-4.small .i-small { width: calc(100% / 4); } .fullwidth.sidebar-wide.cnt-5.small { width: calc(100% / 6 * 5); } .fullwidth.sidebar-wide.cnt-5.small .i-small { width: calc(100% / 5); } } @media (min-width: 1801px) { .fullwidth.sidebar-wide .i-small { width: calc(100% / 7); } .fullwidth.sidebar-wide.cnt-1.small { width: calc(100% / 7 * 1); } .fullwidth.sidebar-wide.cnt-1.small .i-small { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.small { width: calc(100% / 7 * 2); } .fullwidth.sidebar-wide.cnt-2.small .i-small { width: calc(100% / 2); } .fullwidth.sidebar-wide.cnt-3.small { width: calc(100% / 7 * 3); } .fullwidth.sidebar-wide.cnt-3.small .i-small { width: calc(100% / 3); } .fullwidth.sidebar-wide.cnt-4.small { width: calc(100% / 7 * 4); } .fullwidth.sidebar-wide.cnt-4.small .i-small { width: calc(100% / 4); } .fullwidth.sidebar-wide.cnt-5.small { width: calc(100% / 7 * 5); } .fullwidth.sidebar-wide.cnt-5.small .i-small { width: calc(100% / 5); } .fullwidth.sidebar-wide.cnt-6.small { width: calc(100% / 7 * 6); } .fullwidth.sidebar-wide.cnt-6.small .i-small { width: calc(100% / 6); } } @media (max-width: 767px) and (min-width: 620px) { .boxed.sidebar-wide .i-small { width: calc(100% / 3); } .boxed.sidebar-wide.cnt-1.small { width: calc(100% / 3 * 1); } .boxed.sidebar-wide.cnt-1.small .i-small { width: calc(100% / 1); } .boxed.sidebar-wide.cnt-2.small { width: calc(100% / 3 * 2); } .boxed.sidebar-wide.cnt-2.small .i-small { width: calc(100% / 2); } } @media (max-width: 944px) and (min-width: 768px) { .boxed.sidebar-wide .i-small { width: calc(100% / 4); } .boxed.sidebar-wide.cnt-1.small { width: calc(100% / 4 * 1); } .boxed.sidebar-wide.cnt-1.small .i-small { width: calc(100% / 1); } .boxed.sidebar-wide.cnt-2.small { width: calc(100% / 4 * 2); } .boxed.sidebar-wide.cnt-2.small .i-small { width: calc(100% / 2); } .boxed.sidebar-wide.cnt-3.small { width: calc(100% / 4 * 3); } .boxed.sidebar-wide.cnt-3.small .i-small { width: calc(100% / 3); } } @media (max-width: 1121px) and (min-width: 945px) { .boxed.sidebar-wide .i-small { width: calc(100% / 5); } .boxed.sidebar-wide.cnt-1.small { width: calc(100% / 5 * 1); } .boxed.sidebar-wide.cnt-1.small .i-small { width: calc(100% / 1); } .boxed.sidebar-wide.cnt-2.small { width: calc(100% / 5 * 2); } .boxed.sidebar-wide.cnt-2.small .i-small { width: calc(100% / 2); } .boxed.sidebar-wide.cnt-3.small { width: calc(100% / 5 * 3); } .boxed.sidebar-wide.cnt-3.small .i-small { width: calc(100% / 3); } .boxed.sidebar-wide.cnt-4.small { width: calc(100% / 5 * 4); } .boxed.sidebar-wide.cnt-4.small .i-small { width: calc(100% / 4); } } @media (max-width: 1189px) and (min-width: 1122px) { .boxed.sidebar-wide .i-small { width: calc(100% / 6); } .boxed.sidebar-wide.cnt-1.small { width: calc(100% / 6 * 1); } .boxed.sidebar-wide.cnt-1.small .i-small { width: calc(100% / 1); } .boxed.sidebar-wide.cnt-2.small { width: calc(100% / 6 * 2); } .boxed.sidebar-wide.cnt-2.small .i-small { width: calc(100% / 2); } .boxed.sidebar-wide.cnt-3.small { width: calc(100% / 6 * 3); } .boxed.sidebar-wide.cnt-3.small .i-small { width: calc(100% / 3); } .boxed.sidebar-wide.cnt-4.small { width: calc(100% / 6 * 4); } .boxed.sidebar-wide.cnt-4.small .i-small { width: calc(100% / 4); } .boxed.sidebar-wide.cnt-5.small { width: calc(100% / 6 * 5); } .boxed.sidebar-wide.cnt-5.small .i-small { width: calc(100% / 5); } } @media (min-width: 1190px) { .boxed.sidebar-wide .i-small { width: calc(100% / 4); } .boxed.sidebar-wide.cnt-1.small { width: calc(100% / 4 * 1); } .boxed.sidebar-wide.cnt-1.small .i-small { width: calc(100% / 1); } .boxed.sidebar-wide.cnt-2.small { width: calc(100% / 4 * 2); } .boxed.sidebar-wide.cnt-2.small .i-small { width: calc(100% / 2); } .boxed.sidebar-wide.cnt-3.small { width: calc(100% / 4 * 3); } .boxed.sidebar-wide.cnt-3.small .i-small { width: calc(100% / 3); } } @media (max-width: 755px) and (min-width: 620px) { .fullwidth.sidebar .i-medium { width: calc(100% / 2); } .fullwidth.sidebar.cnt-1.medium { width: calc(100% / 2 * 1); } .fullwidth.sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } } @media (max-width: 987px) and (min-width: 756px) { .fullwidth.sidebar .i-medium { width: calc(100% / 3); } .fullwidth.sidebar.cnt-1.medium { width: calc(100% / 3 * 1); } .fullwidth.sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.medium { width: calc(100% / 3 * 2); } .fullwidth.sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } } @media (max-width: 1189px) and (min-width: 988px) { .fullwidth.sidebar .i-medium { width: calc(100% / 4); } .fullwidth.sidebar.cnt-1.medium { width: calc(100% / 4 * 1); } .fullwidth.sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.medium { width: calc(100% / 4 * 2); } .fullwidth.sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } .fullwidth.sidebar.cnt-3.medium { width: calc(100% / 4 * 3); } .fullwidth.sidebar.cnt-3.medium .i-medium { width: calc(100% / 3); } } @media (max-width: 1259px) and (min-width: 1190px) { .fullwidth.sidebar .i-medium { width: calc(100% / 3); } .fullwidth.sidebar.cnt-1.medium { width: calc(100% / 3 * 1); } .fullwidth.sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.medium { width: calc(100% / 3 * 2); } .fullwidth.sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } } @media (max-width: 1491px) and (min-width: 1260px) { .fullwidth.sidebar .i-medium { width: calc(100% / 4); } .fullwidth.sidebar.cnt-1.medium { width: calc(100% / 4 * 1); } .fullwidth.sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.medium { width: calc(100% / 4 * 2); } .fullwidth.sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } .fullwidth.sidebar.cnt-3.medium { width: calc(100% / 4 * 3); } .fullwidth.sidebar.cnt-3.medium .i-medium { width: calc(100% / 3); } } @media (max-width: 1723px) and (min-width: 1492px) { .fullwidth.sidebar .i-medium { width: calc(100% / 5); } .fullwidth.sidebar.cnt-1.medium { width: calc(100% / 5 * 1); } .fullwidth.sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.medium { width: calc(100% / 5 * 2); } .fullwidth.sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } .fullwidth.sidebar.cnt-3.medium { width: calc(100% / 5 * 3); } .fullwidth.sidebar.cnt-3.medium .i-medium { width: calc(100% / 3); } .fullwidth.sidebar.cnt-4.medium { width: calc(100% / 5 * 4); } .fullwidth.sidebar.cnt-4.medium .i-medium { width: calc(100% / 4); } } @media (min-width: 1724px) { .fullwidth.sidebar .i-medium { width: calc(100% / 6); } .fullwidth.sidebar.cnt-1.medium { width: calc(100% / 6 * 1); } .fullwidth.sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.medium { width: calc(100% / 6 * 2); } .fullwidth.sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } .fullwidth.sidebar.cnt-3.medium { width: calc(100% / 6 * 3); } .fullwidth.sidebar.cnt-3.medium .i-medium { width: calc(100% / 3); } .fullwidth.sidebar.cnt-4.medium { width: calc(100% / 6 * 4); } .fullwidth.sidebar.cnt-4.medium .i-medium { width: calc(100% / 4); } .fullwidth.sidebar.cnt-5.medium { width: calc(100% / 6 * 5); } .fullwidth.sidebar.cnt-5.medium .i-medium { width: calc(100% / 5); } } @media (max-width: 755px) and (min-width: 620px) { .boxed.sidebar .i-medium { width: calc(100% / 2); } .boxed.sidebar.cnt-1.medium { width: calc(100% / 2 * 1); } .boxed.sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } } @media (max-width: 987px) and (min-width: 756px) { .boxed.sidebar .i-medium { width: calc(100% / 3); } .boxed.sidebar.cnt-1.medium { width: calc(100% / 3 * 1); } .boxed.sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .boxed.sidebar.cnt-2.medium { width: calc(100% / 3 * 2); } .boxed.sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } } @media (max-width: 1189px) and (min-width: 988px) { .boxed.sidebar .i-medium { width: calc(100% / 4); } .boxed.sidebar.cnt-1.medium { width: calc(100% / 4 * 1); } .boxed.sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .boxed.sidebar.cnt-2.medium { width: calc(100% / 4 * 2); } .boxed.sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } .boxed.sidebar.cnt-3.medium { width: calc(100% / 4 * 3); } .boxed.sidebar.cnt-3.medium .i-medium { width: calc(100% / 3); } } @media (min-width: 1190px) { .boxed.sidebar .i-medium { width: calc(100% / 4); } .boxed.sidebar.cnt-1.medium { width: calc(100% / 4 * 1); } .boxed.sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .boxed.sidebar.cnt-2.medium { width: calc(100% / 4 * 2); } .boxed.sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } .boxed.sidebar.cnt-3.medium { width: calc(100% / 4 * 3); } .boxed.sidebar.cnt-3.medium .i-medium { width: calc(100% / 3); } } @media (max-width: 755px) and (min-width: 620px) { .fullwidth.no-sidebar .i-medium { width: calc(100% / 2); } .fullwidth.no-sidebar.cnt-1.medium { width: calc(100% / 2 * 1); } .fullwidth.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } } @media (max-width: 987px) and (min-width: 756px) { .fullwidth.no-sidebar .i-medium { width: calc(100% / 3); } .fullwidth.no-sidebar.cnt-1.medium { width: calc(100% / 3 * 1); } .fullwidth.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.medium { width: calc(100% / 3 * 2); } .fullwidth.no-sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } } @media (max-width: 1189px) and (min-width: 988px) { .fullwidth.no-sidebar .i-medium { width: calc(100% / 4); } .fullwidth.no-sidebar.cnt-1.medium { width: calc(100% / 4 * 1); } .fullwidth.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.medium { width: calc(100% / 4 * 2); } .fullwidth.no-sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } .fullwidth.no-sidebar.cnt-3.medium { width: calc(100% / 4 * 3); } .fullwidth.no-sidebar.cnt-3.medium .i-medium { width: calc(100% / 3); } } @media (max-width: 1259px) and (min-width: 1190px) { .fullwidth.no-sidebar .i-medium { width: calc(100% / 4); } .fullwidth.no-sidebar.cnt-1.medium { width: calc(100% / 4 * 1); } .fullwidth.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.medium { width: calc(100% / 4 * 2); } .fullwidth.no-sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } .fullwidth.no-sidebar.cnt-3.medium { width: calc(100% / 4 * 3); } .fullwidth.no-sidebar.cnt-3.medium .i-medium { width: calc(100% / 3); } } @media (max-width: 1491px) and (min-width: 1260px) { .fullwidth.no-sidebar .i-medium { width: calc(100% / 5); } .fullwidth.no-sidebar.cnt-1.medium { width: calc(100% / 5 * 1); } .fullwidth.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.medium { width: calc(100% / 5 * 2); } .fullwidth.no-sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } .fullwidth.no-sidebar.cnt-3.medium { width: calc(100% / 5 * 3); } .fullwidth.no-sidebar.cnt-3.medium .i-medium { width: calc(100% / 3); } .fullwidth.no-sidebar.cnt-4.medium { width: calc(100% / 5 * 4); } .fullwidth.no-sidebar.cnt-4.medium .i-medium { width: calc(100% / 4); } } @media (max-width: 1723px) and (min-width: 1492px) { .fullwidth.no-sidebar .i-medium { width: calc(100% / 6); } .fullwidth.no-sidebar.cnt-1.medium { width: calc(100% / 6 * 1); } .fullwidth.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.medium { width: calc(100% / 6 * 2); } .fullwidth.no-sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } .fullwidth.no-sidebar.cnt-3.medium { width: calc(100% / 6 * 3); } .fullwidth.no-sidebar.cnt-3.medium .i-medium { width: calc(100% / 3); } .fullwidth.no-sidebar.cnt-4.medium { width: calc(100% / 6 * 4); } .fullwidth.no-sidebar.cnt-4.medium .i-medium { width: calc(100% / 4); } .fullwidth.no-sidebar.cnt-5.medium { width: calc(100% / 6 * 5); } .fullwidth.no-sidebar.cnt-5.medium .i-medium { width: calc(100% / 5); } } @media (min-width: 1724px) { .fullwidth.no-sidebar .i-medium { width: calc(100% / 7); } .fullwidth.no-sidebar.cnt-1.medium { width: calc(100% / 7 * 1); } .fullwidth.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.medium { width: calc(100% / 7 * 2); } .fullwidth.no-sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } .fullwidth.no-sidebar.cnt-3.medium { width: calc(100% / 7 * 3); } .fullwidth.no-sidebar.cnt-3.medium .i-medium { width: calc(100% / 3); } .fullwidth.no-sidebar.cnt-4.medium { width: calc(100% / 7 * 4); } .fullwidth.no-sidebar.cnt-4.medium .i-medium { width: calc(100% / 4); } .fullwidth.no-sidebar.cnt-5.medium { width: calc(100% / 7 * 5); } .fullwidth.no-sidebar.cnt-5.medium .i-medium { width: calc(100% / 5); } .fullwidth.no-sidebar.cnt-6.medium { width: calc(100% / 7 * 6); } .fullwidth.no-sidebar.cnt-6.medium .i-medium { width: calc(100% / 6); } } @media (max-width: 755px) and (min-width: 620px) { .boxed.no-sidebar .i-medium { width: calc(100% / 2); } .boxed.no-sidebar.cnt-1.medium { width: calc(100% / 2 * 1); } .boxed.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } } @media (max-width: 987px) and (min-width: 756px) { .boxed.no-sidebar .i-medium { width: calc(100% / 3); } .boxed.no-sidebar.cnt-1.medium { width: calc(100% / 3 * 1); } .boxed.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .boxed.no-sidebar.cnt-2.medium { width: calc(100% / 3 * 2); } .boxed.no-sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } } @media (max-width: 1189px) and (min-width: 988px) { .boxed.no-sidebar .i-medium { width: calc(100% / 4); } .boxed.no-sidebar.cnt-1.medium { width: calc(100% / 4 * 1); } .boxed.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .boxed.no-sidebar.cnt-2.medium { width: calc(100% / 4 * 2); } .boxed.no-sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } .boxed.no-sidebar.cnt-3.medium { width: calc(100% / 4 * 3); } .boxed.no-sidebar.cnt-3.medium .i-medium { width: calc(100% / 3); } } @media (min-width: 1190px) { .boxed.no-sidebar .i-medium { width: calc(100% / 5); } .boxed.no-sidebar.cnt-1.medium { width: calc(100% / 5 * 1); } .boxed.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .boxed.no-sidebar.cnt-2.medium { width: calc(100% / 5 * 2); } .boxed.no-sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } .boxed.no-sidebar.cnt-3.medium { width: calc(100% / 5 * 3); } .boxed.no-sidebar.cnt-3.medium .i-medium { width: calc(100% / 3); } .boxed.no-sidebar.cnt-4.medium { width: calc(100% / 5 * 4); } .boxed.no-sidebar.cnt-4.medium .i-medium { width: calc(100% / 4); } } @media (max-width: 755px) and (min-width: 620px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-medium { width: calc(100% / 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.medium { width: calc(100% / 2 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } } @media (max-width: 987px) and (min-width: 756px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-medium { width: calc(100% / 3); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.medium { width: calc(100% / 3 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.medium { width: calc(100% / 3 * 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } } @media (max-width: 1189px) and (min-width: 988px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-medium { width: calc(100% / 4); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.medium { width: calc(100% / 4 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.medium { width: calc(100% / 4 * 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-3.medium { width: calc(100% / 4 * 3); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-3.medium .i-medium { width: calc(100% / 3); } } @media (max-width: 1279px) and (min-width: 1190px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-medium { width: calc(100% / 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.medium { width: calc(100% / 2 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } } @media (max-width: 1511px) and (min-width: 1280px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-medium { width: calc(100% / 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.medium { width: calc(100% / 2 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } } @media (max-width: 1743px) and (min-width: 1512px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-medium { width: calc(100% / 3); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.medium { width: calc(100% / 3 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.medium { width: calc(100% / 3 * 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } } @media (min-width: 1744px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-medium { width: calc(100% / 3); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.medium { width: calc(100% / 3 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.medium { width: calc(100% / 3 * 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } } @media (max-width: 755px) and (min-width: 620px) { .c-ip-product-cats--boxed .custom.no-sidebar .i-medium { width: calc(100% / 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.medium { width: calc(100% / 2 * 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } } @media (max-width: 987px) and (min-width: 756px) { .c-ip-product-cats--boxed .custom.no-sidebar .i-medium { width: calc(100% / 3); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.medium { width: calc(100% / 3 * 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.medium { width: calc(100% / 3 * 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } } @media (max-width: 1189px) and (min-width: 988px) { .c-ip-product-cats--boxed .custom.no-sidebar .i-medium { width: calc(100% / 4); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.medium { width: calc(100% / 4 * 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.medium { width: calc(100% / 4 * 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-3.medium { width: calc(100% / 4 * 3); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-3.medium .i-medium { width: calc(100% / 3); } } @media (min-width: 1190px) { .c-ip-product-cats--boxed .custom.no-sidebar .i-medium { width: calc(100% / 5); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.medium { width: calc(100% / 5 * 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.medium .i-medium { width: calc(100% / 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.medium { width: calc(100% / 5 * 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.medium .i-medium { width: calc(100% / 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-3.medium { width: calc(100% / 5 * 3); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-3.medium .i-medium { width: calc(100% / 3); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-4.medium { width: calc(100% / 5 * 4); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-4.medium .i-medium { width: calc(100% / 4); } } @media (max-width: 755px) and (min-width: 620px) { .fullwidth.sidebar-wide .i-medium { width: calc(100% / 2); } .fullwidth.sidebar-wide.cnt-1.medium { width: calc(100% / 2 * 1); } .fullwidth.sidebar-wide.cnt-1.medium .i-medium { width: calc(100% / 1); } } @media (max-width: 987px) and (min-width: 756px) { .fullwidth.sidebar-wide .i-medium { width: calc(100% / 3); } .fullwidth.sidebar-wide.cnt-1.medium { width: calc(100% / 3 * 1); } .fullwidth.sidebar-wide.cnt-1.medium .i-medium { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.medium { width: calc(100% / 3 * 2); } .fullwidth.sidebar-wide.cnt-2.medium .i-medium { width: calc(100% / 2); } } @media (max-width: 1189px) and (min-width: 988px) { .fullwidth.sidebar-wide .i-medium { width: calc(100% / 4); } .fullwidth.sidebar-wide.cnt-1.medium { width: calc(100% / 4 * 1); } .fullwidth.sidebar-wide.cnt-1.medium .i-medium { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.medium { width: calc(100% / 4 * 2); } .fullwidth.sidebar-wide.cnt-2.medium .i-medium { width: calc(100% / 2); } .fullwidth.sidebar-wide.cnt-3.medium { width: calc(100% / 4 * 3); } .fullwidth.sidebar-wide.cnt-3.medium .i-medium { width: calc(100% / 3); } } @media (max-width: 1257px) and (min-width: 1190px) { .fullwidth.sidebar-wide .i-medium { width: calc(100% / 2); } .fullwidth.sidebar-wide.cnt-1.medium { width: calc(100% / 2 * 1); } .fullwidth.sidebar-wide.cnt-1.medium .i-medium { width: calc(100% / 1); } } @media (max-width: 1489px) and (min-width: 1258px) { .fullwidth.sidebar-wide .i-medium { width: calc(100% / 3); } .fullwidth.sidebar-wide.cnt-1.medium { width: calc(100% / 3 * 1); } .fullwidth.sidebar-wide.cnt-1.medium .i-medium { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.medium { width: calc(100% / 3 * 2); } .fullwidth.sidebar-wide.cnt-2.medium .i-medium { width: calc(100% / 2); } } @media (max-width: 1721px) and (min-width: 1490px) { .fullwidth.sidebar-wide .i-medium { width: calc(100% / 4); } .fullwidth.sidebar-wide.cnt-1.medium { width: calc(100% / 4 * 1); } .fullwidth.sidebar-wide.cnt-1.medium .i-medium { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.medium { width: calc(100% / 4 * 2); } .fullwidth.sidebar-wide.cnt-2.medium .i-medium { width: calc(100% / 2); } .fullwidth.sidebar-wide.cnt-3.medium { width: calc(100% / 4 * 3); } .fullwidth.sidebar-wide.cnt-3.medium .i-medium { width: calc(100% / 3); } } @media (min-width: 1722px) { .fullwidth.sidebar-wide .i-medium { width: calc(100% / 5); } .fullwidth.sidebar-wide.cnt-1.medium { width: calc(100% / 5 * 1); } .fullwidth.sidebar-wide.cnt-1.medium .i-medium { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.medium { width: calc(100% / 5 * 2); } .fullwidth.sidebar-wide.cnt-2.medium .i-medium { width: calc(100% / 2); } .fullwidth.sidebar-wide.cnt-3.medium { width: calc(100% / 5 * 3); } .fullwidth.sidebar-wide.cnt-3.medium .i-medium { width: calc(100% / 3); } .fullwidth.sidebar-wide.cnt-4.medium { width: calc(100% / 5 * 4); } .fullwidth.sidebar-wide.cnt-4.medium .i-medium { width: calc(100% / 4); } } @media (max-width: 755px) and (min-width: 620px) { .boxed.sidebar-wide .i-medium { width: calc(100% / 2); } .boxed.sidebar-wide.cnt-1.medium { width: calc(100% / 2 * 1); } .boxed.sidebar-wide.cnt-1.medium .i-medium { width: calc(100% / 1); } } @media (max-width: 987px) and (min-width: 756px) { .boxed.sidebar-wide .i-medium { width: calc(100% / 3); } .boxed.sidebar-wide.cnt-1.medium { width: calc(100% / 3 * 1); } .boxed.sidebar-wide.cnt-1.medium .i-medium { width: calc(100% / 1); } .boxed.sidebar-wide.cnt-2.medium { width: calc(100% / 3 * 2); } .boxed.sidebar-wide.cnt-2.medium .i-medium { width: calc(100% / 2); } } @media (max-width: 1189px) and (min-width: 988px) { .boxed.sidebar-wide .i-medium { width: calc(100% / 4); } .boxed.sidebar-wide.cnt-1.medium { width: calc(100% / 4 * 1); } .boxed.sidebar-wide.cnt-1.medium .i-medium { width: calc(100% / 1); } .boxed.sidebar-wide.cnt-2.medium { width: calc(100% / 4 * 2); } .boxed.sidebar-wide.cnt-2.medium .i-medium { width: calc(100% / 2); } .boxed.sidebar-wide.cnt-3.medium { width: calc(100% / 4 * 3); } .boxed.sidebar-wide.cnt-3.medium .i-medium { width: calc(100% / 3); } } @media (min-width: 1190px) { .boxed.sidebar-wide .i-medium { width: calc(100% / 3); } .boxed.sidebar-wide.cnt-1.medium { width: calc(100% / 3 * 1); } .boxed.sidebar-wide.cnt-1.medium .i-medium { width: calc(100% / 1); } .boxed.sidebar-wide.cnt-2.medium { width: calc(100% / 3 * 2); } .boxed.sidebar-wide.cnt-2.medium .i-medium { width: calc(100% / 2); } } @media (max-width: 639px) and (min-width: 620px) { .fullwidth.sidebar .i-large { width: calc(100% / 1); } } @media (max-width: 929px) and (min-width: 640px) { .fullwidth.sidebar .i-large { width: calc(100% / 2); } .fullwidth.sidebar.cnt-1.large { width: calc(100% / 2 * 1); } .fullwidth.sidebar.cnt-1.large .i-large { width: calc(100% / 1); } } @media (max-width: 1189px) and (min-width: 930px) { .fullwidth.sidebar .i-large { width: calc(100% / 3); } .fullwidth.sidebar.cnt-1.large { width: calc(100% / 3 * 1); } .fullwidth.sidebar.cnt-1.large .i-large { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.large { width: calc(100% / 3 * 2); } .fullwidth.sidebar.cnt-2.large .i-large { width: calc(100% / 2); } } @media (max-width: 1201px) and (min-width: 1190px) { .fullwidth.sidebar .i-large { width: calc(100% / 2); } .fullwidth.sidebar.cnt-1.large { width: calc(100% / 2 * 1); } .fullwidth.sidebar.cnt-1.large .i-large { width: calc(100% / 1); } } @media (max-width: 1491px) and (min-width: 1202px) { .fullwidth.sidebar .i-large { width: calc(100% / 3); } .fullwidth.sidebar.cnt-1.large { width: calc(100% / 3 * 1); } .fullwidth.sidebar.cnt-1.large .i-large { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.large { width: calc(100% / 3 * 2); } .fullwidth.sidebar.cnt-2.large .i-large { width: calc(100% / 2); } } @media (max-width: 1781px) and (min-width: 1492px) { .fullwidth.sidebar .i-large { width: calc(100% / 4); } .fullwidth.sidebar.cnt-1.large { width: calc(100% / 4 * 1); } .fullwidth.sidebar.cnt-1.large .i-large { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.large { width: calc(100% / 4 * 2); } .fullwidth.sidebar.cnt-2.large .i-large { width: calc(100% / 2); } .fullwidth.sidebar.cnt-3.large { width: calc(100% / 4 * 3); } .fullwidth.sidebar.cnt-3.large .i-large { width: calc(100% / 3); } } @media (min-width: 1782px) { .fullwidth.sidebar .i-large { width: calc(100% / 5); } .fullwidth.sidebar.cnt-1.large { width: calc(100% / 5 * 1); } .fullwidth.sidebar.cnt-1.large .i-large { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.large { width: calc(100% / 5 * 2); } .fullwidth.sidebar.cnt-2.large .i-large { width: calc(100% / 2); } .fullwidth.sidebar.cnt-3.large { width: calc(100% / 5 * 3); } .fullwidth.sidebar.cnt-3.large .i-large { width: calc(100% / 3); } .fullwidth.sidebar.cnt-4.large { width: calc(100% / 5 * 4); } .fullwidth.sidebar.cnt-4.large .i-large { width: calc(100% / 4); } } @media (max-width: 639px) and (min-width: 620px) { .boxed.sidebar .i-large { width: calc(100% / 1); } } @media (max-width: 929px) and (min-width: 640px) { .boxed.sidebar .i-large { width: calc(100% / 2); } .boxed.sidebar.cnt-1.large { width: calc(100% / 2 * 1); } .boxed.sidebar.cnt-1.large .i-large { width: calc(100% / 1); } } @media (max-width: 1189px) and (min-width: 930px) { .boxed.sidebar .i-large { width: calc(100% / 3); } .boxed.sidebar.cnt-1.large { width: calc(100% / 3 * 1); } .boxed.sidebar.cnt-1.large .i-large { width: calc(100% / 1); } .boxed.sidebar.cnt-2.large { width: calc(100% / 3 * 2); } .boxed.sidebar.cnt-2.large .i-large { width: calc(100% / 2); } } @media (min-width: 1190px) { .boxed.sidebar .i-large { width: calc(100% / 3); } .boxed.sidebar.cnt-1.large { width: calc(100% / 3 * 1); } .boxed.sidebar.cnt-1.large .i-large { width: calc(100% / 1); } .boxed.sidebar.cnt-2.large { width: calc(100% / 3 * 2); } .boxed.sidebar.cnt-2.large .i-large { width: calc(100% / 2); } } @media (max-width: 639px) and (min-width: 620px) { .fullwidth.no-sidebar .i-large { width: calc(100% / 1); } } @media (max-width: 929px) and (min-width: 640px) { .fullwidth.no-sidebar .i-large { width: calc(100% / 2); } .fullwidth.no-sidebar.cnt-1.large { width: calc(100% / 2 * 1); } .fullwidth.no-sidebar.cnt-1.large .i-large { width: calc(100% / 1); } } @media (max-width: 1189px) and (min-width: 930px) { .fullwidth.no-sidebar .i-large { width: calc(100% / 3); } .fullwidth.no-sidebar.cnt-1.large { width: calc(100% / 3 * 1); } .fullwidth.no-sidebar.cnt-1.large .i-large { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.large { width: calc(100% / 3 * 2); } .fullwidth.no-sidebar.cnt-2.large .i-large { width: calc(100% / 2); } } @media (max-width: 1259px) and (min-width: 1190px) { .fullwidth.no-sidebar .i-large { width: calc(100% / 3); } .fullwidth.no-sidebar.cnt-1.large { width: calc(100% / 3 * 1); } .fullwidth.no-sidebar.cnt-1.large .i-large { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.large { width: calc(100% / 3 * 2); } .fullwidth.no-sidebar.cnt-2.large .i-large { width: calc(100% / 2); } } @media (max-width: 1549px) and (min-width: 1260px) { .fullwidth.no-sidebar .i-large { width: calc(100% / 4); } .fullwidth.no-sidebar.cnt-1.large { width: calc(100% / 4 * 1); } .fullwidth.no-sidebar.cnt-1.large .i-large { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.large { width: calc(100% / 4 * 2); } .fullwidth.no-sidebar.cnt-2.large .i-large { width: calc(100% / 2); } .fullwidth.no-sidebar.cnt-3.large { width: calc(100% / 4 * 3); } .fullwidth.no-sidebar.cnt-3.large .i-large { width: calc(100% / 3); } } @media (max-width: 1839px) and (min-width: 1550px) { .fullwidth.no-sidebar .i-large { width: calc(100% / 5); } .fullwidth.no-sidebar.cnt-1.large { width: calc(100% / 5 * 1); } .fullwidth.no-sidebar.cnt-1.large .i-large { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.large { width: calc(100% / 5 * 2); } .fullwidth.no-sidebar.cnt-2.large .i-large { width: calc(100% / 2); } .fullwidth.no-sidebar.cnt-3.large { width: calc(100% / 5 * 3); } .fullwidth.no-sidebar.cnt-3.large .i-large { width: calc(100% / 3); } .fullwidth.no-sidebar.cnt-4.large { width: calc(100% / 5 * 4); } .fullwidth.no-sidebar.cnt-4.large .i-large { width: calc(100% / 4); } } @media (min-width: 1840px) { .fullwidth.no-sidebar .i-large { width: calc(100% / 6); } .fullwidth.no-sidebar.cnt-1.large { width: calc(100% / 6 * 1); } .fullwidth.no-sidebar.cnt-1.large .i-large { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.large { width: calc(100% / 6 * 2); } .fullwidth.no-sidebar.cnt-2.large .i-large { width: calc(100% / 2); } .fullwidth.no-sidebar.cnt-3.large { width: calc(100% / 6 * 3); } .fullwidth.no-sidebar.cnt-3.large .i-large { width: calc(100% / 3); } .fullwidth.no-sidebar.cnt-4.large { width: calc(100% / 6 * 4); } .fullwidth.no-sidebar.cnt-4.large .i-large { width: calc(100% / 4); } .fullwidth.no-sidebar.cnt-5.large { width: calc(100% / 6 * 5); } .fullwidth.no-sidebar.cnt-5.large .i-large { width: calc(100% / 5); } } @media (max-width: 639px) and (min-width: 620px) { .boxed.no-sidebar .i-large { width: calc(100% / 1); } } @media (max-width: 929px) and (min-width: 640px) { .boxed.no-sidebar .i-large { width: calc(100% / 2); } .boxed.no-sidebar.cnt-1.large { width: calc(100% / 2 * 1); } .boxed.no-sidebar.cnt-1.large .i-large { width: calc(100% / 1); } } @media (max-width: 1189px) and (min-width: 930px) { .boxed.no-sidebar .i-large { width: calc(100% / 3); } .boxed.no-sidebar.cnt-1.large { width: calc(100% / 3 * 1); } .boxed.no-sidebar.cnt-1.large .i-large { width: calc(100% / 1); } .boxed.no-sidebar.cnt-2.large { width: calc(100% / 3 * 2); } .boxed.no-sidebar.cnt-2.large .i-large { width: calc(100% / 2); } } @media (min-width: 1190px) { .boxed.no-sidebar .i-large { width: calc(100% / 4); } .boxed.no-sidebar.cnt-1.large { width: calc(100% / 4 * 1); } .boxed.no-sidebar.cnt-1.large .i-large { width: calc(100% / 1); } .boxed.no-sidebar.cnt-2.large { width: calc(100% / 4 * 2); } .boxed.no-sidebar.cnt-2.large .i-large { width: calc(100% / 2); } .boxed.no-sidebar.cnt-3.large { width: calc(100% / 4 * 3); } .boxed.no-sidebar.cnt-3.large .i-large { width: calc(100% / 3); } } @media (max-width: 639px) and (min-width: 620px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-large { width: calc(100% / 1); } } @media (max-width: 929px) and (min-width: 640px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-large { width: calc(100% / 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.large { width: calc(100% / 2 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.large .i-large { width: calc(100% / 1); } } @media (max-width: 1189px) and (min-width: 930px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-large { width: calc(100% / 3); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.large { width: calc(100% / 3 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.large .i-large { width: calc(100% / 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.large { width: calc(100% / 3 * 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.large .i-large { width: calc(100% / 2); } } @media (max-width: 1279px) and (min-width: 1190px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-large { width: calc(100% / 1); } } @media (max-width: 1569px) and (min-width: 1280px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-large { width: calc(100% / 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.large { width: calc(100% / 2 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.large .i-large { width: calc(100% / 1); } } @media (max-width: 1859px) and (min-width: 1570px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-large { width: calc(100% / 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.large { width: calc(100% / 2 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.large .i-large { width: calc(100% / 1); } } @media (min-width: 1860px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-large { width: calc(100% / 3); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.large { width: calc(100% / 3 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.large .i-large { width: calc(100% / 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.large { width: calc(100% / 3 * 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.large .i-large { width: calc(100% / 2); } } @media (max-width: 639px) and (min-width: 620px) { .c-ip-product-cats--boxed .custom.no-sidebar .i-large { width: calc(100% / 1); } } @media (max-width: 929px) and (min-width: 640px) { .c-ip-product-cats--boxed .custom.no-sidebar .i-large { width: calc(100% / 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.large { width: calc(100% / 2 * 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.large .i-large { width: calc(100% / 1); } } @media (max-width: 1189px) and (min-width: 930px) { .c-ip-product-cats--boxed .custom.no-sidebar .i-large { width: calc(100% / 3); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.large { width: calc(100% / 3 * 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.large .i-large { width: calc(100% / 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.large { width: calc(100% / 3 * 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.large .i-large { width: calc(100% / 2); } } @media (min-width: 1190px) { .c-ip-product-cats--boxed .custom.no-sidebar .i-large { width: calc(100% / 4); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.large { width: calc(100% / 4 * 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.large .i-large { width: calc(100% / 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.large { width: calc(100% / 4 * 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.large .i-large { width: calc(100% / 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-3.large { width: calc(100% / 4 * 3); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-3.large .i-large { width: calc(100% / 3); } } @media (max-width: 639px) and (min-width: 620px) { .fullwidth.sidebar-wide .i-large { width: calc(100% / 1); } } @media (max-width: 929px) and (min-width: 640px) { .fullwidth.sidebar-wide .i-large { width: calc(100% / 2); } .fullwidth.sidebar-wide.cnt-1.large { width: calc(100% / 2 * 1); } .fullwidth.sidebar-wide.cnt-1.large .i-large { width: calc(100% / 1); } } @media (max-width: 1189px) and (min-width: 930px) { .fullwidth.sidebar-wide .i-large { width: calc(100% / 3); } .fullwidth.sidebar-wide.cnt-1.large { width: calc(100% / 3 * 1); } .fullwidth.sidebar-wide.cnt-1.large .i-large { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.large { width: calc(100% / 3 * 2); } .fullwidth.sidebar-wide.cnt-2.large .i-large { width: calc(100% / 2); } } @media (max-width: 1431px) and (min-width: 1190px) { .fullwidth.sidebar-wide .i-large { width: calc(100% / 2); } .fullwidth.sidebar-wide.cnt-1.large { width: calc(100% / 2 * 1); } .fullwidth.sidebar-wide.cnt-1.large .i-large { width: calc(100% / 1); } } @media (max-width: 1721px) and (min-width: 1432px) { .fullwidth.sidebar-wide .i-large { width: calc(100% / 3); } .fullwidth.sidebar-wide.cnt-1.large { width: calc(100% / 3 * 1); } .fullwidth.sidebar-wide.cnt-1.large .i-large { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.large { width: calc(100% / 3 * 2); } .fullwidth.sidebar-wide.cnt-2.large .i-large { width: calc(100% / 2); } } @media (min-width: 1722px) { .fullwidth.sidebar-wide .i-large { width: calc(100% / 4); } .fullwidth.sidebar-wide.cnt-1.large { width: calc(100% / 4 * 1); } .fullwidth.sidebar-wide.cnt-1.large .i-large { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.large { width: calc(100% / 4 * 2); } .fullwidth.sidebar-wide.cnt-2.large .i-large { width: calc(100% / 2); } .fullwidth.sidebar-wide.cnt-3.large { width: calc(100% / 4 * 3); } .fullwidth.sidebar-wide.cnt-3.large .i-large { width: calc(100% / 3); } } @media (max-width: 639px) and (min-width: 620px) { .boxed.sidebar-wide .i-large { width: calc(100% / 1); } } @media (max-width: 929px) and (min-width: 640px) { .boxed.sidebar-wide .i-large { width: calc(100% / 2); } .boxed.sidebar-wide.cnt-1.large { width: calc(100% / 2 * 1); } .boxed.sidebar-wide.cnt-1.large .i-large { width: calc(100% / 1); } } @media (max-width: 1189px) and (min-width: 930px) { .boxed.sidebar-wide .i-large { width: calc(100% / 3); } .boxed.sidebar-wide.cnt-1.large { width: calc(100% / 3 * 1); } .boxed.sidebar-wide.cnt-1.large .i-large { width: calc(100% / 1); } .boxed.sidebar-wide.cnt-2.large { width: calc(100% / 3 * 2); } .boxed.sidebar-wide.cnt-2.large .i-large { width: calc(100% / 2); } } @media (min-width: 1190px) { .boxed.sidebar-wide .i-large { width: calc(100% / 2); } .boxed.sidebar-wide.cnt-1.large { width: calc(100% / 2 * 1); } .boxed.sidebar-wide.cnt-1.large .i-large { width: calc(100% / 1); } } @media (max-width: 677px) and (min-width: 620px) { .fullwidth.sidebar .i-extra { width: calc(100% / 1); } } @media (max-width: 986px) and (min-width: 678px) { .fullwidth.sidebar .i-extra { width: calc(100% / 2); } .fullwidth.sidebar.cnt-1.extra { width: calc(100% / 2 * 1); } .fullwidth.sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } } @media (max-width: 1189px) and (min-width: 987px) { .fullwidth.sidebar .i-extra { width: calc(100% / 3); } .fullwidth.sidebar.cnt-1.extra { width: calc(100% / 3 * 1); } .fullwidth.sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.extra { width: calc(100% / 3 * 2); } .fullwidth.sidebar.cnt-2.extra .i-extra { width: calc(100% / 2); } } @media (max-width: 1258px) and (min-width: 1190px) { .fullwidth.sidebar .i-extra { width: calc(100% / 2); } .fullwidth.sidebar.cnt-1.extra { width: calc(100% / 2 * 1); } .fullwidth.sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } } @media (max-width: 1567px) and (min-width: 1259px) { .fullwidth.sidebar .i-extra { width: calc(100% / 3); } .fullwidth.sidebar.cnt-1.extra { width: calc(100% / 3 * 1); } .fullwidth.sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.extra { width: calc(100% / 3 * 2); } .fullwidth.sidebar.cnt-2.extra .i-extra { width: calc(100% / 2); } } @media (max-width: 1876px) and (min-width: 1568px) { .fullwidth.sidebar .i-extra { width: calc(100% / 4); } .fullwidth.sidebar.cnt-1.extra { width: calc(100% / 4 * 1); } .fullwidth.sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.extra { width: calc(100% / 4 * 2); } .fullwidth.sidebar.cnt-2.extra .i-extra { width: calc(100% / 2); } .fullwidth.sidebar.cnt-3.extra { width: calc(100% / 4 * 3); } .fullwidth.sidebar.cnt-3.extra .i-extra { width: calc(100% / 3); } } @media (min-width: 1877px) { .fullwidth.sidebar .i-extra { width: calc(100% / 5); } .fullwidth.sidebar.cnt-1.extra { width: calc(100% / 5 * 1); } .fullwidth.sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } .fullwidth.sidebar.cnt-2.extra { width: calc(100% / 5 * 2); } .fullwidth.sidebar.cnt-2.extra .i-extra { width: calc(100% / 2); } .fullwidth.sidebar.cnt-3.extra { width: calc(100% / 5 * 3); } .fullwidth.sidebar.cnt-3.extra .i-extra { width: calc(100% / 3); } .fullwidth.sidebar.cnt-4.extra { width: calc(100% / 5 * 4); } .fullwidth.sidebar.cnt-4.extra .i-extra { width: calc(100% / 4); } } @media (max-width: 677px) and (min-width: 620px) { .boxed.sidebar .i-extra { width: calc(100% / 1); } } @media (max-width: 986px) and (min-width: 678px) { .boxed.sidebar .i-extra { width: calc(100% / 2); } .boxed.sidebar.cnt-1.extra { width: calc(100% / 2 * 1); } .boxed.sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } } @media (max-width: 1189px) and (min-width: 987px) { .boxed.sidebar .i-extra { width: calc(100% / 3); } .boxed.sidebar.cnt-1.extra { width: calc(100% / 3 * 1); } .boxed.sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } .boxed.sidebar.cnt-2.extra { width: calc(100% / 3 * 2); } .boxed.sidebar.cnt-2.extra .i-extra { width: calc(100% / 2); } } @media (min-width: 1190px) { .boxed.sidebar .i-extra { width: calc(100% / 3); } .boxed.sidebar.cnt-1.extra { width: calc(100% / 3 * 1); } .boxed.sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } .boxed.sidebar.cnt-2.extra { width: calc(100% / 3 * 2); } .boxed.sidebar.cnt-2.extra .i-extra { width: calc(100% / 2); } } @media (max-width: 677px) and (min-width: 620px) { .fullwidth.no-sidebar .i-extra { width: calc(100% / 1); } } @media (max-width: 986px) and (min-width: 678px) { .fullwidth.no-sidebar .i-extra { width: calc(100% / 2); } .fullwidth.no-sidebar.cnt-1.extra { width: calc(100% / 2 * 1); } .fullwidth.no-sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } } @media (max-width: 1189px) and (min-width: 987px) { .fullwidth.no-sidebar .i-extra { width: calc(100% / 3); } .fullwidth.no-sidebar.cnt-1.extra { width: calc(100% / 3 * 1); } .fullwidth.no-sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.extra { width: calc(100% / 3 * 2); } .fullwidth.no-sidebar.cnt-2.extra .i-extra { width: calc(100% / 2); } } @media (max-width: 1335px) and (min-width: 1190px) { .fullwidth.no-sidebar .i-extra { width: calc(100% / 3); } .fullwidth.no-sidebar.cnt-1.extra { width: calc(100% / 3 * 1); } .fullwidth.no-sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.extra { width: calc(100% / 3 * 2); } .fullwidth.no-sidebar.cnt-2.extra .i-extra { width: calc(100% / 2); } } @media (max-width: 1644px) and (min-width: 1336px) { .fullwidth.no-sidebar .i-extra { width: calc(100% / 4); } .fullwidth.no-sidebar.cnt-1.extra { width: calc(100% / 4 * 1); } .fullwidth.no-sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.extra { width: calc(100% / 4 * 2); } .fullwidth.no-sidebar.cnt-2.extra .i-extra { width: calc(100% / 2); } .fullwidth.no-sidebar.cnt-3.extra { width: calc(100% / 4 * 3); } .fullwidth.no-sidebar.cnt-3.extra .i-extra { width: calc(100% / 3); } } @media (min-width: 1645px) { .fullwidth.no-sidebar .i-extra { width: calc(100% / 5); } .fullwidth.no-sidebar.cnt-1.extra { width: calc(100% / 5 * 1); } .fullwidth.no-sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } .fullwidth.no-sidebar.cnt-2.extra { width: calc(100% / 5 * 2); } .fullwidth.no-sidebar.cnt-2.extra .i-extra { width: calc(100% / 2); } .fullwidth.no-sidebar.cnt-3.extra { width: calc(100% / 5 * 3); } .fullwidth.no-sidebar.cnt-3.extra .i-extra { width: calc(100% / 3); } .fullwidth.no-sidebar.cnt-4.extra { width: calc(100% / 5 * 4); } .fullwidth.no-sidebar.cnt-4.extra .i-extra { width: calc(100% / 4); } } @media (max-width: 677px) and (min-width: 620px) { .boxed.no-sidebar .i-extra { width: calc(100% / 1); } } @media (max-width: 986px) and (min-width: 678px) { .boxed.no-sidebar .i-extra { width: calc(100% / 2); } .boxed.no-sidebar.cnt-1.extra { width: calc(100% / 2 * 1); } .boxed.no-sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } } @media (max-width: 1189px) and (min-width: 987px) { .boxed.no-sidebar .i-extra { width: calc(100% / 3); } .boxed.no-sidebar.cnt-1.extra { width: calc(100% / 3 * 1); } .boxed.no-sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } .boxed.no-sidebar.cnt-2.extra { width: calc(100% / 3 * 2); } .boxed.no-sidebar.cnt-2.extra .i-extra { width: calc(100% / 2); } } @media (min-width: 1190px) { .boxed.no-sidebar .i-extra { width: calc(100% / 3); } .boxed.no-sidebar.cnt-1.extra { width: calc(100% / 3 * 1); } .boxed.no-sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } .boxed.no-sidebar.cnt-2.extra { width: calc(100% / 3 * 2); } .boxed.no-sidebar.cnt-2.extra .i-extra { width: calc(100% / 2); } } @media (max-width: 677px) and (min-width: 620px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-extra { width: calc(100% / 1); } } @media (max-width: 986px) and (min-width: 678px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-extra { width: calc(100% / 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.extra { width: calc(100% / 2 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } } @media (max-width: 1189px) and (min-width: 987px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-extra { width: calc(100% / 3); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.extra { width: calc(100% / 3 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.extra { width: calc(100% / 3 * 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-2.extra .i-extra { width: calc(100% / 2); } } @media (max-width: 1355px) and (min-width: 1190px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-extra { width: calc(100% / 1); } } @media (max-width: 1664px) and (min-width: 1356px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-extra { width: calc(100% / 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.extra { width: calc(100% / 2 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } } @media (min-width: 1665px) { .c-ip-product-cats--fullwidth .custom.no-sidebar .i-extra { width: calc(100% / 2); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.extra { width: calc(100% / 2 * 1); } .c-ip-product-cats--fullwidth .custom.no-sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } } @media (max-width: 677px) and (min-width: 620px) { .c-ip-product-cats--boxed .custom.no-sidebar .i-extra { width: calc(100% / 1); } } @media (max-width: 986px) and (min-width: 678px) { .c-ip-product-cats--boxed .custom.no-sidebar .i-extra { width: calc(100% / 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.extra { width: calc(100% / 2 * 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } } @media (max-width: 1189px) and (min-width: 987px) { .c-ip-product-cats--boxed .custom.no-sidebar .i-extra { width: calc(100% / 3); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.extra { width: calc(100% / 3 * 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.extra { width: calc(100% / 3 * 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.extra .i-extra { width: calc(100% / 2); } } @media (min-width: 1190px) { .c-ip-product-cats--boxed .custom.no-sidebar .i-extra { width: calc(100% / 3); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.extra { width: calc(100% / 3 * 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-1.extra .i-extra { width: calc(100% / 1); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.extra { width: calc(100% / 3 * 2); } .c-ip-product-cats--boxed .custom.no-sidebar.cnt-2.extra .i-extra { width: calc(100% / 2); } } @media (max-width: 677px) and (min-width: 620px) { .fullwidth.sidebar-wide .i-extra { width: calc(100% / 1); } } @media (max-width: 986px) and (min-width: 678px) { .fullwidth.sidebar-wide .i-extra { width: calc(100% / 2); } .fullwidth.sidebar-wide.cnt-1.extra { width: calc(100% / 2 * 1); } .fullwidth.sidebar-wide.cnt-1.extra .i-extra { width: calc(100% / 1); } } @media (max-width: 1189px) and (min-width: 987px) { .fullwidth.sidebar-wide .i-extra { width: calc(100% / 3); } .fullwidth.sidebar-wide.cnt-1.extra { width: calc(100% / 3 * 1); } .fullwidth.sidebar-wide.cnt-1.extra .i-extra { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.extra { width: calc(100% / 3 * 2); } .fullwidth.sidebar-wide.cnt-2.extra .i-extra { width: calc(100% / 2); } } @media (max-width: 1488px) and (min-width: 1190px) { .fullwidth.sidebar-wide .i-extra { width: calc(100% / 2); } .fullwidth.sidebar-wide.cnt-1.extra { width: calc(100% / 2 * 1); } .fullwidth.sidebar-wide.cnt-1.extra .i-extra { width: calc(100% / 1); } } @media (max-width: 1797px) and (min-width: 1489px) { .fullwidth.sidebar-wide .i-extra { width: calc(100% / 3); } .fullwidth.sidebar-wide.cnt-1.extra { width: calc(100% / 3 * 1); } .fullwidth.sidebar-wide.cnt-1.extra .i-extra { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.extra { width: calc(100% / 3 * 2); } .fullwidth.sidebar-wide.cnt-2.extra .i-extra { width: calc(100% / 2); } } @media (min-width: 1798px) { .fullwidth.sidebar-wide .i-extra { width: calc(100% / 4); } .fullwidth.sidebar-wide.cnt-1.extra { width: calc(100% / 4 * 1); } .fullwidth.sidebar-wide.cnt-1.extra .i-extra { width: calc(100% / 1); } .fullwidth.sidebar-wide.cnt-2.extra { width: calc(100% / 4 * 2); } .fullwidth.sidebar-wide.cnt-2.extra .i-extra { width: calc(100% / 2); } .fullwidth.sidebar-wide.cnt-3.extra { width: calc(100% / 4 * 3); } .fullwidth.sidebar-wide.cnt-3.extra .i-extra { width: calc(100% / 3); } } @media (max-width: 677px) and (min-width: 620px) { .boxed.sidebar-wide .i-extra { width: calc(100% / 1); } } @media (max-width: 986px) and (min-width: 678px) { .boxed.sidebar-wide .i-extra { width: calc(100% / 2); } .boxed.sidebar-wide.cnt-1.extra { width: calc(100% / 2 * 1); } .boxed.sidebar-wide.cnt-1.extra .i-extra { width: calc(100% / 1); } } @media (max-width: 1189px) and (min-width: 987px) { .boxed.sidebar-wide .i-extra { width: calc(100% / 3); } .boxed.sidebar-wide.cnt-1.extra { width: calc(100% / 3 * 1); } .boxed.sidebar-wide.cnt-1.extra .i-extra { width: calc(100% / 1); } .boxed.sidebar-wide.cnt-2.extra { width: calc(100% / 3 * 2); } .boxed.sidebar-wide.cnt-2.extra .i-extra { width: calc(100% / 2); } } @media (min-width: 1190px) { .boxed.sidebar-wide .i-extra { width: calc(100% / 2); } .boxed.sidebar-wide.cnt-1.extra { width: calc(100% / 2 * 1); } .boxed.sidebar-wide.cnt-1.extra .i-extra { width: calc(100% / 1); } } /*-- Variable Product (Grid) --*/ .c-product-grid__atc-wrap--variable { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; } .c-product-grid .variations { width: 100%; } .c-product-grid .variations .label { display: none; } .c-product-grid .variable-items-wrapper { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: -2.5px -2.5px 12.5px -2.5px; } .c-product-grid .variable-item { flex: 0 0 auto; margin: 2.5px; position: relative; cursor: pointer; max-width: 100%; } .c-product-grid .variable-item-span-button { display: block; background-color: var(--form-color); border: solid 1px var(--form-color); font-weight: 500; font-size: 13px; line-height: 16px; text-align: center; letter-spacing: 0.01em; color: var(--accent-color); border-radius: 13px; padding: 5px 9px; transition: var(--hover-transition); } .c-product-grid .variable-item.selected .variable-item-span-button { border-color: var(--accent-color); } .c-product-grid .variable-item-span-color { display: block; position: relative; width: 22px; height: 22px; border-radius: 50%; outline: 1px solid rgba(0, 35, 75, 0.15); outline-offset: -1px; } .c-product-grid .image-variable-item .variable-item-contents { position: relative; width: 22px; height: 22px; border-radius: 4px; } .c-product-grid .variable-item-image { display: block; width: 100% !important; height: 100% !important; border-radius: 3px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .c-product-grid .variable-item .variable-item-span-color:before { content: ""; display: block; position: absolute; left: -4px; right: -4px; top: -4px; bottom: -4px; border-radius: 50%; border: solid 1px transparent; } .c-product-grid .variable-item.selected .variable-item-span-color:before { border-color: var(--accent-color); } .c-product-grid .image-variable-item .variable-item-contents:before { content: ""; display: block; position: absolute; left: -3px; right: -3px; top: -3px; bottom: -3px; border-radius: 3px; border: solid 1px transparent; } .c-product-grid .image-variable-item.selected .variable-item-contents:before { border-color: var(--accent-color); } .c-product-grid [data-wvstooltip]:before, .c-product-grid [data-wvstooltip]:after, .c-product__summary [data-wvstooltip]:before, .c-product__summary [data-wvstooltip]:after { pointer-events: none; box-sizing: inherit; position: absolute; bottom: calc(100% + 5px); left: 50%; z-index: 10; visibility: hidden; opacity: 0; box-shadow: 0 7px 15px rgb(0 0 0 / 30%); transition: var(--opacity-transform-transition); } .c-product-grid [data-wvstooltip]:not(.button-variable-item):after, .c-product__summary [data-wvstooltip]:not(.button-variable-item):after { margin-left: -5px; width: 0; border-top: 5px solid var(--accent-color); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; transform: translateY(3px); transform-origin: bottom center; } .c-product-grid [data-wvstooltip]:not(.button-variable-item):before, .c-product__summary [data-wvstooltip]:not(.button-variable-item):before { color: white; background-color: var(--accent-color); font-weight: 700 !important; font-size: 10px !important; line-height: 13px !important; letter-spacing: 0.025em !important; text-transform: uppercase; padding: 6px 9px !important; border-radius: 15px; text-align: center; min-width: 100px; content: attr(data-wvstooltip) " " attr(data-wvstooltip-out-of-stock); margin-bottom: 5px; transform: translateY(7px) translateX(-50%) scale(0.7); transform-origin: bottom center; } .c-product-grid [data-wvstooltip]:hover:before, .c-product-grid [data-wvstooltip]:hover:after, .c-product__summary [data-wvstooltip]:hover:before, .c-product__summary [data-wvstooltip]:hover:after { visibility: visible; opacity: 1; } .c-product-grid [data-wvstooltip]:hover:before, .c-product__summary [data-wvstooltip]:hover:before { transform: translateY(0) translateX(-50%) scale(1) !important; } .h-ltr .c-product-grid [data-wvstooltip]:first-child:not(.button-variable-item):before { transform: translateY(7px) translateX(-25px) scale(0.7); } .h-ltr .c-product-grid [data-wvstooltip]:first-child:hover:before { transform: translateY(0) translateX(-25px) scale(1) !important; } .h-rtl .c-product-grid [data-wvstooltip]:first-child:not(.button-variable-item):before { right: 50%; left: unset; transform: translateY(7px) translateX(25px) scale(0.7); } .h-rtl .c-product-grid [data-wvstooltip]:first-child:hover:before { transform: translateY(0) translateX(25px) scale(1) !important; } .c-product-grid [data-wvstooltip]:hover:after, .c-product__summary [data-wvstooltip]:hover:after { transform: translateY(0) !important; } .c-product-grid .variable-item:not(.radio-variable-item).disabled, .c-product-grid .variable-item:not(.radio-variable-item).disabled:hover { pointer-events: none; cursor: not-allowed; position: relative; overflow: hidden; } .c-product-grid select:not(.hide) { width: 100%; font-weight: 500; font-size: 13px; line-height: 16px; letter-spacing: 0.01em; padding: 8px 28px 8px 9px; color: var(--accent-color); background-position: right 10px top 50%; background-image: var(--select-ordering-image); border-radius: 3px; margin-bottom: 15px; } .c-product-grid .reset_variations { display: none !important; } .c-product-grid .variable-item.disabled .variable-item-span-color, .c-product-grid .variable-item.disabled .variable-item-image { opacity: 0.2; } .c-product-grid .variable-item.disabled .variable-item-contents:before, .c-product-grid .variable-item.disabled .variable-item-contents:after { content: ""; position: absolute; border-bottom: solid 1px #ff0000; left: -4px; right: -4px; top: 50%; height: 0; transform-origin: center; z-index: 0; } .c-product-grid .variable-item.disabled .variable-item-contents:before { transform: rotate(45deg); } .c-product-grid .variable-item.disabled .variable-item-contents:after { transform: rotate(-45deg); } .c-product-grid .woocommerce-variation-description { margin-top: 10px; font-weight: 400; font-size: 13px; line-height: 1.46; letter-spacing: 0.02em; color: var(--text-color); } .c-product-grid .woocommerce-variation-description > :first-child { margin-top: 0; } .c-product-grid .woocommerce-variation-description > :last-child { margin-bottom: 0; } .c-product-grid .woocommerce-variation-availability .stock { display: inline-block; text-transform: uppercase; color: white; font-weight: 600; text-align: center; margin: 0; border-radius: 13px; letter-spacing: 0.045em; background-color: var(--text-color); padding: 3px 10px; font-size: 10px; line-height: 12px; margin-top: 10px; } .c-product-grid .woocommerce-variation-availability .out-of-stock { background-color: var(--badge-bgcolor-outofstock); } .c-product-grid .variations { margin-bottom: -15px; } /*-- Variable Product (Grid) (Desktop) --*/ @media (min-width: 1190px) { .c-product-grid .variable-item:hover .variable-item-span-color:before { border-color: var(--accent-color); } .c-product-grid .image-variable-item:hover .variable-item-contents:before { border-color: var(--accent-color); } .c-product-grid .variable-item-span-button:hover { border-color: var(--accent-color); } } /*-- Variable Product (Grid) (Mobile) --*/ @media (max-width: 1189px) { .c-product-grid [data-wvstooltip]:first-child:hover:before, .c-product__summary [data-wvstooltip]:first-child:hover:before { transform: translateY(0) translateX(-25px) scale(1) !important; } } /*- Product grid -*/ .c-product-grid { position: relative; margin-left: auto; margin-right: auto; width: 100%; } .c-product-grid--rounded-corners { border-radius: 4px; } .c-product-grid--rounded-corners:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 4px; background-color: white; } .c-product-grid--rounded-corners .owl-stage-outer { border-radius: 4px; } .c-product-grid--rounded-corners .owl-stage-outer:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: solid 1px var(--border-color-light); border-radius: 4px; pointer-events: none; z-index: 10; } .c-product-grid--dots { margin-bottom: 33px; } .c-product-grid__list { display: flex; flex-wrap: wrap; position: relative; justify-content: flex-start; align-items: stretch; } .c-product-grid__list--loading:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.8; z-index: 10; } .c-product-grid--rounded-corners .c-product-grid__list:not(.owl-carousel):before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: solid 1px vaR(--border-color-light); border-radius: 4px; pointer-events: none; z-index: 10; } .c-product-grid__item { flex: 0 0 auto; display: flex; flex-direction: column; position: relative; border-right: solid 1px var(--border-color-light); border-bottom: solid 1px var(--border-color-light); transition: padding-bottom 0.3s linear; padding-bottom: 0; } .c-product-grid__item-group { flex: 0 0 auto; display: flex; flex-direction: column; } .c-product-grid__item-group > *:last-child:not(:first-child) { flex: 1 1 auto; } .c-product-grid__item--quantity { padding-bottom: 40px; } .c-product-grid__item--view-more { justify-content: center; align-items: center; padding: 15px !important; } .c-product-grid__item--banner { position: relative; z-index: 1; } .c-product-grid__banner-image { display: block; position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; z-index: -1; } .c-product-grid__banner-button { display: inline-block; outline: none; font-weight: 600; font-size: 12px; line-height: 15px; letter-spacing: 0.035em; text-transform: uppercase; border-radius: 30px; background-color: white; color: var(--accent-color-2); padding: 12.5px 22px; transition: var(--hover-transition); } .c-product-grid__banner-header + .c-product-grid__banner-button, .c-product-grid__banner-subheader + .c-product-grid__banner-button { margin-top: 20px; } .c-product-grid__banner-header { font-family: var(--font-header); font-weight: 700; font-size: 30px; line-height: 1; letter-spacing: -0.02em; } .c-product-grid__banner-subheader { font-weight: 400; font-size: 16px; line-height: 1.3; letter-spacing: 0.015em; } .c-product-grid__banner-header + .c-product-grid__banner-subheader { margin-top: 15px; } .c-product-grid__banner-link { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; } .c-product-grid__details { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; position: relative; margin-bottom: 0; } .c-product-grid__item--atc-text .c-product-grid__details { padding-bottom: 0 !important; } .c-product-grid__item--var-in-grid .c-product-grid__details { padding-bottom: 0 !important; } .c-product-grid__item--atc-icon .variations_form { padding-top: 15px !important; } .c-product-grid__thumb-wrap { flex: 0 0 auto; position: relative; background-color: white; overflow: hidden; padding-bottom: var(--image-grid-prop); } .c-product-grid__thumb { display: block; position: absolute; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% !important; height: 100% !important; } .c-product-grid__thumb-wrap > a > div { display: block; position: absolute !important; left: 0; top: 0; width: 100% !important; height: 100% !important; } .c-product-grid__thumb--contain { -o-object-fit: contain !important; object-fit: contain !important; } .c-product-grid__badges { position: absolute; z-index: 2; pointer-events: none; } .c-product-grid__title { font-weight: 700; font-family: var(--font-header); font-size: var(--font-size); text-transform: var(--text-transform); margin: 0 0 10px 0; } .c-product-grid__title-inner { display: block; line-height: 1.35; letter-spacing: -0.01em; } .c-product-grid__item--normal .star-rating { margin-top: 24px; } .c-product-grid__short-desc { font-weight: 400; font-size: 13px; line-height: 1.46; letter-spacing: 0.02em; color: var(--text-color); } .c-product-grid__short-desc > :first-child { margin-top: 0; } .c-product-grid__short-desc > :last-child { margin-bottom: 0; } .c-product-grid__short-desc ul li { list-style-image: var(--li-image); -webkit-padding-start: 5px; padding-inline-start: 5px; } .h-ltr .c-product-grid__short-desc ul { padding-left: 11px; } .h-rtl .c-product-grid__short-desc ul { padding-right: 11px; } .c-product-grid__short-desc ul li:not(:last-child) { margin-bottom: 5px; } .c-product-grid__thumb-button-list { display: flex; flex-direction: column; position: absolute; z-index: 5; } .c-product-grid__thumb-button { display: flex; justify-content: flex-end; flex: 0 0 auto; position: relative; transition: var(--hover-transition); cursor: pointer; } .c-product-grid__thumb-button.js-loading { width: 100% !important; } .c-product-grid__thumb-button .h-loading { width: 16px !important; height: 16px !important; } .c-product-grid__thumb-button + .c-product-grid__thumb-button { margin-top: 5px; } .c-product-grid__icon { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; color: var(--accent-color); border: solid 1px var(--border-color-light); background-color: white; position: relative; font-size: 14px; line-height: 1; cursor: pointer; box-shadow: 0 1px 10px rgba(12, 44, 92, 0.07); border-radius: 50%; } .c-product-grid__icon--quickview { font-size: 14px; } .c-product-grid__bottom { margin-top: 15px; } .c-product-grid__item--atc-icon .c-product-grid__price-wrap, .c-product-grid__item--atc-icon .woocommerce-variation-price { margin-top: 15px; min-height: 40px; display: flex; align-items: center; max-width: calc(100% - 10px - 93px); } .c-product-grid__item--atc-icon .c-product-grid__price-wrap { max-width: unset; justify-content: space-between; width: 100%; padding-bottom: 1rem; } .c-product-grid__item--small.c-product-grid__item--atc-icon .c-product-grid__price-wrap, .c-product-grid__item--small.c-product-grid__item--atc-icon .woocommerce-variation-price { max-width: calc(100% - 10px - 40px); } .c-product-grid__price-wrap .price, .c-product-grid .woocommerce-variation-price .price, .widget_recently_viewed_products .woocommerce-Price-amount { font-family: var(--font-header); font-weight: 700; line-height: 1; letter-spacing: -0.02em; color: var(--accent-color-2); } .c-product-grid__price-wrap del, .c-product-grid .woocommerce-variation-price del { display: block; color: var(--text-color); font-size: 70%; letter-spacing: 0.035em; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; opacity: 0.6; margin-bottom: 4px; -webkit-text-decoration-color: var(--text-decoration-color-desktop); text-decoration-color: var(--text-decoration-color-desktop); } .c-product-grid__price-wrap ins, .c-product-grid .woocommerce-variation-price ins { text-decoration: none; } .c-product-grid__atc { display: block; } .c-product-grid__atc.added { display: none; } .c-product-grid__atc.disabled { opacity: 0.2; cursor: unset; } .c-product-grid__atc:not(.disabled) { cursor: pointer; } .c-product-grid__atc--text { font-weight: 700; font-size: 11px; line-height: 14px; letter-spacing: 0.045em; text-transform: uppercase; text-align: center; width: 100%; border-radius: 20px; background-color: white; color: var(--accent-color); border: solid 2px var(--accent-color); padding: 11px 15px; } .c-product-grid__atc-icon { font-size: 16px; line-height: 1; display: inline-flex; } .h-rtl .c-product-grid__atc-icon { transform: scale(-1, 1); display: inline-block; } .c-product-grid__atc--text .c-product-grid__atc-icon { display: none; } .c-product-grid__atc-wrap--icon { display: flex; height: 40px; align-items: center; } .c-product-grid__atc--icon { position: static; flex: 0 0 auto; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background-color: white; color: var(--accent-color); border: solid 2px var(--accent-color); } .c-product-grid__sep { margin-left: 5px; margin-right: 5px; font-size: 3px; vertical-align: middle; color: var(--accent-color-3); } .c-product-grid__brands { font-weight: 400; font-size: 13px; line-height: 16px; letter-spacing: 0.02em; color: var(--accent-color); } .c-product-grid__brand { display: inline-block; } .c-product-grid__price-wrap { margin-top: 15px; } .c-product-grid__cat-desc:empty { display: none; } .c-product-grid__cat-desc .term-description > :first-child, .c-product-grid__cat-desc .page-description > :first-child { margin-top: 0; } .c-product-grid__cat-desc .term-description > :last-child, .c-product-grid__cat-desc .page-description > :last-child { margin-bottom: 0; } .c-product-grid__cat-desc--above { margin-bottom: 40px; } .c-product-grid__cat-desc--below { margin-top: 0; margin-bottom: 70px; } .c-product-grid__star-rating { margin-top: 15px; display: flex; -moz-column-gap: 10px; column-gap: 10px; align-items: center; font-size: 12px; line-height: 1; } .c-product-grid__quantity { display: inline-flex; color: white; background-color: var(--accent-color); border-radius: 18px; overflow: hidden; height: 36px; margin-top: 2px; margin-bottom: 2px; opacity: 0; transition: opacity 0.3s linear, transform 0.3s linear; transform-origin: right center; transform: translateX(0) scaleX(0.5); } .c-product-grid__quantity--init { opacity: 1; transform: translateX(0) scaleX(1) !important; } .c-product-grid__value { flex: 1 1 auto; text-align: center !important; font-weight: 500 !important; font-size: 16px !important; line-height: 20px !important; letter-spacing: 0.02em !important; color: white !important; background-color: transparent !important; padding: 0 !important; border: none !important; width: 35px; } .c-product-grid__minus, .c-product-grid__plus { flex: 0 0 auto; font-size: 12px; line-height: 1; display: flex; align-items: center; cursor: pointer; } .c-product-grid__plus { justify-content: flex-end; } .h-ltr .c-product-grid__minus { padding-left: 12px; padding-right: 6px; } .h-rtl .c-product-grid__minus { padding-left: 6px; padding-right: 12px; } .h-ltr .c-product-grid__plus { padding-left: 6px; padding-right: 12px; } .h-rtl .c-product-grid__plus { padding-left: 12px; padding-right: 6px; } .c-product-grid__atc-wrap--text { display: flex; justify-content: center; width: 100%; } .c-product-grid .wc-forward { display: none; } .c-product-grid__list--carousel:not(.owl-carousel) { justify-content: flex-start !important; flex-wrap: nowrap !important; overflow: hidden !important; border-radius: var(--theme-border-radius); } .c-product-grid__list--carousel.owl-carousel .c-product-grid__item, .c-product-grid__list--carousel.owl-carousel .c-product-grid__item-group { width: 100% !important; } .c-product-grid__list--carousel .owl-item:last-child .c-product-grid__item { border-right-color: transparent; } .c-product-grid .blockUI.blockOverlay { display: none !important; } .c-product-grid__list .owl-dots { top: 100%; } .c-product-grid__load-infinity { display: inline-flex; width: 40px; height: 40px; color: var(--accent-color); } .c-product-grid__load-more .h-loading { top: -2px; } .woocommerce-no-products-found { padding: 10px 30px; } .c-product-grid__bar { height: 8px; position: relative; border-radius: 4px; overflow: hidden; display: flex; justify-content: flex-start; } .c-product-grid__bar:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: var(--accent-color); opacity: 0.06; } .c-product-grid__bar-inner { flex: 0 0 auto; height: 100%; border-radius: 4px; background-color: var(--accent-color-3); } .c-product-grid__bar-inner { display: flex; justify-content: space-between; } .c-product-grid__progress-text { display: flex; margin-top: 10px; justify-content: space-between; -moz-column-gap: 5px; column-gap: 5px; margin-bottom: 20px; } .c-product-grid__progress-value { color: var(--accent-color); } .c-product-grid__item--small .c-product-grid__progress-text { font-size: 13px; margin-top: 7px; margin-bottom: 15px; } .woocommerce-loop-product__link { color: var(--product-grid-title-color); } .c-product-grid__atc.disabled { pointer-events: none; } .c-product-grid__atc-wrap--variable .c-product-grid__atc.disabled + .js-product-grid-quantity:before { content: attr(data-warning); inset-inline-end: 0; display: inline-flex; position: absolute; color: white; background-color: var(--accent-color); font-weight: 700; font-size: 10px; line-height: 13px; letter-spacing: 0.025em; text-transform: uppercase; padding: 6px 9px; border-radius: 15px; bottom: calc(100% + 7px); text-align: center; opacity: 0; visibility: hidden; transform: translateY(7px) scale(0.7); transition: var(--opacity-transform-transition); } .h-ltr .c-product-grid__atc-wrap--variable .c-product-grid__atc.disabled + .js-product-grid-quantity:before { transform-origin: right bottom; } .h-rtl .c-product-grid__atc-wrap--variable .c-product-grid__atc.disabled + .js-product-grid-quantity:before { transform-origin: left bottom; } .c-product-grid__atc-wrap--variable:hover .c-product-grid__atc.disabled + .js-product-grid-quantity:before { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } .c-product-grid__atc-wrap--variable .c-product-grid__atc.disabled + .js-product-grid-quantity:after { content: ""; display: block; position: absolute; inset-inline-end: 15px; bottom: calc(100% - 3px); border: solid 6px transparent; border-top-color: var(--accent-color); opacity: 0; visibility: hidden; transform: translateY(7px) scale(0.7); transition: var(--opacity-transform-transition); } .c-product-grid__atc-wrap--variable:hover .c-product-grid__atc.disabled + .js-product-grid-quantity:after { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } /*-- Product grid (Desktop) --*/ @media (min-width: 620px) { /*--- Product grid (Small) ---*/ .c-product-grid__item--small .c-product-grid__thumb-button-list { right: 10px; top: 10px; } .h-rtl .c-product-grid__item--small .c-product-grid__thumb-button-list { right: unset; left: 10px; } .c-product-grid__item--small .c-product-grid__icon { width: 32px !important; height: 32px !important; } .h-ltr .c-product-grid__item--small .c-product-grid__icon-text { right: calc(32px + 4px); } .h-rtl .c-product-grid__item--small .c-product-grid__icon-text { left: calc(32px + 4px); } .h-ltr .c-product-grid__item--small .c-product-grid__badges { top: 10px; left: 10px; right: 52px; } .h-rtl .c-product-grid__item--small .c-product-grid__badges { top: 10px; right: 10px; left: 52px; } .c-product-grid__item--small .c-badge { font-size: 10px; line-height: 11px; } .c-product-grid__item--small .c-product-grid__details, .c-product-grid__item--small .variations_form, .c-product-grid__item--small.c-product-grid__item--banner { padding: 15px 20px 20px 20px; } .c-product-grid__item--small .c-product-grid__atc-wrap--icon { left: 20px; right: 20px; bottom: 20px; } .c-product-grid__item--small.c-product-grid__item--quantity .c-product-grid__atc-wrap--icon { justify-content: center; } .c-product-grid__item--small .c-product-grid__atc-wrap--text { padding: 15px 20px 20px 20px; } .c-product-grid__item--small .c-product-grid__title-inner { font-size: 80%; letter-spacing: 0.005em; } .c-product-grid__item--small .c-product-grid__brands { font-size: 12px; line-height: 15px; } .c-product-grid__item--small .c-product-grid__short-desc, .c-product-grid .woocommerce-variation-description { line-height: 1.3; } .c-product-grid__item--small .c-product-grid__price-wrap .price { font-size: 17px; } .c-product-grid__item--small .c-product-grid__quantity { transform: translateX(10%) scaleX(0.5); } /*--- Product grid (Medium) ---*/ .c-product-grid__item--medium .c-product-grid__thumb-button-list { right: 10px; top: 10px; } .h-rtl .c-product-grid__item--medium .c-product-grid__thumb-button-list { right: unset; left: 15px; } .c-product-grid__item--medium .c-product-grid__icon { width: 38px !important; height: 38px !important; } .h-ltr .c-product-grid__item--medium .c-product-grid__icon-text { right: calc(38px + 4px); } .h-rtl .c-product-grid__item--medium .c-product-grid__icon-text { left: calc(38px + 4px); } .h-ltr .c-product-grid__item--medium .c-product-grid__badges { top: 15px; left: 15px; right: 68px; } .h-rtl .c-product-grid__item--medium .c-product-grid__badges { top: 15px; right: 15px; left: 68px; } .c-product-grid__item--medium .c-badge { font-size: 12px; line-height: 15px; } .c-product-grid__item--medium .c-product-grid__details, .c-product-grid__item--medium .variations_form, .c-product-grid__item--medium.c-product-grid__item--banner { padding: 20px 10px 20px 10px; } .c-product-grid__item--medium .c-product-grid__atc-wrap--icon { left: 30px; right: 30px; bottom: 30px; } .c-product-grid__item--medium .c-product-grid__atc-wrap--text { padding: 15px 30px 30px 30px; } .c-product-grid__item--medium .c-product-grid__title-inner { font-size: 70%; } .c-product-grid__item--medium .c-product-grid__price-wrap .price { font-size: 18px; } /*--- Product grid (Large) ---*/ .c-product-grid__item--large .c-product-grid__thumb-button-list { right: 15px; top: 15px; } .h-rtl .c-product-grid__item--large .c-product-grid__thumb-button-list { right: unset; left: 15px; } .c-product-grid__item--large .c-product-grid__icon { width: 38px !important; height: 38px !important; } .h-ltr .c-product-grid__item--large .c-product-grid__icon-text { right: calc(38px + 4px); } .h-rtl .c-product-grid__item--large .c-product-grid__icon-text { left: calc(38px + 4px); } .h-ltr .c-product-grid__item--large .c-product-grid__badges { top: 15px; left: 15px; right: 68px; } .h-rtl .c-product-grid__item--large .c-product-grid__badges { top: 15px; right: 15px; left: 68px; } .c-product-grid__item--large .c-badge { font-size: 12px; line-height: 15px; } .c-product-grid__item--large .c-product-grid__details, .c-product-grid__item--large .variations_form, .c-product-grid__item--large.c-product-grid__item--banner { padding: 20px 30px 30px 30px; } .c-product-grid__item--large .c-product-grid__atc-wrap--icon { left: 30px; right: 30px; bottom: 30px; } .c-product-grid__item--large .c-product-grid__atc-wrap--text { padding: 15px 30px 30px 30px; } .c-product-grid__item--large .c-product-grid__title-inner { font-size: 85%; } .c-product-grid__item--large .c-product-grid__price-wrap .price { font-size: 18px; } /*--- Product grid (Extra Large) ---*/ .c-product-grid__item--extra .c-product-grid__thumb-button-list { right: 25px; top: 25px; } .h-rtl .c-product-grid__item--extra .c-product-grid__thumb-button-list { right: unset; left: 25px; } .c-product-grid__item--extra .c-product-grid__icon { width: 38px !important; height: 38px !important; } .h-ltr .c-product-grid__item--extra .c-product-grid__icon-text { right: calc(38px + 4px); } .h-rtl .c-product-grid__item--extra .c-product-grid__icon-text { left: calc(38px + 4px); } .h-ltr .c-product-grid__item--extra .c-product-grid__badges { top: 25px; left: 25px; right: 88px; } .h-rtl .c-product-grid__item--extra .c-product-grid__badges { top: 25px; right: 25px; left: 88px; } .c-product-grid__item--extra .c-badge { font-size: 12px; line-height: 15px; } .c-product-grid__item--extra .c-product-grid__details, .c-product-grid__item--extra .variations_form, .c-product-grid__item--extra.c-product-grid__item--banner { padding: 25px 30px 30px 30px; } .c-product-grid__item--extra .c-product-grid__atc-wrap--icon { left: 30px; right: 30px; bottom: 30px; } .c-product-grid__item--extra .c-product-grid__atc-wrap--text { padding: 15px 30px 30px 30px; } .c-product-grid__item--extra .c-product-grid__short-desc { font-size: 14px; } .c-product-grid__item--extra .c-product-grid__price-wrap .price { font-size: 20px; } /*--- Product grid (All) ---*/ .c-product-grid__atc--icon:not(.disabled):hover { background-color: var(--accent-color); color: white; } .c-product-grid__atc--icon .c-product-grid__atc-text { display: inline-flex; position: absolute; color: white; background-color: var(--accent-color); font-weight: 700; font-size: 10px; line-height: 13px; letter-spacing: 0.025em; text-transform: uppercase; padding: 6px 9px; border-radius: 15px; bottom: calc(100% + 7px); text-align: center; opacity: 0; visibility: hidden; transform: translateY(7px) scale(0.7); transition: var(--opacity-transform-transition); } .h-ltr .c-product-grid__atc--icon .c-product-grid__atc-text { right: 0; transform-origin: 80% 0; } .h-rtl .c-product-grid__atc--icon .c-product-grid__atc-text { left: 0; transform-origin: 20% 0; } .c-product-grid__atc--icon:not(.disabled):hover .c-product-grid__atc-text { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } .c-product-grid__atc--icon .c-product-grid__atc-text:after { content: ""; display: block; position: absolute; right: 15px; bottom: -10px; border: solid 6px transparent; border-top-color: var(--accent-color); } .h-rtl .c-product-grid__atc--icon .c-product-grid__atc-text:after { right: unset; left: 15px; } } @media (min-width: 1190px) { .c-product-grid__thumb--hover { opacity: 0; transform: scale(1, 1); } .c-product-grid__thumb--base, .c-product-grid__thumb--hover { transition: opacity 0.3s linear, transform 0.3s linear; } .c-product-grid__item:hover .c-product-grid__thumb--base { opacity: 0; } .c-product-grid__item:hover .c-product-grid__thumb--hover { opacity: 1; transform: scale(1.05, 1.05); } .c-product-grid__thumb-button-list { width: 40px; transition: width 1s linear, opacity 0.3s linear, visibility 0.3s linear; opacity: 0; visibility: hidden; } .c-product-grid__item:hover .c-product-grid__thumb-button-list { opacity: 1; visibility: visible; } .c-product-grid__thumb-button:hover .c-product-grid__icon { color: white; border-color: var(--accent-color); background-color: var(--accent-color); } .c-product-grid__atc--text:hover { color: white; border-color: var(--accent-color); background-color: var(--accent-color); } .c-product-grid__icon-text { display: inline-flex; position: absolute; color: white; background-color: var(--accent-color); font-weight: 700; font-size: 10px; line-height: 13px; letter-spacing: 0.025em; text-transform: uppercase; padding: 6px 9px; border-radius: 15px; top: 50%; text-align: center; opacity: 0; visibility: hidden; transform: translateY(-50%) translateX(7px) scale(0.7); transform-origin: right center; transition: var(--opacity-transform-transition); } .h-rtl .c-product-grid__icon-text { transform: translateY(-50%) translateX(-7px) scale(0.7); transform-origin: left center; } .c-product-grid__icon-text:after { content: ""; display: block; position: absolute; top: 50%; margin-top: -6px; border: solid 6px transparent; } .h-ltr .c-product-grid__icon-text:after { right: -10px; border-left-color: var(--accent-color); } .h-rtl .c-product-grid__icon-text:after { left: -10px; border-right-color: var(--accent-color); } .c-product-grid__thumb-button:hover .c-product-grid__icon-text { opacity: 1; visibility: visible; transform: translateY(-50%) translateX(0) scale(1); } .c-product-grid__brand:hover, .woocommerce-loop-product__link:hover { color: var(--hover-color); } .c-product-grid__item--banner:hover .c-product-grid__banner-button { background-color: var(--accent-color-2); color: white; } } /*-- Product grid (Mobile) --*/ @media (max-width: 1189px) { .c-product-grid__item--normal { width: 260px; } .c-product-grid__item--normal { padding-bottom: 60px; } .c-product-grid__icon-text { display: none; } .c-product-grid__thumb--hover { display: none !important; } } @media (max-width: 619px) { .c-product-grid__item { width: 100%; } .c-product-grid__atc--icon .c-product-grid__atc-text { display: none; } .c-product-grid__item .c-product-grid__thumb-button-list { right: 10px; top: 10px; } .h-rtl .c-product-grid__item .c-product-grid__thumb-button-list { right: unset; left: 10px; } .c-product-grid__item .c-product-grid__icon { width: 32px !important; height: 32px !important; } .h-ltr .c-product-grid__item .c-product-grid__icon-text { right: calc(32px + 4px); } .h-rtl .c-product-grid__item .c-product-grid__icon-text { left: calc(32px + 4px); } .h-ltr .c-product-grid__item .c-product-grid__badges { top: 10px; left: 10px; right: 52px; } .h-rtl .c-product-grid__item .c-product-grid__badges { top: 10px; right: 10px; left: 52px; } .c-product-grid__item .c-badge { font-size: 9px; line-height: 11px; } .c-product-grid__item .c-product-grid__details, .c-product-grid__item .variations_form, .c-product-grid__item--banner { padding: 15px 20px 20px 20px; } .c-product-grid__item .c-product-grid__atc-wrap--icon { left: 20px; right: 20px; bottom: 20px; } .c-product-grid__item .c-product-grid__atc-wrap--text { padding: 15px 20px 20px 20px; } .c-product-grid__item .c-product-grid__brands { font-size: 12px; line-height: 15px; } .c-product-grid__item .c-product-grid__short-desc { line-height: 1.3; } .c-product-grid__item .c-product-grid__price-wrap .price { font-size: 18px; } .c-product-grid__item .c-product-grid__title-inner { font-size: 95%; } .c-product-grid__list .owl-nav { display: none !important; } @media (min-width: 360px) { .i-2-per-row-mobile { width: 50%; } .c-product-grid__item--2-per-row-mobile .c-product-grid__title-inner { font-size: 70%; letter-spacing: 0.005em; } .c-product-grid__item--2-per-row-mobile .c-product-grid__price-wrap .price { font-size: 17px; } .c-product-grid__item--2-per-row-mobile.c-product-grid__item--quantity .c-product-grid__atc-wrap--icon { justify-content: center; } .c-product-grid__item--2-per-row-mobile .c-product-grid__quantity { transform: translateX(10%) scaleX(0.5); } .c-product-grid__item--2-per-row-mobile.c-product-grid__item--atc-icon .c-product-grid__price-wrap { max-width: calc(100% - 10px - 40px); } } } /*- Product List Widget -*/ .c-product-list-widget { list-style: none; margin: 0; padding: 0; } .c-product-list-widget__empty { font-size: 15px; } .c-product-list-widget__item { position: relative; } .c-product-list-widget__item.mini_cart_item:before { content: ""; display: block; position: absolute; left: -30px; top: 0; bottom: 0; width: 30px; } .h-rtl .c-product-list-widget__item.mini_cart_item:before { right: -30px; left: unset; } .c-product-list-widget__item + .c-product-list-widget__item { margin-top: 20px; } .c-product-list-widget__wrap { display: flex; position: relative; -moz-column-gap: 20px; column-gap: 20px; align-items: center; font-size: 13px; line-height: 1.23; } .c-product-list-widget__thumb-col { position: relative; flex: 0 0 auto; width: 60px; height: 50px; border-radius: 4px; overflow: hidden; align-self: flex-start; } .c-product-list-widget .variation { text-transform: none; display: block; margin: 5px 0 -5px 0; padding: 0; } .c-product-list-widget .variation * { display: inline; margin: 0; padding: 0; } .c-product-list-widget .variation dt { color: var(--text-color); } .c-product-list-widget .variation dd { color: var(--header-color); } .c-product-list-widget .variation dd:after { content: "\A"; white-space: pre-line; height: 5px; display: block; } .c-product-list-widget__thumb { width: 100% !important; height: 100% !important; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; display: block; } .c-product-list-widget__title-col { flex: 1 1 auto; min-width: 0; } .c-product-list-widget__title { font-family: var(--font-header); font-weight: 700; letter-spacing: 0.005em; color: var(--product-grid-title-color); } .c-product-list-widget__item:not(.mini_cart_item) .c-product-list-widget__price, .c-product-list-widget__price .quantity { font-family: var(--font-header); color: var(--accent-color-2); font-weight: 600; font-size: 14px; line-height: 18px; letter-spacing: 0.02em; display: block; margin-top: 5px; } .c-product-list-widget__price del { display: inline-flex; color: var(--text-color); font-size: 11px; letter-spacing: 0.035em; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; opacity: 0.4; margin-right: 3px; } .c-product-list-widget__star-rating { margin-top: 3px; transform-origin: left center; transform: scale(0.8); margin-bottom: 3px; } .h-rtl .c-product-list-widget__star-rating { transform-origin: right center; } .c-product-list-widget__brand { font-weight: normal; color: var(--header-color); margin-top: 5px; } .c-product-list-widget__remove { color: var(--accent-color); position: absolute; display: flex; width: 25px; height: 25px; justify-content: center; align-items: center; font-size: 10px; line-height: 1; left: -25px; top: 12.5px; transform-origin: center center; opacity: 0; visibility: hidden; transition: var(--opacity-transform-transition); } .h-rtl .c-product-list-widget__remove { left: unset; right: -18px; } .c-product-list-widget__total { margin-top: 25px; position: relative; display: flex; justify-content: space-between; -moz-column-gap: 25px; column-gap: 25px; } .c-product-list-widget__total-title { font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0.015em; color: var(--accent-color); } .c-product-list-widget__total .tax_label { position: absolute; display: inline-block; right: 0; top: 27px; } .c-product-list-widget__total .amount { font-family: var(--font-header); font-style: normal; font-weight: 700; font-size: 20px; line-height: 1; letter-spacing: -0.005em; color: var(--accent-color-2); } .c-product-list-widget__buttons { display: flex; flex-wrap: wrap; margin: 20px -5px -5px -5px; } .c-product-list-widget__buttons .button { flex: 1 1 auto; margin: 5px !important; padding-left: 19px; padding-right: 19px; } .c-product-list-widget__more { display: none; } /*-- Product List Widget (Desktop) --*/ @media (min-width: 1190px) { .c-product-list-widget__title-link:hover { color: var(--hover-color); } .c-product-list-widget__item:hover .c-product-list-widget__remove { opacity: 1; visibility: visible; } .c-product-list-widget__remove:hover { transform: scale(1.3, 1.3); } } /*-- Product List Widget (Mobile) --*/ @media (max-width: 1189px) { .c-product-list-widget__remove { opacity: 1; visibility: visible; } } /*-- Variable Product (Page) --*/ .c-product__summary .variations { margin-top: 25px; margin-bottom: -15px; width: 100%; position: relative; display: block; } .c-product__summary .reset_variations { position: absolute; right: 0; top: 0; font-weight: 600; font-size: 12px; line-height: 15px; letter-spacing: 0.02em; color: var(--accent-color); display: inline-flex; align-items: center; -moz-column-gap: 6px; column-gap: 6px; } .h-rtl .c-product__summary .reset_variations { right: unset; left: 0; } .c-product__summary .reset_variations:before { display: inline-flex; content: var(--icon-close-small); font-family: var(--font-icons); font-size: 6px; } .c-product__summary .variations tbody, .c-product__summary .variations tr, .c-product__summary .variations td { display: block; width: 100%; } .c-product__summary th.label { display: block; font-weight: 600; font-size: 12px; line-height: 15px; letter-spacing: 0.02em; -ms-word-wrap: normal; word-break: normal; word-wrap: normal; padding-bottom: 10px !important; text-align: var(--text-align-left); } .c-product__summary .variable-items-wrapper { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: -2.5px -2.5px 12.5px -2.5px; } .c-product__summary .variable-item { flex: 0 0 auto; min-width: 0; max-width: 100%; margin: 2.5px; position: relative; cursor: pointer; } .c-product__summary .color-variable-wrapper, .c-product__summary .image-variable-wrapper { margin-left: -5px; margin-right: -5px; } .c-product__summary .color-variable-item, .c-product__summary .image-variable-item { margin-left: 5px; margin-right: 5px; } .c-product__summary .variable-item-span-button { display: block; background-color: var(--form-color); border: solid 1px var(--form-color); font-weight: 500; font-size: 13px; line-height: 16px; text-align: center; letter-spacing: 0.01em; color: var(--accent-color); border-radius: 13px; padding: 5px 9px; transition: var(--hover-transition); } .c-product__summary .variable-item.selected .variable-item-span-button { border-color: var(--accent-color); } .c-product__summary .variable-item-span-color { display: block; position: relative; width: 25px; height: 25px; border-radius: 50%; border: 1px solid rgba(0, 35, 75, 0.15); } .c-product__summary .image-variable-item .variable-item-contents { position: relative; width: var(--wvs-width); height: var(--wvs-height); } .c-product__summary .variable-item-image { display: block; width: 100% !important; height: 100% !important; border-radius: 3px; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .c-product__summary .variable-item .variable-item-span-color:before { content: ""; display: block; position: absolute; left: -5px; right: -5px; top: -5px; bottom: -5px; border-radius: 50%; border: solid 1px transparent; transition: var(--hover-transition); } .c-product__summary .variable-item.selected .variable-item-span-color:before { border-color: var(--accent-color); } .c-product__summary .image-variable-item.selected .variable-item-contents:before { content: ""; display: block; position: absolute; left: -4px; right: -4px; top: -4px; bottom: -4px; border-radius: 3px; border: solid 1px var(--accent-color); } .c-product__summary .variable-item:not(.radio-variable-item).disabled, .c-product__summary .variable-item:not(.radio-variable-item).disabled:hover { pointer-events: none; cursor: not-allowed; position: relative; overflow: hidden; } .c-product__summary select:not(.hide) { max-width: 100%; font-weight: 500; font-size: 13px; line-height: 16px; letter-spacing: 0.01em; padding: 8px 28px 8px 9px; color: var(--accent-color); background-position: right 10px top 50%; background-image: var(--select-ordering-image); border-radius: 3px; margin-bottom: 15px; } .h-rtl .c-product__summary select:not(.hide) { padding: 8px 9px 8px 28px; background-position: left 10px top 50%; } .c-product__summary .variable-item.disabled .variable-item-span-color, .c-product__summary .variable-item.disabled .variable-item-image { opacity: 0.2; } .c-product__summary .variable-item.disabled .variable-item-contents:before, .c-product__summary .variable-item.disabled .variable-item-contents:after { content: ""; position: absolute; border-bottom: solid 1px #ff0000; left: -4px; right: -4px; top: 50%; transform-origin: center; z-index: 0; } .c-product__summary .variable-item.disabled .variable-item-contents:before { transform: rotate(45deg); } .c-product__summary .variable-item.disabled .variable-item-contents:after { transform: rotate(-45deg); } .c-product__summary .woocommerce-variation-description > :first-child { margin-top: 0; } .c-product__summary .woocommerce-variation-description > :last-child { margin-bottom: 0; } .c-product__summary .woocommerce-variation-price { margin-top: 15px; } /*-- Variable Product (Desktop) --*/ @media (min-width: 1190px) { .c-product__summary .variable-item:hover .variable-item-span-button, .c-product__summary .variable-item:hover .variable-item-span-color:before { border-color: var(--accent-color); } } /*- Product -*/ .c-product { --col-1-margin-left: 35px; } .c-product__section, .c-product__after-summary > :not(.c-product__products) { position: relative; background: white; } .c-product__after-summary > :not(.c-product__products) { margin-top: 35px; } .c-product__after-summary > :not(.c-product__products) { padding-top: 35px; padding-bottom: 35px; padding-left: var(--col-1-margin-left); padding-right: var(--col-1-margin-left); } .c-product__col-1, .c-product__col-2, .c-product__col-3 { position: relative; } .c-product__inner { display: flex; } .c-product__summary { display: flex; margin-bottom: 30px; gap: 2rem; } .c-product__col-1 > :first-child, .c-product__col-2 > :first-child { margin-top: 0; } .c-product__col-3-wrap { border: solid 1px var(--accent-color); border-radius: 4px; padding: 20px; } .c-product__col-3-wrap > *:not(.c-product__hr), .c-product__col-3-wrap > :first-child > .c-product__atc-wrap, .c-product__col-3-wrap > :first-child > :first-child > table.variations { margin-top: 0 !important; } .c-product__hr { margin-top: 20px; margin-bottom: 20px; border-bottom: solid 1px var(--border-color-light); margin-left: -20px; margin-right: -20px; } .c-product__rev-counter { display: inline-block; } .c-product__slider { --arrow-size: 44px; overflow: hidden; } .h-ltr .c-product__slider { border-top-left-radius: 4px; } .h-rtl .c-product__slider { border-top-right-radius: 4px; } .c-product__slider-item { display: block; width: 100%; padding-bottom: var(--image-product-prop); overflow: hidden; position: relative; } .c-product__slider-item--video .owl-video-tn { background-size: cover !important; } .c-product__slider-item--video .wp-video, .c-product__slider-item--video .wp-video-shortcode, .c-product__slider-item--video > iframe, .c-product__slider-item--video .mejs-mediaelement iframe, .c-product__slider-item--video .c-inline-video { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -o-object-fit: cover; object-fit: cover; height: 100% !important; width: 100% !important; } .c-product__slider-item--video .mejs-mediaelement iframe { pointer-events: none; } .c-product__slider-item--video .mejs-container { background-color: transparent; } .c-product__slider:not(.owl-carousel):not(.c-product__slider--list) > *:not(:first-child) { display: none; } .c-product__slider-item img, .c-product__slider-item .owl-video-wrapper { position: absolute !important; left: 0; top: 0; display: block; width: 100%; height: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover; background-color: var(--image-background-color); } .c-product__slider-img--contain { -o-object-fit: contain !important; object-fit: contain !important; } .c-product__loading { position: absolute; z-index: 10; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; visibility: hidden; transition: var(--opacity-transition); } .c-product__loading.js-loading { opacity: 1; visibility: visible; } .c-product__loading .h-loading { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); } .c-product__thumbs { --left: 10px; --right: 0px; display: flex; margin-top: 10px; max-width: calc(100% - var(--left) - var(--right)); position: relative; } .c-product__summary--3-col .c-product__thumbs { margin-top: 5px; } .h-ltr .c-product__thumbs { margin-left: var(--left); margin-right: var(--right); } .h-rtl .c-product__thumbs { margin-right: var(--left); margin-left: var(--right); } .c-product__thumbs:not(.owl-carousel) { overflow: hidden; -moz-column-gap: 5px; column-gap: 5px; } .c-product__thumbs-item > * { display: block; cursor: pointer; width: 100%; padding-bottom: 100%; } .c-product__thumbs-item { flex: 0 0 auto; position: relative; background-color: var(--image-background-color); transition: var(--opacity-transition); border: solid 1px var(--border-color-light); border-radius: 4px; overflow: hidden; } .c-product__thumbs-item.active { border-color: var(--accent-color); } .c-product__thumbs-img { display: block; position: absolute; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; mix-blend-mode: darken; left: 0; top: 0; width: 100% !important; height: 100% !important; } .c-product__thumbs-video { background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; width: 100%; height: 100%; } .c-product__thumbs-video .c-play { transform-origin: center; transform: scale(0.8); } .c-product__thumbs-video-mask { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .c-product__slider--video { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-position: center; background-size: cover; cursor: pointer; } .c-product__title, .product_title.entry-title { font-family: var(--font-header); font-weight: 700; line-height: 1.15; color: var(--product-page-title-color); margin-top: 15px; } .c-product__short-description, .c-product__custom-html, .c-product__summary .woocommerce-variation-description, .woocommerce-product-details__short-description { font-weight: 400; font-size: 14px; line-height: 1.5; letter-spacing: 0.02em; color: var(--body-color); margin-top: 20px; } .c-product__short-description > :first-child, .c-product__custom-html > :first-child, .c-product__summary .woocommerce-variation-description > :first-child, .woocommerce-product-details__short-description > :first-child { margin-top: 0; } .c-product__short-description > :last-child, .c-product__custom-html > :last-child, .c-product__summary .woocommerce-variation-description > :last-child, .woocommerce-product-details__short-description > :last-child { margin-bottom: 0; } .c-product__short-description ul li, .c-product__custom-html ul li, .c-product__summary .woocommerce-variation-description ul li, .woocommerce-product-details__short-description ul li { list-style-image: var(--li-image); -webkit-padding-start: 0px; padding-inline-start: 0px; } .h-ltr .c-product__short-description ul, .h-ltr .c-product__custom-html ul, .h-ltr .c-product__summary .woocommerce-variation-description ul { padding-left: 11px; } .h-rtl .c-product__short-description ul, .h-rtl .c-product__custom-html ul, .h-rtl .c-product__summary .woocommerce-variation-description ul { padding-right: 11px; } .c-product__short-description ul li:not(:last-child), .c-product__custom-html ul li:not(:last-child), .c-product__summary .woocommerce-variation-description ul li:not(:last-child) { margin-bottom: 5px; } .c-product__custom-html { border: var(--custom-border); color: var(--custom-text-color); background-color: var(--custom-background-color); } .c-product__custom-html ul, .c-product__custom-html ol { -moz-columns: var(--custom-columns); columns: var(--custom-columns); } .c-product__custom-html img { vertical-align: middle; } .c-product__custom-html--container { border-radius: 4px; padding: 16px 20px; } .woocommerce-grouped-product-list-item__thumb { width: 80px; } .c-product__summary .price, .yith-wfbt-submit-block .total_price, .woocommerce-grouped-product-list-item__price, .c-product__after-summary .woobt-total .amount, .c-product__summary .woobt-total .amount { font-family: var(--font-header); font-weight: 700; font-size: 25px; line-height: 1.24; letter-spacing: -0.02em; color: var(--accent-color-2); margin: 20px 0 0 0; } .c-product__summary .price del, .yith-wfbt-submit-block .total_price del, .woocommerce-grouped-product-list-item__price del { display: inline-block; color: var(--text-color); -webkit-text-decoration-color: var(--text-decoration-color-desktop); text-decoration-color: var(--text-decoration-color-desktop); text-decoration-thickness: 0.06em; font-size: 70%; letter-spacing: 0.035em; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; opacity: 0.4; } .c-product__summary .price:empty { display: none !important; } .c-product__summary .group_table { width: 100%; margin-top: 30px; table-layout: fixed; } .woocommerce-grouped-product-list-item__quantity { text-align: var(--text-align-right); width: 116px; } .woocommerce-grouped-product-list-item__label label { display: block; font-family: var(--font-header); font-weight: 700; font-size: 13px; line-height: 1.3; letter-spacing: 0.005em; color: var(--accent-color); } .h-ltr .woocommerce-grouped-product-list-item__label { padding-right: 10px; } .h-rtl .woocommerce-grouped-product-list-item__label { padding-left: 10px; } .c-product__summary .group_table .c-product__quantity { --height: 45px; } .c-product__summary .group_table td { padding-bottom: 18px; } .c-product__grouped-thumb { width: 60px; height: 50px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 4px; } .h-ltr .c-product__grouped-thumb { margin-right: 20px; } .h-rtl .c-product__grouped-thumb { margin-left: 20px; } .woocommerce-grouped-product-list-item__price { margin-top: 0; font-size: 13px; letter-spacing: -0.02em; } .woocommerce-grouped-product-list-item__price del { font-size: 11px; } .c-product__summary .price ins, .woocommerce-grouped-product-list-item__price ins { text-decoration: none; } .c-product__summary .woocommerce-product-rating { font-weight: 400; font-size: 12px; line-height: 15px; letter-spacing: 0.02em; color: var(--accent-color); margin-top: 15px; display: flex; align-items: center; -moz-column-gap: 10px; column-gap: 10px; } .c-product__summary .stock { margin: 25px 0 0 0; font-weight: 600; font-size: 12px; line-height: 15px; letter-spacing: 0.02em; color: var(--accent-color); } .c-product__summary .stock.out-of-stock { color: #d1333c; } .c-product__summary .product_meta { margin-top: 25px; width: 100%; font-weight: 600; font-size: 12px; line-height: 1.25; letter-spacing: 0.02em; -moz-column-count: 2; column-count: 2; -moz-column-gap: 30px; column-gap: 30px; margin-left: var(--col-1-margin-left); } .c-product__summary .sku_wrapper { font-weight: 600; font-size: 12px; line-height: 1.25; letter-spacing: 0.02em; } .c-product__col-1 > .sku_wrapper, .c-product__col-2 > .sku_wrapper { margin-top: 20px; display: block; } .c-product__summary .sku { font-weight: 400; } .c-product__summary .product_meta > * { display: block; } .c-product__summary .product_meta > *:not(:first-child) { margin-top: 10px; } .c-product__summary .product_meta a { font-weight: 400; color: var(--accent-color); } .c-product__products { margin-top: 35px; } .c-product__products .c-product-grid__list.owl-dotted { margin-bottom: 60px; } .c-product__products-title, .c-product__after-summary > :not(.c-product__products) h2, .c-product__after-summary > :not(.c-product__products) h3, .c-product__after-summary .woobt-wrap:before { font-family: var(--font-header); font-weight: 700; font-size: 30px; line-height: 1.13; text-align: center; letter-spacing: -0.02em; text-transform: var(--text-transform); color: var(--accent-color); margin-bottom: 35px; } .c-product__image-link--zoom { -webkit-font-smoothing: subpixel-antialiased; cursor: var(--zoom-cursor); } .c-product__image-link--zoom .c-play { pointer-events: none; transition: var(--hover-transition); } .c-product__image-zoom { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .c-product__image-zoom .c-product__slider-img, .c-product__image-zoom .zoomImg { transition: opacity 0.5s linear; } .c-product__image-zoom.zooming .c-product__slider-img { opacity: 0; } .c-product__brand-logo-list { display: flex; flex-wrap: wrap; margin: -10px -20px -20px -20px; } .c-product__gallery { position: relative; } .c-product__badges { position: absolute; left: 15px; right: 15px; top: 15px; z-index: 2; pointer-events: none; } .c-product__badges .c-badge { font-size: 12px; line-height: 1.26; letter-spacing: 0.045em; } .c-product .owl-prev, .c-product .owl-next { font-size: 10px; } .c-product__sidebar-wrap { margin-top: calc(var(--col-1-margin-left) - 40px); } .c-product__progress { max-width: 360px; } .c-product__bar { height: 8px; position: relative; border-radius: 4px; overflow: hidden; display: flex; justify-content: flex-start; margin-top: 15px; } .c-product__bar:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: var(--accent-color); opacity: 0.06; } .c-product__bar-inner { flex: 0 0 auto; height: 100%; border-radius: 4px; background-color: var(--accent-color-3); } .c-product__bar-inner { display: flex; justify-content: space-between; } .c-product__progress-text { display: flex; margin-top: 10px; justify-content: flex-start; -moz-column-gap: 30px; column-gap: 30px; } .c-product__progress-value { color: var(--accent-color); } .woocommerce-variation-add-to-cart-disabled .c-product__buy-now { cursor: not-allowed !important; } .c-product--not-purchasable.product-type-variable .woocommerce-variation-add-to-cart { display: none; } /*-- Product (Desktop) --*/ @media (min-width: 1190px) { .c-product__thumbs:not(.owl-carousel) .c-product__thumbs-item { width: calc((100% - 5 * 5px) / 6); } .c-product__section, .c-product__after-summary > :not(.c-product__products) { border-radius: 4px; border: solid 1px var(--border-color-light); margin-left: auto; margin-right: auto; width: unset; } .c-product__section--bottom-padding { padding-bottom: 70px; } .c-product__section--boxed, .c-product__after-summary--boxed > :not(.c-product__products) { max-width: 1160px; } .c-product__after-summary--wide > :not(.c-product__products), .c-product__section--wide { max-width: 1820px; } @media (max-width: 1920px) { .c-product__after-summary--wide > :not(.c-product__products), .c-product__section--wide { margin-left: 50px; margin-right: 50px; } } .c-product__inner-content { flex: 1 1 auto; min-width: 500px; display: flex; flex-direction: column; } .c-product .js-sticky-sidebar-nearby { flex: 1 1 auto; display: block; } .c-product__sidebar { flex: 0 0 auto; width: calc(1160px / 3); border-left: solid 1px var(--border-color-light); } .c-product__summary--2-col .c-product__col-1, .c-product__summary--2-col .c-product__col-2, .c-product__summary--2-col-sidebar .c-product__col-1, .c-product__summary--2-col-sidebar .c-product__col-2 { flex: 0 0 auto; width: 50%; } .c-product__summary--3-col .c-product__col-1, .c-product__summary--3-col .c-product__col-2, .c-product__summary--3-col .c-product__col-3 { flex: 0 0 auto; width: calc(100% / 3); } .h-ltr .c-product__col-1 > *:not(.c-product__gallery) { margin-left: var(--col-1-margin-left); } .h-rtl .c-product__col-1 > *:not(.c-product__gallery) { margin-right: var(--col-1-margin-left); } .c-product--tabs-expanded, .c-product__summary--2-col { --col-1-margin-left: 45px; } .c-product__summary--boxed .c-product__col-2 { padding: 30px 35px 0 35px; } .c-product__summary--2-col .c-product__col-2, .c-product__summary--fullwidth .c-product__col-2 { padding: 35px 50px 0 50px; } .c-product__summary--3-col .c-product__col-2 .c-product__title:first-child { margin-top: calc(var(--font-size-desktop) / -5); } .c-product__col-3-wrap { margin-top: 40px; } .h-ltr .c-product__col-3 .c-product__col-3-wrap { margin-top: 20px; margin-right: 20px; } .h-rtl .c-product__col-3 .c-product__col-3-wrap { margin-top: 20px; margin-left: 20px; } .c-product__title, .product_title.entry-title { font-size: var(--font-size-desktop); letter-spacing: -0.02em; margin-left: -0.02em; } .c-product--quick-view .c-product__title, .c-product__summary--3-col.c-product__summary--boxed .c-product__title, .c-product__summary--2-col-sidebar.c-product__summary--boxed .c-product__title { font-size: var(--font-size-desktop-qv); letter-spacing: -0.015em; } @media (max-width: 1449px) { .c-product__summary--3-col .c-product__title, .c-product__summary--2-col-sidebar .c-product__title { font-size: var(--font-size-desktop-qv); letter-spacing: -0.015em; } .c-product__summary--3-col .c-product__col-2, .c-product__summary--2-col-sidebar .c-product__col-2 { padding: var(--col-1-margin-left) var(--col-1-margin-left) 0 var(--col-1-margin-left); } } .c-product__image-zoom-mobile { display: none; } .c-product__break { display: none; } .c-product__sidebar-wrap > .widget { padding: var(--col-1-margin-left) !important; } .c-product__summary .product_meta a:hover { color: var(--accent-color-2); } .c-product__image-link--zoom:hover .c-play, .owl-carousel .owl-video-play-icon:hover, .c-product__slider-item--video:hover .mejs-overlay-button { background-color: var(--header-color); } } /*-- Product (Mobile) --*/ @media (max-width: 1189px) { @media (min-width: 768px) { .c-product--tabs-expanded { --col-1-margin-left: 30px; } .c-product__break { display: block; flex: 0 0 auto; width: 100%; } .c-product__thumbs:not(.owl-carousel) .c-product__thumbs-item { width: calc((100% - 4 * 5px) / 5); } .c-product__summary--2-col .c-product__col-1, .c-product__summary--2-col .c-product__col-2, .c-product__summary--2-col-sidebar .c-product__col-1, .c-product__summary--2-col-sidebar .c-product__col-2 { flex: 0 0 auto; width: 50%; } .c-product__summary--2-col .c-product__col-2, .c-product__summary--2-col-sidebar .c-product__col-2 { padding: var(--col-1-margin-left) var(--col-1-margin-left) 0 var(--col-1-margin-left); } .c-product__summary--3-col { flex-wrap: wrap; justify-content: center; } .c-product__summary--3-col .c-product__col-1 { width: calc(100% - 384px); max-width: 100%; } .c-product__summary--3-col .c-product__col-2, .c-product__summary--3-col .c-product__col-3 { margin-top: 30px; width: 50%; } .c-product__summary--3-col .c-product__col-2 { padding-left: var(--col-1-margin-left); padding-right: var(--col-1-margin-left); } .h-ltr .c-product__summary--3-col .c-product__col-3 { padding-right: var(--col-1-margin-left); } .h-rtl .c-product__summary--3-col .c-product__col-3 { padding-left: var(--col-1-margin-left); } .h-ltr .c-product__summary--2-col .c-product__col-1 > *:not(.c-product__gallery), .h-ltr .c-product__summary--2-col-sidebar .c-product__col-1 > *:not(.c-product__gallery) { margin-left: var(--col-1-margin-left); } .h-rtl .c-product__summary--2-col .c-product__col-1 > *:not(.c-product__gallery), .h-rtl .c-product__summary--2-col-sidebar .c-product__col-1 > *:not(.c-product__gallery) { margin-right: var(--col-1-margin-left); } .c-product__summary--2-col .c-product__col-3-wrap, .c-product__summary--2-col-sidebar .c-product__col-3-wrap { margin-top: var(--col-1-margin-left); } .c-product--2-col-sidebar .c-product__inner { display: block; } } .c-product--tabs-fullwidth .c-product__sidebar { margin-top: var(--col-1-margin-left); } .c-product__sidebar { border-top: solid 1px var(--border-color-light); } .c-product__section, .c-product__after-summary > :not(.c-product__products) { min-width: 320px; margin-top: 0 !important; border-top: solid 1px var(--border-color-light); border-bottom: solid 1px var(--border-color-light); } .c-product__after-summary > :not(.c-product__products) { margin-top: -1px !important; } .c-product__section--bottom-padding { padding-bottom: 50px; } .c-product__title, .product_title.entry-title { font-size: var(--font-size-mobile); letter-spacing: -0.005em; } .c-product__image-zoom-mobile { display: block; position: absolute; right: 30px; bottom: 25px; font-size: 35px; line-height: 1; z-index: 11; } .c-product__sidebar-wrap > .widget { padding: var(--col-1-margin-left) !important; } } @media (max-width: 767px) { .c-product__thumbs:not(.owl-carousel) .c-product__thumbs-item { width: calc((100% - 3 * 5px) / 4); } .c-product__thumbs { margin-top: 5px; --left: 10px; --right: 10px; } .c-product__inner { display: block; } .c-product__summary { display: block; margin-bottom: 25px; } .c-product__col-2 { margin-top: 20px; } .c-product__col-2, .c-product__col-3 { margin-left: var(--col-1-margin-left); margin-right: var(--col-1-margin-left); } .c-product__col-3-wrap { margin-top: 20px; } .c-product__col-1 > *:not(.c-product__gallery) { margin-left: var(--col-1-margin-left); margin-right: var(--col-1-margin-left); } .c-product__products-title { font-size: 28px; } } @media (max-width: 619px) { .c-product__products { padding-left: 0; padding-right: 0; } .c-product__products-title { padding-left: var(--col-1-margin-left); padding-right: var(--col-1-margin-left); } } @media (max-width: 474px) { .c-product { --col-1-margin-left: 20px; } } @media (max-width: 1189px) and (min-width: 630px) { .c-product__sidebar-wrap { width: 770px; max-width: 100%; margin-left: auto; margin-right: auto; display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-start; position: relative; } .c-product__sidebar-wrap > .widget { flex: 0 0 auto; width: 50%; } } /*- Shop Sidebar -*/ .c-shop-sidebar__content { margin-top: -15px; } .c-shop-sidebar__content .widget-area > .widget { position: relative; padding-top: 40px; padding-left: 25px; padding-bottom: 0 !important; padding-right: 25px; } .c-shop-sidebar__content--popup { padding-left: 30px; padding-right: 30px; padding-bottom: 30px; display: block; position: absolute; left: 0; right: 0; top: 61px; bottom: 0; overflow: auto; } .c-shop-sidebar__buttons { display: flex; justify-content: flex-end; align-items: center; flex: 0 0 auto; } .c-shop-sidebar__close { display: inline-flex; justify-content: center; align-items: center; width: 46px; height: 46px; font-size: 16px; line-height: 1; cursor: pointer; color: var(--accent-color); } .c-shop-sidebar__shadow { position: fixed; z-index: 1199; left: 0; top: 0; width: 100%; max-width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: var(--opacity-transition); background-color: rgba(0, 0, 0, 0.1); } .c-shop-sidebar--active + .c-shop-sidebar__shadow { visibility: visible; opacity: 1; } /*-- Shop Sidebar (Desktop) --*/ @media (min-width: 1190px) { .c-shop-sidebar--mobile-only { display: none; } .c-shop-sidebar__content--mobile { display: none; } .c-shop-sidebar--desktop-filter { position: fixed !important; z-index: 1200; right: 0; top: 0; width: 360px; max-width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: var(--opacity-transition); } .h-rtl .c-shop-sidebar--desktop-filter { right: unset; left: 0; } .c-shop-sidebar--desktop-sidebar .c-shop-sidebar__buttons { display: none; } .c-shop-sidebar__content--desktop-filter .widget:first-child { padding-top: 0; } .c-shop-sidebar--desktop-filter.c-shop-sidebar--disabled { display: none !important; pointer-events: none; } .c-shop-sidebar--desktop-filter.c-shop-sidebar--active { opacity: 1; visibility: visible; } .c-shop-sidebar--desktop-filter .c-shop-sidebar__wrap { position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: white; transition: var(--custom-transform-transition); transform: translateX(100%); box-shadow: -5px 0 90px var(--shadow-color); } .h-rtl .c-shop-sidebar--desktop-filter .c-shop-sidebar__wrap { transform: translateX(-100%); } .c-shop-sidebar--desktop-filter .c-shop-sidebar__wrap--active { transform: translateX(0); } .h-rtl .c-shop-sidebar--desktop-filter .c-shop-sidebar__wrap--active { transform: translateX(0); } .c-shop-sidebar__content--desktop-filter { display: block; position: absolute; left: 0; right: 0; top: 61px; bottom: 0; padding-bottom: 40px; overflow: auto; background-color: white; } } /*-- Header (Mobile) --*/ @media (max-width: 1189px) { .c-shop-sidebar { position: fixed !important; z-index: 1400; right: 0; top: 0; width: 360px; max-width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: var(--opacity-transition); } .h-rtl .c-shop-sidebar { right: unset; left: 0; } .c-shop-sidebar__content--desktop-filter .widget:first-child, .c-shop-sidebar__content--desktop .widget:first-child, .c-shop-sidebar__content--mobile .widget:first-child { padding-top: 0; } .c-shop-sidebar--disabled { display: none !important; pointer-events: none; } .c-shop-sidebar--active { opacity: 1; visibility: visible; } .c-shop-sidebar__wrap { position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: white; transition: var(--custom-transform-transition); transform: translateX(100%); box-shadow: -5px 0 90px var(--shadow-color); } .h-rtl .c-shop-sidebar__wrap { transform: translateX(-100%); } .c-shop-sidebar__wrap--active { transform: translateX(0); } .h-rtl .c-shop-sidebar__wrap--active { transform: translateX(0); } .c-shop-sidebar__content { display: block; position: absolute; left: 0; right: 0; top: 61px; bottom: 0; padding-bottom: 40px; overflow: auto; background-color: white; } .h-rtl .c-shop-sidebar__close { margin-left: 0; margin-right: auto; } .c-shop-sidebar__content--desktop, .c-shop-sidebar__content--desktop-filter { display: none; } .c-shop-sidebar--single .c-shop-sidebar__content--desktop, .c-shop-sidebar--single .c-shop-sidebar__content--desktop-filter { display: block; } } /*- Social icons -*/ .c-soc { display: inline-flex; align-items: center; position: relative; font-size: 16px; line-height: 1; letter-spacing: 0; margin: -10px; } .c-soc__icon { display: inline-flex; } .c-soc__link { display: inline-flex; padding: 10px; } /*- Stock Status -*/ .c-stock--out-of-stock { color: #d1333c; } /*- Subcategories -*/ .c-sub-categories { margin-bottom: 40px; } .c-sub-categories__list { display: flex; flex-wrap: wrap; margin: -15px -5px; } .c-sub-categories__item { flex: 0 1 auto; max-width: 100%; margin: 15px 5px; } @media (min-width: 1636px) { .c-sub-categories__item--sidebar { width: calc((100% - 40px) / 4); } } @media (max-width: 1635px) and (min-width: 1190px) { .c-sub-categories__item--sidebar { width: calc((100% - 30px) / 3); } } @media (min-width: 1190px) { .c-sub-categories__item--no-sidebar { width: calc((100% - 40px) / 4); } .c-sub-categories__item--sidebar.c-sub-categories__item--boxed { width: calc((100% - 30px) / 3); } } @media (max-width: 1189px) and (min-width: 768px) { .c-sub-categories__item { width: calc((100% - 30px) / 3); } } @media (max-width: 767px) and (min-width: 475px) { .c-sub-categories__item { width: calc((100% - 20px) / 2); } } @media (max-width: 474px) { .c-sub-categories__item { width: 100%; } } .c-sub-categories__item-wrap { display: flex; align-items: center; padding-right: 20px; } .c-sub-categories__thumb-wrap { display: inline-block; flex: 0 0 auto; width: var(--image-size); height: var(--image-size); border-radius: 50%; position: relative; overflow: hidden; } .c-sub-categories__thumb-wrap--back { background-color: var(--background-color); } .c-sub-categories__thumb-wrap--content { margin-right: 20px; } .h-rtl .c-sub-categories__thumb-wrap--content { margin-right: 0; margin-left: 20px; } .c-sub-categories__thumb-wrap > img { display: block; position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .c-sub-categories__thumb-wrap--darken > img { mix-blend-mode: darken; } .woocommerce-loop-category__title { flex: 1 1 auto; font-weight: 300; font-size: 19px; line-height: 22px; letter-spacing: 0.025em; text-transform: var(--text-transform); } .c-sub-categories__item .count { display: inline-block; background-color: transparent; opacity: 0.3; font-size: 65%; } .c-sub-categories__back { display: inline-flex; transform-origin: center; font-size: 22px; } .h-rtl .c-sub-categories__back { transform: scaleX(-1); } .c-sub-categories__thumb-wrap--back { display: inline-flex !important; justify-content: center; align-items: center; font-size: 12.5px; line-height: 1; } /*-- Subcategories (Desktop) --*/ @media (min-width: 1190px) { .c-sub-categories__thumb-wrap { transition: transform 0.15s ease-out; } .c-page-header__sub-cat-item:hover .c-sub-categories__thumb-wrap { transform: scale(1.1, 1.1) translateY(-7px); } } /*-- Subcategories (Mobile) --*/ @media (max-width: 892px) { .c-sub-categories__list { margin: -7.5px -5px; } .c-sub-categories__item { margin: 7.5px 5px; } .c-sub-categories__thumb-wrap { flex: 0 0 auto; width: calc(var(--image-size) * 70 / 100); height: calc(var(--image-size) * 70 / 100); } .woocommerce-loop-category__title { font-size: 17px; line-height: 20px; } } /*- Tabs -*/ .c-tabs__wrap { margin: 0 50px 25px 50px; text-align: center; line-height: 0; } .c-tabs__menu { display: inline-flex !important; position: relative; margin: 0; padding: 0; list-style: none; } .c-tabs__menu:not(.owl-carousel) { overflow: hidden; } .c-tabs__menu--container { max-width: 1160px; } .c-tabs__menu:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: solid 2px var(--border-color-light); } .c-tabs__menu-item { z-index: 1; position: relative; flex: 0 0 auto; font-style: normal; font-weight: 500; font-size: 22px; line-height: 1.27; margin: 0; padding-bottom: 23px; border-bottom: solid 2px transparent; color: var(--accent-color); opacity: 0.7; } .c-tabs__menu:not(.owl-carousel) .c-tabs__menu-item:not(:last-child) { margin-right: 40px; } .h-rtl .c-tabs__menu:not(.owl-carousel) .c-tabs__menu-item:not(:last-child) { margin-right: 0; margin-left: 40px; } .c-tabs__menu-item.active { opacity: 1; border-bottom-color: var(--accent-color); } .c-tabs__menu .owl-item:last-child { margin-right: -1px !important; } .c-tabs__item { text-align: var(--text-align-left); font-weight: 400; font-size: 14px; line-height: 1.5; letter-spacing: 0.02em; color: var(--text-color); opacity: 0; transition: opacity 0.3s linear; } .c-tabs__item.active { opacity: 1; } .c-tabs__item:not(.visible) { display: none; } .c-tabs__item.preloading { display: block !important; position: absolute; z-index: -1; left: 0; right: 0; top: 0; opacity: 0; visibility: hidden; } .c-tabs__list { position: relative; } .c-tabs__list--grid { justify-content: center; } /*-- Tabs (Desktop) --*/ @media (min-width: 1190px) { .elementor-section-boxed .c-tabs__wrap, .e-con-boxed .c-tabs__wrap, .c-tabs__wrap--boxed { margin: 0 auto 25px auto; max-width: 1160px; } .c-tabs__menu-item:hover { opacity: 1; } .c-tabs__menu-link:hover { color: var(--accent-color); } } /*-- Tabs (Mobile) --*/ @media (max-width: 767px) { .c-tabs__wrap { margin-left: auto; margin-right: auto; max-width: calc(100vw - 90px); margin-bottom: 25px; } .c-tabs__menu-item { font-size: 20px; padding-bottom: 20px; } .c-tabs__menu:not(.owl-carousel) .c-tabs__menu-item:not(:last-child) { margin-right: 46px; } .h-rtl .c-tabs__menu:not(.owl-carousel) .c-tabs__menu-item:not(:last-child) { margin-right: 0; margin-left: 46px; } } @media (max-width: 619px) { .c-tabs__container { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } } /*- To Top Button -*/ .c-to-top-button { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; position: fixed; right: 80px; bottom: 106px; z-index: 1190; cursor: pointer; opacity: 0; visibility: hidden; transition: opacity 0.2s linear, visibility 0.2s linear, transform 0.2s linear; transform-origin: center center; transform: scale(0.1, 0.1); outline: none; border: none; background-color: var(--to-top-button-color); color: white; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1); } .c-to-top-button--active { opacity: 1; visibility: visible; transform: scale(1, 1); } .c-to-top-button__svg { font-size: 10px; line-height: 1; transform-origin: center center; transform: rotate(-90deg); } /*-- To Top Button (Desktop) --*/ @media (min-width: 1190px) { .c-to-top-button--active:hover { opacity: 1; visibility: visible; transform: scale(1.2, 1.2); } } /*-- To Top Button (Mobile) --*/ @media (max-width: 1189px) { .c-to-top-button { bottom: 70px; right: 10px; } .c-to-top-button--without-menu { bottom: 7px; } } /*- Top Bar Menu -*/ /*-- (Desktop) --*/ @media (min-width: 1190px) { .c-top-bar-menu__item--has-children > .a, .c-top-bar-menu__subitem--has-children > .a { cursor: default; } .c-top-bar-menu__list { padding: 0; margin: 0 -15px; list-style: none; display: flex; width: 100%; } .c-top-bar-menu__item { position: relative; flex: 0 0 auto; margin: 0 15px; font-weight: 600; font-size: 12px; line-height: 18px; letter-spacing: 0.045em; text-transform: uppercase; } .c-top-bar-menu__item:hover > a, .c-top-bar-menu__item:hover > .a { color: var(--top-accent-color); } .c-top-bar-menu__submenu { position: absolute; list-style: none; padding: 23px 0; width: 250px; margin: 10px 0 0 0; left: 0; z-index: 1000; opacity: 0; visibility: hidden; transition: visibility 0.15s linear, opacity 0.15s linear; pointer-events: none; text-transform: none; font-weight: normal; background-color: var(--top-sub-background-color); color: var(--top-sub-color); box-shadow: var(--box-shadow); display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; border-radius: 8px; } .h-rtl .c-top-bar-menu__submenu { left: unset; right: 0; } .c-top-bar-menu__submenu:not(.initialized) { opacity: 0 !important; visibility: hidden !important; } .c-top-bar-menu__submenu:not( .c-top-bar-menu__submenu--inner ).c-top-bar-menu__submenu--rtl { left: unset; right: 0; } .h-rtl .c-top-bar-menu__submenu:not( .c-top-bar-menu__submenu--inner ).c-top-bar-menu__submenu--rtl { left: 0; right: unset; } .c-top-bar-menu__submenu:not(.c-top-bar-menu__submenu--inner):after { content: ""; display: block; position: absolute; left: 10px; top: -9px; border: solid 5px transparent; border-bottom-color: var(--top-sub-background-color); } .h-rtl .c-top-bar-menu__submenu:not(.c-top-bar-menu__submenu--inner):after { left: unset; right: 10px; } .c-top-bar-menu__submenu:not(.c-top-bar-menu__submenu--inner):before { content: ""; display: block; position: absolute; left: -10px; right: -10px; top: -10px; height: 10px; } .c-top-bar-menu__submenu--inner { top: -23px; margin-top: 0; } .c-top-bar-menu__submenu--inner:not(.c-top-bar-menu__submenu--rtl) { left: 100%; } .h-rtl .c-top-bar-menu__submenu--inner:not(.c-top-bar-menu__submenu--rtl) { left: unset; right: 100%; } .c-top-bar-menu__submenu--inner.c-top-bar-menu__submenu--rtl { left: unset; right: 100%; } .h-rtl .c-top-bar-menu__submenu--inner.c-top-bar-menu__submenu--rtl { left: 100%; right: unset; } .c-top-bar-menu__item:hover > .c-top-bar-menu__submenu, .c-top-bar-menu__subitem:hover > .c-top-bar-menu__submenu { opacity: 1; visibility: visible; pointer-events: unset; } .c-top-bar-menu__subitem { width: 100%; font-weight: 600; font-size: 13px; line-height: 16px; letter-spacing: 0.045em; text-transform: uppercase; position: relative; } .c-top-bar-menu__subitem > a, .c-top-bar-menu__subitem > .a { display: block; padding: 10px 30px; } .c-top-bar-menu__subitem:hover > a, .c-top-bar-menu__subitem:hover > a:after, .c-top-bar-menu__subitem:hover > .a, .c-top-bar-menu__subitem:hover > .a:after { color: var(--top-sub-accent-color); } .c-top-bar-menu__item--has-children > a:after, .c-top-bar-menu__item--has-children > .a:after { content: var(--icon-select-bold); display: inline-flex; vertical-align: middle; font-family: var(--font-icons); font-size: 3.5px; line-height: 1; margin-left: 10px; position: relative; top: -2px; } .h-rtl .c-top-bar-menu__item--has-children > a:after { margin-left: 0; margin-right: 5px; } .c-top-bar-menu__subitem--has-children > a:after, .c-top-bar-menu__subitem--has-children > .a:after { content: var(--icon-select-bold); position: absolute; transform: rotate(-90deg); right: 30px; top: 9px; display: inline-block; font-family: var(--font-icons); font-size: 3.5px; color: var(--accent-color_light); } .h-rtl .c-top-bar-menu__subitem--has-children > a:after, .h-rtl .c-top-bar-menu__subitem--has-children > .a:after { right: unset; left: 30px; transform: rotate(90deg); } .c-top-bar-menu__subitem--rtl > a:after, .c-top-bar-menu__subitem--rtl > .a:after { right: unset; left: 4px; transform: rotate(90deg); } .h-rtl .c-top-bar-menu__subitem--rtl > a:after, .h-rtl .c-top-bar-menu__subitem--rtl > .a:after { left: unset; right: 4px; transform: rotate(-90deg); } } /*- Top Menu -*/ /*-- Top Menu (Desktop) --*/ @media (min-width: 1190px) { .c-top-menu__item > .a, .c-top-menu__subitem--has-children > .a { cursor: default; } .c-top-menu__item { --container-margin: 40px; } .c-top-menu__item--header-type-1 { --item-width: calc((1160px - var(--container-margin)) / 4); } .c-top-menu__item--header-type-2 { --item-width: calc((1160px - 260px - var(--container-margin)) / 4); } .c-top-menu__submenu--columns-1 { --container-width: calc( var(--item-width) * 1 + var(--container-margin) ); } .c-top-menu__submenu--columns-2 { --container-width: calc( var(--item-width) * 2 + var(--container-margin) ); } .c-top-menu__submenu--columns-3 { --container-width: calc( var(--item-width) * 3 + var(--container-margin) ); } .c-top-menu__submenu--columns-4 { --container-width: calc( var(--item-width) * 4 + var(--container-margin) ); } .c-top-menu { align-self: stretch; position: relative; } .c-top-menu--vert { padding-top: 15px; padding-bottom: 15px; } .c-top-menu__list--header-type-1 { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: -15px calc(var(--menu-item-margin-container) * 1px); height: 100%; justify-content: center; } .c-top-menu__list--header-type-2 { list-style: none; padding: 20px 0; margin: 0; width: 260px; } .c-top-menu__list--header-type-2:after { content: ""; display: block; position: absolute; left: 26px; top: -9px; border: solid 5px transparent; border-bottom-color: var(--top-menu-submenu-bg-color); } .h-rtl .c-top-menu__list--header-type-2:after { left: unset; right: 26px; } .c-top-menu__item--header-type-1 { position: relative; margin: 15px calc(var(--menu-item-margin) * 1px); } .c-top-menu__item--header-type-2:not(:last-child) { border-bottom: solid 1px var(--border-color-light); } .c-top-menu__item--header-type-1 > a, .c-top-menu__item--header-type-1 > .a { display: flex; align-items: center; justify-content: center; height: 100%; text-transform: uppercase; font-weight: 600; font-size: calc(var(--menu-font-size) * 1px); line-height: 1; letter-spacing: 0.065em; gap: 1rem; } .c-top-menu__item--header-type-1 > a > i { color: var(--header-color-icon-menu); } .c-top-menu__list--vert .c-top-menu__item--header-type-1 > a, .c-top-menu__list--vert .c-top-menu__item--header-type-1 > .a { flex-direction: column; } .c-top-menu__list--vert .c-top-menu__icon--header-type-1, .c-top-menu__list--vert .c-top-menu__image--header-type-1 { margin-right: 0 !important; margin-left: 0 !important; margin-bottom: 5px; } @media (max-width: 1920px) { .c-top-menu__list--header-type-1 { margin: -15px calc( var(--menu-item-margin-container) * (100vw - 900px) / (1920 - 900) ); } .c-top-menu__item--header-type-1 { margin: 15px calc(var(--menu-item-margin) * (100vw - 900px) / (1920 - 900)); } .c-top-menu__item--header-type-1 > a, .c-top-menu__item--header-type-1 > .a { font-size: calc(var(--menu-font-size) * 100vw / 1920); } } .c-top-menu__item--header-type-2 > a, .c-top-menu__item--header-type-2 > .a { position: relative; display: flex; align-items: center; font-weight: 600; font-size: 15px; line-height: 1.27; letter-spacing: 0.065em; text-transform: uppercase; padding: 10px 45px 10px 20px; min-height: 50px; } .h-rtl .c-top-menu__item--header-type-2 > a, .h-rtl .c-top-menu__item--header-type-2 > .a { padding: 10px 20px 10px 45px; } .c-top-menu__icon--header-type-1 { display: inline-flex; font-size: var(--menu-icons-font-size); color: var(--header-color-icon-menu); } .c-top-menu__image--header-type-1 { display: inline-flex; width: auto !important; height: var(--menu-icons-font-size) !important; } .h-ltr .c-top-menu__icon--header-type-1, .h-ltr .c-top-menu__image--header-type-1 { margin-right: calc( var(--menu-font-size) / 17 * 15 * (100vw - 600px) / (1920 - 600) ); } .h-rtl .c-top-menu__icon--header-type-1, .h-rtl .c-top-menu__image--header-type-1 { margin-left: calc( var(--menu-font-size) / 17 * 15 * (100vw - 600px) / (1920 - 600) ); } .c-top-menu__icon--header-type-2 { font-size: 32px; width: 38px; margin-right: 15px; color: var(--header-color-icon-menu); } .c-top-menu__image--header-type-2 { height: 32px; width: 38px; -o-object-fit: contain; object-fit: contain; -o-object-position: left center; object-position: left center; margin-right: 15px; color: var(--header-color-icon-menu); } .h-rtl .c-top-menu__icon--header-type-2, .h-rtl .c-top-menu__image--header-type-2 { margin-right: 0; margin-left: 15px; } .c-top-menu__item:hover, .c-top-menu__item:hover > a, .c-top-menu__item:hover > .a { color: var(--header-color-accent-menu); } .c-top-menu__subitem--expand > a, .c-top-menu__subitem--expand > .a { font-family: var(--font-header); font-weight: 700; font-size: 22px; line-height: 1.18; letter-spacing: -0.01em; margin-top: 20px; color: var(--top-menu-submenu-header-color); } .c-top-menu__subitem--expand > a:hover { color: var(--top_menu_submenu_accent_color); } .c-top-menu__item > .c-top-menu__submenu, .c-top-menu__subitem--collapse > .c-top-menu__submenu { position: absolute; list-style: none; padding: 30px 20px; width: var(--container-width); margin: 15px 0 0 0; left: -40px; z-index: 1000; opacity: 0; visibility: hidden; transition: visibility 0.15s linear, opacity 0.15s linear; pointer-events: none; text-transform: none; font-weight: normal; color: var(--top-menu-submenu-color); background-color: var(--top-menu-submenu-bg-color); box-shadow: var(--box-shadow); display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; border-radius: 8px; } .c-top-menu__item--header-type-2 > .c-top-menu__submenu { transition: none; } .c-top-menu__item--header-type-2 .c-top-menu__submenu--columns-1 .c-top-menu__subitem--collapse > .c-top-menu__submenu { min-height: 100%; } .h-rtl .c-top-menu__item > .c-top-menu__submenu, .h-rtl .c-top-menu__subitem--collapse > .c-top-menu__submenu { left: unset; right: -40px; } .c-top-menu__item--header-type-2 > .c-top-menu__submenu { top: 0; margin-top: 0; left: 100%; min-height: 100%; } .h-rtl .c-top-menu__item--header-type-2 > .c-top-menu__submenu { left: unset; right: 100%; } .c-top-menu__item > .c-top-menu__submenu--expand { padding-top: 10px; } .c-top-menu__submenu--content { padding: 0 !important; color: var(--text-color); } .c-top-menu__submenu--content > div { overflow: auto; } .c-top-menu__submenu--content > * { flex: 1 1 auto; width: 100%; } .c-top-menu__submenu--content h5, .c-top-menu__submenu--content .widget-title { font-weight: 500; font-size: 17px; line-height: 1; letter-spacing: 0.09em; text-transform: uppercase; margin-bottom: 24px; } .c-top-menu__submenu:not(.initialized) { opacity: 0 !important; visibility: hidden !important; } .c-top-menu__subitem--expand > .c-top-menu__submenu { list-style: none; margin: 4px 0 4px 0; padding: 0; } .c-top-menu__submenu:not(.c-top-menu__submenu--inner):before { content: ""; display: block; position: absolute; left: 0; right: 0; top: -15px; height: 15px; } .c-top-menu__item--header-type-1.c-top-menu__item--has-children.initialized:after { content: ""; display: block; position: absolute; left: 10px; top: calc(100% + 5px); border: solid 5px transparent; border-bottom-color: var(--top-menu-submenu-bg-color); opacity: 0; z-index: 1001; visibility: hidden; transition: visibility 0.15s linear, opacity 0.15s linear; } .h-rtl .c-top-menu__item--header-type-1.c-top-menu__item--has-children.initialized:after { left: unset; right: 10px; } .c-top-menu__item--header-type-1:hover:after { opacity: 1 !important; visibility: visible !important; } .c-top-menu__item--header-type-2.c-top-menu__item--has-children.initialized > a:after, .c-top-menu__item--header-type-2.c-top-menu__item--has-children.initialized > .a:after { content: var(--icon-top-menu-more); font-family: var(--font-icons); display: flex; align-items: center; justify-content: center; position: absolute; right: 20px; top: 50%; font-size: 10px; line-height: 1; margin-top: -5px; color: var(--accent-color_light); } .h-rtl .c-top-menu__item--header-type-2.c-top-menu__item--has-children.initialized > a:after, .h-rtl .c-top-menu__item--header-type-2.c-top-menu__item--has-children.initialized > .a:after { right: unset; left: 20px; transform: scaleX(-1); } .c-top-menu__subitem--collapse > .c-top-menu__submenu--inner { top: -30px; margin-top: 0; } .c-top-menu__item--header-type-2 .c-top-menu__submenu--columns-1.c-top-menu__submenu--depth-0 .c-top-menu__subitem--collapse > .c-top-menu__submenu--inner { top: 0; } .c-top-menu__subitem--collapse > .c-top-menu__submenu--inner:not(.c-top-menu__submenu--rtl) { left: 100%; } .h-rtl .c-top-menu__subitem--collapse > .c-top-menu__submenu--inner:not(.c-top-menu__submenu--rtl) { left: unset; right: 100%; } .c-top-menu__subitem--collapse > .c-top-menu__submenu--inner.c-top-menu__submenu--rtl { left: unset; right: 100%; } .h-rtl .c-top-menu__subitem--collapse > .c-top-menu__submenu--inner.c-top-menu__submenu--rtl { left: 100%; right: unset; } .c-top-menu__subitem { width: calc(var(--item-width) + 40px); margin: 0 -20px; padding: 0 20px; font-weight: 500; font-size: 15px; line-height: 1.2; letter-spacing: 0.02em; color: var(--top-menu-submenu-color); } .c-top-menu__subitem:hover { z-index: 1; } .c-top-menu__item--header-type-1 .c-top-menu__subitem { position: relative; } .c-top-menu__submenu--columns-2 .c-top-menu__subitem--collapse, .c-top-menu__submenu--columns-3 .c-top-menu__subitem--collapse, .c-top-menu__submenu--columns-4 .c-top-menu__subitem--collapse { position: relative; } .c-top-menu__subitem > a[href="#"], .c-top-menu__subitem > a:not([href]) { pointer-events: none; } .c-top-menu__subitem > a[href="#"]:hover, .c-top-menu__subitem > a:not([href]):hover { color: var(--top-menu-submenu-color); } .c-top-menu__subitem > a, .c-top-menu__subitem > .a { display: block; position: relative; padding: 10px 20px 10px 20px; } .h-rtl .c-top-menu__subitem > a, .h-rtl .c-top-menu__subitem > .a { padding-right: 20px; padding-left: 20px; } .c-top-menu__subitem--collapse.c-top-menu__subitem--has-children > a, .c-top-menu__subitem--collapse.c-top-menu__subitem--has-children > .a { padding: 10px 30px 10px 20px; } .h-rtl .c-top-menu__subitem--collapse.c-top-menu__subitem--has-children > a, .h-rtl .c-top-menu__subitem--collapse.c-top-menu__subitem--has-children > .a { padding: 10px 20px 10px 30px; } .c-top-menu__subitem--collapse:hover > .c-top-menu__submenu, .c-top-menu__item:hover > .c-top-menu__submenu { opacity: 1; visibility: visible; pointer-events: unset; } .c-top-menu__subitem--has-children.c-top-menu__subitem--collapse > a:after, .c-top-menu__subitem--has-children.c-top-menu__subitem--collapse > .a:after { content: var(--icon-top-menu-more); font-family: var(--font-icons); display: flex; align-items: center; justify-content: center; position: absolute; right: 20px; top: 50%; font-size: 10px; line-height: 1; margin-top: -5px; color: var(--accent-color_light); } .h-rtl .c-top-menu__subitem--has-children.c-top-menu__subitem--collapse > a:after, .h-rtl .c-top-menu__subitem--has-children.c-top-menu__subitem--collapse > .a:after { right: unset; left: 20px; transform: scaleX(-1); } .c-top-menu__subitem--has-children.c-top-menu__subitem--collapse.c-top-menu__subitem--rtl > a:after, .c-top-menu__subitem--has-children.c-top-menu__subitem--collapse.c-top-menu__subitem--rtl > .a:after { right: unset; left: 0; transform: scaleX(-1); } .h-rtl .c-top-menu__subitem--has-children.c-top-menu__subitem--collapse.c-top-menu__subitem--rtl > a:after, .h-rtl .c-top-menu__subitem--has-children.c-top-menu__subitem--collapse.c-top-menu__subitem--rtl > .a:after { left: unset; right: 0; transform: scaleX(1); } .c-top-menu__more-svg { position: absolute; right: 30px; top: 16px; font-size: 5px; line-height: 1; fill: currentColor; transform: rotate(-90deg); color: var(--accent-color_light); } .h-rtl .c-top-menu__more-svg { display: inline-block; transform: rotate(90deg); } .c-top-menu__more-svg:not(.c-top-menu__more-svg--rtl) { right: 37px; } .h-rtl .c-top-menu__more-svg:not(.c-top-menu__more-svg--rtl) { right: unset; left: 37px; } .c-top-menu__more-svg.c-top-menu__more-svg--rtl { left: 17px; transform-origin: center; transform: rotate(180deg); } .c-top-menu__subitem--has-children:hover > .c-top-menu__more-svg, .c-top-menu__subitem--has-children:hover > a, .c-top-menu__subitem--has-children:hover > a:after, .c-top-menu__subitem--has-children:hover > .a, .c-top-menu__subitem--has-children:hover > .a:after, .c-top-menu__submenu a:hover { color: var(--top_menu_submenu_accent_color); } .c-top-menu__item--header-type-2:hover > a, .c-top-menu__item--header-type-2:hover > a:after, .c-top-menu__item--header-type-2:hover > .a, .c-top-menu__item--header-type-2:hover > .a:after { color: var(--top_menu_submenu_accent_color) !important; } } /*- Product Reviews / Post Comments -*/ .c-post__comments .comment-respond { margin-top: 40px; } .c-post__comments .comment-respond:first-child { margin-top: 0; } #review_form_wrapper { margin-top: 30px; } .c-product--layout-3 #review_form_wrapper { margin-top: 45px; } .commentlist { list-style: none !important; padding: 0; margin: 10px 0 -25px 0; } .commentlist .comment-body, .commentlist .comment_container { position: relative; padding: 0 0 35px 80px; } .h-rtl .commentlist .comment-body, .h-rtl .commentlist .comment_container { padding-left: 0; padding-right: 80px; } .commentlist .comment-body.no-avatar, .commentlist .comment_container.no-avatar { padding-left: 0; } .h-rtl .commentlist .comment-body.no-avatar, .h-rtl .commentlist .comment_container.no-avatar { padding-right: 0; } .commentlist .comment.depth-1:not(:last-child), .commentlist .review.depth-1:not(:last-child) { margin-bottom: 10px; } .commentlist .comment-body + .comment-respond { margin-top: 0; margin-bottom: 50px; } .commentlist .trackback .comment-body:before, .commentlist .pingback .comment-body:before { display: none; } .commentlist .avatar { position: absolute; left: 0; top: 0; width: 60px; height: 60px; z-index: 1; border-radius: 50%; } .h-rtl .commentlist .avatar { left: unset; right: 0; } .commentlist .children { position: relative; list-style: none !important; padding: 0; margin: 0 0 0 50px !important; } .h-rtl .commentlist .children { margin-left: 0 !important; margin-right: 50px !important; } .commentlist .meta, .commentlist .comment-meta { margin: 0; display: flex; flex-wrap: wrap; } .commentlist .meta > *, .commentlist .comment-meta > * { margin-bottom: 17px; } .commentlist .author-name { font-weight: inherit; display: inline-block; position: relative; z-index: 2; } .woocommerce-review__verified, .woocommerce-review__published-date, .commentlist .comment-metadata { font-weight: 400; font-size: 12px; line-height: 15px; letter-spacing: 0.02em; display: inline-block; color: var(--text-color); opacity: 0.7; order: 2; } .woocommerce-review__verified { order: 3; } .woocommerce-review__author { display: inline-block; font-weight: 600; font-size: 13px; line-height: 16px; letter-spacing: 0.015em; color: var(--accent-color); margin-right: 15px; } .h-rtl .woocommerce-review__author { margin-right: 0; margin-left: 15px; } .commentlist .comment-author { display: inline-block; font-weight: 600; font-size: 13px; line-height: 16px; letter-spacing: 0.015em; margin-right: 15px; color: var(--accent-color); } .h-rtl .commentlist .comment-author { margin-right: 0; margin-left: 15px; } .woocommerce-review__dash { display: none; } .comment-meta { margin-bottom: 10px; } .logged-in-as { margin: 0 0 20px 0; } .logged-in-as a:last-child { color: var(--text-color); text-transform: uppercase; display: inline-block; } .commentlist .buttons { transition: var(--opacity-transition); } .commentlist .buttons a { display: inline-block; font-size: 12px; line-height: 15px; letter-spacing: 0.02em; text-align: var(--text-align-right); color: var(--accent-color); } .commentlist .star-rating { margin-top: 2px; float: var(--text-align-left); margin-right: 15px; transform: none; } .h-rtl .commentlist .star-rating { margin-right: 0; margin-left: 15px; } .commentlist .description, .commentlist .comment-content { text-align: var(--text-align-left); font-weight: 400; font-size: 14px; line-height: 1.5; letter-spacing: 0.02em; color: var(--text-color); } .commentlist .description > *:first-child { margin-top: 0; padding-top: 0; } .commentlist .description > *:last-child { margin-bottom: 0; padding-bottom: 0; } .c-post__comments .author-img img { margin-bottom: 12px; } .comment-notes { margin: 0; } .comment-form { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; color: var(--text-color); } .comment-form > * { width: 100%; } .comment-reply-title { position: relative; } .c-post__comments .comments-title, .c-post__comments .comment-reply-title, #review_form .comments-title, #review_form .comment-reply-title { display: block; font-weight: 500; font-size: 22px; line-height: 1.27; color: var(--accent-color); margin-bottom: 20px; } .c-product--layout-3 #review_form .comments-title, .c-product--layout-3 #review_form .comment-reply-title { font-size: 23px; } #cancel-comment-reply-link { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-block; font-weight: 400; font-size: 12px; line-height: 15px; letter-spacing: 0.02em; color: var(--accent-color); } .h-rtl #cancel-comment-reply-link { right: unset; left: 0; } #cancel-comment-reply-link:before { content: var(--icon-close-small); font-family: theme-icons; font-size: 7px; line-height: 1; vertical-align: middle; display: inline-block; margin-right: 3px; position: relative; top: -1px; } .h-rtl #cancel-comment-reply-link:before { margin-right: 0; margin-left: 3px; } .comment-notes + .comment-form-rating { margin-top: 25px; } .comment-form-rating { display: flex; -moz-column-gap: 11px; column-gap: 11px; margin-bottom: 15px; } .comment-form-rating label { order: 2; font-weight: 600; font-size: 13px; line-height: 16px; letter-spacing: 0.02em; } .comment-form-rating .stars { order: 1; margin: 0; height: 14px; line-height: 14px; } .comment-form-rating .stars span { display: inline-flex; } .comment-form label:not([for="rating"]):not([for="wp-comment-cookies-consent"]) { display: none; } .comment-form-comment textarea { display: block; } .comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-url { margin: 10px 0 0 0; } .comment-form-cookies-consent { margin: 20px 0 0 0; display: flex; -moz-column-gap: 5px; column-gap: 5px; } .comment-form-cookies-consent label { margin-top: -4px; } .comment-form .form-submit { clear: both; padding: 20px 0 0 0; margin: 0; } .woocommerce-Reviews #comments { overflow: hidden; } .woocommerce-Reviews-title { display: none; } .comments-navigation { font-weight: 400; font-size: 12px; line-height: 1.2; text-align: center; letter-spacing: 0.265em; text-transform: uppercase; margin-top: 30px; display: flex; } .h-ltr .comments-navigation .nav-previous { padding-right: 10px; } .h-ltr .comments-navigation .nav-next { padding-left: 10px; } .h-rtl .comments-navigation .nav-previous { padding-left: 10px; } .h-rtl .comments-navigation .nav-next { padding-right: 10px; } .h-rtl .comments-navigation .nav-previous { margin-left: auto; } .h-ltr .comments-navigation .nav-next { margin-left: auto; } .comments-navigation .nav-previous .meta-nav { display: inline-block; margin-right: 10px; position: relative; top: 1px; } .h-rtl .comments-navigation .nav-previous .meta-nav { margin-right: 0; margin-left: 10px; transform: scaleX(-1); } .comments-navigation .nav-next .meta-nav { display: inline-block; margin-left: 10px; position: relative; top: 1px; } .h-rtl .comments-navigation .nav-next .meta-nav { margin-left: 0; margin-right: 10px; transform: scaleX(-1); } .comments-navigation a { display: inline-block; padding: 11px 25px; border: solid 1px currentColor; } .logged-in-as a { color: var(--accent-color); } .logged-in-as .required { color: var(--accent-color-2); } /*-- Product Reviews / Post Comments (Desktop) --*/ @media (min-width: 1190px) { .c-post__comments .comment-form-author, .c-post__comments .comment-form-email, .c-post__comments .comment-form-url { width: calc((100% - 2 * 10px) / 3); } #review_form .comment-form-author, #review_form .comment-form-email { width: calc((100% - 10px) / 2); } .logged-in-as a:hover { color: var(--accent-color-2); } .logged-in-as .required { color: var(--accent-color-2); } .comments-navigation a:hover { color: var(--accent-color); } .h-ltr .commentlist .comment-body { padding-right: 90px; } .h-rtl .commentlist .comment-body { padding-left: 90px; } .commentlist .buttons { text-align: var(--text-align-right); align-items: flex-end; display: flex; flex-direction: column; position: absolute; right: 0; top: 37px; opacity: 0; visibility: hidden; margin-bottom: -7px; } .h-rtl .commentlist .buttons { right: unset; left: 0; } .comment-body:hover > .buttons { opacity: 1; visibility: visible; } .commentlist .buttons a { margin-bottom: 7px; } .commentlist a:hover, #cancel-comment-reply-link:hover { color: var(--accent-color-2); } } /*-- Product Reviews / Post Comments (Mobile) --*/ @media (max-width: 1189px) { .c-product--layout-3 #review_form_wrapper { margin-top: 30px; } .commentlist .buttons { margin-top: 10px; } .comment-reply-link + .comment-edit-link { margin-left: 14px; } .c-post__comments .comment-respond { margin-top: 30px; } #review_form .comments-title, #review_form .comment-reply-title { font-size: 19px; } .comment-notes + .comment-form-rating { margin-top: 25px; } } @media (max-width: 767px) { .commentlist .comment-body, .commentlist .comment_container { padding-bottom: 25px; } .commentlist .children { margin-left: 0 !important; } .commentlist .comment-meta > * { margin-top: 5px; margin-bottom: 5px; } .commentlist .buttons { text-align: right; } .h-rtl .commentlist .buttons { text-align: left; } } @media (max-width: 619px) { .c-post__comments .comments-title, .c-post__comments .comment-reply-title { font-size: 18px; } } @media (max-width: 450px) { .commentlist .comment-body { padding-left: 0; } .commentlist .comment-meta { padding-left: 80px; min-height: 50px; margin-bottom: 20px; } .commentlist .comment-body.no-avatar .comment-meta { padding-left: 0; } .comments-navigation { display: block; } .comments-navigation .nav-next { margin-top: 15px; } .comments-navigation .nav-next, .comments-navigation .nav-previous { padding-right: 0 !important; padding-left: 0 !important; } } @media (max-width: 359px) { .commentlist .meta, .commentlist .comment-meta { padding-left: 0; min-height: unset; /*margin-bottom: 20px;*/ } .commentlist .review, .commentlist .comment { padding-left: 0; } .commentlist .comment-body, .commentlist .comment_container, .commentlist .review { position: relative; padding-left: 0; padding-right: 0; } .commentlist .comment-body:before { left: 20px; top: 20px; } .commentlist .avatar { position: relative; left: unset; top: unset; } .commentlist .children:before { left: -20px; width: 10px; height: 30px; } } /*- Pagination -*/ .page-numbers__wrap, .woocommerce-pagination { position: relative; margin-top: 30px; padding-bottom: 30px; display: flex; justify-content: center; } .woocommerce-pagination { overflow: hidden; } ul.page-numbers, ul.post-page-numbers { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; text-align: center; font-weight: 500; font-size: 18px; letter-spacing: 0.02em; justify-content: center; color: var(--accent-color); } .c-post__page-links { align-items: center; clear: both; margin-top: 45px; } ul.page-numbers li, ul.post-page-numbers li { display: block; position: relative; margin: 2.5px; } a.page-numbers, a.post-page-numbers, span.page-numbers, span.post-page-numbers { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border: solid 1px var(--border-color-light); border-radius: 50%; } span.page-numbers:not(.dots), span.post-page-numbers:not(.dots) { color: white; background-color: var(--accent-color); border-color: var(--accent-color); } .page-numbers__prev-ico, .page-numbers__next-ico { font-size: 10px; transform-origin: center; display: inline-flex; } .h-ltr .page-numbers__prev-ico { transform: scaleX(-1); } .h-rtl .page-numbers__next-ico { transform: scaleX(-1); } /*-- Pagination (Desktop) --*/ @media (min-width: 1190px) { a.page-numbers:hover, a.post-page-numbers:hover { color: white; background-color: var(--accent-color); border-color: var(--accent-color); } } /*- Select 2 -*/ .select2-dropdown { overflow: hidden; } body.filter-open > .select2-container { z-index: 1401 !important; } .h-rtl .select2-container { text-align: right; } .select2-results, .select2-search--dropdown { background-color: white; border-radius: 4px; } .select2-selection__rendered { color: var(--accent-color) !important; line-height: 16px !important; } .select2-selection--single, .select2-selection--multiple { font-weight: 500; font-size: 13px; line-height: 16px; letter-spacing: 0.01em; color: var(--accent-color); border: solid 1px var(--form-border-color) !important; padding: 9px 12px; background-color: var(--form-color) !important; height: auto !important; min-width: 0; border-radius: 3px !important; min-height: 36px; min-width: 0; margin: 0 !important; } .select2-selection__rendered { padding-left: 0 !important; } .h-rtl .select2-selection__rendered { padding-right: 0 !important; padding-left: 20px !important; } .select2-selection--multiple { padding: 3px 25px 4px 25px; } .select2-container--open .select2-selection--multiple, .select2-container--open .select2-selection--single, .select2-dropdown { border-color: var(--accent-color) !important; outline: none; } .select2-results__option, .select2-container, .select2-container .select2-selection--single, .select2-container .select2-selection--multiple { outline: none; } .select2-selection__arrow { right: 10px !important; top: 50% !important; margin-top: -12px !important; } .h-rtl .select2-selection__arrow { right: unset !important; left: 10px !important; } .select2-search__field { padding: 9px 12px !important; border-color: var(--form-border-color) !important; } .select2-search--inline .select2-search__field { padding: 0 !important; } .select2-results__option { font-weight: 500; font-size: 13px; line-height: 16px; letter-spacing: 0.01em; padding-left: 20px !important; padding-right: 20px !important; color: var(--accent-color); } .select2-results__option[aria-selected="true"], .select2-results__option[data-selected="true"] { background-color: var(--form-color) !important; } .select2-results__option--highlighted[aria-selected], .select2-results__option--highlighted[data-selected] { background-color: var(--accent-color) !important; } .select2-selection__arrow b { border: none !important; font-size: 7px !important; line-height: 1 !important; margin-top: -4px !important; } .select2-selection__arrow b:after { content: var(--icon-select); font-family: var(--font-icons); } .h-rtl .select2-container--default .select2-selection--single .select2-selection__arrow b { transform: scaleX(-1); } .select2-selection__placeholder { color: var(--placeholder-color) !important; } .select2-container--open .select2-dropdown--below { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; } .select2-container--open .select2-dropdown--above { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; } .select2-selection__clear { font-size: 18px; } /*-- Product Rating (Desktop) --*/ @media (min-width: 1190px) { .comment-form-rating .stars:hover a { opacity: 1; } .comment-form-rating .stars:not(.selected) a:hover ~ a { opacity: 0.2; } } /*- Widget -*/ .c-sidebar { position: relative; padding-bottom: 30px; line-height: 1.23; } .c-sidebar__wrap { margin-top: -30px; } .c-sidebar .wp-block-quote { margin: 0; } .c-sidebar .wc-block-grid__product .wc-block-grid__product-add-to-cart { margin-bottom: 0; } .c-sidebar .widget > ul:first-child { margin-top: 0; } .widget a { color: var(--accent-color); } .c-sidebar .wc-block-components-sort-select__label { display: none; } .wc-block-components-review-list-item__published-date:before { display: none !important; } .c-sidebar .wp-block-search__label { display: none; } .c-sidebar .wp-block-search__inside-wrapper { position: relative; } .c-sidebar .wc-block-components-sort-select { margin-bottom: 30px; } .c-sidebar .wp-block-search .wp-block-search__button, .c-sidebar .wc-block-product-search .wc-block-product-search__button { margin-left: 0; margin-right: 0; line-height: 0 !important; padding: 0 15px !important; } .c-sidebar .wp-block-search__button svg { min-width: 28px; min-height: 28px; margin-left: -6px; margin-right: -6px; } .h-ltr .c-sidebar .wp-block-search__button svg { transform: scaleX(-1); } .c-sidebar .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { border: solid 1px var(--form-border-color); padding: 9px 12px; border-radius: 3px; } .c-sidebar .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 0; border: none; } .c-sidebar .wp-block-latest-comments__comment { line-height: inherit; } .c-sidebar .wp-block-page-list__submenu-icon { display: none; } .c-sidebar .wc-block-grid__product-title { font-weight: normal; font-size: var(--font-size); line-height: 28px; margin: 0 0 10px 0; text-transform: uppercase; font-family: var(--font-header); } .c-sidebar .wc-block-grid__product-price { text-align: center; font-weight: 500; font-size: 16px; line-height: 30px; letter-spacing: 0.8px; margin: 10px 0 20px 0; } .c-sidebar .wc-block-grid__product-price del { opacity: 0.3; margin-right: 3px; } .c-sidebar .wc-block-grid__product-onsale { position: absolute; left: 0; top: -5px; padding: 7px 7px 7px 8px; text-transform: uppercase; color: #fff; font-style: normal; font-weight: bold; font-size: 10px; line-height: 11px; letter-spacing: 0.03em; text-align: center; flex: 0 0 auto; display: inline-block; background-color: var(--text-color); border-radius: 0; } .wc-block-grid__product .added { display: none !important; } .wc-block-grid__product .wc-forward { height: 50px; } .wc-block-grid__product .wp-block-button__link:after { display: none !important; } .wc-block-grid__products { margin-left: -8px !important; margin-right: -8px !important; } .c-sidebar .wc-block-grid__product .wc-block-grid__product-rating { margin-top: -13px; margin-bottom: 20px; } .c-sidebar > .widget { position: relative; padding-top: 40px !important; padding-left: 30px; padding-bottom: 0 !important; padding-right: 30px; } .c-sidebar .widget-title, .c-sidebar .widget_block h2, .c-sidebar .widget h3, .c-sidebar .wc-block-product-search__label { display: block; margin: -3px 0 20px 0; position: relative; font-family: var(--font-header); font-weight: 700; font-size: 20px; line-height: 1.1; color: var(--header-color); letter-spacing: -0.01em; } .c-sidebar .widget_block > h2 { margin-bottom: -31px; position: relative; } .c-sidebar .widget_block > h2:after { content: ""; display: block; position: absolute; left: -30px; right: -30px; bottom: 0; border-bottom: solid 1px white; } .c-sidebar .rss-widget-icon { display: none; } .c-sidebar .wc-block-product-categories { margin-bottom: 0; } .c-sidebar .wc-block-product-categories > ul { margin-top: 0; line-height: 1.2; } .c-sidebar .widget ul.sub-menu, .c-sidebar .widget ul.children, .c-sidebar .widget ul.submenu-container, .wc-block-product-categories-list .wc-block-product-categories-list { margin-bottom: 0; margin-left: 15px; font-size: 14px; line-height: 1; letter-spacing: 0.025em; margin-top: 15px; } .h-rtl .c-sidebar .widget ul.sub-menu, .h-rtl .c-sidebar .widget ul.children, .h-rtl .c-sidebar .widget ul.submenu-container, .h-rtl .wc-block-product-categories-list .wc-block-product-categories-list { margin-left: 0; margin-right: 15px; } .c-sidebar .widget ul.children li:not(:last-child), .c-sidebar .widget ul.sub-menu li:not(:last-child), .c-sidebar .widget ul.submenu-container li:not(:last-child), .wc-block-product-categories-list .wc-block-product-categories-list li:not(:last-child) { margin-bottom: 10px; } .c-sidebar .widget li { position: relative; } .c-sidebar .widget li:not(:last-child):not(.wp-social-link) { margin-bottom: 13px; } .c-sidebar .widget li a:empty { display: none; } .c-sidebar .wp-calendar-nav { margin-top: 10px; display: flex; justify-content: space-between; } .c-sidebar ul { list-style: none; margin-left: 0; padding-left: 0; padding-right: 0; margin-bottom: 0; } .c-sidebar .widget_pages ul, .c-sidebar .widget_categories ul, .c-sidebar .widget_archive ul, .c-sidebar .widget_nav_menu ul, .c-sidebar .widget_meta ul, .c-sidebar .widget_product_categories ul { margin: 20px 0 -5px 0; font-size: 16px; letter-spacing: 0.025em; line-height: 1; } .c-sidebar .widget_recent_comments ul, .c-sidebar ol.wp-block-latest-comments { margin: 20px 0 -5px 0; padding: 0; } .c-sidebar .widget_pages li:not(:last-child), .c-sidebar .widget_categories li:not(:last-child), .c-sidebar .widget_archive li:not(:last-child), .c-sidebar .widget_nav_menu li:not(:last-child), .c-sidebar .widget_meta li:not(:last-child), .c-sidebar .widget_product_categories li:not(:last-child) { margin-bottom: 15px; } .c-sidebar .widget li.cat-parent:not(:last-child), .c-sidebar .widget li.page_item_has_children:not(:last-child) { margin-bottom: 15px; } .wc-block-product-categories-list .wc-block-product-categories-list { margin-bottom: -2px; } .h-rtl .c-sidebar .widget ul.children ul.children, .h-rtl .c-sidebar .widget ul.sub-menu ul.sub-menu, .wc-block-product-categories-list .wc-block-product-categories-list .wc-block-product-categories-list { margin-right: 15px; margin-left: 0; } .widget li.current-cat > a, .widget li.current_page_item > a, .widget li a[aria-current], .widget li.current-cat > a + .count, .widget li.current_page_item > a + .count, .widget li a[aria-current] + .count { font-weight: 600; color: var(--accent-color-2); } .widget_rss ul li .rsswidget { font-weight: 500; } .widget_rss ul li .rss-date { display: block; margin-top: 8px; margin-bottom: 8px; font-size: 12px; } .wp-block-latest-comments__comment-date, .wp-block-rss__item-publish-date, .wp-block-rss__item-author, .wp-block-latest-posts__post-date, .wp-block-latest-posts__post-author { display: block; font-size: 12px !important; line-height: 15px !important; letter-spacing: 0.02em !important; } .wp-block-latest-comments__comment-date, .wp-block-rss__item-publish-date, .wp-block-latest-posts__post-author { margin-top: 5px; } .wp-block-rss__item-author, .wp-block-latest-posts__post-date { margin-bottom: 10px; } .widget_rss ul li cite { text-align: right; position: relative; display: block; font-style: normal; font-size: 85%; font-weight: 500; } .widget:first-child[style*="display: none"] + .widget { margin-top: 0; } .widget .textwidget img { max-width: 100%; height: auto !important; } .widget select { max-width: 100%; } .widget select { width: 100%; } .wp-calendar-table { width: 100%; border-spacing: 0; } .wc-layered-nav-rating a { display: flex; align-items: center; color: var(--text-color); } .woocommerce-widget-layered-nav-list__item { display: block; position: relative; padding-left: 28px; } .h-rtl .woocommerce-widget-layered-nav-list__item { padding-left: 0; padding-right: 28px; } .wc-layered-nav-rating a:before { position: relative; top: 2px; } .wc-layered-nav-rating a:before, .woocommerce-widget-layered-nav-list__item a:before { content: ""; font-style: normal; font-family: var(--font-icons); font-size: 9px; } .woocommerce-widget-layered-nav-list__item a:before { position: absolute !important; left: 0; top: 2px; margin-right: 0; } .wc-layered-nav-rating.chosen a:before, .woocommerce-widget-layered-nav-list__item.chosen a:before { content: var(--icon-check); } .h-rtl .wc-layered-nav-rating a:before { margin-right: 0; margin-left: 10px; } .h-rtl .woocommerce-widget-layered-nav-list__item a:before { left: unset; right: 0; } .woocommerce-widget-layered-nav-list__item a { color: var(--text-color); } .widget_layered_nav_filters ul { list-style: none; } .widget_layered_nav_filters a { color: var(--text-color); display: flex; align-items: flex-start; } .widget_layered_nav_filters a > * { min-width: 0; } .widget_layered_nav_filters li.chosen a:before { flex: 0 0 auto; content: var(--icon-close-small); color: var(--accent-color); display: inline-flex; font-family: var(--font-icons); font-size: 10px; line-height: 1; margin-right: 11px; transition: color 0.3s linear, transform 0.3s linear; transform-origin: center; position: relative; top: 4px; } .h-rtl .widget_layered_nav_filters li.chosen a:before { margin-left: 11px; margin-right: 0; } .widget_price_filter .price_slider, .c-filter-price__slider { position: relative; height: 2px; margin: 23px 5px 0 5px; } .widget_price_filter .button { margin-right: 0; } .widget_price_filter .price_slider:before, .c-filter-price__slider:before { content: ""; display: block; position: absolute; left: -5px; right: -5px; top: 0; height: 2px; border-radius: 2px; background: var(--background-color); } .c-filter-price__label { display: flex; justify-content: space-between; margin-top: 27px; } .c-filter-price__label > * { line-height: 45px; text-align: center; padding: 0 10px; width: 120px; border: solid 1px transparent; border-radius: 2px; } .widget .c-search-form { margin-bottom: 0; } .widget_price_filter .ui-slider-range, .c-filter-price__slider .ui-slider-range { height: 2px; position: absolute; background-color: var(--accent-color); } .widget_price_filter .ui-slider-handle, .c-filter-price__slider .ui-slider-handle { width: 10px; height: 10px; display: block; top: -4px; position: absolute; border-radius: 50%; margin-left: -5px; z-index: 10; cursor: pointer; outline: none; background-color: var(--accent-color); } .widget_price_filter .price_slider_amount, .c-filter-price__slider .price_slider_amount { position: relative; display: flex; flex-direction: column-reverse; } .widget_price_filter .button { margin-top: 10px; } .widget_price_filter .price_label { margin-top: 15px; margin-bottom: 5px; font-size: 12px; line-height: 18px; letter-spacing: 0.025em; } .widget_price_filter .ui-slider-handle:focus { outline: none; } .widget_price_filter input { opacity: 0; visibility: hidden; } .widget img { max-width: 100%; height: auto; } .woocommerce-product-search { display: flex; width: 100%; max-width: 100%; -moz-column-gap: 5px; column-gap: 5px; } .woocommerce-product-search input[type="search"] { width: 100%; flex: 1 1 auto; } .wc-block-product-categories-list-item-count:before, .wc-block-product-categories-list-item-count:after, .wc-filter-element-label-list-count:before, .wc-filter-element-label-list-count:after { content: unset !important; } .widget_categories .count, .widget_archive .count, .wc-block-product-categories-list-item-count, .widget_product_categories .count, .woocommerce-widget-layered-nav-list__item .count, .c-sidebar .wp-block-categories-list .count, .c-sidebar .wp-block-archives-list .count, .c-sidebar .wp-block-page-list .count, .c-ip-attribute-filter__item .count, .wc-filter-element-label-list-count, .c-sub-categories__item .count { opacity: 1; font-size: 65%; display: inline-block; line-height: 1; color: var(--text-color-light) !important; } .wc-filter-element-label-list-count { margin-left: 4px; } .wc-block-attribute-filter .wc-block-attribute-filter-list li { text-decoration: none !important; } .c-sidebar .blocks-gallery-item, .c-sidebar .wp-block-embed iframe { border-radius: 4px; overflow: hidden; } .wp-block-loginout p { margin: 20px 0 0 0; } .wp-block-loginout p input { width: 100%; } /*-- Widget (Desktop) --*/ @media (min-width: 1190px) { .widget a:hover { color: var(--accent-color-2); } .widget_layered_nav_filters li.chosen a:hover:before { transform: scale(1.3, 1.3); color: var(--accent-color-2); } } /*- Woocommerce Login Form -*/ .woocommerce-form-login { padding: 35px 40px; background-color: white; display: flex; flex-wrap: wrap; justify-content: space-between; } .woocommerce-form-login .clear { display: none; } .woocommerce-form-login .lost_password { margin: 0; color: var(--accent-color); } .woocommerce-form-login label { display: block; padding-bottom: 10px; font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px; letter-spacing: 0.02em; color: var(--accent-color); } .woocommerce-form-login .required { text-decoration: none; color: darkred; } .woocommerce-form-login :first-child { flex: 1 1 auto; width: 100%; margin-top: 0; } .woocommerce-form-login .input-text, .woocommerce-form-login .button { width: 100%; } .woocommerce-form-login .button { padding: 8px 15px !important; } .woocommerce-form-login .form-row-first, .woocommerce-form-login .form-row-last, .woocommerce-form-login .clear + .form-row { flex: 0 0 auto; width: calc(100% / 3 - 20px); } .woocommerce-form-login .clear + .form-row { display: flex; flex-direction: column-reverse; } .woocommerce-password-strength { margin-top: 55px; } .woocommerce-password-strength.bad { color: #d1333c; } .woocommerce-password-strength.strong { color: #6fba54; } /*-- Woocommerce Login Form (Desktop) --*/ @media (min-width: 1190px) { .woocommerce-form-login .lost_password:hover { } } /*-- Woocommerce Login Form (Mobile) --*/ @media (max-width: 1189px) and (min-width: 768px) { .woocommerce-form-login { padding: 35px 30px; } } @media (max-width: 767px) { .woocommerce-form-login { padding: 25px 20px 0 20px; display: block; max-width: 440px; margin-left: auto; margin-right: auto; } .woocommerce-form-login > * { width: 100% !important; } } /*- Woocommerce Notices -*/ .woocommerce-notices-wrapper { position: relative; width: 100%; clear: both; min-width: 320px; } .woocommerce-notice-close { display: flex; justify-content: center; align-items: center; position: absolute; width: 28px; height: 28px; line-height: 28px; text-align: center; z-index: 1; right: 0; top: 0; color: var(--accent-color); transition: var(--opacity-transform-transition); cursor: pointer; } .h-rtl .woocommerce-notice-close { left: 0; right: unset; } .woocommerce-notice-close-svg { width: 12px; height: 12px; font-size: 12px; line-height: 1; } .woocommerce-notice-success-svg { width: 22px; height: 22px; font-size: 20px; line-height: 1; vertical-align: middle; color: #6fba54; display: block; position: absolute; } .woocommerce-notice-info-svg { width: 22px; height: 20px; font-size: 20px; line-height: 1; vertical-align: middle; color: #fe8128; display: block; position: absolute; } .woocommerce-notice-error-svg { width: 22px; height: 22px; font-size: 20px; line-height: 1; vertical-align: middle; color: #d1333c; display: block; position: absolute; } .h-ltr .woocommerce-notices-wrapper .button { float: right; margin-left: 20px; max-width: 50%; } .h-rtl .woocommerce-notices-wrapper .button { float: left; margin-right: 20px; max-width: 50%; } .woocommerce-notices-wrapper a { text-decoration: underline; } .woocommerce > .woocommerce-notice, .woocommerce > .woocommerce-error, .woocommerce > .woocommerce-message { display: none; } .woocommerce-notices-wrapper { visibility: hidden; position: absolute; z-index: -1; } /*-- Store Notice --*/ .woocommerce-store-notice { font-size: 15px; text-align: center; font-weight: normal; padding: 11px 15px 8px 15px; margin: 0; color: var(--store-notice-color); background-color: var(--store-notice-background-color); min-width: 320px; } .woocommerce-store-notice--bottom { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 10001; box-shadow: 0 -4px 22px 2.4px rgba(0, 0, 0, 0.12); } a.woocommerce-store-notice__dismiss-link { margin-left: 10px; padding-top: 7px; padding-bottom: 7px; margin-top: 3px; margin-bottom: 3px; background-color: transparent; color: var(--store-notice-color); border-color: var(--store-notice-color); vertical-align: middle; position: relative; top: -2px; } .h-rtl a.woocommerce-store-notice__dismiss-link { margin-right: 10px; margin-left: 0; } .woocommerce-notice, .woocommerce-error, .woocommerce-message { background-color: white; overflow: hidden; } .woocommerce-notices-wrapper .button { padding-top: 10px; padding-bottom: 10px; } .woocommerce-form-login-toggle { display: none; } /*-- Woocommerce Notices (Desktop) --*/ @media (min-width: 1190px) { a.woocommerce-store-notice__dismiss-link:hover { background-color: var(--store-notice-color); color: var(--store-notice-background-color); } .woocommerce-notice-close:hover { transform: scale(1.5); opacity: 1; } } @media (min-width: 768px) { .woocommerce-notices-wrapper { width: 1140px; margin-left: auto; margin-right: auto; } .woocommerce-notices-wrapper--transition { transition: transform 0.2s linear; } .woocommerce-notice, .woocommerce-error, .woocommerce-message { color: var(--header-color); position: relative; border-radius: 4px; margin-top: 12px; padding: 14px 60px; } .woocommerce-notices-wrapper--ajax { position: fixed; visibility: visible; top: 30px; right: 30px; width: 425px; margin: 0; z-index: 1200; } .h-rtl .woocommerce-notices-wrapper--ajax { right: unset; left: 30px; } .woocommerce-notices-wrapper--ajax .woocommerce-notice, .woocommerce-notices-wrapper--ajax .woocommerce-error, .woocommerce-notices-wrapper--ajax .woocommerce-message { list-style: none; margin: 0; padding: 25px 25px 25px 54px; border: solid 1px var(--border-color-light); border-radius: 4px; box-shadow: 0 4px 22px 2.4px rgba(0, 0, 0, 0.12); } .h-rtl .woocommerce-notices-wrapper--ajax .woocommerce-notice, .h-rtl .woocommerce-notices-wrapper--ajax .woocommerce-error, .h-rtl .woocommerce-notices-wrapper--ajax .woocommerce-message { padding: 25px 54px 25px 25px; } .woocommerce-notices-wrapper--ajax li[class^="woocommerce-"] { padding-left: 25px; padding-right: 25px; } .h-ltr .woocommerce-notice-success-svg, .h-ltr .woocommerce-notice-info-svg, .h-ltr .woocommerce-notice-error-svg { left: 16px; top: 16px; } .h-rtl .woocommerce-notice-success-svg, .h-rtl .woocommerce-notice-info-svg, .h-rtl .woocommerce-notice-error-svg { right: 16px; top: 16px; } .h-ltr .woocommerce-notices-wrapper--ajax .woocommerce-notice-success-svg, .h-ltr .woocommerce-notices-wrapper--ajax .woocommerce-notice-info-svg, .h-ltr .woocommerce-notices-wrapper--ajax .woocommerce-notice-error-svg { left: 22px; top: 24px; } .h-rtl .woocommerce-notices-wrapper--ajax .woocommerce-notice-success-svg, .h-rtl .woocommerce-notices-wrapper--ajax .woocommerce-notice-info-svg, .h-rtl .woocommerce-notices-wrapper--ajax .woocommerce-notice-error-svg { right: 22px; top: 24px; } } /*-- Woocommerce Notices (Mobile) --*/ @media (max-width: 767px) { .woocommerce-notices-wrapper { position: fixed; top: 0; left: 0; transform: translateY(0); width: 100%; z-index: 1000; } .woocommerce-notices-wrapper--ajax { visibility: visible; transition: transform 0.2s linear; } .woocommerce-notice, .woocommerce-error, .woocommerce-message { position: relative; padding: 18px 30px 18px 50px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.08); } .h-rtl .woocommerce-notice, .h-rtl .woocommerce-error, .h-rtl .woocommerce-message { padding: 18px 50px 18px 30px; } .h-ltr .woocommerce-notice-success-svg, .h-ltr .woocommerce-notice-info-svg, .h-ltr .woocommerce-notice-error-svg { left: 16px; top: 16px; } .h-rtl .woocommerce-notice-success-svg, .h-rtl .woocommerce-notice-info-svg, .h-rtl .woocommerce-notice-error-svg { right: 16px; top: 16px; } } .nice-select { -webkit-tap-highlight-color: transparent; clear: both; cursor: pointer; display: block; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; background-repeat: no-repeat; } .nice-select:focus-visible { outline: none; } .nice-select.open .list { opacity: 1; pointer-events: auto; transform: scaleY(1) translateY(0); } .nice-select.disabled { opacity: 0.3; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: white; box-shadow: 0 0 0 1px var(--form-border-color); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; border-radius: 3px; transform-origin: top center; transform: scaleY(0.75) translateY(-5px); transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .h-rtl .nice-select .list { left: unset; right: 0; } .nice-select .list:hover .option.selected:not(:hover) { background-color: var(--form-color); color: inherit; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: start; transition: all 0.15s; position: relative; } .h-rtl .nice-select .option { padding-left: 29px; padding-right: 18px; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: var(--accent-color); color: white; } .nice-select .option.disabled { background-color: transparent; opacity: 0.5; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } :root { --header-color: #15542e; --header-color-light: rgb(138, 170, 151); --text-color: #6f7d6f; --text-color-light: rgb(166, 175, 166); --text-color-tr: rgba(111, 125, 111, 0.15); --background-color: #fafffa; --background-color-light: rgb(253, 255, 253); --background-color-dark: rgb(243, 247, 243); --border-color-light: #e3f0e3; --border-color-tr: rgba(21, 84, 46, 0.12); --border-color-tr-2: rgba(21, 84, 46, 0.2); --product-page-title-color: #15542e; --product-grid-title-color: #15542e; --accent-color: #15542e; --accent-color_light: rgb(138, 170, 151); --accent-color-tr: rgba(21, 84, 46, 0.15); --accent-color-scroll: rgb(17, 67, 37); --accent-color-scroll-bg: rgb(204, 221, 209); --accent-color-2: #47a71a; --accent-color-3: #47a71a; --hover-color: #47a71a; --form-color: #f2fbf2; --form-border-color: rgb(185, 204, 192); --e-global-color-primary: #15542e !important; --e-global-color-secondary: #f2fbf2 !important; --e-global-color-text: #6f7d6f !important; --e-global-color-accent: #15542e !important; --e-global-color-accent2: #47a71a !important; --e-global-color-accent3: #47a71a !important; --e-global-color-border: #e3f0e3 !important; --placeholder-color: rgba(21, 84, 46, 0.4); --star-rating-color: #ffa61e; --image-border-color: rgb(232, 238, 234); --mobile-popup-color: #ffffff; --mobile-popup-bg-color: #0a2800; --header-color-placeholder-mobile: rgba(255, 255, 255, 0.5); --shadow-color: rgba(21, 84, 46, 0.1); --font-icons: "theme-icons"; --font-text: "Outfit", sans-serif; --li-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgNyA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNi42LjJhMSAxIDAgMCAxIC4yIDEuNEwzLjA1MiA2LjU5Ny4yNDEgMy4zMTdhMSAxIDAgMCAxIDEuNTE4LTEuMzAxbDEuMTg5IDEuMzg3TDUuMi40QTEgMSAwIDAgMSA2LjYuMloiIGZpbGw9IiM0N2E3MWEiLz48L3N2Zz4=); --dashed-border: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9Im5vbmUiIHJ4PSI4IiByeT0iOCIgc3Ryb2tlPSJyZ2JhKDIxLCA4NCwgNDYsIDAuMykiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWRhc2hhcnJheT0iMiwgOCIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PC9zdmc+"); --font-header: "Quicksand", sans-serif; --text-transform: capitalize; --logo-size: 100px; --logo-size-sticky: 150px; --logo-size-mobile: 205px; --box-shadow: 0 1px 6px rgba(20, 58, 102, 0.23); --theme-border-radius: 4px; --shadow-color-desktop: rgba(255, 255, 255, 0.95); --shadow-color-mobile: rgba(10, 40, 0, 0.97); --text-align-left: left; --text-align-right: right; --image-grid-prop: 85%; --image-product-prop: 80%; --image-product-aspect-ratio: 100 / 85; --custom-transform-transition: visibility 0.5s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.5s cubic-bezier(0.86, 0, 0.07, 1), transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), box-shadow 0.5s cubic-bezier(0.86, 0, 0.07, 1); --opacity-transition: opacity 0.3s linear, visibility 0.3s linear; --opacity-transition-fast: opacity 0.1s linear, visibility 0.1s linear; --opacity-transform-transition: opacity 0.3s linear, visibility 0.3s linear, transform 0.3s ease-out, box-shadow 0.3s ease-out; --hover-transition: opacity 0.3s linear, visibility 0.3s linear, color 0.15s linear, border-color 0.15s linear, background-color 0.15s linear, box-shadow 0.15s linear; --icon-cart: "\f106" /* ip-cart */; --icon-video: "\f146" /* ip-video */; --icon-mobile-more: "\f12a" /* ip-mobile-more */; --icon-top-menu-more: "\f140" /* ip-top-menu-more */; --icon-user: "\f143" /* ip-user */; --icon-close-small: "\f10d" /* ip-close-small */; --icon-check: "\f108" /* ip-check */; --icon-select: "\f112" /* ip-down_arrow */; --icon-select-bold: "\f138" /* ip-select-bold */; --icon-calendar: "\f105" /* ip-calendar */; --icon-li: "\f111" /* ip-dot */; --icon-submenu: "\f128" /* ip-menu-right */; --icon-depth: "\f151" /* ip-z-depth */; --icon-logout: "\f125" /* ip-logout */; --container-default-padding-block-start: 0px; --container-default-padding-block-end: 0px; --container-default-padding-inline-start: 0px; --container-default-padding-inline-end: 0px; } .c-product__after-summary .woobt-wrap:before { content: "Frequently Bought Together"; } .product { --font-size-desktop: 40px; --font-size-desktop-qv: 32px; --font-size-mobile: 26px; --font-size-mobile-qv: 26px; --wvs-width: 25px; --wvs-height: 25px; } .c-badge__list, .woocommerce-variation-availability { --badge-bgcolor-featured: #47a71a; --badge-bgcolor-new: #ffa61e; --badge-bgcolor-sale: #47a71a; --badge-bgcolor-outofstock: #7a99c1; } .c-to-top-button { --to-top-button-color: #15542e; } .c-product-grid__item, .wc-block-grid__product { --font-size: 20px; } .elementor-heading-title { padding: 0; margin: 0; line-height: 1; } .elementor-widget-heading .elementor-heading-title[class*="elementor-size-"] > a { color: inherit; font-size: inherit; line-height: inherit; } .elementor-widget-heading .elementor-heading-title.elementor-size-small { font-size: 15px; } .elementor-widget-heading .elementor-heading-title.elementor-size-medium { font-size: 19px; } .elementor-widget-heading .elementor-heading-title.elementor-size-large { font-size: 29px; } .elementor-widget-heading .elementor-heading-title.elementor-size-xl { font-size: 39px; } .elementor-widget-heading .elementor-heading-title.elementor-size-xxl { font-size: 59px; } a.xoo-wsc-ft-btn:nth-child(3) { background-color: var(--header-color); } a.xoo-wsc-ft-btn:nth-child(3):hover { background-color: #fff !important; border: 2px solid var(--header-color) !important; color: #000 !important; } .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover, .xoo-wsc-container .xoo-wsc-btn:hover { background-color: #fff; border: 2px solid #000; color: #000; }