Embed

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SBWPC Guest Endorsement Status Banner</title>
<style>
  html,
  body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow-x: hidden;
    background: #f3eadc;
  }

  body {
    padding: 40px 0;
  }
</style>
<style>
  #sbwpc-endorsement-status,
  #sbwpc-endorsement-status * {
    box-sizing: border-box;
  }

  #sbwpc-endorsement-status {
    --guest-navy: #10233f;
    --guest-teal: #0f4c5c;
    --guest-blue: #c7d8e8;
    --guest-aqua: #dcebea;
    --guest-sand: #f3eadc;
    --guest-ivory: #fbf8f2;
    --white: #ffffff;
    --ink: #1d2b3f;
    --muted: #596778;
    --guest-gold: #c99a43;

    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: stretch;
    overflow: hidden;
    background: var(--guest-sand);
    color: var(--ink);
    font-family: Inter, Arial, Helvetica, sans-serif;
  }

  #sbwpc-endorsement-status .ticker-title {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    min-height: 54px;
    padding: 10px 20px;
    background: var(--guest-navy);
    color: var(--white);
    font-size: 14px;
    line-height: 1.25;
    font-weight: 900;
    white-space: nowrap;
  }

  #sbwpc-endorsement-status .ticker-window {
    display: flex;
    min-width: 0;
    align-items: center;
    overflow: hidden;
    background: var(--guest-aqua);
  }

  #sbwpc-endorsement-status .ticker-track {
    display: flex;
    width: max-content;
    align-items: center;
    animation: sbwpcStatusMove 28s linear infinite;
    will-change: transform;
  }

  #sbwpc-endorsement-status:hover .ticker-track,
  #sbwpc-endorsement-status:focus-within .ticker-track {
    animation-play-state: paused;
  }

  #sbwpc-endorsement-status .ticker-message {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 18px;
    min-height: 54px;
    padding: 0 48px;
    color: var(--guest-navy);
    font-size: 15px;
    line-height: 1.35;
    font-weight: 900;
    white-space: nowrap;
  }

  #sbwpc-endorsement-status .ticker-message span {
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }

  #sbwpc-endorsement-status .ticker-arrow {
    color: var(--guest-navy);
    font-size: 16px;
    font-weight: 900;
  }

  #sbwpc-endorsement-status .request-button {
    position: relative;
    z-index: 2;
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border: 0;
    border-radius: 0;
    background: var(--guest-teal);
    color: var(--white);
    font-size: 12px;
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: 0.045em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
  }

  #sbwpc-endorsement-status .request-button:hover,
  #sbwpc-endorsement-status .request-button:focus-visible {
    background: var(--guest-navy);
  }

  #sbwpc-endorsement-status .request-button:focus-visible {
    outline: 3px solid var(--guest-gold);
    outline-offset: -3px;
  }

  @keyframes sbwpcStatusMove {
    from {
      transform: translateX(0);
    }

    to {
      transform: translateX(-50%);
    }
  }

  @media (max-width: 760px) {
    #sbwpc-endorsement-status {
      grid-template-columns: 1fr;
    }

    #sbwpc-endorsement-status .ticker-title {
      justify-content: center;
      min-height: 48px;
      padding: 10px 16px;
      text-align: center;
    }

    #sbwpc-endorsement-status .ticker-window {
      width: 100%;
    }

    #sbwpc-endorsement-status .ticker-message {
      min-height: 50px;
      gap: 13px;
      padding: 0 32px;
      font-size: 14px;
    }

    #sbwpc-endorsement-status .ticker-message span {
      font-size: 9px;
    }

    #sbwpc-endorsement-status .request-button {
      width: 100%;
      min-height: 48px;
    }
  }

  @media (max-width: 520px) {
    #sbwpc-endorsement-status .ticker-message {
      gap: 11px;
      padding: 0 24px;
    }

    #sbwpc-endorsement-status .ticker-message span {
      display: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    #sbwpc-endorsement-status .ticker-track {
      animation: none;
    }

    #sbwpc-endorsement-status .duplicate-message {
      display: none;
    }
  }
</style>

<div id="sbwpc-endorsement-status">
  <div class="ticker-title">
    2026 General Election
  </div>

  <div class="ticker-window">
    <div class="ticker-track">
      <div class="ticker-message">
        General Election Endorsements Underway
        <span>Candidates may request consideration</span>
        <strong class="ticker-arrow" aria-hidden="true">&rarr;</strong>
      </div>

      <div class="ticker-message duplicate-message" aria-hidden="true">
        General Election Endorsements Underway
        <span>Candidates may request consideration</span>
        <strong class="ticker-arrow">&rarr;</strong>
      </div>
    </div>
  </div>

  <a
    class="request-button"
    href="https://docs.google.com/forms/d/e/1FAIpQLSc7rxLqBJACf54-To7scNKDlRii4N7GzadQC4IVjiyuvUM54g/viewform"
    target="_blank"
    rel="noopener noreferrer"
  >
    Request Endorsement
  </a>
</div>

</head>
<body>


<div id="sbwpc-endorsement-status">
  <div class="ticker-title">
    2026 General Election
  </div>

  <div class="ticker-window">
    <div class="ticker-track">
      <div class="ticker-message">
        General Election Endorsements Underway
        <span>Candidates may request consideration</span>
        <strong class="ticker-arrow" aria-hidden="true">&rarr;</strong>
      </div>

      <div class="ticker-message duplicate-message" aria-hidden="true">
        General Election Endorsements Underway
        <span>Candidates may request consideration</span>
        <strong class="ticker-arrow">&rarr;</strong>
      </div>
    </div>
  </div>

  <a
    class="request-button"
    href="https://docs.google.com/forms/d/e/1FAIpQLSc7rxLqBJACf54-To7scNKDlRii4N7GzadQC4IVjiyuvUM54g/viewform"
    target="_blank"
    rel="noopener noreferrer"
  >
    Request Endorsement
  </a>
</div>

</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. 

Run for Office

Your Path

Run Like a Woman

More Candidate Programs

Request Endorsement

Connect with SBWPC

Begin with one clear next step.