#fw-section-links-list-b2e788cb-3823-47c8-ac29-f3bc6ddbb410 {
--color-primary: #324294;
--color-primary-rgb: 50, 66, 148;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #1b1d1e;
--color-on-background-rgb: 27, 29, 30;
--color-on-primary: #fcffff;
--color-on-primary-rgb: 252, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #1b1d1e;
--primary-btn-border-color: #324294;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1b1d1e;
--secondary-btn-border-color: #1b1d1e;
/* Target ONLY the button in the "links" hero section */

/* Resize the button */
section[class*="links"] .button,
section[class*="links"] [class*="Button"],
section[class*="links"] a[class*="button"],
[class*="hero"] .button,
[class*="Hero"] [class*="Button"] {
  padding: 8px 16px !important;
  width: auto !important;
  max-width: fit-content !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Prevent hover shift */
section[class*="links"] .button:hover,
section[class*="links"] [class*="Button"]:hover,
section[class*="links"] a[class*="button"]:hover,
[class*="hero"] .button:hover,
[class*="Hero"] [class*="Button"]:hover {
  padding: 8px 16px !important;
  transform: none !important;
}

/* Fix icon alignment - prevent it from moving */
section[class*="links"] .button img,
section[class*="links"] [class*="Button"] img,
section[class*="links"] .button svg,
section[class*="links"] [class*="Button"] svg,
[class*="hero"] .button img,
[class*="Hero"] [class*="Button"] img,
[class*="hero"] .button svg,
[class*="Hero"] [class*="Button"] svg {
  vertical-align: middle !important;
  transform: none !important;
}

/* Center the button container */
section[class*="links"],
[class*="hero"] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
}
#fw-section-hero-fedb2284-8e37-4e47-8040-1ce075e2615e {
--color-primary: #368866;
--color-primary-rgb: 54, 136, 102;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #ffef34;
--color-on-background-rgb: 255, 239, 52;
--color-on-primary: #fcffff;
--color-on-primary-rgb: 252, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #ffef34;
--primary-btn-border-color: #368866;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffef34;
--secondary-btn-border-color: #ffef34;
.banner-section,
[class*="banner"],
[class*="hero"] {
  background-size: 100% auto !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  padding-bottom: 56.25%; /* 16:9 aspect ratio - adjust to your image ratio */
  height: 0 !important;
  position: relative !important;
}
}
#fw-section-rich-text-fda778f0-9ce3-4b6e-9179-2144e4310dee {
--color-primary: #368866;
--color-primary-rgb: 54, 136, 102;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #0c0f34;
--color-on-background-rgb: 12, 15, 52;
--color-on-primary: #fcffff;
--color-on-primary-rgb: 252, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #0c0f34;
--primary-btn-border-color: #368866;
--secondary-btn-bg: transparent;
--secondary-btn-text: #0c0f34;
--secondary-btn-border-color: #0c0f34;

}

#fw-section-links-list-9328467b-5b46-45ad-9249-5742887d7aa5 {
--color-primary: #368866;
--color-primary-rgb: 54, 136, 102;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #1b1d1e;
--color-on-background-rgb: 27, 29, 30;
--color-on-primary: #fcffff;
--color-on-primary-rgb: 252, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #1b1d1e;
--primary-btn-border-color: #368866;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1b1d1e;
--secondary-btn-border-color: #1b1d1e;
/* First button container with MAP above */ .link-list__cta:nth-child(1) { position: relative !important; padding-top: 80px !important; } .link-list__cta:nth-child(1)::before { content: "MAP" !important; position: absolute !important; top: 0 !important; left: 50% !important; transform: translateX(-50%) !important; font-weight: 900 !important; font-size: 5em !important; opacity: 0.4 !important; letter-spacing: -2px !important; color: #2B6B55 !important; z-index: 0 !important; pointer-events: none !important; line-height: 1 !important; } .link-list__cta:nth-child(1) .button { background-color: #2B6B55 !important; border-color: #2B6B55 !important; position: relative !important; z-index: 1 !important; } /* Second button container with SCC above */ .link-list__cta:nth-child(2) { position: relative !important; padding-top: 80px !important; } .link-list__cta:nth-child(2)::before { content: "SCC" !important; position: absolute !important; top: 0 !important; left: 50% !important; transform: translateX(-50%) !important; font-weight: 900 !important; font-size: 5em !important; opacity: 0.4 !important; letter-spacing: -2px !important; color: #8E9D83 !important; z-index: 0 !important; pointer-events: none !important; line-height: 1 !important; } .link-list__cta:nth-child(2) .button { background-color: #8E9D83 !important; border-color: #8E9D83 !important; position: relative !important; z-index: 1 !important; } /* Third button container with SCD above */ .link-list__cta:nth-child(3) { position: relative !important; padding-top: 80px !important; } .link-list__cta:nth-child(3)::before { content: "SCD" !important; position: absolute !important; top: 0 !important; left: 50% !important; transform: translateX(-50%) !important; font-weight: 900 !important; font-size: 5em !important; opacity: 0.4 !important; letter-spacing: -2px !important; color: #F0B050 !important; z-index: 0 !important; pointer-events: none !important; line-height: 1 !important; } .link-list__cta:nth-child(3) .button { background-color: #F0B050 !important; border-color: #F0B050 !important; position: relative !important; z-index: 1 !important; }
}

