Embed

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Support SBWPC | Donate</title>
<meta name="description" content="Support SBWPC's voter education, feminist leadership, public-policy advocacy and civic participation throughout Santa Barbara County.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&display=swap" rel="stylesheet">
<style>
#sbwpc-donate-editorial,
#sbwpc-donate-editorial *{box-sizing:border-box}

#sbwpc-donate-editorial{
  --navy:#08244f;
  --navy-deep:#051a3a;
  --ivory:#f7f1e8;
  --white:#ffffff;
  --orange:#e76d48;
  --gold:#a97824;
  --soft-blue:#eaf2f8;
  --ink:#162235;
  --muted:#625f5a;
  --line:#d6cec1;
  width:100%;
  overflow:hidden;
  background:var(--ivory);
  color:var(--ink);
  font-family:Inter,Arial,Helvetica,sans-serif;
}

#sbwpc-donate-editorial a{color:inherit}
#sbwpc-donate-editorial button{font:inherit}
#sbwpc-donate-editorial .dn-shell{width:min(1080px,calc(100% - 28px));margin:0 auto}
#sbwpc-donate-editorial .dn-topline{height:7px;background:var(--orange)}

#sbwpc-donate-editorial .dn-hero{
  padding:clamp(58px,8vw,94px) 0 clamp(48px,6vw,72px);
  border-bottom:1px solid var(--line);
}

#sbwpc-donate-editorial .dn-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
  gap:36px;
  align-items:end;
}

#sbwpc-donate-editorial .dn-kicker{
  margin:0;
  color:var(--orange);
  font-size:11px;
  line-height:1.3;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}

#sbwpc-donate-editorial h1{
  max-width:760px;
  margin:14px 0 0;
  color:var(--navy);
  font-size:clamp(38px,5.5vw,64px);
  line-height:1;
  letter-spacing:-.05em;
  font-weight:900;
}

#sbwpc-donate-editorial .dn-lead{
  max-width:760px;
  margin:20px 0 0;
  color:#445167;
  font-size:clamp(16px,1.7vw,19px);
  line-height:1.68;
}

#sbwpc-donate-editorial .dn-action-panel{
  padding:24px;
  border:1px solid var(--line);
  border-top:6px solid var(--navy);
  background:var(--white);
}

#sbwpc-donate-editorial .dn-action-panel small{
  display:block;
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

#sbwpc-donate-editorial .dn-action-panel strong{
  display:block;
  margin-top:8px;
  color:var(--navy);
  font-size:clamp(19px,2.3vw,26px);
  line-height:1.2;
  letter-spacing:-.025em;
  font-weight:900;
}

#sbwpc-donate-editorial .dn-action-panel p{
  margin:9px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.58;
}

#sbwpc-donate-editorial .dn-button{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border:2px solid transparent;
  text-decoration:none;
  text-align:center;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
}

#sbwpc-donate-editorial .dn-button.primary{
  width:100%;
  margin-top:18px;
  border-color:var(--orange);
  background:var(--orange);
  color:var(--white);
}

#sbwpc-donate-editorial .dn-button.secondary{
  border-color:var(--navy);
  background:var(--white);
  color:var(--navy);
}

#sbwpc-donate-editorial .dn-button.secondary:hover,
#sbwpc-donate-editorial .dn-button.secondary:focus-visible{
  background:var(--navy);
  color:var(--white);
}

#sbwpc-donate-editorial .dn-content{
  padding:clamp(42px,6vw,68px) 0;
}

#sbwpc-donate-editorial .dn-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);
  gap:28px;
  align-items:end;
  margin-bottom:20px;
}

#sbwpc-donate-editorial .dn-section-head h2{
  margin:0;
  color:var(--navy);
  font-size:clamp(28px,3.8vw,44px);
  line-height:1.04;
  letter-spacing:-.045em;
  font-weight:900;
}

#sbwpc-donate-editorial .dn-section-head p{
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.65;
}

#sbwpc-donate-editorial .dn-expander{
  border:1px solid var(--line);
  background:var(--white);
}

#sbwpc-donate-editorial .dn-expander summary{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:18px 19px;
  list-style:none;
  cursor:pointer;
}

#sbwpc-donate-editorial .dn-expander summary::-webkit-details-marker{display:none}
#sbwpc-donate-editorial .dn-expander[open] summary{background:var(--navy);color:var(--white)}

