#fw-section-hmac-18d027e5-828d-479b-a734-c875479208c7 {
--color-primary: #f4d06f;
--color-primary-rgb: 244, 208, 111;
--color-background: #f7e9c0;
--color-background-rgb: 247, 233, 192;
--color-on-background: #070000;
--color-on-background-rgb: 7, 0, 0;
--color-on-primary: #010000;
--color-on-primary-rgb: 1, 0, 0;
--color-product-image-background: #070000;
--color-background-brightness: 233;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #f4d06f;
--primary-btn-text: #010000;
--primary-btn-border-color: #070000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #070000;
--secondary-btn-border-color: #070000;

}
#fw-section-custom-html-05c699e8-e033-434e-9936-09108be51098 {
--color-primary: #f4d06f;
--color-primary-rgb: 244, 208, 111;
--color-background: #f7e9c0;
--color-background-rgb: 247, 233, 192;
--color-on-background: #070000;
--color-on-background-rgb: 7, 0, 0;
--color-on-primary: #010000;
--color-on-primary-rgb: 1, 0, 0;
--color-product-image-background: #070000;
--color-background-brightness: 233;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #f4d06f;
--primary-btn-text: #010000;
--primary-btn-border-color: #070000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #070000;
--secondary-btn-border-color: #070000;

}













#fw-section-custom-html-a583850e-bb77-4fe4-9cf8-94487512f485 {

/* Keep header visible, hide only Fourthwall footer */
footer {
  display: none !important;
}

/* Adjust main content area to appear below the site header */
.fullpage-store-frame {
  position: fixed;
  top: var(--header-height, 80px); /* adjust to your header height */
  left: 0;
  width: 100vw;
  height: calc(100vh - var(--header-height, 80px));
  border: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  z-index: 999;
}

/* Prevent background scroll but allow iframe focus */
body, html {
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100%;
  background: #fff;
}

/* Optional: ensure header stays above iframe */
header {
  position: relative;
  z-index: 1000;
}

}


#fw-section-custom-html-31dbef47-dc4b-4df9-af85-558fd84fbc96 {
--color-primary: #f4d06f;
--color-primary-rgb: 244, 208, 111;
--color-background: #f7e9c0;
--color-background-rgb: 247, 233, 192;
--color-on-background: #070000;
--color-on-background-rgb: 7, 0, 0;
--color-on-primary: #010000;
--color-on-primary-rgb: 1, 0, 0;
--color-product-image-background: #070000;
--color-background-brightness: 233;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #f4d06f;
--primary-btn-text: #010000;
--primary-btn-border-color: #070000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #070000;
--secondary-btn-border-color: #070000;

}



#fw-section-custom-html-5d0287a1-9fa2-41d9-aa71-b8e959e88b29 {

.coloring-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
  margin: 30px 0;
}

.canva-embed {
  background: #fff;
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  text-align: center;
}

.canva-embed iframe {
  width: 100%;
  height: 520px;
  border: none;
}

.coloring-title a {
  color: #000 !important;
  text-decoration: none;
  font-weight: 600;
}

.coloring-title a:hover {
  text-decoration: underline;
}


}



#fw-section-custom-html-62f59590-0778-48e2-a7d3-bd606c5321cf {
--color-primary: #f4d06f;
--color-primary-rgb: 244, 208, 111;
--color-background: #f7e9c0;
--color-background-rgb: 247, 233, 192;
--color-on-background: #070000;
--color-on-background-rgb: 7, 0, 0;
--color-on-primary: #010000;
--color-on-primary-rgb: 1, 0, 0;
--color-product-image-background: #070000;
--color-background-brightness: 233;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #f4d06f;
--primary-btn-text: #010000;
--primary-btn-border-color: #070000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #070000;
--secondary-btn-border-color: #070000;

}


#fw-section-custom-html-5d7dcc98-be74-4f31-b75f-b74bf7e5a0fa {

.online-coloring-wrapper {
  max-width: 420px;
  margin: 40px auto;
  text-align: center;
}

#colorCanvas {
  width: 100%;
  border: 2px solid #ddd;
  border-radius: 12px;
  background: #fff;
  touch-action: none;
}

.palette {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 12px 0;
  flex-wrap: wrap;
}

.palette button {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
}

.controls {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: 10px;
}

.controls button {
  padding: 8px 14px;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-weight: 600;
  cursor: pointer;
}

.print-link a {
  color: #000;
  font-weight: 600;
  text-decoration: none;
}

.print-link a:hover {
  text-decoration: underline;
}

}












