#fw-section-rich-text-176263797826770 {
--font-heading-scale: 2.0;
--font-body-scale: 1.0;
}
#fw-section-custom-html-22b5097a-5fb9-4d81-873f-46e83b5fa820 {

p {
  color: limegreen;              /* white text */
  font-size: 19px;          /* small text */
  font-style: italic;       /* italic text */
  text-align: center;       /* center text */
  font-family: Arial, sans-serif;
  max-width: 500px;         /* limit width */
  margin: 0 auto;           /* center block element */
  line-height: 1.4;         /* nice spacing */
}
p span {
  font-weight: bold;
  font-size: 25px;
  font-family: Arial, sans-serif;
}
}







#fw-section-featured-collection-1727328401 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}

#fw-section-links-list-d2a11ffc-b849-496b-9191-277cd657311f {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}





#fw-section-donations-1dd8d57e-b685-44eb-965a-3f6f128c0b0a {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position 1s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}



#fw-section-collections-list-49df28d5-f947-475f-83fd-a87cf497bd19 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-featured-collection-6ca05b62-4c0d-4253-9553-745ed51a11ed {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-links-list-a32c08db-93ec-4d0e-87b0-c19c7a002392 {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}


#fw-section-featured-collection-5f08b474-b9c4-43ae-aebf-cd384dd18140 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-links-list-983ae965-731b-4442-a119-081f0f79a21f {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}


#fw-section-featured-collection-1727905302 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-links-list-e73538ac-dc78-43cb-bca6-d41cb00d2bd3 {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}









#fw-section-featured-collection-1727328516 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-links-list-520338e4-226b-4e8b-b31a-d9374b84ccd9 {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}


#fw-section-collections-list-8a9c7764-66d4-4387-9f32-41532e999096 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-featured-collection-1727328262 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-links-list-a873a7ce-7706-408a-96ee-c375a74e53d5 {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}

#fw-section-image-c75293cd-e4da-4d33-8175-884051da49be {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-collections-list-3bede313-8cda-4b8c-a823-261bf4d354f9 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}


#fw-section-announcement-bar-19983b21-a04c-4369-b747-a5e81611412d {
--color-primary: #00182d;
--color-primary-rgb: 0, 24, 45;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}





#fw-section-collection-template {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-links-list-6cdc50ac-c0f2-4480-b6b0-dc2f113c9b27 {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}

#fw-section-collections-list-6747b833-5f04-4dbc-a3f3-62d78b0e0c2a {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-collection-template-collection-shirts {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-links-list-5d2de8ee-6826-4bc8-81db-d4ea9e4b6def {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}

#fw-section-collections-list-eb49b788-dcc0-4ee9-92a7-af9883fd77fd {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-collection-template-collection-with-added {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}
#fw-section-links-list-ba28cb2e-72ff-4559-8c50-2513dfc3b42c {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}

#fw-section-hero-video-0 {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
.hero.hero--fw-section-hero-video-0 {
    position: relative; /* Essential for aligning the black overlay */
    
    /* 1. THE TRANSPARENCY FADE */
    /* This cuts the video out to reveal the background */
    mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
}

.hero.hero--fw-section-hero-video-0::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* 2. THE BLACK FADE */
    /* This adds the black tint on top of the video */
    /* 'transparent 60%' means it stays clear until 60% down, then fades to black */
    background: linear-gradient(to bottom, transparent 70%, black 100%);
    
    pointer-events: none; /* Ensures you can still click video controls */
    z-index: 1; 
}
}

#fw-section-hero-448abdc8-b0a6-40f5-93a1-2a36d193c141 {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}




#fw-section-featured-product-1727220731 {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position 1.2s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}
#fw-section-featured-collection-1723247500 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}

#fw-section-collections-list-c12a9a6d-634f-45ce-b99c-55aa9b5e06a0 {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}





#fw-section-links-list-1729199994 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #42ba00;
--color-on-primary-rgb: 66, 186, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}







#fw-section-header {

/* 1. Set the speed of the zoom */
a img {
  transition: transform 0.3s ease;
}

/* 2. Apply the zoom when the mouse hovers over the link */
a:hover img {
  transform: scale(1.05);
}
}



#fw-section-links-list-ca0ee0cc-d97a-4124-bb4e-a9a750375c73 {

/* 1. Base Button Settings */
.button.button--primary.button--expand {
  /* Setup the sliding background 
     CHANGE THE COLORS BELOW:
     1st Color = The 'Fill' color (what it becomes)
     2nd Color = The 'Original' button color (what it is now)
  */
  background-image: linear-gradient(to right, #348c00 50%, #42ba00 50%);
  
  background-size: 200% 100%;    /* Makes background double-wide */
  background-position: right ; /* Hides the fill color by default */
  transition: background-position .8s ease; /* Controls loading speed (2 seconds) */
  
  /* Ensure cursor stays as a pointer/finger */
  cursor: pointer;
  
  /* Optional: Ensure text stays on top and visible */
  position: relative;
  z-index: 1;
}

/* 2. Remove the previous spinner settings if you pasted them before */
.button.button--primary.button--expand::after {
  content: none !important;
  display: none !important;
}

/* 3. The Hover Action */
.button.button--primary.button--expand:hover {
  background-position: left bottom; /* Slides the fill color in */
  color: #000000; /* Ensure text color stays white (optional) */
}
}