<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/** Shopify CDN: Minification failed

Line 357:4 Expected identifier but found "."
Line 753:25 Expected ":"

**/
/** ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ 
ð¦ ð¦ ð¦ ð¦ ð¦  TABLE OF CONTENTS ð¦ ð¦ ð¦ ð¦  
ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ 

1. TYPOGRAPHY
  A â€” Remove small text
  B â€” Remove Small Text
  C â€” Match paragraph fonts
  D â€” Italicised paragraph text = heading font
  E â€” Italicised headings wrapped in &lt;em&gt;&lt;/em&gt; = accent font
  F â€” Other items in accent font
  G â€” Italics &lt;em&gt; + Bold &lt;strong&gt; = matches button font styling
  H â€” Button fonts
  I â€” Hyperlinks
  J â€” Nav links
  K â€” Control letter spacing
  L â€” Remove default uppercase
  M â€” Bigger product titles on collection sections
  N â€” Tighten spacing of headings
  O â€” System pages
  P â€” Match 'Product Pairing' heading to h4
  Q â€” Product card text alignment
  R â€” Shopify Reviews Header match h1 sizing
  S â€” Cart totals fix
  T â€” Remove light opacity text


2. SPACING
  A â€” Override max page width
  B â€” Pages with natural width
  C â€” Remove left padding on â€œImage With Textâ€ section on collection pages (desktop)
  D â€” Remove top padding on mobile product image slider

3. NAVIGATION
  A â€” Animate logo on scroll
  B â€” Transparent header
  C â€” Solid background on scroll
  D â€” Header border on all pages except home

4. FOOTER
  A â€” XL footer logo styling
  B â€” Hide label on currency picker

5. HOVER STATES
  A â€” Hide title underlines when products are hovered
  B â€” Hide hover styles on accordion
  C â€” Hyperlinks - change to accent colour on hover
  D â€” Buttons - change shape and colour on hover
  E â€” Hide double weight borders on field focus
  F â€” Hide background colour hovers

6. CONTROL BORDER + OPACITY STYLES
  A â€” Override root styling
  B â€” Single elements override

7. BORDERS
  A â€” Shopify Forms popup
  B â€” Secondary footer content border
  C â€” Header &amp; announcement bar borders
  D â€” "Collapsible Content" section borders
  E â€” "Slideshow" section borders
  F â€” Hide cart popup top border
  G â€” Full page cart borders
  H â€” Add border to blog post template
  I â€” Predictive search modal
  J â€” Collection page filter bar 
  K â€” Borders on "Vertical Tabs ê©œ" section
  L â€” Mobile popout menu drawer

8. COLLECTION PAGES
  A â€” Bug fix for background hover effect 
  B â€” Product badges

9. STYLISH PRODUCT TEMPLATE
  A â€” Remove gap 
  B â€” Hide 'peek' feature on slideshow
  C â€” Product badges
  D â€“ Slider padding

10. BUTTONS
  A â€” Wider buttons
  B â€” Hide buttons without links added


11. VERTICAL TABS SECTION
  A â€” Second image shrink

12. VIDEO &amp; IMAGE GRID SECTION
  A â€” Bigger images + matching text container width for 'Stacked' layout

13. SPLIT SLIDER
  A â€” Add padding between button and text

14. BLOG
  A â€” Full width feature image
  B â€” Hide blog title
  C â€” Remove top margin on "Multicolumn" section tag links
  D â€” Borders on "Multicolumn" section tag links
  E â€” Accent background and link on hover for tag links
  F â€” Hide borders on tables
  G â€” Increase spacing above and below blog title

15. MOBILE
  A â€” â€œModularâ€ Section 50% width background images
  B â€” Hide slider toggles on â€œMulticolumnâ€ sections


16. MAGIC WORDS
  A â€” Formatting &amp; Responsiveness
    	.twoColMobile
        .fullWidthText
    	.image-icon
    	.miniMobile
      	.fontLarge
    	.fontAccent
    	.darkText
    	.lightText
    	.imagePadding
    	.decorPadding
    	.decorMobile
        .decorFront
        .fullheight-bg
    	.autoMargins
    	.centerMargins
    	.quarterText
    	.halfText
    	.threeFourText
    	.justified
    	.centered
  B â€” Borders
    	.borders
    	.topBorder
  C â€” Misc
    	.hide-mobile
    	.sticky
        .flushButton
  D â€” Animations
    	.rotate360
    	.floating
  E â€” Image Shapes
    	.circleImage
    	.archImage
    	.wavyDiamond
    	.decoFrame
    	.abstractArch
    	.roundedStar
    	.roundedDiamond
        .twoCircles
        .threeCircles
**/



/** âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ TYPOGRAPHY âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ **/

h1, h2, h3, h4{
  font-family: calder-dark;
  letter-spacing: 0.2rem !important;
}



/** Remove small text ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.caption-with-letter-spacing,
.caption,
.link,
.form__label,
 small,
table:not([class]),
label, 
.facets__summary,
.facets__heading,
.facet-filters__sort,
.facet-filters__label,
.product-count__text,
.spr-review-content-body,
.spr-review-header-byline {
  font-size: 100% !important;
}


/** Match paragraph fonts ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
select,
.field__input,
.link {
  font-weight: var(--font-body-weight) !important;
  font-family: var(--font-body-family) !important;
}


/** Italicised paragraph text = Heading Font ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
p em, p span em {
  font-family: var(--font-heading-family) !important;
  font-style: normal !important;
  line-height: 1.1rem !important;
}


/** Italicised headings wrapped in &lt;em&gt;&lt;/em&gt; = accent font ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, 
.h0 em, .h1 em, .h2 em, .h3 em, .h4 em, .h5 em,
h1 span em, h2 span em, h3 span em, h4 span em, h5 span em, h6 span em, 
.h0 span em, .h1 span em, .h2 span em, .h3 span em, .h4 span em, .h5 span em {
    font-family: var(--font-accent-family);
    font-style: var(--font-accent-style);
    font-weight: var(--font-accent-weight);
    font-size: 110% !important;
}


/** Other items in accent font ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.multicolumn-card__info a.link,
.article-card__info,
.caption-with-letter-spacing,
.subtitle,
.footer__copyright,
.spr-review-header-title,
.swatch-product-wrapper {
    font-family: var(--font-accent-family);
    font-style: var(--font-accent-style);
    font-weight: var(--font-accent-weight);
    font-size: 120% !important;
}


/** Italics &lt;em&gt; + Bold &lt;strong&gt; = matches button font styling ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
strong em,
em strong {
  font-family: var(--font-body-family) !important;
  font-weight: var(--font-body-weight) !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  font-size: 1.5rem !important; 
}


/** Button fonts ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
a.button, 
.shopify-payment-button__button,
.shopify-challenge__button, 
.customer button,
.c-grid-text a,
.description a,
.c-vertical-tabs__content a,
.c-vertical-tabs__tab,
button._formSubmitButton_muap4_72,
p.product__text.subtitle,
.mega-menu__link--level-2,
.button--primary,
.button--secondary {
  font-family: var(--font-body-family) !important;
  text-transform: uppercase !important;
  font-weight: var(--font-body-weight-bold) !important;
  font-size: 1.5rem !important;
}


/** Hyperlinks ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.rte a,
.c-grid-text a,
.description a,
.c-vertical-tabs__content a,
a:not(.button) {
  color: rgb(var(--color-foreground)) !important;
  text-decoration: none !important;
}


/** Nav links ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.header__active-menu-item {
  text-decoration: none !important;
}

.header__inline-menu li span {
  text-transform: uppercase !important;  
}

.header__active-menu-item {
  color: var(--gradient-base-accent-2) !important;
}


/** Control letter spacing ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
body, 
span {
  letter-spacing: 0rem !important;
}


/** Remove default uppercase ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.article-card__info,
.caption-with-letter-spacing {
  text-transform: none !important;
}


/** Bigger product titles on collection sections ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.card__heading {
  font-size: calc(var(--font-heading-scale) * 2rem) !important;
}


/** Tighten spacing of headings ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
h2 {
  margin-block-start: 0.2em !important;
  margin-block-end: 0.2em !important;
}


/** System pages ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.password-modal__content-heading {
  font-family: var(--font-heading-family) !important;
}


/** Match 'Product Pairing' heading to h4 ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.product-list-title {
    font-family: var(--font-heading-family) !important;
    font-style: var(--font-heading-style) !important;
    font-size: calc(var(--font-heading-scale) * 1.5rem) !important;
}


/** Product card text alignment ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.card__information {
  text-align: var(--product-card-text-alignment) !important;
}


/** Shopify Reviews Product Page ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.spr-header-title {
  font-size: calc(var(--font-heading-scale) * 4rem) !important;
  padding-bottom: 2rem !important;
}

.spr-review-header-byline {
  font-style: normal !important;
}

.spr-review-header-byline strong {
  font-weight: lighter !important;
}

@media only screen and (max-width: 480px) {
  .spr-summary {
    text-align: left !important;
  } 
  .spr-summary-caption {
    .padding-top: 20px !important;
  }
}


/** Cart totals fix ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.totals &gt; h2,
.totals__subtotal-value {
  font-size: 2rem !important;
}


/** Remove light opacity text ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.predictive-search__heading {
  color: rgba(var(--color-foreground),1) !important;
}



/** âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ SPACING âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ **/

