#fw-section-links-list-96db9b36-e2c5-4b54-a974-33a36599d85e {

/* 🟦 Base */
body {
  background-color: #16244E !important; /* Dark Blue */
  color: #FFFFFF !important;           /* Default text = white */
}

/* 🟩 Headings = white fill, teal outline/glow */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF !important;              /* White letters */
  -webkit-text-stroke: 1px #005F5B;       /* Teal outline */
  text-shadow: 0 0 6px rgba(0,95,91,0.6); /* Teal glow */
  font-weight: 800;
}

/* Yellow divider line under headings (e.g. that teal bar) */
hr,
.section-divider,
.heading-divider {
  border: none !important;
  height: 2px;
  background-color: #D4A349 !important;  /* Sandy Yellow */
  margin: 0.8rem 0 1.5rem;
}

/* Main text stays white for readability */
p, li, span, div, label {
  color: #FFFFFF !important;
}

/* 🟧 Nav buttons: orange row, white text  */
button,
.btn,
.button,
.nav-button {
  background-color: #C46A36 !important;   /* Orange fill */
  color: #FFFFFF !important;             /* White text */
  border: 2px solid #005F5B !important;  /* Teal border */
  border-radius: 6px;
  font-weight: 700;
  padding: 0.6rem 1.8rem;
  text-transform: uppercase;

  /* Force them into a neat row */
  display: inline-block !important;
  width: auto !important;
  margin: 0 0.4rem 0;                    /* Space between buttons */
  transition: 0.25s ease;
}

/* 🟨 Hover: yellow text + yellow border, orange still under it */
button:hover,
.btn:hover,
.button:hover,
.nav-button:hover {
  background-color: #C46A36 !important;   /* Keep the orange block */
  color: #D4A349 !important;             /* Text turns Sandy Yellow */
  border-color: #D4A349 !important;      /* Border turns Sandy Yellow */
  box-shadow: 0 0 10px rgba(212,163,73,0.7);
}

/* Links in body copy */
a {
  color: #D4A349 !important;             /* Sandy Yellow */
  transition: 0.3s ease;
}

a:hover {
  color: #FFFFFF !important;             /* White on hover */
  text-shadow: 0 0 5px rgba(196,106,54,0.5); /* Orange haze */
}

/* Optional: logo ring */
.logo img {
  border-radius: 50% !important;
  border: 3px solid #005F5B !important;
  box-shadow: 0 0 12px rgba(0,95,91,0.3);
}

}
#fw-section-hero-e5b50fff-dce6-4482-985e-a07e0fde4885 {
--font-heading-scale: 0.98;
--font-body-scale: 1.0;
}
#fw-section-hero-e5b50fff-dce6-4482-985e-a07e0fde4885 {
--color-primary: #c46a36;
--color-primary-rgb: 196, 106, 54;
--color-background: #031e43;
--color-background-rgb: 3, 30, 67;
--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: 26;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #031e43;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #c46a36;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* ========== GLOBAL ========== */
body {
  background-color: #070713;
  color: #FFFFFF;
  font-family: "Impact", "Anton", sans-serif;
  margin: 0;
  padding: 0;
}

/* ========== HEADINGS / TITLES ========== */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* TEAL accent heading when inside sections */
section h2 {
  color: #005F5B;
  border-bottom: 2px solid #005F5B;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* ========== BUTTONS ========== */
button, .button, a.button {
  background-color: #C46A36;
  color: #FFFFFF;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

/* Hover state = yellow text pop */
button:hover, .button:hover, a.button:hover {
  color: #D4A349;
}

/* ========== NAV BUTTON BLOCKS ========== */
nav a, .nav-button {
  background-color: #16244E;
  color: #FFFFFF;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  border: 2px solid transparent;
  transition: 0.2s ease;
}

/* Hover = yellow text + teal border accent */
nav a:hover, .nav-button:hover {
  color: #D4A349;
  border: 2px solid #005F5B;
}

/* Primary standout button that page forces light blue */
nav a.primary {
  background-color: #1B6E84; /* auto-assigned forced platform blue */
  color: #FFFFFF;
}

/* Hover again = yellow */
nav a.primary:hover {
  color: #D4A349;
}

/* ========== DIVIDERS / ACCENTS ========== */
hr, .divider {
  border: 1px solid #005F5B;
  margin: 20px 0;
}

/* ========== PRODUCT CARDS ========== */
.product-card {
  background-color: #16244E;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 14px;
  margin: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  border: 2px solid #005F5B;
  transition: 0.2s ease;
}

/* Card hover subtle lift but keep brand */
.product-card:hover {
  transform: translateY(-3px);
  border: 2px solid #C46A36;
}

/* ========== LOGO AREA ========== */
.logo-container {
  background: #16244E;
  padding: 18px;
  border-radius: 50%;
  border: 3px solid #005F5B;
  display: inline-block;
  margin-bottom: 20px;
}

/* ========== FOOTER / TEXT SUBTLE AREA ========== */
footer {
  background-color: #070713;
  color: #005F5B;
  text-align: center;
  padding: 16px;
  font-weight: 700;
  border-top: 2px solid #005F5B;
  font-size: 14px;
}

/* Optional grit texture hints if you use class names for image overlays */
.grit-accent {
  opacity: 0.85;
  mix-blend-mode: overlay;
}

}
#fw-section-rich-text-61e87f08-12a9-41c6-a3d5-4805b908a8af {
--font-heading-scale: 0.7;
--font-body-scale: 1.0;
}
#fw-section-rich-text-61e87f08-12a9-41c6-a3d5-4805b908a8af {
--color-primary: #c46a36;
--color-primary-rgb: 196, 106, 54;
--color-background: #031e43;
--color-background-rgb: 3, 30, 67;
--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: 26;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #031e43;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #c46a36;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* ========== GLOBAL ========== */
body {
  background-color: #070713;
  color: #FFFFFF;
  font-family: "Impact", "Anton", sans-serif;
  margin: 0;
  padding: 0;
}

/* ========== HEADINGS / TITLES ========== */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* TEAL accent heading when inside sections */
section h2 {
  color: #005F5B;
  border-bottom: 2px solid #005F5B;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* ========== BUTTONS ========== */
button, .button, a.button {
  background-color: #C46A36;
  color: #FFFFFF;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

/* Hover state = yellow text pop */
button:hover, .button:hover, a.button:hover {
  color: #D4A349;
}

/* ========== NAV BUTTON BLOCKS ========== */
nav a, .nav-button {
  background-color: #16244E;
  color: #FFFFFF;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  border: 2px solid transparent;
  transition: 0.2s ease;
}

/* Hover = yellow text + teal border accent */
nav a:hover, .nav-button:hover {
  color: #D4A349;
  border: 2px solid #005F5B;
}

/* Primary standout button that page forces light blue */
nav a.primary {
  background-color: #1B6E84; /* auto-assigned forced platform blue */
  color: #FFFFFF;
}

/* Hover again = yellow */
nav a.primary:hover {
  color: #D4A349;
}

/* ========== DIVIDERS / ACCENTS ========== */
hr, .divider {
  border: 1px solid #005F5B;
  margin: 20px 0;
}

/* ========== PRODUCT CARDS ========== */
.product-card {
  background-color: #16244E;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 14px;
  margin: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  border: 2px solid #005F5B;
  transition: 0.2s ease;
}

/* Card hover subtle lift but keep brand */
.product-card:hover {
  transform: translateY(-3px);
  border: 2px solid #C46A36;
}

/* ========== LOGO AREA ========== */
.logo-container {
  background: #16244E;
  padding: 18px;
  border-radius: 50%;
  border: 3px solid #005F5B;
  display: inline-block;
  margin-bottom: 20px;
}

/* ========== FOOTER / TEXT SUBTLE AREA ========== */
footer {
  background-color: #070713;
  color: #005F5B;
  text-align: center;
  padding: 16px;
  font-weight: 700;
  border-top: 2px solid #005F5B;
  font-size: 14px;
}

/* Optional grit texture hints if you use class names for image overlays */
.grit-accent {
  opacity: 0.85;
  mix-blend-mode: overlay;
}

}
#fw-section-rich-text-98789420-1d44-4308-ba1f-da4db6e2671e {
--font-heading-scale: 0.7;
--font-body-scale: 1.0;
}
#fw-section-rich-text-98789420-1d44-4308-ba1f-da4db6e2671e {

