.elementor-1444 .elementor-element.elementor-element-9675e10{--display:flex;--min-height:38vh;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.33;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1444 .elementor-element.elementor-element-9675e10:not(.elementor-motion-effects-element-type-background), .elementor-1444 .elementor-element.elementor-element-9675e10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F1E9;}.elementor-1444 .elementor-element.elementor-element-9675e10::before, .elementor-1444 .elementor-element.elementor-element-9675e10 > .elementor-background-video-container::before, .elementor-1444 .elementor-element.elementor-element-9675e10 > .e-con-inner > .elementor-background-video-container::before, .elementor-1444 .elementor-element.elementor-element-9675e10 > .elementor-background-slideshow::before, .elementor-1444 .elementor-element.elementor-element-9675e10 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1444 .elementor-element.elementor-element-9675e10 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1444 .elementor-element.elementor-element-118c84b9{--display:flex;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1444 .elementor-element.elementor-element-19a89e60{--display:flex;}.elementor-1444 .elementor-element.elementor-element-3f016f5d .elementor-heading-title{font-family:"Georgia", Sans-serif;font-size:100px;}.elementor-1444 .elementor-element.elementor-element-648cab22{margin:-1% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:end;}.elementor-1444 .elementor-element.elementor-element-648cab22 .elementor-heading-title{font-family:"ivypresto-display", Sans-serif;font-size:1.7em;font-weight:500;line-height:1em;letter-spacing:0;}.elementor-1444 .elementor-element.elementor-element-6f475d45:hover{--e-transform-translateY:2px;}.elementor-1444 .elementor-element.elementor-element-6f475d45{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1444 .elementor-element.elementor-element-6f475d45 .elementor-icon-wrapper{text-align:center;}.elementor-1444 .elementor-element.elementor-element-6f475d45 .elementor-icon{font-size:24px;}.elementor-1444 .elementor-element.elementor-element-6f475d45 .elementor-icon svg{height:24px;}.elementor-1444 .elementor-element.elementor-element-1e38a7c5{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-1444 .elementor-element.elementor-element-6b74817b.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1444 .elementor-element.elementor-element-6b74817b.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-text );}.elementor-1444 .elementor-element.elementor-element-6b74817b.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-text );}.elementor-1444 .elementor-element.elementor-element-6b74817b.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1444 .elementor-element.elementor-element-6b74817b.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Montserrat", Sans-serif;}.elementor-1444 .elementor-element.elementor-element-6b74817b.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-text );}.elementor-1444 .elementor-element.elementor-element-6b74817b nav.woocommerce-pagination{font-family:"Montserrat", Sans-serif;}.elementor-1444 .elementor-element.elementor-element-6b74817b.elementor-wc-products ul.products li.product span.onsale{display:block;font-family:"Montserrat", Sans-serif;}.elementor-1444 .elementor-element.elementor-element-6b74817b .elementor-products-nothing-found{font-family:"Montserrat", Sans-serif;}.elementor-1444 .elementor-element.elementor-element-ccb9dc9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1444 .elementor-element.elementor-element-68c2e0a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--overlay-opacity:0.19;}.elementor-1444 .elementor-element.elementor-element-68c2e0a::before, .elementor-1444 .elementor-element.elementor-element-68c2e0a > .elementor-background-video-container::before, .elementor-1444 .elementor-element.elementor-element-68c2e0a > .e-con-inner > .elementor-background-video-container::before, .elementor-1444 .elementor-element.elementor-element-68c2e0a > .elementor-background-slideshow::before, .elementor-1444 .elementor-element.elementor-element-68c2e0a > .e-con-inner > .elementor-background-slideshow::before, .elementor-1444 .elementor-element.elementor-element-68c2e0a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://rebeccagrant.echelonpreview.co.uk/wp-content/uploads/2026/03/event-hero-1.webp");--background-overlay:'';background-repeat:no-repeat;background-size:cover;}.elementor-1444 .elementor-element.elementor-element-68c2e0a.e-con{--align-self:flex-end;}.elementor-1444 .elementor-element.elementor-element-696ab76{--display:flex;--padding-top:58px;--padding-bottom:58px;--padding-left:58px;--padding-right:58px;}.elementor-1444 .elementor-element.elementor-element-524359a{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + -4px) -4px;}.elementor-1444 .elementor-element.elementor-element-524359a .elementor-heading-title{font-family:"Georgia", Sans-serif;font-weight:700;}.elementor-1444 .elementor-element.elementor-element-9aa6a8a{width:var( --container-widget-width, 78% );max-width:78%;--container-widget-width:78%;--container-widget-flex-grow:0;font-family:"Montserrat", Sans-serif;font-size:17px;line-height:26px;color:#FFFFFF;}@media(min-width:768px){.elementor-1444 .elementor-element.elementor-element-118c84b9{--content-width:1600px;}.elementor-1444 .elementor-element.elementor-element-1e38a7c5{--content-width:1600px;}.elementor-1444 .elementor-element.elementor-element-696ab76{--width:50%;}}@media(max-width:1024px){.elementor-1444 .elementor-element.elementor-element-9675e10{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1444 .elementor-element.elementor-element-648cab22 .elementor-heading-title{font-size:3.1vw;}.elementor-1444 .elementor-element.elementor-element-6b74817b.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1444 .elementor-element.elementor-element-9aa6a8a{width:var( --container-widget-width, 400px );max-width:400px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -16px) 0px;--container-widget-width:400px;--container-widget-flex-grow:0;text-align:center;}}@media(max-width:767px){.elementor-1444 .elementor-element.elementor-element-9675e10{--width:100%;--min-height:21vh;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1444 .elementor-element.elementor-element-9675e10:not(.elementor-motion-effects-element-type-background), .elementor-1444 .elementor-element.elementor-element-9675e10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1444 .elementor-element.elementor-element-118c84b9{--content-width:1600px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-1444 .elementor-element.elementor-element-648cab22{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:end;}.elementor-1444 .elementor-element.elementor-element-648cab22 .elementor-heading-title{font-size:1.3em;}.elementor-1444 .elementor-element.elementor-element-6b74817b.elementor-wc-products ul.products{grid-column-gap:15px;grid-row-gap:40px;}.elementor-1444 .elementor-element.elementor-element-524359a{text-align:center;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-6b74817b *//* =============================================
ELEMENTOR PRODUCT ARCHIVE — MASONRY + HOVER
============================================= */
/* Override Elementor's grid with column masonry */
.elementor-wc-products ul.products,
ul.products {
display: block !important;
column-count: 3 !important;
column-gap: 16px !important;
grid-template-columns: unset !important;
}
@media (max-width: 900px) {
.elementor-wc-products ul.products,
ul.products {
column-count: 2 !important;
}
}
@media (max-width: 600px) {
.elementor-wc-products ul.products,
ul.products {
column-count: 1 !important;
}
}
/* Each product item — no cropping */
.elementor-wc-products ul.products li.product,
ul.products li.product {
break-inside: avoid !important;
margin-bottom: 16px !important;
display: inline-block !important;
width: 100% !important;
float: none !important;
padding: 0 !important;
position: relative !important;
overflow: hidden !important;
cursor: pointer !important;
}
/* Image natural height — no crop */
.elementor-wc-products ul.products li.product a img,
ul.products li.product a img {
width: 100% !important;
height: auto !important;
display: block !important;
object-fit: unset !important;
}
/* Hide title, price and button below image */
.elementor-wc-products ul.products li.product .woocommerce-loop-product__title,
.elementor-wc-products ul.products li.product .price,
.elementor-wc-products ul.products li.product .button,
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .price,
ul.products li.product .button {
display: none !important;
}
/* Dark overlay on hover using the tag */
.elementor-wc-products ul.products li.product a.woocommerce-LoopProduct-link,
ul.products li.product a.woocommerce-LoopProduct-link {
position: relative !important;
display: block !important;
line-height: 0 !important;
}
.elementor-wc-products ul.products li.product a.woocommerce-LoopProduct-link::before,
ul.products li.product a.woocommerce-LoopProduct-link::before {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: rgba(0, 0, 0, 0.35) !important;
opacity: 0 !important;
transition: opacity 0.4s ease !important;
z-index: 1 !important;
pointer-events: none !important;
}
.elementor-wc-products ul.products li.product a.woocommerce-LoopProduct-link:hover::before,
ul.products li.product a.woocommerce-LoopProduct-link:hover::before {
opacity: 1 !important;
}
/* Arrow box — bottom right */
.elementor-wc-products ul.products li.product a.woocommerce-LoopProduct-link::after,
ul.products li.product a.woocommerce-LoopProduct-link::after {
content: '→' !important;
position: absolute !important;
bottom: 14px !important;
right: 14px !important;
width: 36px !important;
height: 36px !important;
line-height: 36px !important;
text-align: center !important;
background: #ffffff !important;
color: #0B2645 !important;
font-size: 18px !important;
text-transform: uppercase !important;
opacity: 0 !important;
transform: translateY(8px) !important;
transition: opacity 0.4s ease, transform 0.4s ease !important;
z-index: 3 !important;
pointer-events: none !important;
}
.elementor-wc-products ul.products li.product a.woocommerce-LoopProduct-link:hover::after,
ul.products li.product a.woocommerce-LoopProduct-link:hover::after {
opacity: 1 !important;
transform: translateY(0) !important;
}
/* Overlay title — pulled from the hidden title via CSS attr trick
We use the aria-label or fall back to a JS inject below */
.elementor-wc-products ul.products li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title,
ul.products li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title {
display: block !important;
position: absolute !important;
bottom: 14px !important;
left: 14px !important;
right: 58px !important;
color: #ffffff !important;
font-size: 13px !important;
text-transform: uppercase !important;
line-height: 1.35 !important;
margin: 0 !important;
padding: 0 !important;
opacity: 0 !important;
transform: translateY(8px) !important;
transition: opacity 0.4s ease, transform 0.4s ease !important;
z-index: 3 !important;
text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
pointer-events: none !important;
background: transparent !important;
}
.elementor-wc-products ul.products li.product a.woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title,
ul.products li.product a.woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title {
opacity: 1 !important;
transform: translateY(0) !important;
}
@media (min-width: 768px) {
.elementor-wc-products ul.products li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title,
ul.products li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title {
font-size: 15px !important;
}
}
/* =============================================
MASONRY — override Elementor products grid
============================================= */
.elementor-products-grid .products,
.elementor-wc-products .products,
.woocommerce .elementor-element .elementor-products-grid ul.products {
display: block !important;
column-count: 3 !important;
column-gap: 16px !important;
grid-template-columns: unset !important;
grid: unset !important;
}
.elementor-products-grid .products li.product,
.elementor-wc-products .products li.product,
.woocommerce .elementor-element .elementor-products-grid ul.products li.product {
break-inside: avoid !important;
display: inline-block !important;
width: 100% !important;
float: none !important;
margin-bottom: 16px !important;
}
/* Full image, no crop */
.elementor-products-grid .products li.product img,
.elementor-wc-products .products li.product img {
width: 100% !important;
height: auto !important;
object-fit: unset !important;
display: block !important;
}
@media (max-width: 900px) {
.elementor-products-grid .products,
.elementor-wc-products .products {
column-count: 2 !important;
}
}
@media (max-width: 600px) {
.elementor-products-grid .products,
.elementor-wc-products .products {
column-count: 1 !important;
}
}
/* =============================================
SHOP — RESULT COUNT + ORDERING DROPDOWN
============================================= */
/* "Showing all 5 results" */
.woocommerce-result-count {
font-family: 'Montserrat', sans-serif !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
font-size: 13px !important;
color: #333333 !important;
}
/* Sort by dropdown */
.woocommerce-ordering select.orderby {
font-family: 'Montserrat', sans-serif !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
font-size: 13px !important;
background-color: #FF6F61 !important;
color: #ffffff !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
padding: 8px 32px 8px 14px !important;
border-radius: 0 !important;
cursor: pointer !important;
-webkit-appearance: none !important;
appearance: none !important;
/* Custom white arrow to replace default browser arrow */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ffffff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 12px center !important;
}
/* Dropdown options (limited browser support but worth including) */
.woocommerce-ordering select.orderby option {
background-color: #FF6F61 !important;
color: #ffffff !important;
text-transform: uppercase !important;
font-family: 'Montserrat', sans-serif !important;
}
/* Remove any wrapper border/outline */
.woocommerce-ordering {
border: none !important;
outline: none !important;
}/* End custom CSS */