Embed

<section id="sbwpc-request-endorsement-page" aria-label="Request SBWPC endorsement consideration">
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

#sbwpc-request-endorsement-page,
#sbwpc-request-endorsement-page *{box-sizing:border-box}

#sbwpc-request-endorsement-page{
  --navy:#08244f;
  --navy-deep:#051a3a;
  --orange:#e9783f;
  --gold:#b28a40;
  --cream:#f5f0e8;
  --white:#ffffff;
  --ink:#162235;
  --muted:#5f6b7c;
  --line:#d7d2c9;
  --soft-blue:#edf3f8;
  --soft-orange:#fff1e8;
  --soft-green:#e9f3ee;
  width:100%;
  margin:0;
  overflow:hidden;
  background:var(--cream);
  color:var(--ink);
  font-family:Inter,Arial,Helvetica,sans-serif;
  line-height:1.55;
}

#sbwpc-request-endorsement-page a{
  color:inherit;
  text-decoration:none;
}

#sbwpc-request-endorsement-page button{
  font:inherit;
}

#sbwpc-request-endorsement-page [hidden]{
  display:none!important;
}

#sbwpc-request-endorsement-page .request-shell{
  width:min(1180px,calc(100% - 28px));
  margin:0 auto;
}

#sbwpc-request-endorsement-page .request-label,
#sbwpc-request-endorsement-page .request-card-label,
#sbwpc-request-endorsement-page .request-modal-label{
  margin:0 0 8px;
  color:var(--orange);
  font-size:10px;
  font-weight:900;
  line-height:1.35;
  letter-spacing:.09em;
  text-transform:uppercase;
  text-align:left;
}

#sbwpc-request-endorsement-page .request-button{
  display:inline-flex;
  width:auto;
  min-height:46px;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border:1px solid var(--navy);
  border-radius:3px;
  background:var(--navy);
  color:var(--white);
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  text-align:center;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform .18s ease,opacity .18s ease;
}

#sbwpc-request-endorsement-page .request-button:hover,
#sbwpc-request-endorsement-page .request-button:focus-visible{
  transform:translateY(-1px);
  opacity:.94;
}

#sbwpc-request-endorsement-page .request-button.orange{
  border-color:var(--orange);
  background:var(--orange);
  color:#1e2837;
}

#sbwpc-request-endorsement-page .request-button.light{
  border-color:var(--line);
  background:var(--white);
  color:var(--navy);
}

#sbwpc-request-endorsement-page .request-hero{
  padding:clamp(58px,8vw,88px) 0;
  border-bottom:1px solid var(--line);
  background:var(--soft-blue);
}

#sbwpc-request-endorsement-page .request-hero-inner{
  max-width:860px;
}

#sbwpc-request-endorsement-page .request-hero h1{
  margin:0;
  color:var(--navy);
  font-size:clamp(42px,5.45vw,66px);
  font-weight:900;
  line-height:.98;
  letter-spacing:-.052em;
}

#sbwpc-request-endorsement-page .request-lead{
  max-width:760px;
  margin:18px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.62;
}

#sbwpc-request-endorsement-page .request-section{
  padding:clamp(52px,7vw,78px) 0;
  border-bottom:1px solid var(--line);
}

#sbwpc-request-endorsement-page .request-section.white{
  background:var(--white);
}

#sbwpc-request-endorsement-page .request-section.cream{
  background:var(--cream);
}

#sbwpc-request-endorsement-page .request-section-head{
  margin-bottom:25px;
}

#sbwpc-request-endorsement-page .request-section-head h2{
  margin:0;
  color:var(--navy);
  font-size:clamp(24px,2.8vw,34px);
  font-weight:900;
  line-height:1.08;
  letter-spacing:-.03em;
}

#sbwpc-request-endorsement-page .request-primary-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  padding:clamp(28px,4vw,42px);
  border:1px solid var(--line);
  background:var(--soft-blue);
}