/* ========== GLOBAL ========== */
body {
  background-color: #070713;
  color: #FFFFFF;
  font-family: "Impact", "Anton", sans-serif;
  margin: 0;
  padding: 0;
}

/* ========== HEADINGS / TITLES ========== */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* TEAL accent heading when inside sections */
section h2 {
  color: #005F5B;
  border-bottom: 2px solid #005F5B;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* ========== BUTTONS ========== */
button, .button, a.button {
  background-color: #C46A36;
  color: #FFFFFF;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

/* Hover state = yellow text pop */
button:hover, .button:hover, a.button:hover {
  color: #D4A349;
}

/* ========== NAV BUTTON BLOCKS ========== */
nav a, .nav-button {
  background-color: #16244E;
  color: #FFFFFF;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  border: 2px solid transparent;
  transition: 0.2s ease;
}

/* Hover = yellow text + teal border accent */
nav a:hover, .nav-button:hover {
  color: #D4A349;
  border: 2px solid #005F5B;
}

/* Primary standout button that page forces light blue */
nav a.primary {
  background-color: #1B6E84; /* auto-assigned forced platform blue */
  color: #FFFFFF;
}

/* Hover again = yellow */
nav a.primary:hover {
  color: #D4A349;
}

/* ========== DIVIDERS / ACCENTS ========== */
hr, .divider {
  border: 1px solid #005F5B;
  margin: 20px 0;
}

/* ========== PRODUCT CARDS ========== */
.product-card {
  background-color: #16244E;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 14px;
  margin: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  border: 2px solid #005F5B;
  transition: 0.2s ease;
}

/* Card hover subtle lift but keep brand */
.product-card:hover {
  transform: translateY(-3px);
  border: 2px solid #C46A36;
}

/* ========== LOGO AREA ========== */
.logo-container {
  background: #16244E;
  padding: 18px;
  border-radius: 50%;
  border: 3px solid #005F5B;
  display: inline-block;
  margin-bottom: 20px;
}

/* ========== FOOTER / TEXT SUBTLE AREA ========== */
footer {
  background-color: #070713;
  color: #005F5B;
  text-align: center;
  padding: 16px;
  font-weight: 700;
  border-top: 2px solid #005F5B;
  font-size: 14px;
}

/* Optional grit texture hints if you use class names for image overlays */
.grit-accent {
  opacity: 0.85;
  mix-blend-mode: overlay;
}

}
#fw-section-rich-text-bfad3d9f-b1fc-4ef4-8e51-4a4d3e550cb3 {
--font-heading-scale: 0.7;
--font-body-scale: 1.0;
}
#fw-section-rich-text-bfad3d9f-b1fc-4ef4-8e51-4a4d3e550cb3 {

/* ========== GLOBAL ========== */
body {
  background-color: #070713;
  color: #FFFFFF;
  font-family: "Impact", "Anton", sans-serif;
  margin: 0;
  padding: 0;
}

/* ========== HEADINGS / TITLES ========== */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* TEAL accent heading when inside sections */
section h2 {
  color: #005F5B;
  border-bottom: 2px solid #005F5B;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* ========== BUTTONS ========== */
button, .button, a.button {
  background-color: #C46A36;
  color: #FFFFFF;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

/* Hover state = yellow text pop */
button:hover, .button:hover, a.button:hover {
  color: #D4A349;
}

/* ========== NAV BUTTON BLOCKS ========== */
nav a, .nav-button {
  background-color: #16244E;
  color: #FFFFFF;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  border: 2px solid transparent;
  transition: 0.2s ease;
}

/* Hover = yellow text + teal border accent */
nav a:hover, .nav-button:hover {
  color: #D4A349;
  border: 2px solid #005F5B;
}

/* Primary standout button that page forces light blue */
nav a.primary {
  background-color: #1B6E84; /* auto-assigned forced platform blue */
  color: #FFFFFF;
}

/* Hover again = yellow */
nav a.primary:hover {
  color: #D4A349;
}

/* ========== DIVIDERS / ACCENTS ========== */
hr, .divider {
  border: 1px solid #005F5B;
  margin: 20px 0;
}

/* ========== PRODUCT CARDS ========== */
.product-card {
  background-color: #16244E;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 14px;
  margin: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  border: 2px solid #005F5B;
  transition: 0.2s ease;
}

/* Card hover subtle lift but keep brand */
.product-card:hover {
  transform: translateY(-3px);
  border: 2px solid #C46A36;
}

/* ========== LOGO AREA ========== */
.logo-container {
  background: #16244E;
  padding: 18px;
  border-radius: 50%;
  border: 3px solid #005F5B;
  display: inline-block;
  margin-bottom: 20px;
}

/* ========== FOOTER / TEXT SUBTLE AREA ========== */
footer {
  background-color: #070713;
  color: #005F5B;
  text-align: center;
  padding: 16px;
  font-weight: 700;
  border-top: 2px solid #005F5B;
  font-size: 14px;
}

/* Optional grit texture hints if you use class names for image overlays */
.grit-accent {
  opacity: 0.85;
  mix-blend-mode: overlay;
}

}
#fw-section-rich-text-d5bbcd9a-8548-4b96-97c8-0ae4ca2e903f {
--font-heading-scale: 0.7;
--font-body-scale: 1.0;
}
#fw-section-rich-text-d5bbcd9a-8548-4b96-97c8-0ae4ca2e903f {

/* ========== GLOBAL ========== */
body {
  background-color: #070713;
  color: #FFFFFF;
  font-family: "Impact", "Anton", sans-serif;
  margin: 0;
  padding: 0;
}

/* ========== HEADINGS / TITLES ========== */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* TEAL accent heading when inside sections */
section h2 {
  color: #005F5B;
  border-bottom: 2px solid #005F5B;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* ========== BUTTONS ========== */
button, .button, a.button {
  background-color: #C46A36;
  color: #FFFFFF;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

/* Hover state = yellow text pop */
button:hover, .button:hover, a.button:hover {
  color: #D4A349;
}

/* ========== NAV BUTTON BLOCKS ========== */
nav a, .nav-button {
  background-color: #16244E;
  color: #FFFFFF;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  border: 2px solid transparent;
  transition: 0.2s ease;
}

/* Hover = yellow text + teal border accent */
nav a:hover, .nav-button:hover {
  color: #D4A349;
  border: 2px solid #005F5B;
}

/* Primary standout button that page forces light blue */
nav a.primary {
  background-color: #1B6E84; /* auto-assigned forced platform blue */
  color: #FFFFFF;
}

/* Hover again = yellow */
nav a.primary:hover {
  color: #D4A349;
}

/* ========== DIVIDERS / ACCENTS ========== */
hr, .divider {
  border: 1px solid #005F5B;
  margin: 20px 0;
}

/* ========== PRODUCT CARDS ========== */
.product-card {
  background-color: #16244E;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 14px;
  margin: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  border: 2px solid #005F5B;
  transition: 0.2s ease;
}

/* Card hover subtle lift but keep brand */
.product-card:hover {
  transform: translateY(-3px);
  border: 2px solid #C46A36;
}

/* ========== LOGO AREA ========== */
.logo-container {
  background: #16244E;
  padding: 18px;
  border-radius: 50%;
  border: 3px solid #005F5B;
  display: inline-block;
  margin-bottom: 20px;
}

/* ========== FOOTER / TEXT SUBTLE AREA ========== */
footer {
  background-color: #070713;
  color: #005F5B;
  text-align: center;
  padding: 16px;
  font-weight: 700;
  border-top: 2px solid #005F5B;
  font-size: 14px;
}

/* Optional grit texture hints if you use class names for image overlays */
.grit-accent {
  opacity: 0.85;
  mix-blend-mode: overlay;
}

}
#fw-section-rich-text-8abd339e-7e0e-4b5b-a9f1-698ef29a2462 {
--font-heading-scale: 0.7;
--font-body-scale: 1.0;
}
#fw-section-rich-text-8abd339e-7e0e-4b5b-a9f1-698ef29a2462 {