#fw-section-custom-html-26a91405-bbe5-43c8-9eab-7802fd38e902 {
--color-primary: #2a2a75;
--color-primary-rgb: 42, 42, 117;
--color-background: #566e80;
--color-background-rgb: 86, 110, 128;
--color-on-background: #111110;
--color-on-background-rgb: 17, 17, 16;
--color-on-primary: #010000;
--color-on-primary-rgb: 1, 0, 0;
--color-product-image-background: #111110;
--color-background-brightness: 105;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #2a2a75;
--primary-btn-text: #010000;
--primary-btn-border-color: #111110;
--secondary-btn-bg: transparent;
--secondary-btn-text: #111110;
--secondary-btn-border-color: #111110;

}












#fw-section-custom-html-8c5bcbca-7005-449a-83e1-c7f36b60e12b {
--color-primary: #f4d06f;
--color-primary-rgb: 244, 208, 111;
--color-background: #f7e9c0;
--color-background-rgb: 247, 233, 192;
--color-on-background: #070000;
--color-on-background-rgb: 7, 0, 0;
--color-on-primary: #010000;
--color-on-primary-rgb: 1, 0, 0;
--color-product-image-background: #070000;
--color-background-brightness: 233;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #f4d06f;
--primary-btn-text: #010000;
--primary-btn-border-color: #070000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #070000;
--secondary-btn-border-color: #070000;

}

#fw-section-custom-html-5e0dbf9b-a587-4d69-af50-20700f07ac85 {

/* Keep header visible, hide only Fourthwall footer */
footer {
  display: none !important;
}

/* Adjust main content area to appear below the site header */
.fullpage-store-frame {
  position: fixed;
  top: var(--header-height, 80px); /* adjust to your header height */
  left: 0;
  width: 100vw;
  height: calc(100vh - var(--header-height, 80px));
  border: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  z-index: 999;
}

/* Prevent background scroll but allow iframe focus */
body, html {
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100%;
  background: #fff;
}

/* Optional: ensure header stays above iframe */
header {
  position: relative;
  z-index: 1000;
}

}




#fw-section-custom-html-6f88c2e8-05c4-4502-8061-3bd0f1423e16 {

/* === The Spaztic Goat Redbubble Embed Styling === */

/* Container that wraps your Redbubble HTML */
.redbubble-fullpage {
  display: flex;
  justify-content: center;       /* center horizontally */
  align-items: flex-start;       /* align top edge */
  padding: 50px 0;               /* add breathing space */
  background-color: #f9f7f3;     /* soft neutral tone for farmhouse vibe */
  width: 100%;
  box-sizing: border-box;
}

/* Style the Redbubble iframe itself */
.redbubble-fullpage iframe {
  display: block;
  width: 100%;
  max-width: 1200px;             /* keeps layout balanced on desktop */
  min-height: 1600px;            /* adjust height to fit your shop */
  border: none;
  border-radius: 18px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  background: #fff;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Add a subtle hover lift effect */
.redbubble-fullpage iframe:hover {
  transform: scale(1.01);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .redbubble-fullpage {
    padding: 25px 0;
  }

  .redbubble-fullpage iframe {
    max-width: 95%;
    min-height: 2000px;
    border-radius: 12px;
  }
}

}








#fw-section-hero-1744971865 {
--color-primary: #2a2a75;
--color-primary-rgb: 42, 42, 117;
--color-background: #f7e9c0;
--color-background-rgb: 247, 233, 192;
--color-on-background: #020202;
--color-on-background-rgb: 2, 2, 2;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #020202;
--color-background-brightness: 233;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #2a2a75;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #020202;
--secondary-btn-bg: transparent;
--secondary-btn-text: #020202;
--secondary-btn-border-color: #020202;

}








#fw-section-footer {
--color-primary: #f4d06f;
--color-primary-rgb: 244, 208, 111;
--color-background: #f7e9c0;
--color-background-rgb: 247, 233, 192;
--color-on-background: #070000;
--color-on-background-rgb: 7, 0, 0;
--color-on-primary: #010000;
--color-on-primary-rgb: 1, 0, 0;
--color-product-image-background: #070000;
--color-background-brightness: 233;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #f4d06f;
--primary-btn-text: #010000;
--primary-btn-border-color: #070000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #070000;
--secondary-btn-border-color: #070000;

}

#fw-section-header {
--color-primary: #010000;
--color-primary-rgb: 1, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #010000;
--color-on-primary-rgb: 1, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #010000;
--primary-btn-text: #010000;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}