#fw-section-image-e84b06c6-8a65-4370-9770-0232d5b1d355 {

img {
  max-width: 50%;
}
}
#fw-section-donations-f939f44f-ba32-486a-b23c-2fec4000a112 {

h1, h2, h3, h4, h5, h6 {
  color: #00ffbc;
}
.input-field__icon .svg-fill-current-color {
  fill: #00ffbc !important; /* Your desired color code */
}
label[for="donation-name"] {
  color: #00ffbc !important;
}

/* Color for the "Message" label */
label[for="donation-message"] {
  color: #00ffbc !important;
}
/* Color for the $5, $10, $20 labels (ONLY when NOT selected/checked) */
/* Targets the label immediately following an unchecked input */
input[data-donation="amount-radio"]:not(:checked) + .radio-button__label {
  color: #00ffbc !important;
}

/* Color for the "$" prefix symbol next to the Custom amount input */
.input-field__prefix {
  color: #00ffbc !important;
}

/* Color for the "Custom" label when the field is empty and not focused */
label[for="donation-amount-custom"] {
  color: #00ffbc !important;
}

/* Color for the "$" prefix symbol next to the Custom amount input */
input#donation-amount-custom {
  color: #00ffbc !important;
}
input[data-donation="amount-radio"]:not(:checked) + .radio-button__label {
  border-color: #00ffbc !important;
}
.input-field {
  border-color: #00ffbc !important; 
}

}
#fw-section-custom-html-6d8c8754-7381-42aa-9958-83e342201be6 {

section {
  padding-bottom: 10px;
  padding-top: 32px;
}

}

#fw-section-rich-text-23b5a377-1339-4e83-9324-0686378c760b {

h2 {
  color: #00ffbc !important;
}
}
#fw-section-image-with-text-6fb77aee-a10f-4018-b5ea-d147fff0765c {

h2 {
  color: #00ffbc !important;
}
}
#fw-section-links-list-b20a41dc-fcb1-4439-a708-85d649692bbe {

h2 {
  color: #00ffbc !important; /* Headlines */
}
}
#fw-section-rich-text-0bf8cd2d-04b7-41cf-b14f-60069e98d2f8 {

h1, h2, h3, h4, h5, h6 {
  color: #00ffbc !important; /* Headlines */
}
}

#fw-section-custom-html-c137369c-9d5b-43f5-9d71-81c21183481e {

section {
  padding-top: 18px;
  padding-bottom: 12px;
}
}
#fw-section-custom-html-71e3e174-1cc8-447b-b201-88b927272fed {

section {
  padding-bottom: 10px;
  padding-top: 12px;
}

}
#fw-section-custom-html-c1714663-606d-4a3c-b1d4-5cac45e23b25 {

section {
 padding-top: 4px;
  padding-bottom: 12px;
}
}
#fw-section-rich-text-176510921980858 {

h1, h2, h3, h4 {
  color: #00ffbc !important;
}
}
#fw-section-image-with-text-98d66b52-6697-4d26-b947-9116ac09028b {

img {
max-width: 75%
}

image-container {
  padding-left: 20px;
}

}
#fw-section-image-with-text-c2a7aaee-808b-438e-b9cf-9061ead87d2f {

img {
  max-width: 40%
}
}
#fw-section-image-23c748f9-e153-4e54-ae96-0068fac47357 {

img {
  max-width: 50%;
}
}
#fw-section-rich-text-3b12e114-e6f6-49e8-8b69-213ea60dca5e {
--font-heading-scale: 1.0;
--font-body-scale: 0.85;
}
#fw-section-rich-text-be40205c-4dcb-4e6b-9636-ff59fbf4b16a {

h1, h2, h3, h4 {
  color: #00ffbc !important;
}
}

#fw-section-rich-text-77c886cb-d538-4bc6-a7c1-8a0c8323ed85 {
--font-heading-scale: 1.0;
--font-body-scale: 0.85;
}


#fw-section-rich-text-da0bf927-83b7-440e-86a9-80001cfaacf7 {
--font-heading-scale: 1.0;
--font-body-scale: 0.85;
}
#fw-section-rich-text-da0bf927-83b7-440e-86a9-80001cfaacf7 {