/* ========== GLOBAL ========== */
body {
  background-color: #070713;
  color: #FFFFFF;
  font-family: "Impact", "Anton", sans-serif;
  margin: 0;
  padding: 0;
}

/* ========== HEADINGS / TITLES ========== */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* TEAL accent heading when inside sections */
section h2 {
  color: #005F5B;
  border-bottom: 2px solid #005F5B;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* ========== BUTTONS ========== */
button, .button, a.button {
  background-color: #C46A36;
  color: #FFFFFF;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

/* Hover state = yellow text pop */
button:hover, .button:hover, a.button:hover {
  color: #D4A349;
}

/* ========== NAV BUTTON BLOCKS ========== */
nav a, .nav-button {
  background-color: #16244E;
  color: #FFFFFF;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  border: 2px solid transparent;
  transition: 0.2s ease;
}

/* Hover = yellow text + teal border accent */
nav a:hover, .nav-button:hover {
  color: #D4A349;
  border: 2px solid #005F5B;
}

/* Primary standout button that page forces light blue */
nav a.primary {
  background-color: #1B6E84; /* auto-assigned forced platform blue */
  color: #FFFFFF;
}

/* Hover again = yellow */
nav a.primary:hover {
  color: #D4A349;
}

/* ========== DIVIDERS / ACCENTS ========== */
hr, .divider {
  border: 1px solid #005F5B;
  margin: 20px 0;
}

/* ========== PRODUCT CARDS ========== */
.product-card {
  background-color: #16244E;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 14px;
  margin: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  border: 2px solid #005F5B;
  transition: 0.2s ease;
}

/* Card hover subtle lift but keep brand */
.product-card:hover {
  transform: translateY(-3px);
  border: 2px solid #C46A36;
}

/* ========== LOGO AREA ========== */
.logo-container {
  background: #16244E;
  padding: 18px;
  border-radius: 50%;
  border: 3px solid #005F5B;
  display: inline-block;
  margin-bottom: 20px;
}

/* ========== FOOTER / TEXT SUBTLE AREA ========== */
footer {
  background-color: #070713;
  color: #005F5B;
  text-align: center;
  padding: 16px;
  font-weight: 700;
  border-top: 2px solid #005F5B;
  font-size: 14px;
}

/* Optional grit texture hints if you use class names for image overlays */
.grit-accent {
  opacity: 0.85;
  mix-blend-mode: overlay;
}
}
#fw-section-rich-text-88c72961-9877-4b09-8704-1e3bff5bd564 {
--font-heading-scale: 0.7;
--font-body-scale: 1.0;
}
#fw-section-rich-text-88c72961-9877-4b09-8704-1e3bff5bd564 {

/* ========== GLOBAL ========== */
body {
  background-color: #070713;
  color: #FFFFFF;
  font-family: "Impact", "Anton", sans-serif;
  margin: 0;
  padding: 0;
}

/* ========== HEADINGS / TITLES ========== */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* TEAL accent heading when inside sections */
section h2 {
  color: #005F5B;
  border-bottom: 2px solid #005F5B;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* ========== BUTTONS ========== */
button, .button, a.button {
  background-color: #C46A36;
  color: #FFFFFF;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

/* Hover state = yellow text pop */
button:hover, .button:hover, a.button:hover {
  color: #D4A349;
}

/* ========== NAV BUTTON BLOCKS ========== */
nav a, .nav-button {
  background-color: #16244E;
  color: #FFFFFF;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  border: 2px solid transparent;
  transition: 0.2s ease;
}

/* Hover = yellow text + teal border accent */
nav a:hover, .nav-button:hover {
  color: #D4A349;
  border: 2px solid #005F5B;
}

/* Primary standout button that page forces light blue */
nav a.primary {
  background-color: #1B6E84; /* auto-assigned forced platform blue */
  color: #FFFFFF;
}

/* Hover again = yellow */
nav a.primary:hover {
  color: #D4A349;
}

/* ========== DIVIDERS / ACCENTS ========== */
hr, .divider {
  border: 1px solid #005F5B;
  margin: 20px 0;
}

/* ========== PRODUCT CARDS ========== */
.product-card {
  background-color: #16244E;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 14px;
  margin: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  border: 2px solid #005F5B;
  transition: 0.2s ease;
}

/* Card hover subtle lift but keep brand */
.product-card:hover {
  transform: translateY(-3px);
  border: 2px solid #C46A36;
}

/* ========== LOGO AREA ========== */
.logo-container {
  background: #16244E;
  padding: 18px;
  border-radius: 50%;
  border: 3px solid #005F5B;
  display: inline-block;
  margin-bottom: 20px;
}

/* ========== FOOTER / TEXT SUBTLE AREA ========== */
footer {
  background-color: #070713;
  color: #005F5B;
  text-align: center;
  padding: 16px;
  font-weight: 700;
  border-top: 2px solid #005F5B;
  font-size: 14px;
}

/* Optional grit texture hints if you use class names for image overlays */
.grit-accent {
  opacity: 0.85;
  mix-blend-mode: overlay;
}
}

#fw-section-rich-text-049e69e4-3775-446a-af53-68f362df1799 {
--font-heading-scale: 1.02;
--font-body-scale: 1.0;
}






























#fw-section-links-list-60e855ea-ec0b-4c27-95e1-a3ade7d00294 {
--font-heading-scale: 1.0;
--font-body-scale: 1.0;
}
#fw-section-links-list-60e855ea-ec0b-4c27-95e1-a3ade7d00294 {

/* 🟦 Base */
body {
  background-color: #16244E !important; /* Dark Blue */
  color: #FFFFFF !important;           /* Default text = white */
}

/* 🟩 Headings = white fill, teal outline/glow */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF !important;              /* White letters */
  -webkit-text-stroke: 1px #005F5B;       /* Teal outline */
  text-shadow: 0 0 6px rgba(0,95,91,0.6); /* Teal glow */
  font-weight: 800;
}

/* Yellow divider line under headings (e.g. that teal bar) */
hr,
.section-divider,
.heading-divider {
  border: none !important;
  height: 2px;
  background-color: #D4A349 !important;  /* Sandy Yellow */
  margin: 0.8rem 0 1.5rem;
}

/* Main text stays white for readability */
p, li, span, div, label {
  color: #FFFFFF !important;
}

/* 🟧 Nav buttons: orange row, white text  */
button,
.btn,
.button,
.nav-button {
  background-color: #C46A36 !important;   /* Orange fill */
  color: #FFFFFF !important;             /* White text */
  border: 2px solid #005F5B !important;  /* Teal border */
  border-radius: 6px;
  font-weight: 700;
  padding: 0.6rem 1.8rem;
  text-transform: uppercase;

  /* Force them into a neat row */
  display: inline-block !important;
  width: auto !important;
  margin: 0 0.4rem 0;                    /* Space between buttons */
  transition: 0.25s ease;
}

