{
  "format": 1,
  "slug": "content-fundraising-progress",
  "title": "Fundraising progress — 72 % of $50k",
  "description": "A deep green modal with a soft gold disc in the corner: a gold kicker, a huge serif \"72 % funded\", the campaign headline, a CSS progress bar with the amounts raised and days left beneath it, and a gold Give now button beside an outlined Share link. For community campaigns pushing the last week of a goal.",
  "type": "image_and_content",
  "categories": [
    "urgency",
    "engagement"
  ],
  "season": "",
  "requires": {
    "pro": false,
    "plugins": []
  },
  "preview": "preview.webp",
  "images": [],
  "popup": {
    "popup_name": "Fundraising progress — 72 % of $50k",
    "wdpop_item_tab": {
      "popup_type": "image_and_content",
      "popup_title": "Help us fix the Playhouse roof before winter",
      "Popup_content": "<span class=\"wdpop-eyebrow\">Raise the Roof · final week</span><span class=\"wdpop-big\">72<small>% funded</small></span><span class=\"wdpop-progress\"><span class=\"wdpop-progress__fill\" style=\"width:72%\"></span></span><span class=\"wdpop-nums\"><span><strong>$36,120</strong> raised of $50,000</span><span><strong>128</strong> donors · <strong>6</strong> days left</span></span><a class=\"wdpop-sharelink\" href=\"/campaign/#share\">Share</a>",
      "popup_close_text": "",
      "cta_link": {
        "url": "/donate/",
        "text": "Give now",
        "target": ""
      },
      "popup_display_mode": "modal",
      "popup_width": "modal-custom-width",
      "popup_custom_width": {
        "width": "520",
        "unit": "px"
      },
      "popup_position": "wdpop_core_middle_center",
      "popup_style_accordions": {
        "style_bg": "#0b3d2e",
        "style_text": "#bbf7d0",
        "style_radius": "22",
        "style_padding": {
          "top": "42",
          "right": "40",
          "bottom": "34",
          "left": "40",
          "unit": "px"
        },
        "style_shadow": "large",
        "style_overlay_color": "#000000",
        "style_overlay_opacity": "60",
        "style_overlay_blur": "0",
        "style_heading_size": "20",
        "style_heading_weight": "600",
        "style_heading_color": "#d1fae5",
        "style_body_size": "13",
        "style_align": "left",
        "style_cta_bg": {
          "color": "#facc15",
          "hover": "#fde047"
        },
        "style_cta_color": {
          "color": "#0b3d2e",
          "hover": "#0b3d2e"
        },
        "style_btn_radius": "12",
        "style_btn_font_size": "15",
        "style_btn_padding": {
          "top": "15",
          "right": "15",
          "bottom": "15",
          "left": "15",
          "unit": "px"
        },
        "style_btn_width": "auto",
        "close_btn_color": {
          "color": "#d1fae5",
          "hover": "#ffffff"
        },
        "close_btn_bg_color": {
          "color": "rgba(255,255,255,0.12)",
          "hover": "rgba(255,255,255,0.22)"
        },
        "close_btn_border_color": {
          "color": "transparent",
          "hover": "transparent"
        },
        "anim_in": "zoom",
        "anim_out": "fade",
        "anim_duration": "350",
        "custom_css": "/* Dark green card: gold disc in the corner, kicker, the big serif percentage, then the headline, a CSS progress bar (fill width is the inline style on .wdpop-progress__fill), the numbers row and a two-column button row (Give now stretches, Share is an outlined link in the body copy). Selectors carry .wdpop-root so they outrank Pro's stylesheet, which loads after this CSS. */\n{{POPUP}}.wdpop-root .modal-content{font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;overflow:hidden}\n{{POPUP}}.wdpop-root .modal-content::before{content:'';position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:rgba(250,204,21,.12);pointer-events:none}\n{{POPUP}}.wdpop-root .wing--popup-wrapper{position:relative}\n{{POPUP}}.wdpop-root .wing--popup-content-wrap{display:grid;grid-template-columns:1fr auto;align-items:center;padding:0;text-align:var(--wdpop-align,left)}\n{{POPUP}}.wdpop-root .wing--popup-content{display:contents}\n{{POPUP}}.wdpop-root .wdpop-eyebrow{order:-2;grid-column:1/-1;margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#facc15}\n{{POPUP}}.wdpop-root .wdpop-big{order:-1;grid-column:1/-1;margin:0 0 8px;font-family:Georgia,'Times New Roman',Times,serif;font-size:88px;line-height:.9;letter-spacing:-.02em;color:#fff}\n{{POPUP}}.wdpop-root .wdpop-big small{margin-left:8px;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:26px;font-weight:500;letter-spacing:0;color:#bbf7d0}\n{{POPUP}}.wdpop-root .wing--popup-title{grid-column:1/-1;margin:0 0 22px;line-height:1.3}\n{{POPUP}}.wdpop-root .wdpop-progress{grid-column:1/-1;display:block;height:14px;margin:0 0 12px;border-radius:7px;background:rgba(255,255,255,.12);overflow:hidden}\n{{POPUP}}.wdpop-root .wdpop-progress__fill{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#facc15,#fde047)}\n{{POPUP}}.wdpop-root .wdpop-nums{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;margin:0 0 26px;line-height:1.4}\n{{POPUP}}.wdpop-root .wdpop-nums strong{color:#fff;font-size:15px}\n{{POPUP}}.wdpop-root .wdpop-cta{order:8;grid-column:1;margin:0;font-weight:800;line-height:1.2}\n{{POPUP}}.wdpop-root .wdpop-sharelink{order:9;grid-column:2;margin:0 0 0 10px;padding:15px 18px;border:1.5px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none}\n{{POPUP}}.wdpop-root .wdpop-sharelink:hover{border-color:#fff;color:#fff}\n{{POPUP}}.wdpop-root .wing--popup-close-btn{top:14px;right:14px;width:30px;height:30px;padding:0;border:0;line-height:30px;font-size:18px;text-align:center}\n@container wdpop (max-width:400px){{{POPUP}}.wdpop-root .wdpop-big{font-size:64px}{{POPUP}}.wdpop-root .wdpop-nums{flex-direction:column;gap:4px}}"
      },
      "page_load_events": {
        "page_load_status": "1",
        "popup_delay": "0"
      },
      "frequency_events": {
        "freq_mode": "always"
      }
    }
  }
}