img {
  max-width: 60%
}
}

#fw-section-image-with-text-4df564de-458e-4384-adaf-01c4bd2c8d5b {

img {
  max-width: 70%
}
}


#fw-section-rich-text-796d98bf-d039-4e70-a6fa-21ab56c7666e {

a {
  color: #00ffbc !important;
}
}

#fw-section-rich-text-d9ca8ee0-d875-4fb9-a979-734c05420b62 {
--font-heading-scale: 1.0;
--font-body-scale: 0.85;
}
#fw-section-rich-text-3e9cefb3-63b6-45a3-8093-977530b8904d {
--color-primary: #235145;
--color-primary-rgb: 35, 81, 69;
--color-background: #1f201f;
--color-background-rgb: 31, 32, 31;
--color-on-primary: #a8a9a8;
--color-on-primary-rgb: 168, 169, 168;
--color-on-background: #a8a9a8;
--color-on-background-rgb: 168, 169, 168;
--color-product-image-background: #a8a9a8;
--color-background-brightness: 32;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-rich-text-a272bfd4-4b56-4f9f-b437-fbe07189befe {

h1, h2, h3, h4, h5, h6 {
  color: #00ffbc !important; /* Headlines */
}
}
#fw-section-rich-text-dab98fcd-282d-4926-8ff7-2f3c71f576ec {

h1, h2, h3, h4, h5, h6 {
  color: #00ffbc !important; /* Headlines */
}
}




#fw-section-custom-html-65c0b219-6b63-4aa9-8e59-a9f0444ee9d9 {

section {
  padding-bottom: 10px
}

.hidden-text {
    display: none;
  }
}


#fw-section-collection-template-collection-default {

h1 {
  color: #00ffbc !important; /* Headlines */
}
}

#fw-section-image-with-text-b988206f-18a1-476c-9073-df30de735a73 {

h2, h4 {
  color: #00ffbc !important; /* Headlines */
}
}
#fw-section-custom-html-e736e260-d0c0-433c-8053-fd9466ce011d {

section {
  padding-bottom: 6px;
  padding-top: 12px;
}

}
#fw-section-donations-1760014225 {
--color-primary: #235145;
--color-primary-rgb: 35, 81, 69;
--color-background: #1f201f;
--color-background-rgb: 31, 32, 31;
--color-on-primary: #a8a9a8;
--color-on-primary-rgb: 168, 169, 168;
--color-on-background: #a8a9a8;
--color-on-background-rgb: 168, 169, 168;
--color-product-image-background: #a8a9a8;
--color-background-brightness: 32;
background-color: var(--color-background);
color: var(--color-on-background);
h1, h2, h3, h4, h5, h6 {
  color: #00ffbc;
}
.input-field__icon .svg-fill-current-color {
  fill: #00ffbc !important; /* Your desired color code */
}
label[for="donation-name"] {
  color: #00ffbc !important;
}

/* Color for the "Message" label */
label[for="donation-message"] {
  color: #00ffbc !important;
}
/* Color for the $5, $10, $20 labels (ONLY when NOT selected/checked) */
/* Targets the label immediately following an unchecked input */
input[data-donation="amount-radio"]:not(:checked) + .radio-button__label {
  color: #00ffbc !important;
}

/* Color for the "$" prefix symbol next to the Custom amount input */
.input-field__prefix {
  color: #00ffbc !important;
}

/* Color for the "Custom" label when the field is empty and not focused */
label[for="donation-amount-custom"] {
  color: #00ffbc !important;
}

/* Color for the "$" prefix symbol next to the Custom amount input */
input#donation-amount-custom {
  color: #00ffbc !important;
}
input[data-donation="amount-radio"]:not(:checked) + .radio-button__label {
  border-color: #00ffbc !important;
}
.input-field {
  border-color: #00ffbc !important; 
}

}
#fw-section-links-list-1760014225 {

