/** Shopify CDN: Minification failed

Line 60:0 Expected "}" to go with "{"

**/
/* Place any CSS overrides in this file. */
/* -------------------------------------------- */
/* Transparent header on all pages - Flow Theme */
/* -------------------------------------------- */

.site-header,
.header-wrapper {
  background-color: transparent !important; /* transparent background */
  box-shadow: none !important;               /* remove shadow */
  position: absolute;                        /* overlay content */
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}

/* Make links and logo visible over background */
.site-header a,
.site-header .site-nav a,
.site-header .site-logo img {
  color: #ffffff !important;  /* white links - adjust if needed */
  fill: #ffffff !important;   /* for SVG logo icons */
}

/* Optional: add padding to body/content to prevent overlap */
.main-content,
.template-index .main-content,
.template-product .main-content,
.template-collection .main-content {
  padding-top: 80px; /* match your header height */
}

/* Optional: change header on scroll (if desired) */
.site-header.scrolled {
  background-color: rgba(0, 0, 0, 0.8) !important; /* semi-transparent on scroll */
  transition: background-color 0.3s ease;

/* Move Flow slideshow text box to bottom */
.slideshow__content {
  position: absolute;
  bottom: 10%;   /* push it up/down */
  left: 50%;
  transform: translateX(-50%);
  width: 80%;    /* adjust if needed */
  text-align: center;
}

.slideshow__box {
  background: rgba(0,0,0,0.4); /* optional: dark overlay behind text */
  padding: 1.5rem;
  border-radius: 8px;
}