#fw-section-hero-932834ed-14e9-4bdf-9c62-1cc954539973 {
--color-primary: #368866;
--color-primary-rgb: 54, 136, 102;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #ffef34;
--color-on-background-rgb: 255, 239, 52;
--color-on-primary: #fcffff;
--color-on-primary-rgb: 252, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #ffef34;
--primary-btn-border-color: #368866;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffef34;
--secondary-btn-border-color: #ffef34;

}











#fw-section-rich-text-94c04e9c-64a5-48a4-aade-4957ab198122 {
--color-primary: #368866;
--color-primary-rgb: 54, 136, 102;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #457064;
--color-on-background-rgb: 69, 112, 100;
--color-on-primary: #fcffff;
--color-on-primary-rgb: 252, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #457064;
--primary-btn-border-color: #368866;
--secondary-btn-bg: transparent;
--secondary-btn-text: #457064;
--secondary-btn-border-color: #457064;

}


#fw-section-image-216b8e7b-63c3-431b-a409-b6c7c36e645e {
--color-primary: #368866;
--color-primary-rgb: 54, 136, 102;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #1b1d1e;
--color-on-background-rgb: 27, 29, 30;
--color-on-primary: #fcffff;
--color-on-primary-rgb: 252, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #1b1d1e;
--primary-btn-border-color: #368866;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1b1d1e;
--secondary-btn-border-color: #1b1d1e;

}




#fw-section-image-with-text-a40c9480-c008-4159-9f6a-23b3b56c1dbc {
--color-primary: #141a5a;
--color-primary-rgb: 20, 26, 90;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #1b1d1e;
--color-on-background-rgb: 27, 29, 30;
--color-on-primary: #fcffff;
--color-on-primary-rgb: 252, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #1b1d1e;
--primary-btn-border-color: #141a5a;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1b1d1e;
--secondary-btn-border-color: #1b1d1e;

}
#fw-section-links-list-274911ca-9223-4c16-b54e-5e28a3322bc8 {
--color-primary: #141a5a;
--color-primary-rgb: 20, 26, 90;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #1b1d1e;
--color-on-background-rgb: 27, 29, 30;
--color-on-primary: #fcffff;
--color-on-primary-rgb: 252, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #1b1d1e;
--primary-btn-border-color: #141a5a;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1b1d1e;
--secondary-btn-border-color: #1b1d1e;

}
#fw-section-featured-product-69bc5097-ea75-496c-a430-7b89a07ba0f7 {
--color-primary: #141a5a;
--color-primary-rgb: 20, 26, 90;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #1b1d1e;
--color-on-background-rgb: 27, 29, 30;
--color-on-primary: #fcffff;
--color-on-primary-rgb: 252, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #1b1d1e;
--primary-btn-border-color: #141a5a;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1b1d1e;
--secondary-btn-border-color: #1b1d1e;

}






#fw-section-text-carousel-774e620d-e715-4821-ada2-9b65cf70b4c9 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #1b1d1e;
--color-on-background-rgb: 27, 29, 30;
--color-on-primary: #1b1d1e;
--color-on-primary-rgb: 27, 29, 30;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #1b1d1e;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1b1d1e;
--secondary-btn-border-color: #1b1d1e;

}







#fw-section-image-with-text-3ff38c3c-e265-415b-b542-829a60e0583a {
--color-primary: #b38b5c;
--color-primary-rgb: 179, 139, 92;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #1b1d1e;
--color-on-background-rgb: 27, 29, 30;
--color-on-primary: #fcffff;
--color-on-primary-rgb: 252, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #1b1d1e;
--primary-btn-border-color: #b38b5c;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1b1d1e;
--secondary-btn-border-color: #1b1d1e;

}

#fw-section-links-list-eec4123b-dd78-4c72-9060-dac157d69387 {
--color-primary: #b38b5c;
--color-primary-rgb: 179, 139, 92;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #1b1d1e;
--color-on-background-rgb: 27, 29, 30;
--color-on-primary: #fcffff;
--color-on-primary-rgb: 252, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #1b1d1e;
--primary-btn-border-color: #b38b5c;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1b1d1e;
--secondary-btn-border-color: #1b1d1e;

}