#sbwpc-request-endorsement-page .request-primary-card h3{
  margin:0;
  color:var(--navy);
  font-size:24px;
  font-weight:900;
  line-height:1.1;
  letter-spacing:-.035em;
}

#sbwpc-request-endorsement-page .request-primary-card p{
  margin:10px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.58;
}

#sbwpc-request-endorsement-page .request-link-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

#sbwpc-request-endorsement-page .request-link-card{
  min-height:225px;
  display:flex;
  flex-direction:column;
  padding:21px;
  border:1px solid var(--line);
  background:var(--white);
}

#sbwpc-request-endorsement-page .request-link-card:nth-child(2){
  background:var(--soft-green);
}

#sbwpc-request-endorsement-page .request-link-card:nth-child(3){
  background:var(--soft-orange);
}

#sbwpc-request-endorsement-page .request-link-card h3{
  margin:25px 0 0;
  color:var(--navy);
  font-size:24px;
  font-weight:900;
  line-height:1.1;
  letter-spacing:-.035em;
}

#sbwpc-request-endorsement-page .request-link-card p{
  margin:9px 0 18px;
  color:var(--muted);
  font-size:13px;
  line-height:1.58;
}

#sbwpc-request-endorsement-page .request-link-card .request-button{
  margin-top:auto;
  align-self:flex-start;
}

#sbwpc-request-endorsement-page .request-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(5,26,58,.72);
}

#sbwpc-request-endorsement-page .request-modal{
  width:min(920px,100%);
  max-height:calc(100vh - 36px);
  overflow:auto;
  padding:22px;
  border:1px solid var(--line);
  background:var(--white);
  box-shadow:0 22px 70px rgba(5,26,58,.28);
}

#sbwpc-request-endorsement-page .request-modal-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}

#sbwpc-request-endorsement-page .request-modal h2{
  margin:0;
  color:var(--navy);
  font-size:clamp(24px,2.8vw,34px);
  font-weight:900;
  line-height:1.08;
  letter-spacing:-.03em;
}

#sbwpc-request-endorsement-page .request-modal-close{
  flex:0 0 auto;
  width:44px;
  height:44px;
  border:1px solid var(--line);
  border-radius:3px;
  background:var(--white);
  color:var(--navy);
  font-size:24px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
}

#sbwpc-request-endorsement-page .request-form-frame{
  display:block;
  width:100%;
  height:690px;
  border:1px solid var(--line);
  background:var(--cream);
}

#sbwpc-request-endorsement-page .request-form-fallback{
  margin-top:14px;
}

#sbwpc-request-endorsement-page :focus-visible{
  outline:3px solid var(--orange);
  outline-offset:3px;
}

@media(max-width:860px){
  #sbwpc-request-endorsement-page .request-primary-card,
  #sbwpc-request-endorsement-page .request-link-grid{
    grid-template-columns:1fr;
  }

  #sbwpc-request-endorsement-page .request-primary-card .request-button{
    justify-self:start;
  }
}

@media(max-width:560px){
  #sbwpc-request-endorsement-page .request-shell{
    width:calc(100% - 16px);
  }

  #sbwpc-request-endorsement-page .request-button{
    width:100%;
  }

  #sbwpc-request-endorsement-page .request-primary-card .request-button,
  #sbwpc-request-endorsement-page .request-link-card .request-button{
    width:100%;
  }

  #sbwpc-request-endorsement-page .request-modal{
    padding:14px;
  }

  #sbwpc-request-endorsement-page .request-form-frame{
    height:620px;
  }
}

@media(prefers-reduced-motion:reduce){
  #sbwpc-request-endorsement-page *{
    transition:none!important;
    scroll-behavior:auto!important;
  }
}
</style>

