PluginProbe
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) / 1.8.12.2
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) v1.8.12.2
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.12.2, at assets/css/admin/charitable-admin.css

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