#sbwpc-donate-editorial .dn-index{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  background:var(--soft-blue);
  color:var(--navy);
  font-size:11px;
  font-weight:900;
}

#sbwpc-donate-editorial .dn-expander[open] .dn-index{
  background:var(--orange);
  color:var(--white);
}

#sbwpc-donate-editorial .dn-expander-title small{
  display:block;
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#sbwpc-donate-editorial .dn-expander[open] .dn-expander-title small{color:#f0d59c}

#sbwpc-donate-editorial .dn-expander-title strong{
  display:block;
  margin-top:4px;
  color:var(--navy);
  font-size:17px;
  line-height:1.25;
  font-weight:900;
}

#sbwpc-donate-editorial .dn-expander[open] .dn-expander-title strong{color:var(--white)}

#sbwpc-donate-editorial .dn-toggle{
  color:var(--navy);
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}

#sbwpc-donate-editorial .dn-expander[open] .dn-toggle{color:var(--white)}

#sbwpc-donate-editorial .dn-expander-body{
  padding:20px;
  border-top:1px solid var(--line);
}

#sbwpc-donate-editorial .dn-impact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

#sbwpc-donate-editorial .dn-impact{
  padding:17px;
  border:1px solid var(--line);
  border-left:5px solid var(--navy);
  background:var(--white);
}

#sbwpc-donate-editorial .dn-impact:nth-child(2){border-left-color:var(--orange)}
#sbwpc-donate-editorial .dn-impact:nth-child(3){border-left-color:var(--gold)}
#sbwpc-donate-editorial .dn-impact:nth-child(4){border-left-color:var(--navy-deep)}

#sbwpc-donate-editorial .dn-impact strong{
  display:block;
  color:var(--navy);
  font-size:17px;
  line-height:1.25;
  font-weight:900;
}

#sbwpc-donate-editorial .dn-impact span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}

#sbwpc-donate-editorial .dn-membership{
  margin-top:22px;
  padding:22px;
  border:1px solid var(--line);
  background:var(--soft-blue);
}

#sbwpc-donate-editorial .dn-membership-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
}

#sbwpc-donate-editorial .dn-membership small{
  display:block;
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

#sbwpc-donate-editorial .dn-membership strong{
  display:block;
  margin-top:6px;
  color:var(--navy);
  font-size:clamp(19px,2.3vw,26px);
  line-height:1.2;
  letter-spacing:-.025em;
  font-weight:900;
}

#sbwpc-donate-editorial .dn-membership p{
  max-width:720px;
  margin:8px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.58;
}

#sbwpc-donate-editorial .dn-note{
  margin-top:20px;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}

#sbwpc-donate-editorial .dn-footer{
  padding:26px 0;
  background:var(--navy);
  color:var(--white);
}

#sbwpc-donate-editorial .dn-footer-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}

#sbwpc-donate-editorial .dn-footer strong{
  font-size:clamp(19px,2.3vw,26px);
  font-weight:900;
}

#sbwpc-donate-editorial .dn-footer span{
  display:block;
  margin-top:4px;
  color:#dce7f3;
  font-size:12px;
}

#sbwpc-donate-editorial :focus-visible{
  outline:3px solid var(--orange);
  outline-offset:3px;
}

@media(max-width:820px){
  #sbwpc-donate-editorial .dn-hero-grid,
  #sbwpc-donate-editorial .dn-section-head,
  #sbwpc-donate-editorial .dn-membership-grid{
    grid-template-columns:1fr;
  }

  #sbwpc-donate-editorial .dn-impact-grid{
    grid-template-columns:1fr;
  }

  #sbwpc-donate-editorial .dn-membership .dn-button{
    width:100%;
  }
}

@media(max-width:620px){
  #sbwpc-donate-editorial .dn-shell{width:calc(100% - 16px)}

  #sbwpc-donate-editorial .dn-expander summary{
    grid-template-columns:auto minmax(0,1fr);
  }

  #sbwpc-donate-editorial .dn-toggle{grid-column:2}

  #sbwpc-donate-editorial .dn-footer-inner{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(prefers-reduced-motion:reduce){
  #sbwpc-donate-editorial *,
  #sbwpc-donate-editorial *::before,
  #sbwpc-donate-editorial *::after{
    scroll-behavior:auto!important;
    transition:none!important;
  }
}
</style>
</head>
<body style="margin:0">
<main id="sbwpc-donate-editorial">
<div class="dn-topline" id="dn-top"></div>