/** Override max page width ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
@media screen and (min-width: 750px) {
.page-width {
    max-width: 2500px !important;
}
}


/** Pages with natural width ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
@media screen and (min-width: 750px) {
  .page-width--narrow {
    width: 100rem !important; 
    max-width: var(--page-width) !important;
  }
}

@media screen and (max-width: 750px) {
  .page-width--narrow {
      width: 100% !important;  
      max-width: var(--page-width) !important;
  }
}

/** Remove left padding on "Image With Text" section on collection pages (desktop) ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
@media screen and (min-width: 990px) {
  .collection-hero .image-with-text__content {
    padding-left: 0rem !important;
  } 
}


/** Remove top padding on mobile product image slider ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
@media screen and (max-width: 749px) {
  .slider.slider--mobile .slider__slide {
    padding-top: 0px !important;
 }
}


/** âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ NAVIGATION âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ **/


/** Animate logo on scroll ðŸŸ’ ðŸŸ’ ðŸŸ’ 
body.template-index .header__heading-logo {
  max-width:400px !important;
  transition:1s;
}

body.scrolled.template-index .header__heading-logo {
  max-width:80px !important;
  transition:1s;
}
**/


/** Transparent header ðŸŸ’ ðŸŸ’ ðŸŸ’ 
body.template-index .header-wrapper {
  position:absolute;
  width:100%;
  background-color: transparent;
}
**/


/** Solid background on scroll ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.scrolled .header-wrapper {
  transition:1s;
  background-color: rgb(var(--color-background), 1) !important;
  border-bottom: var(--inputs-border-width) solid rgba(var(--color-foreground), 1); 
}


/** Header border on all pages except home ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
body:not(.template-index) .header-wrapper {
  border-bottom: var(--inputs-border-width) solid rgba(var(--color-foreground), 1) !important; 
}


/** âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ FOOTER âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ **/
 
/** XL footer logo styling ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.logoXL img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;

}
 
div.logoXL {
  display: flex;
}


/** Hide label on currency picker ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
#FooterCountryLabel {
  display: none !important;
}


/** âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ HOVER STATES âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ **/

/** Hide title underlines when products are hovered  ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.full-unstyled-link:hover {
  text-decoration: none !important;
}


/** Hide hover styles on accordion  ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.collapsible-content summary:hover {
  background: rgba(var(--color-foreground),0) !important;
}

.collapsible-content summary:hover .accordion__title {
  text-decoration: none !important;
}


/** Hyperlinks - change to accent colour on hover ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.rte a:hover,
.header__menu-item:hover span,
.mega-menu__link:hover, 
.mega-menu__link--active,
p a:hover,
a:not(button):hover {
  color: var(--gradient-base-accent-2) !important;
}

.c-vertical-tabs__tab-wrapper a:not(button):hover:hover {
  color: rgb(var(--color-foreground)) !important;
}


header-menu:hover svg.icon path {
  fill: var(--gradient-base-accent-2) !important;
}

.rte a:hover,
.header__menu-item:hover span,
details[open]&gt;.header__menu-item,
.mega-menu__link:hover, 
.mega-menu__link--active {
  text-decoration: none !important; 
}



/** Buttons - change shape and colour on hover ðŸŸ’ ðŸŸ’ ðŸŸ’ **/

a.button,
.button--primary,
.button--secondary,
.contact__button button,
#app-embed button,
.cart__checkout-button,
.shopify-payment-button__button, 
.shopify-challenge__button, 
.customer button, 
button._formSubmitButton_muap4_72 {
	border: var(--buttons-border-width) solid rgb(var(--color-foreground)) !important;
	transition: 0.3s all  !important;
}


a.button:hover::after,
.button--primary:hover::after,
.button--secondary:hover::after,
.shopify-challenge__button:hover::after,
.cart__checkout-button:hover::after,
.contact__button button:hover::after,
.customer button:hover::after,
#app-embed button:hover::after,
.shopify-payment-button__button--unbranded:hover::after {
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)) !important;
  border-radius: 2rem !important;
  transition: 0.3s !important;
}


