PluginProbe
Better Payment – Instant Payments, Donations, Fundraising with Subscriptions & More / 2.4.0
Better Payment – Instant Payments, Donations, Fundraising with Subscriptions & More v2.4.0
2.4.1 2.4.0 2.3.4 2.3.3 2.3.2 2.3.1 2.3.0 2.2.2 2.2.1 2.2.0 2.1.2 2.1.1 trunk 0.0.1 0.0.2 0.0.3 0.0.4 0.0.5 0.0.6 0.0.7 1.0.0 1.0.1 1.0.2 1.0.3 1.0.4 All 68 releases
better-payment / assets / css / campaign-pro-themes.css

campaign-pro-themes.css in Better Payment – Instant Payments, Donations, Fundraising with Subscriptions & More 2.4.0, at assets/css/campaign-pro-themes.css

586 lines 20.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!*****************************************************************************************************************************************************************************************************************************!*\
2 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].use[3]!./src/css/campaign-pro-themes.scss ***!
3 \*****************************************************************************************************************************************************************************************************************************/
4 .bp-campaign.bp-v2-water {
5 --bp-v2-glow: rgba(3, 105, 161, 0.11);
6 --bp-v2-accent: #0369a1;
7 --bp-v2-soft: #e0f2fe;
8 --bp-v2-track: #c3ddf2;
9 --bp-v2-page: #f8fbfe;
10 --bp-v2-surface: #ffffff;
11 --bp-v2-line: #d6e5f2;
12 --bp-v2-ink: #0b2540;
13 --bp-v2-muted: #42607d;
14 --bp-v2-shadow: 0 1px 2px rgba(11, 37, 64, 0.04),
15 0 8px 24px -16px rgba(11, 37, 64, 0.25);
16 --bp-v2-chip-radius: 999px;
17 --bp-v2-chip-bg: var(--bp-v2-surface);
18 --bp-v2-btn-radius: 999px;
19 --bp-v2-btn-transform: none;
20 --bp-v2-btn-track: -0.01em;
21 }
22
23 .bp-campaign.bp-v2-fooddrive {
24 --bp-v2-glow: rgba(180, 83, 9, 0.14);
25 --bp-v2-accent: #f59e0b;
26 --bp-v2-soft: #fff7e6;
27 --bp-v2-track: #fbe3b4;
28 --bp-v2-page: #fffdf7;
29 --bp-v2-surface: #ffffff;
30 --bp-v2-line: #f2e6cf;
31 --bp-v2-ink: #3d2f14;
32 --bp-v2-muted: #6b5b3e;
33 --bp-v2-shadow: 0 1px 2px rgba(61, 47, 20, 0.03),
34 0 10px 26px -20px rgba(61, 47, 20, 0.35);
35 --bp-v2-chip-radius: 999px;
36 --bp-v2-chip-bg: var(--bp-v2-surface);
37 --bp-v2-btn-radius: 999px;
38 --bp-v2-btn-transform: none;
39 --bp-v2-btn-track: -0.01em;
40 }
41
42 .bp-campaign.bp-v2-wildlife {
43 --bp-v2-glow: rgba(77, 124, 15, 0.12);
44 --bp-v2-accent: #4d7c0f;
45 --bp-v2-soft: #f2f7e8;
46 --bp-v2-track: #dfeac9;
47 --bp-v2-page: #fcfef9;
48 --bp-v2-surface: #ffffff;
49 --bp-v2-line: #e6eed9;
50 --bp-v2-ink: #26331a;
51 --bp-v2-muted: #55634a;
52 --bp-v2-shadow: 0 1px 2px rgba(38, 51, 26, 0.03),
53 0 10px 26px -20px rgba(38, 51, 26, 0.32);
54 --bp-v2-chip-radius: 10px;
55 --bp-v2-chip-bg: var(--bp-v2-surface);
56 --bp-v2-btn-radius: 10px;
57 --bp-v2-btn-transform: none;
58 --bp-v2-btn-track: -0.01em;
59 }
60
61 .bp-campaign.bp-v2-climate {
62 --bp-v2-glow: rgba(29, 78, 216, 0.11);
63 --bp-v2-accent: #1d4ed8;
64 --bp-v2-soft: #e6edfd;
65 --bp-v2-track: #ccd9f8;
66 --bp-v2-page: #f9fbff;
67 --bp-v2-surface: #ffffff;
68 --bp-v2-line: #dbe3f5;
69 --bp-v2-ink: #10182f;
70 --bp-v2-muted: #47526b;
71 --bp-v2-shadow: 0 1px 2px rgba(16, 24, 47, 0.04),
72 0 8px 24px -16px rgba(16, 24, 47, 0.25);
73 --bp-v2-chip-radius: 999px;
74 --bp-v2-chip-bg: var(--bp-v2-surface);
75 --bp-v2-btn-radius: 14px;
76 --bp-v2-btn-transform: uppercase;
77 --bp-v2-btn-track: 0.08em;
78 }
79
80 .bp-campaign.bp-v2-charity .bp-donors-wall-headline,
81 .bp-campaign.bp-v2-charity .bp-faq-heading,
82 .bp-campaign.bp-v2-medical .bp-donors-wall-headline,
83 .bp-campaign.bp-v2-medical .bp-faq-heading,
84 .bp-campaign.bp-v2-education .bp-donors-wall-headline,
85 .bp-campaign.bp-v2-education .bp-faq-heading,
86 .bp-campaign.bp-v2-golf .bp-donors-wall-headline,
87 .bp-campaign.bp-v2-golf .bp-faq-heading,
88 .bp-campaign.bp-v2-childcare .bp-donors-wall-headline,
89 .bp-campaign.bp-v2-childcare .bp-faq-heading,
90 .bp-campaign.bp-v2-forest .bp-donors-wall-headline,
91 .bp-campaign.bp-v2-forest .bp-faq-heading,
92 .bp-campaign.bp-v2-animal .bp-donors-wall-headline,
93 .bp-campaign.bp-v2-animal .bp-faq-heading,
94 .bp-campaign.bp-v2-relief .bp-donors-wall-headline,
95 .bp-campaign.bp-v2-relief .bp-faq-heading,
96 .bp-campaign.bp-v2-water .bp-donors-wall-headline,
97 .bp-campaign.bp-v2-water .bp-faq-heading,
98 .bp-campaign.bp-v2-fooddrive .bp-donors-wall-headline,
99 .bp-campaign.bp-v2-fooddrive .bp-faq-heading,
100 .bp-campaign.bp-v2-wildlife .bp-donors-wall-headline,
101 .bp-campaign.bp-v2-wildlife .bp-faq-heading,
102 .bp-campaign.bp-v2-climate .bp-donors-wall-headline,
103 .bp-campaign.bp-v2-climate .bp-faq-heading {
104 font-size: 12px;
105 font-weight: 700;
106 text-transform: uppercase;
107 letter-spacing: 0.1em;
108 color: var(--bp-v2-muted);
109 margin: 0 0 16px;
110 }
111 .bp-campaign.bp-v2-charity .bp-donors-wall-summary,
112 .bp-campaign.bp-v2-medical .bp-donors-wall-summary,
113 .bp-campaign.bp-v2-education .bp-donors-wall-summary,
114 .bp-campaign.bp-v2-golf .bp-donors-wall-summary,
115 .bp-campaign.bp-v2-childcare .bp-donors-wall-summary,
116 .bp-campaign.bp-v2-forest .bp-donors-wall-summary,
117 .bp-campaign.bp-v2-animal .bp-donors-wall-summary,
118 .bp-campaign.bp-v2-relief .bp-donors-wall-summary,
119 .bp-campaign.bp-v2-water .bp-donors-wall-summary,
120 .bp-campaign.bp-v2-fooddrive .bp-donors-wall-summary,
121 .bp-campaign.bp-v2-wildlife .bp-donors-wall-summary,
122 .bp-campaign.bp-v2-climate .bp-donors-wall-summary {
123 background: var(--bp-v2-surface);
124 border: 1px solid var(--bp-v2-line);
125 border-radius: 14px;
126 padding: 16px 18px;
127 gap: 28px;
128 box-shadow: var(--bp-v2-shadow);
129 }
130 .bp-campaign.bp-v2-charity .bp-dw-stat,
131 .bp-campaign.bp-v2-medical .bp-dw-stat,
132 .bp-campaign.bp-v2-education .bp-dw-stat,
133 .bp-campaign.bp-v2-golf .bp-dw-stat,
134 .bp-campaign.bp-v2-childcare .bp-dw-stat,
135 .bp-campaign.bp-v2-forest .bp-dw-stat,
136 .bp-campaign.bp-v2-animal .bp-dw-stat,
137 .bp-campaign.bp-v2-relief .bp-dw-stat,
138 .bp-campaign.bp-v2-water .bp-dw-stat,
139 .bp-campaign.bp-v2-fooddrive .bp-dw-stat,
140 .bp-campaign.bp-v2-wildlife .bp-dw-stat,
141 .bp-campaign.bp-v2-climate .bp-dw-stat {
142 flex: 1 1 0;
143 min-width: 0;
144 }
145 .bp-campaign.bp-v2-charity .bp-dw-stat b,
146 .bp-campaign.bp-v2-medical .bp-dw-stat b,
147 .bp-campaign.bp-v2-education .bp-dw-stat b,
148 .bp-campaign.bp-v2-golf .bp-dw-stat b,
149 .bp-campaign.bp-v2-childcare .bp-dw-stat b,
150 .bp-campaign.bp-v2-forest .bp-dw-stat b,
151 .bp-campaign.bp-v2-animal .bp-dw-stat b,
152 .bp-campaign.bp-v2-relief .bp-dw-stat b,
153 .bp-campaign.bp-v2-water .bp-dw-stat b,
154 .bp-campaign.bp-v2-fooddrive .bp-dw-stat b,
155 .bp-campaign.bp-v2-wildlife .bp-dw-stat b,
156 .bp-campaign.bp-v2-climate .bp-dw-stat b {
157 font-size: 24px;
158 font-weight: 800;
159 letter-spacing: -0.02em;
160 color: var(--bp-v2-ink);
161 font-variant-numeric: tabular-nums;
162 }
163 .bp-campaign.bp-v2-charity .bp-dw-stat span,
164 .bp-campaign.bp-v2-medical .bp-dw-stat span,
165 .bp-campaign.bp-v2-education .bp-dw-stat span,
166 .bp-campaign.bp-v2-golf .bp-dw-stat span,
167 .bp-campaign.bp-v2-childcare .bp-dw-stat span,
168 .bp-campaign.bp-v2-forest .bp-dw-stat span,
169 .bp-campaign.bp-v2-animal .bp-dw-stat span,
170 .bp-campaign.bp-v2-relief .bp-dw-stat span,
171 .bp-campaign.bp-v2-water .bp-dw-stat span,
172 .bp-campaign.bp-v2-fooddrive .bp-dw-stat span,
173 .bp-campaign.bp-v2-wildlife .bp-dw-stat span,
174 .bp-campaign.bp-v2-climate .bp-dw-stat span {
175 font-size: 11px;
176 font-weight: 600;
177 letter-spacing: 0.07em;
178 text-transform: uppercase;
179 color: var(--bp-v2-muted);
180 }
181 .bp-campaign.bp-v2-charity .bp-donor-card,
182 .bp-campaign.bp-v2-medical .bp-donor-card,
183 .bp-campaign.bp-v2-education .bp-donor-card,
184 .bp-campaign.bp-v2-golf .bp-donor-card,
185 .bp-campaign.bp-v2-childcare .bp-donor-card,
186 .bp-campaign.bp-v2-forest .bp-donor-card,
187 .bp-campaign.bp-v2-animal .bp-donor-card,
188 .bp-campaign.bp-v2-relief .bp-donor-card,
189 .bp-campaign.bp-v2-water .bp-donor-card,
190 .bp-campaign.bp-v2-fooddrive .bp-donor-card,
191 .bp-campaign.bp-v2-wildlife .bp-donor-card,
192 .bp-campaign.bp-v2-climate .bp-donor-card {
193 background: var(--bp-v2-surface);
194 border-color: var(--bp-v2-line);
195 border-radius: 14px;
196 padding: 12px 14px;
197 box-shadow: var(--bp-v2-shadow);
198 }
199 .bp-campaign.bp-v2-charity .bp-donor-name,
200 .bp-campaign.bp-v2-medical .bp-donor-name,
201 .bp-campaign.bp-v2-education .bp-donor-name,
202 .bp-campaign.bp-v2-golf .bp-donor-name,
203 .bp-campaign.bp-v2-childcare .bp-donor-name,
204 .bp-campaign.bp-v2-forest .bp-donor-name,
205 .bp-campaign.bp-v2-animal .bp-donor-name,
206 .bp-campaign.bp-v2-relief .bp-donor-name,
207 .bp-campaign.bp-v2-water .bp-donor-name,
208 .bp-campaign.bp-v2-fooddrive .bp-donor-name,
209 .bp-campaign.bp-v2-wildlife .bp-donor-name,
210 .bp-campaign.bp-v2-climate .bp-donor-name {
211 color: var(--bp-v2-ink);
212 }
213 .bp-campaign.bp-v2-charity .bp-donor-date,
214 .bp-campaign.bp-v2-medical .bp-donor-date,
215 .bp-campaign.bp-v2-education .bp-donor-date,
216 .bp-campaign.bp-v2-golf .bp-donor-date,
217 .bp-campaign.bp-v2-childcare .bp-donor-date,
218 .bp-campaign.bp-v2-forest .bp-donor-date,
219 .bp-campaign.bp-v2-animal .bp-donor-date,
220 .bp-campaign.bp-v2-relief .bp-donor-date,
221 .bp-campaign.bp-v2-water .bp-donor-date,
222 .bp-campaign.bp-v2-fooddrive .bp-donor-date,
223 .bp-campaign.bp-v2-wildlife .bp-donor-date,
224 .bp-campaign.bp-v2-climate .bp-donor-date {
225 color: var(--bp-v2-muted);
226 }
227 .bp-campaign.bp-v2-charity .bp-donor-avatar,
228 .bp-campaign.bp-v2-medical .bp-donor-avatar,
229 .bp-campaign.bp-v2-education .bp-donor-avatar,
230 .bp-campaign.bp-v2-golf .bp-donor-avatar,
231 .bp-campaign.bp-v2-childcare .bp-donor-avatar,
232 .bp-campaign.bp-v2-forest .bp-donor-avatar,
233 .bp-campaign.bp-v2-animal .bp-donor-avatar,
234 .bp-campaign.bp-v2-relief .bp-donor-avatar,
235 .bp-campaign.bp-v2-water .bp-donor-avatar,
236 .bp-campaign.bp-v2-fooddrive .bp-donor-avatar,
237 .bp-campaign.bp-v2-wildlife .bp-donor-avatar,
238 .bp-campaign.bp-v2-climate .bp-donor-avatar {
239 box-shadow: 0 0 0 3px var(--bp-v2-glow);
240 }
241 .bp-campaign.bp-v2-charity .bp-donors-wall-sample-note,
242 .bp-campaign.bp-v2-medical .bp-donors-wall-sample-note,
243 .bp-campaign.bp-v2-education .bp-donors-wall-sample-note,
244 .bp-campaign.bp-v2-golf .bp-donors-wall-sample-note,
245 .bp-campaign.bp-v2-childcare .bp-donors-wall-sample-note,
246 .bp-campaign.bp-v2-forest .bp-donors-wall-sample-note,
247 .bp-campaign.bp-v2-animal .bp-donors-wall-sample-note,
248 .bp-campaign.bp-v2-relief .bp-donors-wall-sample-note,
249 .bp-campaign.bp-v2-water .bp-donors-wall-sample-note,
250 .bp-campaign.bp-v2-fooddrive .bp-donors-wall-sample-note,
251 .bp-campaign.bp-v2-wildlife .bp-donors-wall-sample-note,
252 .bp-campaign.bp-v2-climate .bp-donors-wall-sample-note {
253 border-color: var(--bp-v2-line);
254 background: var(--bp-v2-soft);
255 color: var(--bp-v2-muted);
256 border-radius: 10px;
257 }
258 .bp-campaign.bp-v2-charity .bp-faq-list,
259 .bp-campaign.bp-v2-medical .bp-faq-list,
260 .bp-campaign.bp-v2-education .bp-faq-list,
261 .bp-campaign.bp-v2-golf .bp-faq-list,
262 .bp-campaign.bp-v2-childcare .bp-faq-list,
263 .bp-campaign.bp-v2-forest .bp-faq-list,
264 .bp-campaign.bp-v2-animal .bp-faq-list,
265 .bp-campaign.bp-v2-relief .bp-faq-list,
266 .bp-campaign.bp-v2-water .bp-faq-list,
267 .bp-campaign.bp-v2-fooddrive .bp-faq-list,
268 .bp-campaign.bp-v2-wildlife .bp-faq-list,
269 .bp-campaign.bp-v2-climate .bp-faq-list {
270 gap: 10px;
271 }
272 .bp-campaign.bp-v2-charity .bp-faq-item,
273 .bp-campaign.bp-v2-medical .bp-faq-item,
274 .bp-campaign.bp-v2-education .bp-faq-item,
275 .bp-campaign.bp-v2-golf .bp-faq-item,
276 .bp-campaign.bp-v2-childcare .bp-faq-item,
277 .bp-campaign.bp-v2-forest .bp-faq-item,
278 .bp-campaign.bp-v2-animal .bp-faq-item,
279 .bp-campaign.bp-v2-relief .bp-faq-item,
280 .bp-campaign.bp-v2-water .bp-faq-item,
281 .bp-campaign.bp-v2-fooddrive .bp-faq-item,
282 .bp-campaign.bp-v2-wildlife .bp-faq-item,
283 .bp-campaign.bp-v2-climate .bp-faq-item {
284 background: var(--bp-v2-surface);
285 border-color: var(--bp-v2-line);
286 border-radius: 14px;
287 box-shadow: var(--bp-v2-shadow);
288 }
289 .bp-campaign.bp-v2-charity .bp-faq-question,
290 .bp-campaign.bp-v2-medical .bp-faq-question,
291 .bp-campaign.bp-v2-education .bp-faq-question,
292 .bp-campaign.bp-v2-golf .bp-faq-question,
293 .bp-campaign.bp-v2-childcare .bp-faq-question,
294 .bp-campaign.bp-v2-forest .bp-faq-question,
295 .bp-campaign.bp-v2-animal .bp-faq-question,
296 .bp-campaign.bp-v2-relief .bp-faq-question,
297 .bp-campaign.bp-v2-water .bp-faq-question,
298 .bp-campaign.bp-v2-fooddrive .bp-faq-question,
299 .bp-campaign.bp-v2-wildlife .bp-faq-question,
300 .bp-campaign.bp-v2-climate .bp-faq-question {
301 color: var(--bp-v2-ink);
302 font-size: 16px;
303 padding: 17px 20px;
304 }
305 .bp-campaign.bp-v2-charity .bp-faq-answer,
306 .bp-campaign.bp-v2-medical .bp-faq-answer,
307 .bp-campaign.bp-v2-education .bp-faq-answer,
308 .bp-campaign.bp-v2-golf .bp-faq-answer,
309 .bp-campaign.bp-v2-childcare .bp-faq-answer,
310 .bp-campaign.bp-v2-forest .bp-faq-answer,
311 .bp-campaign.bp-v2-animal .bp-faq-answer,
312 .bp-campaign.bp-v2-relief .bp-faq-answer,
313 .bp-campaign.bp-v2-water .bp-faq-answer,
314 .bp-campaign.bp-v2-fooddrive .bp-faq-answer,
315 .bp-campaign.bp-v2-wildlife .bp-faq-answer,
316 .bp-campaign.bp-v2-climate .bp-faq-answer {
317 color: var(--bp-v2-muted);
318 padding: 0 20px 18px;
319 line-height: 1.75;
320 }
321 .bp-campaign.bp-v2-charity .bp-campaign-video-embed,
322 .bp-campaign.bp-v2-medical .bp-campaign-video-embed,
323 .bp-campaign.bp-v2-education .bp-campaign-video-embed,
324 .bp-campaign.bp-v2-golf .bp-campaign-video-embed,
325 .bp-campaign.bp-v2-childcare .bp-campaign-video-embed,
326 .bp-campaign.bp-v2-forest .bp-campaign-video-embed,
327 .bp-campaign.bp-v2-animal .bp-campaign-video-embed,
328 .bp-campaign.bp-v2-relief .bp-campaign-video-embed,
329 .bp-campaign.bp-v2-water .bp-campaign-video-embed,
330 .bp-campaign.bp-v2-fooddrive .bp-campaign-video-embed,
331 .bp-campaign.bp-v2-wildlife .bp-campaign-video-embed,
332 .bp-campaign.bp-v2-climate .bp-campaign-video-embed {
333 border-radius: var(--bp-v2-radius);
334 box-shadow: var(--bp-v2-shadow);
335 overflow: hidden;
336 }
337 @media (prefers-reduced-motion: reduce) {
338 .bp-campaign.bp-v2-charity .bp-donor-card,
339 .bp-campaign.bp-v2-medical .bp-donor-card,
340 .bp-campaign.bp-v2-education .bp-donor-card,
341 .bp-campaign.bp-v2-golf .bp-donor-card,
342 .bp-campaign.bp-v2-childcare .bp-donor-card,
343 .bp-campaign.bp-v2-forest .bp-donor-card,
344 .bp-campaign.bp-v2-animal .bp-donor-card,
345 .bp-campaign.bp-v2-relief .bp-donor-card,
346 .bp-campaign.bp-v2-water .bp-donor-card,
347 .bp-campaign.bp-v2-fooddrive .bp-donor-card,
348 .bp-campaign.bp-v2-wildlife .bp-donor-card,
349 .bp-campaign.bp-v2-climate .bp-donor-card {
350 transition: none;
351 }
352 .bp-campaign.bp-v2-charity .bp-donor-card:hover,
353 .bp-campaign.bp-v2-medical .bp-donor-card:hover,
354 .bp-campaign.bp-v2-education .bp-donor-card:hover,
355 .bp-campaign.bp-v2-golf .bp-donor-card:hover,
356 .bp-campaign.bp-v2-childcare .bp-donor-card:hover,
357 .bp-campaign.bp-v2-forest .bp-donor-card:hover,
358 .bp-campaign.bp-v2-animal .bp-donor-card:hover,
359 .bp-campaign.bp-v2-relief .bp-donor-card:hover,
360 .bp-campaign.bp-v2-water .bp-donor-card:hover,
361 .bp-campaign.bp-v2-fooddrive .bp-donor-card:hover,
362 .bp-campaign.bp-v2-wildlife .bp-donor-card:hover,
363 .bp-campaign.bp-v2-climate .bp-donor-card:hover {
364 transform: none;
365 }
366 }
367
368 .bp-campaign.bp-v2-water,
369 .bp-campaign.bp-v2-fooddrive,
370 .bp-campaign.bp-v2-wildlife,
371 .bp-campaign.bp-v2-climate {
372 --bp-v2-radius: 22px;
373 background-image: radial-gradient(120% 62% at 50% -12%, var(--bp-v2-glow) 0%, rgba(0, 0, 0, 0) 62%), radial-gradient(90% 45% at 108% 104%, var(--bp-v2-glow) 0%, rgba(0, 0, 0, 0) 58%);
374 }
375 .bp-campaign.bp-v2-water .bp-donors-wall-summary,
376 .bp-campaign.bp-v2-fooddrive .bp-donors-wall-summary,
377 .bp-campaign.bp-v2-wildlife .bp-donors-wall-summary,
378 .bp-campaign.bp-v2-climate .bp-donors-wall-summary {
379 background-image: linear-gradient(135deg, var(--bp-v2-glow) 0%, rgba(255, 255, 255, 0) 62%);
380 }
381 .bp-campaign.bp-v2-water .bp-faq-item[open],
382 .bp-campaign.bp-v2-fooddrive .bp-faq-item[open],
383 .bp-campaign.bp-v2-wildlife .bp-faq-item[open],
384 .bp-campaign.bp-v2-climate .bp-faq-item[open] {
385 border-color: var(--bp-v2-accent);
386 box-shadow: inset 3px 0 0 var(--bp-v2-accent), 0 10px 26px -14px var(--bp-v2-accent);
387 }
388 .bp-campaign.bp-v2-water details.bp-faq-item[open] > summary.bp-faq-question,
389 .bp-campaign.bp-v2-fooddrive details.bp-faq-item[open] > summary.bp-faq-question,
390 .bp-campaign.bp-v2-wildlife details.bp-faq-item[open] > summary.bp-faq-question,
391 .bp-campaign.bp-v2-climate details.bp-faq-item[open] > summary.bp-faq-question {
392 color: var(--bp-v2-accent);
393 }
394 .bp-campaign.bp-v2-water .bp-donor-card,
395 .bp-campaign.bp-v2-fooddrive .bp-donor-card,
396 .bp-campaign.bp-v2-wildlife .bp-donor-card,
397 .bp-campaign.bp-v2-climate .bp-donor-card {
398 transition: transform 0.16s ease, box-shadow 0.16s ease;
399 }
400 .bp-campaign.bp-v2-water .bp-donor-card:hover,
401 .bp-campaign.bp-v2-fooddrive .bp-donor-card:hover,
402 .bp-campaign.bp-v2-wildlife .bp-donor-card:hover,
403 .bp-campaign.bp-v2-climate .bp-donor-card:hover {
404 transform: translateY(-2px);
405 box-shadow: 0 12px 26px -16px rgba(0, 0, 0, 0.45), var(--bp-v2-shadow);
406 }
407
408 .bp-campaign.bp-v2-water {
409 --bp-v2-radius: 20px;
410 }
411 .bp-campaign.bp-v2-water .bp-summary-item,
412 .bp-campaign.bp-v2-water .bp-campaign-organizer,
413 .bp-campaign.bp-v2-water .bp-social-sharing,
414 .bp-campaign.bp-v2-water .bp-social-links {
415 background-image: linear-gradient(160deg, rgba(255, 255, 255, 0.92) 0%, var(--bp-v2-soft) 100%);
416 border-color: rgba(255, 255, 255, 0.9);
417 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), var(--bp-v2-shadow);
418 }
419 .bp-campaign.bp-v2-water .bp-summary-item {
420 border-radius: 18px;
421 }
422 .bp-campaign.bp-v2-water .bp-campaign-image {
423 border-radius: 20px;
424 }
425 .bp-campaign.bp-v2-water .bp-progress-bar-wrap {
426 height: 12px;
427 border-radius: 999px;
428 box-shadow: inset 0 1px 2px rgba(12, 44, 56, 0.14);
429 }
430 .bp-campaign.bp-v2-water .bp-donate_btn {
431 background-image: linear-gradient(135deg, var(--bp-v2-accent) 0%, #0ea5e9 100%);
432 border-color: transparent;
433 }
434
435 .bp-campaign.bp-v2-fooddrive {
436 --bp-v2-radius: 16px;
437 }
438 .bp-campaign.bp-v2-fooddrive .bp-campaign-description-headline {
439 padding-left: 0;
440 padding-bottom: 12px;
441 }
442 .bp-campaign.bp-v2-fooddrive .bp-campaign-description-headline::before {
443 top: auto;
444 bottom: 0;
445 width: 44px;
446 height: 3px;
447 border-radius: 999px;
448 background-image: none;
449 background-color: var(--bp-v2-accent);
450 }
451 .bp-campaign.bp-v2-fooddrive .bp-summary-item,
452 .bp-campaign.bp-v2-fooddrive .bp-campaign-organizer,
453 .bp-campaign.bp-v2-fooddrive .bp-social-sharing,
454 .bp-campaign.bp-v2-fooddrive .bp-social-links {
455 background: var(--bp-v2-soft);
456 border: 0;
457 box-shadow: none;
458 border-radius: 16px;
459 }
460 .bp-campaign.bp-v2-fooddrive .bp-summary-item {
461 padding: 20px 18px;
462 }
463 .bp-campaign.bp-v2-fooddrive .bp-summary-item strong {
464 font-size: 26px;
465 }
466 .bp-campaign.bp-v2-fooddrive .bp-campaign-image {
467 border-radius: 16px;
468 }
469 .bp-campaign.bp-v2-fooddrive .bp-progress-bar-wrap {
470 height: 10px;
471 border-radius: 999px;
472 }
473 .bp-campaign.bp-v2-fooddrive .bp-progress-bar {
474 border-radius: 999px;
475 }
476 .bp-campaign.bp-v2-fooddrive .bp-amount-label {
477 border-width: 1px;
478 font-weight: 600;
479 }
480 .bp-campaign.bp-v2-fooddrive .bp-donate_btn {
481 font-size: 16px;
482 font-weight: 700;
483 box-shadow: none;
484 }
485
486 .bp-campaign.bp-v2-fooddrive .bp-donate_btn,
487 .bp-campaign.bp-v2-fooddrive .bp-donate_btn:hover,
488 .bp-campaign.bp-v2-fooddrive .bp-donate_btn:focus {
489 color: #3d2f14;
490 }
491 .bp-campaign.bp-v2-fooddrive input.bp-option-amount:checked + .bp-amount-label {
492 color: #3d2f14;
493 }
494
495 .bp-campaign.bp-v2-wildlife {
496 --bp-v2-radius: 14px;
497 }
498 .bp-campaign.bp-v2-wildlife .bp-campaign-description-headline {
499 padding-left: 0;
500 padding-bottom: 10px;
501 border-bottom: 1px solid var(--bp-v2-line);
502 }
503 .bp-campaign.bp-v2-wildlife .bp-campaign-description-headline::before {
504 content: none;
505 }
506 .bp-campaign.bp-v2-wildlife .bp-summary-item {
507 background: var(--bp-v2-surface);
508 border: 1px solid var(--bp-v2-line);
509 border-left: 3px solid var(--bp-v2-accent);
510 border-radius: 10px;
511 box-shadow: none;
512 padding: 16px 18px;
513 }
514 .bp-campaign.bp-v2-wildlife .bp-campaign-organizer,
515 .bp-campaign.bp-v2-wildlife .bp-social-sharing,
516 .bp-campaign.bp-v2-wildlife .bp-social-links {
517 border-radius: 14px;
518 box-shadow: none;
519 }
520 .bp-campaign.bp-v2-wildlife .bp-campaign-image {
521 border-radius: 14px;
522 }
523 .bp-campaign.bp-v2-wildlife .bp-progress-bar-wrap {
524 height: 10px;
525 border-radius: 999px;
526 }
527 .bp-campaign.bp-v2-wildlife .bp-progress-bar {
528 border-radius: 999px;
529 }
530 .bp-campaign.bp-v2-wildlife .bp-amount-label {
531 border-width: 1px;
532 }
533 .bp-campaign.bp-v2-wildlife .bp-donate_btn {
534 font-weight: 700;
535 }
536
537 .bp-campaign.bp-v2-climate {
538 --bp-v2-tile-gap: 1px;
539 --bp-v2-radius: 6px;
540 --bp-v2-chip-radius: 4px;
541 --bp-v2-btn-radius: 4px;
542 }
543 .bp-campaign.bp-v2-climate .bp-campaign-description-headline {
544 padding-left: 0;
545 padding-top: 14px;
546 border-top: 3px solid var(--bp-v2-ink);
547 text-transform: uppercase;
548 letter-spacing: 0.06em;
549 }
550 .bp-campaign.bp-v2-climate .bp-campaign-description-headline::before {
551 content: none;
552 }
553 .bp-campaign.bp-v2-climate .bp-campaign-summary {
554 gap: var(--bp-v2-tile-gap);
555 background: var(--bp-v2-line);
556 border: 1px solid var(--bp-v2-line);
557 border-radius: 6px;
558 overflow: hidden;
559 }
560 .bp-campaign.bp-v2-climate .bp-summary-item {
561 background: var(--bp-v2-surface);
562 border: 0;
563 border-radius: 0;
564 box-shadow: none;
565 padding: 18px 20px;
566 }
567 .bp-campaign.bp-v2-climate .bp-summary-item strong {
568 font-size: 30px;
569 }
570 .bp-campaign.bp-v2-climate .bp-progress-bar-wrap {
571 height: 8px;
572 border-radius: 0;
573 }
574 .bp-campaign.bp-v2-climate .bp-progress-bar {
575 border-radius: 0;
576 }
577 .bp-campaign.bp-v2-climate .bp-campaign-organizer,
578 .bp-campaign.bp-v2-climate .bp-social-sharing,
579 .bp-campaign.bp-v2-climate .bp-social-links {
580 border-radius: 6px;
581 box-shadow: none;
582 }
583 .bp-campaign.bp-v2-climate .bp-amount-label {
584 border-width: 1px;
585 }
586