{
  "format": 1,
  "slug": "form-petition",
  "title": "Petition - add your name",
  "description": "A loud yellow-and-black petition modal for a neighbourhood or campaign site: a hazard stripe along the top, a thick black frame, \"Petition to the city council\" kicker, a tall condensed headline, the ask, a signature counter with a progress bar, and a one-row form (name, email, ADD MY NAME) with a privacy line. Shown once per visitor; update the count and goal in the popup body as signatures come in. Pick the Mailchimp audience under Forms once inserted.",
  "type": "form",
  "categories": [
    "lead-capture",
    "engagement",
    "social-proof"
  ],
  "season": "",
  "requires": {
    "pro": false,
    "plugins": []
  },
  "preview": "preview.webp",
  "images": [],
  "form": {
    "form_name": "Petition signatures",
    "form_type": "subscribe",
    "form_tab": {
      "form_items": [
        "first_name",
        "email"
      ],
      "fname_label": "",
      "fname_place": "Your name",
      "email_label": "",
      "email_place": "Email address",
      "submit_text": "Add my name",
      "msg_success": "Thank you - your name is on the list. We'll email you once with the hearing date.",
      "msg_fail": "Sorry, something went wrong. Please try again in a moment.",
      "msg_invalid_email": "Please enter a valid email address.",
      "provider": "mailchimp",
      "double_optin": "0",
      "update_existing": "1",
      "hide_form": "1",
      "style": "custom",
      "primary_color": "#111111",
      "button_text_color": "#fef08a",
      "input_bg": "#ffffff",
      "input_text": "#111111",
      "input_border": "#111111",
      "label_color": "#111111",
      "input_radius": "6",
      "field_gap": "0"
    }
  },
  "popup": {
    "popup_name": "Petition - add your name",
    "wdpop_item_tab": {
      "popup_type": "form",
      "popup_title": "Save the Riverside Library",
      "Popup_content": "<span class=\"wdpop-eyebrow\">Petition to the city council</span><p>The council votes on closing our only branch on 14 October. 5,000 signatures forces a public hearing. Add your name and we'll hand-deliver the list.</p><p class=\"wdpop-count\"><strong>4,812</strong><span>of 5,000 signatures</span></p><p class=\"wdpop-fine\">We'll email you once with the hearing date. Your address is never published.</p>",
      "ct_form_after_action": "step",
      "ct_form_after_step": "<p class=\"wdpop-eyebrow\">Signed</p><h2 class=\"wdpop-step-title\">Thank you!</h2><p>Your name is on the list. We'll email you once the hearing date is set - until then, please share the petition with your neighbours.</p>",
      "popup_display_mode": "modal",
      "popup_width": "modal-custom-width",
      "popup_custom_width": {
        "width": "640",
        "unit": "px"
      },
      "popup_position": "wdpop_core_middle_center",
      "popup_style_accordions": {
        "style_bg": "#fef08a",
        "style_text": "#111111",
        "style_radius": "6",
        "style_padding": {
          "top": "44",
          "right": "44",
          "bottom": "32",
          "left": "44",
          "unit": "px"
        },
        "style_border": {
          "top": "4",
          "right": "4",
          "bottom": "4",
          "left": "4",
          "style": "solid",
          "color": "#111111",
          "unit": "px"
        },
        "style_shadow": "large",
        "style_overlay_color": "#111111",
        "style_overlay_opacity": "60",
        "style_heading_size": "60",
        "style_heading_weight": "400",
        "style_heading_color": "#111111",
        "style_body_size": "15",
        "style_align": "left",
        "close_btn_color": {
          "color": "#111111",
          "hover": "#3f3f46"
        },
        "close_btn_bg_color": {
          "color": "transparent",
          "hover": "transparent"
        },
        "close_btn_border_color": {
          "color": "transparent",
          "hover": "transparent"
        },
        "anim_in": "slide-down",
        "anim_out": "fade",
        "anim_duration": "350",
        "style_mobile_heading_size": "40",
        "style_mobile_padding": {
          "top": "36",
          "right": "22",
          "bottom": "26",
          "left": "22",
          "unit": "px"
        },
        "custom_css": "/* Protest poster: a hazard stripe drawn along the top edge, a condensed all-caps headline, the signature counter from the body copy as count + progress bar + goal (the bar is a pseudo-element, 96% filled), and the two fields plus the button on one row. Selectors carry .wdpop-root so they outrank Pro's stylesheet, which loads after this CSS. */\n{{POPUP}}.wdpop-root .modal-content{position:relative;overflow:hidden;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif}\n{{POPUP}}.wdpop-root .modal-content::before{content:'';position:absolute;left:0;right:0;top:0;height:12px;background:repeating-linear-gradient(-45deg,#111 0 14px,#fef08a 14px 28px);pointer-events:none}\n{{POPUP}}.wdpop-root .wing--popup-content-wrap{padding:0}\n{{POPUP}}.wdpop-root [data-wdpop-step-main],{{POPUP}}.wdpop-root .wdpop-step{display:flex;flex-direction:column;padding:0}\n{{POPUP}}.wdpop-root .wing--popup-content{display:contents}\n{{POPUP}}.wdpop-root .wdpop-eyebrow{order:-1;margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}\n{{POPUP}}.wdpop-root .wing--popup-title,{{POPUP}}.wdpop-root .wdpop-step-title{margin:0 0 14px;font-family:Impact,'Arial Narrow Bold','Franklin Gothic Medium',sans-serif;font-weight:400;line-height:.95;letter-spacing:.01em;text-transform:uppercase;color:#111}\n{{POPUP}}.wdpop-root .wdpop-step-title{font-size:48px}\n{{POPUP}}.wdpop-root .wing--popup-content p,{{POPUP}}.wdpop-root .wdpop-step p{margin:0 0 20px;max-width:520px;line-height:1.5}\n{{POPUP}}.wdpop-root .wing--popup-content .wdpop-count{display:flex;align-items:center;gap:14px;max-width:none;margin:0 0 20px}\n{{POPUP}}.wdpop-root .wdpop-count strong{order:0;font-family:Impact,'Arial Narrow Bold','Franklin Gothic Medium',sans-serif;font-size:34px;font-weight:400;line-height:1;letter-spacing:.01em}\n{{POPUP}}.wdpop-root .wdpop-count::after{content:'';order:1;flex:1;height:10px;border-radius:5px;background:linear-gradient(#111,#111) 0 0/96% 100% no-repeat rgba(0,0,0,.15)}\n{{POPUP}}.wdpop-root .wdpop-count span{order:2;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}\n{{POPUP}}.wdpop-root .wdpop-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;max-width:none;margin:0;background:transparent}\n{{POPUP}}.wdpop-root .wdpop-form .wdpop-field{margin:0;min-width:0}\n{{POPUP}}.wdpop-root .wdpop-form .wdpop-field input.wdpop-input{margin:0;padding:13px 14px;border-width:2px;font:inherit;font-size:14px;line-height:1.3}\n{{POPUP}}.wdpop-root .wdpop-form .wdpop-field .wdpop-input::placeholder{color:#6b7280}\n{{POPUP}}.wdpop-root .wdpop-form .wdpop-form__submit{width:auto;max-width:none;margin:0;padding:0 24px;font-family:Impact,'Arial Narrow Bold','Franklin Gothic Medium',sans-serif;font-size:22px;font-weight:400;letter-spacing:.06em;line-height:1;text-transform:uppercase}\n{{POPUP}}.wdpop-root .wdpop-form .wdpop-form__message{grid-column:1/-1;margin:0}\n{{POPUP}}.wdpop-root .wing--popup-content .wdpop-fine{order:9;margin:12px 0 0;font-size:11px;color:#3f3f46}\n{{POPUP}}.wdpop-root .wing--popup-close-btn{top:20px;right:16px;width:28px;height:28px;padding:0;border:0;line-height:28px;font-size:24px;text-align:center}\n@container wdpop (max-width:520px){{{POPUP}}.wdpop-root .wdpop-form{grid-template-columns:1fr}{{POPUP}}.wdpop-root .wdpop-form .wdpop-form__submit{padding:13px 24px}{{POPUP}}.wdpop-root .wing--popup-content .wdpop-count{flex-wrap:wrap;gap:10px 14px}{{POPUP}}.wdpop-root .wdpop-count::after{order:3;flex:1 0 100%}}"
      },
      "page_load_events": {
        "page_load_status": "1",
        "popup_delay": "2"
      },
      "frequency_events": {
        "freq_mode": "once_ever"
      }
    }
  }
}