/** Shopify CDN: Minification failed

Line 354:4 Expected identifier but found "."
Line 775: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 <em></em> = accent font
  F — Other items in accent font
  G — Italics <em> + Bold <strong> = 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 — Shopify Forms Popup - Headings
  T — Shopify Forms Popup - Paragraphs
  U — Cart totals fix
  V — 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 & 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 & 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 & 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 ✿ ✿ ✿ ✿ ✿ ✿ ✿
✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿  ✿ ✿ ✿ ✿ **/


/** 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 <em></em> = 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-family: "sloop-script-one";
    font-style: var(--font-accent-style);
    font-weight: var(--font-accent-weight);
    font-size: 120% !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 <em> + Bold <strong> = 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;
  }
}


/** Shopify Forms Popup - Headings 🟒 🟒 🟒 **/
#app-embed h1, 
#app-embed h2,
#app-embed h3 {
  font-family: var(--font-heading-family) !important;
  font-weight: var(--font-heading-weight) !important;
  line-height: 1.1em !important;
}

#app-embed h2 {
  font-size: 3em !important;
}


/** Shopify Forms Popup - Paragraphs 🟒 🟒 🟒 **/
#app-embed p, 
#app-embed span,
#app-embed button {
  font-family: var(--font-body-family) !important;
  font-weight: var(--font-body-weight) !important;
}


/** Cart totals fix 🟒 🟒 🟒 **/
.totals > 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:250px !important;
  transition:1s;
}

