/*
 * WETNG source-content styles.
 * These styles are intentionally scoped so they can coexist with Divi.
 * Recreate these values as Divi Global Presets when the native Divi layout is built.
 */
.wetng-page {
  --wetng-teal: #0c7773;
  --wetng-teal-dark: #08514f;
  --wetng-orange: #f37c28;
  --wetng-orange-dark: #b5501a;
  --wetng-light: #f9fafa;
  --wetng-dark: #2c3333;
  --wetng-border: #eaeaea;
  color: var(--wetng-dark);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
}
.wetng-page *, .wetng-page *::before, .wetng-page *::after { box-sizing: border-box; }
.wetng-page h1, .wetng-page h2, .wetng-page h3, .wetng-page h4 {
  color: var(--wetng-dark);
  font-family: Poppins, Inter, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 1rem;
}
.wetng-page h1 { font-size: clamp(2.5rem, 6vw, 3rem); }
.wetng-one-page section { scroll-margin-top: 6rem; }
.wetng-eyebrow { color: var(--wetng-teal); font-size: .8rem; font-weight: 700; letter-spacing: .12em; margin-bottom: .75rem; text-transform: uppercase; }
.wetng-page h2 { font-size: clamp(1.875rem, 4vw, 2.25rem); margin-top: 2rem; }
.wetng-page h3 { font-size: clamp(1.25rem, 3vw, 1.5rem); }
.wetng-page p, .wetng-page ul, .wetng-page ol { margin: 0 0 1rem; }
.wetng-page ul, .wetng-page ol { padding-left: 1.5rem; }
.wetng-page a { color: var(--wetng-teal); font-weight: 600; }
.wetng-page a:hover { color: var(--wetng-teal-dark); }
.wetng-container { margin: 0 auto; max-width: 1200px; padding-left: 1rem; padding-right: 1rem; }
.wetng-container--narrow { max-width: 900px; }
.wetng-section { padding: 3rem 0; }
.wetng-section--light { background: var(--wetng-light); }
.wetng-hero { text-align: center; }
.wetng-hero--gradient { background: linear-gradient(135deg, var(--wetng-teal) 0%, var(--wetng-teal-dark) 100%); color: #fff; padding: 5rem 0; }
.wetng-hero--gradient h1, .wetng-hero--gradient h2, .wetng-hero--gradient h3 { color: #fff; }
.wetng-hero--gradient a { color: var(--wetng-teal); }
.wetng-hero--soft { background: linear-gradient(180deg, #f0fdfb 0%, #fff 100%); padding: 4rem 0; }
.wetng-donate-section { background: var(--wetng-teal); color: #fff; }
.wetng-donate-section h2, .wetng-donate-section .wetng-eyebrow { color: #fff; }
.wetng-lead { font-size: clamp(1.125rem, 2.5vw, 1.5rem); margin-left: auto; margin-right: auto; max-width: 48rem; }
.wetng-card-grid { display: grid; gap: 1.5rem; margin: 2rem 0; }
.wetng-card-grid--two { grid-template-columns: 1fr; }
.wetng-card-grid--three { grid-template-columns: 1fr; }
.wetng-card { background: #fff; border: 1px solid var(--wetng-border); border-radius: .75rem; box-shadow: 0 1px 3px rgba(0,0,0,.1); padding: 1.5rem; }
.wetng-card h2, .wetng-card h3 { margin-top: 0; }
.wetng-card--teal { background: #f0fdfb; }
.wetng-card--orange { background: #fffbf5; }
.wetng-card--muted { background: var(--wetng-light); margin-top: 2rem; }
.wetng-stat-grid { display: grid; gap: 1rem; margin: 1.5rem 0; }
.wetng-stat-grid--two { grid-template-columns: 1fr 1fr; }
.wetng-stat { background: #fff; border: 1px solid var(--wetng-border); border-radius: .75rem; padding: 1.25rem; text-align: center; }
.wetng-stat strong { color: var(--wetng-teal); display: block; font-size: 2rem; line-height: 1.1; margin-bottom: .5rem; }
.wetng-stat span { display: block; font-size: .875rem; }
.wetng-program-list { display: grid; gap: 1.5rem; margin-top: 2rem; }
.wetng-program { border-left: 4px solid var(--wetng-teal); padding: .5rem 0 .5rem 1.25rem; }
.wetng-program h2 { margin-top: 0; }
.wetng-impact-list li { margin-bottom: .75rem; }
.wetng-button-row { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; }
.wetng-button { border-radius: .5rem; display: inline-block; padding: .75rem 1.5rem; text-decoration: none; transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.wetng-button:hover { transform: translateY(-1px); }
.wetng-button:focus-visible, .wetng-page a:focus-visible, .wetng-page summary:focus-visible { outline: 3px solid #33ddce; outline-offset: 3px; }
.wetng-button--primary { background: var(--wetng-teal); color: #fff !important; }
.wetng-button--primary:hover { background: var(--wetng-teal-dark); }
.wetng-button--secondary { border: 2px solid var(--wetng-teal); color: var(--wetng-teal) !important; }
.wetng-button--accent { background: var(--wetng-orange); color: #fff !important; }
.wetng-button--accent:hover { background: var(--wetng-orange-dark); }
.wetng-button--light { background: #fff; color: var(--wetng-teal) !important; }
/* Divi 5 Button modules receive the WETNG class on their wrapper. Keep the
 * same visual treatment as the semantic fallback links. */
.wetng-button.et_pb_button_module_wrapper { background: transparent; padding: 0; }
.wetng-button.et_pb_button_module_wrapper > a { border-radius: .5rem; display: inline-block; padding: .75rem 1.5rem; text-decoration: none; }
.wetng-button.et_pb_button_module_wrapper.wetng-button--primary > a { background: var(--wetng-teal); color: #fff !important; }
.wetng-button.et_pb_button_module_wrapper.wetng-button--secondary > a { background: transparent; border: 2px solid var(--wetng-teal); color: var(--wetng-teal) !important; }
.wetng-button.et_pb_button_module_wrapper.wetng-button--accent > a { background: var(--wetng-orange); color: #fff !important; }
.wetng-button.et_pb_button_module_wrapper.wetng-button--light > a { background: #fff; color: var(--wetng-teal) !important; }
.wetng-centered { text-align: center; }
.wetng-donate-grid { display: grid; gap: 2rem; }
.wetng-donate-card { text-align: center; }
.wetng-impact-item { border-top: 1px solid var(--wetng-border); margin-top: 1rem; padding-top: 1rem; }
.wetng-impact-item h3 { color: var(--wetng-teal); font-size: 1rem; text-transform: uppercase; }
.wetng-note { background: var(--wetng-light); border-radius: .5rem; margin-top: 1rem; padding: 1rem; }
.wetng-note p { font-size: .875rem; margin-bottom: .5rem; }
.wetng-note p:last-child { margin-bottom: 0; }
.wetng-faq { background: #fff; border: 1px solid var(--wetng-border); border-radius: .5rem; margin: .75rem 0; padding: 1rem; }
.wetng-faq summary { cursor: pointer; font-weight: 600; }
.wetng-faq p { margin: 1rem 0 0; }
.wetng-label { color: #4b5563; font-size: .875rem; }
.wetng-small { color: #6b7280; font-size: .875rem; }
.wetng-social { border-top: 1px solid var(--wetng-border); margin-top: 2rem; padding-top: 2rem; }
.wetng-social a { margin: 0 .5rem; }
@media (min-width: 768px) {
  .wetng-container { padding-left: 2rem; padding-right: 2rem; }
  .wetng-section { padding: 4rem 0; }
  .wetng-card-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wetng-card-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wetng-stat-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wetng-donate-grid { grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); }
}
@media (prefers-color-scheme: dark) {
  .wetng-page { color: #f9fafa; }
  .wetng-page h1, .wetng-page h2, .wetng-page h3, .wetng-page h4 { color: #f9fafa; }
  .wetng-section--light, .wetng-card--muted, .wetng-note { background: #2c3333; }
  .wetng-card, .wetng-stat, .wetng-faq { background: #202626; border-color: #404242; }
  .wetng-card--teal { background: #153a39; }
  .wetng-card--orange { background: #3a281b; }
  .wetng-hero--soft { background: linear-gradient(180deg, #153a39 0%, #202626 100%); }
  .wetng-eyebrow { color: #66e6db; }
  .wetng-page a { color: #66e6db; }
  .wetng-stat strong { color: #66e6db; }
}
@media (prefers-reduced-motion: reduce) {
  .wetng-button { transition: none; }
  .wetng-button:hover { transform: none; }
}