<section class="request-hero">
  <div class="request-shell request-hero-inner">
    <p class="request-label">2026 General Election</p>
    <h1>Request Endorsement Consideration</h1>
    <p class="request-lead">Candidates seeking SBWPC endorsement for the November 3, 2026 General Election may submit a request for consideration.</p>
  </div>
</section>

<section class="request-section white">
  <div class="request-shell">
    <div class="request-section-head">
      <p class="request-label">SBWPC Endorsement Process</p>
      <h2>Seeking SBWPC endorsement</h2>
    </div>

    <article class="request-primary-card">
      <div>
        <p class="request-card-label">2026 General Election</p>
        <h3>Request Endorsement Consideration</h3>
        <p>Official SBWPC candidate endorsement request form.</p>
      </div>
      <button class="request-button orange" type="button" data-request-open>Start Request</button>
    </article>
  </div>
</section>

<section class="request-section cream">
  <div class="request-shell">
    <div class="request-link-grid">
      <article class="request-link-card">
        <p class="request-card-label">Before You Submit</p>
        <h3>Candidate Corner</h3>
        <p>SBWPC endorsement requirements, standards and candidate resources.</p>
        <a class="request-button light" href="https://sbwpc.org/elections/candidate-resources-2">Candidate Corner</a>
      </article>

      <article class="request-link-card">
        <p class="request-card-label">Endorsement Status</p>
        <h3>2026 Endorsements</h3>
        <p>Current endorsement meetings, approved candidates and November activity.</p>
        <a class="request-button light" href="https://sbwpc.org/elections/endorsed-candidates">View Endorsements</a>
      </article>

      <article class="request-link-card">
        <p class="request-card-label">Questions</p>
        <h3>Contact SBWPC</h3>
        <p>Elections and endorsement questions.</p>
        <a class="request-button light" href="mailto:info@sbwpc.org?subject=SBWPC%20Endorsement%20Question">Contact SBWPC</a>
      </article>
    </div>
  </div>
</section>

<div class="request-modal-backdrop" data-request-modal hidden>
  <div class="request-modal" role="dialog" aria-modal="true" aria-labelledby="request-modal-title">
    <div class="request-modal-top">
      <div>
        <p class="request-modal-label">2026 General Election</p>
        <h2 id="request-modal-title">Candidate Endorsement Request Form</h2>
      </div>
      <button class="request-modal-close" type="button" data-request-close aria-label="Close endorsement request form">×</button>
    </div>

    <iframe
      class="request-form-frame"
      title="SBWPC Candidate Endorsement Request Form"
      src="https://docs.google.com/forms/d/e/1FAIpQLSc7rxLqBJACf54-To7scNKDlRii4N7GzadQC4IVjiyuvUM54g/viewform?embedded=true"
      loading="lazy">
    </iframe>

    <div class="request-form-fallback">
      <a class="request-button light" href="https://docs.google.com/forms/d/e/1FAIpQLSc7rxLqBJACf54-To7scNKDlRii4N7GzadQC4IVjiyuvUM54g/viewform?usp=header" target="_blank" rel="noopener">Open Form in New Window</a>
    </div>
  </div>
</div>

<script>
(function(){
  const root=document.getElementById('sbwpc-request-endorsement-page');
  if(!root)return;

  const modal=root.querySelector('[data-request-modal]');
  const openButton=root.querySelector('[data-request-open]');
  const closeButton=root.querySelector('[data-request-close]');

  function openModal(){
    modal.hidden=false;
    document.body.style.overflow='hidden';
    closeButton.focus();
  }

  function closeModal(){
    modal.hidden=true;
    document.body.style.overflow='';
    openButton.focus();
  }

  openButton.addEventListener('click',openModal);
  closeButton.addEventListener('click',closeModal);

  modal.addEventListener('click',function(event){
    if(event.target===modal)closeModal();
  });

  document.addEventListener('keydown',function(event){
    if(event.key==='Escape'&&!modal.hidden)closeModal();
  });
})();
</script>
</section>

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. 