<section class="dn-hero">
  <div class="dn-shell dn-hero-grid">
    <div>
      <p class="dn-kicker">Support Feminist Political Leadership</p>
      <h1>Support SBWPC</h1>
      <p class="dn-lead">Your contribution strengthens feminist leadership, voter education, candidate engagement, public-policy advocacy and civic participation throughout Santa Barbara County.</p>
    </div>

    <aside class="dn-action-panel" aria-label="Donate to SBWPC">
      <small>Direct Contribution</small>
      <strong>Make a secure donation.</strong>
      <p>The donation form opens in a secure Jotform payment window.</p>
      <a class="dn-button primary" href="https://pci.jotform.com/form/261401443369151" target="_blank" rel="noopener noreferrer">Donate Today</a>
    </aside>
  </div>
</section>

<section class="dn-content">
  <div class="dn-shell">
    <div class="dn-section-head">
      <h2>One contribution. Broad civic impact.</h2>
      <p>The page stays intentionally simple. Readers can donate immediately or open one concise section to understand how contributions support SBWPCâs work.</p>
    </div>

    <details class="dn-expander">
      <summary>
        <span class="dn-index">01</span>
        <span class="dn-expander-title">
          <small>How Your Contribution Helps</small>
          <strong>See the work your support makes possible</strong>
        </span>
        <span class="dn-toggle">Expand</span>
      </summary>

      <div class="dn-expander-body">
        <div class="dn-impact-grid">
          <article class="dn-impact">
            <strong>Voter education</strong>
            <span>Election information, voting resources and nonpartisan civic education.</span>
          </article>

          <article class="dn-impact">
            <strong>Candidate engagement</strong>
            <span>Candidate assessment, public forums and leadership-development opportunities.</span>
          </article>

          <article class="dn-impact">
            <strong>Advocacy and coalitions</strong>
            <span>Public-policy education, community partnerships and coordinated civic action.</span>
          </article>

          <article class="dn-impact">
            <strong>Accessible public resources</strong>
            <span>Events, workshops, digital tools and printed materials for the community.</span>
          </article>
        </div>
      </div>
    </details>

    <section class="dn-membership" aria-labelledby="dn-membership-title">
      <div class="dn-membership-grid">
        <div>
          <small>Looking for Membership?</small>
          <strong id="dn-membership-title">Join the organization.</strong>
          <p>Membership is separate from giving. Join SBWPC to participate in committees, programs, endorsement meetings and organizational activities.</p>
        </div>
        <a class="dn-button secondary" href="https://sbwpc.org/join/membership-benefits" target="_top">Explore Membership</a>
      </div>
    </section>

    <p class="dn-note">Contribution information is collected through SBWPCâs secure donation form, including information required for political reporting where applicable.</p>
  </div>
</section>

<footer class="dn-footer">
  <div class="dn-shell dn-footer-inner">
    <div>
      <strong>Santa Barbara Womenâs Political Committee</strong>
      <span>Access Â· Voice Â· Power</span>
    </div>
    <a class="dn-button secondary" href="#dn-top">Back to Top â</a>
  </div>
</footer>
</main>

<script>
(() => {
  "use strict";
  const root = document.getElementById("sbwpc-donate-editorial");
  if (!root) return;

  const expander = root.querySelector(".dn-expander");
  const toggle = root.querySelector(".dn-toggle");

  if (expander && toggle) {
    const updateLabel = () => {
      toggle.textContent = expander.open ? "Collapse" : "Expand";
    };
    expander.addEventListener("toggle", updateLabel);
    updateLabel();
  }
})();
</script>
</body>
</html>

Santa Barbara Women's Political Committee

The Santa Barbara Women’s Political Committee (SBWPC) is a non‑partisan political action committee based in Santa Barbara County, United States, that advances inclusive, intersectional and progressive feminist values. Guided by these principles, SBWPC endorses candidates who support its feminist agenda and work to combat discrimination based on gender, race, ethnicity, sexual orientation, gender identity, religion, age or ability. The organization focuses on social action and advocacy to promote equity and representation. 