/* 🟨 Hover: yellow text + yellow border, orange still under it */
button:hover,
.btn:hover,
.button:hover,
.nav-button:hover {
  background-color: #C46A36 !important;   /* Keep the orange block */
  color: #D4A349 !important;             /* Text turns Sandy Yellow */
  border-color: #D4A349 !important;      /* Border turns Sandy Yellow */
  box-shadow: 0 0 10px rgba(212,163,73,0.7);
}

/* Links in body copy */
a {
  color: #D4A349 !important;             /* Sandy Yellow */
  transition: 0.3s ease;
}

a:hover {
  color: #FFFFFF !important;             /* White on hover */
  text-shadow: 0 0 5px rgba(196,106,54,0.5); /* Orange haze */
}

/* Optional: logo ring */
.logo img {
  border-radius: 50% !important;
  border: 3px solid #005F5B !important;
  box-shadow: 0 0 12px rgba(0,95,91,0.3);
}

}

#fw-section-rich-text-176502018022622 {

/* ========== GLOBAL ========== */
body {
  background-color: #070713;
  color: #FFFFFF;
  font-family: "Impact", "Anton", sans-serif;
  margin: 0;
  padding: 0;
}

/* ========== HEADINGS / TITLES ========== */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* TEAL accent heading when inside sections */
section h2 {
  color: #005F5B;
  border-bottom: 2px solid #005F5B;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* ========== BUTTONS ========== */
button, .button, a.button {
  background-color: #C46A36;
  color: #FFFFFF;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

/* Hover state = yellow text pop */
button:hover, .button:hover, a.button:hover {
  color: #D4A349;
}

/* ========== NAV BUTTON BLOCKS ========== */
nav a, .nav-button {
  background-color: #16244E;
  color: #FFFFFF;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  border: 2px solid transparent;
  transition: 0.2s ease;
}

/* Hover = yellow text + teal border accent */
nav a:hover, .nav-button:hover {
  color: #D4A349;
  border: 2px solid #005F5B;
}

/* Primary standout button that page forces light blue */
nav a.primary {
  background-color: #1B6E84; /* auto-assigned forced platform blue */
  color: #FFFFFF;
}

/* Hover again = yellow */
nav a.primary:hover {
  color: #D4A349;
}

/* ========== DIVIDERS / ACCENTS ========== */
hr, .divider {
  border: 1px solid #005F5B;
  margin: 20px 0;
}

/* ========== PRODUCT CARDS ========== */
.product-card {
  background-color: #16244E;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 14px;
  margin: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  border: 2px solid #005F5B;
  transition: 0.2s ease;
}

/* Card hover subtle lift but keep brand */
.product-card:hover {
  transform: translateY(-3px);
  border: 2px solid #C46A36;
}

/* ========== LOGO AREA ========== */
.logo-container {
  background: #16244E;
  padding: 18px;
  border-radius: 50%;
  border: 3px solid #005F5B;
  display: inline-block;
  margin-bottom: 20px;
}

/* ========== FOOTER / TEXT SUBTLE AREA ========== */
footer {
  background-color: #070713;
  color: #005F5B;
  text-align: center;
  padding: 16px;
  font-weight: 700;
  border-top: 2px solid #005F5B;
  font-size: 14px;
}

/* Optional grit texture hints if you use class names for image overlays */
.grit-accent {
  opacity: 0.85;
  mix-blend-mode: overlay;
}

}








#fw-section-rich-text-178547846981266 {

/* 🟦 Base */
body {
  background-color: #16244E !important; /* Dark Blue */
  color: #FFFFFF !important;           /* Default text = white */
}

/* 🟩 Headings = white fill, teal outline/glow */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF !important;              /* White letters */
  -webkit-text-stroke: 1px #005F5B;       /* Teal outline */
  text-shadow: 0 0 6px rgba(0,95,91,0.6); /* Teal glow */
  font-weight: 800;
}

/* Yellow divider line under headings (e.g. that teal bar) */
hr,
.section-divider,
.heading-divider {
  border: none !important;
  height: 2px;
  background-color: #D4A349 !important;  /* Sandy Yellow */
  margin: 0.8rem 0 1.5rem;
}

/* Main text stays white for readability */
p, li, span, div, label {
  color: #FFFFFF !important;
}

/* 🟧 Nav buttons: orange row, white text  */
button,
.btn,
.button,
.nav-button {
  background-color: #C46A36 !important;   /* Orange fill */
  color: #FFFFFF !important;             /* White text */
  border: 2px solid #005F5B !important;  /* Teal border */
  border-radius: 6px;
  font-weight: 700;
  padding: 0.6rem 1.8rem;
  text-transform: uppercase;

  /* Force them into a neat row */
  display: inline-block !important;
  width: auto !important;
  margin: 0 0.4rem 0;                    /* Space between buttons */
  transition: 0.25s ease;
}

/* 🟨 Hover: yellow text + yellow border, orange still under it */
button:hover,
.btn:hover,
.button:hover,
.nav-button:hover {
  background-color: #C46A36 !important;   /* Keep the orange block */
  color: #D4A349 !important;             /* Text turns Sandy Yellow */
  border-color: #D4A349 !important;      /* Border turns Sandy Yellow */
  box-shadow: 0 0 10px rgba(212,163,73,0.7);
}

/* Links in body copy */
a {
  color: #D4A349 !important;             /* Sandy Yellow */
  transition: 0.3s ease;
}

a:hover {
  color: #FFFFFF !important;             /* White on hover */
  text-shadow: 0 0 5px rgba(196,106,54,0.5); /* Orange haze */
}

/* Optional: logo ring */
.logo img {
  border-radius: 50% !important;
  border: 3px solid #005F5B !important;
  box-shadow: 0 0 12px rgba(0,95,91,0.3);
}

}

#fw-section-links-list-7d7357a1-11bc-419d-a3ee-dee971c0a016 {

/* 🟦 Base */
body {
  background-color: #16244E !important; /* Dark Blue */
  color: #FFFFFF !important;           /* Default text = white */
}

/* 🟩 Headings = white fill, teal outline/glow */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF !important;              /* White letters */
  -webkit-text-stroke: 1px #005F5B;       /* Teal outline */
  text-shadow: 0 0 6px rgba(0,95,91,0.6); /* Teal glow */
  font-weight: 800;
}

/* Yellow divider line under headings (e.g. that teal bar) */
hr,
.section-divider,
.heading-divider {
  border: none !important;
  height: 2px;
  background-color: #D4A349 !important;  /* Sandy Yellow */
  margin: 0.8rem 0 1.5rem;
}

/* Main text stays white for readability */
p, li, span, div, label {
  color: #FFFFFF !important;
}

/* 🟧 Nav buttons: orange row, white text  */
button,
.btn,
.button,
.nav-button {
  background-color: #C46A36 !important;   /* Orange fill */
  color: #FFFFFF !important;             /* White text */
  border: 2px solid #005F5B !important;  /* Teal border */
  border-radius: 6px;
  font-weight: 700;
  padding: 0.6rem 1.8rem;
  text-transform: uppercase;

  /* Force them into a neat row */
  display: inline-block !important;
  width: auto !important;
  margin: 0 0.4rem 0;                    /* Space between buttons */
  transition: 0.25s ease;
}

/* 🟨 Hover: yellow text + yellow border, orange still under it */
button:hover,
.btn:hover,
.button:hover,
.nav-button:hover {
  background-color: #C46A36 !important;   /* Keep the orange block */
  color: #D4A349 !important;             /* Text turns Sandy Yellow */
  border-color: #D4A349 !important;      /* Border turns Sandy Yellow */
  box-shadow: 0 0 10px rgba(212,163,73,0.7);
}

/* Links in body copy */
a {
  color: #D4A349 !important;             /* Sandy Yellow */
  transition: 0.3s ease;
}

a:hover {
  color: #FFFFFF !important;             /* White on hover */
  text-shadow: 0 0 5px rgba(196,106,54,0.5); /* Orange haze */
}

