.elementor-39044 .elementor-element.elementor-element-16d294f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-39044 .elementor-element.elementor-element-16d294f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-39044 .elementor-element.elementor-element-d4d72b9:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-39044 .elementor-element.elementor-element-d4d72b9 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DCD2BE;}.elementor-39044 .elementor-element.elementor-element-d4d72b9 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;color:#232A27;padding:40px 20px 20px 20px;}.elementor-39044 .elementor-element.elementor-element-d4d72b9 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-39044 .elementor-element.elementor-element-d4d72b9 .elementor-element-populated .elementor-heading-title{color:#232A27;}.elementor-bc-flex-widget .elementor-39044 .elementor-element.elementor-element-69ad951.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-39044 .elementor-element.elementor-element-69ad951.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-39044 .elementor-element.elementor-element-69ad951 > .elementor-element-populated{padding:42px 20px 60px 60px;}.elementor-39044 .elementor-element.elementor-element-2949603a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-39044 .elementor-element.elementor-element-2949603a.elementor-element{--align-self:flex-start;}.elementor-39044 .elementor-element.elementor-element-2949603a{text-align:start;}.elementor-39044 .elementor-element.elementor-element-2949603a .elementor-heading-title{font-family:"gillsans-semibold", Sans-serif;font-size:60px;font-weight:600;text-transform:capitalize;color:#232A27;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product{text-align:center;--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px;padding:30px 30px 30px 30px;border-color:#D2D2D200;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;margin-bottom:10px;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#232A27;margin-bottom:0px;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#232A27;margin-bottom:0px;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product .star-rating{font-size:0em;margin-bottom:0px;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product .price{color:#232A27;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product .price ins{color:#232A27;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product .price ins .amount{color:#232A27;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-secondary );}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-secondary );}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product .price del {font-family:"Roboto", Sans-serif;font-weight:700;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product .button{color:#232A27;background-color:#DCD2BE;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );border-radius:0px 0px 0px 0px;padding:10px 22px 10px 22px;margin-top:10px;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products .added_to_cart{color:var( --e-global-color-secondary );font-weight:500;margin-inline-start:5px;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2 nav.woocommerce-pagination{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-39044 .elementor-element.elementor-element-3f9b8f2 nav.woocommerce-pagination ul li a{color:#232A27;background-color:var( --e-global-color-primary );}.elementor-39044 .elementor-element.elementor-element-3f9b8f2 nav.woocommerce-pagination ul li span.current{color:#232A27;background-color:#FFFFFF;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product span.onsale{display:block;color:#232A27;background-color:#DCD2BE;font-size:20px;border-radius:0px;min-width:100px;min-height:40px;line-height:40px;right:auto;left:0;margin:-11px;}@media(max-width:1024px){.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-text-font-size );}.elementor-39044 .elementor-element.elementor-element-3f9b8f2 nav.woocommerce-pagination{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-39044 .elementor-element.elementor-element-d4d72b9{width:18%;}.elementor-39044 .elementor-element.elementor-element-69ad951{width:82%;}}@media(max-width:767px){.elementor-39044 .elementor-element.elementor-element-69ad951 > .elementor-element-populated{padding:30px 5px 5px 5px;}.elementor-39044 .elementor-element.elementor-element-2949603a .elementor-heading-title{font-size:50px;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products{grid-column-gap:3px;grid-row-gap:20px;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:10px;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-text-font-size );}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product .price del {font-size:16px;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product .button{margin-top:0px;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product{padding:5px 5px 5px 5px;}.elementor-39044 .elementor-element.elementor-element-3f9b8f2 nav.woocommerce-pagination{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for wc-archive-products, class: .elementor-element-3f9b8f2 */.woocommerce ul.products li.product a img { width: 100% !important; height: 210px !important; object-fit: cover; } /* 1. Container Reference */ .elementor-39044 .elementor-element.elementor-element-3f9b8f2 .elementor-loop-product, .elementor-39044 .elementor-element.elementor-element-3f9b8f2 li.product { position: relative !important; overflow: hidden; } /* 2. Base styles for both Cart and Wishlist */ /* 3. Horizontal Positioning (Side-by-Side) */ .elementor-39044 .elementor-element.elementor-element-3f9b8f2 .button.add_to_cart_button { right: 80px; /* Cart button stays on the far right */ } .elementor-39044 .elementor-element.elementor-element-3f9b8f2 .yith-wcwl-add-button { right: 15px; /* Positioned to the left of the cart (15px + 60px width + 5px gap) */ } /* 3. Vertical Positioning (Stacking them) */ .elementor-39044 .elementor-element.elementor-element-3f9b8f2 .button.add_to_cart_button, .elementor-39044 .elementor-element.elementor-element-3f9b8f2 .yith-wcwl-add-button { position: absolute !important; z-index: 100; top: 95px; /* Set both to the same height from the top */ opacity: 0; transform: translateX(20px); transition: all 0.3s ease-in-out; margin: 0 26% !important; /* Ensure both have matching dimensions for alignment */ width: 60px !important; height: 60px !important; } /* 4. Show on Hover */ .elementor-39044 .elementor-element.elementor-element-3f9b8f2 .elementor-loop-product:hover .button.add_to_cart_button, .elementor-39044 .elementor-element.elementor-element-3f9b8f2 .elementor-loop-product:hover .yith-wcwl-add-button, .elementor-39044 .elementor-element.elementor-element-3f9b8f2 li.product:hover .button.add_to_cart_button, .elementor-39044 .elementor-element.elementor-element-3f9b8f2 li.product:hover .yith-wcwl-add-button { opacity: 1 !important; transform: translateX(0); } /* 5. Styling the Wishlist Button to match the Cart style */ .elementor-39044 .elementor-element.elementor-element-3f9b8f2 .yith-wcwl-add-button a { background-color: #DCD2BE !important; color: #232A27 !important; width: 60px !important; height: 60px !important; display: flex !important; align-items: center; justify-content: center; text-decoration: none; padding: 0 !important; border: none !important; } /* Hide the "Add to favourites" text */ .elementor-39044 .elementor-element.elementor-element-3f9b8f2 .yith-wcwl-add-button a span { display: none !important; } /* Size the Heart SVG */ .elementor-39044 .elementor-element.elementor-element-3f9b8f2 .yith-wcwl-add-button svg { width: 20px !important; height: 20px !important; margin: 0 !important; } /* 6. Hover state for Wishlist */ .elementor-39044 .elementor-element.elementor-element-3f9b8f2 .yith-wcwl-add-button a:hover { background-color: #232A27 !important; color:#DCD2BE !important; } /* 1. Normal State: Transparent inside, colored border */ .elementor-39044 .elementor-element.elementor-element-3f9b8f2 .yith-wcwl-add-button svg { fill: none !important; /* Makes the inside transparent */ stroke: #232A27 !important; /* The border color (matches your original text color) */ stroke-width: 2px; /* Adjust thickness if needed */ } /* 2. Hover State: Change the border color */ .elementor-39044 .elementor-element.elementor-element-3f9b8f2 .yith-wcwl-add-button a:hover svg { fill: none !important; /* Keeps it transparent on hover */ stroke: #DCD2BE !important; /* Changes border to your specific color */ } /* Size the Heart SVG */ .elementor-39044 .elementor-element.elementor-element-3f9b8f2 .yith-wcwl-add-button svg { width:30px !important; /* Increased from 20px */ height: 30px !important; /* Increased from 20px */ margin: 0 !important; /* Optional: If the lines look too thin when larger, uncomment the line below to thicken the border */ /* stroke-width: 2.5px !important; */ } /* 1. Hide the original text while keeping the button functional */ .elementor-39044 .elementor-element.elementor-element-3f9b8f2 .button.add_to_cart_button { font-size: 0 !important; /* Hides the original text */ line-height: 0; text-indent: -9999px; /* Accessibility fallback */ } /* 2. Inject the "+" icon or Shopping Bag */ .elementor-39044 .elementor-element.elementor-element-3f9b8f2 .button.add_to_cart_button::before { content: '+'; /* Change to '\f291' for a Shopping Basket if using FontAwesome */ font-family: "gillsans-light", Sans-serif!important; /* Use "Font Awesome 5 Free" if you have it loaded */ font-weight: 500; font-size: 35px; /* Size of the + */ color: #232A27; text-indent: 0; display: block; line-height: 40px; /* Matches the button height for vertical centering */ } /* 3. Handle "Loading" state (Spinner) */ /* This ensures the icon disappears when the WooCommerce spinner shows up */ .elementor-39044 .elementor-element.elementor-element-3f9b8f2 .button.add_to_cart_button.loading::before { display: none; } /* 4. Optional: Hover effect for the icon color */ .elementor-39044 .elementor-element.elementor-element-3f9b8f2 .button.add_to_cart_button:hover::before { color: #DCD2BE; } .elementor-39044 .elementor-element.elementor-element-3f9b8f2 .button.add_to_cart_button:hover { background-color: #232A27 !important; } /* Icons to be the same height */ .elementor-39044 .elementor-element.elementor-element-3f9b8f2.elementor-wc-products ul.products li.product .button {margin-top:0px!important;}/* End custom CSS */