body.scrolled.template-index .header__heading-logo {
  max-width:200px !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,
li a:hover,
a:not(button):hover {
  text-decoration: underline !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(--color-foreground) !important; 
}

header-menu:hover {
  svg.icon path {
    fill: var(--color-foreground) !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;
    background: linear-gradient(25deg, rgba(217,202,226,1) 5%, rgba(254,230,179,1) 50%, rgba(213,226,223,1) 95%);
    color:  rgb(var(--color-foreground)) !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: #F7C9CB !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 & 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 > 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 > 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 & 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 > .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 & RESPONSIVENESS ☻ ☻ ☻ ☻ **/
/** ☻ ☻ ☻ ☻ FORMATTING & RESPONSIVENESS ☻ ☻ ☻ ☻ **/
/** ☻ ☻ ☻ ☻ FORMATTING & RESPONSIVENESS ☻ ☻ ☻ ☻ **/

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


/** 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--top-right {
   z-index:2 !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;
}


/** Use class "squareImage" to apply this shape **/
.squareImage img {
  -webkit-mask-image:url(/cdn/shop/files/square.svg?v=1710549015);
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
}

/** Use class "flowerImage" to apply this shape **/
.flowerImage img {
  -webkit-mask-image:url(/cdn/shop/files/flower-shape.svg?v=1713917840);
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
}

/** ☻ ☻ ☻ ☻  OAK&BIRD CODE ADDITIONS ☻ ☻ ☻ ☻  **/
/** ☻ ☻ ☻ ☻  OAK&BIRD CODE ADDITIONS ☻ ☻ ☻ ☻  **/
/** ☻ ☻ ☻ ☻  OAK&BIRD CODE ADDITIONS ☻ ☻ ☻ ☻  **/

/** Announcement Bar Marquee **/
p.announcement-bar__message {
    white-space: nowrap;
    animation: moveLeft 30s linear infinite;
}

.announcement-bar {
  overflow: hidden;
}

@keyframes moveLeft {

    0% {
        translate:0;
    }

    100% {
        translate:-100%;
    }
}

p.announcement-bar__message span {
  padding-left: 200px;
}

/** Wavy Marquee **/

.wavy-path {
  position: relative;
  margin-top: -80px !important;
  margin-bottom: 0px;
}

@media screen and (max-width:749px) {
  .wavy-svg-one {
    scale: 1.5;
}

.wavy-path {
  translate: 0 20%;
  padding-top: 5%;
}
}

/** Custom Images or Words for Product Badges **/

  
.custom-badge.donate::before {
  content:'';
  background-image:url(/cdn/shop/files/gives_back_badge.png?v=1688955484);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}

.grid__item .custom-badge--wrapper .custom-badge.donate {
  width:10rem;
  height:10rem;
  position:relative;  
  background-color: transparent !important;
  border: 0px !important;
}

.custom-badge.donate span  
  {clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  background-color:transparent !important;
}


.custom-badge.cult-classic::before {
  content:'';
  background-image:url(/cdn/shop/files/cult_status_badge.png?v=1688955474);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}

.grid__item .custom-badge--wrapper .custom-badge.cult-classic {
  width:10rem;
  height:10rem;
  position:relative;  
  background-color: transparent !important;
  border: 0px !important;
}

.custom-badge.cult-classic span  
  {clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  background-color:transparent !important;
}

.custom-badge.made-with-love::before {
  content:'';
  background-image:url(/cdn/shop/files/made_with_love_badge.png?v=1688955475);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}

.grid__item .custom-badge--wrapper .custom-badge.made-with-love {
  width:10rem;
  height:10rem;
  position:relative;  
  background-color: transparent !important;
  border: 0px !important;
}

.custom-badge.made-with-love span  
  {clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  background-color:transparent !important;
}

.custom-badge.eco-friendly::before {
  content:'';
  background-image:url(/cdn/shop/files/eco_friendly_badge.png?v=1688955475);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}

.grid__item .custom-badge--wrapper .custom-badge.eco-friendly {
  width:10rem;
  height:10rem;
  position:relative;  
  background-color: transparent !important;
  border: 0px !important;
}

.custom-badge.eco-friendly span  
  {clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  background-color:transparent !important;
}

.custom-badge.new-release::before {
  content:'';
  background-image:url(/cdn/shop/files/new_release_badge.png?v=1688955484);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}

.grid__item .custom-badge--wrapper .custom-badge.new-release {
  width:10rem;
  height:10rem;
  position:relative;  
  background-color: transparent !important;
  border: 0px !important;
}

.custom-badge.new-release span  
  {clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  background-color:transparent !important;
}

.custom-badge.female-founder::before {
  content:'';
  background-image:url(/cdn/shop/files/female_founder_badge.png?v=1688955476);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}

.grid__item .custom-badge--wrapper .custom-badge.female-founder {
  width:10rem;
  height:10rem;
  position:relative;  
  background-color: transparent !important;
  border: 0px !important;
}

.custom-badge.female-founder span  
  {clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  background-color:transparent !important;
}
/*

.custom-badge.limited-edition::before {
  content:'';
  background-image:url(/cdn/shop/files/limited_edition_badge.png?v=1709343793);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}

.grid__item .custom-badge--wrapper .custom-badge.limited-edition {
  width:10rem;
  height:10rem;
  position:relative;  
  background-color: transparent !important;
  border: 0px !important;
}

.custom-badge.limited-edition span  
  {clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  background-color:transparent !important;
}
*/
/* Badge Hover Rotate*/

.custom-badge::before {
  transition:0.5s;
}
.grid__item:hover .custom-badge::before {

rotate:40deg;


}

/** ☻ ☻ ☻ ☻  OAK&BIRD CODE ADDITIONS - Nov 2023 ☻ ☻ ☻ ☻  **/

main, body, html {
    cursor: url(/cdn/shop/files/heart-cursor.svg?v=1705439036),auto !important;
}

/* background images position modular section  */
.bg-left {
width:50% !important;
height:100% !important;
}

.bg-left .ss-inline-image , .bg-right .ss-inline-image {
width:100% !important;
height:100% !important;
padding-bottom:0 !important;
}

.bg-right {
width:50% !important;
height:100% !important;
right:0 !important;
left:initial !important;
}

.bg-right .ss-video-block, .bg-left .ss-video-block {
position:absolute;
inset:0;
width:auto;
height:auto;
}

.bg-right .ss-inline-image img, .bg-left .ss-inline-image img {
object-fit:cover;
}


/* display decor images on mobile */
@media screen and (max-width:749px) {
.ss-decor.show-mobile {

display:block  !important;
}

.ss-decor.full-width {
width:100%  !important;
}

}

/* new font updates */
h2 em {
  font-family: "sloop-script-one";
}

span.price-item.price-item--regular, span.price-item.price-item--sale.price-item--last {
    font-family: 'Ogg-Regular';
}

/* background color customs */
.purple {
background: rgba(241, 224, 253, 1);
}

.background01 {
background-color: rgba(241, 224, 253, 1);
background-image: linear-gradient(180deg, rgba(241, 224, 253, 1) 0%, rgba(255, 213, 220, 1) 100%);
}

.background02 {
background-color: rgba(241, 224, 253, 1);
background-image: linear-gradient(0deg, rgba(241, 224, 253, 1) 0%, rgba(255, 213, 220, 1) 100%);
}

.background-pink {
background: rgba(255, 213, 220, 1);
}

.background-green {
  background: #defaec;
}

.background-cream {
  background: rgba(255, 246, 239, 1);
}

.background-yellow {
  background: #FFE9C3;
}

.background-blue {
  background: #E6FFFC;
}

.background-beige {
  background: #F4F1EC;
}

.yellow-gradient {
background-color: rgba(255, 233, 195, 1);
background-image: radial-gradient(circle, rgba(255, 233, 195, 1) 0%, rgba(255, 255, 250, 1) 80%);
}

.pink-gradient {
background-color: rgba(247, 201, 203, 1);
background-image: linear-gradient(180deg, rgba(247, 201, 203, 1) 0%, rgba(255, 255, 250, 1) 80%);
}

.purple-gradient {
background-color: rgba(216, 197, 255, 1);
background-image: linear-gradient(180deg, rgba(216, 197, 255, 1) 0%, rgba(255, 255, 250, 1) 80%);
}

.green-cream-gradient {
background-color: rgba(222, 250, 236, 1);
background-image: linear-gradient(135deg, rgba(222, 250, 236, 1) 0%, rgba(255, 246, 239, 1) 100%);
}



/* hyperlink in the modular seciton */
.ss-grid__item.image-hyperlink .button::before {
    content: '';
    width: 100% !important;
    box-shadow:none !important;
}

.ss-grid__item.image-hyperlink .button::after {
    box-shadow:none !important;
}

.ss-grid__item.image-hyperlink a.button.button--primary {
    position: static !important;
    font-size: 0;
    padding: 0 !important;
    background-color: transparent;
    height: 0 !important;
    min-height:0 !important;
}

.ss-grid__item.image-hyperlink .ss-text__content__button-container {
   height: 0 !important;
}

/* new futura font and pink buttons */

.futura-text p strong {
font-family:'futura';
font-style: italic;
font-size: 4rem;
color: #FF4971 !important;
}

.btn-new a.button {
font-family:'futura' !important;
font-style: italic;
color: #F7C9CB !important;
border-radius: 0;
background: #FF4971 ;
border: 1px solid #FF4971 ;
text-transform: lowercase !important;
transition: 0.5s ease;
}

.btn-new a.button:hover {
background: #FF4971  !important;
border: 1px solid #FF4971 !important ;
border-radius: 50px !important;
}

.med-btn a.button {
  font-size: 2rem !important;
}

@media screen and (min-width:768px) {
 .lge-btn a.button {
  font-size: 4rem !important;
  padding: 1rem 4rem;
} 
}

.center-text .c-video-section__item.c-video-section__item--image.stacked .c-grid-text {
text-align: center;
   
}
.center-text h3 {
font-family: 'futura' !important;
font-weight: 600;
}

/* large decor image on mobile */
@media screen and (max-width: 767px) {
.lge-decor .ss-inline-image {
    width: 40vw !important;
}
}

.futura-text p strong {
font-family:'futura';
font-style: italic;
font-size: 4rem;
color: #FF4971 !important;
}

@media screen and (max-width: 749px) {
.futura-text p strong {
font-family:'futura';
font-style: italic;
font-size: 2rem;
}
}

.futura-text .collection__description.body {
    text-align: center;
}

.futura-title h2.title.h1 {
font-family:'futura';
font-style: italic;
font-weight: 600;
}

/* custom badge edited code */
.grid__item .custom-badge--wrapper .custom-badge, .card__inner .custom-badge--wrapper .custom-badge {
    background-color: #F1E0FD !important;
    color: #FF4971;
    font-family: 'futura';
    font-weight:600;
    font-style: italic;
    position: relative;
    text-transform: lowercase !important;
    font-size: calc(var(--font-body-scale) * 1.5rem) !important;
    border: var(--buttons-border-width) solid #FF4971 !important;
    padding: 0.2em 1em!important;
    margin: 0.5em !important;
    text-align:center;
}

.grid__item .custom-badge--wrapper .custom-badge.limited_edition, .card__inner .custom-badge--wrapper .custom-badge.limited-edition {
    background-color: #FF4971 !important;
    color: #F1E0FD;
}

.grid__item .custom-badge--wrapper .custom-badge.cult-status, .card__inner .custom-badge--wrapper .custom-badge.cult-status {
    background-color:  #FFE9C3 !important;
    color: #FF4971;
}

.grid__item .custom-badge--wrapper .custom-badge.new-arrival, .card__inner .custom-badge--wrapper .custom-badge.new-arrival {
    background-color: #F3D1FF !important;
    color: #FF4971;
}

.grid__item .custom-badge--wrapper .custom-badge.gives-back-🫶, .card__inner .custom-badge--wrapper .custom-badge.gives-back-🫶 {
    background-color: #E0FFF0 !important;
    color: #009775;
    border: 1px solid #009775 !important;
}

.productlist-grid .custom-badge--wrapper {
    display:none;
}

@media screen and (max-width:749px) {
  .grid__item .custom-badge--wrapper .custom-badge, .card__inner .custom-badge--wrapper .custom-badge {
    background-color: #F1E0FD !important;
    color: #FF4971;
    font-family: 'futura';
    font-weight: 600;
    font-style: italic;
    position: relative;
    text-transform: lowercase !important;
    font-size: 10px !important;
    border: var(--buttons-border-width) solid #FF4971 !important;
    padding: 00em 0.2em!important;
    margin: 0.5em !important;
    text-align: center;
}
}


/*featured collection titles small futura*/
.collection-title .card__heading a {
    font-size: 1.5rem !important;
    font-family: 'futura' !important;
}


@media screen and (min-width: 990px) {
    .collection-title .page-width-desktop {
        padding: 0 !important;
    }
}

/*video and image grid - split grid mobile */
@media screen and (max-width: 749px) {
.split-grid .c-video-section__blocks.c-video-section__blocks--grid{
    display: flex;
}
.split-grid .c-video-section__item{
flex:1;
}
}