/* boilerplate css goes here */
@font-face {
  font-family: "droid-regular";
  src: url("https://cdn.shopify.com/s/files/1/0249/4283/7837/files/Droid-Regular.woff2?v=1719298234") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "acorn";
  src: url("https://cdn.shopify.com/s/files/1/0249/4283/7837/files/Acorn-Bold.woff2?v=1719301504") format("woff2");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "acorn-regular";
  src: url("https://cdn.shopify.com/s/files/1/0249/4283/7837/files/Acorn-Regular.woff2?v=1719301318") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'acorn-semibold';
  src: url("{{ 'Acorn-SemiBold.ttf' | asset_url }}") format("truetype");
  font-weight: 600;
  font-display:swap;
}


@font-face {
  font-family: 'inter-light';
  src: url("https://cdn.shopify.com/s/files/1/0249/4283/7837/files/Inter-Light.woff2?v=1719301917") format("truetype");
  font-weight: 300;
  font-display:swap;
}

@font-face {
  font-family: 'inter-regular';
  src: url("https://cdn.shopify.com/s/files/1/0249/4283/7837/files/Inter-Regular.woff2?v=1719301916") format("truetype");
  font-weight: 400;
  font-display:swap;
}

@font-face {
  font-family: 'inter-medium';
  src: url("https://cdn.shopify.com/s/files/1/0249/4283/7837/files/Inter-Medium.woff2?v=1719301916") format("truetype");
  font-weight: 500;
  font-display:swap;
}

@font-face {
  font-family: 'inter-semibold';
  src: url("https://cdn.shopify.com/s/files/1/0249/4283/7837/files/Inter-SemiBold.woff2?v=1719301915") format("truetype");
  font-weight: 600;
  font-display:swap;
}

:root {
  --img-starburst: url({{"starburst-yellow.png"|file_img_url}});
  --img-chevron: url({{-"icon-chevron.png"|file_img_url-}});
  --img-squiggle-static: url({{"decoration-squiggle-2.svg"|file_url}});
  --tr-pink: #EC4899;
  --tr-red: #EF4444;
}
.article-main-prose p {
  font-weight: 400;
}

.slide-cart--item-container ul li.upsell-item__container:nth-child(1) {
  z-index: 9 !important;
}

/* Transparency Report Colors */
.bg-tr-pink {
  background-color: var(--tr-pink);
}

.bg-tr-red {
  background-color: var(--tr-red);
}

.text-tr-pink {
  color: var(--tr-pink);
}

.text-tr-red {
  color: var(--tr-red);
}

/* Border colors */
.border-tr-pink {
  border-color: var(--tr-pink);
}

.border-tr-red {
  border-color: var(--tr-red);
}



body[data-template-suffix="tr-2025"]{

  background: linear-gradient(111deg, #FF4E00 2.39%, #FB90C5 34.03%, #5F9FFF 65.34%, #008F5E 95.65%);

  background-repeat: no-repeat;

  background-size: cover;

}