a.button:hover,
.button--primary:hover,
.button--secondary:hover,
#app-embed button:hover,
.shopify-challenge__button:hover,
.customer button:hover,
.contact__button button:hover,
.cart__checkout-button:hover,
.shopify-payment-button__button--unbranded:hover {
  color:  rgb(var(--color-foreground)) !important;
  background-color: var(--gradient-base-accent-2) !important;
  border-radius: 2rem !important;
  transition: 0.3s !important;
}


a.button:after,
.button--primary:after,
.button--secondary:after,
#app-embed button:after,
.cart__checkout-button:after,
.shopify-challenge__button:after, 
.customer button:after, 
.contact__button button:after,
.shopify-payment-button__button--unbranded:after,
.button:before, .shopify-challenge__button:before, 
.customer button:before, 
.shopify-payment-button__button--unbranded:before, 
.shopify-payment-button [role=button]:before, 
.cart__dynamic-checkout-buttons [role=button]:before {
	display: none !important;
}

.button--secondary:hover:after {
  --border-offset: 0.65px !important;
}


/** Hide double weight borders on field focus  ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.field:before, .customer .field:before,.field:after, .customer .field:after {
	display: none !important;
}

.customer .field input, .customer select, .field__input, .select__select {
	box-shadow: 0 0 0 !important;
    border-bottom: var(--inputs-border-width) solid rgba(var(--color-foreground), 1);
}


/** Hide mobile menu background colour hover  ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.menu-drawer__menu-item--active, 
.menu-drawer__menu-item:focus, 
.menu-drawer__close-button:focus, 
.menu-drawer__menu-item:hover, 
.menu-drawer__close-button:hover {
    background-color: rgba(var(--color-foreground),0) !important;
}


/** âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ CONTROL BORDER + OPACITY STYLES âœ¿ âœ¿
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ **/

:root {
  --media-border-opacity: 1;
  --product-card-border-opacity: 1;
  --collection-card-border-opacity: 1;
  --blog-card-border-opacity: 1;
  --border-opacity: 1;
  --popup-border-opacity: 1;
  --drawer-border-opacity: 1;
  --text-boxes-border-opacity: 1;
  --container-shadow: none;
  --container-border-radius: 0px;
  --button-background-color-hovered-modifier: opacity (100%);
}


.light,
.quantity__input,
.facets__heading {
  opacity: 1 !important;
}



/** âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ BORDERS âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ **/

/** Shopify Forms popup ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
#app-embed input,
section[data-testid="form-container"] {
	box-shadow: none !important;
	border: var(--inputs-border-width) solid rgba(var(--color-foreground),1) !important;
    border-radius: 0px !important;
}

/** Shopify Forms popup ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.spr-review {
  border-top: var(--inputs-border-width) solid rgba(var(--color-foreground),1) !important;
}

/** Footer borders ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.footer {
    border-top: var(--inputs-border-width) solid rgba(var(--color-foreground)) !important;
}

.footer__content-bottom {
    border-top: 0rem solid rgba(var(--color-foreground)) !important;
}


/** Header &amp; announcement bar borders ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.header-wrapper--border-bottom,
.announcement-bar {
    border-bottom: var(--inputs-border-width) solid rgba(var(--color-foreground), 1) !important; 
}


/** "Collapsible Content" section borders ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.accordion {
	border-top: var(--inputs-border-width) solid rgba(var(--color-foreground),0) !important;
	border-bottom: var(--inputs-border-width) solid rgba(var(--color-foreground),1) !important;
}


/** "Slideshow" section borders ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.slideshow__autoplay.slider-button {
  border-left: var(--inputs-border-width) solid rgba(var(--color-foreground),1) !important;
}

.slideshow__controls {
  border: var(--inputs-border-width) solid rgba(var(--color-foreground),1)  !important;
}


/** Hide cart popup top border ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
@media screen and (min-width: 750px) {
  .header-wrapper:not(.header-wrapper--border-bottom)+cart-notification .cart-notification {
    border-top-width: 0px !important;
  } 
}


/** Cart borders ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.cart-items th,
.cart__items,
.drawer__footer &gt; details {
    border-bottom: var(--inputs-border-width) solid rgba(var(--color-foreground),1) !important;
}

.drawer__footer {
    border-top: var(--inputs-border-width) solid rgba(var(--color-foreground),1) !important;
}

.drawer__inner {
    border-left: var(--inputs-border-width) solid rgba(var(--color-foreground),1) !important;
    border-right: var(--inputs-border-width) solid transparent !important;
    border-top: var(--inputs-border-width) solid transparent !important;
    border-bottom: var(--inputs-border-width) solid transparent !important;
}


/** Add border to blog post template ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.article-template__back:last-child {
    border-top: var(--inputs-border-width) solid rgba(var(--color-foreground),1);
    padding-top: 3.2rem;
}


/** Predictive search modal ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.predictive-search__heading,
.predictive-search__list-item:nth-last-child(2) {
    border-bottom: var(--inputs-border-width) solid rgba(var(--color-foreground),1) !important;
}


/** Collection page filter bar ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.facets__header {
    border-bottom: var(--inputs-border-width) solid rgba(var(--color-foreground),1) !important;
}


/** Borders on "Vertical Tabs ê©œ" section ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
@media screen and (min-width: 750px) {
  .vertical-border .c-vertical-tabs__tab {
    border-right: var(--inputs-border-width) solid currentColor !important;
    box-sizing-border-box;
  }

  .vertical-border .c-vertical-tabs__item.is-active + .c-vertical-tabs__item .c-vertical-tabs__tab {
    border-left: var(--inputs-border-width) solid currentColor !important;
  }
}


/** Mobile popout menu drawer ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.menu-drawer {
    border-top: var(--inputs-border-width) solid currentColor !important;
}



/** âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ COLLECTION PAGES âœ¿ âœ¿ âœ¿ âœ¿
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ **/

