PluginProbe
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) / 1.8.11.3
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) v1.8.11.3
1.8.13 1.8.12.3 1.8.12.2 1.8.12.1 1.8.12 1.8.11.3 1.8.11.2 1.8.11.1 1.8.11 1.6.6 1.6.60 1.6.7 1.6.8 1.6.9 1.7.0 1.7.0.1 1.7.0.11 1.7.0.12 1.7.0.14 1.7.0.2 1.7.0.3 1.7.0.5 1.7.0.6 1.7.0.7 1.7.0.9 All 211 releases
charitable / assets / css / admin / charitable-admin.css

charitable-admin.css in Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) 1.8.11.3, at assets/css/admin/charitable-admin.css

5,453 lines 169.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&display=swap");
3 .charitable-toggle-control {
4 display: block;
5 margin: 6px 1px 5px 0px;
6 }
7 .charitable-toggle-control input[type=checkbox] {
8 display: none;
9 height: 0;
10 width: 0;
11 }
12 .charitable-toggle-control input[type=checkbox]:checked + label.charitable-toggle-control-icon {
13 background-color: #036aab;
14 }
15 .charitable-toggle-control input[type=checkbox]:checked + label.charitable-toggle-control-icon:after {
16 left: calc(100% - 15px - 2px);
17 }
18 .charitable-toggle-control span, .charitable-toggle-control label {
19 display: inline-block;
20 margin-bottom: 0;
21 margin-left: 5px;
22 }
23 .charitable-toggle-control label {
24 cursor: pointer;
25 }
26 .charitable-toggle-control .charitable-toggle-control-label {
27 margin: 0 0 0 6px;
28 max-width: calc(100% - 65px);
29 }
30 .charitable-toggle-control .charitable-toggle-control-label:hover {
31 cursor: pointer;
32 }
33 .charitable-toggle-control .charitable-toggle-control-status {
34 color: #86919e;
35 font-size: 12px;
36 line-height: 14px;
37 margin: 2px 5px;
38 }
39 .charitable-toggle-control .charitable-toggle-control-icon {
40 background-color: #bbbbbb;
41 border-radius: 8.5px;
42 cursor: pointer;
43 display: inline-block;
44 height: 17px;
45 margin: 0 1px;
46 position: relative;
47 text-indent: -9999px;
48 width: 32px;
49 }
50 .charitable-toggle-control .charitable-toggle-control-icon:after {
51 background: #ffffff;
52 border-radius: 50%;
53 content: "";
54 height: 15px;
55 left: 2px;
56 position: absolute;
57 top: 1px;
58 width: 15px;
59 transition-property: all;
60 transition-duration: 0.25s;
61 transition-timing-function: ease-out;
62 }
63 .charitable-toggle-control:hover input:checked + label.charitable-toggle-control-icon {
64 background-color: #215d8f;
65 }
66 .charitable-toggle-control:hover .charitable-toggle-control-icon {
67 background-color: #777777;
68 }
69
70 .charitable-group.charitable-layout-options-tab-group .charitable-toggle-control-icon {
71 margin: -4px 1px;
72 }
73
74 .charitable-panel-sidebar .charitable-toggle-control .charitable-toggle-control-icon {
75 background-color: #b0b6bd;
76 }
77 .charitable-panel-sidebar .charitable-toggle-control:hover .charitable-toggle-control-icon {
78 background-color: #86919e;
79 }
80 .charitable-panel-sidebar .charitable-toggle-control.charitable-field-option-in-label-right .charitable-toggle-control-label {
81 color: #86919e;
82 font-size: 12px;
83 line-height: 14px;
84 margin: 2px 5px;
85 max-width: initial;
86 }
87
88 /* v2 header */
89 body[class*=charitable_page_] #wpbody-content .wrap,
90 body.post-type-charitable #wpbody-content .wrap,
91 body.post-type-donation #wpbody-content .wrap {
92 padding-left: 10px;
93 padding-right: 10px;
94 }
95
96 body.charitable_page_charitable-addons #wpbody-content .wrap {
97 padding-left: 5px;
98 padding-right: 5px;
99 }
100
101 #charitable-admin-header {
102 background-color: #ffffff;
103 margin: 0 0 0 -20px;
104 padding-right: 20px;
105 width: 100%;
106 border-top: 3px solid #E89940;
107 border-bottom: 1px solid #ddd;
108 border-left: 0;
109 border-right: 0;
110 }
111 [dir=rtl] #charitable-admin-header {
112 margin: 0 -20px 0 0px;
113 }
114 #charitable-admin-header .charitable-admin-header-interior {
115 padding: 0px 30px;
116 display: flex;
117 justify-content: center;
118 align-items: center;
119 min-height: 80px;
120 }
121 #charitable-admin-header h1 {
122 flex: 1;
123 text-align: left;
124 }
125 [dir=rtl] #charitable-admin-header h1 {
126 text-align: right;
127 }
128 #charitable-admin-header .round {
129 border-radius: 50%;
130 width: 40px;
131 height: 40px;
132 display: flex;
133 align-items: center;
134 justify-content: center;
135 cursor: pointer;
136 transition: background-color 0.2s ease;
137 animation: wpchar-menu-notification-indicator-pulse 1.5s infinite;
138 }
139 #charitable-admin-header .charitable-header-logos {
140 text-align: right;
141 }
142 #charitable-admin-header .charitable-header-logos ul {
143 margin: 0 -20px 0 0;
144 padding: 0;
145 display: flex;
146 }
147 #charitable-admin-header .charitable-header-logos ul li {
148 margin: 0 10px;
149 display: inline-block;
150 width: 30px;
151 height: 30px;
152 }
153 #charitable-admin-header .charitable-header-logos ul li a {
154 display: block;
155 }
156 #charitable-admin-header .charitable-header-logos ul li a.charitable-notification-inbox {
157 position: relative;
158 }
159 #charitable-admin-header .charitable-header-logos ul li a.charitable-notification-inbox svg {
160 width: 30px;
161 height: 34.5px;
162 margin: 0;
163 padding: 0;
164 position: relative;
165 top: -4px;
166 color: #8c8e96;
167 }
168 #charitable-admin-header .charitable-header-logos ul li a.charitable-notification-inbox .number {
169 position: absolute;
170 background-color: #df2a4a;
171 width: 16px;
172 height: 16px;
173 font-weight: 600;
174 font-size: 10px;
175 color: #fff;
176 right: -3px;
177 top: -5px;
178 margin: 0;
179 margin-left: 0px;
180 animation: wpchar-bounce-in 1.2s 5;
181 z-index: 2;
182 }
183 #charitable-admin-header .charitable-header-logos ul li a:hover {
184 opacity: 0.5;
185 }
186
187 @keyframes wpchar-bounce-in {
188 0%, 30%, 50%, 80%, 100% {
189 transform: translateY(0);
190 opacity: 1;
191 }
192 40% {
193 transform: translateY(-10px);
194 }
195 60% {
196 transform: translateY(-5px);
197 }
198 }
199 /* campaign list page */
200 body.post-type-campaign {
201 /* popups */
202 /* list items */
203 /* buttons */
204 /* trash */
205 }
206 body.post-type-campaign #posts-filter input,
207 body.post-type-campaign #posts-filter select,
208 body.post-type-campaign #posts-filter textarea,
209 body.post-type-campaign #posts-filter button {
210 font-family: "Inter", sans-serif !important;
211 }
212 body.post-type-campaign table {
213 border-color: #DDD;
214 }
215 body.post-type-campaign table thead th a,
216 body.post-type-campaign table tfoot th a {
217 color: #6A6C77;
218 font-weight: 500;
219 }
220 body.post-type-campaign table thead th,
221 body.post-type-campaign table tfoot th,
222 body.post-type-campaign table thead td,
223 body.post-type-campaign table tfoot td {
224 border-color: #DDD;
225 }
226 body.post-type-campaign table td.title {
227 font-weight: 400;
228 padding-right: 50px;
229 }
230 body.post-type-campaign table td.title a {
231 font-weight: 400;
232 }
233 body.post-type-campaign h1 {
234 font-family: "Inter", sans-serif;
235 font-weight: 500;
236 }
237 body.post-type-campaign h1.wp-heading-inline {
238 font-size: 21px;
239 margin-right: 10px;
240 margin-bottom: 5px;
241 margin-top: 20px;
242 }
243 body.post-type-campaign #screen-meta-links {
244 display: none;
245 }
246 body.post-type-campaign.edit-tags-php p.search-box {
247 position: relative;
248 right: 0;
249 bottom: 0;
250 margin-top: 20px;
251 display: none;
252 }
253 body.post-type-campaign.edit-tags-php span.subtitle {
254 padding: 0;
255 margin: 25px 0 0 0;
256 display: block;
257 width: 100%;
258 }
259 body.post-type-campaign select,
260 body.post-type-campaign input#search-submit,
261 body.post-type-campaign #input.button {
262 background-color: #F9F9FA;
263 color: #52545F;
264 border-color: #E4E4E7;
265 height: 38px;
266 padding-top: 0;
267 padding-bottom: 0;
268 }
269 body.post-type-campaign form#posts-filter .tablenav {
270 font-family: "Inter", sans-serif;
271 }
272 body.post-type-campaign form#posts-filter .tablenav select {
273 min-width: 160px;
274 }
275 body.post-type-campaign form#posts-filter .tablenav.top {
276 margin-bottom: 20px;
277 }
278 body.post-type-campaign form#posts-filter .tablenav.top select,
279 body.post-type-campaign form#posts-filter .tablenav.top button {
280 font-size: 13px;
281 line-height: 29px;
282 font-weight: 500;
283 }
284 body.post-type-campaign form#posts-filter .tablenav.top button {
285 padding: 0 15px;
286 }
287 body.post-type-campaign form#posts-filter .tablenav.bottom {
288 margin-top: 25px;
289 }
290 body.post-type-campaign form#posts-filter .tablenav.bottom select,
291 body.post-type-campaign form#posts-filter .tablenav.bottom button {
292 font-size: 13px;
293 line-height: 29px;
294 font-weight: 500;
295 }
296 body.post-type-campaign form#posts-filter .tablenav.bottom button {
297 padding: 0 15px;
298 }
299 body.post-type-campaign .charitable-campaign-legacy-actions,
300 body.post-type-campaign .charitable-campaign-export-actions,
301 body.post-type-campaign .charitable-campaign-filter-actions {
302 font-family: "Inter", sans-serif;
303 }
304 body.post-type-campaign .charitable-campaign-legacy-actions a,
305 body.post-type-campaign .charitable-campaign-export-actions a,
306 body.post-type-campaign .charitable-campaign-filter-actions a {
307 font-size: 14px;
308 pointer-events: all;
309 line-height: 19px;
310 color: #2B66D1;
311 font-weight: 500;
312 display: inline-block;
313 padding-top: 8px;
314 }
315 body.post-type-campaign .charitable-campaign-legacy-actions a label,
316 body.post-type-campaign .charitable-campaign-export-actions a label,
317 body.post-type-campaign .charitable-campaign-filter-actions a label {
318 display: block;
319 text-decoration: underline;
320 float: left;
321 margin-top: -2px;
322 cursor: pointer;
323 }
324 body.post-type-campaign .charitable-campaign-legacy-actions a img,
325 body.post-type-campaign .charitable-campaign-export-actions a img,
326 body.post-type-campaign .charitable-campaign-filter-actions a img {
327 width: 16px;
328 height: 16px;
329 display: block;
330 margin-right: 4px;
331 float: left;
332 }
333 body.post-type-campaign .charitable-campaign-legacy-actions a.charitable-campaigns-clear,
334 body.post-type-campaign .charitable-campaign-export-actions a.charitable-campaigns-clear,
335 body.post-type-campaign .charitable-campaign-filter-actions a.charitable-campaigns-clear {
336 font-weight: 400;
337 padding: 5px 15px;
338 margin: 0 0 0 5px;
339 }
340 body.post-type-campaign .charitable-campaign-legacy-actions a img {
341 width: 33px;
342 height: 32px;
343 display: block;
344 float: left;
345 margin: 2px -2px 0 -5px;
346 }
347 body.post-type-campaign .charitable-campaign-filter-actions {
348 margin-right: 10px;
349 }
350 body.post-type-campaign .charitable-campaign-filter-actions a img {
351 width: 11px;
352 height: 11px;
353 margin-top: 2px;
354 }
355 body.post-type-campaign .charitable-legacy-actions {
356 margin-left: 10px;
357 margin-top: 3px;
358 }
359 body.post-type-campaign input#post-search-input {
360 border-color: #E4E4E7;
361 }
362 body.post-type-campaign .jconfirm .jconfirm-cell {
363 display: block;
364 }
365 body.post-type-campaign.edit-php.post-type-campaign th.check-column label:hover {
366 background-color: transparent;
367 }
368 body.post-type-campaign.edit-php.post-type-campaign .check-column input:hover + label {
369 background-color: transparent;
370 }
371 body.post-type-campaign.edit-php.post-type-campaign tbody#the-list td {
372 vertical-align: middle;
373 }
374 body.post-type-campaign.edit-php.post-type-campaign .actions {
375 vertical-align: middle;
376 }
377 body.post-type-campaign.edit-php.post-type-campaign .actions button {
378 font-size: 18px;
379 border-radius: 0;
380 box-shadow: none;
381 border: 1px solid #ccc;
382 background-color: transparent;
383 margin: 0 5px 0 0;
384 }
385 body.post-type-campaign.edit-php.post-type-campaign tbody#the-list th.check-column input[type=checkbox] {
386 margin-top: 3px;
387 }
388 body.post-type-campaign.edit-php.post-type-campaign tbody#the-list th.check-column,
389 body.post-type-campaign.edit-php.post-type-campaign tbody#the-list td {
390 vertical-align: top;
391 padding-top: 20px;
392 height: 80px;
393 }
394 body.post-type-campaign.edit-php.post-type-campaign tbody#the-list td.column-actions {
395 padding-top: 19px;
396 }
397 body.post-type-campaign.edit-php.post-type-campaign tbody#the-list td.column-creator .charitable-campaign-creator-avatar {
398 border-radius: 50%;
399 max-width: 25px;
400 max-height: 25px;
401 float: left;
402 }
403 body.post-type-campaign.edit-php.post-type-campaign tbody#the-list td.column-creator .charitable-campaign-creator-name {
404 display: inline-block;
405 margin-left: 10px;
406 margin-top: 2px;
407 }
408 body.post-type-campaign.edit-php.post-type-campaign .donated .meter {
409 height: 10px;
410 position: relative;
411 background: lightgray;
412 padding: 0px;
413 margin: 10px auto 0 0;
414 width: 75%;
415 box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
416 }
417 body.post-type-campaign.edit-php.post-type-campaign .donated .meter > span {
418 display: block;
419 height: 100%;
420 border-top-right-radius: 8px;
421 border-bottom-right-radius: 8px;
422 border-top-left-radius: 20px;
423 border-bottom-left-radius: 20px;
424 background-color: #00a32a;
425 background-image: linear-gradient(center bottom, rgb(43, 194, 83) 37%, rgb(84, 240, 84) 69%);
426 box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
427 position: relative;
428 overflow: hidden;
429 }
430 body.post-type-campaign.edit-php.post-type-campaign .column-status mark {
431 padding: 0px 0px;
432 margin: 0;
433 text-align: center;
434 white-space: nowrap;
435 background: white;
436 border-radius: 0;
437 font-size: 14px;
438 font-weight: 400;
439 letter-spacing: 1px;
440 text-transform: capitalize;
441 color: #2d2d2d;
442 }
443 body.post-type-campaign.edit-php.post-type-campaign .column-status mark.active {
444 color: #00a32a;
445 background-color: transparent;
446 }
447 body.post-type-campaign.edit-php.post-type-campaign .column-status mark.draft {
448 color: #545660;
449 background-color: transparent;
450 }
451 body.post-type-campaign.edit-php.post-type-campaign .column-status mark.finished {
452 color: #215d8f;
453 background-color: transparent;
454 }
455 body.post-type-campaign.edit-php.post-type-campaign .column-status mark.successful {
456 color: #215d8f;
457 background-color: transparent;
458 }
459 body.post-type-campaign.edit-php.post-type-campaign .column-status mark.unsuccessful {
460 color: #d63638;
461 background-color: transparent;
462 }
463 body.post-type-campaign.edit-php.post-type-campaign .tablenav.top > .tablenav-pages {
464 display: none;
465 }
466 body.post-type-campaign #wpbody-content .page-title-action {
467 background-color: #5AA152;
468 border-radius: 5px;
469 border-color: #5AA152;
470 color: #ffffff;
471 height: 28px;
472 display: inline-block;
473 padding-top: 0;
474 padding-bottom: 0;
475 line-height: 26px;
476 top: -2px;
477 }
478 body.post-type-campaign #wpbody-content .page-title-action:hover {
479 background-color: #3f7539;
480 }
481 body.post-type-campaign.charitable-trash .charitable-export-actions {
482 display: none;
483 }
484 body.post-type-campaign.charitable-trash #delete_all {
485 margin-top: 0 !important;
486 background-color: #F8F8F9;
487 border: 1px solid #D7D7DB;
488 border-radius: 5px;
489 box-shadow: none;
490 color: #5C5F6A;
491 font-weight: 600 !important;
492 }
493
494 @media screen and (max-width: 1200px) {
495 body.post-type-campaign form#posts-filter .tablenav.top {
496 /* max-width: 500px; */
497 display: table;
498 }
499 body.post-type-campaign form#posts-filter .tablenav.top select {
500 margin-bottom: 15px;
501 }
502 }
503 @media screen and (max-width: 782px) {
504 body.post-type-campaign .tablenav .view-switch,
505 body.post-type-campaign .tablenav.top .actions {
506 display: block !important;
507 }
508 body.post-type-campaign p.search-box {
509 position: relative;
510 margin: 0;
511 right: auto;
512 top: auto;
513 }
514 body.post-type-campaign.admin-bar #charitable-admin-header {
515 margin-top: 46px;
516 }
517 body.charitable_page_charitable-reports #wpbody,
518 body.charitable_page_charitable-tools #wpbody,
519 body.charitable_page_charitable-about #wpbody {
520 padding-top: 0;
521 }
522 body.charitable_page_charitable-reports .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before,
523 body.charitable_page_charitable-tools .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before,
524 body.charitable_page_charitable-about .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
525 display: none;
526 }
527 body.charitable_page_charitable-reports .tablenav .view-switch,
528 body.charitable_page_charitable-reports .tablenav.top .actions,
529 body.charitable_page_charitable-tools .tablenav .view-switch,
530 body.charitable_page_charitable-tools .tablenav.top .actions,
531 body.charitable_page_charitable-about .tablenav .view-switch,
532 body.charitable_page_charitable-about .tablenav.top .actions {
533 display: block !important;
534 }
535 body.charitable_page_charitable-reports h2.nav-tab-wrapper,
536 body.charitable_page_charitable-tools h2.nav-tab-wrapper,
537 body.charitable_page_charitable-about h2.nav-tab-wrapper {
538 margin-bottom: 0px !important;
539 margin-top: 0 !important;
540 }
541 body.charitable_page_charitable-reports h2.nav-tab-wrapper a.nav-tab,
542 body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab,
543 body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab {
544 margin-top: 10px !important;
545 margin-bottom: 10px !important;
546 }
547 body.charitable_page_charitable-reports.admin-bar #charitable-admin-header,
548 body.charitable_page_charitable-tools.admin-bar #charitable-admin-header,
549 body.charitable_page_charitable-about.admin-bar #charitable-admin-header {
550 padding-top: 46px;
551 }
552 body.charitable_page_charitable-dashboard .tablenav.top .actions,
553 body.charitable_page_charitable-dashboard .tablenav .view-switch {
554 display: block !important;
555 width: 100%;
556 }
557 }
558 /*
559 * Override the margin-top: 46px rule above for the campaign header — keep it
560 * flush against the admin bar at narrow viewports rather than leaving an
561 * empty 46px gap. Cascade order makes this rule win at <=782px since both
562 * media queries match and this one is declared later.
563 */
564 @media screen and (max-width: 782px) {
565 body.post-type-campaign.admin-bar #charitable-admin-header {
566 margin-top: 0;
567 }
568 }
569 @media screen and (max-width: 600px) {
570 body.admin-bar.post-type-campaign #charitable-admin-header,
571 body.admin-bar.charitable_page_charitable-dashboard #charitable-admin-header {
572 margin-bottom: -46px;
573 padding-top: 46px;
574 margin-top: 0;
575 }
576 body.admin-bar.post-type-campaign .row-actions span.id,
577 body.admin-bar.charitable_page_charitable-dashboard .row-actions span.id {
578 color: black;
579 line-height: 24px;
580 font-size: 13px;
581 margin-left: 8px;
582 margin-right: 0px;
583 }
584 }
585 body[class*=charitable_page_] .search-box input[name=s],
586 body.post-type-campaign .search-box input[name=s],
587 body.post-type-donation .search-box input[name=s] {
588 margin: 2px 4px 0 0;
589 height: 34px;
590 }
591 body[class*=charitable_page_] input#search-submit,
592 body.post-type-campaign input#search-submit,
593 body.post-type-donation input#search-submit {
594 margin-top: 2px;
595 height: 34px;
596 }
597 body[class*=charitable_page_] .alignleft.actions input[type=submit],
598 body[class*=charitable_page_] .alignleft.actions select,
599 body.post-type-campaign .alignleft.actions input[type=submit],
600 body.post-type-campaign .alignleft.actions select,
601 body.post-type-donation .alignleft.actions input[type=submit],
602 body.post-type-donation .alignleft.actions select {
603 min-height: 32px;
604 height: 38px;
605 }
606 body[class*=charitable_page_] .charitable-campaign-action-button,
607 body.post-type-campaign .charitable-campaign-action-button,
608 body.post-type-donation .charitable-campaign-action-button {
609 cursor: pointer;
610 padding: 5px 4px;
611 border: 1px solid #E1E3E5;
612 background-color: white;
613 width: 20px;
614 height: 18px;
615 border-radius: 3px;
616 color: #5F616B;
617 display: inline-block;
618 text-align: center;
619 vertical-align: middle;
620 margin-right: 10px;
621 line-height: 23px;
622 }
623 body[class*=charitable_page_] .charitable-campaign-action-button:hover,
624 body.post-type-campaign .charitable-campaign-action-button:hover,
625 body.post-type-donation .charitable-campaign-action-button:hover {
626 color: white;
627 }
628
629 /* specific to starting from scratch */
630 body.post-type-campaign.edit-php.charitable-campaigns-0-published #posts-filter tbody#the-list td,
631 body.post-type-campaign.edit-php.charitable-campaigns-0-trash #posts-filter tbody#the-list td {
632 vertical-align: middle;
633 padding-top: 20px;
634 padding-bottom: 20px;
635 height: auto;
636 }
637 body.post-type-campaign.edit-php.charitable-campaigns-0-published #posts-filter tbody#the-list tr.child td,
638 body.post-type-campaign.edit-php.charitable-campaigns-0-trash #posts-filter tbody#the-list tr.child td {
639 padding-top: 0;
640 padding-bottom: 0;
641 }
642 body.post-type-campaign.edit-php.charitable-campaigns-0-published .tablenav.top .charitable-export-actions,
643 body.post-type-campaign.edit-php.charitable-campaigns-0-trash .tablenav.top .charitable-export-actions {
644 margin-left: 0px;
645 }
646 body.post-type-campaign.edit-php.charitable-campaigns-0-published .tablenav.top .charitable-legacy-actions,
647 body.post-type-campaign.edit-php.charitable-campaigns-0-trash .tablenav.top .charitable-legacy-actions {
648 margin-left: 15px;
649 }
650
651 .body.post-type-campaign.edit-php.charitable-campaigns-0-trash .charitable-campaign-legacy-actions {
652 display: none !important;
653 }
654
655 /* donation list page */
656 body.post-type-donation {
657 /* popups */
658 /* list items */
659 /* buttons */
660 /* blank slate */
661 }
662 body.post-type-donation #posts-filter input,
663 body.post-type-donation #posts-filter select,
664 body.post-type-donation #posts-filter textarea,
665 body.post-type-donation #posts-filter button {
666 font-family: "Inter", sans-serif !important;
667 }
668 body.post-type-donation table {
669 border-color: #DDD;
670 }
671 body.post-type-donation table thead th a,
672 body.post-type-donation table tfoot th a {
673 color: #6A6C77;
674 font-weight: 500;
675 }
676 body.post-type-donation table thead th,
677 body.post-type-donation table tfoot th,
678 body.post-type-donation table thead td,
679 body.post-type-donation table tfoot td {
680 border-color: #DDD;
681 }
682 body.post-type-donation table td.title {
683 font-weight: 400;
684 padding-right: 50px;
685 }
686 body.post-type-donation table td.title a {
687 font-weight: 400;
688 color: #454955;
689 }
690 body.post-type-donation h1 {
691 font-family: "Inter", sans-serif;
692 font-weight: 500;
693 }
694 body.post-type-donation h1.wp-heading-inline {
695 font-size: 21px;
696 margin-right: 10px;
697 margin-bottom: 5px;
698 margin-top: 20px;
699 }
700 body.post-type-donation #screen-meta-links {
701 display: none;
702 }
703 body.post-type-donation p.search-box {
704 position: absolute;
705 right: 20px;
706 top: auto;
707 margin-top: 39px;
708 }
709 body.post-type-donation select,
710 body.post-type-donation input#search-submit,
711 body.post-type-donation input.button {
712 background-color: #F9F9FA;
713 color: #52545F;
714 border-color: #E4E4E7;
715 }
716 body.post-type-donation form#posts-filter .tablenav {
717 font-family: "Inter", sans-serif;
718 }
719 body.post-type-donation form#posts-filter .tablenav select {
720 min-width: 160px;
721 }
722 body.post-type-donation form#posts-filter .tablenav.top {
723 margin-bottom: 20px;
724 }
725 body.post-type-donation form#posts-filter .tablenav.top select,
726 body.post-type-donation form#posts-filter .tablenav.top button {
727 font-size: 13px;
728 line-height: 29px;
729 font-weight: 500;
730 }
731 body.post-type-donation form#posts-filter .tablenav.top button {
732 padding: 0 15px;
733 }
734 body.post-type-donation form#posts-filter .tablenav.bottom {
735 margin-top: 25px;
736 }
737 body.post-type-donation form#posts-filter .tablenav.bottom select,
738 body.post-type-donation form#posts-filter .tablenav.bottom button {
739 font-size: 13px;
740 line-height: 29px;
741 font-weight: 500;
742 }
743 body.post-type-donation form#posts-filter .tablenav.bottom button {
744 padding: 0 15px;
745 }
746 body.post-type-donation .charitable-donation-legacy-actions,
747 body.post-type-donation .charitable-donation-export-actions,
748 body.post-type-donation .charitable-donation-filter-actions {
749 font-family: "Inter", sans-serif;
750 }
751 body.post-type-donation .charitable-donation-legacy-actions a,
752 body.post-type-donation .charitable-donation-export-actions a,
753 body.post-type-donation .charitable-donation-filter-actions a {
754 font-size: 14px;
755 line-height: 19px;
756 color: #2B66D1;
757 font-weight: 500;
758 display: inline-block;
759 padding-top: 9px;
760 }
761 body.post-type-donation .charitable-donation-legacy-actions a label,
762 body.post-type-donation .charitable-donation-export-actions a label,
763 body.post-type-donation .charitable-donation-filter-actions a label {
764 display: block;
765 text-decoration: underline;
766 float: left;
767 margin-top: -2px;
768 }
769 body.post-type-donation .charitable-donation-legacy-actions a img,
770 body.post-type-donation .charitable-donation-export-actions a img,
771 body.post-type-donation .charitable-donation-filter-actions a img {
772 width: 16px;
773 height: 16px;
774 display: block;
775 margin-right: 4px;
776 float: left;
777 }
778 body.post-type-donation .charitable-donation-legacy-actions a.charitable-campaigns-clear,
779 body.post-type-donation .charitable-donation-export-actions a.charitable-campaigns-clear,
780 body.post-type-donation .charitable-donation-filter-actions a.charitable-campaigns-clear {
781 font-weight: 400;
782 padding: 5px 15px;
783 margin: 0 0 0 5px;
784 }
785 body.post-type-donation .charitable-donations-clear.button {
786 padding-top: 4px;
787 margin-left: 10px;
788 margin-top: 2px;
789 }
790 body.post-type-donation .charitable-donation-legacy-actions a {
791 color: green;
792 }
793 body.post-type-donation .charitable-donation-legacy-actions a img {
794 margin-top: 2px;
795 }
796 body.post-type-donation .charitable-donation-filter-actions {
797 margin-right: 10px;
798 }
799 body.post-type-donation .charitable-donation-filter-actions a img {
800 width: 11px;
801 height: 11px;
802 margin-top: 2px;
803 }
804 body.post-type-donation input#post-search-input {
805 border-color: #E4E4E7;
806 }
807 body.post-type-donation #wpbody-content .page-title-action {
808 background-color: #00a32a;
809 color: #ffffff;
810 }
811 body.post-type-donation #wpbody-content .charitable-donation-action-button {
812 cursor: pointer;
813 padding: 5px 4px;
814 border: 1px solid #E1E3E5;
815 background-color: white;
816 width: 20px;
817 height: 18px;
818 border-radius: 3px;
819 color: #5F616B;
820 display: inline-block;
821 text-align: center;
822 vertical-align: middle;
823 margin-right: 10px;
824 }
825 body.post-type-donation #wpbody-content .charitable-donation-action-button:hover {
826 color: white;
827 }
828 body.post-type-donation .jconfirm .jconfirm-cell {
829 display: block;
830 }
831 body.post-type-donation.edit-php.post-type-donation tbody#the-list td {
832 vertical-align: middle;
833 }
834 body.post-type-donation.edit-php.post-type-donation .actions {
835 vertical-align: middle;
836 }
837 body.post-type-donation.edit-php.post-type-donation .actions button {
838 font-size: 18px;
839 border-radius: 0;
840 box-shadow: none;
841 border: 1px solid #ccc;
842 background-color: transparent;
843 margin: 0 5px 0 0;
844 }
845 body.post-type-donation.edit-php.post-type-donation tbody#the-list th.check-column input[type=checkbox] {
846 margin-top: 3px;
847 }
848 body.post-type-donation.edit-php.post-type-donation tbody#the-list th.check-column,
849 body.post-type-donation.edit-php.post-type-donation tbody#the-list td {
850 vertical-align: top;
851 padding-top: 20px;
852 }
853 body.post-type-donation.edit-php.post-type-donation tbody#the-list tr.no-items td {
854 padding-top: 10px;
855 }
856 body.post-type-donation.edit-php.post-type-donation tbody#the-list td.column-actions {
857 padding-top: 19px;
858 }
859 body.post-type-donation.edit-php.post-type-donation tbody#the-list td.column-creator .charitable-donation-creator-avatar {
860 border-radius: 50%;
861 max-width: 25px;
862 max-height: 25px;
863 float: left;
864 }
865 body.post-type-donation.edit-php.post-type-donation tbody#the-list td.column-creator .charitable-donation-creator-name {
866 display: inline-block;
867 margin-left: 10px;
868 margin-top: 2px;
869 }
870 body.post-type-donation.edit-php.post-type-donation .donated .meter {
871 height: 10px;
872 position: relative;
873 background: lightgray;
874 padding: 0px;
875 margin: 10px auto 0 0;
876 width: 75%;
877 box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
878 }
879 body.post-type-donation.edit-php.post-type-donation .donated .meter > span {
880 display: block;
881 height: 100%;
882 border-top-right-radius: 8px;
883 border-bottom-right-radius: 8px;
884 border-top-left-radius: 20px;
885 border-bottom-left-radius: 20px;
886 background-color: #00a32a;
887 background-image: linear-gradient(center bottom, rgb(43, 194, 83) 37%, rgb(84, 240, 84) 69%);
888 box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
889 position: relative;
890 overflow: hidden;
891 }
892 body.post-type-donation.edit-php.post-type-donation .column-status mark {
893 padding: 0px 0px;
894 margin: 0;
895 text-align: center;
896 white-space: nowrap;
897 background: white;
898 border-radius: 0;
899 font-size: 14px;
900 font-weight: 400;
901 letter-spacing: 1px;
902 text-transform: capitalize;
903 color: #2d2d2d;
904 }
905 body.post-type-donation.edit-php.post-type-donation .column-status mark.active {
906 color: #00a32a;
907 background-color: transparent;
908 }
909 body.post-type-donation.edit-php.post-type-donation .column-status mark.draft {
910 color: #545660;
911 background-color: transparent;
912 }
913 body.post-type-donation.edit-php.post-type-donation .column-status mark.finished {
914 color: #215d8f;
915 background-color: transparent;
916 }
917 body.post-type-donation.edit-php.post-type-donation .column-status mark.successful {
918 color: #215d8f;
919 background-color: transparent;
920 }
921 body.post-type-donation.edit-php.post-type-donation .column-status mark.unsuccessful {
922 color: #d63638;
923 background-color: transparent;
924 }
925 body.post-type-donation.edit-php.post-type-donation .tablenav.top > .tablenav-pages {
926 display: none;
927 }
928 body.post-type-donation #wpbody-content .page-title-action {
929 background-color: #5AA152;
930 border-radius: 5px;
931 }
932 body.post-type-donation .charitable-blank-slate {
933 max-width: 764px;
934 text-align: center;
935 margin: auto;
936 padding: 5em 0 0;
937 }
938 body.post-type-donation .charitable-blank-slate .charitable-blank-slate-hero-image {
939 min-height: 150px;
940 opacity: 0.3;
941 }
942 body.post-type-donation .charitable-blank-slate .charitable-blank-slate-message {
943 color: #444;
944 font-size: 1.5em;
945 margin: 1em auto 1em;
946 }
947 body.post-type-donation .charitable-blank-slate .charitable-blank-slate-buttons {
948 margin-bottom: 4em;
949 }
950 body.post-type-donation .charitable-blank-slate .charitable-blank-slate-buttons .charitable-blank-slate-cta {
951 font-size: 1.2em;
952 padding: 0.75em 1.5em;
953 margin: 0 0.25em;
954 height: auto;
955 display: inline-block !important;
956 background: white;
957 border-color: black;
958 color: black;
959 }
960 body.post-type-donation .charitable-blank-slate .charitable-blank-slate-buttons .charitable-blank-slate-cta.charitable-button {
961 display: inline-block;
962 border-radius: 4px;
963 cursor: pointer;
964 text-decoration: none;
965 text-align: center;
966 vertical-align: middle;
967 white-space: nowrap;
968 box-shadow: none;
969 font-size: 16px;
970 font-weight: 600 !important;
971 line-height: 19px;
972 padding: 10px 20px;
973 border: none;
974 background-color: #df7739;
975 color: #ffffff;
976 text-transform: capitalize;
977 letter-spacing: normal;
978 padding: 15px 25px;
979 }
980 body.post-type-donation .charitable-blank-slate .charitable-blank-slate-buttons .charitable-blank-slate-cta.charitable-button:hover {
981 background-color: #bd632f;
982 color: white;
983 }
984 body.post-type-donation .charitable-blank-slate .charitable-blank-slate-buttons .charitable-blank-slate-cta.button-secondary {
985 background-color: #5AA152;
986 color: #ffffff;
987 }
988 body.post-type-donation .charitable-blank-slate .charitable-blank-slate-buttons .charitable-blank-slate-cta.button-secondary:hover {
989 color: white;
990 }
991 body.post-type-donation .charitable-blank-slate .charitable-blank-slate-buttons .charitable-blank-slate-cta:hover {
992 color: black;
993 }
994
995 /* Campaigns Page */
996 body.wp-admin.charitable-campaigns table.wp-list-table td.column-creator a {
997 display: flex;
998 }
999
1000 /* Blank Slate */
1001 .charitable-blank-slate {
1002 max-width: 800px;
1003 text-align: center;
1004 margin: auto;
1005 padding: 2em 0 0;
1006 }
1007 .charitable-blank-slate .page-header {
1008 background: white;
1009 border: 1px solid #ccd0d4;
1010 padding: 20px;
1011 display: flex;
1012 justify-content: space-between;
1013 align-items: center;
1014 margin: 0 0 20px 0;
1015 }
1016 .charitable-blank-slate .page-header .page-title {
1017 font-size: 23px;
1018 font-weight: 400;
1019 color: #23282d;
1020 margin: 0;
1021 }
1022 .charitable-blank-slate .welcome-card {
1023 background: white;
1024 border: 1px solid #ccd0d4;
1025 border-radius: 4px;
1026 padding: 40px;
1027 text-align: center;
1028 margin-bottom: 30px;
1029 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1030 }
1031 .charitable-blank-slate .welcome-card .welcome-title {
1032 font-size: 28px;
1033 color: #23282d;
1034 margin-bottom: 16px;
1035 font-weight: 600;
1036 }
1037 .charitable-blank-slate .welcome-card .welcome-description {
1038 font-size: 16px;
1039 color: #666;
1040 margin-bottom: 32px;
1041 max-width: 600px;
1042 margin-left: auto;
1043 margin-right: auto;
1044 line-height: 1.5;
1045 }
1046 .charitable-blank-slate .btn-primary {
1047 background: #87B655;
1048 color: white;
1049 border: none;
1050 padding: 8px 16px;
1051 border-radius: 3px;
1052 font-size: 13px;
1053 cursor: pointer;
1054 text-decoration: none;
1055 display: inline-block;
1056 }
1057 .charitable-blank-slate .btn-primary:hover {
1058 background: #7a9f4f;
1059 color: white;
1060 }
1061 .charitable-blank-slate .btn-primary.btn-large {
1062 font-size: 16px;
1063 padding: 16px 32px;
1064 border-radius: 5px;
1065 }
1066 .charitable-blank-slate .btn-secondary {
1067 background: #f47c3c;
1068 color: white;
1069 border: none;
1070 padding: 10px 20px;
1071 border-radius: 3px;
1072 font-size: 13px;
1073 cursor: pointer;
1074 text-decoration: none;
1075 display: inline-block;
1076 }
1077 .charitable-blank-slate .btn-secondary:hover {
1078 background: #e66a2a;
1079 color: white;
1080 }
1081 .charitable-blank-slate .secondary-actions {
1082 display: grid;
1083 grid-template-columns: 1fr;
1084 gap: 20px;
1085 margin: 30px auto;
1086 max-width: 800px;
1087 }
1088 @media (min-width: 768px) {
1089 .charitable-blank-slate .secondary-actions {
1090 grid-template-columns: 1fr 1fr;
1091 }
1092 }
1093 .charitable-blank-slate .action-card {
1094 background: white;
1095 border: 1px solid #ccd0d4;
1096 text-align: left;
1097 border-radius: 4px;
1098 padding: 24px;
1099 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1100 }
1101 .charitable-blank-slate .action-card h3 {
1102 font-size: 16px;
1103 color: #23282d;
1104 margin: 0 0 20px 0;
1105 font-weight: 600;
1106 text-align: left;
1107 }
1108 .charitable-blank-slate .action-card p {
1109 color: #666;
1110 margin: 0 0 16px 0;
1111 font-size: 14px;
1112 line-height: 1.4;
1113 }
1114 .charitable-blank-slate .givewp-detection-text {
1115 margin: 0 0 8px 0;
1116 font-size: 14px;
1117 line-height: 1.4;
1118 }
1119 .charitable-blank-slate .givewp-detection-text strong {
1120 color: #23282d;
1121 }
1122 .charitable-blank-slate .givewp-detection-text .givewp-count {
1123 color: #f47c3c;
1124 font-weight: 700;
1125 }
1126 .charitable-blank-slate .help-resources {
1127 background: white;
1128 border: 1px solid #ccd0d4;
1129 border-radius: 4px;
1130 padding: 24px;
1131 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1132 margin: 30px auto;
1133 max-width: 800px;
1134 text-align: left;
1135 }
1136 .charitable-blank-slate .help-resources h3 {
1137 font-size: 16px;
1138 color: #23282d;
1139 margin: 0 0 16px 0;
1140 font-weight: 600;
1141 }
1142 .charitable-blank-slate .help-links {
1143 list-style: none;
1144 margin: 0;
1145 padding: 0;
1146 }
1147 .charitable-blank-slate .help-links li {
1148 margin: 0 0 8px 0;
1149 padding: 0;
1150 }
1151 .charitable-blank-slate .help-links li a {
1152 color: #0073aa;
1153 text-decoration: none;
1154 font-size: 14px;
1155 }
1156 .charitable-blank-slate .help-links li a:hover {
1157 text-decoration: underline;
1158 }
1159 .charitable-blank-slate .blank-slate-feature-card {
1160 background: white;
1161 border: 1px solid #ccd0d4;
1162 border-radius: 4px;
1163 padding: 24px;
1164 text-align: left;
1165 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1166 display: flex;
1167 flex-direction: column;
1168 align-items: flex-start;
1169 gap: 16px;
1170 }
1171 .charitable-blank-slate .blank-slate-feature-card .blank-slate-feature-title-icon-row {
1172 display: flex;
1173 align-items: center;
1174 justify-content: center;
1175 gap: 8px;
1176 }
1177 .charitable-blank-slate .blank-slate-feature-card .blank-slate-feature-icon {
1178 display: flex;
1179 align-items: center;
1180 justify-content: center;
1181 }
1182 .charitable-blank-slate .blank-slate-feature-card .blank-slate-feature-icon img {
1183 width: 24px;
1184 height: 24px;
1185 opacity: 0.7;
1186 }
1187 .charitable-blank-slate .blank-slate-feature-card .blank-slate-feature-content {
1188 display: flex;
1189 flex-direction: column;
1190 align-items: flex-start;
1191 gap: 12px;
1192 }
1193 .charitable-blank-slate .blank-slate-feature-card .blank-slate-button-row {
1194 display: flex;
1195 flex-direction: row;
1196 align-items: center;
1197 gap: 10px;
1198 }
1199 .charitable-blank-slate .blank-slate-feature-card .blank-slate-feature-title {
1200 font-size: 16px;
1201 color: #23282d;
1202 margin: 0;
1203 font-weight: 600;
1204 display: flex;
1205 align-items: center;
1206 gap: 8px;
1207 }
1208 .charitable-blank-slate .blank-slate-feature-card .blank-slate-pro-badge {
1209 background: #f47c3c;
1210 color: white;
1211 font-size: 10px;
1212 padding: 2px 6px;
1213 border-radius: 2px;
1214 font-weight: 600;
1215 display: inline-block;
1216 text-transform: uppercase;
1217 }
1218 .charitable-blank-slate .blank-slate-feature-card .blank-slate-feature-description {
1219 color: #666;
1220 margin: 0;
1221 font-size: 14px;
1222 line-height: 1.4;
1223 text-align: left;
1224 max-width: 100%;
1225 }
1226 .charitable-blank-slate .charitable-dashboard-v2-enhance-grid-button {
1227 background: #f47c3c;
1228 color: white;
1229 border: none;
1230 padding: 10px 20px;
1231 border-radius: 3px;
1232 font-size: 13px;
1233 cursor: pointer;
1234 text-decoration: none;
1235 display: inline-block;
1236 font-weight: normal;
1237 transition: all 0.2s ease;
1238 text-align: center;
1239 }
1240 .charitable-blank-slate .charitable-dashboard-v2-enhance-grid-button:hover:not(:disabled) {
1241 background: #e66a2a;
1242 color: white;
1243 text-decoration: none;
1244 }
1245 .charitable-blank-slate .charitable-dashboard-v2-enhance-grid-button:focus {
1246 box-shadow: 0 0 0 1px #e66a2a;
1247 outline: none;
1248 }
1249 .charitable-blank-slate .charitable-dashboard-v2-enhance-grid-button:disabled {
1250 opacity: 0.6;
1251 cursor: not-allowed;
1252 }
1253 .charitable-blank-slate .charitable-dashboard-v2-enhance-grid-button.charitable-dashboard-v2-install-button {
1254 background: #f47c3c;
1255 }
1256 .charitable-blank-slate .charitable-dashboard-v2-enhance-grid-button.charitable-dashboard-v2-install-button:hover {
1257 background: #e66a2a;
1258 }
1259 .charitable-blank-slate .charitable-dashboard-v2-enhance-grid-button.charitable-dashboard-v2-activate-button {
1260 background: #87B655;
1261 }
1262 .charitable-blank-slate .charitable-dashboard-v2-enhance-grid-button.charitable-dashboard-v2-activate-button:hover {
1263 background: #7a9f4f;
1264 }
1265 .charitable-blank-slate .charitable-dashboard-v2-enhance-grid-button.charitable-dashboard-v2-installed-button {
1266 background: #6c757d;
1267 color: white;
1268 }
1269 .charitable-blank-slate .charitable-dashboard-v2-enhance-grid-button.charitable-dashboard-v2-installed-button:hover {
1270 background: #6c757d;
1271 }
1272 .charitable-blank-slate .charitable-dashboard-v2-enhance-grid-button.charitable-dashboard-v2-upgrade-button {
1273 background: #f47c3c;
1274 }
1275 .charitable-blank-slate .charitable-dashboard-v2-enhance-grid-button.charitable-dashboard-v2-upgrade-button:hover {
1276 background: #e66a2a;
1277 }
1278 .charitable-blank-slate .charitable-dashboard-v2-enhance-grid-button.charitable-dashboard-v2-learn-more-button {
1279 background: #f47c3c;
1280 color: white;
1281 border: none;
1282 }
1283 .charitable-blank-slate .charitable-dashboard-v2-enhance-grid-button.charitable-dashboard-v2-learn-more-button:hover {
1284 background: #e66a2a;
1285 color: white;
1286 text-decoration: none;
1287 }
1288
1289 .blank-slate-feature-content .charitable-dashboard-v2-enhance-grid-button {
1290 padding: 4px 15px !important;
1291 margin-top: 2px;
1292 font-size: 13px;
1293 line-height: 29px;
1294 font-weight: 500;
1295 }
1296
1297 /* Hide WordPress admin elements on blank slate pages.
1298 Note: campaign/donation hide rules are in inline <style> output
1299 by the blank slate renderer so they only apply when blank slate is active. */
1300
1301 /* Growth Tools */
1302 .charitable-growth-tools-dashboard.charitable-growth-tools-notice {
1303 position: absolute;
1304 top: 50%;
1305 left: 50%;
1306 transform: translate(-50%, -50%);
1307 z-index: 9999;
1308 }
1309 .charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior {
1310 background-color: white;
1311 padding: 20px;
1312 margin-top: -50px;
1313 box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
1314 border-radius: 4px;
1315 text-align: center;
1316 position: relative;
1317 }
1318 .charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior h2 {
1319 font-size: 21px;
1320 line-height: 24px;
1321 font-weight: 500;
1322 margin: 0 0 10px 0;
1323 font-family: "Inter", sans-serif;
1324 }
1325 .charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior p {
1326 font-size: 16px;
1327 line-height: 21px;
1328 margin: 5px auto;
1329 font-family: "Inter", sans-serif;
1330 }
1331 .charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior p.another-suggestion {
1332 margin-top: 20px;
1333 font-size: 12px;
1334 line-height: 12px;
1335 }
1336 .charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior p.another-suggestion a {
1337 font-weight: 300;
1338 color: #444;
1339 }
1340 .charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior p.more-recommendations {
1341 font-size: 14px;
1342 }
1343 .charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior .charitable-notice-why {
1344 width: 75%;
1345 margin: 20px auto;
1346 }
1347 .charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior .charitable-notice-why strong {
1348 text-transform: uppercase;
1349 font-weight: 700;
1350 font-size: 14px;
1351 }
1352 .charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior a.charitable-remove-growth-tools {
1353 position: absolute;
1354 right: 20px;
1355 top: 20px;
1356 font-size: 14px;
1357 line-height: 14px;
1358 width: 16px;
1359 height: 16px;
1360 text-decoration: none;
1361 opacity: 0.3;
1362 background-image: url(../../images/onboarding/checklist/times-circle-regular.svg);
1363 color: #b6b6b6;
1364 }
1365 .charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior p.charitable-dashboard-notice-another-suggestion a {
1366 color: black;
1367 font-size: 12px;
1368 line-height: 14px;
1369 text-decoration: underline;
1370 font-weight: 300;
1371 }
1372 .charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior p.charitable-dashboard-notice-another-suggestion a:hover {
1373 color: darkgrey;
1374 }
1375
1376 /* suggestions */
1377 .marketplace-suggestions-container .marketplace-suggestion-container {
1378 padding: 1.5em;
1379 align-items: center;
1380 flex-direction: row;
1381 }
1382 .marketplace-suggestions-container h4 {
1383 margin: 0 auto;
1384 font-weight: 500;
1385 font-size: 18px;
1386 }
1387 .marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container {
1388 display: flex;
1389 position: relative;
1390 }
1391 .marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container .marketplace-suggestion-container-content h4 {
1392 text-align: left;
1393 }
1394 .marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container .marketplace-suggestion-container-content p {
1395 font-size: 13px;
1396 line-height: 1.5;
1397 margin: 4px 0 0 0;
1398 color: #444;
1399 text-align: left;
1400 }
1401 .marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container img.marketplace-suggestion-icon {
1402 margin: 0 1.5em 0 0;
1403 height: 40px;
1404 flex: 0 0 40px;
1405 }
1406 .marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container .marketplace-suggestion-container-cta {
1407 flex: 1 1 30%;
1408 min-width: 160px;
1409 text-align: right;
1410 }
1411 .marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container .suggestion-dismiss {
1412 position: relative;
1413 top: 5px;
1414 right: auto;
1415 margin-left: 1em;
1416 color: #ddd;
1417 }
1418 .marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container a.suggestion-dismiss::before {
1419 font-family: Dashicons;
1420 speak: never;
1421 font-weight: 400;
1422 font-variant: normal;
1423 text-transform: none;
1424 line-height: 1;
1425 -webkit-font-smoothing: antialiased;
1426 content: "\f335";
1427 text-decoration: none;
1428 font-size: 1.5em;
1429 }
1430 .marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container a.charitable-button-link {
1431 background-color: #5aa152;
1432 color: #fff;
1433 padding: 10px 15px;
1434 position: relative;
1435 top: -4px;
1436 text-decoration: none;
1437 border-radius: 5px;
1438 text-shadow: none;
1439 font-weight: 600;
1440 font-size: 13px;
1441 line-height: normal;
1442 cursor: pointer;
1443 margin: 5px auto 0 auto;
1444 display: inline-block;
1445 }
1446 .marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container a.charitable-button-link.charitable-learn-more {
1447 background-color: #f18200;
1448 }
1449 .marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container a.charitable-button-link:hover {
1450 background-color: #3f7539;
1451 }
1452 .marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container-footer .marketplace-suggestion-container-cta {
1453 text-align: center;
1454 }
1455 .marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container-footer .marketplace-suggestion-container-cta a.linkout {
1456 text-decoration: none;
1457 margin-right: 20px;
1458 color: #999;
1459 }
1460 .marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container-footer .marketplace-suggestion-container-cta a.linkout:hover {
1461 color: #444;
1462 text-decoration: underline;
1463 }
1464
1465 /* menu */
1466 #adminmenu #toplevel_page_charitable ul.wp-submenu li.wp-first-item {
1467 display: none !important;
1468 visibility: hidden !important;
1469 }
1470
1471 body.charitable_legacy_dashboard #adminmenu #toplevel_page_charitable ul.wp-submenu li.wp-first-item {
1472 display: unset;
1473 visibility: unset;
1474 }
1475
1476 body.taxonomy-campaign_category li#toplevel_page_charitable ul li.tools,
1477 body.taxonomy-campaign_tag li#toplevel_page_charitable ul li.tools {
1478 font-weight: 600 !important;
1479 color: white;
1480 }
1481 body.taxonomy-campaign_category li#toplevel_page_charitable ul li.tools a,
1482 body.taxonomy-campaign_tag li#toplevel_page_charitable ul li.tools a {
1483 font-weight: 600 !important;
1484 color: white;
1485 }
1486
1487 #adminmenu .wp-submenu a .charitable-menu-new-indicator {
1488 color: #f18200;
1489 vertical-align: super;
1490 font-size: 9px;
1491 }
1492
1493 /* settings */
1494 body.charitable_page_charitable-settings table,
1495 body.charitable_page_charitable-reports table,
1496 body.post-type-charitable.edit-tags-php table,
1497 body.charitable_page_charitable-tools table,
1498 body.charitable_page_charitable-addons table {
1499 border-color: #DDD;
1500 }
1501 body.charitable_page_charitable-settings table thead th a,
1502 body.charitable_page_charitable-settings table tfoot th a,
1503 body.charitable_page_charitable-reports table thead th a,
1504 body.charitable_page_charitable-reports table tfoot th a,
1505 body.post-type-charitable.edit-tags-php table thead th a,
1506 body.post-type-charitable.edit-tags-php table tfoot th a,
1507 body.charitable_page_charitable-tools table thead th a,
1508 body.charitable_page_charitable-tools table tfoot th a,
1509 body.charitable_page_charitable-addons table thead th a,
1510 body.charitable_page_charitable-addons table tfoot th a {
1511 color: #6A6C77;
1512 font-weight: 500;
1513 }
1514 body.charitable_page_charitable-settings table thead th,
1515 body.charitable_page_charitable-settings table tfoot th,
1516 body.charitable_page_charitable-settings table thead td,
1517 body.charitable_page_charitable-settings table tfoot td,
1518 body.charitable_page_charitable-reports table thead th,
1519 body.charitable_page_charitable-reports table tfoot th,
1520 body.charitable_page_charitable-reports table thead td,
1521 body.charitable_page_charitable-reports table tfoot td,
1522 body.post-type-charitable.edit-tags-php table thead th,
1523 body.post-type-charitable.edit-tags-php table tfoot th,
1524 body.post-type-charitable.edit-tags-php table thead td,
1525 body.post-type-charitable.edit-tags-php table tfoot td,
1526 body.charitable_page_charitable-tools table thead th,
1527 body.charitable_page_charitable-tools table tfoot th,
1528 body.charitable_page_charitable-tools table thead td,
1529 body.charitable_page_charitable-tools table tfoot td,
1530 body.charitable_page_charitable-addons table thead th,
1531 body.charitable_page_charitable-addons table tfoot th,
1532 body.charitable_page_charitable-addons table thead td,
1533 body.charitable_page_charitable-addons table tfoot td {
1534 border-color: #DDD;
1535 }
1536 body.charitable_page_charitable-settings table td.title,
1537 body.charitable_page_charitable-reports table td.title,
1538 body.post-type-charitable.edit-tags-php table td.title,
1539 body.charitable_page_charitable-tools table td.title,
1540 body.charitable_page_charitable-addons table td.title {
1541 font-weight: 400;
1542 padding-right: 50px;
1543 }
1544 body.charitable_page_charitable-settings table td.title a,
1545 body.charitable_page_charitable-reports table td.title a,
1546 body.post-type-charitable.edit-tags-php table td.title a,
1547 body.charitable_page_charitable-tools table td.title a,
1548 body.charitable_page_charitable-addons table td.title a {
1549 font-weight: 400;
1550 color: #454955;
1551 }
1552 body.charitable_page_charitable-settings h1,
1553 body.charitable_page_charitable-reports h1,
1554 body.post-type-charitable.edit-tags-php h1,
1555 body.charitable_page_charitable-tools h1,
1556 body.charitable_page_charitable-addons h1 {
1557 font-family: "Inter", sans-serif;
1558 font-weight: 500;
1559 font-size: 21px;
1560 margin-right: 10px;
1561 margin-bottom: 20px;
1562 margin-top: 20px;
1563 }
1564
1565 body.post-type-charitable.edit-tags-php #col-container {
1566 margin-top: 15px;
1567 }
1568 body.post-type-charitable.edit-tags-php h1.wp-heading-inline {
1569 display: none;
1570 }
1571
1572 body.charitable_page_charitable-settings div#charitable-settings table.form-table tbody tr th[scope=row] label {
1573 font-weight: normal;
1574 font-size: inherit;
1575 margin: 10px 0 6px 0;
1576 line-height: 20px;
1577 font-family: "Inter", sans-serif;
1578 display: block;
1579 }
1580
1581 /* customerizer legacy */
1582 .charitable-customizer-section img {
1583 float: left;
1584 border: 1px solid #ccc;
1585 padding: 5px;
1586 margin-right: 20px;
1587 }
1588 .charitable-customizer-section a.button.button-primary {
1589 background-color: #5AA152;
1590 border-color: #5AA152;
1591 color: white;
1592 border-radius: 5px;
1593 font-family: "Inter", sans-serif;
1594 font-weight: 600;
1595 font-size: 14px;
1596 line-height: 14px;
1597 padding: 15px 20px;
1598 text-transform: capitalize;
1599 }
1600
1601 /* tabs */
1602 body.charitable_page_charitable-reports h2.nav-tab-wrapper,
1603 body.charitable_page_charitable-tools h2.nav-tab-wrapper,
1604 body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper,
1605 body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper,
1606 body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper,
1607 body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper,
1608 body.charitable_page_charitable-settings h2.nav-tab-wrapper,
1609 body.charitable_page_charitable-about h2.nav-tab-wrapper {
1610 font-family: "Inter", sans-serif;
1611 margin-bottom: 25px;
1612 display: inline-block;
1613 border-bottom: 1px solid #D5D6D8;
1614 padding-left: 0px;
1615 padding-right: 20px;
1616 margin-bottom: 5px;
1617 width: calc(100% - 40px);
1618 }
1619 body.charitable_page_charitable-reports h2.nav-tab-wrapper a.nav-tab,
1620 body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab,
1621 body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper a.nav-tab,
1622 body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper a.nav-tab,
1623 body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper a.nav-tab,
1624 body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper a.nav-tab,
1625 body.charitable_page_charitable-settings h2.nav-tab-wrapper a.nav-tab,
1626 body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab {
1627 margin: 0 15px 0 0;
1628 font-family: "Inter", sans-serif;
1629 border: 0;
1630 background: none;
1631 color: #85878F;
1632 font-size: 15px;
1633 line-height: 18px;
1634 padding-bottom: 25px;
1635 padding-left: 15px;
1636 padding-right: 15px;
1637 font-weight: 400;
1638 border-bottom: 2px solid transparent;
1639 }
1640 body.charitable_page_charitable-reports h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
1641 body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
1642 body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
1643 body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
1644 body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
1645 body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
1646 body.charitable_page_charitable-settings h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
1647 body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab.nav-tab-active {
1648 color: #2F3241;
1649 font-weight: 600;
1650 border-bottom: 2px solid #5AA152;
1651 }
1652 body.charitable_page_charitable-reports h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after, body.charitable_page_charitable-reports h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
1653 body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
1654 body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
1655 body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
1656 body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
1657 body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
1658 body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
1659 body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
1660 body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
1661 body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
1662 body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
1663 body.charitable_page_charitable-settings h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
1664 body.charitable_page_charitable-settings h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
1665 body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
1666 body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after {
1667 content: "Pro";
1668 background-color: #F99E36;
1669 padding: 3px 7px;
1670 font-size: 11px;
1671 line-height: 11px;
1672 text-transform: uppercase;
1673 color: white;
1674 font-weight: 600;
1675 margin-left: 5px;
1676 margin-right: 5px;
1677 margin-top: 0;
1678 position: relative;
1679 top: -7px;
1680 }
1681 body.charitable_page_charitable-reports h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
1682 body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
1683 body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
1684 body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
1685 body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
1686 body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
1687 body.charitable_page_charitable-settings h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
1688 body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after {
1689 /* undo the content css above */
1690 display: none;
1691 }
1692 body.charitable_page_charitable-reports h2.nav-tab-wrapper a.nav-tab:hover,
1693 body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab:hover,
1694 body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper a.nav-tab:hover,
1695 body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper a.nav-tab:hover,
1696 body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper a.nav-tab:hover,
1697 body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper a.nav-tab:hover,
1698 body.charitable_page_charitable-settings h2.nav-tab-wrapper a.nav-tab:hover,
1699 body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab:hover {
1700 color: #2F3241;
1701 border-bottom: 2px solid #D5D6D8;
1702 }
1703
1704 /* Sub-tab navigation for tools import */
1705 body.charitable_page_charitable-tools h3.nav-sub-tab-wrapper {
1706 font-family: "Inter", sans-serif;
1707 margin: 10px 0 0 0;
1708 padding: 0;
1709 border-bottom: none;
1710 font-size: 14px;
1711 font-weight: 400;
1712 }
1713 body.charitable_page_charitable-reports h3.nav-sub-tab-wrapper a.nav-tab,
1714 body.charitable_page_charitable-tools h3.nav-sub-tab-wrapper a.nav-tab,
1715 body.charitable_page_charitable-settings h3.nav-sub-tab-wrapper a.nav-tab,
1716 body.charitable_page_charitable-about h3.nav-sub-tab-wrapper a.nav-tab {
1717 font-size: 13px;
1718 line-height: 13px;
1719 padding: 10px 15px;
1720 border-bottom: 2px solid transparent;
1721 background-color: transparent;
1722 border-top: 0;
1723 border-left: 0;
1724 border-right: 0;
1725 font-weight: 400;
1726 margin-left: 0;
1727 }
1728 body.charitable_page_charitable-reports h3.nav-sub-tab-wrapper a.nav-tab.nav-tab-active,
1729 body.charitable_page_charitable-tools h3.nav-sub-tab-wrapper a.nav-tab.nav-tab-active,
1730 body.charitable_page_charitable-settings h3.nav-sub-tab-wrapper a.nav-tab.nav-tab-active,
1731 body.charitable_page_charitable-about h3.nav-sub-tab-wrapper a.nav-tab.nav-tab-active {
1732 font-style: normal;
1733 font-weight: 600;
1734 line-height: 130%;
1735 border-bottom: 2px solid #5AA152;
1736 color: #5AA152;
1737 }
1738
1739 /* Tools heading - Pro style for import sub-tab headings */
1740 tr.charitable-tools-heading-pro th[scope=row] h4 {
1741 font-size: 20px !important;
1742 font-weight: 600 !important;
1743 margin: 20px 0 6px 0 !important;
1744 line-height: 20px !important;
1745 }
1746 tr.charitable-tools-heading-pro th[scope=row] p {
1747 font-size: 14px;
1748 font-weight: 600;
1749 color: #50575E;
1750 margin: 4px 0 0 0;
1751 }
1752
1753 /* Pro upsell notice on import tools */
1754 .charitable-import-pro-notice {
1755 background: #FFF8E5;
1756 border: 1px solid #F99E36;
1757 padding: 12px 16px;
1758 margin: 0 0 20px 0;
1759 font-family: "Inter", sans-serif;
1760 font-size: 13px;
1761 line-height: 1.6;
1762 }
1763 .charitable-import-pro-notice p {
1764 margin: 0;
1765 }
1766 .charitable-import-pro-notice a {
1767 color: #B8600B;
1768 }
1769
1770 /* BETA badge in table row labels */
1771 th .badge.beta,
1772 th label .badge.beta {
1773 display: inline-block;
1774 color: #fff;
1775 background-color: #007bff;
1776 font-size: 10px;
1777 font-weight: 700;
1778 letter-spacing: 0.5px;
1779 padding: 2px 8px;
1780 border-radius: 0.25rem;
1781 text-transform: uppercase;
1782 line-height: 1.4;
1783 vertical-align: middle;
1784 margin-left: 6px;
1785 }
1786
1787 /* GiveWP migration tool row */
1788 tr.charitable-givewp-migration-row th[scope=row] label {
1789 font-size: 13px;
1790 font-weight: 600;
1791 }
1792
1793 /* GiveWP migration tool styles */
1794 .charitable-givewp-migration-wrap {
1795 max-width: 520px;
1796 padding: 10px 0;
1797 font-family: "Inter", sans-serif;
1798 }
1799
1800 /* Info boxes (Before You Begin, Data Found) */
1801 .charitable-givewp-migration-wrap .migration-info-box {
1802 background: #F6F7F7;
1803 border: 1px solid #E1E1E1;
1804 border-radius: 4px;
1805 padding: 16px 20px;
1806 margin-bottom: 16px;
1807 }
1808 .charitable-givewp-migration-wrap .migration-info-box.charitable-before-import {
1809 background: #FFF8E5;
1810 border: 1px solid #DBA617;
1811 }
1812 .charitable-givewp-migration-wrap .migration-info-box .info-box-heading {
1813 margin: 0 0 8px 0;
1814 font-size: 13px;
1815 }
1816 .charitable-givewp-migration-wrap .migration-info-box ul {
1817 margin: 0;
1818 padding: 0 0 0 18px;
1819 list-style: disc;
1820 }
1821 .charitable-givewp-migration-wrap .migration-info-box ul li {
1822 font-size: 13px;
1823 line-height: 1.6;
1824 color: #50575E;
1825 margin-bottom: 4px;
1826 }
1827
1828 /* Data found table */
1829 .charitable-givewp-migration-wrap .migration-data-found {
1830 border-collapse: collapse;
1831 width: 100%;
1832 margin: 0;
1833 }
1834 .charitable-givewp-migration-wrap .migration-data-found td {
1835 padding: 4px 12px 4px 0;
1836 font-size: 13px;
1837 color: #50575E;
1838 border: none;
1839 }
1840 .charitable-givewp-migration-wrap .migration-data-found td.data-count {
1841 font-weight: 700;
1842 color: #1D2327;
1843 width: 40px;
1844 }
1845
1846 /* Select What to Import section */
1847 .charitable-givewp-migration-wrap .migration-select-section {
1848 margin-bottom: 16px;
1849 }
1850 .charitable-givewp-migration-wrap .migration-select-section .select-heading {
1851 margin: 0 0 10px 0;
1852 font-size: 13px;
1853 }
1854 .charitable-givewp-migration-wrap .migration-options {
1855 margin-bottom: 10px;
1856 padding-bottom: 10px;
1857 border-bottom: 1px solid #E1E1E1;
1858 }
1859 .charitable-givewp-migration-wrap .migration-options label {
1860 display: block;
1861 margin-bottom: 8px;
1862 font-size: 13px;
1863 color: #1D2327;
1864 cursor: pointer;
1865 }
1866 .charitable-givewp-migration-wrap .migration-options label input[type="checkbox"] {
1867 margin-right: 6px;
1868 }
1869 .charitable-givewp-migration-wrap .migration-extra-options {
1870 margin-bottom: 0;
1871 }
1872 .charitable-givewp-migration-wrap .migration-extra-options label {
1873 display: block;
1874 margin-bottom: 6px;
1875 font-size: 13px;
1876 color: #1D2327;
1877 cursor: pointer;
1878 }
1879 .charitable-givewp-migration-wrap .migration-extra-options label input[type="checkbox"] {
1880 margin-right: 6px;
1881 }
1882 .charitable-givewp-migration-wrap .migration-extra-options .option-description {
1883 color: #888;
1884 font-style: italic;
1885 font-size: 12px;
1886 }
1887
1888 /* Start button */
1889 .charitable-givewp-migration-wrap .migration-button-wrap {
1890 margin: 20px 0;
1891 }
1892 .charitable-givewp-migration-wrap .charitable-migration-btn {
1893 display: inline-flex;
1894 align-items: center;
1895 gap: 6px;
1896 background: #5AA152;
1897 color: #fff;
1898 border: none;
1899 border-radius: 4px;
1900 padding: 10px 22px;
1901 font-size: 14px;
1902 font-weight: 600;
1903 font-family: "Inter", sans-serif;
1904 cursor: pointer;
1905 line-height: 1.4;
1906 transition: background 0.2s ease;
1907 }
1908 .charitable-givewp-migration-wrap .charitable-migration-btn:hover {
1909 background: #4A8A44;
1910 color: #fff;
1911 }
1912 .charitable-givewp-migration-wrap .charitable-migration-btn:disabled {
1913 opacity: 0.6;
1914 cursor: not-allowed;
1915 }
1916 .charitable-givewp-migration-wrap .charitable-migration-btn .dashicons {
1917 font-size: 18px;
1918 width: 18px;
1919 height: 18px;
1920 line-height: 1;
1921 }
1922
1923 /* Progress bar */
1924 .charitable-givewp-migration-wrap .migration-progress {
1925 display: none;
1926 margin-top: 15px;
1927 }
1928 .charitable-givewp-migration-wrap .progress-bar-outer {
1929 width: 100%;
1930 height: 24px;
1931 background: #F0F0F1;
1932 border-radius: 3px;
1933 overflow: hidden;
1934 }
1935 .charitable-givewp-migration-wrap .progress-bar-inner {
1936 width: 0;
1937 height: 100%;
1938 background: #5AA152;
1939 transition: width 0.3s ease;
1940 border-radius: 3px;
1941 }
1942 .charitable-givewp-migration-wrap .progress-status {
1943 margin-top: 8px;
1944 font-size: 13px;
1945 color: #646970;
1946 }
1947
1948 /* Results tables */
1949 .charitable-givewp-migration-wrap .migration-results,
1950 .charitable-givewp-migration-wrap .migration-dry-run-results {
1951 display: none;
1952 margin-top: 15px;
1953 }
1954 .charitable-givewp-migration-wrap .migration-results h4,
1955 .charitable-givewp-migration-wrap .migration-dry-run-results h4 {
1956 font-size: 14px;
1957 font-weight: 600;
1958 margin: 0 0 10px 0;
1959 }
1960 .charitable-givewp-migration-wrap .migration-results table,
1961 .charitable-givewp-migration-wrap .migration-dry-run-results table {
1962 border-collapse: collapse;
1963 width: 100%;
1964 }
1965 .charitable-givewp-migration-wrap .migration-results table th,
1966 .charitable-givewp-migration-wrap .migration-results table td,
1967 .charitable-givewp-migration-wrap .migration-dry-run-results table th,
1968 .charitable-givewp-migration-wrap .migration-dry-run-results table td {
1969 padding: 8px 12px;
1970 text-align: left;
1971 border-bottom: 1px solid #E1E1E1;
1972 font-size: 13px;
1973 }
1974 .charitable-givewp-migration-wrap .migration-results table th,
1975 .charitable-givewp-migration-wrap .migration-dry-run-results table th {
1976 font-weight: 600;
1977 color: #1D2327;
1978 }
1979
1980 /* Error display */
1981 .charitable-givewp-migration-wrap .migration-error {
1982 display: none;
1983 color: #D63638;
1984 margin-top: 10px;
1985 font-size: 13px;
1986 }
1987
1988 body.charitable_page_charitable-reports div#charitable-settings table.form-table tbody tr:first-child th[scope=row] h4,
1989 body.charitable_page_charitable-reports h4,
1990 body.charitable_page_charitable-tools div#charitable-settings table.form-table tbody tr:first-child th[scope=row] h4,
1991 body.charitable_page_charitable-tools h4,
1992 body.charitable_page_charitable-settings div#charitable-settings table.form-table tbody tr:first-child th[scope=row] h4,
1993 body.charitable_page_charitable-settings h4 {
1994 font-family: "Inter", sans-serif;
1995 font-weight: 500;
1996 }
1997 body.charitable_page_charitable-reports.charitable-admin-settings-gateways div#charitable-settings table.form-table th,
1998 body.charitable_page_charitable-tools.charitable-admin-settings-gateways div#charitable-settings table.form-table th,
1999 body.charitable_page_charitable-settings.charitable-admin-settings-gateways div#charitable-settings table.form-table th {
2000 min-width: auto !important;
2001 }
2002 body.charitable_page_charitable-reports.charitable-admin-settings-gateways div#charitable-settings table.form-table tbody tr th[scope=row] h4,
2003 body.charitable_page_charitable-tools.charitable-admin-settings-gateways div#charitable-settings table.form-table tbody tr th[scope=row] h4,
2004 body.charitable_page_charitable-settings.charitable-admin-settings-gateways div#charitable-settings table.form-table tbody tr th[scope=row] h4 {
2005 padding-bottom: 20px;
2006 }
2007 body.charitable_page_charitable-reports.charitable-admin-settings-gateways div#charitable-settings table.form-table tbody tr td,
2008 body.charitable_page_charitable-tools.charitable-admin-settings-gateways div#charitable-settings table.form-table tbody tr td,
2009 body.charitable_page_charitable-settings.charitable-admin-settings-gateways div#charitable-settings table.form-table tbody tr td {
2010 padding-top: 5px;
2011 }
2012 body.charitable_page_charitable-reports.charitable-admin-settings-gateways div#charitable-settings table.form-table a.wpcharitable-stripe-connect,
2013 body.charitable_page_charitable-tools.charitable-admin-settings-gateways div#charitable-settings table.form-table a.wpcharitable-stripe-connect,
2014 body.charitable_page_charitable-settings.charitable-admin-settings-gateways div#charitable-settings table.form-table a.wpcharitable-stripe-connect {
2015 margin-top: -10px;
2016 }
2017 body.charitable_page_charitable-reports.charitable-admin-settings-gateways .charitable-settings-field,
2018 body.charitable_page_charitable-tools.charitable-admin-settings-gateways .charitable-settings-field,
2019 body.charitable_page_charitable-settings.charitable-admin-settings-gateways .charitable-settings-field {
2020 font-size: 13px;
2021 margin-top: 10px;
2022 }
2023 body.charitable_page_charitable-reports.charitable-admin-settings-gateways #charitable_settings_test_mode.charitable-settings-field,
2024 body.charitable_page_charitable-tools.charitable-admin-settings-gateways #charitable_settings_test_mode.charitable-settings-field,
2025 body.charitable_page_charitable-settings.charitable-admin-settings-gateways #charitable_settings_test_mode.charitable-settings-field {
2026 margin-top: -10px;
2027 }
2028 body.charitable_page_charitable-reports .charitable-settings-object h4,
2029 body.charitable_page_charitable-tools .charitable-settings-object h4,
2030 body.charitable_page_charitable-settings .charitable-settings-object h4 {
2031 line-height: 40px;
2032 }
2033 body.charitable_page_charitable-reports .charitable-settings-object.charitable-gateway,
2034 body.charitable_page_charitable-tools .charitable-settings-object.charitable-gateway,
2035 body.charitable_page_charitable-settings .charitable-settings-object.charitable-gateway {
2036 min-height: 40px;
2037 }
2038 body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo,
2039 body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo,
2040 body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo {
2041 float: left;
2042 padding: 5px 0 0 20px;
2043 }
2044 body.charitable_page_charitable-reports .charitable-settings-object .gateway-badge,
2045 body.charitable_page_charitable-tools .charitable-settings-object .gateway-badge,
2046 body.charitable_page_charitable-settings .charitable-settings-object .gateway-badge {
2047 background-color: #347d39 !important;
2048 font-weight: 500;
2049 color: white;
2050 font-size: 0.775rem;
2051 line-height: 1.25rem;
2052 padding-bottom: 0.225rem;
2053 padding-left: 0.625rem;
2054 padding-right: 0.625rem;
2055 padding-top: 0.225rem;
2056 }
2057 body.charitable_page_charitable-reports .charitable-settings-object .make-default-gateway,
2058 body.charitable_page_charitable-tools .charitable-settings-object .make-default-gateway,
2059 body.charitable_page_charitable-settings .charitable-settings-object .make-default-gateway {
2060 display: inline-block;
2061 color: #2B66D1;
2062 text-transform: capitalize;
2063 font-weight: 500;
2064 font-size: 12px;
2065 line-height: 12px;
2066 margin-left: 0 !important;
2067 text-decoration: underline;
2068 }
2069 body.charitable_page_charitable-reports .charitable-settings-object .make-default-gateway i,
2070 body.charitable_page_charitable-tools .charitable-settings-object .make-default-gateway i,
2071 body.charitable_page_charitable-settings .charitable-settings-object .make-default-gateway i {
2072 font-size: 15px;
2073 line-height: 15px;
2074 margin-right: 3px;
2075 }
2076 body.charitable_page_charitable-reports .charitable-settings-object .default-gateway,
2077 body.charitable_page_charitable-tools .charitable-settings-object .default-gateway,
2078 body.charitable_page_charitable-settings .charitable-settings-object .default-gateway {
2079 margin-top: 6px;
2080 display: inline-block;
2081 }
2082 body.charitable_page_charitable-reports .charitable-settings-object > .charitable-badge,
2083 body.charitable_page_charitable-tools .charitable-settings-object > .charitable-badge,
2084 body.charitable_page_charitable-settings .charitable-settings-object > .charitable-badge {
2085 margin-left: 15px;
2086 top: 8px;
2087 position: relative;
2088 }
2089 body.charitable_page_charitable-reports .charitable-settings-object > .charitable-badge ~ .charitable-badge,
2090 body.charitable_page_charitable-tools .charitable-settings-object > .charitable-badge ~ .charitable-badge,
2091 body.charitable_page_charitable-settings .charitable-settings-object > .charitable-badge ~ .charitable-badge {
2092 margin-left: 5px;
2093 }
2094 body.charitable_page_charitable-reports .charitable-settings-object,
2095 body.charitable_page_charitable-tools .charitable-settings-object,
2096 body.charitable_page_charitable-settings .charitable-settings-object {
2097 display: flex;
2098 flex-direction: row;
2099 align-items: center;
2100 justify-content: space-between;
2101 }
2102 body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo,
2103 body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo,
2104 body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo {
2105 padding: 0;
2106 }
2107 body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo-name,
2108 body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo-name,
2109 body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo-name {
2110 padding: 0 0 0 10px;
2111 }
2112 body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo-name .charitable-badge,
2113 body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo-name .charitable-badge,
2114 body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo-name .charitable-badge {
2115 margin-right: 10px;
2116 }
2117 body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo,
2118 body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo-name h4,
2119 body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo,
2120 body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo-name h4,
2121 body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo,
2122 body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo-name h4 {
2123 width: 130px;
2124 }
2125 body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo,
2126 body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo,
2127 body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo {
2128 margin-bottom: -5px;
2129 }
2130 body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo-name,
2131 body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo-name,
2132 body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo-name {
2133 display: flex;
2134 align-items: center;
2135 justify-content: center;
2136 flex-direction: row;
2137 }
2138 body.charitable_page_charitable-reports .charitable-settings-object.square .gateway-logo,
2139 body.charitable_page_charitable-tools .charitable-settings-object.square .gateway-logo,
2140 body.charitable_page_charitable-settings .charitable-settings-object.square .gateway-logo {
2141 margin-bottom: -5px;
2142 }
2143 body.charitable_page_charitable-reports tr.charitable-test-mode-checkbox,
2144 body.charitable_page_charitable-tools tr.charitable-test-mode-checkbox,
2145 body.charitable_page_charitable-settings tr.charitable-test-mode-checkbox {
2146 display: flex;
2147 justify-content: left;
2148 align-items: center;
2149 width: calc(100% - 20px);
2150 }
2151 body.charitable_page_charitable-reports tr.charitable-test-mode-checkbox th h4,
2152 body.charitable_page_charitable-tools tr.charitable-test-mode-checkbox th h4,
2153 body.charitable_page_charitable-settings tr.charitable-test-mode-checkbox th h4 {
2154 padding: 0 !important;
2155 margin: 0 !important;
2156 }
2157 body.charitable_page_charitable-reports tr.charitable-test-mode-checkbox td,
2158 body.charitable_page_charitable-tools tr.charitable-test-mode-checkbox td,
2159 body.charitable_page_charitable-settings tr.charitable-test-mode-checkbox td {
2160 margin: 0;
2161 padding: 0;
2162 }
2163 body.charitable_page_charitable-reports .square-business-locations.square-disconnected,
2164 body.charitable_page_charitable-tools .square-business-locations.square-disconnected,
2165 body.charitable_page_charitable-settings .square-business-locations.square-disconnected {
2166 display: none !important;
2167 }
2168
2169 body.charitable-admin-settings-gateways.charitable-admin-settings-gateways-main table.form-table tbody tr:last-child {
2170 display: none;
2171 }
2172 body.charitable-admin-settings-gateways.charitable-admin-settings-gateways-main p.submit {
2173 margin-bottom: 40px;
2174 }
2175
2176 /* buttons */
2177 body.charitable-admin-settings a.button,
2178 body.taxonomy-campaign_tag a.button,
2179 body.taxonomy-campaign_category a.button {
2180 background-color: #F8F8F9;
2181 border-color: #D7D7DB;
2182 color: #5C5F6A;
2183 border-radius: 5px;
2184 padding: 5px 10px;
2185 }
2186 body.charitable-admin-settings a.button:hover,
2187 body.taxonomy-campaign_tag a.button:hover,
2188 body.taxonomy-campaign_category a.button:hover {
2189 background-color: #d1d1d8;
2190 border-color: #D7D7DB;
2191 }
2192 body.charitable-admin-settings a.button-primary,
2193 body.taxonomy-campaign_tag a.button-primary,
2194 body.taxonomy-campaign_category a.button-primary {
2195 background-color: #5AA152;
2196 border-color: #5AA152;
2197 color: white;
2198 border-radius: 5px;
2199 }
2200 body.charitable-admin-settings a.button-primary:hover,
2201 body.taxonomy-campaign_tag a.button-primary:hover,
2202 body.taxonomy-campaign_category a.button-primary:hover {
2203 background-color: #3f7539;
2204 border-color: #3f7539;
2205 }
2206 body.charitable-admin-settings input.button-primary[type=submit],
2207 body.taxonomy-campaign_tag input.button-primary[type=submit],
2208 body.taxonomy-campaign_category input.button-primary[type=submit] {
2209 background-color: #5AA152;
2210 border-color: #5AA152;
2211 color: white;
2212 border-radius: 5px;
2213 font-family: "Inter", sans-serif;
2214 font-weight: 600;
2215 font-size: 14px;
2216 line-height: 14px;
2217 padding: 15px 20px;
2218 text-transform: capitalize;
2219 }
2220 body.charitable-admin-settings input.button-primary[type=submit]:hover,
2221 body.taxonomy-campaign_tag input.button-primary[type=submit]:hover,
2222 body.taxonomy-campaign_category input.button-primary[type=submit]:hover {
2223 background-color: #3f7539;
2224 border-color: #3f7539;
2225 }
2226
2227 body.taxonomy-campaign_tag input.button-primary[type=submit],
2228 body.taxonomy-campaign_category input.button-primary[type=submit] {
2229 line-height: 0;
2230 height: 50px;
2231 }
2232
2233 /* badges */
2234 .charitable-badge {
2235 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2236 text-transform: uppercase;
2237 font-weight: 700;
2238 text-align: center;
2239 line-height: 6px;
2240 user-select: none;
2241 transition-property: all;
2242 transition-duration: 0.15s;
2243 transition-timing-function: ease-out;
2244 }
2245
2246 .charitable-badge i.fa {
2247 margin-right: 5px;
2248 }
2249
2250 .charitable-badge-sm {
2251 font-size: 8px;
2252 letter-spacing: 0.4px;
2253 padding: 6px 8px;
2254 }
2255
2256 .charitable-badge-inline {
2257 display: inline-block;
2258 }
2259
2260 .charitable-badge-green {
2261 color: #30b450;
2262 background-color: #e5f6e9;
2263 }
2264
2265 .charitable-badge-orange {
2266 color: #f18200;
2267 background-color: #fff3e6;
2268 }
2269
2270 .charitable-badge-rounded {
2271 border-radius: 3px;
2272 }
2273
2274 .charitable-panel-sidebar .charitable-badge {
2275 border-radius: 4px;
2276 color: #ffffff;
2277 font-size: 10px;
2278 font-weight: 700;
2279 line-height: 1;
2280 padding: 4px 5px;
2281 margin-inline-end: 10px;
2282 position: relative;
2283 top: -2px;
2284 left: 10px;
2285 }
2286 .charitable-panel-sidebar .charitable-badge-green {
2287 color: #fff;
2288 background-color: #00a32a;
2289 }
2290
2291 /* mascot */
2292 body.wp-admin #wpbody .charitable-wrap .badge.v2 {
2293 background-color: transparent !important;
2294 }
2295 body.wp-admin #wpbody .charitable-wrap .badge.v2 .mascot {
2296 height: 75px;
2297 width: 75px;
2298 background-image: url("../../assets/images/charitable-logo.svg");
2299 background-size: cover;
2300 background-repeat: no-repeat;
2301 }
2302
2303 /* general */
2304 .charitable-hide {
2305 display: none;
2306 }
2307
2308 .charitable-hidden {
2309 display: none !important;
2310 }
2311
2312 .screen-reader-text {
2313 border: 0;
2314 clip: rect(1px, 1px, 1px, 1px);
2315 clip-path: inset(50%);
2316 height: 1px;
2317 margin: -1px;
2318 overflow: hidden;
2319 padding: 0;
2320 position: absolute;
2321 width: 1px;
2322 word-wrap: normal !important;
2323 }
2324
2325 div#charitable-settings table.form-table tbody tr.section-heading th[scope=row] h4,
2326 div#charitable-settings table.form-table tbody tr:first-child th[scope=row] h4 {
2327 font-weight: 600 !important;
2328 }
2329
2330 div#charitable-tools table.form-table tbody tr:first-child th[scope=row] h4 {
2331 font-weight: 600 !important;
2332 font-size: 20px;
2333 margin: 0 0 -20px 0;
2334 line-height: 20px;
2335 }
2336
2337 div#charitable-tools h4#system-information,
2338 div#charitable-tools h4#code-snippets {
2339 font-weight: 600 !important;
2340 font-size: 20px;
2341 margin: 20px 0;
2342 line-height: 20px;
2343 }
2344
2345 .notice.charitable-notice {
2346 padding: 10px 10px;
2347 }
2348
2349 /* modal */
2350 body.post-type-campaign .jconfirm .jconfirm-box {
2351 padding: 0 0 0;
2352 }
2353 body.post-type-campaign .jconfirm .jconfirm-box .jconfirm-closeIcon {
2354 color: #545660;
2355 padding-top: 5px;
2356 padding-right: 10px;
2357 font-size: 40px !important;
2358 }
2359 body.post-type-campaign .jconfirm .jconfirm-box div.jconfirm-content-pane {
2360 margin: 35px 30px -10px 30px;
2361 width: -webkit-calc(100% - 30px);
2362 width: -moz-calc(100% - 30px);
2363 width: calc(100% - 30px);
2364 }
2365 body.post-type-campaign .jconfirm .jconfirm-box div.jconfirm-title-c {
2366 padding: 30px 0 40px 30px;
2367 background-color: #282937;
2368 }
2369 body.post-type-campaign .jconfirm .jconfirm-box div.jconfirm-title-c span.jconfirm-title {
2370 color: #ffffff;
2371 font-weight: 600;
2372 }
2373 body.post-type-campaign .jconfirm .jconfirm-box .jconfirm-buttons {
2374 float: left;
2375 padding: 0 30px 30px 30px;
2376 }
2377 body.post-type-campaign .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
2378 background-color: #5AA152;
2379 text-transform: capitalize;
2380 border-radius: 5px;
2381 font-weight: 500;
2382 padding: 15px 25px;
2383 font-size: 16px;
2384 line-height: 20px;
2385 }
2386 body.post-type-campaign .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
2387 background-color: #3f7539;
2388 }
2389 body.post-type-campaign .jconfirm .jconfirm-box input.campaign_name.form-control {
2390 border-color: #DFDFE1;
2391 display: inline-block;
2392 margin-left: 10px;
2393 margin-top: 20px;
2394 margin-bottom: 20px !important;
2395 width: 90% !important;
2396 }
2397 body.post-type-campaign .jconfirm .jconfirm-box label {
2398 display: inline-block !important;
2399 margin-top: 0 !important;
2400 }
2401 body.post-type-campaign .jconfirm .jconfirm-box a.charitable-lite-pro-popup-link {
2402 color: #3459C4 !important;
2403 text-decoration: none;
2404 }
2405 body.post-type-campaign .jconfirm .jconfirm-box a.charitable-lite-pro-popup-link:hover {
2406 text-decoration: underline;
2407 }
2408 body.post-type-campaign .jconfirm .jconfirm-box.jconfirm-type-create-campaign .jconfirm-closeIcon {
2409 color: white;
2410 opacity: 0.7;
2411 width: 15px;
2412 height: 15px;
2413 top: 25px;
2414 right: 25px;
2415 font-weight: 200;
2416 font-size: 28px !important;
2417 }
2418 body.post-type-campaign .jconfirm .jconfirm-box.jconfirm-type-create-campaign .jconfirm-title-c {
2419 color: #E7E7E9;
2420 padding: 30px 0 30px 30px !important;
2421 font-size: 18px;
2422 font-weight: 600;
2423 }
2424 body.post-type-campaign .jconfirm .jconfirm-box.jconfirm-type-create-campaign div.jconfirm-content-pane {
2425 margin: 0 30px 0 30px;
2426 }
2427 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal {
2428 max-width: 400px;
2429 background-color: #ffffff;
2430 color: #5C5F6B;
2431 font-family: "Inter", sans-serif;
2432 }
2433 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal .modal-close {
2434 position: absolute;
2435 top: 10px;
2436 right: 10px;
2437 z-index: 10;
2438 cursor: pointer;
2439 }
2440 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal .modal-close::before {
2441 content: "\f158";
2442 display: block !important;
2443 font: normal 20px/1 dashicons;
2444 speak: none;
2445 height: 22px;
2446 margin: 2px 0;
2447 text-align: center;
2448 width: 22px;
2449 color: #777;
2450 -webkit-font-smoothing: antialiased !important;
2451 -moz-osx-font-smoothing: grayscale;
2452 }
2453 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal h3 {
2454 margin: 0 0 30px 0;
2455 font-size: 24px;
2456 line-height: 32px;
2457 font-weight: 400;
2458 text-align: left;
2459 color: #5C5F6B;
2460 }
2461 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal legend,
2462 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal label {
2463 color: #303442;
2464 margin-bottom: 10px;
2465 display: block;
2466 font-size: 14px;
2467 }
2468 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal select {
2469 width: 100%;
2470 padding: 5px 15px;
2471 }
2472 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal select,
2473 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal input[type=text] {
2474 margin-bottom: 20px;
2475 border-radius: 4px;
2476 }
2477 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal button.button {
2478 background: #FAFAFB;
2479 font-weight: 500;
2480 font-size: 12px;
2481 line-height: 14px;
2482 text-align: center;
2483 margin: 0 auto 0 0;
2484 color: #5E616C;
2485 border: 1px solid #DDD;
2486 border-radius: 4px;
2487 }
2488 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal input.charitable-datepicker {
2489 width: 48%;
2490 display: inline-block;
2491 background-image: url("../../images/icons/calendar.png");
2492 background-repeat: no-repeat;
2493 background-position: 163px center;
2494 background-size: 15px 15px;
2495 border: 1px solid #E3E3E5;
2496 border-radius: 4px;
2497 }
2498 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal #charitable-filter-end_date_to,
2499 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal #charitable-filter-start_date_to {
2500 float: right;
2501 }
2502
2503 body.post-type-donation .jconfirm .jconfirm-box {
2504 padding: 0 0 0;
2505 }
2506 body.post-type-donation .jconfirm .jconfirm-box .jconfirm-closeIcon {
2507 color: #545660;
2508 padding-top: 5px;
2509 padding-right: 10px;
2510 font-size: 40px !important;
2511 }
2512 body.post-type-donation .jconfirm .jconfirm-box div.jconfirm-content-pane {
2513 margin: 35px 30px -10px 30px;
2514 width: -webkit-calc(100% - 30px);
2515 width: -moz-calc(100% - 30px);
2516 width: calc(100% - 30px);
2517 }
2518 body.post-type-donation .jconfirm .jconfirm-box div.jconfirm-title-c {
2519 padding: 30px 0 40px 30px;
2520 background-color: #282937;
2521 }
2522 body.post-type-donation .jconfirm .jconfirm-box div.jconfirm-title-c span.jconfirm-title {
2523 color: #ffffff;
2524 font-weight: 600;
2525 }
2526 body.post-type-donation .jconfirm .jconfirm-box .jconfirm-buttons {
2527 float: left;
2528 padding: 0 30px 30px 30px;
2529 }
2530 body.post-type-donation .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
2531 background-color: #5AA152;
2532 text-transform: capitalize;
2533 border-radius: 5px;
2534 font-weight: 500;
2535 padding: 15px 25px;
2536 font-size: 16px;
2537 line-height: 20px;
2538 }
2539 body.post-type-donation .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
2540 background-color: #3f7539;
2541 }
2542 body.post-type-donation .jconfirm .jconfirm-box input.donation_name.form-control {
2543 border-color: #DFDFE1;
2544 display: inline-block;
2545 margin-left: 10px;
2546 margin-top: 20px;
2547 margin-bottom: 20px !important;
2548 width: 90% !important;
2549 }
2550 body.post-type-donation .jconfirm .jconfirm-box label {
2551 display: inline-block !important;
2552 margin-top: 0 !important;
2553 }
2554 body.post-type-donation .jconfirm .jconfirm-box a.charitable-lite-pro-popup-link {
2555 color: #3459C4 !important;
2556 text-decoration: none;
2557 }
2558 body.post-type-donation .jconfirm .jconfirm-box a.charitable-lite-pro-popup-link:hover {
2559 text-decoration: underline;
2560 }
2561 body.post-type-donation .jconfirm .jconfirm-box.jconfirm-type-create-donation .jconfirm-closeIcon {
2562 color: white;
2563 opacity: 0.7;
2564 width: 15px;
2565 height: 15px;
2566 top: 25px;
2567 right: 25px;
2568 font-weight: 200;
2569 font-size: 28px !important;
2570 }
2571 body.post-type-donation .jconfirm .jconfirm-box.jconfirm-type-create-donation .jconfirm-title-c {
2572 color: #E7E7E9;
2573 padding: 30px 0 30px 30px !important;
2574 font-size: 18px;
2575 font-weight: 600;
2576 }
2577 body.post-type-donation .jconfirm .jconfirm-box.jconfirm-type-create-donation div.jconfirm-content-pane {
2578 margin: 0 30px 0 30px;
2579 }
2580 body.post-type-donation.edit-php.post-type-charitable .charitable-modal {
2581 max-width: 400px;
2582 background-color: #ffffff;
2583 color: #5C5F6B;
2584 font-family: "Inter", sans-serif;
2585 }
2586 body.post-type-donation.edit-php.post-type-charitable .charitable-modal .modal-close {
2587 position: absolute;
2588 top: 10px;
2589 right: 10px;
2590 z-index: 10;
2591 cursor: pointer;
2592 }
2593 body.post-type-donation.edit-php.post-type-charitable .charitable-modal .modal-close::before {
2594 content: "\f158";
2595 display: block !important;
2596 font: normal 20px/1 dashicons;
2597 speak: none;
2598 height: 22px;
2599 margin: 2px 0;
2600 text-align: center;
2601 width: 22px;
2602 color: #777;
2603 -webkit-font-smoothing: antialiased !important;
2604 -moz-osx-font-smoothing: grayscale;
2605 }
2606 body.post-type-donation.edit-php.post-type-charitable .charitable-modal h3 {
2607 margin: 0 0 30px 0;
2608 font-size: 24px;
2609 line-height: 32px;
2610 font-weight: 400;
2611 text-align: left;
2612 color: #5C5F6B;
2613 }
2614 body.post-type-donation.edit-php.post-type-charitable .charitable-modal legend,
2615 body.post-type-donation.edit-php.post-type-charitable .charitable-modal label {
2616 color: #303442;
2617 margin-bottom: 10px;
2618 display: block;
2619 font-size: 14px;
2620 }
2621 body.post-type-donation.edit-php.post-type-charitable .charitable-modal select {
2622 width: 100%;
2623 padding: 5px 15px;
2624 }
2625 body.post-type-donation.edit-php.post-type-charitable .charitable-modal select,
2626 body.post-type-donation.edit-php.post-type-charitable .charitable-modal input[type=text] {
2627 margin-bottom: 20px;
2628 border-radius: 4px;
2629 }
2630 body.post-type-donation.edit-php.post-type-charitable .charitable-modal button.button {
2631 background: #FAFAFB;
2632 font-weight: 500;
2633 font-size: 12px;
2634 line-height: 14px;
2635 text-align: center;
2636 margin: 0 auto 0 0;
2637 color: #5E616C;
2638 border: 1px solid #DDD;
2639 border-radius: 4px;
2640 }
2641 body.post-type-donation.edit-php.post-type-charitable .charitable-modal input.charitable-datepicker {
2642 width: 48%;
2643 display: inline-block;
2644 background-image: url("../../images/icons/calendar.png");
2645 background-repeat: no-repeat;
2646 background-position: 163px center;
2647 background-size: 15px 15px;
2648 border: 1px solid #E3E3E5;
2649 border-radius: 4px;
2650 }
2651 body.post-type-donation.edit-php.post-type-charitable .charitable-modal #charitable-filter-end_date_to,
2652 body.post-type-donation.edit-php.post-type-charitable .charitable-modal #charitable-filter-start_date_to {
2653 float: right;
2654 }
2655
2656 /* reports */
2657 body.charitable_page_charitable-reports .charitable-overview-report,
2658 body.charitable_page_charitable-reports .charitable-activity-report {
2659 position: relative;
2660 padding: 0px;
2661 }
2662 body.charitable_page_charitable-reports .charitable-overview-report a.button,
2663 body.charitable_page_charitable-reports .charitable-activity-report a.button {
2664 border-radius: 5px;
2665 font-family: "Inter", sans-serif;
2666 font-weight: 600;
2667 font-size: 14px;
2668 line-height: 14px;
2669 padding: 15px 20px;
2670 text-transform: capitalize;
2671 }
2672 body.charitable_page_charitable-reports .charitable-overview-report a.button.button-primary,
2673 body.charitable_page_charitable-reports .charitable-activity-report a.button.button-primary {
2674 background-color: #5AA152;
2675 border-color: #5AA152;
2676 color: white;
2677 }
2678 body.charitable_page_charitable-reports .charitable-overview-report-loading {
2679 background-color: rgba(255, 255, 255, 0.85);
2680 position: absolute;
2681 top: 0;
2682 bottom: 0;
2683 left: 0;
2684 right: 0;
2685 width: 100%;
2686 height: 100%;
2687 z-index: 99;
2688 }
2689 body.charitable_page_charitable-reports .charitable-section-loading {
2690 opacity: 0.25;
2691 }
2692 body.charitable_page_charitable-reports .nav-tab.advanced::after,
2693 body.charitable_page_charitable-reports .nav-tab.activity::after,
2694 body.charitable_page_charitable-reports .nav-tab.donors::after {
2695 content: "Pro";
2696 background-color: #F99E36;
2697 padding: 3px 7px;
2698 font-size: 11px;
2699 line-height: 11px;
2700 text-transform: uppercase;
2701 color: white;
2702 font-weight: 600;
2703 margin-left: 5px;
2704 margin-right: 5px;
2705 margin-top: 0;
2706 position: relative;
2707 top: -7px;
2708 }
2709 body.charitable_page_charitable-reports .tablenav {
2710 font-family: "Inter", sans-serif !important;
2711 min-height: 30px;
2712 height: auto;
2713 margin-top: 0;
2714 margin-bottom: 0;
2715 }
2716 body.charitable_page_charitable-reports .tablenav .alignleft,
2717 body.charitable_page_charitable-reports .tablenav .alignright {
2718 margin-top: 10px;
2719 margin-bottom: 10px;
2720 }
2721 body.charitable_page_charitable-reports .tablenav #charitable-advanced-date-pickers,
2722 body.charitable_page_charitable-reports .tablenav #charitable-advanced-filter-buttons {
2723 display: inline-block;
2724 }
2725 body.charitable_page_charitable-reports .tablenav form {
2726 display: block;
2727 margin: 0;
2728 padding: 0;
2729 float: left;
2730 }
2731 body.charitable_page_charitable-reports .tablenav select {
2732 font-size: 13px;
2733 line-height: 29px;
2734 font-weight: 500;
2735 max-width: none;
2736 padding-right: 30px;
2737 background-color: #F9F9FA;
2738 color: #52545F;
2739 border-color: #E4E4E7;
2740 height: 38px;
2741 }
2742 body.charitable_page_charitable-reports .tablenav a.button,
2743 body.charitable_page_charitable-reports .tablenav input.button {
2744 background-color: #F9F9FA;
2745 color: #52545F;
2746 border-color: #E4E4E7;
2747 height: 38px;
2748 padding-top: 0;
2749 padding-bottom: 0;
2750 min-height: auto;
2751 line-height: 38px;
2752 font-size: 13px;
2753 }
2754 body.charitable_page_charitable-reports .tablenav a.button:hover,
2755 body.charitable_page_charitable-reports .tablenav input.button:hover {
2756 background-color: #E4E4E7;
2757 }
2758 body.charitable_page_charitable-reports .tablenav .charitable-datepicker-container a.button {
2759 display: block;
2760 }
2761 body.charitable_page_charitable-reports .tablenav a.button.with-icon label {
2762 padding-right: 10px;
2763 }
2764 body.charitable_page_charitable-reports .tablenav a.button.with-icon img {
2765 margin-bottom: -2px;
2766 }
2767 body.charitable_page_charitable-reports .tablenav button.charitable-report-download-button {
2768 background-color: #F9F9FA;
2769 color: #52545F;
2770 border-color: #E4E4E7;
2771 margin-left: 4px;
2772 margin-right: 4px;
2773 height: 38px;
2774 padding-top: 0;
2775 padding-bottom: 0;
2776 }
2777 body.charitable_page_charitable-reports .tablenav button.charitable-report-download-button:hover {
2778 background-color: #E4E4E7;
2779 }
2780 body.charitable_page_charitable-reports .tablenav button.charitable-report-download-button label {
2781 padding-right: 10px;
2782 pointer-events: none;
2783 }
2784 body.charitable_page_charitable-reports .tablenav button.charitable-report-download-button img {
2785 margin-bottom: -2px;
2786 }
2787 body.charitable_page_charitable-reports .tablenav button.charitable-report-print-button {
2788 background-color: #F9F9FA;
2789 color: #52545F;
2790 border-color: #E4E4E7;
2791 margin-left: 4px;
2792 margin-right: 4px;
2793 height: 38px;
2794 padding-top: 0;
2795 padding-bottom: 0;
2796 }
2797 body.charitable_page_charitable-reports .tablenav button.charitable-report-print-button:hover {
2798 background-color: #E4E4E7;
2799 }
2800 body.charitable_page_charitable-reports .tablenav button.charitable-report-print-button label {
2801 padding-right: 10px;
2802 pointer-events: none;
2803 }
2804 body.charitable_page_charitable-reports .tablenav button.charitable-report-print-button img {
2805 margin-bottom: -4px;
2806 }
2807 body.charitable_page_charitable-reports .tablenav input.charitable-datepicker {
2808 width: 115px;
2809 display: inline-block;
2810 background-image: url("../../images/icons/calendar.png");
2811 background-repeat: no-repeat;
2812 background-position: 90px center;
2813 background-size: 15px 15px;
2814 font-size: 13px;
2815 border-radius: 0;
2816 background-color: #F9F9FA;
2817 color: #52545F;
2818 border-color: #E4E4E7;
2819 }
2820 body.charitable_page_charitable-reports .tablenav input.charitable-datepicker-ranged,
2821 body.charitable_page_charitable-reports .tablenav input.charitable-reports-datepicker {
2822 width: 195px;
2823 display: inline-block;
2824 background-image: url("../../images/icons/calendar.png");
2825 background-repeat: no-repeat;
2826 background-position: 170px center;
2827 background-size: 15px 15px;
2828 font-size: 13px;
2829 border-radius: 0;
2830 background-color: #F9F9FA;
2831 color: #52545F;
2832 border-color: #E4E4E7;
2833 margin-left: 4px;
2834 margin-right: 4px;
2835 height: 38px;
2836 padding-top: 0;
2837 padding-bottom: 0;
2838 }
2839 body.charitable_page_charitable-reports .tablenav input.charitable-datepicker-ranged:hover,
2840 body.charitable_page_charitable-reports .tablenav input.charitable-reports-datepicker:hover {
2841 background-color: #E4E4E7;
2842 }
2843 body.charitable_page_charitable-reports .tablenav.with-margin {
2844 margin-bottom: 20px;
2845 }
2846 body.charitable_page_charitable-reports .charitable-section {
2847 margin-top: 20px;
2848 margin-bottom: 20px;
2849 display: table;
2850 }
2851 body.charitable_page_charitable-reports .charitable-section .alignleft,
2852 body.charitable_page_charitable-reports .charitable-section .alignright {
2853 margin-bottom: 15px;
2854 margin-top: 15px;
2855 }
2856 body.charitable_page_charitable-reports .charitable-section.no-bottom {
2857 margin-bottom: 0;
2858 }
2859 body.charitable_page_charitable-reports .charitable-section.no-bottom .alignleft,
2860 body.charitable_page_charitable-reports .charitable-section.no-bottom .alignright {
2861 margin-bottom: 0;
2862 }
2863 body.charitable_page_charitable-reports .charitable-container {
2864 border-radius: 5px;
2865 color: #757781;
2866 background-color: #FFF;
2867 }
2868 body.charitable_page_charitable-reports .charitable-datepicker-container {
2869 display: inline-block;
2870 margin-left: 5px;
2871 }
2872 body.charitable_page_charitable-reports .charitable-headline-graph-container {
2873 padding: 20px 30px;
2874 }
2875 body.charitable_page_charitable-reports .charitable-headline-graph-container.charitable-with-growth-tools {
2876 position: relative;
2877 }
2878 body.charitable_page_charitable-reports .charitable-section-grid {
2879 display: grid;
2880 grid-template-columns: repeat(2, 1fr);
2881 grid-gap: 20px;
2882 margin-top: 20px;
2883 }
2884 body.charitable_page_charitable-reports .charitable-section-grid.one-third {
2885 display: flex;
2886 flex-direction: row;
2887 }
2888 body.charitable_page_charitable-reports .charitable-section-grid.charitable-section-grid-column-flexible {
2889 align-items: flex-start;
2890 }
2891 body.charitable_page_charitable-reports .charitable-section-grid.charitable-section-grid-column-single {
2892 columns: 1;
2893 column-gap: none;
2894 display: block;
2895 }
2896 body.charitable_page_charitable-reports .charitable-cards {
2897 display: grid;
2898 grid-template-columns: repeat(4, 1fr);
2899 margin-top: 20px;
2900 margin-bottom: 20px;
2901 grid-gap: 20px;
2902 width: 100%;
2903 }
2904 body.charitable_page_charitable-reports .charitable-cards .charitable-card {
2905 padding-top: 60px;
2906 padding-bottom: 60px;
2907 font-weight: 500px;
2908 font-size: 16px;
2909 line-height: 16px;
2910 text-align: center;
2911 }
2912 body.charitable_page_charitable-reports .charitable-cards .charitable-card p {
2913 margin-top: 5px;
2914 margin-bottom: 0;
2915 }
2916 body.charitable_page_charitable-reports .charitable-cards .charitable-card strong {
2917 color: #474A57;
2918 font-weight: 600;
2919 font-size: 42px;
2920 line-height: 44px;
2921 }
2922 body.charitable_page_charitable-reports .donations-breakdown tr th {
2923 color: #6A6C77;
2924 }
2925 body.charitable_page_charitable-reports .donations-breakdown td {
2926 padding-top: 20px;
2927 padding-bottom: 20px;
2928 color: #8C8E96;
2929 }
2930 body.charitable_page_charitable-reports .donations-breakdown td.negative {
2931 color: #F99E36;
2932 }
2933 body.charitable_page_charitable-reports .donations-breakdown td.positive {
2934 color: #5AA152;
2935 }
2936 body.charitable_page_charitable-reports .donations-breakdown tr th:first-child,
2937 body.charitable_page_charitable-reports .donations-breakdown td:first-child {
2938 padding-left: 30px;
2939 }
2940 body.charitable_page_charitable-reports .donations-breakdown td.column-date {
2941 font-weight: 600;
2942 }
2943 body.charitable_page_charitable-reports .charitable-report-card .header {
2944 margin: 20px 0 0 0;
2945 padding-bottom: 20px;
2946 padding-left: 30px;
2947 padding-right: 30px;
2948 border-bottom: 1px solid #EFEFF1;
2949 }
2950 body.charitable_page_charitable-reports .charitable-report-card .header h4 {
2951 color: #303442;
2952 font-weight: 600;
2953 font-size: 17px;
2954 line-height: 22px;
2955 display: inline-block;
2956 margin: 0;
2957 padding: 0;
2958 }
2959 body.charitable_page_charitable-reports .charitable-report-card .header a {
2960 display: block;
2961 float: right;
2962 font-size: 23px;
2963 line-height: 23px;
2964 }
2965 body.charitable_page_charitable-reports .charitable-report-card .the-graph {
2966 width: 100%;
2967 }
2968 body.charitable_page_charitable-reports .charitable-report-card .the-list {
2969 padding-left: 20px;
2970 padding-right: 20px;
2971 margin-left: 10px;
2972 margin-right: 10px;
2973 max-height: 550px;
2974 overflow: scroll;
2975 /* width: 100%; */
2976 }
2977 body.charitable_page_charitable-reports .charitable-report-card .the-list.charitable-no-scroll {
2978 overflow: visible;
2979 max-height: none;
2980 }
2981 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li {
2982 color: #474A57;
2983 display: flex;
2984 border-bottom: 1px solid #EFEFF1;
2985 padding-bottom: 15px;
2986 padding-top: 15px;
2987 }
2988 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .avatar,
2989 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .icon {
2990 width: 25px;
2991 text-align: center;
2992 }
2993 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .avatar img,
2994 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .icon img {
2995 margin: 5px auto;
2996 max-width: 25px;
2997 }
2998 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .avatar {
2999 width: 55px;
3000 }
3001 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .avatar img {
3002 width: 55px;
3003 }
3004 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info {
3005 flex-grow: 1;
3006 margin-left: 15px;
3007 margin-right: 15px;
3008 font-size: 14px;
3009 line-height: 23px;
3010 }
3011 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info p {
3012 font-size: 14px;
3013 line-height: 23px;
3014 margin: 0;
3015 font-weight: 700;
3016 }
3017 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info p.name {
3018 margin: 10px 0 0 0;
3019 line-height: 14px;
3020 }
3021 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info p.amount {
3022 margin: 10px 0 0 0;
3023 font-weight: 500;
3024 color: #8C8E96;
3025 }
3026 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info p.campaign-title {
3027 margin: 10px 0 0 0;
3028 font-style: italic;
3029 font-weight: 500;
3030 color: #8C8E96;
3031 }
3032 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info p.email {
3033 margin: 10px 0 0 0;
3034 font-weight: 500;
3035 color: #8C8E96;
3036 line-height: 14px;
3037 }
3038 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info .badge {
3039 font-weight: 200;
3040 display: inline-block;
3041 margin-left: 10px;
3042 }
3043 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .time-ago {
3044 color: #8C8E96;
3045 }
3046 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .donor-donation-info {
3047 font-size: 14px;
3048 line-height: 14px;
3049 text-align: right;
3050 }
3051 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .donor-donation-info p {
3052 margin: 0;
3053 }
3054 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .donor-donation-info p:first-of-type {
3055 margin-top: 10px;
3056 margin-bottom: 5px;
3057 }
3058 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .donor-donation-info .badge {
3059 font-weight: 200;
3060 display: block;
3061 }
3062 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li:last-child {
3063 border-bottom: 0;
3064 }
3065 body.charitable_page_charitable-reports .charitable-activity-report .charitable-tablenav-activity {
3066 width: 100%;
3067 }
3068 body.charitable_page_charitable-reports .charitable-activity-report .charitable-tablenav-activity h2 {
3069 line-height: 30px;
3070 font-size: 18px;
3071 }
3072 body.charitable_page_charitable-reports .charitable-activity-report .charitable-activity-list-container {
3073 background-color: #FFF;
3074 }
3075 body.charitable_page_charitable-reports .charitable-activity-report .charitable-activity-list-container .charitable-no-results {
3076 padding: 20px;
3077 text-align: left;
3078 font-size: 16px;
3079 line-height: 16px;
3080 color: #8C8E96;
3081 }
3082 body.charitable_page_charitable-reports .charitable-the-list-container {
3083 padding: 20px;
3084 margin-left: 10px;
3085 margin-right: 10px;
3086 max-height: 550px;
3087 overflow: scroll;
3088 }
3089 body.charitable_page_charitable-reports .charitable-the-list-container.charitable-no-scroll {
3090 overflow: visible;
3091 max-height: none;
3092 }
3093 body.charitable_page_charitable-reports .charitable-the-list-container ul {
3094 margin-top: 0;
3095 margin-bottom: 0;
3096 }
3097 body.charitable_page_charitable-reports .charitable-the-list-container ul li {
3098 color: #474A57;
3099 display: flex;
3100 border-bottom: 1px solid #EFEFF1;
3101 padding-bottom: 15px;
3102 padding-top: 15px;
3103 }
3104 body.charitable_page_charitable-reports .charitable-the-list-container ul li .avatar,
3105 body.charitable_page_charitable-reports .charitable-the-list-container ul li .icon {
3106 width: 25px;
3107 text-align: center;
3108 }
3109 body.charitable_page_charitable-reports .charitable-the-list-container ul li .avatar img,
3110 body.charitable_page_charitable-reports .charitable-the-list-container ul li .icon img {
3111 margin: 5px auto;
3112 max-width: 25px;
3113 }
3114 body.charitable_page_charitable-reports .charitable-the-list-container ul li .avatar {
3115 width: 55px;
3116 }
3117 body.charitable_page_charitable-reports .charitable-the-list-container ul li .avatar img {
3118 width: 55px;
3119 }
3120 body.charitable_page_charitable-reports .charitable-the-list-container ul li .info {
3121 flex-grow: 1;
3122 margin-left: 15px;
3123 margin-right: 15px;
3124 font-size: 14px;
3125 line-height: 23px;
3126 }
3127 body.charitable_page_charitable-reports .charitable-the-list-container ul li .info p {
3128 font-size: 14px;
3129 line-height: 23px;
3130 margin: 0;
3131 font-weight: 700;
3132 }
3133 body.charitable_page_charitable-reports .charitable-the-list-container ul li .info p.name {
3134 margin: 10px 0 0 0;
3135 line-height: 14px;
3136 }
3137 body.charitable_page_charitable-reports .charitable-the-list-container ul li .info p.amount {
3138 margin: 10px 0 0 0;
3139 font-weight: 500;
3140 color: #8C8E96;
3141 }
3142 body.charitable_page_charitable-reports .charitable-the-list-container ul li .info p.campaign-title {
3143 margin: 10px 0 0 0;
3144 font-style: italic;
3145 font-weight: 500;
3146 color: #8C8E96;
3147 }
3148 body.charitable_page_charitable-reports .charitable-the-list-container ul li .info p.email {
3149 margin: 10px 0 0 0;
3150 font-weight: 500;
3151 color: #8C8E96;
3152 line-height: 14px;
3153 }
3154 body.charitable_page_charitable-reports .charitable-the-list-container ul li .info .badge {
3155 font-weight: 200;
3156 display: inline-block;
3157 margin-left: 10px;
3158 }
3159 body.charitable_page_charitable-reports .charitable-the-list-container ul li .time-ago {
3160 color: #8C8E96;
3161 }
3162 body.charitable_page_charitable-reports .charitable-the-list-container ul li .donor-donation-info {
3163 font-size: 14px;
3164 line-height: 14px;
3165 }
3166 body.charitable_page_charitable-reports .charitable-the-list-container ul li .donor-donation-info p {
3167 margin: 0;
3168 }
3169 body.charitable_page_charitable-reports .charitable-the-list-container ul li .donor-donation-info p:first-of-type {
3170 margin-top: 10px;
3171 margin-bottom: 5px;
3172 }
3173 body.charitable_page_charitable-reports .charitable-the-list-container ul li .donor-donation-info .badge {
3174 font-weight: 200;
3175 display: block;
3176 }
3177 body.charitable_page_charitable-reports .charitable-the-list-container ul li:last-child {
3178 border-bottom: 0;
3179 }
3180 body.charitable_page_charitable-reports .charitable-top-campaigns-report {
3181 width: 66%;
3182 }
3183 body.charitable_page_charitable-reports .charitable-top-campaigns-report p.link {
3184 display: table;
3185 }
3186 body.charitable_page_charitable-reports .charitable-top-campaigns-report a {
3187 color: #494E5A;
3188 text-decoration: none;
3189 }
3190 body.charitable_page_charitable-reports .charitable-top-campaigns-report a img {
3191 float: right;
3192 margin-left: 10px;
3193 }
3194 body.charitable_page_charitable-reports .charitable-top-campaigns-report a:hover {
3195 text-decoration: underline;
3196 }
3197 body.charitable_page_charitable-reports .charitable-top-donors-report .avatar img {
3198 border-radius: 50%;
3199 }
3200 body.charitable_page_charitable-reports .charitable-payment-methods-report {
3201 width: 33%;
3202 }
3203 body.charitable_page_charitable-reports .charitable-payment-methods-report .apexcharts-canvas {
3204 background-image: url("../../../assets/images/icons/payments.svg");
3205 background-repeat: no-repeat;
3206 background-position: center;
3207 margin-left: auto;
3208 margin-right: auto;
3209 }
3210 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend {
3211 margin: 20px auto;
3212 width: 55%;
3213 max-width: 300px;
3214 }
3215 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li {
3216 display: flex;
3217 margin-bottom: 15px;
3218 width: 100%;
3219 }
3220 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend .icon span {
3221 display: block;
3222 border-radius: 50%;
3223 width: 15px;
3224 height: 15px;
3225 }
3226 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li.stripe .icon span {
3227 background-color: #5AA152;
3228 }
3229 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li.paypal .icon span {
3230 background-color: #2B66D1;
3231 }
3232 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li.manual .icon span {
3233 background-color: #F99E36;
3234 }
3235 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li.offline .icon span {
3236 background-color: #9e36f9;
3237 }
3238 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li.square_core .icon span,
3239 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li.square .icon span {
3240 background-color: #d21561;
3241 }
3242 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li.none .icon span {
3243 background-color: #d21561;
3244 }
3245 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend .info {
3246 margin-left: 10px;
3247 flex-grow: 1;
3248 font-size: 14px;
3249 line-height: 14px;
3250 color: #474A57;
3251 font-weight: 600;
3252 text-align: left;
3253 }
3254 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend .total {
3255 font-size: 14px;
3256 line-height: 14px;
3257 color: #868890;
3258 font-weight: 400;
3259 text-align: right;
3260 }
3261 body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li {
3262 display: block;
3263 }
3264 body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li .main {
3265 display: flex;
3266 }
3267 body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li .info {
3268 margin-left: 0;
3269 }
3270 body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li .info .info-summary {
3271 font-weight: 400;
3272 color: #9899A0;
3273 }
3274 body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li .info .info-summary p {
3275 display: inline-block;
3276 margin-right: 20px;
3277 }
3278 body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li .info .info-summary p strong {
3279 color: #494E5A;
3280 font-weight: 400;
3281 }
3282 body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li .progress-bar {
3283 margin: 10px auto;
3284 width: 100%;
3285 }
3286 body.charitable_page_charitable-reports .charitable-title-card {
3287 padding: 20px 30px;
3288 margin-top: 0px;
3289 margin-bottom: 0px;
3290 position: relative;
3291 }
3292 body.charitable_page_charitable-reports .charitable-title-card h1 {
3293 color: #303442;
3294 font-weight: 600;
3295 font-size: 17px;
3296 line-height: 22px;
3297 display: inline-block;
3298 margin: 0;
3299 padding: 0;
3300 }
3301 body.charitable_page_charitable-reports .charitable-title-card a {
3302 display: block;
3303 float: right;
3304 font-size: 23px;
3305 line-height: 23px;
3306 }
3307 body.charitable_page_charitable-reports .charitable-title-card button.dismiss {
3308 position: absolute;
3309 top: 10px;
3310 right: 10px;
3311 color: #666;
3312 font-size: 16px;
3313 text-decoration: none;
3314 }
3315 body.charitable_page_charitable-reports select#report-donor-type-filter,
3316 body.charitable_page_charitable-reports select#report-advanced-type-filter {
3317 float: none !important;
3318 margin-left: 10px;
3319 }
3320 body.charitable_page_charitable-reports .charitable-advanced-report .tablenav {
3321 width: 100%;
3322 }
3323 body.charitable_page_charitable-reports .progress-bar {
3324 height: 4px;
3325 background-color: #F5F5F5;
3326 border-radius: 0;
3327 border: 0;
3328 }
3329 body.charitable_page_charitable-reports .progress-bar .progress {
3330 height: 4px;
3331 background-color: #5AA152;
3332 }
3333 body.charitable_page_charitable-reports .charitable-toggle:hover,
3334 body.charitable_page_charitable-reports .charitable-toggle:focus,
3335 body.charitable_page_charitable-reports .charitable-toggle:focus-visible,
3336 body.charitable_page_charitable-reports .charitable-toggle:active,
3337 body.charitable_page_charitable-reports .charitable-toggle i:focus,
3338 body.charitable_page_charitable-reports .charitable-toggle i:focus-visible {
3339 text-decoration: none;
3340 border: 0;
3341 box-shadow: none;
3342 }
3343 body.charitable_page_charitable-reports .charitable-toggle .charitable-angle-right {
3344 rotate: -90deg;
3345 }
3346 body.charitable_page_charitable-reports .badge.completed {
3347 color: #50A66A;
3348 }
3349 body.charitable_page_charitable-reports .badge.pending {
3350 color: #E38632;
3351 }
3352 body.charitable_page_charitable-reports .badge.active {
3353 color: #50A66A;
3354 }
3355 body.charitable_page_charitable-reports .badge.recurring {
3356 color: #50A66A;
3357 }
3358 body.charitable_page_charitable-reports .badge.one-time {
3359 color: #EAA465;
3360 }
3361 body.charitable_page_charitable-reports .badge.paid, body.charitable_page_charitable-reports .badge.publish, body.charitable_page_charitable-reports .badge.published, body.charitable_page_charitable-reports .badge.charitable-completed {
3362 color: #50A66A;
3363 }
3364 body.charitable_page_charitable-reports .badge.cancelled {
3365 color: #CE3E4E;
3366 }
3367 body.charitable_page_charitable-reports .badge.draft {
3368 color: #ccc;
3369 }
3370
3371 /* reports - analytics */
3372 body.charitable_page_charitable-reports .charitable-analytics-container {
3373 max-width: 790px;
3374 margin: 30px auto 60px auto;
3375 display: table;
3376 text-align: center;
3377 }
3378 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-monsterinsights-logo {
3379 margin: 0 auto;
3380 }
3381 body.charitable_page_charitable-reports .charitable-analytics-container h1 {
3382 font-weight: 600;
3383 font-size: 28px;
3384 line-height: 38px;
3385 margin-top: 20px;
3386 color: #444754;
3387 }
3388 body.charitable_page_charitable-reports .charitable-analytics-container h2 {
3389 font-weight: 400;
3390 font-size: 14px;
3391 line-height: 22px;
3392 margin-top: 20px;
3393 color: #909299;
3394 }
3395 body.charitable_page_charitable-reports .charitable-analytics-container .vertical-wrapper {
3396 margin: 0;
3397 padding: 0;
3398 height: 100%;
3399 width: 100%;
3400 display: table;
3401 }
3402 body.charitable_page_charitable-reports .charitable-analytics-container .bullets-thumbnail {
3403 margin: 60px auto;
3404 display: grid;
3405 grid-template-columns: repeat(2, 1fr);
3406 grid-gap: 10px;
3407 align-content: space-evenly;
3408 }
3409 body.charitable_page_charitable-reports .charitable-analytics-container .bullets-thumbnail img {
3410 max-width: 300px;
3411 }
3412 body.charitable_page_charitable-reports .charitable-analytics-container .bullets-thumbnail ul {
3413 padding: 0;
3414 margin: 0;
3415 display: table-cell;
3416 vertical-align: middle;
3417 }
3418 body.charitable_page_charitable-reports .charitable-analytics-container .bullets-thumbnail li {
3419 text-align: left;
3420 min-height: 25px;
3421 font-size: 14px;
3422 line-height: 21px;
3423 color: #474A57;
3424 padding-left: 25px;
3425 margin-bottom: 15px;
3426 margin-top: 0;
3427 background: url(../../images/reports/analytics/check.svg) 0 2px no-repeat;
3428 }
3429 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step {
3430 margin: 20px auto;
3431 text-align: left;
3432 display: grid;
3433 grid-template-columns: 1fr 100px;
3434 grid-gap: 0px;
3435 clear: both;
3436 max-width: 670px;
3437 background-color: #fff;
3438 }
3439 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step .instructions {
3440 padding: 25px;
3441 float: left;
3442 }
3443 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step .step {
3444 width: 100px;
3445 background-color: #F7F8FB;
3446 text-align: center;
3447 float: right;
3448 }
3449 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step .step .step-image {
3450 display: table-cell;
3451 vertical-align: middle;
3452 }
3453 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step h3 {
3454 color: #23282D;
3455 font-weight: 700;
3456 font-size: 18px;
3457 line-height: 23px;
3458 margin: 0;
3459 padding: 0;
3460 }
3461 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step p {
3462 padding: 0;
3463 margin: 10px auto;
3464 font-weight: 200;
3465 color: #646970;
3466 font-size: 16px;
3467 line-height: 24px;
3468 }
3469 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step a {
3470 margin: 5px auto 0 auto;
3471 display: inline-block;
3472 }
3473 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step a.button-link {
3474 background-color: #5AA152;
3475 color: #ffffff;
3476 padding: 10px 15px;
3477 position: relative;
3478 top: -4px;
3479 text-decoration: none;
3480 border-radius: 5px;
3481 text-shadow: none;
3482 font-weight: 600;
3483 font-size: 13px;
3484 line-height: normal;
3485 cursor: pointer;
3486 }
3487 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step a.button-link:hover {
3488 background-color: #1E5B38 !important;
3489 border-color: #1E5B38 !important;
3490 }
3491
3492 /* tools */
3493 /* dashboard */
3494 body.charitable_page_charitable-dashboard .tablenav {
3495 font-family: "Inter", sans-serif !important;
3496 min-height: 30px;
3497 height: auto;
3498 margin-top: 0;
3499 margin-bottom: 0;
3500 }
3501 body.charitable_page_charitable-dashboard .tablenav .alignleft,
3502 body.charitable_page_charitable-dashboard .tablenav .alignright {
3503 margin-top: 10px;
3504 margin-bottom: 10px;
3505 }
3506 body.charitable_page_charitable-dashboard .tablenav #charitable-advanced-date-pickers,
3507 body.charitable_page_charitable-dashboard .tablenav #charitable-advanced-filter-buttons {
3508 display: inline-block;
3509 }
3510 body.charitable_page_charitable-dashboard .tablenav form {
3511 display: block;
3512 margin: 0;
3513 padding: 0;
3514 float: left;
3515 }
3516 body.charitable_page_charitable-dashboard .tablenav select {
3517 font-size: 13px;
3518 line-height: 29px;
3519 font-weight: 500;
3520 max-width: none;
3521 padding-right: 30px;
3522 background-color: #F9F9FA;
3523 color: #52545F;
3524 border-color: #E4E4E7;
3525 height: 38px;
3526 }
3527 body.charitable_page_charitable-dashboard .tablenav a.button,
3528 body.charitable_page_charitable-dashboard .tablenav input.button {
3529 background-color: #F9F9FA;
3530 color: #52545F;
3531 border-color: #E4E4E7;
3532 }
3533 body.charitable_page_charitable-dashboard .tablenav .charitable-datepicker-container a.button {
3534 display: block;
3535 }
3536 body.charitable_page_charitable-dashboard .tablenav a.button.with-icon label {
3537 padding-right: 10px;
3538 }
3539 body.charitable_page_charitable-dashboard .tablenav a.button.with-icon img {
3540 margin-bottom: -2px;
3541 }
3542 body.charitable_page_charitable-dashboard .tablenav button.charitable-report-download-button {
3543 background-color: #F9F9FA;
3544 color: #52545F;
3545 border-color: #E4E4E7;
3546 height: 38px;
3547 padding-top: 0;
3548 padding-bottom: 0;
3549 margin-left: 4px;
3550 margin-right: 4px;
3551 }
3552 body.charitable_page_charitable-dashboard .tablenav button.charitable-report-download-button label {
3553 padding-right: 10px;
3554 pointer-events: none;
3555 }
3556 body.charitable_page_charitable-dashboard .tablenav button.charitable-report-download-button img {
3557 margin-bottom: -2px;
3558 }
3559 body.charitable_page_charitable-dashboard .tablenav button.charitable-report-print-button {
3560 background-color: #F9F9FA;
3561 color: #52545F;
3562 border-color: #E4E4E7;
3563 margin-left: 4px;
3564 margin-right: 4px;
3565 height: 38px;
3566 padding-top: 0;
3567 padding-bottom: 0;
3568 }
3569 body.charitable_page_charitable-dashboard .tablenav button.charitable-report-print-button:hover {
3570 background-color: #E4E4E7;
3571 }
3572 body.charitable_page_charitable-dashboard .tablenav button.charitable-report-print-button label {
3573 padding-right: 10px;
3574 pointer-events: none;
3575 }
3576 body.charitable_page_charitable-dashboard .tablenav button.charitable-report-print-button img {
3577 margin-bottom: -4px;
3578 }
3579 body.charitable_page_charitable-dashboard .tablenav input.charitable-datepicker {
3580 width: 115px;
3581 display: inline-block;
3582 background-image: url("../../images/icons/calendar.png");
3583 background-repeat: no-repeat;
3584 background-position: 90px center;
3585 background-size: 15px 15px;
3586 font-size: 13px;
3587 border-radius: 0;
3588 background-color: #F9F9FA;
3589 color: #52545F;
3590 border-color: #E4E4E7;
3591 height: 38px;
3592 padding-top: 0;
3593 padding-bottom: 0;
3594 margin-left: 4px;
3595 margin-right: 4px;
3596 }
3597 body.charitable_page_charitable-dashboard .tablenav input.charitable-datepicker-ranged,
3598 body.charitable_page_charitable-dashboard .tablenav input.charitable-reports-datepicker {
3599 width: 195px;
3600 display: inline-block;
3601 background-image: url("../../images/icons/calendar.png");
3602 background-repeat: no-repeat;
3603 background-position: 170px center;
3604 background-size: 15px 15px;
3605 font-size: 13px;
3606 border-radius: 0;
3607 background-color: #F9F9FA;
3608 color: #52545F;
3609 border-color: #E4E4E7;
3610 height: 38px;
3611 padding-top: 0;
3612 padding-bottom: 0;
3613 margin-left: 4px;
3614 margin-right: 4px;
3615 }
3616 body.charitable_page_charitable-dashboard .tablenav.with-margin {
3617 margin-bottom: 20px;
3618 }
3619 body.charitable_page_charitable-dashboard .charitable-section {
3620 margin-top: 20px;
3621 margin-bottom: 20px;
3622 display: table;
3623 }
3624 body.charitable_page_charitable-dashboard .charitable-section .alignleft,
3625 body.charitable_page_charitable-dashboard .charitable-section .alignright {
3626 margin-bottom: 15px;
3627 margin-top: 15px;
3628 }
3629 body.charitable_page_charitable-dashboard .charitable-section-loading {
3630 opacity: 0.25;
3631 }
3632 body.charitable_page_charitable-dashboard h1 .badge {
3633 font-size: 11px;
3634 font-weight: 400;
3635 }
3636 body.charitable_page_charitable-dashboard .charitable-container {
3637 border-radius: 5px;
3638 color: #757781;
3639 background-color: #FFF;
3640 }
3641 body.charitable_page_charitable-dashboard .charitable-container .charitable-toggle-container {
3642 display: flex;
3643 justify-content: space-between;
3644 padding: 20px 30px;
3645 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
3646 align-items: center;
3647 }
3648 body.charitable_page_charitable-dashboard .charitable-container.charitable-dashboard-notifications .charitable-toggle-container {
3649 padding-bottom: 10px;
3650 padding-left: 24px;
3651 padding-right: 24px;
3652 }
3653 body.charitable_page_charitable-dashboard .charitable-container .the-list {
3654 width: 100%;
3655 }
3656 body.charitable_page_charitable-dashboard .charitable-headline-graph-container {
3657 padding: 20px 30px;
3658 }
3659 body.charitable_page_charitable-dashboard .charitable-headline-graph-container.charitable-with-growth-tools {
3660 position: relative;
3661 }
3662 body.charitable_page_charitable-dashboard .charitable-section-grid {
3663 display: grid;
3664 grid-template-columns: repeat(2, 1fr);
3665 grid-gap: 20px;
3666 margin-bottom: 20px;
3667 }
3668 body.charitable_page_charitable-dashboard .charitable-section-grid.one-third {
3669 display: flex;
3670 flex-direction: row;
3671 }
3672 body.charitable_page_charitable-dashboard .charitable-section-grid.charitable-section-grid-column-flexible {
3673 align-items: flex-start;
3674 }
3675 body.charitable_page_charitable-dashboard .charitable-section-grid.charitable-section-grid-column-single {
3676 columns: 1;
3677 column-gap: none;
3678 display: block;
3679 }
3680 body.charitable_page_charitable-dashboard .charitable-section-flexible {
3681 columns: 2 200px;
3682 column-gap: 20px;
3683 display: block;
3684 }
3685 body.charitable_page_charitable-dashboard .charitable-section-flexible .charitable-recent-donations-report,
3686 body.charitable_page_charitable-dashboard .charitable-section-flexible .charitable-top-campaigns-report,
3687 body.charitable_page_charitable-dashboard .charitable-section-flexible .charitable-support,
3688 body.charitable_page_charitable-dashboard .charitable-section-flexible .charitable-dashboard-notifications,
3689 body.charitable_page_charitable-dashboard .charitable-section-flexible .charitable-recommended-addons,
3690 body.charitable_page_charitable-dashboard .charitable-section-flexible .charitable-recommended-snippets {
3691 display: inline-block;
3692 margin-bottom: 20px;
3693 width: 100%;
3694 }
3695 body.charitable_page_charitable-dashboard .charitable-cards {
3696 display: grid;
3697 grid-template-columns: repeat(4, 1fr);
3698 /* grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); */
3699 /* grid-template-rows: repeat(2); */
3700 margin-top: 20px;
3701 margin-bottom: 20px;
3702 grid-gap: 20px;
3703 }
3704 body.charitable_page_charitable-dashboard .charitable-cards .charitable-card {
3705 padding-top: 60px;
3706 padding-bottom: 60px;
3707 font-weight: 500px;
3708 font-size: 16px;
3709 line-height: 16px;
3710 text-align: center;
3711 }
3712 body.charitable_page_charitable-dashboard .charitable-cards .charitable-card p {
3713 margin-top: 5px;
3714 margin-bottom: 0;
3715 }
3716 body.charitable_page_charitable-dashboard .charitable-cards .charitable-card strong {
3717 color: #474A57;
3718 font-weight: 600;
3719 font-size: 42px;
3720 line-height: 44px;
3721 }
3722 body.charitable_page_charitable-dashboard .charitable-report-card .header {
3723 margin: 0 0 0 0;
3724 padding-top: 20px;
3725 padding-bottom: 20px;
3726 padding-left: 25px;
3727 padding-right: 25px;
3728 border-bottom: 1px solid #EFEFF1;
3729 }
3730 body.charitable_page_charitable-dashboard .charitable-report-card .header h4 {
3731 color: #303442;
3732 font-weight: 600;
3733 font-size: 17px;
3734 line-height: 22px;
3735 display: inline-block;
3736 margin: 0;
3737 padding: 0;
3738 }
3739 body.charitable_page_charitable-dashboard .charitable-report-card .header a {
3740 display: block;
3741 float: right;
3742 font-size: 23px;
3743 line-height: 23px;
3744 }
3745 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul {
3746 margin-top: 0;
3747 margin-bottom: 0;
3748 }
3749 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li {
3750 color: #474A57;
3751 display: flex;
3752 border-bottom: 1px solid #EFEFF1;
3753 padding-bottom: 15px;
3754 padding-top: 15px;
3755 }
3756 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .avatar,
3757 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .icon {
3758 width: 25px;
3759 text-align: center;
3760 }
3761 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .avatar img,
3762 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .icon img {
3763 margin: 5px auto;
3764 max-width: 25px;
3765 }
3766 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .avatar {
3767 width: 55px;
3768 }
3769 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .avatar img {
3770 width: 55px;
3771 }
3772 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info {
3773 flex-grow: 1;
3774 margin-left: 15px;
3775 margin-right: 15px;
3776 font-size: 14px;
3777 line-height: 23px;
3778 }
3779 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info p {
3780 font-size: 14px;
3781 line-height: 23px;
3782 margin: 0;
3783 font-weight: 700;
3784 }
3785 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info p.name {
3786 margin: 10px 0 0 0;
3787 line-height: 14px;
3788 }
3789 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info p.amount {
3790 margin: 10px 0 0 0;
3791 font-weight: 500;
3792 color: #8C8E96;
3793 }
3794 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info p.campaign-title {
3795 margin: 10px 0 0 0;
3796 font-style: italic;
3797 font-weight: 500;
3798 color: #8C8E96;
3799 }
3800 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info p.email {
3801 margin: 10px 0 0 0;
3802 font-weight: 500;
3803 color: #8C8E96;
3804 line-height: 14px;
3805 }
3806 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info .badge {
3807 font-weight: 200;
3808 display: inline-block;
3809 margin-left: 10px;
3810 }
3811 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .time-ago {
3812 color: #8C8E96;
3813 }
3814 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .donor-donation-info {
3815 font-size: 14px;
3816 line-height: 14px;
3817 }
3818 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .donor-donation-info p {
3819 margin: 0;
3820 }
3821 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .donor-donation-info p:first-of-type {
3822 margin-top: 10px;
3823 margin-bottom: 5px;
3824 }
3825 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .donor-donation-info .badge {
3826 font-weight: 200;
3827 display: block;
3828 }
3829 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li:last-child {
3830 border-bottom: 0;
3831 padding-bottom: 0;
3832 }
3833 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li:first-child {
3834 padding-top: 0;
3835 }
3836 body.charitable_page_charitable-dashboard .charitable-report-card .more {
3837 margin: 30px 25px;
3838 display: table;
3839 padding: 0;
3840 text-align: left;
3841 }
3842 body.charitable_page_charitable-dashboard .charitable-report-card .more a {
3843 font-weight: 600;
3844 font-size: 14px;
3845 line-height: 16px;
3846 text-decoration: none;
3847 }
3848 body.charitable_page_charitable-dashboard .charitable-report-card .more a img {
3849 margin-left: 10px;
3850 float: right;
3851 display: block;
3852 }
3853 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards {
3854 display: grid;
3855 grid-template-columns: repeat(2, 1fr);
3856 margin-top: 0px;
3857 margin-bottom: 0px;
3858 grid-gap: 20px;
3859 }
3860 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card {
3861 padding: 20px 30px;
3862 margin-top: 0px;
3863 margin-bottom: 0px;
3864 position: relative;
3865 display: table;
3866 clear: both;
3867 }
3868 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card h1 {
3869 color: #303442;
3870 font-weight: 600;
3871 font-size: 17px;
3872 line-height: 22px;
3873 display: inline-block;
3874 margin: 0;
3875 padding: 0;
3876 }
3877 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card h3 {
3878 margin-top: 0;
3879 margin-bottom: 0;
3880 }
3881 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card a {
3882 margin: 5px auto 0 auto;
3883 display: inline-block;
3884 }
3885 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card a.button-link {
3886 background-color: #5AA152;
3887 color: #ffffff;
3888 padding: 10px 15px;
3889 position: relative;
3890 top: -4px;
3891 text-decoration: none;
3892 border-radius: 5px;
3893 text-shadow: none;
3894 font-weight: 600;
3895 font-size: 13px;
3896 line-height: normal;
3897 cursor: pointer;
3898 }
3899 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card a.button-link.charitable-button-link-upgrade {
3900 background-color: #F18500;
3901 }
3902 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card a.button-link:hover {
3903 background-color: #43833b !important;
3904 border-color: #43833b !important;
3905 }
3906 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card button.dismiss {
3907 position: absolute;
3908 top: 10px;
3909 right: 10px;
3910 color: #666;
3911 font-size: 16px;
3912 text-decoration: none;
3913 }
3914 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card .checklist .done {
3915 color: #79ba49;
3916 }
3917 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card .checklist .done:before {
3918 content: "\f147";
3919 font-family: "dashicons";
3920 font-size: 20px;
3921 margin-right: 5px;
3922 vertical-align: middle;
3923 }
3924 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card .checklist .not-done {
3925 color: #5aa152;
3926 }
3927 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card .checklist .not-done:before {
3928 content: "\f464";
3929 font-family: "dashicons";
3930 font-size: 20px;
3931 margin-right: 8px;
3932 vertical-align: middle;
3933 margin-left: 1px;
3934 }
3935 body.charitable_page_charitable-dashboard .charitable-top-campaigns-report {
3936 width: 66%;
3937 }
3938 body.charitable_page_charitable-dashboard .charitable-recent-donations-report .the-list ul li {
3939 display: block;
3940 }
3941 body.charitable_page_charitable-dashboard .charitable-recent-donations-report .the-list ul li .main {
3942 display: flex;
3943 }
3944 body.charitable_page_charitable-dashboard .charitable-recent-donations-report .the-list ul li .info {
3945 margin-left: 0;
3946 }
3947 body.charitable_page_charitable-dashboard .charitable-recent-donations-report .the-list ul li .info .info-summary {
3948 font-weight: 400;
3949 color: #9899A0;
3950 }
3951 body.charitable_page_charitable-dashboard .charitable-recent-donations-report .the-list ul li .info .info-summary p {
3952 display: inline-block;
3953 margin-right: 20px;
3954 }
3955 body.charitable_page_charitable-dashboard .charitable-recent-donations-report .the-list ul li .info .info-summary p strong {
3956 color: #494E5A;
3957 font-weight: 400;
3958 }
3959 body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li {
3960 display: block;
3961 }
3962 body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li .main {
3963 display: flex;
3964 }
3965 body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li .info {
3966 margin-left: 0;
3967 }
3968 body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li .info .info-summary {
3969 font-weight: 400;
3970 color: #9899A0;
3971 }
3972 body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li .info .info-summary p {
3973 display: inline-block;
3974 margin-right: 20px;
3975 }
3976 body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li .info .info-summary p strong {
3977 color: #494E5A;
3978 font-weight: 400;
3979 }
3980 body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li .progress-bar {
3981 margin: 10px auto;
3982 width: 100%;
3983 }
3984 body.charitable_page_charitable-dashboard .charitable-support .the-list ul li {
3985 display: flex;
3986 border: 0;
3987 padding-top: 5px;
3988 padding-bottom: 5px;
3989 }
3990 body.charitable_page_charitable-dashboard .charitable-support .the-list ul li .icon {
3991 margin-right: 10px;
3992 height: 25px;
3993 line-height: 25px;
3994 }
3995 body.charitable_page_charitable-dashboard .charitable-support .the-list ul li .icon img {
3996 max-height: 25px;
3997 vertical-align: middle;
3998 }
3999 body.charitable_page_charitable-dashboard .charitable-support .the-list ul li .info {
4000 margin-left: 0;
4001 }
4002 body.charitable_page_charitable-dashboard .charitable-support .the-list ul li .info a {
4003 text-decoration: none;
4004 font-weight: 600;
4005 font-size: 14px;
4006 line-height: 30px;
4007 color: #474A57;
4008 }
4009 body.charitable_page_charitable-dashboard .charitable-support .the-list ul li .info a:hover {
4010 text-decoration: underline;
4011 }
4012 body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul,
4013 body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul {
4014 width: 100%;
4015 margin: 0 auto;
4016 padding: 0;
4017 display: grid;
4018 grid-template-columns: repeat(2, 1fr);
4019 grid-gap: 20px;
4020 }
4021 body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li,
4022 body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li {
4023 border: 0;
4024 padding-top: 5px;
4025 padding-bottom: 5px;
4026 padding-left: 5px;
4027 padding-right: 5px;
4028 text-align: center;
4029 font-weight: 400;
4030 }
4031 body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li a,
4032 body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li a {
4033 text-decoration: none;
4034 font-size: 13px;
4035 line-height: 17px;
4036 color: #474A57;
4037 font-family: "Inter", sans-serif !important;
4038 width: 100%;
4039 }
4040 body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li a h4,
4041 body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li a h4 {
4042 font-weight: 600;
4043 font-size: 18px;
4044 line-height: 21px;
4045 margin-top: 5px;
4046 margin-bottom: 5px;
4047 }
4048 body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li img,
4049 body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li img {
4050 width: 100%;
4051 }
4052 body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li a:hover,
4053 body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li a:hover {
4054 text-decoration: underline;
4055 }
4056 body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li .popular,
4057 body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li .recommended,
4058 body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li .popular,
4059 body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li .recommended {
4060 position: absolute;
4061 background-color: green;
4062 color: white;
4063 padding: 10px 15px;
4064 font-weight: 700;
4065 text-transform: uppercase;
4066 }
4067 body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li {
4068 padding-top: 0;
4069 padding: 0;
4070 }
4071 body.charitable_page_charitable-dashboard .charitable-recommended-addons .charitable-toggle-container {
4072 padding: 26px 26px;
4073 }
4074 body.charitable_page_charitable-dashboard .charitable-title-card-content .button-wrap {
4075 margin: 20px 0 0 0;
4076 display: flex;
4077 flex-direction: row;
4078 justify-content: space-between;
4079 }
4080 body.charitable_page_charitable-dashboard .progress-bar {
4081 height: 4px;
4082 background-color: #F5F5F5;
4083 border-radius: 0;
4084 border: 0;
4085 }
4086 body.charitable_page_charitable-dashboard .progress-bar .progress {
4087 height: 4px;
4088 background-color: #5AA152;
4089 }
4090 body.charitable_page_charitable-dashboard .charitable-toggle .charitable-angle-right {
4091 rotate: -90deg;
4092 }
4093 body.charitable_page_charitable-dashboard .badge.completed {
4094 color: #50A66A;
4095 }
4096 body.charitable_page_charitable-dashboard .badge.pending {
4097 color: #E38632;
4098 }
4099 body.charitable_page_charitable-dashboard .badge.active {
4100 color: #50A66A;
4101 }
4102 body.charitable_page_charitable-dashboard .badge.recurring {
4103 color: #50A66A;
4104 }
4105 body.charitable_page_charitable-dashboard .badge.one-time {
4106 color: #EAA465;
4107 }
4108 body.charitable_page_charitable-dashboard .badge.paid, body.charitable_page_charitable-dashboard .badge.charitable-completed {
4109 color: #50A66A;
4110 }
4111 body.charitable_page_charitable-dashboard .badge.cancelled {
4112 color: #CE3E4E;
4113 }
4114 body.charitable_page_charitable-dashboard .badge.draft {
4115 color: #ccc;
4116 }
4117 body.charitable_page_charitable-dashboard .no-items {
4118 text-align: center;
4119 font-size: 17px;
4120 line-height: 22px;
4121 margin: 50px auto;
4122 }
4123 body.charitable_page_charitable-dashboard .no-items strong {
4124 font-weight: 600;
4125 }
4126 body.charitable_page_charitable-dashboard .no-items p {
4127 font-size: 17px;
4128 line-height: 22px;
4129 margin: 12px auto;
4130 }
4131 body.charitable_page_charitable-dashboard .no-items p.link {
4132 font-size: 14px;
4133 line-height: 14px;
4134 display: table;
4135 }
4136 body.charitable_page_charitable-dashboard .no-items p.link a {
4137 font-weight: 600;
4138 font-size: 14px;
4139 line-height: 14px;
4140 text-decoration: none;
4141 }
4142 body.charitable_page_charitable-dashboard .no-items p.link a img {
4143 margin-left: 10px;
4144 margin-top: -2px;
4145 float: right;
4146 display: block;
4147 }
4148 body.charitable_page_charitable-dashboard #charitable-wpcode-snippets-list {
4149 width: 100%;
4150 }
4151 body.charitable_page_charitable-dashboard #charitable-wpcode-snippets-list .no-items {
4152 margin: 35px auto 10px auto;
4153 }
4154 body.charitable_page_charitable-dashboard #charitable-wpcode-snippets-list .no-items p.link {
4155 text-align: left;
4156 margin: 0 auto 0 0;
4157 }
4158
4159 /* pagination */
4160 nav.charitable-reports-pagination-nav {
4161 margin: 0 0 9px;
4162 }
4163 nav.charitable-reports-pagination-nav div.total-count {
4164 float: left;
4165 }
4166 nav.charitable-reports-pagination-nav ul {
4167 float: right;
4168 margin: 0;
4169 }
4170 nav.charitable-reports-pagination-nav ul li {
4171 font-size: 13px;
4172 line-height: 30px;
4173 display: inline-block;
4174 text-decoration: none;
4175 vertical-align: baseline;
4176 min-width: 30px;
4177 min-height: 30px;
4178 margin: 0;
4179 padding: 0 4px;
4180 text-align: center;
4181 color: #a7aaad !important;
4182 border-color: #dcdcde !important;
4183 background: #f6f7f7 !important;
4184 box-shadow: none !important;
4185 cursor: default;
4186 transform: none !important;
4187 }
4188 nav.charitable-reports-pagination-nav ul li a {
4189 display: inline-block;
4190 line-height: 30px;
4191 text-decoration: none;
4192 vertical-align: baseline;
4193 min-width: 30px;
4194 min-height: 30px;
4195 margin: 0;
4196 padding: 0 4px;
4197 text-align: center;
4198 color: #2271b1;
4199 border-color: #2271b1;
4200 background: #f6f7f7;
4201 cursor: pointer;
4202 border-width: 1px;
4203 border-style: solid;
4204 -webkit-appearance: none;
4205 border-radius: 3px;
4206 white-space: nowrap;
4207 box-sizing: border-box;
4208 }
4209 nav.charitable-reports-pagination-nav ul li span {
4210 text-align: center;
4211 display: inline-block;
4212 }
4213
4214 /* UI - Checkboxes */
4215 .charitable-admin-ui.charitable-admin-ui-field.charitable-admin-ui-toggle {
4216 margin-top: -8px;
4217 }
4218
4219 /* pointer */
4220 .wp-pointer-buttons .charitable-pointer-buttons {
4221 display: table;
4222 width: 100%;
4223 margin: 0 0 0 auto;
4224 }
4225 .wp-pointer-buttons .charitable-pointer-buttons a.close {
4226 margin: 4px 0 0 25px;
4227 }
4228 .wp-pointer-buttons .charitable-pointer-buttons a.button.button-primary {
4229 background: #2271b1;
4230 border-color: #2271b1;
4231 color: #fff;
4232 text-decoration: none;
4233 text-shadow: none;
4234 font-size: 13px;
4235 line-height: 2.15384615;
4236 min-height: 30px;
4237 margin: 0;
4238 padding: 0 10px;
4239 cursor: pointer;
4240 border-width: 1px;
4241 border-style: solid;
4242 -webkit-appearance: none;
4243 border-radius: 3px;
4244 white-space: nowrap;
4245 box-sizing: border-box;
4246 }
4247 .wp-pointer-buttons .charitable-pointer-buttons a.button-visit {
4248 float: left;
4249 }
4250
4251 .charitable-disabled {
4252 cursor: default;
4253 opacity: 0.5;
4254 pointer-events: none;
4255 }
4256
4257 .charitable-headline-reports,
4258 .charitable-restricted {
4259 position: relative;
4260 }
4261
4262 .restricted-access-overlay {
4263 position: absolute;
4264 display: flex;
4265 justify-content: center;
4266 inset: 1px;
4267 background-color: hsla(0, 0%, 100%, 0.35);
4268 -webkit-backdrop-filter: blur(2px);
4269 backdrop-filter: blur(2px);
4270 z-index: 99;
4271 }
4272
4273 /* notifications AM START */
4274 body.modal-open {
4275 overflow: hidden;
4276 }
4277
4278 .charitable-menu-notification-indicator {
4279 margin: 6px 0 0;
4280 width: 8px;
4281 height: 8px;
4282 border-radius: 50%;
4283 background-color: #d63638;
4284 line-height: 1.6;
4285 animation: wpchar-menu-notification-indicator-pulse 1.5s infinite;
4286 float: right;
4287 }
4288
4289 [dir=ltr] #toplevel_page_charitable .charitable-menu-notification-indicator {
4290 float: right;
4291 }
4292
4293 [dir=rtl] #toplevel_page_charitable .charitable-menu-notification-indicator {
4294 float: left;
4295 }
4296
4297 @keyframes wpchar-menu-notification-indicator-pulse {
4298 0% {
4299 transform: scale(0.95);
4300 box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
4301 }
4302 70% {
4303 transform: scale(1);
4304 box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
4305 }
4306 100% {
4307 transform: scale(0.95);
4308 box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
4309 }
4310 }
4311 .charitable-notification {
4312 margin-bottom: 20px;
4313 }
4314 .charitable-notification:last-child {
4315 margin-bottom: 0;
4316 }
4317 .charitable-notification > div {
4318 display: flex;
4319 align-items: flex-start;
4320 padding-bottom: 10px;
4321 border-bottom: 1px solid #e8e8eb;
4322 }
4323 .charitable-notification > div:last-child {
4324 padding-bottom: 0;
4325 border-bottom: 0;
4326 margin-bottom: 0;
4327 }
4328 .charitable-notification > div .body {
4329 font-size: 14px;
4330 line-height: 22px;
4331 flex: 1;
4332 }
4333 .charitable-notification > div .body .title {
4334 font-size: 14px;
4335 font-weight: 600;
4336 color: #141b38;
4337 margin-bottom: 9px;
4338 display: flex;
4339 align-items: left;
4340 flex-direction: column;
4341 }
4342 .charitable-notification > div .body .title.dashboard-title {
4343 flex-direction: row;
4344 }
4345 .charitable-notification > div .body .title div:first-child {
4346 flex: 1;
4347 line-height: 22px;
4348 }
4349 [dir=ltr] .charitable-notification > div .body .title div:first-child {
4350 margin-right: 5px;
4351 }
4352 [dir=rtl] .charitable-notification > div .body .title div:first-child {
4353 margin-left: 5px;
4354 }
4355 .charitable-notification > div .body .title .date {
4356 font-weight: initial;
4357 color: #8c8f9a;
4358 font-size: 12px;
4359 }
4360 .charitable-notification > div .body .notification-content {
4361 margin-bottom: 12px;
4362 max-width: calc(100% - 110px);
4363 }
4364 .charitable-notification > div .body .notification-content img {
4365 max-width: 100%;
4366 }
4367 .charitable-notification > div .body .actions {
4368 flex-wrap: wrap;
4369 display: flex;
4370 align-items: baseline;
4371 }
4372 [dir=rtl] .charitable-notification > div .body .actions {
4373 flex-direction: row-reverse;
4374 justify-content: right;
4375 }
4376 .charitable-notification > div .body .actions > * {
4377 margin-bottom: 12px;
4378 }
4379 [dir=ltr] .charitable-notification > div .body .actions .charitable-button {
4380 margin-right: 20px;
4381 }
4382 [dir=rtl] .charitable-notification > div .body .actions .charitable-button {
4383 margin-left: 20px;
4384 }
4385 .charitable-notification > div .body .actions .dismiss {
4386 color: #8c8f9a;
4387 font-size: 13px;
4388 margin-top: 0;
4389 margin-bottom: 0;
4390 }
4391 .charitable-notification > div .icon {
4392 margin-right: 14px;
4393 }
4394 [dir=ltr] .charitable-notification > div .icon {
4395 margin-right: 14px;
4396 }
4397 [dir=rtl] .charitable-notification > div .icon {
4398 margin-left: 14px;
4399 }
4400 .charitable-notification > div .icon svg {
4401 width: 25px;
4402 height: 25px;
4403 color: #00aa63;
4404 }
4405 .charitable-notification > div .icon svg.warning {
4406 color: #f18200;
4407 }
4408 .charitable-notification > div .icon svg.info {
4409 color: #E38632;
4410 }
4411 .charitable-notification > div .icon svg.success {
4412 color: #00aa63;
4413 }
4414 .charitable-notification > div .icon svg.error {
4415 color: #df2a4a;
4416 }
4417 .charitable-notification .actions {
4418 display: flex;
4419 justify-content: left;
4420 align-items: center;
4421 margin-top: 5px;
4422 }
4423 .charitable-notification .actions .dismiss {
4424 margin-left: 10px;
4425 text-decoration: none;
4426 font-size: 12px;
4427 line-height: 14px;
4428 text-decoration: underline;
4429 }
4430 .charitable-notification .actions .dismiss:hover {
4431 color: #8c8f9a;
4432 }
4433 .charitable-notification .charitable-notifications-buttons {
4434 display: flex;
4435 justify-content: space-between;
4436 margin-top: 5px;
4437 }
4438 .charitable-notification .button.button-primary {
4439 padding: 3px 15px !important;
4440 border-radius: 5px !important;
4441 font-size: 13px !important;
4442 line-height: 2.15 !important;
4443 background-color: #E38632;
4444 color: #fff;
4445 border-color: #E38632;
4446 }
4447 .charitable-notification .button.button-primary:hover {
4448 padding: 3px 16px;
4449 border-radius: 5px;
4450 background-color: #E38632;
4451 border-color: #E38632;
4452 /* filter darker */
4453 filter: brightness(0.9);
4454 }
4455 .charitable-notification .button.button-secondary {
4456 padding: 3px 15px !important;
4457 border-radius: 5px !important;
4458 font-size: 13px !important;
4459 line-height: 2.15 !important;
4460 margin-left: 15px;
4461 background-color: #F9F9FA;
4462 color: #52545F;
4463 border-color: #E4E4E7;
4464 }
4465 .charitable-notification .button.button-secondary:hover {
4466 padding: 3px 16px;
4467 border-radius: 5px;
4468 background-color: #F9F9FA;
4469 border-color: #E4E4E7;
4470 /* filter darker */
4471 filter: brightness(0.9);
4472 }
4473
4474 .charitable-notification-cards {
4475 display: none;
4476 }
4477 .charitable-notification-cards.notification-cards-visible {
4478 display: block;
4479 }
4480 .charitable-notification-cards .charitable-notification:last-child > div {
4481 border-bottom: none;
4482 margin-bottom: none;
4483 }
4484 .charitable-notification-cards .no-notifications {
4485 display: flex;
4486 align-items: center;
4487 flex-direction: column;
4488 font-size: 14px;
4489 line-height: 22px;
4490 color: #8c8f9a;
4491 }
4492 .charitable-notification-cards .no-notifications img {
4493 width: 30%;
4494 max-width: 108px;
4495 height: auto;
4496 }
4497 .charitable-notification-cards .no-notifications .great-scott {
4498 margin: 20px 0 8px;
4499 font-size: 18px;
4500 font-weight: 600;
4501 color: #434960;
4502 }
4503 .charitable-notification-cards .no-notifications .no-new-notifications {
4504 margin-bottom: 20px;
4505 }
4506 @media (min-height: 500px) {
4507 .charitable-notification-cards .no-notifications {
4508 padding-top: 100px;
4509 }
4510 }
4511
4512 body.charitable-show-notifications .charitable-main {
4513 pointer-events: none;
4514 -webkit-user-select: none;
4515 user-select: none;
4516 }
4517
4518 .charitable-plugin-notifications {
4519 margin-top: 32px;
4520 position: fixed;
4521 top: 0;
4522 z-index: 999992;
4523 width: 570px; /*modify this value to fit your needs*/
4524 right: -570px;
4525 /*css transition*/
4526 -webkit-transition: right 500ms ease-out;
4527 -moz-transition: right 500ms ease-out;
4528 -o-transition: right 500ms ease-out;
4529 transition: right 500ms ease-out;
4530 /* override for right-to-left languages */
4531 }
4532 .charitable-plugin-notifications.in {
4533 right: 0;
4534 }
4535 [dir=rtl] .charitable-plugin-notifications {
4536 left: -570px;
4537 /*css transition*/
4538 -webkit-transition: left 500ms ease-out;
4539 -moz-transition: left 500ms ease-out;
4540 -o-transition: left 500ms ease-out;
4541 transition: left 500ms ease-out;
4542 }
4543 [dir=rtl] .charitable-plugin-notifications.in {
4544 left: 0;
4545 }
4546 .charitable-plugin-notifications a.dismiss {
4547 color: #8c8f9a;
4548 font-size: 13px;
4549 margin-top: 0;
4550 margin-bottom: 0;
4551 }
4552 .charitable-plugin-notifications .charitable-button {
4553 border-radius: 5px;
4554 font-family: "Inter", sans-serif;
4555 font-weight: 600;
4556 font-size: 14px;
4557 line-height: 14px;
4558 padding: 15px 20px;
4559 text-transform: capitalize;
4560 text-decoration: none;
4561 display: inline-block;
4562 cursor: pointer;
4563 min-height: 30px;
4564 border-width: 1px;
4565 border-style: solid;
4566 -webkit-appearance: none;
4567 border-radius: 3px;
4568 white-space: nowrap;
4569 box-sizing: border-box;
4570 color: white;
4571 }
4572 .charitable-plugin-notifications .charitable-button.charitable-button-green {
4573 background-color: #00aa63;
4574 }
4575 .charitable-plugin-notifications .charitable-button.charitable-button-orange {
4576 background-color: #e27730;
4577 }
4578 .charitable-plugin-notifications .notification-menu {
4579 display: flex;
4580 flex-direction: column;
4581 height: calc(100% - var(--wp-admin--admin-bar--height, 32px));
4582 width: 100%;
4583 max-width: 570px;
4584 position: fixed;
4585 z-index: 1053;
4586 top: 32px;
4587 bottom: 0;
4588 background-color: white;
4589 overflow-x: hidden;
4590 transition: 0.5s;
4591 }
4592 .charitable-plugin-notifications .notification-menu .notification-header {
4593 height: 64px;
4594 display: flex;
4595 align-items: center;
4596 padding: 0 20px;
4597 color: #fff;
4598 background-color: #E38632;
4599 }
4600 .charitable-plugin-notifications .notification-menu .notification-header .new-notifications,
4601 .charitable-plugin-notifications .notification-menu .notification-header .old-notifications {
4602 font-size: 18px;
4603 font-weight: 600;
4604 display: none;
4605 }
4606 .charitable-plugin-notifications .notification-menu .notification-header .notifications-visible {
4607 display: block;
4608 }
4609 .charitable-plugin-notifications .notification-menu .notification-header .dismissed-notifications {
4610 flex: 1 1 auto;
4611 margin-left: 25px;
4612 }
4613 [dir=ltr] .charitable-plugin-notifications .notification-menu .notification-header .dismissed-notifications {
4614 margin-left: 25px;
4615 }
4616 [dir=rtl] .charitable-plugin-notifications .notification-menu .notification-header .dismissed-notifications {
4617 margin-right: 25px;
4618 }
4619 .charitable-plugin-notifications .notification-menu .notification-header .dismissed-notifications a {
4620 font-size: 12px;
4621 color: #fff;
4622 }
4623 .charitable-plugin-notifications .notification-menu .notification-header .dismissed-notifications a:focus {
4624 border: 0;
4625 box-shadow: none;
4626 }
4627 .charitable-plugin-notifications .notification-menu .notification-header svg.charitable-close {
4628 width: 14px;
4629 height: 14px;
4630 cursor: pointer;
4631 }
4632 .charitable-plugin-notifications .notification-menu .notification-header svg.charitable-close:hover {
4633 color: #ccc;
4634 }
4635 .charitable-plugin-notifications .notification-menu .notification-cards {
4636 flex: 1;
4637 padding: 24px;
4638 overflow: auto;
4639 }
4640 .charitable-plugin-notifications .notification-menu .notification-footer {
4641 /* height: 90px; */
4642 padding: 24px;
4643 display: flex;
4644 align-items: center;
4645 }
4646 .charitable-plugin-notifications .notification-menu .notification-footer div.pagination {
4647 flex: 1;
4648 display: flex;
4649 align-items: center;
4650 }
4651 .charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number {
4652 font-size: 13px;
4653 color: #141b38;
4654 background: #e8e8eb;
4655 height: 30px;
4656 width: 30px;
4657 display: flex;
4658 align-items: center;
4659 justify-content: center;
4660 border-radius: 2px;
4661 cursor: pointer;
4662 }
4663 .charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number.active, .charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number:hover {
4664 color: #fff;
4665 background-color: #E38632;
4666 }
4667 [dir=ltr] .charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number {
4668 margin-right: 4px;
4669 }
4670 [dir=ltr] .charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number:last-child {
4671 margin-right: 0;
4672 }
4673 [dir=rtl] .charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number {
4674 margin-left: 4px;
4675 }
4676 [dir=rtl] .charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number:last-child {
4677 margin-left: 0;
4678 }
4679 .charitable-plugin-notifications .charitable-notifications-overlay {
4680 display: none;
4681 position: fixed;
4682 z-index: 998;
4683 top: 32px;
4684 bottom: 0;
4685 background-color: #141b38;
4686 opacity: 0.5;
4687 transition: 0.5s;
4688 cursor: pointer;
4689 right: 0;
4690 left: 160px;
4691 }
4692 [dir=ltr] .charitable-plugin-notifications .charitable-notifications-overlay {
4693 right: 0;
4694 left: 160px;
4695 }
4696 [dir=rtl] .charitable-plugin-notifications .charitable-notifications-overlay {
4697 left: 0;
4698 right: 160px;
4699 }
4700 .charitable-plugin-notifications .notifications-fade-enter-active,
4701 .charitable-plugin-notifications .notifications-fade-leave-active {
4702 transition: opacity 0.5s;
4703 }
4704 .charitable-plugin-notifications .notifications-fade-enter-from,
4705 .charitable-plugin-notifications .notifications-fade-leave-to {
4706 opacity: 0;
4707 }
4708 .charitable-plugin-notifications .notifications-slide-enter-active,
4709 .charitable-plugin-notifications .notifications-slide-leave-active {
4710 transition: all 0.5s ease-in-out;
4711 }
4712 .charitable-plugin-notifications [dir=ltr] .notifications-slide-enter-from,
4713 .charitable-plugin-notifications [dir=ltr] .notifications-slide-leave-to {
4714 right: -570px;
4715 }
4716 .charitable-plugin-notifications [dir=rtl] .notifications-slide-enter-from,
4717 .charitable-plugin-notifications [dir=rtl] .notifications-slide-leave-to {
4718 left: -570px;
4719 }
4720
4721 /* for print */
4722 @media print {
4723 .charitable-plugin-notifications {
4724 display: none;
4725 }
4726 }
4727 /* notifications AM END */
4728 /* notifications */
4729 .charitable-dashboard-notifications {
4730 background-color: white;
4731 box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
4732 border-radius: 4px;
4733 position: relative;
4734 }
4735 .charitable-dashboard-notifications .charitable-dashboard-notification {
4736 padding: 10px;
4737 display: flex;
4738 justify-content: left;
4739 background-color: #f18500;
4740 text-align: left;
4741 align-items: center;
4742 }
4743 .charitable-dashboard-notifications .charitable-dashboard-notification .charitable-dashboard-notification-icon {
4744 margin: 0 10px 0 10px;
4745 width: 18px;
4746 height: 18px;
4747 }
4748 .charitable-dashboard-notifications .charitable-dashboard-notification h4.charitable-dashboard-notification-headline {
4749 display: none;
4750 }
4751 .charitable-dashboard-notifications .charitable-dashboard-notification p:first-of-type {
4752 margin-top: 0;
4753 }
4754 .charitable-dashboard-notifications .charitable-dashboard-notification-bar {
4755 position: absolute;
4756 right: 0px;
4757 top: 0px;
4758 display: flex;
4759 justify-content: space-between;
4760 align-items: center;
4761 }
4762 .charitable-dashboard-notifications .charitable-dashboard-notification-bar .charitable-dashboard-notification-navigation {
4763 position: relative;
4764 right: 20px;
4765 top: -14px;
4766 padding: 0px;
4767 display: flex;
4768 justify-content: space-between;
4769 align-items: center;
4770 min-height: 45px;
4771 }
4772 .charitable-dashboard-notifications .charitable-dashboard-notification-bar .charitable-dashboard-notification-navigation a {
4773 cursor: pointer;
4774 color: black;
4775 text-decoration: none;
4776 font-weight: 200;
4777 font-size: 32px;
4778 line-height: 32px;
4779 display: inline-block;
4780 opacity: 0.3;
4781 padding: 0px 4px;
4782 position: relative;
4783 top: 1px;
4784 border-radius: 5px;
4785 background-color: transparent;
4786 }
4787 .charitable-dashboard-notifications .charitable-dashboard-notification-bar .charitable-dashboard-notification-navigation a:hover {
4788 opacity: 0.5;
4789 }
4790 .charitable-dashboard-notifications .charitable-dashboard-notification-bar .charitable-dashboard-notification-navigation .charitable-dashboard-notification-counter {
4791 font-size: 13px;
4792 color: #666;
4793 white-space: nowrap;
4794 padding: 0 4px;
4795 line-height: 32px;
4796 }
4797 .charitable-dashboard-notifications .charitable-dashboard-notification-bar .charitable-remove-dashboard-notification {
4798 position: relative;
4799 right: 5px;
4800 top: -10px;
4801 font-size: 14px;
4802 line-height: 14px;
4803 width: 18px;
4804 height: 18px;
4805 text-decoration: none;
4806 opacity: 0.3;
4807 background-image: url(../../images/onboarding/checklist/times-circle-regular.svg);
4808 color: white;
4809 background-color: white;
4810 -webkit-mask-image: url(../../images/onboarding/checklist/times-circle-regular.svg);
4811 mask-image: url(../../images/onboarding/checklist/times-circle-regular.svg);
4812 }
4813 .charitable-dashboard-notifications .charitable-dashboard-notification-bar .charitable-remove-dashboard-notification:hover {
4814 opacity: 0.5;
4815 }
4816 .charitable-dashboard-notifications .charitable-dashboard-notification {
4817 background-color: white;
4818 border: 1px solid #c3c4c7;
4819 border-left-width: 4px;
4820 padding: 0;
4821 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
4822 border-radius: 4px;
4823 border-left-color: #72aee6;
4824 }
4825 .charitable-dashboard-notifications .charitable-dashboard-notification.charitable-notification-type-notice {
4826 border-left-color: #72aee6;
4827 }
4828 .charitable-dashboard-notifications .charitable-dashboard-notification.charitable-notification-type-important {
4829 border-left-color: #EAA465;
4830 }
4831 .charitable-dashboard-notifications .charitable-dashboard-notification-message {
4832 padding: 20px;
4833 }
4834 .charitable-dashboard-notifications .charitable-dashboard-notification-message h5:first-of-type {
4835 font-size: 18px;
4836 line-height: 21px;
4837 margin: 0 0 10px 0;
4838 padding: 0;
4839 }
4840 .charitable-dashboard-notifications .charitable-dashboard-notification-message p:first-child {
4841 margin-top: 2px;
4842 }
4843 .charitable-dashboard-notifications .charitable-dashboard-notification-message p:last-child {
4844 margin-bottom: 2px;
4845 }
4846 .charitable-dashboard-notifications .charitable-dashboard-notification-message ul, .charitable-dashboard-notifications .charitable-dashboard-notification-message ol {
4847 margin-top: 5px;
4848 }
4849 .charitable-dashboard-notifications ul {
4850 margin: 0 0 0 20px;
4851 padding: 0;
4852 list-style-type: disc;
4853 }
4854 .charitable-dashboard-notifications .charitable-dashboard-notification[data-notification-type=notice] header {
4855 background-color: #0054f1;
4856 }
4857
4858 /* gutenberg */
4859 .interface-interface-skeleton__sidebar .wpchar-gutenberg-panel-notice {
4860 background-color: #f0f6fc;
4861 border-left: solid 4px #017cba;
4862 color: #1e1e1e;
4863 padding: 12px 12px 12px 16px;
4864 margin-bottom: 0;
4865 }
4866 .interface-interface-skeleton__sidebar .wpchar-gutenberg-panel-notice strong {
4867 display: block;
4868 }
4869 .interface-interface-skeleton__sidebar .wpchar-gutenberg-panel-notice a {
4870 display: block;
4871 }
4872 .interface-interface-skeleton__sidebar .wpchar-gutenberg-panel-notice.wpchar-warning {
4873 background-color: #fef8ee;
4874 border-left-color: #efb84a;
4875 margin-bottom: 12px;
4876 }
4877
4878 .editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaigns-block .charitable-logo,
4879 .editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donations-block .charitable-logo,
4880 .editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donors-block .charitable-logo,
4881 .editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaign-progress-bar .charitable-logo,
4882 .editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donation-button .charitable-logo,
4883 .editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaign-stats .charitable-logo,
4884 .editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-my-donations .charitable-logo {
4885 max-width: 255px !important;
4886 margin-bottom: 10px !important;
4887 padding-bottom: 10px !important;
4888 border-bottom: 1px solid #e8e8eb;
4889 }
4890 .editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaigns-block p,
4891 .editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donations-block p,
4892 .editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donors-block p,
4893 .editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaign-progress-bar p,
4894 .editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donation-button p,
4895 .editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaign-stats p,
4896 .editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-my-donations p {
4897 margin-top: 2px !important;
4898 margin-bottom: 2px !important;
4899 }
4900
4901 /* post new donation */
4902 body.post-type-donation.charitable-admin-donation-edit #post-body input[type=text],
4903 body.post-type-donation.charitable-admin-donation-edit #post-body input[type=email],
4904 body.post-type-donation.charitable-admin-donation-edit #post-body input[type=number],
4905 body.post-type-donation.charitable-admin-donation-edit #post-body input[type=password],
4906 body.post-type-donation.charitable-admin-donation-edit #post-body input[type=search],
4907 body.post-type-donation.charitable-admin-donation-edit #post-body input[type=tel],
4908 body.post-type-donation.charitable-admin-donation-edit #post-body input[type=url] {
4909 padding: 8px 10px;
4910 }
4911 body.post-type-donation.charitable-admin-donation-edit #donation-form-meta {
4912 padding-top: 0;
4913 }
4914 body.post-type-donation.charitable-admin-donation-edit #postbox-container-2 .postbox-header {
4915 display: none;
4916 }
4917
4918 #charitable-reports .charitable-report-table-container {
4919 position: relative;
4920 }
4921 #charitable-reports .charitable-report-table-container .reports-lite-cta {
4922 z-index: 999;
4923 position: absolute;
4924 top: 25%;
4925 left: 0;
4926 right: 0;
4927 margin: 25px;
4928 }
4929
4930 @media screen and (max-width: 1200px) {
4931 body.charitable_page_charitable-reports .charitable-cards .charitable-card,
4932 body.charitable_page_charitable-dashboard .charitable-cards .charitable-card {
4933 padding-top: 30px;
4934 padding-bottom: 30px;
4935 }
4936 body.charitable_page_charitable-reports .charitable-cards .charitable-card strong,
4937 body.charitable_page_charitable-dashboard .charitable-cards .charitable-card strong {
4938 font-size: 24px;
4939 line-height: 24px;
4940 }
4941 }
4942 @media screen and (max-width: 1000px) {
4943 body.charitable_page_charitable-reports .charitable-cards,
4944 body.charitable_page_charitable-dashboard .charitable-cards {
4945 grid-template-columns: repeat(2, 1fr);
4946 }
4947 body.charitable_page_charitable-reports .charitable-cards .charitable-card strong,
4948 body.charitable_page_charitable-dashboard .charitable-cards .charitable-card strong {
4949 font-size: 42px;
4950 line-height: 44px;
4951 }
4952 }
4953 @media screen and (max-width: 800px) {
4954 body.charitable_page_charitable-reports .charitable-cards,
4955 body.charitable_page_charitable-dashboard .charitable-cards {
4956 grid-template-columns: repeat(2, 1fr);
4957 }
4958 body.charitable_page_charitable-reports .charitable-cards .charitable-card strong,
4959 body.charitable_page_charitable-dashboard .charitable-cards .charitable-card strong {
4960 font-size: 24px;
4961 line-height: 24px;
4962 }
4963 body.charitable_page_charitable-reports .charitable-section-grid,
4964 body.charitable_page_charitable-dashboard .charitable-section-grid {
4965 grid-template-columns: repeat(1, 1fr);
4966 }
4967 body.charitable_page_charitable-reports .charitable-section-grid.one-third,
4968 body.charitable_page_charitable-dashboard .charitable-section-grid.one-third {
4969 display: grid;
4970 }
4971 body.charitable_page_charitable-reports .charitable-section-grid.one-third .charitable-top-campaigns-report,
4972 body.charitable_page_charitable-dashboard .charitable-section-grid.one-third .charitable-top-campaigns-report {
4973 width: 100%;
4974 }
4975 body.charitable_page_charitable-reports .charitable-section-grid.one-third .charitable-payment-methods-report,
4976 body.charitable_page_charitable-dashboard .charitable-section-grid.one-third .charitable-payment-methods-report {
4977 width: 100%;
4978 }
4979 body.charitable_page_charitable-reports .charitable-section-flexible,
4980 body.charitable_page_charitable-dashboard .charitable-section-flexible {
4981 columns: 1;
4982 column-gap: 0;
4983 display: block;
4984 }
4985 #charitable-reports .charitable-report-table-container table.wp-list-table th,
4986 #charitable-reports .charitable-report-table-container table.wp-list-table td {
4987 white-space: nowrap;
4988 overflow: hidden;
4989 text-overflow: ellipsis;
4990 }
4991 #charitable-reports .charitable-report-table-container table.wp-list-table th.charitable-avatar,
4992 #charitable-reports .charitable-report-table-container table.wp-list-table td.charitable-avatar {
4993 display: none;
4994 width: 1px;
4995 }
4996 #charitable-reports .charitable-report-table-container table.wp-list-table td.manage-column.column-actions,
4997 #charitable-reports .charitable-report-table-container table.wp-list-table th.manage-column.column-actions {
4998 width: 30px;
4999 }
5000 }
5001 @media screen and (max-width: 700px) {
5002 body.charitable_page_charitable-reports .charitable-cards,
5003 body.charitable_page_charitable-dashboard .charitable-cards {
5004 grid-template-columns: repeat(2, 1fr);
5005 }
5006 body.charitable_page_charitable-reports .charitable-cards .charitable-card strong,
5007 body.charitable_page_charitable-dashboard .charitable-cards .charitable-card strong {
5008 font-size: 24px;
5009 line-height: 24px;
5010 }
5011 body.charitable_page_charitable-reports .charitable-section-grid,
5012 body.charitable_page_charitable-dashboard .charitable-section-grid {
5013 grid-template-columns: repeat(1, 1fr);
5014 }
5015 body.charitable_page_charitable-reports .charitable-section-grid.one-third,
5016 body.charitable_page_charitable-dashboard .charitable-section-grid.one-third {
5017 display: grid;
5018 }
5019 body.charitable_page_charitable-reports .charitable-section-grid.one-third .charitable-top-campaigns-report,
5020 body.charitable_page_charitable-dashboard .charitable-section-grid.one-third .charitable-top-campaigns-report {
5021 width: 100%;
5022 }
5023 body.charitable_page_charitable-reports .charitable-section-grid.one-third .charitable-payment-methods-report,
5024 body.charitable_page_charitable-dashboard .charitable-section-grid.one-third .charitable-payment-methods-report {
5025 width: 100%;
5026 }
5027 body.charitable_page_charitable-reports .charitable-section-flexible,
5028 body.charitable_page_charitable-dashboard .charitable-section-flexible {
5029 columns: 1;
5030 column-gap: 0;
5031 display: block;
5032 }
5033 }
5034 body.charitable_page_charitable-settings .charitable-education-page .charitable-settings-heading-pro h4 {
5035 margin-top: 40px;
5036 }
5037
5038 .charitable-education-page {
5039 max-width: 1000px;
5040 margin-bottom: 30px;
5041 padding: 0;
5042 }
5043 .charitable-education-page .charitable-education-page-heading h4,
5044 .charitable-education-page .charitable-settings-heading-pro h4 {
5045 font-size: 20px;
5046 font-weight: 600;
5047 margin: 20px 0 6px 0;
5048 line-height: 20px;
5049 }
5050 .charitable-education-page .charitable-education-page-heading h4:after,
5051 .charitable-education-page .charitable-settings-heading-pro h4:after {
5052 background-color: #F99E36;
5053 color: white;
5054 content: "Pro";
5055 padding: 3px 7px;
5056 font-size: 9px;
5057 line-height: 9px;
5058 text-transform: uppercase;
5059 font-weight: 600;
5060 margin-left: 5px;
5061 margin-right: 5px;
5062 margin-top: 0;
5063 position: relative;
5064 top: -3px;
5065 }
5066 .charitable-education-page .charitable-education-page-images {
5067 display: flex;
5068 gap: 25px;
5069 margin: 25px 0px;
5070 }
5071 .charitable-education-page .charitable-education-page-images figure {
5072 margin: 0;
5073 }
5074 .charitable-education-page .charitable-education-page-images figcaption {
5075 font-style: normal;
5076 font-weight: 400;
5077 font-size: 14px;
5078 line-height: 17px;
5079 text-align: center;
5080 color: rgb(119, 119, 119);
5081 margin-top: 10px;
5082 }
5083 .charitable-education-page .charitable-education-page-images .charitable-education-page-images-image {
5084 display: inline-block;
5085 position: relative;
5086 background-color: rgb(255, 255, 255);
5087 box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px 0px;
5088 padding: 5px;
5089 border-radius: 3px;
5090 }
5091 .charitable-education-page .charitable-education-page-images .charitable-education-page-images-image img {
5092 max-width: 100%;
5093 display: block;
5094 }
5095 .charitable-education-page .charitable-education-page-images .charitable-education-page-images-image .hover {
5096 position: absolute;
5097 opacity: 0;
5098 height: calc(100% - 10px);
5099 width: calc(100% - 10px);
5100 top: 0;
5101 left: 0;
5102 border: 5px solid #ffffff;
5103 background-color: rgba(0, 0, 0, 0.15);
5104 background-image: url(../../images/pro/icons/zoom.svg);
5105 background-repeat: no-repeat;
5106 background-position: center;
5107 background-size: 50px;
5108 transition: all 0.3s;
5109 box-sizing: initial;
5110 }
5111 .charitable-education-page .charitable-education-page-images .charitable-education-page-images-image:hover .hover {
5112 opacity: 1;
5113 transition: all 0.3s;
5114 }
5115 .charitable-education-page .charitable-education-page-caps {
5116 max-width: 986px;
5117 box-sizing: content-box;
5118 box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px;
5119 background: rgb(255, 255, 255);
5120 border-radius: 6px;
5121 padding: 20px 20px 0 20px;
5122 overflow: auto;
5123 }
5124 .charitable-education-page .charitable-education-page-caps p {
5125 font-weight: 600;
5126 font-size: 16px;
5127 line-height: 23px;
5128 color: #32373c;
5129 margin-bottom: 20px;
5130 margin-top: 0;
5131 }
5132 .charitable-education-page .charitable-education-page-caps ul {
5133 display: flex;
5134 flex-wrap: wrap;
5135 margin: 0;
5136 }
5137 .charitable-education-page .charitable-education-page-caps ul li {
5138 flex: 0 0 calc(33.333% - 40px);
5139 font-weight: 400;
5140 font-size: 14px;
5141 line-height: 20px;
5142 color: rgb(80, 87, 94);
5143 margin-bottom: 20px;
5144 position: relative;
5145 padding-left: 20px;
5146 padding-right: 20px;
5147 }
5148 .charitable-education-page .charitable-education-page-caps ul li i {
5149 margin-right: 10px;
5150 position: absolute;
5151 top: 2px;
5152 left: 0;
5153 }
5154 .charitable-education-page .charitable-education-page-button {
5155 margin-top: 25px;
5156 }
5157 .charitable-education-page .charitable-education-page-button a {
5158 font-size: 16px;
5159 font-weight: 600;
5160 padding: 16px 28px !important;
5161 background-color: #5AA152 !important;
5162 color: #ffffff !important;
5163 }
5164 .charitable-education-page .charitable-education-page-button a:hover {
5165 /* background color darker */
5166 background-color: #4a8742 !important;
5167 }
5168 .charitable-education-page .charitable-education-page-disabled-download {
5169 margin-top: 25px;
5170 }
5171 .charitable-education-page .charitable-education-page-disabled-download p {
5172 font-size: 16px;
5173 font-weight: 600;
5174 color: #d63638;
5175 }
5176
5177 /* Footer Promotion Styles */
5178 body.charitable-admin-promotion-footer #wpbody {
5179 padding-bottom: 150px !important;
5180 }
5181
5182 #wpfooter .charitable-footer-promotion {
5183 text-align: center;
5184 font-weight: 400;
5185 font-size: 13px;
5186 line-height: normal;
5187 color: #646970;
5188 padding: 30px 0;
5189 margin-bottom: 20px;
5190 }
5191 #wpfooter .charitable-footer-promotion p {
5192 font-weight: 600;
5193 }
5194 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-links,
5195 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-social {
5196 display: flex;
5197 justify-content: center;
5198 align-items: center;
5199 }
5200 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-links {
5201 margin: 10px 0;
5202 color: #646970;
5203 }
5204 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-links a {
5205 color: #056aab;
5206 }
5207 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-links a:hover {
5208 color: #04558a;
5209 }
5210 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-links span {
5211 color: #c3c4c7;
5212 padding: 0 7px;
5213 }
5214 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-social {
5215 gap: 10px;
5216 margin: 0;
5217 }
5218 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-social li {
5219 margin-bottom: 0;
5220 }
5221 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-social li path {
5222 color: #646970;
5223 }
5224 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-social li:hover path {
5225 fill: #50575e;
5226 }
5227 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-social li a {
5228 display: block;
5229 height: 16px;
5230 }
5231 #wpfooter #footer-left {
5232 color: #50575e;
5233 font-size: 13px;
5234 font-style: normal;
5235 font-weight: 400;
5236 line-height: normal;
5237 }
5238 #wpfooter #footer-left strong {
5239 font-weight: 600;
5240 }
5241
5242 /* Responsive adjustments for footer promotion */
5243 @media (max-width: 782px) {
5244 body.charitable-admin-promotion-footer #wpbody {
5245 padding-bottom: 200px !important;
5246 }
5247 #wpfooter .charitable-footer-promotion {
5248 padding: 20px 0;
5249 }
5250 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-links {
5251 flex-direction: column;
5252 gap: 10px;
5253 }
5254 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-links li {
5255 margin: 0;
5256 }
5257 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-social {
5258 margin-top: 20px;
5259 }
5260 }
5261 /* Charitable Test Mode Admin Bar Badge */
5262 #wpadminbar .charitable-test-mode-active .charitable-test-mode-badge {
5263 color: #fff;
5264 background-color: #E89940 !important;
5265 font-weight: 600;
5266 padding: 0px 8px;
5267 border-radius: 4px;
5268 margin: 0 4px;
5269 display: inline-block;
5270 white-space: nowrap;
5271 border: 2px solid black;
5272 font-size: 12px;
5273 line-height: 25px;
5274 }
5275
5276 #wpadminbar .charitable-test-mode-active .charitable-test-mode-badge::before {
5277 content: "⚠ ";
5278 margin-right: 4px;
5279 font-weight: bold;
5280 }
5281
5282 #wpadminbar .charitable-test-mode-active:hover .charitable-test-mode-badge {
5283 background-color: #d68a37 !important;
5284 }
5285
5286 /* Test Mode Checkbox Flash Animation */
5287 @keyframes charitable-test-mode-flash {
5288 0% {
5289 background-color: transparent;
5290 }
5291 50% {
5292 background-color: rgba(232, 153, 64, 0.5);
5293 color: white;
5294 }
5295 100% {
5296 background-color: transparent;
5297 }
5298 }
5299 /* Apply flash animation to test mode checkbox row */
5300 tr.charitable-settings-field.charitable-test-mode-checkbox.charitable-test-mode-flash {
5301 animation: charitable-test-mode-flash 2s ease-in-out;
5302 }
5303
5304 /* Global Upgrade CTA Styles */
5305 .charitable-global-upgrade-cta {
5306 width: fit-content;
5307 margin-left: auto;
5308 margin-right: auto;
5309 padding: 20px 80px;
5310 background: white;
5311 }
5312 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-title {
5313 font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
5314 font-weight: 700;
5315 font-style: normal;
5316 font-size: 20px;
5317 line-height: 33px;
5318 letter-spacing: 0.01em;
5319 text-align: center;
5320 color: rgba(25, 29, 45, 0.8);
5321 margin: 0;
5322 padding-top: 10px;
5323 }
5324 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-features {
5325 display: flex;
5326 gap: 10px 10px;
5327 margin: 30px auto;
5328 max-width: 530px;
5329 justify-content: center;
5330 }
5331 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-features .charitable-dashboard-v2-upgrade-column {
5332 flex: 1;
5333 max-width: 300px;
5334 display: flex;
5335 flex-direction: column;
5336 gap: 20px;
5337 }
5338 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-features .charitable-dashboard-v2-upgrade-feature {
5339 display: flex;
5340 align-items: flex-start;
5341 gap: 12px;
5342 }
5343 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-features .charitable-dashboard-v2-upgrade-feature .charitable-dashboard-v2-upgrade-checkmark {
5344 width: 18px;
5345 height: 18px;
5346 flex-shrink: 0;
5347 margin-top: 2px;
5348 }
5349 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-features .charitable-dashboard-v2-upgrade-feature .charitable-dashboard-v2-upgrade-feature-text {
5350 font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
5351 font-weight: 500;
5352 font-size: 14px;
5353 line-height: 150%;
5354 letter-spacing: 0px;
5355 color: rgba(25, 29, 45, 0.8);
5356 margin: 0;
5357 }
5358 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-actions {
5359 display: flex;
5360 flex-direction: column;
5361 align-items: center;
5362 gap: 20px;
5363 margin-top: 30px;
5364 padding-bottom: 20px;
5365 }
5366 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-actions .charitable-dashboard-v2-upgrade-button {
5367 background: rgb(218, 144, 33);
5368 border: none;
5369 border-radius: 4px;
5370 padding: 22px 42px;
5371 font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
5372 font-weight: 600;
5373 font-size: 19px;
5374 line-height: 100%;
5375 letter-spacing: 0px;
5376 color: white;
5377 cursor: pointer;
5378 transition: background 0.2s ease;
5379 text-decoration: none;
5380 }
5381 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-actions .charitable-dashboard-v2-upgrade-button:hover {
5382 background: rgb(196, 130, 30);
5383 }
5384 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-actions .charitable-dashboard-v2-learn-more-link {
5385 font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
5386 font-weight: 600;
5387 font-size: 14px;
5388 line-height: 150%;
5389 letter-spacing: 0px;
5390 text-align: center;
5391 text-decoration: underline;
5392 color: rgba(25, 29, 45, 0.5);
5393 transition: color 0.2s ease;
5394 }
5395 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-actions .charitable-dashboard-v2-learn-more-link:hover {
5396 color: rgba(25, 29, 45, 0.7);
5397 }
5398
5399 /* Reports CTA Specific Styles */
5400 #charitable-reports .charitable-report-table-container .reports-lite-cta {
5401 margin: auto !important;
5402 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
5403 }
5404
5405 /* Payment Gateways tab — 1.8.11: help icons + additional gateways link. */
5406 .charitable-gateway .gateway-logo-name .charitable-gateway-help {
5407 display: inline-block;
5408 vertical-align: middle;
5409 margin-right: 8px;
5410 text-decoration: none;
5411 line-height: 1;
5412 color: #8c8f94;
5413 position: relative;
5414 left: -12px;
5415 }
5416 .charitable-gateway .gateway-logo-name .charitable-gateway-help:hover,
5417 .charitable-gateway .gateway-logo-name .charitable-gateway-help:focus {
5418 color: #2271b1;
5419 text-decoration: none;
5420 }
5421 .charitable-gateway .gateway-logo-name .charitable-gateway-help .dashicons {
5422 font-size: 18px;
5423 width: 18px;
5424 height: 18px;
5425 line-height: 1;
5426 vertical-align: middle;
5427 }
5428 body.charitable-settings-page-gateways .charitable-admin-ui.charitable-admin-ui-field.charitable-admin-ui-toggle {
5429 margin-top: 5px;
5430 align-items: baseline;
5431 }
5432 .charitable-settings-page-gateways .charitable-gateways-additional-link {
5433 margin-top: 30px !important;
5434 margin-bottom: 0 !important;
5435 }
5436 .charitable-settings-page-gateways .charitable-settings-object {
5437 max-width: 925px;
5438 }
5439 body.charitable_page_charitable-settings tr.charitable-test-mode-checkbox > th[scope="row"],
5440 body.charitable-settings-page-gateways tr.charitable-test-mode-checkbox > th[scope="row"] {
5441 min-width: 200px !important;
5442 }
5443 body.charitable_page_charitable-settings .charitable-settings-field.charitable-test-mode-checkbox,
5444 body.charitable-settings-page-gateways .charitable-settings-field.charitable-test-mode-checkbox {
5445 align-items: baseline !important;
5446 padding-left: 0 !important;
5447 }
5448 body.charitable_page_charitable-settings .charitable-settings-field.charitable-test-mode-checkbox h4,
5449 body.charitable-settings-page-gateways .charitable-settings-field.charitable-test-mode-checkbox h4 {
5450 width: 180px !important;
5451 padding-right: 20px !important;
5452 }
5453