/* Optional: logo ring */
.logo img {
  border-radius: 50% !important;
  border: 3px solid #005F5B !important;
  box-shadow: 0 0 12px rgba(0,95,91,0.3);
}

}


















#fw-section-links-list-99b71534-25a6-4506-b44d-b4b425a915e8 {

/* 🟦 Base */
body {
  background-color: #16244E !important; /* Dark Blue */
  color: #FFFFFF !important;           /* Default text = white */
}

/* 🟩 Headings = white fill, teal outline/glow */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF !important;              /* White letters */
  -webkit-text-stroke: 1px #005F5B;       /* Teal outline */
  text-shadow: 0 0 6px rgba(0,95,91,0.6); /* Teal glow */
  font-weight: 800;
}

/* Yellow divider line under headings (e.g. that teal bar) */
hr,
.section-divider,
.heading-divider {
  border: none !important;
  height: 2px;
  background-color: #D4A349 !important;  /* Sandy Yellow */
  margin: 0.8rem 0 1.5rem;
}

/* Main text stays white for readability */
p, li, span, div, label {
  color: #FFFFFF !important;
}

/* 🟧 Nav buttons: orange row, white text  */
button,
.btn,
.button,
.nav-button {
  background-color: #C46A36 !important;   /* Orange fill */
  color: #FFFFFF !important;             /* White text */
  border: 2px solid #005F5B !important;  /* Teal border */
  border-radius: 6px;
  font-weight: 700;
  padding: 0.6rem 1.8rem;
  text-transform: uppercase;

  /* Force them into a neat row */
  display: inline-block !important;
  width: auto !important;
  margin: 0 0.4rem 0;                    /* Space between buttons */
  transition: 0.25s ease;
}

/* 🟨 Hover: yellow text + yellow border, orange still under it */
button:hover,
.btn:hover,
.button:hover,
.nav-button:hover {
  background-color: #C46A36 !important;   /* Keep the orange block */
  color: #D4A349 !important;             /* Text turns Sandy Yellow */
  border-color: #D4A349 !important;      /* Border turns Sandy Yellow */
  box-shadow: 0 0 10px rgba(212,163,73,0.7);
}

/* Links in body copy */
a {
  color: #D4A349 !important;             /* Sandy Yellow */
  transition: 0.3s ease;
}

a:hover {
  color: #FFFFFF !important;             /* White on hover */
  text-shadow: 0 0 5px rgba(196,106,54,0.5); /* Orange haze */
}

/* Optional: logo ring */
.logo img {
  border-radius: 50% !important;
  border: 3px solid #005F5B !important;
  box-shadow: 0 0 12px rgba(0,95,91,0.3);
}

}
#fw-section-rich-text-176497975728478 {
--font-heading-scale: 0.95;
--font-body-scale: 0.94;
}
#fw-section-rich-text-176497975728478 {

/* ========== GLOBAL ========== */
body {
  background-color: #070713;
  color: #FFFFFF;
  font-family: "Impact", "Anton", sans-serif;
  margin: 0;
  padding: 0;
}

/* ========== HEADINGS / TITLES ========== */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* TEAL accent heading when inside sections */
section h2 {
  color: #005F5B;
  border-bottom: 2px solid #005F5B;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* ========== BUTTONS ========== */
button, .button, a.button {
  background-color: #C46A36;
  color: #FFFFFF;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

/* Hover state = yellow text pop */
button:hover, .button:hover, a.button:hover {
  color: #D4A349;
}

/* ========== NAV BUTTON BLOCKS ========== */
nav a, .nav-button {
  background-color: #16244E;
  color: #FFFFFF;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  border: 2px solid transparent;
  transition: 0.2s ease;
}

/* Hover = yellow text + teal border accent */
nav a:hover, .nav-button:hover {
  color: #D4A349;
  border: 2px solid #005F5B;
}

/* Primary standout button that page forces light blue */
nav a.primary {
  background-color: #1B6E84; /* auto-assigned forced platform blue */
  color: #FFFFFF;
}

/* Hover again = yellow */
nav a.primary:hover {
  color: #D4A349;
}

/* ========== DIVIDERS / ACCENTS ========== */
hr, .divider {
  border: 1px solid #005F5B;
  margin: 20px 0;
}

/* ========== PRODUCT CARDS ========== */
.product-card {
  background-color: #16244E;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 14px;
  margin: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  border: 2px solid #005F5B;
  transition: 0.2s ease;
}

/* Card hover subtle lift but keep brand */
.product-card:hover {
  transform: translateY(-3px);
  border: 2px solid #C46A36;
}

/* ========== LOGO AREA ========== */
.logo-container {
  background: #16244E;
  padding: 18px;
  border-radius: 50%;
  border: 3px solid #005F5B;
  display: inline-block;
  margin-bottom: 20px;
}

/* ========== FOOTER / TEXT SUBTLE AREA ========== */
footer {
  background-color: #070713;
  color: #005F5B;
  text-align: center;
  padding: 16px;
  font-weight: 700;
  border-top: 2px solid #005F5B;
  font-size: 14px;
}

/* Optional grit texture hints if you use class names for image overlays */
.grit-accent {
  opacity: 0.85;
  mix-blend-mode: overlay;
}

}
#fw-section-rich-text-02b6b804-f231-4d0f-9596-08ca54de1496 {
--font-heading-scale: 0.9;
--font-body-scale: 1.0;
}
#fw-section-rich-text-02b6b804-f231-4d0f-9596-08ca54de1496 {

/* ========== GLOBAL ========== */
body {
  background-color: #070713;
  color: #FFFFFF;
  font-family: "Impact", "Anton", sans-serif;
  margin: 0;
  padding: 0;
}