/** Bug fix for background hover effect ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.grid__item .card__media {
    width: auto;
    height: auto;
    inset: 0;
}

/** Product Badges ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.grid__item .custom-badge--wrapper,
.card__inner .custom-badge--wrapper {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;    
}

.grid__item .custom-badge--wrapper .custom-badge,
.card__inner .custom-badge--wrapper .custom-badge {
  background-color: var(--gradient-base-accent-2)!important;
  position: relative;
  text-transform: uppercase !important;
  font-size: calc(var(--font-body-scale) * 1.5rem) !important;
  border: var(--buttons-border-width) solid !important;
  padding: 0.25em 2em!important;
  margin: 0.5em !important;
}

@media screen and (max-width:749px) {
  .grid__item .custom-badge--wrapper .custom-badge,
  .card__inner .custom-badge--wrapper .custom-badge {
    font-size: calc(var(--font-body-scale) * 1rem) !important;
    padding: 0.15em 1em!important;
    margin: 0.25em !important;
  }
}

.grid__item .card__inner {
  isolation:isolate;
}

/** Bug fix for swatch on collage section ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
div.card__inner.color-background-1.gradient.ratio &gt; div.card__media {
    width:100% !important;
}


/** âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ STYLISH PRODUCT TEMPLATE
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ **/

/** Remove gap ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.section-stylish--product {
  padding-bottom: 0px !important;
}

/** Hide 'peek' feature on mobile ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
@media screen and (max-width:749px) {
.grid--peek.slider .grid__item:first-of-type {
    margin-left: 0 !important;
}

.product__media-list .product__media-item {
    width: 100% !important;
}
}

/** Product badges ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.product .custom-badge--wrapper {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
}

.product .product__media-wrapper {
    position: relative;
    isolation: isolate;
}


/** Mobile background image fix ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
@media screen and (max-width:749px) {
  .product__media {
   background-attachment:scroll !important;
  }
}

/** Slider padding ðŸŸ’ ðŸŸ’ ðŸŸ’ **/

.product__media-list {
  --grid-desktop-horizontal-spacing: 0px !important;
  --grid-mobile-horizontal-spacing: 0px !important;
}

.product__media-list.slider {
    scroll-padding-left: 0rem !important;
}



/** âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ BUTTONS âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ **/

/** Cart count bubble ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.cart-count-bubble {
    background-color: rgb(var(--color-button-text)) !important;
    color: rgb(var(--color-button)) !important;
}


/** Wider buttons ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.button--primary,
.button--secondary {
  min-width: 22rem !important;
}


/** Hide buttons without links added ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.button[aria-disabled="true"] {
  display: none !important;
}



/** âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ VERTICAL TABS SECTION âœ¿ âœ¿ âœ¿ âœ¿
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ **/

/** Second image shrink ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.c-vertical-tabs__secondmedia img {
  object-fit: contain !important;
}


/** âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ VIDEO &amp; IMAGE GRID âœ¿ âœ¿ âœ¿ âœ¿
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ **/

/** Bigger images + matching text container width for 'Stacked' layout ðŸŸ’ ðŸŸ’ ðŸŸ’ **/

.c-video-section__item.c-video-section__item--image.stacked .c-grid-text,
.c-video-section__item--image.stacked &gt; .item-heading,
.c-image-wrapper {
    max-width: 75% !important;
    width: 75% !important;
}



/** âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ SPLIT SLIDER âœ¿ âœ¿ âœ¿ âœ¿
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ **/

/** Add padding between button and text ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.c-slider__button-container {
  padding-top: 1em !important;
}


/** âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ BLOG âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ **/

/** Full width feature image ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.article-template__hero-container {
    max-width: 100% !important;
}

/** Hide blog title ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.main-blog .title--primary {
  display: none !important;
}

/** Remove top margin on "Multicolumn" section tag links ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.template-blog .multicolumn-card__info .link {
  margin-top: 0px !important;
}

/** Borders on "Multicolumn" section tag links ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
@media screen and (min-width: 750px) {
  .template-blog .background-none .multicolumn-list .multicolumn-card__info, 
  .template-blog .background-none .multicolumn-list:not(.slider) .center .multicolumn-card__info {
    padding: 1rem !important;
    border: var(--buttons-border-width) solid rgba(var(--color-foreground),1);
  }
}

/** Accent background and link on hover for tag links ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
@media screen and (min-width: 750px) {
  .template-blog .multicolumn-list .multicolumn-card__info:hover {
    background: var(--gradient-base-accent-2) !important;
  }
  .multicolumn-card__info a.link:hover {
    color: rgb(var(--color-foreground)) !important;
  }
}

/** Hide borders on tables ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.article-template table:not([class]),
table:not([class]) td, table:not([class]) th {
  box-shadow: 0 0 0 .1rem rgba(var(--color-foreground),0) !important;
  border: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),0) !important;
}


/** Increase spacing above and below blog title ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
@media screen and (min-width: 750px) {
  .blog-articles .card__information {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important;
  }
}


/** âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ MOBILE âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ **/