h1, h2, h3, h4, h5, h6 {
  color: #00ffbc;
}
}
#fw-section-app-memberships-939275 {
--color-primary: #235145;
--color-primary-rgb: 35, 81, 69;
--color-background: #1f201f;
--color-background-rgb: 31, 32, 31;
--color-on-primary: #a8a9a8;
--color-on-primary-rgb: 168, 169, 168;
--color-on-background: #a8a9a8;
--color-on-background-rgb: 168, 169, 168;
--color-product-image-background: #a8a9a8;
--color-background-brightness: 32;
background-color: var(--color-background);
color: var(--color-on-background);
h1, h2, h3, h4, h5, h6 {
  color: #00ffbc;
}

p {
  color: #00ffbc;
}
a[href="/supporters/sign_up"] {
  color: #00ffbc !important; 
}
}
#fw-section-recent-videos-1760014225 {

h1, h2, h3, h4, h5, h6 {
  color: #00ffbc !important; /* Headlines */
}
/* Style for the "Visit channel" button (outline version) */
.button--outline {
  color: #00ffbc !important; /* Text color (green) */
  border-color: #00ffbc !important; /* Box/Border color (green) */
  background-color: transparent !important; /* Keep background clear */
}

/* Optional: Add a hover effect for professionalism (solid green background when hovered over) */
.button--outline:hover, 
.button--outline:focus {
  background-color: #00ffbc !important; /* Background becomes green on hover */
  color: #000000 !important; /* Text color becomes black for contrast */
}

}
#fw-section-footer {
--color-primary: #235145;
--color-primary-rgb: 35, 81, 69;
--color-background: #1f201f;
--color-background-rgb: 31, 32, 31;
--color-on-primary: #a8a9a8;
--color-on-primary-rgb: 168, 169, 168;
--color-on-background: #00ffbc;
--color-on-background-rgb: 0, 255, 188;
--color-product-image-background: #00ffbc;
--color-background-brightness: 32;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-header {
--color-primary: #1f201f;
--color-primary-rgb: 31, 32, 31;
--color-background: #235145;
--color-background-rgb: 35, 81, 69;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #a8a9a8;
--color-on-background-rgb: 168, 169, 168;
--color-product-image-background: #a8a9a8;
--color-background-brightness: 66;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-product-product-default {

h1, h2, h3, h4, h5, h6 {
  color: #00ffbc !important; /* Headlines */
}
input[data-product="single-option-selector"]:not(:checked) + .radio-button__label {
  color: #00ffbc !important;      /* Changes the text color to green */
  border-color: #00ffbc !important; /* Changes the box border color to green */
}
/* Style for the Quantity Dropdown Menu (Box and Text) */
.select-field__select {
  color: #00ffbc !important;      /* Changes the selected text color (1, 2, 3...) */
  border-color: #00ffbc !important; /* Changes the border color of the box */
}

/* Ensure the individual options within the dropdown also use the theme color */
.select-field__select option {
  color: #00ffbc !important;
}
/* Change the color of the dropdown arrow icon */
.select-field__dropdown-icon .svg-fill-current-color {
  fill: #00ffbc !important; 
}

/* Change the text color of the selected number in the dropdown */
.select-field__select {
  color: #00ffbc !important; 
}

/* Change the border color of the quantity dropdown box */
.select-field {
  border-color: #00ffbc !important;
}
/* Change the border color of the custom "Qty" input field */
.input-field__input[placeholder="Qty"] {
  border-color: #00ffbc !important;
}

/* Change the color of the "Qty" placeholder text inside the input field */
.input-field__input[placeholder="Qty"]::placeholder {
  color: #00ffbc !important;
  opacity: 1; /* Ensure visibility across all browsers */
}

/* Change the color of the text the user actually types into the input field */
.input-field__input[placeholder="Qty"] {
  color: #00ffbc !important;
}
/* Change the border color of the custom "Qty" input field container */
.input-field.input-field--quantity {
  border-color: #00ffbc !important;
}
.product-info__price--original {
  color: #00ffbc !important; 
}
/* Change the color of the "View size chart" link using its unique attributes */
/*a[rel="noopener noreferrer"] {
  color: #00ffbc !important; 
}*/

/* Add a subtle hover effect */
/*a[rel="noopener noreferrer"]:hover {
  text-decoration: underline;
  color: #00ffbc !important; 
}*/


}
#fw-section-product-recommendations-product-default {

h2 {
  color: #00ffbc !important; /* Headlines */
}
}