#fw-section-hero-609bc6c7-e0a0-46ce-9ef7-bc8b0f52686b {
--color-primary: #6861d3;
--color-primary-rgb: 104, 97, 211;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #1b1d1e;
--color-on-background-rgb: 27, 29, 30;
--color-on-primary: #fcffff;
--color-on-primary-rgb: 252, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #1b1d1e;
--primary-btn-border-color: #6861d3;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1b1d1e;
--secondary-btn-border-color: #1b1d1e;

}

#fw-section-hero-0 {
--color-primary: #fdff99;
--color-primary-rgb: 253, 255, 153;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #fffefa;
--color-on-background-rgb: 255, 254, 250;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #fffefa;
--primary-btn-border-color: #fdff99;
--secondary-btn-bg: transparent;
--secondary-btn-text: #fffefa;
--secondary-btn-border-color: #fffefa;
.hero__inner {
  padding-bottom: 1em;
}

.hero__heading {
  padding-bottom: 1em;
  padding-top: 1em;
}

/* Responsive font size - scales with screen width */
h2 {
  font-size: clamp(2rem, 8vw, 6rem) !important;
  /* Starts at 2rem (small screens), scales with viewport, max 6rem (large screens) */
  line-height: 1.2 !important; /* Tighter line spacing for balance */
  max-width: 100% !important;
  word-wrap: break-word !important;
}

/* Force line break - you'll need to add a <br> tag in your Fourthwall editor */
/* In the text editor, change "The Official RosserSaucer Site" to "The Official<br>RosserSaucer Site" */

h2 br {
  display: block !important; /* Ensures break tag works */
}

/* Alternative: Manual breakpoints for more control */
/* 
h2 {
  font-size: 6rem !important;
}

@media (max-width: 1200px) {
  h2 {
    font-size: 4.5rem !important;
  }
}

@media (max-width: 768px) {
  h2 {
    font-size: 3rem !important;
  }
}

@media (max-width: 480px) {
  h2 {
    font-size: 2rem !important;
  }
}
*/
}

#fw-section-rich-text-0 {
--color-primary: #fdff99;
--color-primary-rgb: 253, 255, 153;
--color-background: #f3f3f3;
--color-background-rgb: 243, 243, 243;
--color-on-background: #1b1d1e;
--color-on-background-rgb: 27, 29, 30;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 243;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #f3f3f3;
--primary-btn-text: #1b1d1e;
--primary-btn-border-color: #fdff99;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1b1d1e;
--secondary-btn-border-color: #1b1d1e;

}
#fw-section-featured-collection-0 {
--color-primary: #c3f761;
--color-primary-rgb: 195, 247, 97;
--color-background: #f3f3f3;
--color-background-rgb: 243, 243, 243;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 243;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #f3f3f3;
--primary-btn-text: #000000;
--primary-btn-border-color: #c3f761;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-image-with-text-2f30f5c1-12dc-4f49-8456-e291d296f2c2 {
--color-primary: #14696d;
--color-primary-rgb: 20, 105, 109;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #1b1d1e;
--color-on-background-rgb: 27, 29, 30;
--color-on-primary: #fcffff;
--color-on-primary-rgb: 252, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #1b1d1e;
--primary-btn-border-color: #14696d;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1b1d1e;
--secondary-btn-border-color: #1b1d1e;

}
#fw-section-links-list-19931779-5a83-4c57-ac72-d5141b212f74 {
--color-primary: #7c5bff;
--color-primary-rgb: 124, 91, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #7c5bff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-instagram-feed-a6b29808-50a6-46a0-bd97-882982ca0378 {
--color-primary: #eaebd1;
--color-primary-rgb: 234, 235, 209;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #eaebd1;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-custom-html-9352c6ff-5674-4ef6-a65e-7467e81bccae {
--color-primary: #368866;
--color-primary-rgb: 54, 136, 102;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #1b1d1e;
--color-on-background-rgb: 27, 29, 30;
--color-on-primary: #fcffff;
--color-on-primary-rgb: 252, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #1b1d1e;
--primary-btn-border-color: #368866;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1b1d1e;
--secondary-btn-border-color: #1b1d1e;

}
#fw-section-donations-743a3436-1c84-44bb-807d-79dfae127169 {

/* Reduce spacing between lines in the header */

h2 {
  line-height: 0.9 !important; /* Tighter - brings lines very close */
}

/* Alternative spacing options - uncomment the one you prefer */

/* 
h2 {
  line-height: 1 !important; 
}
*/

/* 
h2 {
  line-height: 1.1 !important; 
}
*/

/* If you want even more control, you can use a fixed pixel value */
/* 
h2 {
  line-height: 5rem !important;
}
*/
}



#fw-section-header {
--color-primary: #368866;
--color-primary-rgb: 54, 136, 102;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #fcffff;
--color-on-primary-rgb: 252, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #000000;
--primary-btn-border-color: #368866;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}