/* ========== HEADINGS / TITLES ========== */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* TEAL accent heading when inside sections */
section h2 {
  color: #005F5B;
  border-bottom: 2px solid #005F5B;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* ========== BUTTONS ========== */
button, .button, a.button {
  background-color: #C46A36;
  color: #FFFFFF;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

/* Hover state = yellow text pop */
button:hover, .button:hover, a.button:hover {
  color: #D4A349;
}

/* ========== NAV BUTTON BLOCKS ========== */
nav a, .nav-button {
  background-color: #16244E;
  color: #FFFFFF;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  border: 2px solid transparent;
  transition: 0.2s ease;
}

/* Hover = yellow text + teal border accent */
nav a:hover, .nav-button:hover {
  color: #D4A349;
  border: 2px solid #005F5B;
}

/* Primary standout button that page forces light blue */
nav a.primary {
  background-color: #1B6E84; /* auto-assigned forced platform blue */
  color: #FFFFFF;
}

/* Hover again = yellow */
nav a.primary:hover {
  color: #D4A349;
}

/* ========== DIVIDERS / ACCENTS ========== */
hr, .divider {
  border: 1px solid #005F5B;
  margin: 20px 0;
}

/* ========== PRODUCT CARDS ========== */
.product-card {
  background-color: #16244E;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 14px;
  margin: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  border: 2px solid #005F5B;
  transition: 0.2s ease;
}

/* Card hover subtle lift but keep brand */
.product-card:hover {
  transform: translateY(-3px);
  border: 2px solid #C46A36;
}

/* ========== LOGO AREA ========== */
.logo-container {
  background: #16244E;
  padding: 18px;
  border-radius: 50%;
  border: 3px solid #005F5B;
  display: inline-block;
  margin-bottom: 20px;
}

/* ========== FOOTER / TEXT SUBTLE AREA ========== */
footer {
  background-color: #070713;
  color: #005F5B;
  text-align: center;
  padding: 16px;
  font-weight: 700;
  border-top: 2px solid #005F5B;
  font-size: 14px;
}

/* Optional grit texture hints if you use class names for image overlays */
.grit-accent {
  opacity: 0.85;
  mix-blend-mode: overlay;
}

}
#fw-section-donations-8ce9156c-d7bb-4b28-8784-58c029a204bb {
--color-primary: #c46a36;
--color-primary-rgb: 196, 106, 54;
--color-background: #031e43;
--color-background-rgb: 3, 30, 67;
--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: 26;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #031e43;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #c46a36;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* ========== GLOBAL ========== */
body {
  background-color: #070713;
  color: #FFFFFF;
  font-family: "Impact", "Anton", sans-serif;
  margin: 0;
  padding: 0;
}

/* ========== HEADINGS / TITLES ========== */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* TEAL accent heading when inside sections */
section h2 {
  color: #005F5B;
  border-bottom: 2px solid #005F5B;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* ========== BUTTONS ========== */
button, .button, a.button {
  background-color: #C46A36;
  color: #FFFFFF;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

/* Hover state = yellow text pop */
button:hover, .button:hover, a.button:hover {
  color: #D4A349;
}

/* ========== NAV BUTTON BLOCKS ========== */
nav a, .nav-button {
  background-color: #16244E;
  color: #FFFFFF;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  border: 2px solid transparent;
  transition: 0.2s ease;
}

/* Hover = yellow text + teal border accent */
nav a:hover, .nav-button:hover {
  color: #D4A349;
  border: 2px solid #005F5B;
}

/* Primary standout button that page forces light blue */
nav a.primary {
  background-color: #1B6E84; /* auto-assigned forced platform blue */
  color: #FFFFFF;
}

/* Hover again = yellow */
nav a.primary:hover {
  color: #D4A349;
}

/* ========== DIVIDERS / ACCENTS ========== */
hr, .divider {
  border: 1px solid #005F5B;
  margin: 20px 0;
}

/* ========== PRODUCT CARDS ========== */
.product-card {
  background-color: #16244E;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 14px;
  margin: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  border: 2px solid #005F5B;
  transition: 0.2s ease;
}

/* Card hover subtle lift but keep brand */
.product-card:hover {
  transform: translateY(-3px);
  border: 2px solid #C46A36;
}

/* ========== LOGO AREA ========== */
.logo-container {
  background: #16244E;
  padding: 18px;
  border-radius: 50%;
  border: 3px solid #005F5B;
  display: inline-block;
  margin-bottom: 20px;
}

/* ========== FOOTER / TEXT SUBTLE AREA ========== */
footer {
  background-color: #070713;
  color: #005F5B;
  text-align: center;
  padding: 16px;
  font-weight: 700;
  border-top: 2px solid #005F5B;
  font-size: 14px;
}

/* Optional grit texture hints if you use class names for image overlays */
.grit-accent {
  opacity: 0.85;
  mix-blend-mode: overlay;
}

}
#fw-section-rich-text-176430184839979 {

/* ========== GLOBAL ========== */
body {
  background-color: #070713;
  color: #FFFFFF;
  font-family: "Impact", "Anton", sans-serif;
  margin: 0;
  padding: 0;
}

/* ========== HEADINGS / TITLES ========== */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* TEAL accent heading when inside sections */
section h2 {
  color: #005F5B;
  border-bottom: 2px solid #005F5B;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* ========== BUTTONS ========== */
button, .button, a.button {
  background-color: #C46A36;
  color: #FFFFFF;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

/* Hover state = yellow text pop */
button:hover, .button:hover, a.button:hover {
  color: #D4A349;
}

/* ========== NAV BUTTON BLOCKS ========== */
nav a, .nav-button {
  background-color: #16244E;
  color: #FFFFFF;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  border: 2px solid transparent;
  transition: 0.2s ease;
}

/* Hover = yellow text + teal border accent */
nav a:hover, .nav-button:hover {
  color: #D4A349;
  border: 2px solid #005F5B;
}

/* Primary standout button that page forces light blue */
nav a.primary {
  background-color: #1B6E84; /* auto-assigned forced platform blue */
  color: #FFFFFF;
}

/* Hover again = yellow */
nav a.primary:hover {
  color: #D4A349;
}

/* ========== DIVIDERS / ACCENTS ========== */
hr, .divider {
  border: 1px solid #005F5B;
  margin: 20px 0;
}

/* ========== PRODUCT CARDS ========== */
.product-card {
  background-color: #16244E;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 14px;
  margin: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  border: 2px solid #005F5B;
  transition: 0.2s ease;
}

/* Card hover subtle lift but keep brand */
.product-card:hover {
  transform: translateY(-3px);
  border: 2px solid #C46A36;
}

/* ========== LOGO AREA ========== */
.logo-container {
  background: #16244E;
  padding: 18px;
  border-radius: 50%;
  border: 3px solid #005F5B;
  display: inline-block;
  margin-bottom: 20px;
}

/* ========== FOOTER / TEXT SUBTLE AREA ========== */
footer {
  background-color: #070713;
  color: #005F5B;
  text-align: center;
  padding: 16px;
  font-weight: 700;
  border-top: 2px solid #005F5B;
  font-size: 14px;
}

/* Optional grit texture hints if you use class names for image overlays */
.grit-accent {
  opacity: 0.85;
  mix-blend-mode: overlay;
}

}
#fw-section-links-list-6d1ac88b-e990-44f3-bb40-41cb4e522d1f {

/* ========== GLOBAL ========== */
body {
  background-color: #070713;
  color: #FFFFFF;
  font-family: "Impact", "Anton", sans-serif;
  margin: 0;
  padding: 0;
}

/* ========== HEADINGS / TITLES ========== */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* TEAL accent heading when inside sections */
section h2 {
  color: #005F5B;
  border-bottom: 2px solid #005F5B;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* ========== BUTTONS ========== */
button, .button, a.button {
  background-color: #C46A36;
  color: #FFFFFF;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

/* Hover state = yellow text pop */
button:hover, .button:hover, a.button:hover {
  color: #D4A349;
}

/* ========== NAV BUTTON BLOCKS ========== */
nav a, .nav-button {
  background-color: #16244E;
  color: #FFFFFF;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  border: 2px solid transparent;
  transition: 0.2s ease;
}

/* Hover = yellow text + teal border accent */
nav a:hover, .nav-button:hover {
  color: #D4A349;
  border: 2px solid #005F5B;
}

/* Primary standout button that page forces light blue */
nav a.primary {
  background-color: #1B6E84; /* auto-assigned forced platform blue */
  color: #FFFFFF;
}

/* Hover again = yellow */
nav a.primary:hover {
  color: #D4A349;
}

/* ========== DIVIDERS / ACCENTS ========== */
hr, .divider {
  border: 1px solid #005F5B;
  margin: 20px 0;
}

/* ========== PRODUCT CARDS ========== */
.product-card {
  background-color: #16244E;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 14px;
  margin: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  border: 2px solid #005F5B;
  transition: 0.2s ease;
}

/* Card hover subtle lift but keep brand */
.product-card:hover {
  transform: translateY(-3px);
  border: 2px solid #C46A36;
}

/* ========== LOGO AREA ========== */
.logo-container {
  background: #16244E;
  padding: 18px;
  border-radius: 50%;
  border: 3px solid #005F5B;
  display: inline-block;
  margin-bottom: 20px;
}

/* ========== FOOTER / TEXT SUBTLE AREA ========== */
footer {
  background-color: #070713;
  color: #005F5B;
  text-align: center;
  padding: 16px;
  font-weight: 700;
  border-top: 2px solid #005F5B;
  font-size: 14px;
}

/* Optional grit texture hints if you use class names for image overlays */
.grit-accent {
  opacity: 0.85;
  mix-blend-mode: overlay;
}

}
#fw-section-collections-list-44eb5d38-a230-4ee9-b9d1-da2f225aa362 {
--color-primary: #c46a36;
--color-primary-rgb: 196, 106, 54;
--color-background: #031e43;
--color-background-rgb: 3, 30, 67;
--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: 26;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #031e43;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #c46a36;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* ========== GLOBAL ========== */
body {
  background-color: #070713;
  color: #FFFFFF;
  font-family: "Impact", "Anton", sans-serif;
  margin: 0;
  padding: 0;
}

/* ========== HEADINGS / TITLES ========== */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* TEAL accent heading when inside sections */
section h2 {
  color: #005F5B;
  border-bottom: 2px solid #005F5B;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* ========== BUTTONS ========== */
button, .button, a.button {
  background-color: #C46A36;
  color: #FFFFFF;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

/* Hover state = yellow text pop */
button:hover, .button:hover, a.button:hover {
  color: #D4A349;
}

/* ========== NAV BUTTON BLOCKS ========== */
nav a, .nav-button {
  background-color: #16244E;
  color: #FFFFFF;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  border: 2px solid transparent;
  transition: 0.2s ease;
}

/* Hover = yellow text + teal border accent */
nav a:hover, .nav-button:hover {
  color: #D4A349;
  border: 2px solid #005F5B;
}

/* Primary standout button that page forces light blue */
nav a.primary {
  background-color: #1B6E84; /* auto-assigned forced platform blue */
  color: #FFFFFF;
}

/* Hover again = yellow */
nav a.primary:hover {
  color: #D4A349;
}

/* ========== DIVIDERS / ACCENTS ========== */
hr, .divider {
  border: 1px solid #005F5B;
  margin: 20px 0;
}

/* ========== PRODUCT CARDS ========== */
.product-card {
  background-color: #16244E;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 14px;
  margin: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  border: 2px solid #005F5B;
  transition: 0.2s ease;
}

/* Card hover subtle lift but keep brand */
.product-card:hover {
  transform: translateY(-3px);
  border: 2px solid #C46A36;
}

/* ========== LOGO AREA ========== */
.logo-container {
  background: #16244E;
  padding: 18px;
  border-radius: 50%;
  border: 3px solid #005F5B;
  display: inline-block;
  margin-bottom: 20px;
}

/* ========== FOOTER / TEXT SUBTLE AREA ========== */
footer {
  background-color: #070713;
  color: #005F5B;
  text-align: center;
  padding: 16px;
  font-weight: 700;
  border-top: 2px solid #005F5B;
  font-size: 14px;
}

/* Optional grit texture hints if you use class names for image overlays */
.grit-accent {
  opacity: 0.85;
  mix-blend-mode: overlay;
}

}
#fw-section-links-list-ff54a326-807e-47eb-b5e3-f5f838ced1b4 {

/* ========== GLOBAL ========== */
body {
  background-color: #070713;
  color: #FFFFFF;
  font-family: "Impact", "Anton", sans-serif;
  margin: 0;
  padding: 0;
}

/* ========== HEADINGS / TITLES ========== */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* TEAL accent heading when inside sections */
section h2 {
  color: #005F5B;
  border-bottom: 2px solid #005F5B;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* ========== BUTTONS ========== */
button, .button, a.button {
  background-color: #C46A36;
  color: #FFFFFF;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

/* Hover state = yellow text pop */
button:hover, .button:hover, a.button:hover {
  color: #D4A349;
}

/* ========== NAV BUTTON BLOCKS ========== */
nav a, .nav-button {
  background-color: #16244E;
  color: #FFFFFF;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  border: 2px solid transparent;
  transition: 0.2s ease;
}

/* Hover = yellow text + teal border accent */
nav a:hover, .nav-button:hover {
  color: #D4A349;
  border: 2px solid #005F5B;
}

/* Primary standout button that page forces light blue */
nav a.primary {
  background-color: #1B6E84; /* auto-assigned forced platform blue */
  color: #FFFFFF;
}

/* Hover again = yellow */
nav a.primary:hover {
  color: #D4A349;
}

/* ========== DIVIDERS / ACCENTS ========== */
hr, .divider {
  border: 1px solid #005F5B;
  margin: 20px 0;
}

/* ========== PRODUCT CARDS ========== */
.product-card {
  background-color: #16244E;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 14px;
  margin: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  border: 2px solid #005F5B;
  transition: 0.2s ease;
}

/* Card hover subtle lift but keep brand */
.product-card:hover {
  transform: translateY(-3px);
  border: 2px solid #C46A36;
}

/* ========== LOGO AREA ========== */
.logo-container {
  background: #16244E;
  padding: 18px;
  border-radius: 50%;
  border: 3px solid #005F5B;
  display: inline-block;
  margin-bottom: 20px;
}

/* ========== FOOTER / TEXT SUBTLE AREA ========== */
footer {
  background-color: #070713;
  color: #005F5B;
  text-align: center;
  padding: 16px;
  font-weight: 700;
  border-top: 2px solid #005F5B;
  font-size: 14px;
}

/* Optional grit texture hints if you use class names for image overlays */
.grit-accent {
  opacity: 0.85;
  mix-blend-mode: overlay;
}

}














#fw-section-hero-0 {
--font-heading-scale: 1.54;
--font-body-scale: 0.81;
}
#fw-section-hero-0 {
--color-primary: #c46a36;
--color-primary-rgb: 196, 106, 54;
--color-background: #031e43;
--color-background-rgb: 3, 30, 67;
--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: 26;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #031e43;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #c46a36;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* 🟦 Base */
body {
  background-color: #16244E !important; /* Dark Blue */
  color: #FFFFFF !important;           /* Default text = white */
}

/* 🟩 Headings = white fill, teal outline/glow */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF !important;              /* White letters */
  -webkit-text-stroke: 1px #005F5B;       /* Teal outline */
  text-shadow: 0 0 6px rgba(0,95,91,0.6); /* Teal glow */
  font-weight: 800;
}

/* Yellow divider line under headings (e.g. that teal bar) */
hr,
.section-divider,
.heading-divider {
  border: none !important;
  height: 2px;
  background-color: #D4A349 !important;  /* Sandy Yellow */
  margin: 0.8rem 0 1.5rem;
}

/* Main text stays white for readability */
p, li, span, div, label {
  color: #FFFFFF !important;
}

/* 🟧 Nav buttons: orange row, white text  */
button,
.btn,
.button,
.nav-button {
  background-color: #C46A36 !important;   /* Orange fill */
  color: #FFFFFF !important;             /* White text */
  border: 2px solid #005F5B !important;  /* Teal border */
  border-radius: 6px;
  font-weight: 700;
  padding: 0.6rem 1.8rem;
  text-transform: uppercase;

  /* Force them into a neat row */
  display: inline-block !important;
  width: auto !important;
  margin: 0 0.4rem 0;                    /* Space between buttons */
  transition: 0.25s ease;
}

/* 🟨 Hover: yellow text + yellow border, orange still under it */
button:hover,
.btn:hover,
.button:hover,
.nav-button:hover {
  background-color: #C46A36 !important;   /* Keep the orange block */
  color: #D4A349 !important;             /* Text turns Sandy Yellow */
  border-color: #D4A349 !important;      /* Border turns Sandy Yellow */
  box-shadow: 0 0 10px rgba(212,163,73,0.7);
}

/* Links in body copy */
a {
  color: #D4A349 !important;             /* Sandy Yellow */
  transition: 0.3s ease;
}

a:hover {
  color: #FFFFFF !important;             /* White on hover */
  text-shadow: 0 0 5px rgba(196,106,54,0.5); /* Orange haze */
}

/* Optional: logo ring */
.logo img {
  border-radius: 50% !important;
  border: 3px solid #005F5B !important;
  box-shadow: 0 0 12px rgba(0,95,91,0.3);
}

}
#fw-section-rich-text-0 {
--font-heading-scale: 1.08;
--font-body-scale: 1.46;
}
#fw-section-rich-text-0 {
--color-primary: #c46a36;
--color-primary-rgb: 196, 106, 54;
--color-background: #031e43;
--color-background-rgb: 3, 30, 67;
--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: 26;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #031e43;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #c46a36;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* ========== GLOBAL ========== */
body {
  background-color: #070713;
  color: #FFFFFF;
  font-family: "Impact", "Anton", sans-serif;
  margin: 0;
  padding: 0;
}

/* ========== HEADINGS / TITLES ========== */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* TEAL accent heading when inside sections */
section h2 {
  color: #005F5B;
  border-bottom: 2px solid #005F5B;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* ========== BUTTONS ========== */
button, .button, a.button {
  background-color: #C46A36;
  color: #FFFFFF;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

/* Hover state = yellow text pop */
button:hover, .button:hover, a.button:hover {
  color: #D4A349;
}

/* ========== NAV BUTTON BLOCKS ========== */
nav a, .nav-button {
  background-color: #16244E;
  color: #FFFFFF;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  border: 2px solid transparent;
  transition: 0.2s ease;
}

/* Hover = yellow text + teal border accent */
nav a:hover, .nav-button:hover {
  color: #D4A349;
  border: 2px solid #005F5B;
}

/* Primary standout button that page forces light blue */
nav a.primary {
  background-color: #1B6E84; /* auto-assigned forced platform blue */
  color: #FFFFFF;
}

/* Hover again = yellow */
nav a.primary:hover {
  color: #D4A349;
}

/* ========== DIVIDERS / ACCENTS ========== */
hr, .divider {
  border: 1px solid #005F5B;
  margin: 20px 0;
}

/* ========== PRODUCT CARDS ========== */
.product-card {
  background-color: #16244E;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 14px;
  margin: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  border: 2px solid #005F5B;
  transition: 0.2s ease;
}

/* Card hover subtle lift but keep brand */
.product-card:hover {
  transform: translateY(-3px);
  border: 2px solid #C46A36;
}

/* ========== LOGO AREA ========== */
.logo-container {
  background: #16244E;
  padding: 18px;
  border-radius: 50%;
  border: 3px solid #005F5B;
  display: inline-block;
  margin-bottom: 20px;
}

/* ========== FOOTER / TEXT SUBTLE AREA ========== */
footer {
  background-color: #070713;
  color: #005F5B;
  text-align: center;
  padding: 16px;
  font-weight: 700;
  border-top: 2px solid #005F5B;
  font-size: 14px;
}

/* Optional grit texture hints if you use class names for image overlays */
.grit-accent {
  opacity: 0.85;
  mix-blend-mode: overlay;
}

}

#fw-section-footer {
--font-heading-scale: 1.27;
--font-body-scale: 1.2;
}
#fw-section-footer {
--color-primary: #c46a36;
--color-primary-rgb: 196, 106, 54;
--color-background: #031e43;
--color-background-rgb: 3, 30, 67;
--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: 26;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #031e43;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #c46a36;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* ========== GLOBAL ========== */
body {
  background-color: #070713;
  color: #FFFFFF;
  font-family: "Impact", "Anton", sans-serif;
  margin: 0;
  padding: 0;
}

/* ========== HEADINGS / TITLES ========== */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* TEAL accent heading when inside sections */
section h2 {
  color: #005F5B;
  border-bottom: 2px solid #005F5B;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* ========== BUTTONS ========== */
button, .button, a.button {
  background-color: #C46A36;
  color: #FFFFFF;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

/* Hover state = yellow text pop */
button:hover, .button:hover, a.button:hover {
  color: #D4A349;
}

/* ========== NAV BUTTON BLOCKS ========== */
nav a, .nav-button {
  background-color: #16244E;
  color: #FFFFFF;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  border: 2px solid transparent;
  transition: 0.2s ease;
}

/* Hover = yellow text + teal border accent */
nav a:hover, .nav-button:hover {
  color: #D4A349;
  border: 2px solid #005F5B;
}

/* Primary standout button that page forces light blue */
nav a.primary {
  background-color: #1B6E84; /* auto-assigned forced platform blue */
  color: #FFFFFF;
}

/* Hover again = yellow */
nav a.primary:hover {
  color: #D4A349;
}

/* ========== DIVIDERS / ACCENTS ========== */
hr, .divider {
  border: 1px solid #005F5B;
  margin: 20px 0;
}

/* ========== PRODUCT CARDS ========== */
.product-card {
  background-color: #16244E;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 14px;
  margin: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  border: 2px solid #005F5B;
  transition: 0.2s ease;
}

/* Card hover subtle lift but keep brand */
.product-card:hover {
  transform: translateY(-3px);
  border: 2px solid #C46A36;
}

/* ========== LOGO AREA ========== */
.logo-container {
  background: #16244E;
  padding: 18px;
  border-radius: 50%;
  border: 3px solid #005F5B;
  display: inline-block;
  margin-bottom: 20px;
}

/* ========== FOOTER / TEXT SUBTLE AREA ========== */
footer {
  background-color: #070713;
  color: #005F5B;
  text-align: center;
  padding: 16px;
  font-weight: 700;
  border-top: 2px solid #005F5B;
  font-size: 14px;
}

/* Optional grit texture hints if you use class names for image overlays */
.grit-accent {
  opacity: 0.85;
  mix-blend-mode: overlay;
}

}
#fw-section-header {
--color-primary: #c46a36;
--color-primary-rgb: 196, 106, 54;
--color-background: #031e43;
--color-background-rgb: 3, 30, 67;
--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: 26;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #031e43;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #c46a36;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}











#fw-section-password {

/* ========== GLOBAL ========== */
body {
  background-color: #070713;
  color: #FFFFFF;
  font-family: "Impact", "Anton", sans-serif;
  margin: 0;
  padding: 0;
}

/* ========== HEADINGS / TITLES ========== */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* TEAL accent heading when inside sections */
section h2 {
  color: #005F5B;
  border-bottom: 2px solid #005F5B;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* ========== BUTTONS ========== */
button, .button, a.button {
  background-color: #C46A36;
  color: #FFFFFF;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

/* Hover state = yellow text pop */
button:hover, .button:hover, a.button:hover {
  color: #D4A349;
}

/* ========== NAV BUTTON BLOCKS ========== */
nav a, .nav-button {
  background-color: #16244E;
  color: #FFFFFF;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  border: 2px solid transparent;
  transition: 0.2s ease;
}

/* Hover = yellow text + teal border accent */
nav a:hover, .nav-button:hover {
  color: #D4A349;
  border: 2px solid #005F5B;
}

/* Primary standout button that page forces light blue */
nav a.primary {
  background-color: #1B6E84; /* auto-assigned forced platform blue */
  color: #FFFFFF;
}

/* Hover again = yellow */
nav a.primary:hover {
  color: #D4A349;
}

/* ========== DIVIDERS / ACCENTS ========== */
hr, .divider {
  border: 1px solid #005F5B;
  margin: 20px 0;
}

/* ========== PRODUCT CARDS ========== */
.product-card {
  background-color: #16244E;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 14px;
  margin: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  border: 2px solid #005F5B;
  transition: 0.2s ease;
}

/* Card hover subtle lift but keep brand */
.product-card:hover {
  transform: translateY(-3px);
  border: 2px solid #C46A36;
}

/* ========== LOGO AREA ========== */
.logo-container {
  background: #16244E;
  padding: 18px;
  border-radius: 50%;
  border: 3px solid #005F5B;
  display: inline-block;
  margin-bottom: 20px;
}

/* ========== FOOTER / TEXT SUBTLE AREA ========== */
footer {
  background-color: #070713;
  color: #005F5B;
  text-align: center;
  padding: 16px;
  font-weight: 700;
  border-top: 2px solid #005F5B;
  font-size: 14px;
}

/* Optional grit texture hints if you use class names for image overlays */
.grit-accent {
  opacity: 0.85;
  mix-blend-mode: overlay;
}

}