@media screen and (max-width: 749px) {

  /** "Modular" Section 50% Width Background Images ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
  .background-split--right .section-background {
    width: 100% !important;
    left: 0 !important;    
  }

    .background-split--left .section-background {
    width: 100% !important;
    right: 0 !important;    
  }

  /** Hide slider toggles on "Multicolumn" sections ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
  .multicolumn .slider-buttons {
      display: none !important;
  } 
}



/** âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ MAGIC WORDS âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ 
âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿ âœ¿  âœ¿ âœ¿ âœ¿ âœ¿ **/

/** â˜» â˜» â˜» â˜» FORMATTING &amp; RESPONSIVENESS â˜» â˜» â˜» â˜» **/
/** â˜» â˜» â˜» â˜» FORMATTING &amp; RESPONSIVENESS â˜» â˜» â˜» â˜» **/
/** â˜» â˜» â˜» â˜» FORMATTING &amp; RESPONSIVENESS â˜» â˜» â˜» â˜» **/

/** Use class "twoColMobile" to trigger 2 columns on "Modular" section (mobile) ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
@media screen and (max-width: 749px) {
  .twoColMobile .ss-col-12 &gt; .ss-grid__item {
    flex: 1 !important;
    flex-basis: 40% !important;
  }
  .twoColMobile .ss-col-12 {
    display: flex;
    flex-wrap: wrap;
  }
}


/** Use class "fullWidthText" to trigger to make text full width on "Modular" section (mobile) ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
@media screen and (max-width: 749px) {
  .fullWidthText.ss-grid__item {
     min-width:100%;
  }
}



/** Use class "image-icon" to make images smaller ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
@media screen and (max-width:749px) {
  .image-icon {
    max-width: 50%;
    width: 50%;
    height: auto;
    margin: auto;
  }
}

@media screen and (min-width:749px) {
  .image-icon {
    max-width: 33%;
    width: 33%;
    height: auto;
    margin: auto;
  }
}

/** Use class "miniMobile" for smaller images on mobile only ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
@media screen and (max-width:749px) {
  .miniMobile {
    max-width: 50%;
    width: 50%;
    height: auto;
    margin: auto;
    
  }
}


/** Use class "fontLarge" to turn paragrath text to heading size ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.fontLarge,
.fontLarge p,
.fontLarge .rte,
.fontLarge span {
  font-size: calc(var(--font-heading-scale) * 5.2rem) !important;
}

/** Use class "fontAccent" to turn paragraph text into your accent font ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.fontAccent p,
.fontAccent .rte,
.fontAccent,
.fontAccent span {
    font-family: var(--font-accent-family);
    font-style: var(--font-accent-style);
    font-weight: var(--font-accent-weight);
}

/** Use class "darkText" to change text to your lightest pallette colour ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.darkText p,
.darkText span,
.darkText .h1,
.darkText h1, 
.darkText h2, 
.darkText h3 {
  color: rgba(var(--color-foreground)) !important;
}

/** Use class "lightText" to change text to your lightest pallette colour ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.lightText p,
.lightText span,
.lightText .h1,
.lightText h1, .lightText h2, .lightText h3 {
  color: rgba(var(--color-background)) !important;
}


/** Use class "imagePadding" to add a little padding to images ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.imagePadding img {
  padding: 2rem !important;
}


/** Use class "decorPadding" to add padding to decord images ("Modular" Section) ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.decorPadding .ss-inline-image {
  margin: 10px !important;
}

/** Use class "decorMobile" to show decor images ("Modular" Section) on mobile ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
@media screen and (max-width: 750px) {
  .ss-decor.decorMobile {
    display:block;
  }
}


/** Use class "decorFront" to bring the position of the Decor image ("Modular" Section) to the front ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.decorFront.decor-position--bottom-right,
.decorFront.decor-position--top-left,
.decorFront.decor-position--bottom-left,
.decorFront.decor-position--bottom-right {
   z-index:99 !important;
}


/** Use class "fullheight-bg" to show the background image ("Modular" Section) on mobile ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
@media screen and (max-width:749px) {
  section.fullheight-bg .section-background {
   position:absolute !important;
  }
}



/** ðŸŸ’ ðŸŸ’ ðŸŸ’ CONTROL MARGINS ðŸŸ’ ðŸŸ’ ðŸŸ’ **/

  /** Use class "autoMargins" for auto aligned margins ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
  .autoMargins p,
  .autoMargins .rte,
  .autoMargins {
    margin: auto;
  }

  /** Use class "centerMargins" for center aligned margins ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
  .centerMargins p,
  .centerMargins .rte,
  .centerMargins {
    margin-left: auto;
    margin-right: auto;
  }



/** ðŸŸ’ ðŸŸ’ ðŸŸ’ CONTROL TEXT WIDTHS ON DESKTOP ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
@media screen and (min-width: 750px) {
  
  /** Use class "quarterText" for 25% width text ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
  .quarterText,
  .quarterText .rte,
  .quarterText p {
      max-width: 25%;
  }


  /**  Use class "halfText" for 50% width text ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
  .halfText,
  .halfText .rte,
  .halfText p {
      max-width: 50%;
  }

  /**  Use class "threeFourText" for 75% width text ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
  .threeFourText,
  .threeFourText .rte,
  .threeFourText p {
      max-width: 75%;
  }
}


/** ðŸŸ’ ðŸŸ’ ðŸŸ’ CONTROL TEXT ALIGNMENT ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
  /** Use class "justified" to justify align text ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
  .justified p,
  .justfied span {
     text-align: justify !important;
     text-align-last: justify !important;
  }

  /** Use class "centered" to center align text ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
  .centred p,
  .centred span,
  .centered p,
  .centered span,
  .centered .c-slider__content-wrapper,
  .centred .c-slider__content-wrapper,
  .centred .c-grid-text,
  .centered .c-grid-text {
     text-align: center !important;
  }



/** â˜» â˜» â˜» â˜»  BORDERS â˜» â˜» â˜» â˜»  **/
/** â˜» â˜» â˜» â˜»  BORDERS â˜» â˜» â˜» â˜»  **/
/** â˜» â˜» â˜» â˜»  BORDERS â˜» â˜» â˜» â˜»  **/

/** Use class "borders" to apply a bottom border to the section (use this the most) ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
section.borders,
div.borders,
article.borders {
  border-bottom: var(--inputs-border-width) solid rgba(var(--color-foreground), 1) !important;
}


/** Use class "topBorder" to apply a top border to the section (used rarely) ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
section.topBorder,
div.topBorder,
article.topBorder {
  border-top: var(--inputs-border-width) solid rgba(var(--color-foreground), 1) !important;
}



/** â˜» â˜» â˜» â˜»  MISC â˜» â˜» â˜» â˜»  **/
/** â˜» â˜» â˜» â˜»  MISC â˜» â˜» â˜» â˜»  **/
/** â˜» â˜» â˜» â˜»  MISC â˜» â˜» â˜» â˜»  **/

/** Use the class ".hide-mobile" to hide element on mobile ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
@media screen and (max-width:749px) {
  .hide-mobile {
   display:none !important; 
  }
}


/** Use the class ".sticky" to make element stick ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.sticky {
  position:sticky !important;
  top:0;
}


/** Use the class "flushButton" to remove the button padding on the Marquee Slider ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.flushButton .c-slider__button-container {
   padding-top: 0 !important;
}



/** â˜» â˜» â˜» â˜»  ANIMATIONS â˜» â˜» â˜» â˜»  **/
/** â˜» â˜» â˜» â˜»  ANIMATIONS â˜» â˜» â˜» â˜»  **/
/** â˜» â˜» â˜» â˜»  ANIMATIONS â˜» â˜» â˜» â˜»  **/

/** Use class "rotate360" to turn element 360 infinitely **/
.rotate360 img {
  animation: turn 10s linear infinite;
}

@keyframes turn {
  from { transform: rotate(0deg) }
  to { transform: rotate(360deg) }
} 


/** Use class "floating" to make element levitate **/
.floating img {
  padding: 3vh;
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
   		-webkit-transition: all ease-in-out 200ms;
    	-moz-transition: all ease-in-out 200ms;
    	-ms-transition: all ease-in-out 200ms;
    	-o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
}

@keyframes floating {
  from { transform: translate(0,  0px); }
  50%  { transform: translate(0, 15px); }
  to   { transform: translate(0, 0px); }  
}



/** â˜» â˜» â˜» â˜»  IMAGE SHAPES â˜» â˜» â˜» â˜»  **/
/** â˜» â˜» â˜» â˜»  IMAGE SHAPES â˜» â˜» â˜» â˜»  **/
/** â˜» â˜» â˜» â˜»  IMAGE SHAPES â˜» â˜» â˜» â˜»  **/


/** Use class "circleImage" to turn it into a circle or oval ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.circleImage img {
  border-radius: 50% !important;
}


/** Use class "archImage" to curve top corners ðŸŸ’ ðŸŸ’ ðŸŸ’ **/
.archImage img {
  border-radius: 500px 500px 0 0 !important;
}


/** Use class "wavyDiamond" to apply this shape **/
.wavyDiamond img {
 -webkit-mask-image:url(https://cdn.shopify.com/s/files/1/0698/2208/7441/files/Abstract-Frame-2.svg?v=1673227734);
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
}


/** Use class "decoFrame" to apply this shape **/
.decoFrame img {
 -webkit-mask-image:url(https://cdn.shopify.com/s/files/1/0698/2208/7441/files/Abstract-Frame-1.svg?v=1673228030);
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
}

/** Use class "abstractArch" to apply this shape **/
.abstractArch img {
 -webkit-mask-image:url(https://cdn.shopify.com/s/files/1/0698/2208/7441/files/Abstract-Arch.svg?v=1673228030);
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
}

/** Use class "roundedStar" to apply this shape **/
.roundedStar img {
  -webkit-mask-image:url(https://cdn.shopify.com/s/files/1/0698/2208/7441/files/Rounded-Star.svg?v=1673228030);
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
}

/** Use class "roundedDiamond" to apply this shape **/
.roundedDiamond img {
  -webkit-mask-image:url(https://cdn.shopify.com/s/files/1/0698/2208/7441/files/Rounded-Diamond.svg?v=1673228030);
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
}


/** Use class "twoCircles" to apply this shape **/
.twoCircles img {
  -webkit-mask-image:url(https://cdn.shopify.com/s/files/1/0698/2208/7441/files/2Circles.svg?v=1674604310);
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
}

/** Use class "threeCircles" to apply this shape **/
.threeCircles img {
  -webkit-mask-image:url(https://cdn.shopify.com/s/files/1/0698/2208/7441/files/3Circles.svg?v=1674604310);
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
}


/** ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ 
ð¦ ð¦ ð¦ ð¦ ð¦  YOUR CODE ð¦ ð¦ ð¦ ð¦   
ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ ð¦ **/

:root {
  --x-default-color-background-subdued: #fff;
  --x-button-color: #fff;
}


.facets__summary {
  margin-bottom: 0 !important;
}

/** wholesale duel menu edits May 2025 **/
.wholesaleapproved .announcement-bar.one {
  display:none;
}

.wholesaleapproved .announcement-bar.two {
    display: block;
}

.announcement-bar.two {
    display: none;
}

.wholesaleapproved font.shipping-info {
    display: none;
}

.wholesaleapproved .footer-block--newsletter {
    display: none;
}

.wholesaleapproved ul.footer-block__details-content.list-unstyled li:nth-child(3) {
    display: none;
}

.wholesaleapproved .reg-home, .wholesaleapproved .ss-grid__item.reg-home {
  display:none;
}

.wholesaleapproved .whole-home, .wholesaleapproved .ss-grid__item.whole-home {
  display:block;
}

.whole-home, .ss-grid__item.whole-home {
  display:none;
}

</pre></body></html>