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

5,610 lines 175.2 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 /*
1511 * "New" pill on a Charitable Tools tab.
1512 *
1513 * Values copied EXACTLY from the Site Analysis badge on Reports, which is the
1514 * established Charitable "New" tab badge. That one is an inline ::after rule
1515 * built in Charitable_Site_Analysis::enqueue_assets() -
1516 * `.nav-tab.site-analysis::after { content:"New"; ... }` - so this is the same
1517 * fill, text colour, size, weight, padding and vertical offset, just applied to
1518 * a real element instead of generated content.
1519 *
1520 * A <span> rather than content:"New" on purpose: CSS generated content cannot
1521 * be translated, and the Site Analysis badge's label is therefore stuck in
1522 * English on every locale. Same appearance, one fewer untranslatable string.
1523 *
1524 * #5AA152 is NOT canon brand green (#31714c) - it is the as-built value the
1525 * Site Analysis badge already ships, matched deliberately because the point is
1526 * for the two badges to be indistinguishable. Changing it is a separate
1527 * decision that should move both at once.
1528 *
1529 * Here rather than in charitable-ai-mcp.css because that stylesheet is only
1530 * enqueued on tab=ai-mcp, and the badge exists to be seen from the OTHER tabs.
1531 *
1532 * Edited in the .css directly, NOT in assets/scss/admin/charitable-admin.scss.
1533 * The build has no sass step - bin/build.sh --css only runs
1534 * minify_admin_css.sh - so the .scss tree is not compiled and is not the source
1535 * of truth for this file. Editing the .scss here changed nothing.
1536 */
1537 .nav-tab .charitable-tab-new-badge {
1538 display: inline-block;
1539 background-color: #5AA152;
1540 padding: 3px 7px;
1541 font-size: 11px;
1542 line-height: 11px;
1543 text-transform: uppercase;
1544 color: #fff;
1545 font-weight: 600;
1546 margin-left: 5px;
1547 margin-right: 5px;
1548 margin-top: 0;
1549 position: relative;
1550 top: -7px;
1551 }
1552
1553 /* settings */
1554 body.charitable_page_charitable-settings table,
1555 body.charitable_page_charitable-reports table,
1556 body.post-type-charitable.edit-tags-php table,
1557 body.charitable_page_charitable-tools table,
1558 body.charitable_page_charitable-addons table {
1559 border-color: #DDD;
1560 }
1561 body.charitable_page_charitable-settings table thead th a,
1562 body.charitable_page_charitable-settings table tfoot th a,
1563 body.charitable_page_charitable-reports table thead th a,
1564 body.charitable_page_charitable-reports table tfoot th a,
1565 body.post-type-charitable.edit-tags-php table thead th a,
1566 body.post-type-charitable.edit-tags-php table tfoot th a,
1567 body.charitable_page_charitable-tools table thead th a,
1568 body.charitable_page_charitable-tools table tfoot th a,
1569 body.charitable_page_charitable-addons table thead th a,
1570 body.charitable_page_charitable-addons table tfoot th a {
1571 color: #6A6C77;
1572 font-weight: 500;
1573 }
1574 body.charitable_page_charitable-settings table thead th,
1575 body.charitable_page_charitable-settings table tfoot th,
1576 body.charitable_page_charitable-settings table thead td,
1577 body.charitable_page_charitable-settings table tfoot td,
1578 body.charitable_page_charitable-reports table thead th,
1579 body.charitable_page_charitable-reports table tfoot th,
1580 body.charitable_page_charitable-reports table thead td,
1581 body.charitable_page_charitable-reports table tfoot td,
1582 body.post-type-charitable.edit-tags-php table thead th,
1583 body.post-type-charitable.edit-tags-php table tfoot th,
1584 body.post-type-charitable.edit-tags-php table thead td,
1585 body.post-type-charitable.edit-tags-php table tfoot td,
1586 body.charitable_page_charitable-tools table thead th,
1587 body.charitable_page_charitable-tools table tfoot th,
1588 body.charitable_page_charitable-tools table thead td,
1589 body.charitable_page_charitable-tools table tfoot td,
1590 body.charitable_page_charitable-addons table thead th,
1591 body.charitable_page_charitable-addons table tfoot th,
1592 body.charitable_page_charitable-addons table thead td,
1593 body.charitable_page_charitable-addons table tfoot td {
1594 border-color: #DDD;
1595 }
1596 body.charitable_page_charitable-settings table td.title,
1597 body.charitable_page_charitable-settings table th.title,
1598 body.charitable_page_charitable-reports table td.title,
1599 body.charitable_page_charitable-reports table th.title,
1600 body.post-type-charitable.edit-tags-php table td.title,
1601 body.post-type-charitable.edit-tags-php table th.title,
1602 body.charitable_page_charitable-tools table td.title,
1603 body.charitable_page_charitable-tools table th.title,
1604 body.charitable_page_charitable-addons table td.title,
1605 body.charitable_page_charitable-addons table th.title {
1606 font-weight: 400;
1607 padding-right: 50px;
1608 }
1609 body.charitable_page_charitable-settings table td.title a,
1610 body.charitable_page_charitable-settings table th.title a,
1611 body.charitable_page_charitable-reports table td.title a,
1612 body.charitable_page_charitable-reports table th.title a,
1613 body.post-type-charitable.edit-tags-php table td.title a,
1614 body.post-type-charitable.edit-tags-php table th.title a,
1615 body.charitable_page_charitable-tools table td.title a,
1616 body.charitable_page_charitable-tools table th.title a,
1617 body.charitable_page_charitable-addons table td.title a,
1618 body.charitable_page_charitable-addons table th.title a {
1619 font-weight: 400;
1620 color: #454955;
1621 }
1622 body.charitable_page_charitable-settings h1,
1623 body.charitable_page_charitable-reports h1,
1624 body.post-type-charitable.edit-tags-php h1,
1625 body.charitable_page_charitable-tools h1,
1626 body.charitable_page_charitable-addons h1 {
1627 font-family: "Inter", sans-serif;
1628 font-weight: 500;
1629 font-size: 21px;
1630 margin-right: 10px;
1631 margin-bottom: 20px;
1632 margin-top: 20px;
1633 }
1634
1635 body.post-type-charitable.edit-tags-php #col-container {
1636 margin-top: 15px;
1637 }
1638 body.post-type-charitable.edit-tags-php h1.wp-heading-inline {
1639 display: none;
1640 }
1641
1642 body.charitable_page_charitable-settings div#charitable-settings table.form-table tbody tr th[scope=row] label {
1643 font-weight: normal;
1644 font-size: inherit;
1645 margin: 10px 0 6px 0;
1646 line-height: 20px;
1647 font-family: "Inter", sans-serif;
1648 display: block;
1649 }
1650
1651 /* customerizer legacy */
1652 .charitable-customizer-section img {
1653 float: left;
1654 border: 1px solid #ccc;
1655 padding: 5px;
1656 margin-right: 20px;
1657 }
1658 .charitable-customizer-section a.button.button-primary {
1659 background-color: #5AA152;
1660 border-color: #5AA152;
1661 color: white;
1662 border-radius: 5px;
1663 font-family: "Inter", sans-serif;
1664 font-weight: 600;
1665 font-size: 14px;
1666 line-height: 14px;
1667 padding: 15px 20px;
1668 text-transform: capitalize;
1669 }
1670
1671 /* tabs */
1672 body.charitable_page_charitable-reports h2.nav-tab-wrapper,
1673 body.charitable_page_charitable-tools h2.nav-tab-wrapper,
1674 body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper,
1675 body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper,
1676 body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper,
1677 body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper,
1678 body.charitable_page_charitable-settings h2.nav-tab-wrapper,
1679 body.charitable_page_charitable-about h2.nav-tab-wrapper {
1680 font-family: "Inter", sans-serif;
1681 margin-bottom: 25px;
1682 display: inline-block;
1683 border-bottom: 1px solid #D5D6D8;
1684 padding-left: 0px;
1685 padding-right: 20px;
1686 margin-bottom: 5px;
1687 width: calc(100% - 40px);
1688 }
1689 body.charitable_page_charitable-reports h2.nav-tab-wrapper a.nav-tab,
1690 body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab,
1691 body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper a.nav-tab,
1692 body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper a.nav-tab,
1693 body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper a.nav-tab,
1694 body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper a.nav-tab,
1695 body.charitable_page_charitable-settings h2.nav-tab-wrapper a.nav-tab,
1696 body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab {
1697 margin: 0 15px 0 0;
1698 font-family: "Inter", sans-serif;
1699 border: 0;
1700 background: none;
1701 color: #85878F;
1702 font-size: 15px;
1703 line-height: 18px;
1704 padding-bottom: 25px;
1705 padding-left: 15px;
1706 padding-right: 15px;
1707 font-weight: 400;
1708 border-bottom: 2px solid transparent;
1709 }
1710 body.charitable_page_charitable-reports h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
1711 body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
1712 body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
1713 body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
1714 body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
1715 body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
1716 body.charitable_page_charitable-settings h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
1717 body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab.nav-tab-active {
1718 color: #2F3241;
1719 font-weight: 600;
1720 border-bottom: 2px solid #5AA152;
1721 }
1722 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,
1723 body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
1724 body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
1725 body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
1726 body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
1727 body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
1728 body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
1729 body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
1730 body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
1731 body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
1732 body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
1733 body.charitable_page_charitable-settings h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
1734 body.charitable_page_charitable-settings h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
1735 body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
1736 body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after {
1737 content: "Pro";
1738 background-color: #F99E36;
1739 padding: 3px 7px;
1740 font-size: 11px;
1741 line-height: 11px;
1742 text-transform: uppercase;
1743 color: white;
1744 font-weight: 600;
1745 margin-left: 5px;
1746 margin-right: 5px;
1747 margin-top: 0;
1748 position: relative;
1749 top: -7px;
1750 }
1751 body.charitable_page_charitable-reports h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
1752 body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
1753 body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
1754 body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
1755 body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
1756 body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
1757 body.charitable_page_charitable-settings h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
1758 body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after {
1759 /* undo the content css above */
1760 display: none;
1761 }
1762 body.charitable_page_charitable-reports h2.nav-tab-wrapper a.nav-tab:hover,
1763 body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab:hover,
1764 body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper a.nav-tab:hover,
1765 body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper a.nav-tab:hover,
1766 body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper a.nav-tab:hover,
1767 body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper a.nav-tab:hover,
1768 body.charitable_page_charitable-settings h2.nav-tab-wrapper a.nav-tab:hover,
1769 body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab:hover {
1770 color: #2F3241;
1771 border-bottom: 2px solid #D5D6D8;
1772 }
1773
1774 /* Sub-tab navigation for tools import */
1775 body.charitable_page_charitable-tools h3.nav-sub-tab-wrapper {
1776 font-family: "Inter", sans-serif;
1777 margin: 10px 0 0 0;
1778 padding: 0;
1779 border-bottom: none;
1780 font-size: 14px;
1781 font-weight: 400;
1782 }
1783 body.charitable_page_charitable-reports h3.nav-sub-tab-wrapper a.nav-tab,
1784 body.charitable_page_charitable-tools h3.nav-sub-tab-wrapper a.nav-tab,
1785 body.charitable_page_charitable-settings h3.nav-sub-tab-wrapper a.nav-tab,
1786 body.charitable_page_charitable-about h3.nav-sub-tab-wrapper a.nav-tab {
1787 font-size: 13px;
1788 line-height: 13px;
1789 padding: 10px 15px;
1790 border-bottom: 2px solid transparent;
1791 background-color: transparent;
1792 border-top: 0;
1793 border-left: 0;
1794 border-right: 0;
1795 font-weight: 400;
1796 margin-left: 0;
1797 }
1798 body.charitable_page_charitable-reports h3.nav-sub-tab-wrapper a.nav-tab.nav-tab-active,
1799 body.charitable_page_charitable-tools h3.nav-sub-tab-wrapper a.nav-tab.nav-tab-active,
1800 body.charitable_page_charitable-settings h3.nav-sub-tab-wrapper a.nav-tab.nav-tab-active,
1801 body.charitable_page_charitable-about h3.nav-sub-tab-wrapper a.nav-tab.nav-tab-active {
1802 font-style: normal;
1803 font-weight: 600;
1804 line-height: 130%;
1805 border-bottom: 2px solid #5AA152;
1806 color: #5AA152;
1807 }
1808
1809 /* Tools heading - Pro style for import sub-tab headings */
1810 tr.charitable-tools-heading-pro th[scope=row] h4 {
1811 font-size: 20px !important;
1812 font-weight: 600 !important;
1813 margin: 20px 0 6px 0 !important;
1814 line-height: 20px !important;
1815 }
1816 tr.charitable-tools-heading-pro th[scope=row] p {
1817 font-size: 14px;
1818 font-weight: 600;
1819 color: #50575E;
1820 margin: 4px 0 0 0;
1821 }
1822
1823 /* Pro upsell notice on import tools */
1824 .charitable-import-pro-notice {
1825 background: #FFF8E5;
1826 border: 1px solid #F99E36;
1827 padding: 12px 16px;
1828 margin: 0 0 20px 0;
1829 font-family: "Inter", sans-serif;
1830 font-size: 13px;
1831 line-height: 1.6;
1832 }
1833 .charitable-import-pro-notice p {
1834 margin: 0;
1835 }
1836 .charitable-import-pro-notice a {
1837 color: #B8600B;
1838 }
1839
1840 /* BETA badge in table row labels */
1841 th .badge.beta,
1842 th label .badge.beta {
1843 display: inline-block;
1844 color: #fff;
1845 background-color: #007bff;
1846 font-size: 10px;
1847 font-weight: 700;
1848 letter-spacing: 0.5px;
1849 padding: 2px 8px;
1850 border-radius: 0.25rem;
1851 text-transform: uppercase;
1852 line-height: 1.4;
1853 vertical-align: middle;
1854 margin-left: 6px;
1855 }
1856
1857 /* GiveWP migration tool row */
1858 tr.charitable-givewp-migration-row th[scope=row] label {
1859 font-size: 13px;
1860 font-weight: 600;
1861 }
1862
1863 /* GiveWP migration tool styles */
1864 .charitable-givewp-migration-wrap {
1865 max-width: 520px;
1866 padding: 10px 0;
1867 font-family: "Inter", sans-serif;
1868 }
1869
1870 /* Info boxes (Before You Begin, Data Found) */
1871 .charitable-givewp-migration-wrap .migration-info-box {
1872 background: #F6F7F7;
1873 border: 1px solid #E1E1E1;
1874 border-radius: 4px;
1875 padding: 16px 20px;
1876 margin-bottom: 16px;
1877 }
1878 .charitable-givewp-migration-wrap .migration-info-box.charitable-before-import {
1879 background: #FFF8E5;
1880 border: 1px solid #DBA617;
1881 }
1882 .charitable-givewp-migration-wrap .migration-info-box .info-box-heading {
1883 margin: 0 0 8px 0;
1884 font-size: 13px;
1885 }
1886 .charitable-givewp-migration-wrap .migration-info-box ul {
1887 margin: 0;
1888 padding: 0 0 0 18px;
1889 list-style: disc;
1890 }
1891 .charitable-givewp-migration-wrap .migration-info-box ul li {
1892 font-size: 13px;
1893 line-height: 1.6;
1894 color: #50575E;
1895 margin-bottom: 4px;
1896 }
1897
1898 /* Data found table */
1899 .charitable-givewp-migration-wrap .migration-data-found {
1900 border-collapse: collapse;
1901 width: 100%;
1902 margin: 0;
1903 }
1904 .charitable-givewp-migration-wrap .migration-data-found td {
1905 padding: 4px 12px 4px 0;
1906 font-size: 13px;
1907 color: #50575E;
1908 border: none;
1909 }
1910 .charitable-givewp-migration-wrap .migration-data-found td.data-count {
1911 font-weight: 700;
1912 color: #1D2327;
1913 width: 40px;
1914 }
1915
1916 /* Select What to Import section */
1917 .charitable-givewp-migration-wrap .migration-select-section {
1918 margin-bottom: 16px;
1919 }
1920 .charitable-givewp-migration-wrap .migration-select-section .select-heading {
1921 margin: 0 0 10px 0;
1922 font-size: 13px;
1923 }
1924 .charitable-givewp-migration-wrap .migration-options {
1925 margin-bottom: 10px;
1926 padding-bottom: 10px;
1927 border-bottom: 1px solid #E1E1E1;
1928 }
1929 .charitable-givewp-migration-wrap .migration-options label {
1930 display: block;
1931 margin-bottom: 8px;
1932 font-size: 13px;
1933 color: #1D2327;
1934 cursor: pointer;
1935 }
1936 .charitable-givewp-migration-wrap .migration-options label input[type="checkbox"] {
1937 margin-right: 6px;
1938 }
1939 .charitable-givewp-migration-wrap .migration-extra-options {
1940 margin-bottom: 0;
1941 }
1942 .charitable-givewp-migration-wrap .migration-extra-options label {
1943 display: block;
1944 margin-bottom: 6px;
1945 font-size: 13px;
1946 color: #1D2327;
1947 cursor: pointer;
1948 }
1949 .charitable-givewp-migration-wrap .migration-extra-options label input[type="checkbox"] {
1950 margin-right: 6px;
1951 }
1952 .charitable-givewp-migration-wrap .migration-extra-options .option-description {
1953 color: #888;
1954 font-style: italic;
1955 font-size: 12px;
1956 }
1957
1958 /* Start button */
1959 .charitable-givewp-migration-wrap .migration-button-wrap {
1960 margin: 20px 0;
1961 }
1962 .charitable-givewp-migration-wrap .charitable-migration-btn {
1963 display: inline-flex;
1964 align-items: center;
1965 gap: 6px;
1966 background: #5AA152;
1967 color: #fff;
1968 border: none;
1969 border-radius: 4px;
1970 padding: 10px 22px;
1971 font-size: 14px;
1972 font-weight: 600;
1973 font-family: "Inter", sans-serif;
1974 cursor: pointer;
1975 line-height: 1.4;
1976 transition: background 0.2s ease;
1977 }
1978 .charitable-givewp-migration-wrap .charitable-migration-btn:hover {
1979 background: #4A8A44;
1980 color: #fff;
1981 }
1982 .charitable-givewp-migration-wrap .charitable-migration-btn:disabled {
1983 opacity: 0.6;
1984 cursor: not-allowed;
1985 }
1986 .charitable-givewp-migration-wrap .charitable-migration-btn .dashicons {
1987 font-size: 18px;
1988 width: 18px;
1989 height: 18px;
1990 line-height: 1;
1991 }
1992
1993 /* Progress bar */
1994 .charitable-givewp-migration-wrap .migration-progress {
1995 display: none;
1996 margin-top: 15px;
1997 }
1998 .charitable-givewp-migration-wrap .progress-bar-outer {
1999 width: 100%;
2000 height: 24px;
2001 background: #F0F0F1;
2002 border-radius: 3px;
2003 overflow: hidden;
2004 }
2005 .charitable-givewp-migration-wrap .progress-bar-inner {
2006 width: 0;
2007 height: 100%;
2008 background: #5AA152;
2009 transition: width 0.3s ease;
2010 border-radius: 3px;
2011 }
2012 .charitable-givewp-migration-wrap .progress-status {
2013 margin-top: 8px;
2014 font-size: 13px;
2015 color: #646970;
2016 }
2017
2018 /* Results tables */
2019 .charitable-givewp-migration-wrap .migration-results,
2020 .charitable-givewp-migration-wrap .migration-dry-run-results {
2021 display: none;
2022 margin-top: 15px;
2023 }
2024 .charitable-givewp-migration-wrap .migration-results h4,
2025 .charitable-givewp-migration-wrap .migration-dry-run-results h4 {
2026 font-size: 14px;
2027 font-weight: 600;
2028 margin: 0 0 10px 0;
2029 }
2030 .charitable-givewp-migration-wrap .migration-results table,
2031 .charitable-givewp-migration-wrap .migration-dry-run-results table {
2032 border-collapse: collapse;
2033 width: 100%;
2034 }
2035 .charitable-givewp-migration-wrap .migration-results table th,
2036 .charitable-givewp-migration-wrap .migration-results table td,
2037 .charitable-givewp-migration-wrap .migration-dry-run-results table th,
2038 .charitable-givewp-migration-wrap .migration-dry-run-results table td {
2039 padding: 8px 12px;
2040 text-align: left;
2041 border-bottom: 1px solid #E1E1E1;
2042 font-size: 13px;
2043 }
2044 .charitable-givewp-migration-wrap .migration-results table th,
2045 .charitable-givewp-migration-wrap .migration-dry-run-results table th {
2046 font-weight: 600;
2047 color: #1D2327;
2048 }
2049
2050 /* Error display */
2051 .charitable-givewp-migration-wrap .migration-error {
2052 display: none;
2053 color: #D63638;
2054 margin-top: 10px;
2055 font-size: 13px;
2056 }
2057
2058 body.charitable_page_charitable-reports div#charitable-settings table.form-table tbody tr:first-child th[scope=row] h4,
2059 body.charitable_page_charitable-reports h4,
2060 body.charitable_page_charitable-tools div#charitable-settings table.form-table tbody tr:first-child th[scope=row] h4,
2061 body.charitable_page_charitable-tools h4,
2062 body.charitable_page_charitable-settings div#charitable-settings table.form-table tbody tr:first-child th[scope=row] h4,
2063 body.charitable_page_charitable-settings h4 {
2064 font-family: "Inter", sans-serif;
2065 font-weight: 500;
2066 }
2067 body.charitable_page_charitable-reports.charitable-admin-settings-gateways div#charitable-settings table.form-table th,
2068 body.charitable_page_charitable-tools.charitable-admin-settings-gateways div#charitable-settings table.form-table th,
2069 body.charitable_page_charitable-settings.charitable-admin-settings-gateways div#charitable-settings table.form-table th {
2070 min-width: auto !important;
2071 }
2072 body.charitable_page_charitable-reports.charitable-admin-settings-gateways div#charitable-settings table.form-table tbody tr th[scope=row] h4,
2073 body.charitable_page_charitable-tools.charitable-admin-settings-gateways div#charitable-settings table.form-table tbody tr th[scope=row] h4,
2074 body.charitable_page_charitable-settings.charitable-admin-settings-gateways div#charitable-settings table.form-table tbody tr th[scope=row] h4 {
2075 padding-bottom: 20px;
2076 }
2077 body.charitable_page_charitable-reports.charitable-admin-settings-gateways div#charitable-settings table.form-table tbody tr td,
2078 body.charitable_page_charitable-tools.charitable-admin-settings-gateways div#charitable-settings table.form-table tbody tr td,
2079 body.charitable_page_charitable-settings.charitable-admin-settings-gateways div#charitable-settings table.form-table tbody tr td {
2080 padding-top: 5px;
2081 }
2082 body.charitable_page_charitable-reports.charitable-admin-settings-gateways div#charitable-settings table.form-table a.wpcharitable-stripe-connect,
2083 body.charitable_page_charitable-tools.charitable-admin-settings-gateways div#charitable-settings table.form-table a.wpcharitable-stripe-connect,
2084 body.charitable_page_charitable-settings.charitable-admin-settings-gateways div#charitable-settings table.form-table a.wpcharitable-stripe-connect {
2085 margin-top: -10px;
2086 }
2087 body.charitable_page_charitable-reports.charitable-admin-settings-gateways .charitable-settings-field,
2088 body.charitable_page_charitable-tools.charitable-admin-settings-gateways .charitable-settings-field,
2089 body.charitable_page_charitable-settings.charitable-admin-settings-gateways .charitable-settings-field {
2090 font-size: 13px;
2091 margin-top: 10px;
2092 }
2093 body.charitable_page_charitable-reports.charitable-admin-settings-gateways #charitable_settings_test_mode.charitable-settings-field,
2094 body.charitable_page_charitable-tools.charitable-admin-settings-gateways #charitable_settings_test_mode.charitable-settings-field,
2095 body.charitable_page_charitable-settings.charitable-admin-settings-gateways #charitable_settings_test_mode.charitable-settings-field {
2096 margin-top: -10px;
2097 }
2098 body.charitable_page_charitable-reports .charitable-settings-object h4,
2099 body.charitable_page_charitable-tools .charitable-settings-object h4,
2100 body.charitable_page_charitable-settings .charitable-settings-object h4 {
2101 line-height: 40px;
2102 }
2103 body.charitable_page_charitable-reports .charitable-settings-object.charitable-gateway,
2104 body.charitable_page_charitable-tools .charitable-settings-object.charitable-gateway,
2105 body.charitable_page_charitable-settings .charitable-settings-object.charitable-gateway {
2106 min-height: 40px;
2107 }
2108 body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo,
2109 body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo,
2110 body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo {
2111 float: left;
2112 padding: 5px 0 0 20px;
2113 }
2114 body.charitable_page_charitable-reports .charitable-settings-object .gateway-badge,
2115 body.charitable_page_charitable-tools .charitable-settings-object .gateway-badge,
2116 body.charitable_page_charitable-settings .charitable-settings-object .gateway-badge {
2117 background-color: #347d39 !important;
2118 font-weight: 500;
2119 color: white;
2120 font-size: 0.775rem;
2121 line-height: 1.25rem;
2122 padding-bottom: 0.225rem;
2123 padding-left: 0.625rem;
2124 padding-right: 0.625rem;
2125 padding-top: 0.225rem;
2126 }
2127 body.charitable_page_charitable-reports .charitable-settings-object .make-default-gateway,
2128 body.charitable_page_charitable-tools .charitable-settings-object .make-default-gateway,
2129 body.charitable_page_charitable-settings .charitable-settings-object .make-default-gateway {
2130 display: inline-block;
2131 color: #2B66D1;
2132 text-transform: capitalize;
2133 font-weight: 500;
2134 font-size: 12px;
2135 line-height: 12px;
2136 margin-left: 0 !important;
2137 text-decoration: underline;
2138 }
2139 body.charitable_page_charitable-reports .charitable-settings-object .make-default-gateway i,
2140 body.charitable_page_charitable-tools .charitable-settings-object .make-default-gateway i,
2141 body.charitable_page_charitable-settings .charitable-settings-object .make-default-gateway i {
2142 font-size: 15px;
2143 line-height: 15px;
2144 margin-right: 3px;
2145 }
2146 body.charitable_page_charitable-reports .charitable-settings-object .default-gateway,
2147 body.charitable_page_charitable-tools .charitable-settings-object .default-gateway,
2148 body.charitable_page_charitable-settings .charitable-settings-object .default-gateway {
2149 margin-top: 6px;
2150 display: inline-block;
2151 }
2152 body.charitable_page_charitable-reports .charitable-settings-object > .charitable-badge,
2153 body.charitable_page_charitable-tools .charitable-settings-object > .charitable-badge,
2154 body.charitable_page_charitable-settings .charitable-settings-object > .charitable-badge {
2155 margin-left: 15px;
2156 top: 8px;
2157 position: relative;
2158 }
2159 body.charitable_page_charitable-reports .charitable-settings-object > .charitable-badge ~ .charitable-badge,
2160 body.charitable_page_charitable-tools .charitable-settings-object > .charitable-badge ~ .charitable-badge,
2161 body.charitable_page_charitable-settings .charitable-settings-object > .charitable-badge ~ .charitable-badge {
2162 margin-left: 5px;
2163 }
2164 body.charitable_page_charitable-reports .charitable-settings-object,
2165 body.charitable_page_charitable-tools .charitable-settings-object,
2166 body.charitable_page_charitable-settings .charitable-settings-object {
2167 display: flex;
2168 flex-direction: row;
2169 align-items: center;
2170 justify-content: space-between;
2171 }
2172 body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo,
2173 body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo,
2174 body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo {
2175 padding: 0;
2176 }
2177 body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo-name,
2178 body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo-name,
2179 body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo-name {
2180 padding: 0 0 0 10px;
2181 }
2182 body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo-name .charitable-badge,
2183 body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo-name .charitable-badge,
2184 body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo-name .charitable-badge {
2185 margin-right: 10px;
2186 }
2187 body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo,
2188 body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo-name h4,
2189 body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo,
2190 body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo-name h4,
2191 body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo,
2192 body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo-name h4 {
2193 width: 130px;
2194 }
2195 body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo,
2196 body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo,
2197 body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo {
2198 margin-bottom: -5px;
2199 }
2200 body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo-name,
2201 body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo-name,
2202 body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo-name {
2203 display: flex;
2204 align-items: center;
2205 justify-content: center;
2206 flex-direction: row;
2207 }
2208 body.charitable_page_charitable-reports .charitable-settings-object.square .gateway-logo,
2209 body.charitable_page_charitable-tools .charitable-settings-object.square .gateway-logo,
2210 body.charitable_page_charitable-settings .charitable-settings-object.square .gateway-logo {
2211 margin-bottom: -5px;
2212 }
2213 body.charitable_page_charitable-reports tr.charitable-test-mode-checkbox,
2214 body.charitable_page_charitable-tools tr.charitable-test-mode-checkbox,
2215 body.charitable_page_charitable-settings tr.charitable-test-mode-checkbox {
2216 display: flex;
2217 justify-content: left;
2218 align-items: center;
2219 width: calc(100% - 20px);
2220 }
2221 body.charitable_page_charitable-reports tr.charitable-test-mode-checkbox th h4,
2222 body.charitable_page_charitable-tools tr.charitable-test-mode-checkbox th h4,
2223 body.charitable_page_charitable-settings tr.charitable-test-mode-checkbox th h4 {
2224 padding: 0 !important;
2225 margin: 0 !important;
2226 }
2227 body.charitable_page_charitable-reports tr.charitable-test-mode-checkbox td,
2228 body.charitable_page_charitable-tools tr.charitable-test-mode-checkbox td,
2229 body.charitable_page_charitable-settings tr.charitable-test-mode-checkbox td {
2230 margin: 0;
2231 padding: 0;
2232 }
2233 body.charitable_page_charitable-reports .square-business-locations.square-disconnected,
2234 body.charitable_page_charitable-tools .square-business-locations.square-disconnected,
2235 body.charitable_page_charitable-settings .square-business-locations.square-disconnected {
2236 display: none !important;
2237 }
2238
2239 body.charitable-admin-settings-gateways.charitable-admin-settings-gateways-main table.form-table tbody tr:last-child {
2240 display: none;
2241 }
2242 body.charitable-admin-settings-gateways.charitable-admin-settings-gateways-main p.submit {
2243 margin-bottom: 40px;
2244 }
2245
2246 /* buttons */
2247 body.charitable-admin-settings a.button,
2248 body.taxonomy-campaign_tag a.button,
2249 body.taxonomy-campaign_category a.button {
2250 background-color: #F8F8F9;
2251 border-color: #D7D7DB;
2252 color: #5C5F6A;
2253 border-radius: 5px;
2254 padding: 5px 10px;
2255 }
2256 body.charitable-admin-settings a.button:hover,
2257 body.taxonomy-campaign_tag a.button:hover,
2258 body.taxonomy-campaign_category a.button:hover {
2259 background-color: #d1d1d8;
2260 border-color: #D7D7DB;
2261 }
2262 body.charitable-admin-settings a.button-primary,
2263 body.taxonomy-campaign_tag a.button-primary,
2264 body.taxonomy-campaign_category a.button-primary {
2265 background-color: #5AA152;
2266 border-color: #5AA152;
2267 color: white;
2268 border-radius: 5px;
2269 }
2270 body.charitable-admin-settings a.button-primary:hover,
2271 body.taxonomy-campaign_tag a.button-primary:hover,
2272 body.taxonomy-campaign_category a.button-primary:hover {
2273 background-color: #3f7539;
2274 border-color: #3f7539;
2275 }
2276 body.charitable-admin-settings input.button-primary[type=submit],
2277 body.taxonomy-campaign_tag input.button-primary[type=submit],
2278 body.taxonomy-campaign_category input.button-primary[type=submit] {
2279 background-color: #5AA152;
2280 border-color: #5AA152;
2281 color: white;
2282 border-radius: 5px;
2283 font-family: "Inter", sans-serif;
2284 font-weight: 600;
2285 font-size: 14px;
2286 line-height: 14px;
2287 padding: 15px 20px;
2288 text-transform: capitalize;
2289 }
2290 body.charitable-admin-settings input.button-primary[type=submit]:hover,
2291 body.taxonomy-campaign_tag input.button-primary[type=submit]:hover,
2292 body.taxonomy-campaign_category input.button-primary[type=submit]:hover {
2293 background-color: #3f7539;
2294 border-color: #3f7539;
2295 }
2296
2297 body.taxonomy-campaign_tag input.button-primary[type=submit],
2298 body.taxonomy-campaign_category input.button-primary[type=submit] {
2299 line-height: 0;
2300 height: 50px;
2301 }
2302
2303 /* badges */
2304 .charitable-badge {
2305 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2306 text-transform: uppercase;
2307 font-weight: 700;
2308 text-align: center;
2309 line-height: 6px;
2310 user-select: none;
2311 transition-property: all;
2312 transition-duration: 0.15s;
2313 transition-timing-function: ease-out;
2314 }
2315
2316 .charitable-badge i.fa {
2317 margin-right: 5px;
2318 }
2319
2320 .charitable-badge-sm {
2321 font-size: 8px;
2322 letter-spacing: 0.4px;
2323 padding: 6px 8px;
2324 }
2325
2326 .charitable-badge-inline {
2327 display: inline-block;
2328 }
2329
2330 .charitable-badge-green {
2331 color: #30b450;
2332 background-color: #e5f6e9;
2333 }
2334
2335 .charitable-badge-orange {
2336 color: #f18200;
2337 background-color: #fff3e6;
2338 }
2339
2340 .charitable-badge-rounded {
2341 border-radius: 3px;
2342 }
2343
2344 .charitable-panel-sidebar .charitable-badge {
2345 border-radius: 4px;
2346 color: #ffffff;
2347 font-size: 10px;
2348 font-weight: 700;
2349 line-height: 1;
2350 padding: 4px 5px;
2351 margin-inline-end: 10px;
2352 position: relative;
2353 top: -2px;
2354 left: 10px;
2355 }
2356 .charitable-panel-sidebar .charitable-badge-green {
2357 color: #fff;
2358 background-color: #00a32a;
2359 }
2360
2361 /* mascot */
2362 body.wp-admin #wpbody .charitable-wrap .badge.v2 {
2363 background-color: transparent !important;
2364 }
2365 body.wp-admin #wpbody .charitable-wrap .badge.v2 .mascot {
2366 height: 75px;
2367 width: 75px;
2368 background-image: url("../../assets/images/charitable-logo.svg");
2369 background-size: cover;
2370 background-repeat: no-repeat;
2371 }
2372
2373 /* general */
2374 .charitable-hide {
2375 display: none;
2376 }
2377
2378 .charitable-hidden {
2379 display: none !important;
2380 }
2381
2382 .screen-reader-text {
2383 border: 0;
2384 clip: rect(1px, 1px, 1px, 1px);
2385 clip-path: inset(50%);
2386 height: 1px;
2387 margin: -1px;
2388 overflow: hidden;
2389 padding: 0;
2390 position: absolute;
2391 width: 1px;
2392 word-wrap: normal !important;
2393 }
2394
2395 div#charitable-settings table.form-table tbody tr.section-heading th[scope=row] h4,
2396 div#charitable-settings table.form-table tbody tr:first-child th[scope=row] h4 {
2397 font-weight: 600 !important;
2398 }
2399
2400 div#charitable-tools table.form-table tbody tr:first-child th[scope=row] h4 {
2401 font-weight: 600 !important;
2402 font-size: 20px;
2403 margin: 0 0 -20px 0;
2404 line-height: 20px;
2405 }
2406
2407 div#charitable-tools h4#system-information,
2408 div#charitable-tools h4#code-snippets {
2409 font-weight: 600 !important;
2410 font-size: 20px;
2411 margin: 20px 0;
2412 line-height: 20px;
2413 }
2414
2415 .notice.charitable-notice {
2416 padding: 10px 10px;
2417 }
2418
2419 /* modal */
2420 body.post-type-campaign .jconfirm .jconfirm-box {
2421 padding: 0 0 0;
2422 }
2423 body.post-type-campaign .jconfirm .jconfirm-box .jconfirm-closeIcon {
2424 color: #545660;
2425 padding-top: 5px;
2426 padding-right: 10px;
2427 font-size: 40px !important;
2428 }
2429 body.post-type-campaign .jconfirm .jconfirm-box div.jconfirm-content-pane {
2430 margin: 35px 30px -10px 30px;
2431 width: -webkit-calc(100% - 30px);
2432 width: -moz-calc(100% - 30px);
2433 width: calc(100% - 30px);
2434 }
2435 body.post-type-campaign .jconfirm .jconfirm-box div.jconfirm-title-c {
2436 padding: 30px 0 40px 30px;
2437 background-color: #282937;
2438 }
2439 body.post-type-campaign .jconfirm .jconfirm-box div.jconfirm-title-c span.jconfirm-title {
2440 color: #ffffff;
2441 font-weight: 600;
2442 }
2443 body.post-type-campaign .jconfirm .jconfirm-box .jconfirm-buttons {
2444 float: left;
2445 padding: 0 30px 30px 30px;
2446 }
2447 body.post-type-campaign .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
2448 background-color: #5AA152;
2449 text-transform: capitalize;
2450 border-radius: 5px;
2451 font-weight: 500;
2452 padding: 15px 25px;
2453 font-size: 16px;
2454 line-height: 20px;
2455 }
2456 body.post-type-campaign .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
2457 background-color: #3f7539;
2458 }
2459 body.post-type-campaign .jconfirm .jconfirm-box input.campaign_name.form-control {
2460 border-color: #DFDFE1;
2461 display: inline-block;
2462 margin-left: 10px;
2463 margin-top: 20px;
2464 margin-bottom: 20px !important;
2465 width: 90% !important;
2466 }
2467 body.post-type-campaign .jconfirm .jconfirm-box label {
2468 display: inline-block !important;
2469 margin-top: 0 !important;
2470 }
2471 body.post-type-campaign .jconfirm .jconfirm-box a.charitable-lite-pro-popup-link {
2472 color: #3459C4 !important;
2473 text-decoration: none;
2474 }
2475 body.post-type-campaign .jconfirm .jconfirm-box a.charitable-lite-pro-popup-link:hover {
2476 text-decoration: underline;
2477 }
2478 body.post-type-campaign .jconfirm .jconfirm-box.jconfirm-type-create-campaign .jconfirm-closeIcon {
2479 color: white;
2480 opacity: 0.7;
2481 width: 15px;
2482 height: 15px;
2483 top: 25px;
2484 right: 25px;
2485 font-weight: 200;
2486 font-size: 28px !important;
2487 }
2488 body.post-type-campaign .jconfirm .jconfirm-box.jconfirm-type-create-campaign .jconfirm-title-c {
2489 color: #E7E7E9;
2490 padding: 30px 0 30px 30px !important;
2491 font-size: 18px;
2492 font-weight: 600;
2493 }
2494 body.post-type-campaign .jconfirm .jconfirm-box.jconfirm-type-create-campaign div.jconfirm-content-pane {
2495 margin: 0 30px 0 30px;
2496 }
2497 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal {
2498 max-width: 400px;
2499 background-color: #ffffff;
2500 color: #5C5F6B;
2501 font-family: "Inter", sans-serif;
2502 }
2503 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal .modal-close {
2504 position: absolute;
2505 top: 10px;
2506 right: 10px;
2507 z-index: 10;
2508 cursor: pointer;
2509 }
2510 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal .modal-close::before {
2511 content: "\f158";
2512 display: block !important;
2513 font: normal 20px/1 dashicons;
2514 speak: none;
2515 height: 22px;
2516 margin: 2px 0;
2517 text-align: center;
2518 width: 22px;
2519 color: #777;
2520 -webkit-font-smoothing: antialiased !important;
2521 -moz-osx-font-smoothing: grayscale;
2522 }
2523 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal h3 {
2524 margin: 0 0 30px 0;
2525 font-size: 24px;
2526 line-height: 32px;
2527 font-weight: 400;
2528 text-align: left;
2529 color: #5C5F6B;
2530 }
2531 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal legend,
2532 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal label {
2533 color: #303442;
2534 margin-bottom: 10px;
2535 display: block;
2536 font-size: 14px;
2537 }
2538 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal select {
2539 width: 100%;
2540 padding: 5px 15px;
2541 }
2542 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal select,
2543 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal input[type=text] {
2544 margin-bottom: 20px;
2545 border-radius: 4px;
2546 }
2547 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal button.button {
2548 background: #FAFAFB;
2549 font-weight: 500;
2550 font-size: 12px;
2551 line-height: 14px;
2552 text-align: center;
2553 margin: 0 auto 0 0;
2554 color: #5E616C;
2555 border: 1px solid #DDD;
2556 border-radius: 4px;
2557 }
2558 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal input.charitable-datepicker {
2559 width: 48%;
2560 display: inline-block;
2561 background-image: url("../../images/icons/calendar.png");
2562 background-repeat: no-repeat;
2563 background-position: 163px center;
2564 background-size: 15px 15px;
2565 border: 1px solid #E3E3E5;
2566 border-radius: 4px;
2567 }
2568 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal #charitable-filter-end_date_to,
2569 body.post-type-campaign.edit-php.post-type-charitable .charitable-modal #charitable-filter-start_date_to {
2570 float: right;
2571 }
2572
2573 body.post-type-donation .jconfirm .jconfirm-box {
2574 padding: 0 0 0;
2575 }
2576 body.post-type-donation .jconfirm .jconfirm-box .jconfirm-closeIcon {
2577 color: #545660;
2578 padding-top: 5px;
2579 padding-right: 10px;
2580 font-size: 40px !important;
2581 }
2582 body.post-type-donation .jconfirm .jconfirm-box div.jconfirm-content-pane {
2583 margin: 35px 30px -10px 30px;
2584 width: -webkit-calc(100% - 30px);
2585 width: -moz-calc(100% - 30px);
2586 width: calc(100% - 30px);
2587 }
2588 body.post-type-donation .jconfirm .jconfirm-box div.jconfirm-title-c {
2589 padding: 30px 0 40px 30px;
2590 background-color: #282937;
2591 }
2592 body.post-type-donation .jconfirm .jconfirm-box div.jconfirm-title-c span.jconfirm-title {
2593 color: #ffffff;
2594 font-weight: 600;
2595 }
2596 body.post-type-donation .jconfirm .jconfirm-box .jconfirm-buttons {
2597 float: left;
2598 padding: 0 30px 30px 30px;
2599 }
2600 body.post-type-donation .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
2601 background-color: #5AA152;
2602 text-transform: capitalize;
2603 border-radius: 5px;
2604 font-weight: 500;
2605 padding: 15px 25px;
2606 font-size: 16px;
2607 line-height: 20px;
2608 }
2609 body.post-type-donation .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
2610 background-color: #3f7539;
2611 }
2612 body.post-type-donation .jconfirm .jconfirm-box input.donation_name.form-control {
2613 border-color: #DFDFE1;
2614 display: inline-block;
2615 margin-left: 10px;
2616 margin-top: 20px;
2617 margin-bottom: 20px !important;
2618 width: 90% !important;
2619 }
2620 body.post-type-donation .jconfirm .jconfirm-box label {
2621 display: inline-block !important;
2622 margin-top: 0 !important;
2623 }
2624 body.post-type-donation .jconfirm .jconfirm-box a.charitable-lite-pro-popup-link {
2625 color: #3459C4 !important;
2626 text-decoration: none;
2627 }
2628 body.post-type-donation .jconfirm .jconfirm-box a.charitable-lite-pro-popup-link:hover {
2629 text-decoration: underline;
2630 }
2631 body.post-type-donation .jconfirm .jconfirm-box.jconfirm-type-create-donation .jconfirm-closeIcon {
2632 color: white;
2633 opacity: 0.7;
2634 width: 15px;
2635 height: 15px;
2636 top: 25px;
2637 right: 25px;
2638 font-weight: 200;
2639 font-size: 28px !important;
2640 }
2641 body.post-type-donation .jconfirm .jconfirm-box.jconfirm-type-create-donation .jconfirm-title-c {
2642 color: #E7E7E9;
2643 padding: 30px 0 30px 30px !important;
2644 font-size: 18px;
2645 font-weight: 600;
2646 }
2647 body.post-type-donation .jconfirm .jconfirm-box.jconfirm-type-create-donation div.jconfirm-content-pane {
2648 margin: 0 30px 0 30px;
2649 }
2650 body.post-type-donation.edit-php.post-type-charitable .charitable-modal {
2651 max-width: 400px;
2652 background-color: #ffffff;
2653 color: #5C5F6B;
2654 font-family: "Inter", sans-serif;
2655 }
2656 body.post-type-donation.edit-php.post-type-charitable .charitable-modal .modal-close {
2657 position: absolute;
2658 top: 10px;
2659 right: 10px;
2660 z-index: 10;
2661 cursor: pointer;
2662 }
2663 body.post-type-donation.edit-php.post-type-charitable .charitable-modal .modal-close::before {
2664 content: "\f158";
2665 display: block !important;
2666 font: normal 20px/1 dashicons;
2667 speak: none;
2668 height: 22px;
2669 margin: 2px 0;
2670 text-align: center;
2671 width: 22px;
2672 color: #777;
2673 -webkit-font-smoothing: antialiased !important;
2674 -moz-osx-font-smoothing: grayscale;
2675 }
2676 body.post-type-donation.edit-php.post-type-charitable .charitable-modal h3 {
2677 margin: 0 0 30px 0;
2678 font-size: 24px;
2679 line-height: 32px;
2680 font-weight: 400;
2681 text-align: left;
2682 color: #5C5F6B;
2683 }
2684 body.post-type-donation.edit-php.post-type-charitable .charitable-modal legend,
2685 body.post-type-donation.edit-php.post-type-charitable .charitable-modal label {
2686 color: #303442;
2687 margin-bottom: 10px;
2688 display: block;
2689 font-size: 14px;
2690 }
2691 body.post-type-donation.edit-php.post-type-charitable .charitable-modal select {
2692 width: 100%;
2693 padding: 5px 15px;
2694 }
2695 body.post-type-donation.edit-php.post-type-charitable .charitable-modal select,
2696 body.post-type-donation.edit-php.post-type-charitable .charitable-modal input[type=text] {
2697 margin-bottom: 20px;
2698 border-radius: 4px;
2699 }
2700 body.post-type-donation.edit-php.post-type-charitable .charitable-modal button.button {
2701 background: #FAFAFB;
2702 font-weight: 500;
2703 font-size: 12px;
2704 line-height: 14px;
2705 text-align: center;
2706 margin: 0 auto 0 0;
2707 color: #5E616C;
2708 border: 1px solid #DDD;
2709 border-radius: 4px;
2710 }
2711 body.post-type-donation.edit-php.post-type-charitable .charitable-modal input.charitable-datepicker {
2712 width: 48%;
2713 display: inline-block;
2714 background-image: url("../../images/icons/calendar.png");
2715 background-repeat: no-repeat;
2716 background-position: 163px center;
2717 background-size: 15px 15px;
2718 border: 1px solid #E3E3E5;
2719 border-radius: 4px;
2720 }
2721 body.post-type-donation.edit-php.post-type-charitable .charitable-modal #charitable-filter-end_date_to,
2722 body.post-type-donation.edit-php.post-type-charitable .charitable-modal #charitable-filter-start_date_to {
2723 float: right;
2724 }
2725
2726 /* reports */
2727 body.charitable_page_charitable-reports .charitable-overview-report,
2728 body.charitable_page_charitable-reports .charitable-activity-report {
2729 position: relative;
2730 padding: 0px;
2731 }
2732 body.charitable_page_charitable-reports .charitable-overview-report a.button,
2733 body.charitable_page_charitable-reports .charitable-activity-report a.button {
2734 border-radius: 5px;
2735 font-family: "Inter", sans-serif;
2736 font-weight: 600;
2737 font-size: 14px;
2738 line-height: 14px;
2739 padding: 15px 20px;
2740 text-transform: capitalize;
2741 }
2742 body.charitable_page_charitable-reports .charitable-overview-report a.button.button-primary,
2743 body.charitable_page_charitable-reports .charitable-activity-report a.button.button-primary {
2744 background-color: #5AA152;
2745 border-color: #5AA152;
2746 color: white;
2747 }
2748 body.charitable_page_charitable-reports .charitable-overview-report-loading {
2749 background-color: rgba(255, 255, 255, 0.85);
2750 position: absolute;
2751 top: 0;
2752 bottom: 0;
2753 left: 0;
2754 right: 0;
2755 width: 100%;
2756 height: 100%;
2757 z-index: 99;
2758 }
2759 body.charitable_page_charitable-reports .charitable-section-loading {
2760 opacity: 0.25;
2761 }
2762 body.charitable_page_charitable-reports .nav-tab.advanced::after,
2763 body.charitable_page_charitable-reports .nav-tab.activity::after,
2764 body.charitable_page_charitable-reports .nav-tab.donors::after {
2765 content: "Pro";
2766 background-color: #F99E36;
2767 padding: 3px 7px;
2768 font-size: 11px;
2769 line-height: 11px;
2770 text-transform: uppercase;
2771 color: white;
2772 font-weight: 600;
2773 margin-left: 5px;
2774 margin-right: 5px;
2775 margin-top: 0;
2776 position: relative;
2777 top: -7px;
2778 }
2779 body.charitable_page_charitable-reports .tablenav {
2780 font-family: "Inter", sans-serif !important;
2781 min-height: 30px;
2782 height: auto;
2783 margin-top: 0;
2784 margin-bottom: 0;
2785 }
2786 body.charitable_page_charitable-reports .tablenav .alignleft,
2787 body.charitable_page_charitable-reports .tablenav .alignright {
2788 margin-top: 10px;
2789 margin-bottom: 10px;
2790 }
2791 body.charitable_page_charitable-reports .tablenav #charitable-advanced-date-pickers,
2792 body.charitable_page_charitable-reports .tablenav #charitable-advanced-filter-buttons {
2793 display: inline-block;
2794 }
2795 body.charitable_page_charitable-reports .tablenav form {
2796 display: block;
2797 margin: 0;
2798 padding: 0;
2799 float: left;
2800 }
2801 body.charitable_page_charitable-reports .tablenav select {
2802 font-size: 13px;
2803 line-height: 29px;
2804 font-weight: 500;
2805 max-width: none;
2806 padding-right: 30px;
2807 background-color: #F9F9FA;
2808 color: #52545F;
2809 border-color: #E4E4E7;
2810 height: 38px;
2811 }
2812 body.charitable_page_charitable-reports .tablenav a.button,
2813 body.charitable_page_charitable-reports .tablenav input.button {
2814 background-color: #F9F9FA;
2815 color: #52545F;
2816 border-color: #E4E4E7;
2817 height: 38px;
2818 padding-top: 0;
2819 padding-bottom: 0;
2820 min-height: auto;
2821 line-height: 38px;
2822 font-size: 13px;
2823 }
2824 body.charitable_page_charitable-reports .tablenav a.button:hover,
2825 body.charitable_page_charitable-reports .tablenav input.button:hover {
2826 background-color: #E4E4E7;
2827 }
2828 body.charitable_page_charitable-reports .tablenav .charitable-datepicker-container a.button {
2829 display: block;
2830 }
2831 body.charitable_page_charitable-reports .tablenav a.button.with-icon label {
2832 padding-right: 10px;
2833 }
2834 body.charitable_page_charitable-reports .tablenav a.button.with-icon img {
2835 margin-bottom: -2px;
2836 }
2837 body.charitable_page_charitable-reports .tablenav button.charitable-report-download-button {
2838 background-color: #F9F9FA;
2839 color: #52545F;
2840 border-color: #E4E4E7;
2841 margin-left: 4px;
2842 margin-right: 4px;
2843 height: 38px;
2844 padding-top: 0;
2845 padding-bottom: 0;
2846 }
2847 body.charitable_page_charitable-reports .tablenav button.charitable-report-download-button:hover {
2848 background-color: #E4E4E7;
2849 }
2850 body.charitable_page_charitable-reports .tablenav button.charitable-report-download-button label {
2851 padding-right: 10px;
2852 pointer-events: none;
2853 }
2854 body.charitable_page_charitable-reports .tablenav button.charitable-report-download-button img {
2855 margin-bottom: -2px;
2856 }
2857 body.charitable_page_charitable-reports .tablenav button.charitable-report-print-button {
2858 background-color: #F9F9FA;
2859 color: #52545F;
2860 border-color: #E4E4E7;
2861 margin-left: 4px;
2862 margin-right: 4px;
2863 height: 38px;
2864 padding-top: 0;
2865 padding-bottom: 0;
2866 }
2867 body.charitable_page_charitable-reports .tablenav button.charitable-report-print-button:hover {
2868 background-color: #E4E4E7;
2869 }
2870 body.charitable_page_charitable-reports .tablenav button.charitable-report-print-button label {
2871 padding-right: 10px;
2872 pointer-events: none;
2873 }
2874 body.charitable_page_charitable-reports .tablenav button.charitable-report-print-button img {
2875 margin-bottom: -4px;
2876 }
2877 body.charitable_page_charitable-reports .tablenav input.charitable-datepicker {
2878 width: 115px;
2879 display: inline-block;
2880 background-image: url("../../images/icons/calendar.png");
2881 background-repeat: no-repeat;
2882 background-position: 90px center;
2883 background-size: 15px 15px;
2884 font-size: 13px;
2885 border-radius: 0;
2886 background-color: #F9F9FA;
2887 color: #52545F;
2888 border-color: #E4E4E7;
2889 }
2890 body.charitable_page_charitable-reports .tablenav input.charitable-datepicker-ranged,
2891 body.charitable_page_charitable-reports .tablenav input.charitable-reports-datepicker {
2892 width: 195px;
2893 display: inline-block;
2894 background-image: url("../../images/icons/calendar.png");
2895 background-repeat: no-repeat;
2896 background-position: 170px center;
2897 background-size: 15px 15px;
2898 font-size: 13px;
2899 border-radius: 0;
2900 background-color: #F9F9FA;
2901 color: #52545F;
2902 border-color: #E4E4E7;
2903 margin-left: 4px;
2904 margin-right: 4px;
2905 height: 38px;
2906 padding-top: 0;
2907 padding-bottom: 0;
2908 }
2909 body.charitable_page_charitable-reports .tablenav input.charitable-datepicker-ranged:hover,
2910 body.charitable_page_charitable-reports .tablenav input.charitable-reports-datepicker:hover {
2911 background-color: #E4E4E7;
2912 }
2913 body.charitable_page_charitable-reports .tablenav.with-margin {
2914 margin-bottom: 20px;
2915 }
2916 body.charitable_page_charitable-reports .charitable-section {
2917 margin-top: 20px;
2918 margin-bottom: 20px;
2919 display: table;
2920 }
2921 body.charitable_page_charitable-reports .charitable-section .alignleft,
2922 body.charitable_page_charitable-reports .charitable-section .alignright {
2923 margin-bottom: 15px;
2924 margin-top: 15px;
2925 }
2926 body.charitable_page_charitable-reports .charitable-section.no-bottom {
2927 margin-bottom: 0;
2928 }
2929 body.charitable_page_charitable-reports .charitable-section.no-bottom .alignleft,
2930 body.charitable_page_charitable-reports .charitable-section.no-bottom .alignright {
2931 margin-bottom: 0;
2932 }
2933 body.charitable_page_charitable-reports .charitable-container {
2934 border-radius: 5px;
2935 color: #757781;
2936 background-color: #FFF;
2937 }
2938 body.charitable_page_charitable-reports .charitable-datepicker-container {
2939 display: inline-block;
2940 margin-left: 5px;
2941 }
2942 body.charitable_page_charitable-reports .charitable-headline-graph-container {
2943 padding: 20px 30px;
2944 }
2945 body.charitable_page_charitable-reports .charitable-headline-graph-container.charitable-with-growth-tools {
2946 position: relative;
2947 }
2948 body.charitable_page_charitable-reports .charitable-section-grid {
2949 display: grid;
2950 grid-template-columns: repeat(2, 1fr);
2951 grid-gap: 20px;
2952 margin-top: 20px;
2953 }
2954 body.charitable_page_charitable-reports .charitable-section-grid.one-third {
2955 display: flex;
2956 flex-direction: row;
2957 }
2958 body.charitable_page_charitable-reports .charitable-section-grid.charitable-section-grid-column-flexible {
2959 align-items: flex-start;
2960 }
2961 body.charitable_page_charitable-reports .charitable-section-grid.charitable-section-grid-column-single {
2962 columns: 1;
2963 column-gap: none;
2964 display: block;
2965 }
2966 body.charitable_page_charitable-reports .charitable-cards {
2967 display: grid;
2968 grid-template-columns: repeat(4, 1fr);
2969 margin-top: 20px;
2970 margin-bottom: 20px;
2971 grid-gap: 20px;
2972 width: 100%;
2973 }
2974 body.charitable_page_charitable-reports .charitable-cards .charitable-card {
2975 padding-top: 60px;
2976 padding-bottom: 60px;
2977 font-weight: 500px;
2978 font-size: 16px;
2979 line-height: 16px;
2980 text-align: center;
2981 }
2982 body.charitable_page_charitable-reports .charitable-cards .charitable-card p {
2983 margin-top: 5px;
2984 margin-bottom: 0;
2985 }
2986 body.charitable_page_charitable-reports .charitable-cards .charitable-card strong {
2987 color: #474A57;
2988 font-weight: 600;
2989 font-size: 42px;
2990 line-height: 44px;
2991 }
2992 body.charitable_page_charitable-reports .donations-breakdown tr th {
2993 color: #6A6C77;
2994 }
2995 body.charitable_page_charitable-reports .donations-breakdown td {
2996 padding-top: 20px;
2997 padding-bottom: 20px;
2998 color: #8C8E96;
2999 }
3000 body.charitable_page_charitable-reports .donations-breakdown td.negative {
3001 color: #F99E36;
3002 }
3003 body.charitable_page_charitable-reports .donations-breakdown td.positive {
3004 color: #5AA152;
3005 }
3006 body.charitable_page_charitable-reports .donations-breakdown tr th:first-child,
3007 body.charitable_page_charitable-reports .donations-breakdown td:first-child {
3008 padding-left: 30px;
3009 }
3010 body.charitable_page_charitable-reports .donations-breakdown td.column-date {
3011 font-weight: 600;
3012 }
3013 body.charitable_page_charitable-reports .charitable-report-card .header {
3014 margin: 20px 0 0 0;
3015 padding-bottom: 20px;
3016 padding-left: 30px;
3017 padding-right: 30px;
3018 border-bottom: 1px solid #EFEFF1;
3019 }
3020 body.charitable_page_charitable-reports .charitable-report-card .header h4 {
3021 color: #303442;
3022 font-weight: 600;
3023 font-size: 17px;
3024 line-height: 22px;
3025 display: inline-block;
3026 margin: 0;
3027 padding: 0;
3028 }
3029 body.charitable_page_charitable-reports .charitable-report-card .header a {
3030 display: block;
3031 float: right;
3032 font-size: 23px;
3033 line-height: 23px;
3034 }
3035 body.charitable_page_charitable-reports .charitable-report-card .the-graph {
3036 width: 100%;
3037 }
3038 body.charitable_page_charitable-reports .charitable-report-card .the-list {
3039 padding-left: 20px;
3040 padding-right: 20px;
3041 margin-left: 10px;
3042 margin-right: 10px;
3043 max-height: 550px;
3044 overflow: scroll;
3045 /* width: 100%; */
3046 }
3047 body.charitable_page_charitable-reports .charitable-report-card .the-list.charitable-no-scroll {
3048 overflow: visible;
3049 max-height: none;
3050 }
3051 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li {
3052 color: #474A57;
3053 display: flex;
3054 border-bottom: 1px solid #EFEFF1;
3055 padding-bottom: 15px;
3056 padding-top: 15px;
3057 }
3058 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .avatar,
3059 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .icon {
3060 width: 25px;
3061 text-align: center;
3062 }
3063 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .avatar img,
3064 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .icon img {
3065 margin: 5px auto;
3066 max-width: 25px;
3067 }
3068 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .avatar {
3069 width: 55px;
3070 }
3071 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .avatar img {
3072 width: 55px;
3073 }
3074 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info {
3075 flex-grow: 1;
3076 margin-left: 15px;
3077 margin-right: 15px;
3078 font-size: 14px;
3079 line-height: 23px;
3080 }
3081 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info p {
3082 font-size: 14px;
3083 line-height: 23px;
3084 margin: 0;
3085 font-weight: 700;
3086 }
3087 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info p.name {
3088 margin: 10px 0 0 0;
3089 line-height: 14px;
3090 }
3091 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info p.amount {
3092 margin: 10px 0 0 0;
3093 font-weight: 500;
3094 color: #8C8E96;
3095 }
3096 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info p.campaign-title {
3097 margin: 10px 0 0 0;
3098 font-style: italic;
3099 font-weight: 500;
3100 color: #8C8E96;
3101 }
3102 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info p.email {
3103 margin: 10px 0 0 0;
3104 font-weight: 500;
3105 color: #8C8E96;
3106 line-height: 14px;
3107 }
3108 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info .badge {
3109 font-weight: 200;
3110 display: inline-block;
3111 margin-left: 10px;
3112 }
3113 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .time-ago {
3114 color: #8C8E96;
3115 }
3116 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .donor-donation-info {
3117 font-size: 14px;
3118 line-height: 14px;
3119 text-align: right;
3120 }
3121 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .donor-donation-info p {
3122 margin: 0;
3123 }
3124 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .donor-donation-info p:first-of-type {
3125 margin-top: 10px;
3126 margin-bottom: 5px;
3127 }
3128 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .donor-donation-info .badge {
3129 font-weight: 200;
3130 display: block;
3131 }
3132 body.charitable_page_charitable-reports .charitable-report-card .the-list ul li:last-child {
3133 border-bottom: 0;
3134 }
3135 body.charitable_page_charitable-reports .charitable-activity-report .charitable-tablenav-activity {
3136 width: 100%;
3137 }
3138 body.charitable_page_charitable-reports .charitable-activity-report .charitable-tablenav-activity h2 {
3139 line-height: 30px;
3140 font-size: 18px;
3141 }
3142 body.charitable_page_charitable-reports .charitable-activity-report .charitable-activity-list-container {
3143 background-color: #FFF;
3144 }
3145 body.charitable_page_charitable-reports .charitable-activity-report .charitable-activity-list-container .charitable-no-results {
3146 padding: 20px;
3147 text-align: left;
3148 font-size: 16px;
3149 line-height: 16px;
3150 color: #8C8E96;
3151 }
3152 body.charitable_page_charitable-reports .charitable-the-list-container {
3153 padding: 20px;
3154 margin-left: 10px;
3155 margin-right: 10px;
3156 max-height: 550px;
3157 overflow: scroll;
3158 }
3159 body.charitable_page_charitable-reports .charitable-the-list-container.charitable-no-scroll {
3160 overflow: visible;
3161 max-height: none;
3162 }
3163 body.charitable_page_charitable-reports .charitable-the-list-container ul {
3164 margin-top: 0;
3165 margin-bottom: 0;
3166 }
3167 body.charitable_page_charitable-reports .charitable-the-list-container ul li {
3168 color: #474A57;
3169 display: flex;
3170 border-bottom: 1px solid #EFEFF1;
3171 padding-bottom: 15px;
3172 padding-top: 15px;
3173 }
3174 body.charitable_page_charitable-reports .charitable-the-list-container ul li .avatar,
3175 body.charitable_page_charitable-reports .charitable-the-list-container ul li .icon {
3176 width: 25px;
3177 text-align: center;
3178 }
3179 body.charitable_page_charitable-reports .charitable-the-list-container ul li .avatar img,
3180 body.charitable_page_charitable-reports .charitable-the-list-container ul li .icon img {
3181 margin: 5px auto;
3182 max-width: 25px;
3183 }
3184 body.charitable_page_charitable-reports .charitable-the-list-container ul li .avatar {
3185 width: 55px;
3186 }
3187 body.charitable_page_charitable-reports .charitable-the-list-container ul li .avatar img {
3188 width: 55px;
3189 }
3190 body.charitable_page_charitable-reports .charitable-the-list-container ul li .info {
3191 flex-grow: 1;
3192 margin-left: 15px;
3193 margin-right: 15px;
3194 font-size: 14px;
3195 line-height: 23px;
3196 }
3197 body.charitable_page_charitable-reports .charitable-the-list-container ul li .info p {
3198 font-size: 14px;
3199 line-height: 23px;
3200 margin: 0;
3201 font-weight: 700;
3202 }
3203 body.charitable_page_charitable-reports .charitable-the-list-container ul li .info p.name {
3204 margin: 10px 0 0 0;
3205 line-height: 14px;
3206 }
3207 body.charitable_page_charitable-reports .charitable-the-list-container ul li .info p.amount {
3208 margin: 10px 0 0 0;
3209 font-weight: 500;
3210 color: #8C8E96;
3211 }
3212 body.charitable_page_charitable-reports .charitable-the-list-container ul li .info p.campaign-title {
3213 margin: 10px 0 0 0;
3214 font-style: italic;
3215 font-weight: 500;
3216 color: #8C8E96;
3217 }
3218 body.charitable_page_charitable-reports .charitable-the-list-container ul li .info p.email {
3219 margin: 10px 0 0 0;
3220 font-weight: 500;
3221 color: #8C8E96;
3222 line-height: 14px;
3223 }
3224 body.charitable_page_charitable-reports .charitable-the-list-container ul li .info .badge {
3225 font-weight: 200;
3226 display: inline-block;
3227 margin-left: 10px;
3228 }
3229 body.charitable_page_charitable-reports .charitable-the-list-container ul li .time-ago {
3230 color: #8C8E96;
3231 }
3232 body.charitable_page_charitable-reports .charitable-the-list-container ul li .donor-donation-info {
3233 font-size: 14px;
3234 line-height: 14px;
3235 }
3236 body.charitable_page_charitable-reports .charitable-the-list-container ul li .donor-donation-info p {
3237 margin: 0;
3238 }
3239 body.charitable_page_charitable-reports .charitable-the-list-container ul li .donor-donation-info p:first-of-type {
3240 margin-top: 10px;
3241 margin-bottom: 5px;
3242 }
3243 body.charitable_page_charitable-reports .charitable-the-list-container ul li .donor-donation-info .badge {
3244 font-weight: 200;
3245 display: block;
3246 }
3247 body.charitable_page_charitable-reports .charitable-the-list-container ul li:last-child {
3248 border-bottom: 0;
3249 }
3250 body.charitable_page_charitable-reports .charitable-top-campaigns-report {
3251 width: 66%;
3252 }
3253 body.charitable_page_charitable-reports .charitable-top-campaigns-report p.link {
3254 display: table;
3255 }
3256 body.charitable_page_charitable-reports .charitable-top-campaigns-report a {
3257 color: #494E5A;
3258 text-decoration: none;
3259 }
3260 body.charitable_page_charitable-reports .charitable-top-campaigns-report a img {
3261 float: right;
3262 margin-left: 10px;
3263 }
3264 body.charitable_page_charitable-reports .charitable-top-campaigns-report a:hover {
3265 text-decoration: underline;
3266 }
3267 body.charitable_page_charitable-reports .charitable-top-donors-report .avatar img {
3268 border-radius: 50%;
3269 }
3270 body.charitable_page_charitable-reports .charitable-payment-methods-report {
3271 width: 33%;
3272 }
3273 body.charitable_page_charitable-reports .charitable-payment-methods-report .apexcharts-canvas {
3274 background-image: url("../../../assets/images/icons/payments.svg");
3275 background-repeat: no-repeat;
3276 background-position: center;
3277 margin-left: auto;
3278 margin-right: auto;
3279 }
3280 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend {
3281 margin: 20px auto;
3282 width: 55%;
3283 max-width: 300px;
3284 }
3285 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li {
3286 display: flex;
3287 margin-bottom: 15px;
3288 width: 100%;
3289 }
3290 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend .icon span {
3291 display: block;
3292 border-radius: 50%;
3293 width: 15px;
3294 height: 15px;
3295 }
3296 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li.stripe .icon span {
3297 background-color: #5AA152;
3298 }
3299 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li.paypal .icon span {
3300 background-color: #2B66D1;
3301 }
3302 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li.manual .icon span {
3303 background-color: #F99E36;
3304 }
3305 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li.offline .icon span {
3306 background-color: #9e36f9;
3307 }
3308 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li.square_core .icon span,
3309 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li.square .icon span {
3310 background-color: #d21561;
3311 }
3312 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li.none .icon span {
3313 background-color: #d21561;
3314 }
3315 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend .info {
3316 margin-left: 10px;
3317 flex-grow: 1;
3318 font-size: 14px;
3319 line-height: 14px;
3320 color: #474A57;
3321 font-weight: 600;
3322 text-align: left;
3323 }
3324 body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend .total {
3325 font-size: 14px;
3326 line-height: 14px;
3327 color: #868890;
3328 font-weight: 400;
3329 text-align: right;
3330 }
3331 body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li {
3332 display: block;
3333 }
3334 body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li .main {
3335 display: flex;
3336 }
3337 body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li .info {
3338 margin-left: 0;
3339 }
3340 body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li .info .info-summary {
3341 font-weight: 400;
3342 color: #9899A0;
3343 }
3344 body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li .info .info-summary p {
3345 display: inline-block;
3346 margin-right: 20px;
3347 }
3348 body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li .info .info-summary p strong {
3349 color: #494E5A;
3350 font-weight: 400;
3351 }
3352 body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li .progress-bar {
3353 margin: 10px auto;
3354 width: 100%;
3355 }
3356 body.charitable_page_charitable-reports .charitable-title-card {
3357 padding: 20px 30px;
3358 margin-top: 0px;
3359 margin-bottom: 0px;
3360 position: relative;
3361 }
3362 body.charitable_page_charitable-reports .charitable-title-card h1 {
3363 color: #303442;
3364 font-weight: 600;
3365 font-size: 17px;
3366 line-height: 22px;
3367 display: inline-block;
3368 margin: 0;
3369 padding: 0;
3370 }
3371 body.charitable_page_charitable-reports .charitable-title-card a {
3372 display: block;
3373 float: right;
3374 font-size: 23px;
3375 line-height: 23px;
3376 }
3377 body.charitable_page_charitable-reports .charitable-title-card button.dismiss {
3378 position: absolute;
3379 top: 10px;
3380 right: 10px;
3381 color: #666;
3382 font-size: 16px;
3383 text-decoration: none;
3384 }
3385 body.charitable_page_charitable-reports select#report-donor-type-filter,
3386 body.charitable_page_charitable-reports select#report-advanced-type-filter {
3387 float: none !important;
3388 margin-left: 10px;
3389 }
3390 body.charitable_page_charitable-reports .charitable-advanced-report .tablenav {
3391 width: 100%;
3392 }
3393 body.charitable_page_charitable-reports .progress-bar {
3394 height: 4px;
3395 background-color: #F5F5F5;
3396 border-radius: 0;
3397 border: 0;
3398 }
3399 body.charitable_page_charitable-reports .progress-bar .progress {
3400 height: 4px;
3401 background-color: #5AA152;
3402 }
3403 body.charitable_page_charitable-reports .charitable-toggle:hover,
3404 body.charitable_page_charitable-reports .charitable-toggle:focus,
3405 body.charitable_page_charitable-reports .charitable-toggle:focus-visible,
3406 body.charitable_page_charitable-reports .charitable-toggle:active,
3407 body.charitable_page_charitable-reports .charitable-toggle i:focus,
3408 body.charitable_page_charitable-reports .charitable-toggle i:focus-visible {
3409 text-decoration: none;
3410 border: 0;
3411 box-shadow: none;
3412 }
3413 body.charitable_page_charitable-reports .charitable-toggle .charitable-angle-right {
3414 rotate: -90deg;
3415 }
3416 body.charitable_page_charitable-reports .badge.completed {
3417 color: #50A66A;
3418 }
3419 body.charitable_page_charitable-reports .badge.pending {
3420 color: #E38632;
3421 }
3422 body.charitable_page_charitable-reports .badge.active {
3423 color: #50A66A;
3424 }
3425 body.charitable_page_charitable-reports .badge.recurring {
3426 color: #50A66A;
3427 }
3428 body.charitable_page_charitable-reports .badge.one-time {
3429 color: #EAA465;
3430 }
3431 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 {
3432 color: #50A66A;
3433 }
3434 body.charitable_page_charitable-reports .badge.cancelled {
3435 color: #CE3E4E;
3436 }
3437 body.charitable_page_charitable-reports .badge.draft {
3438 color: #ccc;
3439 }
3440
3441 /* reports - analytics */
3442 body.charitable_page_charitable-reports .charitable-analytics-container {
3443 max-width: 790px;
3444 margin: 30px auto 60px auto;
3445 display: table;
3446 text-align: center;
3447 }
3448 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-monsterinsights-logo {
3449 margin: 0 auto;
3450 }
3451 body.charitable_page_charitable-reports .charitable-analytics-container h1 {
3452 font-weight: 600;
3453 font-size: 28px;
3454 line-height: 38px;
3455 margin-top: 20px;
3456 color: #444754;
3457 }
3458 body.charitable_page_charitable-reports .charitable-analytics-container h2 {
3459 font-weight: 400;
3460 font-size: 14px;
3461 line-height: 22px;
3462 margin-top: 20px;
3463 color: #909299;
3464 }
3465 body.charitable_page_charitable-reports .charitable-analytics-container .vertical-wrapper {
3466 margin: 0;
3467 padding: 0;
3468 height: 100%;
3469 width: 100%;
3470 display: table;
3471 }
3472 body.charitable_page_charitable-reports .charitable-analytics-container .bullets-thumbnail {
3473 margin: 60px auto;
3474 display: grid;
3475 grid-template-columns: repeat(2, 1fr);
3476 grid-gap: 10px;
3477 align-content: space-evenly;
3478 }
3479 body.charitable_page_charitable-reports .charitable-analytics-container .bullets-thumbnail img {
3480 max-width: 300px;
3481 }
3482 body.charitable_page_charitable-reports .charitable-analytics-container .bullets-thumbnail ul {
3483 padding: 0;
3484 margin: 0;
3485 display: table-cell;
3486 vertical-align: middle;
3487 }
3488 body.charitable_page_charitable-reports .charitable-analytics-container .bullets-thumbnail li {
3489 text-align: left;
3490 min-height: 25px;
3491 font-size: 14px;
3492 line-height: 21px;
3493 color: #474A57;
3494 padding-left: 25px;
3495 margin-bottom: 15px;
3496 margin-top: 0;
3497 background: url(../../images/reports/analytics/check.svg) 0 2px no-repeat;
3498 }
3499 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step {
3500 margin: 20px auto;
3501 text-align: left;
3502 display: grid;
3503 grid-template-columns: 1fr 100px;
3504 grid-gap: 0px;
3505 clear: both;
3506 max-width: 670px;
3507 background-color: #fff;
3508 }
3509 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step .instructions {
3510 padding: 25px;
3511 float: left;
3512 }
3513 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step .step {
3514 width: 100px;
3515 background-color: #F7F8FB;
3516 text-align: center;
3517 float: right;
3518 }
3519 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step .step .step-image {
3520 display: table-cell;
3521 vertical-align: middle;
3522 }
3523 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step h3 {
3524 color: #23282D;
3525 font-weight: 700;
3526 font-size: 18px;
3527 line-height: 23px;
3528 margin: 0;
3529 padding: 0;
3530 }
3531 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step p {
3532 padding: 0;
3533 margin: 10px auto;
3534 font-weight: 200;
3535 color: #646970;
3536 font-size: 16px;
3537 line-height: 24px;
3538 }
3539 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step a {
3540 margin: 5px auto 0 auto;
3541 display: inline-block;
3542 }
3543 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step a.button-link {
3544 background-color: #5AA152;
3545 color: #ffffff;
3546 padding: 10px 15px;
3547 position: relative;
3548 top: -4px;
3549 text-decoration: none;
3550 border-radius: 5px;
3551 text-shadow: none;
3552 font-weight: 600;
3553 font-size: 13px;
3554 line-height: normal;
3555 cursor: pointer;
3556 }
3557 body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step a.button-link:hover {
3558 background-color: #1E5B38 !important;
3559 border-color: #1E5B38 !important;
3560 }
3561
3562 /* tools */
3563 /* dashboard */
3564 body.charitable_page_charitable-dashboard .tablenav {
3565 font-family: "Inter", sans-serif !important;
3566 min-height: 30px;
3567 height: auto;
3568 margin-top: 0;
3569 margin-bottom: 0;
3570 }
3571 body.charitable_page_charitable-dashboard .tablenav .alignleft,
3572 body.charitable_page_charitable-dashboard .tablenav .alignright {
3573 margin-top: 10px;
3574 margin-bottom: 10px;
3575 }
3576 body.charitable_page_charitable-dashboard .tablenav #charitable-advanced-date-pickers,
3577 body.charitable_page_charitable-dashboard .tablenav #charitable-advanced-filter-buttons {
3578 display: inline-block;
3579 }
3580 body.charitable_page_charitable-dashboard .tablenav form {
3581 display: block;
3582 margin: 0;
3583 padding: 0;
3584 float: left;
3585 }
3586 body.charitable_page_charitable-dashboard .tablenav select {
3587 font-size: 13px;
3588 line-height: 29px;
3589 font-weight: 500;
3590 max-width: none;
3591 padding-right: 30px;
3592 background-color: #F9F9FA;
3593 color: #52545F;
3594 border-color: #E4E4E7;
3595 height: 38px;
3596 }
3597 body.charitable_page_charitable-dashboard .tablenav a.button,
3598 body.charitable_page_charitable-dashboard .tablenav input.button {
3599 background-color: #F9F9FA;
3600 color: #52545F;
3601 border-color: #E4E4E7;
3602 }
3603 body.charitable_page_charitable-dashboard .tablenav .charitable-datepicker-container a.button {
3604 display: block;
3605 }
3606 body.charitable_page_charitable-dashboard .tablenav a.button.with-icon label {
3607 padding-right: 10px;
3608 }
3609 body.charitable_page_charitable-dashboard .tablenav a.button.with-icon img {
3610 margin-bottom: -2px;
3611 }
3612 body.charitable_page_charitable-dashboard .tablenav button.charitable-report-download-button {
3613 background-color: #F9F9FA;
3614 color: #52545F;
3615 border-color: #E4E4E7;
3616 height: 38px;
3617 padding-top: 0;
3618 padding-bottom: 0;
3619 margin-left: 4px;
3620 margin-right: 4px;
3621 }
3622 body.charitable_page_charitable-dashboard .tablenav button.charitable-report-download-button label {
3623 padding-right: 10px;
3624 pointer-events: none;
3625 }
3626 body.charitable_page_charitable-dashboard .tablenav button.charitable-report-download-button img {
3627 margin-bottom: -2px;
3628 }
3629 body.charitable_page_charitable-dashboard .tablenav button.charitable-report-print-button {
3630 background-color: #F9F9FA;
3631 color: #52545F;
3632 border-color: #E4E4E7;
3633 margin-left: 4px;
3634 margin-right: 4px;
3635 height: 38px;
3636 padding-top: 0;
3637 padding-bottom: 0;
3638 }
3639 body.charitable_page_charitable-dashboard .tablenav button.charitable-report-print-button:hover {
3640 background-color: #E4E4E7;
3641 }
3642 body.charitable_page_charitable-dashboard .tablenav button.charitable-report-print-button label {
3643 padding-right: 10px;
3644 pointer-events: none;
3645 }
3646 body.charitable_page_charitable-dashboard .tablenav button.charitable-report-print-button img {
3647 margin-bottom: -4px;
3648 }
3649 body.charitable_page_charitable-dashboard .tablenav input.charitable-datepicker {
3650 width: 115px;
3651 display: inline-block;
3652 background-image: url("../../images/icons/calendar.png");
3653 background-repeat: no-repeat;
3654 background-position: 90px center;
3655 background-size: 15px 15px;
3656 font-size: 13px;
3657 border-radius: 0;
3658 background-color: #F9F9FA;
3659 color: #52545F;
3660 border-color: #E4E4E7;
3661 height: 38px;
3662 padding-top: 0;
3663 padding-bottom: 0;
3664 margin-left: 4px;
3665 margin-right: 4px;
3666 }
3667 body.charitable_page_charitable-dashboard .tablenav input.charitable-datepicker-ranged,
3668 body.charitable_page_charitable-dashboard .tablenav input.charitable-reports-datepicker {
3669 width: 195px;
3670 display: inline-block;
3671 background-image: url("../../images/icons/calendar.png");
3672 background-repeat: no-repeat;
3673 background-position: 170px center;
3674 background-size: 15px 15px;
3675 font-size: 13px;
3676 border-radius: 0;
3677 background-color: #F9F9FA;
3678 color: #52545F;
3679 border-color: #E4E4E7;
3680 height: 38px;
3681 padding-top: 0;
3682 padding-bottom: 0;
3683 margin-left: 4px;
3684 margin-right: 4px;
3685 }
3686 body.charitable_page_charitable-dashboard .tablenav.with-margin {
3687 margin-bottom: 20px;
3688 }
3689 body.charitable_page_charitable-dashboard .charitable-section {
3690 margin-top: 20px;
3691 margin-bottom: 20px;
3692 display: table;
3693 }
3694 body.charitable_page_charitable-dashboard .charitable-section .alignleft,
3695 body.charitable_page_charitable-dashboard .charitable-section .alignright {
3696 margin-bottom: 15px;
3697 margin-top: 15px;
3698 }
3699 body.charitable_page_charitable-dashboard .charitable-section-loading {
3700 opacity: 0.25;
3701 }
3702 body.charitable_page_charitable-dashboard h1 .badge {
3703 font-size: 11px;
3704 font-weight: 400;
3705 }
3706 body.charitable_page_charitable-dashboard .charitable-container {
3707 border-radius: 5px;
3708 color: #757781;
3709 background-color: #FFF;
3710 }
3711 body.charitable_page_charitable-dashboard .charitable-container .charitable-toggle-container {
3712 display: flex;
3713 justify-content: space-between;
3714 padding: 20px 30px;
3715 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
3716 align-items: center;
3717 }
3718 body.charitable_page_charitable-dashboard .charitable-container.charitable-dashboard-notifications .charitable-toggle-container {
3719 padding-bottom: 10px;
3720 padding-left: 24px;
3721 padding-right: 24px;
3722 }
3723 body.charitable_page_charitable-dashboard .charitable-container .the-list {
3724 width: 100%;
3725 }
3726 body.charitable_page_charitable-dashboard .charitable-headline-graph-container {
3727 padding: 20px 30px;
3728 }
3729 body.charitable_page_charitable-dashboard .charitable-headline-graph-container.charitable-with-growth-tools {
3730 position: relative;
3731 }
3732 body.charitable_page_charitable-dashboard .charitable-section-grid {
3733 display: grid;
3734 grid-template-columns: repeat(2, 1fr);
3735 grid-gap: 20px;
3736 margin-bottom: 20px;
3737 }
3738 body.charitable_page_charitable-dashboard .charitable-section-grid.one-third {
3739 display: flex;
3740 flex-direction: row;
3741 }
3742 body.charitable_page_charitable-dashboard .charitable-section-grid.charitable-section-grid-column-flexible {
3743 align-items: flex-start;
3744 }
3745 body.charitable_page_charitable-dashboard .charitable-section-grid.charitable-section-grid-column-single {
3746 columns: 1;
3747 column-gap: none;
3748 display: block;
3749 }
3750 body.charitable_page_charitable-dashboard .charitable-section-flexible {
3751 columns: 2 200px;
3752 column-gap: 20px;
3753 display: block;
3754 }
3755 body.charitable_page_charitable-dashboard .charitable-section-flexible .charitable-recent-donations-report,
3756 body.charitable_page_charitable-dashboard .charitable-section-flexible .charitable-top-campaigns-report,
3757 body.charitable_page_charitable-dashboard .charitable-section-flexible .charitable-support,
3758 body.charitable_page_charitable-dashboard .charitable-section-flexible .charitable-dashboard-notifications,
3759 body.charitable_page_charitable-dashboard .charitable-section-flexible .charitable-recommended-addons,
3760 body.charitable_page_charitable-dashboard .charitable-section-flexible .charitable-recommended-snippets {
3761 display: inline-block;
3762 margin-bottom: 20px;
3763 width: 100%;
3764 }
3765 body.charitable_page_charitable-dashboard .charitable-cards {
3766 display: grid;
3767 grid-template-columns: repeat(4, 1fr);
3768 /* grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); */
3769 /* grid-template-rows: repeat(2); */
3770 margin-top: 20px;
3771 margin-bottom: 20px;
3772 grid-gap: 20px;
3773 }
3774 body.charitable_page_charitable-dashboard .charitable-cards .charitable-card {
3775 padding-top: 60px;
3776 padding-bottom: 60px;
3777 font-weight: 500px;
3778 font-size: 16px;
3779 line-height: 16px;
3780 text-align: center;
3781 }
3782 body.charitable_page_charitable-dashboard .charitable-cards .charitable-card p {
3783 margin-top: 5px;
3784 margin-bottom: 0;
3785 }
3786 body.charitable_page_charitable-dashboard .charitable-cards .charitable-card strong {
3787 color: #474A57;
3788 font-weight: 600;
3789 font-size: 42px;
3790 line-height: 44px;
3791 }
3792 body.charitable_page_charitable-dashboard .charitable-report-card .header {
3793 margin: 0 0 0 0;
3794 padding-top: 20px;
3795 padding-bottom: 20px;
3796 padding-left: 25px;
3797 padding-right: 25px;
3798 border-bottom: 1px solid #EFEFF1;
3799 }
3800 body.charitable_page_charitable-dashboard .charitable-report-card .header h4 {
3801 color: #303442;
3802 font-weight: 600;
3803 font-size: 17px;
3804 line-height: 22px;
3805 display: inline-block;
3806 margin: 0;
3807 padding: 0;
3808 }
3809 body.charitable_page_charitable-dashboard .charitable-report-card .header a {
3810 display: block;
3811 float: right;
3812 font-size: 23px;
3813 line-height: 23px;
3814 }
3815 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul {
3816 margin-top: 0;
3817 margin-bottom: 0;
3818 }
3819 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li {
3820 color: #474A57;
3821 display: flex;
3822 border-bottom: 1px solid #EFEFF1;
3823 padding-bottom: 15px;
3824 padding-top: 15px;
3825 }
3826 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .avatar,
3827 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .icon {
3828 width: 25px;
3829 text-align: center;
3830 }
3831 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .avatar img,
3832 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .icon img {
3833 margin: 5px auto;
3834 max-width: 25px;
3835 }
3836 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .avatar {
3837 width: 55px;
3838 }
3839 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .avatar img {
3840 width: 55px;
3841 }
3842 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info {
3843 flex-grow: 1;
3844 margin-left: 15px;
3845 margin-right: 15px;
3846 font-size: 14px;
3847 line-height: 23px;
3848 }
3849 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info p {
3850 font-size: 14px;
3851 line-height: 23px;
3852 margin: 0;
3853 font-weight: 700;
3854 }
3855 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info p.name {
3856 margin: 10px 0 0 0;
3857 line-height: 14px;
3858 }
3859 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info p.amount {
3860 margin: 10px 0 0 0;
3861 font-weight: 500;
3862 color: #8C8E96;
3863 }
3864 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info p.campaign-title {
3865 margin: 10px 0 0 0;
3866 font-style: italic;
3867 font-weight: 500;
3868 color: #8C8E96;
3869 }
3870 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info p.email {
3871 margin: 10px 0 0 0;
3872 font-weight: 500;
3873 color: #8C8E96;
3874 line-height: 14px;
3875 }
3876 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info .badge {
3877 font-weight: 200;
3878 display: inline-block;
3879 margin-left: 10px;
3880 }
3881 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .time-ago {
3882 color: #8C8E96;
3883 }
3884 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .donor-donation-info {
3885 font-size: 14px;
3886 line-height: 14px;
3887 }
3888 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .donor-donation-info p {
3889 margin: 0;
3890 }
3891 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .donor-donation-info p:first-of-type {
3892 margin-top: 10px;
3893 margin-bottom: 5px;
3894 }
3895 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .donor-donation-info .badge {
3896 font-weight: 200;
3897 display: block;
3898 }
3899 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li:last-child {
3900 border-bottom: 0;
3901 padding-bottom: 0;
3902 }
3903 body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li:first-child {
3904 padding-top: 0;
3905 }
3906 body.charitable_page_charitable-dashboard .charitable-report-card .more {
3907 margin: 30px 25px;
3908 display: table;
3909 padding: 0;
3910 text-align: left;
3911 }
3912 body.charitable_page_charitable-dashboard .charitable-report-card .more a {
3913 font-weight: 600;
3914 font-size: 14px;
3915 line-height: 16px;
3916 text-decoration: none;
3917 }
3918 body.charitable_page_charitable-dashboard .charitable-report-card .more a img {
3919 margin-left: 10px;
3920 float: right;
3921 display: block;
3922 }
3923 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards {
3924 display: grid;
3925 grid-template-columns: repeat(2, 1fr);
3926 margin-top: 0px;
3927 margin-bottom: 0px;
3928 grid-gap: 20px;
3929 }
3930 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card {
3931 padding: 20px 30px;
3932 margin-top: 0px;
3933 margin-bottom: 0px;
3934 position: relative;
3935 display: table;
3936 clear: both;
3937 }
3938 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card h1 {
3939 color: #303442;
3940 font-weight: 600;
3941 font-size: 17px;
3942 line-height: 22px;
3943 display: inline-block;
3944 margin: 0;
3945 padding: 0;
3946 }
3947 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card h3 {
3948 margin-top: 0;
3949 margin-bottom: 0;
3950 }
3951 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card a {
3952 margin: 5px auto 0 auto;
3953 display: inline-block;
3954 }
3955 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card a.button-link {
3956 background-color: #5AA152;
3957 color: #ffffff;
3958 padding: 10px 15px;
3959 position: relative;
3960 top: -4px;
3961 text-decoration: none;
3962 border-radius: 5px;
3963 text-shadow: none;
3964 font-weight: 600;
3965 font-size: 13px;
3966 line-height: normal;
3967 cursor: pointer;
3968 }
3969 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card a.button-link.charitable-button-link-upgrade {
3970 background-color: #F18500;
3971 }
3972 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card a.button-link:hover {
3973 background-color: #43833b !important;
3974 border-color: #43833b !important;
3975 }
3976 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card button.dismiss {
3977 position: absolute;
3978 top: 10px;
3979 right: 10px;
3980 color: #666;
3981 font-size: 16px;
3982 text-decoration: none;
3983 }
3984 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card .checklist .done {
3985 color: #79ba49;
3986 }
3987 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card .checklist .done:before {
3988 content: "\f147";
3989 font-family: "dashicons";
3990 font-size: 20px;
3991 margin-right: 5px;
3992 vertical-align: middle;
3993 }
3994 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card .checklist .not-done {
3995 color: #5aa152;
3996 }
3997 body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card .checklist .not-done:before {
3998 content: "\f464";
3999 font-family: "dashicons";
4000 font-size: 20px;
4001 margin-right: 8px;
4002 vertical-align: middle;
4003 margin-left: 1px;
4004 }
4005 body.charitable_page_charitable-dashboard .charitable-top-campaigns-report {
4006 width: 66%;
4007 }
4008 body.charitable_page_charitable-dashboard .charitable-recent-donations-report .the-list ul li {
4009 display: block;
4010 }
4011 body.charitable_page_charitable-dashboard .charitable-recent-donations-report .the-list ul li .main {
4012 display: flex;
4013 }
4014 body.charitable_page_charitable-dashboard .charitable-recent-donations-report .the-list ul li .info {
4015 margin-left: 0;
4016 }
4017 body.charitable_page_charitable-dashboard .charitable-recent-donations-report .the-list ul li .info .info-summary {
4018 font-weight: 400;
4019 color: #9899A0;
4020 }
4021 body.charitable_page_charitable-dashboard .charitable-recent-donations-report .the-list ul li .info .info-summary p {
4022 display: inline-block;
4023 margin-right: 20px;
4024 }
4025 body.charitable_page_charitable-dashboard .charitable-recent-donations-report .the-list ul li .info .info-summary p strong {
4026 color: #494E5A;
4027 font-weight: 400;
4028 }
4029 body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li {
4030 display: block;
4031 }
4032 body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li .main {
4033 display: flex;
4034 }
4035 body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li .info {
4036 margin-left: 0;
4037 }
4038 body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li .info .info-summary {
4039 font-weight: 400;
4040 color: #9899A0;
4041 }
4042 body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li .info .info-summary p {
4043 display: inline-block;
4044 margin-right: 20px;
4045 }
4046 body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li .info .info-summary p strong {
4047 color: #494E5A;
4048 font-weight: 400;
4049 }
4050 body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li .progress-bar {
4051 margin: 10px auto;
4052 width: 100%;
4053 }
4054 body.charitable_page_charitable-dashboard .charitable-support .the-list ul li {
4055 display: flex;
4056 border: 0;
4057 padding-top: 5px;
4058 padding-bottom: 5px;
4059 }
4060 body.charitable_page_charitable-dashboard .charitable-support .the-list ul li .icon {
4061 margin-right: 10px;
4062 height: 25px;
4063 line-height: 25px;
4064 }
4065 body.charitable_page_charitable-dashboard .charitable-support .the-list ul li .icon img {
4066 max-height: 25px;
4067 vertical-align: middle;
4068 }
4069 body.charitable_page_charitable-dashboard .charitable-support .the-list ul li .info {
4070 margin-left: 0;
4071 }
4072 body.charitable_page_charitable-dashboard .charitable-support .the-list ul li .info a {
4073 text-decoration: none;
4074 font-weight: 600;
4075 font-size: 14px;
4076 line-height: 30px;
4077 color: #474A57;
4078 }
4079 body.charitable_page_charitable-dashboard .charitable-support .the-list ul li .info a:hover {
4080 text-decoration: underline;
4081 }
4082 body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul,
4083 body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul {
4084 width: 100%;
4085 margin: 0 auto;
4086 padding: 0;
4087 display: grid;
4088 grid-template-columns: repeat(2, 1fr);
4089 grid-gap: 20px;
4090 }
4091 body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li,
4092 body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li {
4093 border: 0;
4094 padding-top: 5px;
4095 padding-bottom: 5px;
4096 padding-left: 5px;
4097 padding-right: 5px;
4098 text-align: center;
4099 font-weight: 400;
4100 }
4101 body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li a,
4102 body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li a {
4103 text-decoration: none;
4104 font-size: 13px;
4105 line-height: 17px;
4106 color: #474A57;
4107 font-family: "Inter", sans-serif !important;
4108 width: 100%;
4109 }
4110 body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li a h4,
4111 body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li a h4 {
4112 font-weight: 600;
4113 font-size: 18px;
4114 line-height: 21px;
4115 margin-top: 5px;
4116 margin-bottom: 5px;
4117 }
4118 body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li img,
4119 body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li img {
4120 width: 100%;
4121 }
4122 body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li a:hover,
4123 body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li a:hover {
4124 text-decoration: underline;
4125 }
4126 body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li .popular,
4127 body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li .recommended,
4128 body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li .popular,
4129 body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li .recommended {
4130 position: absolute;
4131 background-color: green;
4132 color: white;
4133 padding: 10px 15px;
4134 font-weight: 700;
4135 text-transform: uppercase;
4136 }
4137 body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li {
4138 padding-top: 0;
4139 padding: 0;
4140 }
4141 body.charitable_page_charitable-dashboard .charitable-recommended-addons .charitable-toggle-container {
4142 padding: 26px 26px;
4143 }
4144 body.charitable_page_charitable-dashboard .charitable-title-card-content .button-wrap {
4145 margin: 20px 0 0 0;
4146 display: flex;
4147 flex-direction: row;
4148 justify-content: space-between;
4149 }
4150 body.charitable_page_charitable-dashboard .progress-bar {
4151 height: 4px;
4152 background-color: #F5F5F5;
4153 border-radius: 0;
4154 border: 0;
4155 }
4156 body.charitable_page_charitable-dashboard .progress-bar .progress {
4157 height: 4px;
4158 background-color: #5AA152;
4159 }
4160 body.charitable_page_charitable-dashboard .charitable-toggle .charitable-angle-right {
4161 rotate: -90deg;
4162 }
4163 body.charitable_page_charitable-dashboard .badge.completed {
4164 color: #50A66A;
4165 }
4166 body.charitable_page_charitable-dashboard .badge.pending {
4167 color: #E38632;
4168 }
4169 body.charitable_page_charitable-dashboard .badge.active {
4170 color: #50A66A;
4171 }
4172 body.charitable_page_charitable-dashboard .badge.recurring {
4173 color: #50A66A;
4174 }
4175 body.charitable_page_charitable-dashboard .badge.one-time {
4176 color: #EAA465;
4177 }
4178 body.charitable_page_charitable-dashboard .badge.paid, body.charitable_page_charitable-dashboard .badge.charitable-completed {
4179 color: #50A66A;
4180 }
4181 body.charitable_page_charitable-dashboard .badge.cancelled {
4182 color: #CE3E4E;
4183 }
4184 body.charitable_page_charitable-dashboard .badge.draft {
4185 color: #ccc;
4186 }
4187 body.charitable_page_charitable-dashboard .no-items {
4188 text-align: center;
4189 font-size: 17px;
4190 line-height: 22px;
4191 margin: 50px auto;
4192 }
4193 body.charitable_page_charitable-dashboard .no-items strong {
4194 font-weight: 600;
4195 }
4196 body.charitable_page_charitable-dashboard .no-items p {
4197 font-size: 17px;
4198 line-height: 22px;
4199 margin: 12px auto;
4200 }
4201 body.charitable_page_charitable-dashboard .no-items p.link {
4202 font-size: 14px;
4203 line-height: 14px;
4204 display: table;
4205 }
4206 body.charitable_page_charitable-dashboard .no-items p.link a {
4207 font-weight: 600;
4208 font-size: 14px;
4209 line-height: 14px;
4210 text-decoration: none;
4211 }
4212 body.charitable_page_charitable-dashboard .no-items p.link a img {
4213 margin-left: 10px;
4214 margin-top: -2px;
4215 float: right;
4216 display: block;
4217 }
4218 body.charitable_page_charitable-dashboard #charitable-wpcode-snippets-list {
4219 width: 100%;
4220 }
4221 body.charitable_page_charitable-dashboard #charitable-wpcode-snippets-list .no-items {
4222 margin: 35px auto 10px auto;
4223 }
4224 body.charitable_page_charitable-dashboard #charitable-wpcode-snippets-list .no-items p.link {
4225 text-align: left;
4226 margin: 0 auto 0 0;
4227 }
4228
4229 /* pagination */
4230 nav.charitable-reports-pagination-nav {
4231 margin: 0 0 9px;
4232 }
4233 nav.charitable-reports-pagination-nav div.total-count {
4234 float: left;
4235 }
4236 nav.charitable-reports-pagination-nav ul {
4237 float: right;
4238 margin: 0;
4239 }
4240 nav.charitable-reports-pagination-nav ul li {
4241 font-size: 13px;
4242 line-height: 30px;
4243 display: inline-block;
4244 text-decoration: none;
4245 vertical-align: baseline;
4246 min-width: 30px;
4247 min-height: 30px;
4248 margin: 0;
4249 padding: 0 4px;
4250 text-align: center;
4251 color: #a7aaad !important;
4252 border-color: #dcdcde !important;
4253 background: #f6f7f7 !important;
4254 box-shadow: none !important;
4255 cursor: default;
4256 transform: none !important;
4257 }
4258 nav.charitable-reports-pagination-nav ul li a {
4259 display: inline-block;
4260 line-height: 30px;
4261 text-decoration: none;
4262 vertical-align: baseline;
4263 min-width: 30px;
4264 min-height: 30px;
4265 margin: 0;
4266 padding: 0 4px;
4267 text-align: center;
4268 color: #2271b1;
4269 border-color: #2271b1;
4270 background: #f6f7f7;
4271 cursor: pointer;
4272 border-width: 1px;
4273 border-style: solid;
4274 -webkit-appearance: none;
4275 border-radius: 3px;
4276 white-space: nowrap;
4277 box-sizing: border-box;
4278 }
4279 nav.charitable-reports-pagination-nav ul li span {
4280 text-align: center;
4281 display: inline-block;
4282 }
4283
4284 /* UI - Checkboxes */
4285 .charitable-admin-ui.charitable-admin-ui-field.charitable-admin-ui-toggle {
4286 margin-top: -8px;
4287 }
4288
4289 /* pointer */
4290 .wp-pointer-buttons .charitable-pointer-buttons {
4291 display: table;
4292 width: 100%;
4293 margin: 0 0 0 auto;
4294 }
4295 .wp-pointer-buttons .charitable-pointer-buttons a.close {
4296 margin: 4px 0 0 25px;
4297 }
4298 .wp-pointer-buttons .charitable-pointer-buttons a.button.button-primary {
4299 background: #2271b1;
4300 border-color: #2271b1;
4301 color: #fff;
4302 text-decoration: none;
4303 text-shadow: none;
4304 font-size: 13px;
4305 line-height: 2.15384615;
4306 min-height: 30px;
4307 margin: 0;
4308 padding: 0 10px;
4309 cursor: pointer;
4310 border-width: 1px;
4311 border-style: solid;
4312 -webkit-appearance: none;
4313 border-radius: 3px;
4314 white-space: nowrap;
4315 box-sizing: border-box;
4316 }
4317 .wp-pointer-buttons .charitable-pointer-buttons a.button-visit {
4318 float: left;
4319 }
4320
4321 .charitable-disabled {
4322 cursor: default;
4323 opacity: 0.5;
4324 pointer-events: none;
4325 }
4326
4327 .charitable-headline-reports,
4328 .charitable-restricted {
4329 position: relative;
4330 }
4331
4332 .restricted-access-overlay {
4333 position: absolute;
4334 display: flex;
4335 justify-content: center;
4336 inset: 1px;
4337 background-color: hsla(0, 0%, 100%, 0.35);
4338 -webkit-backdrop-filter: blur(2px);
4339 backdrop-filter: blur(2px);
4340 z-index: 99;
4341 }
4342
4343 /* notifications AM START */
4344 body.modal-open {
4345 overflow: hidden;
4346 }
4347
4348 .charitable-menu-notification-indicator {
4349 margin: 6px 0 0;
4350 width: 8px;
4351 height: 8px;
4352 border-radius: 50%;
4353 background-color: #2271b1;
4354 line-height: 1.6;
4355 animation: wpchar-menu-notification-indicator-pulse 1.5s infinite;
4356 float: right;
4357 }
4358 .charitable-menu-notification-indicator.alert {
4359 background-color: #d63638;
4360 }
4361
4362 [dir=ltr] #toplevel_page_charitable .charitable-menu-notification-indicator {
4363 float: right;
4364 }
4365
4366 [dir=rtl] #toplevel_page_charitable .charitable-menu-notification-indicator {
4367 float: left;
4368 }
4369
4370 @keyframes wpchar-menu-notification-indicator-pulse {
4371 0% {
4372 transform: scale(0.95);
4373 box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
4374 }
4375 70% {
4376 transform: scale(1);
4377 box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
4378 }
4379 100% {
4380 transform: scale(0.95);
4381 box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
4382 }
4383 }
4384 .charitable-notification {
4385 margin-bottom: 20px;
4386 }
4387 .charitable-notification:last-child {
4388 margin-bottom: 0;
4389 }
4390 .charitable-notification > div {
4391 display: flex;
4392 align-items: flex-start;
4393 padding-bottom: 10px;
4394 border-bottom: 1px solid #e8e8eb;
4395 }
4396 .charitable-notification > div:last-child {
4397 padding-bottom: 0;
4398 border-bottom: 0;
4399 margin-bottom: 0;
4400 }
4401 .charitable-notification > div .body {
4402 font-size: 14px;
4403 line-height: 22px;
4404 flex: 1;
4405 }
4406 .charitable-notification > div .body .title {
4407 font-size: 14px;
4408 font-weight: 600;
4409 color: #141b38;
4410 margin-bottom: 9px;
4411 display: flex;
4412 align-items: left;
4413 flex-direction: column;
4414 }
4415 .charitable-notification > div .body .title.dashboard-title {
4416 flex-direction: row;
4417 }
4418 .charitable-notification > div .body .title div:first-child {
4419 flex: 1;
4420 line-height: 22px;
4421 }
4422 [dir=ltr] .charitable-notification > div .body .title div:first-child {
4423 margin-right: 5px;
4424 }
4425 [dir=rtl] .charitable-notification > div .body .title div:first-child {
4426 margin-left: 5px;
4427 }
4428 .charitable-notification > div .body .title .date {
4429 font-weight: initial;
4430 color: #8c8f9a;
4431 font-size: 12px;
4432 }
4433 .charitable-notification > div .body .notification-content {
4434 margin-bottom: 12px;
4435 max-width: calc(100% - 110px);
4436 }
4437 .charitable-notification > div .body .notification-content img {
4438 max-width: 100%;
4439 }
4440 .charitable-notification > div .body .actions {
4441 flex-wrap: wrap;
4442 display: flex;
4443 align-items: baseline;
4444 }
4445 [dir=rtl] .charitable-notification > div .body .actions {
4446 flex-direction: row-reverse;
4447 justify-content: right;
4448 }
4449 .charitable-notification > div .body .actions > * {
4450 margin-bottom: 12px;
4451 }
4452 [dir=ltr] .charitable-notification > div .body .actions .charitable-button {
4453 margin-right: 20px;
4454 }
4455 [dir=rtl] .charitable-notification > div .body .actions .charitable-button {
4456 margin-left: 20px;
4457 }
4458 .charitable-notification > div .body .actions .dismiss {
4459 color: #8c8f9a;
4460 font-size: 13px;
4461 margin-top: 0;
4462 margin-bottom: 0;
4463 }
4464 .charitable-notification > div .icon {
4465 margin-right: 14px;
4466 }
4467 [dir=ltr] .charitable-notification > div .icon {
4468 margin-right: 14px;
4469 }
4470 [dir=rtl] .charitable-notification > div .icon {
4471 margin-left: 14px;
4472 }
4473 .charitable-notification > div .icon svg {
4474 width: 25px;
4475 height: 25px;
4476 color: #00aa63;
4477 }
4478 .charitable-notification > div .icon svg.warning {
4479 color: #f18200;
4480 }
4481 .charitable-notification > div .icon svg.info {
4482 color: #E38632;
4483 }
4484 .charitable-notification > div .icon svg.success {
4485 color: #00aa63;
4486 }
4487 .charitable-notification > div .icon svg.error {
4488 color: #df2a4a;
4489 }
4490 .charitable-notification .actions {
4491 display: flex;
4492 justify-content: left;
4493 align-items: center;
4494 margin-top: 5px;
4495 }
4496 .charitable-notification .actions .dismiss {
4497 margin-left: 10px;
4498 text-decoration: none;
4499 font-size: 12px;
4500 line-height: 14px;
4501 text-decoration: underline;
4502 }
4503 .charitable-notification .actions .dismiss:hover {
4504 color: #8c8f9a;
4505 }
4506 .charitable-notification .charitable-notifications-buttons {
4507 display: flex;
4508 justify-content: space-between;
4509 margin-top: 5px;
4510 }
4511 .charitable-notification .button.button-primary {
4512 padding: 3px 15px !important;
4513 border-radius: 5px !important;
4514 font-size: 13px !important;
4515 line-height: 2.15 !important;
4516 background-color: #E38632;
4517 color: #fff;
4518 border-color: #E38632;
4519 }
4520 .charitable-notification .button.button-primary:hover {
4521 padding: 3px 16px;
4522 border-radius: 5px;
4523 background-color: #E38632;
4524 border-color: #E38632;
4525 /* filter darker */
4526 filter: brightness(0.9);
4527 }
4528 .charitable-notification .button.button-secondary {
4529 padding: 3px 15px !important;
4530 border-radius: 5px !important;
4531 font-size: 13px !important;
4532 line-height: 2.15 !important;
4533 margin-left: 15px;
4534 background-color: #F9F9FA;
4535 color: #52545F;
4536 border-color: #E4E4E7;
4537 }
4538 .charitable-notification .button.button-secondary:hover {
4539 padding: 3px 16px;
4540 border-radius: 5px;
4541 background-color: #F9F9FA;
4542 border-color: #E4E4E7;
4543 /* filter darker */
4544 filter: brightness(0.9);
4545 }
4546
4547 .charitable-notification-cards {
4548 display: none;
4549 }
4550 .charitable-notification-cards.notification-cards-visible {
4551 display: block;
4552 }
4553 .charitable-notification-cards .charitable-notification:last-child > div {
4554 border-bottom: none;
4555 margin-bottom: none;
4556 }
4557 .charitable-notification-cards .no-notifications {
4558 display: flex;
4559 align-items: center;
4560 flex-direction: column;
4561 font-size: 14px;
4562 line-height: 22px;
4563 color: #8c8f9a;
4564 }
4565 .charitable-notification-cards .no-notifications img {
4566 width: 30%;
4567 max-width: 108px;
4568 height: auto;
4569 }
4570 .charitable-notification-cards .no-notifications .great-scott {
4571 margin: 20px 0 8px;
4572 font-size: 18px;
4573 font-weight: 600;
4574 color: #434960;
4575 }
4576 .charitable-notification-cards .no-notifications .no-new-notifications {
4577 margin-bottom: 20px;
4578 }
4579 @media (min-height: 500px) {
4580 .charitable-notification-cards .no-notifications {
4581 padding-top: 100px;
4582 }
4583 }
4584
4585 body.charitable-show-notifications .charitable-main {
4586 pointer-events: none;
4587 -webkit-user-select: none;
4588 user-select: none;
4589 }
4590
4591 .charitable-plugin-notifications {
4592 margin-top: 32px;
4593 position: fixed;
4594 top: 0;
4595 z-index: 999992;
4596 width: 570px; /*modify this value to fit your needs*/
4597 right: -570px;
4598 /*css transition*/
4599 -webkit-transition: right 500ms ease-out;
4600 -moz-transition: right 500ms ease-out;
4601 -o-transition: right 500ms ease-out;
4602 transition: right 500ms ease-out;
4603 /* override for right-to-left languages */
4604 }
4605 .charitable-plugin-notifications.in {
4606 right: 0;
4607 }
4608 [dir=rtl] .charitable-plugin-notifications {
4609 left: -570px;
4610 /*css transition*/
4611 -webkit-transition: left 500ms ease-out;
4612 -moz-transition: left 500ms ease-out;
4613 -o-transition: left 500ms ease-out;
4614 transition: left 500ms ease-out;
4615 }
4616 [dir=rtl] .charitable-plugin-notifications.in {
4617 left: 0;
4618 }
4619 .charitable-plugin-notifications a.dismiss {
4620 color: #8c8f9a;
4621 font-size: 13px;
4622 margin-top: 0;
4623 margin-bottom: 0;
4624 }
4625 .charitable-plugin-notifications .charitable-button {
4626 border-radius: 5px;
4627 font-family: "Inter", sans-serif;
4628 font-weight: 600;
4629 font-size: 14px;
4630 line-height: 14px;
4631 padding: 15px 20px;
4632 text-transform: capitalize;
4633 text-decoration: none;
4634 display: inline-block;
4635 cursor: pointer;
4636 min-height: 30px;
4637 border-width: 1px;
4638 border-style: solid;
4639 -webkit-appearance: none;
4640 border-radius: 3px;
4641 white-space: nowrap;
4642 box-sizing: border-box;
4643 color: white;
4644 }
4645 .charitable-plugin-notifications .charitable-button.charitable-button-green {
4646 background-color: #00aa63;
4647 }
4648 .charitable-plugin-notifications .charitable-button.charitable-button-orange {
4649 background-color: #e27730;
4650 }
4651 .charitable-plugin-notifications .notification-menu {
4652 display: flex;
4653 flex-direction: column;
4654 height: calc(100% - var(--wp-admin--admin-bar--height, 32px));
4655 width: 100%;
4656 max-width: 570px;
4657 position: fixed;
4658 z-index: 1053;
4659 top: 32px;
4660 bottom: 0;
4661 background-color: white;
4662 overflow-x: hidden;
4663 transition: 0.5s;
4664 }
4665 .charitable-plugin-notifications .notification-menu .notification-header {
4666 height: 64px;
4667 display: flex;
4668 align-items: center;
4669 padding: 0 20px;
4670 color: #fff;
4671 background-color: #E38632;
4672 }
4673 .charitable-plugin-notifications .notification-menu .notification-header .new-notifications,
4674 .charitable-plugin-notifications .notification-menu .notification-header .old-notifications {
4675 font-size: 18px;
4676 font-weight: 600;
4677 display: none;
4678 }
4679 .charitable-plugin-notifications .notification-menu .notification-header .notifications-visible {
4680 display: block;
4681 }
4682 .charitable-plugin-notifications .notification-menu .notification-header .dismissed-notifications {
4683 flex: 1 1 auto;
4684 margin-left: 25px;
4685 }
4686 [dir=ltr] .charitable-plugin-notifications .notification-menu .notification-header .dismissed-notifications {
4687 margin-left: 25px;
4688 }
4689 [dir=rtl] .charitable-plugin-notifications .notification-menu .notification-header .dismissed-notifications {
4690 margin-right: 25px;
4691 }
4692 .charitable-plugin-notifications .notification-menu .notification-header .dismissed-notifications a {
4693 font-size: 12px;
4694 color: #fff;
4695 }
4696 .charitable-plugin-notifications .notification-menu .notification-header .dismissed-notifications a:focus {
4697 border: 0;
4698 box-shadow: none;
4699 }
4700 .charitable-plugin-notifications .notification-menu .notification-header svg.charitable-close {
4701 width: 14px;
4702 height: 14px;
4703 cursor: pointer;
4704 }
4705 .charitable-plugin-notifications .notification-menu .notification-header svg.charitable-close:hover {
4706 color: #ccc;
4707 }
4708 .charitable-plugin-notifications .notification-menu .notification-cards {
4709 flex: 1;
4710 padding: 24px;
4711 overflow: auto;
4712 }
4713 .charitable-plugin-notifications .notification-menu .notification-footer {
4714 /* height: 90px; */
4715 padding: 24px;
4716 display: flex;
4717 align-items: center;
4718 }
4719 .charitable-plugin-notifications .notification-menu .notification-footer div.pagination {
4720 flex: 1;
4721 display: flex;
4722 align-items: center;
4723 }
4724 .charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number {
4725 font-size: 13px;
4726 color: #141b38;
4727 background: #e8e8eb;
4728 height: 30px;
4729 width: 30px;
4730 display: flex;
4731 align-items: center;
4732 justify-content: center;
4733 border-radius: 2px;
4734 cursor: pointer;
4735 }
4736 .charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number.active, .charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number:hover {
4737 color: #fff;
4738 background-color: #E38632;
4739 }
4740 [dir=ltr] .charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number {
4741 margin-right: 4px;
4742 }
4743 [dir=ltr] .charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number:last-child {
4744 margin-right: 0;
4745 }
4746 [dir=rtl] .charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number {
4747 margin-left: 4px;
4748 }
4749 [dir=rtl] .charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number:last-child {
4750 margin-left: 0;
4751 }
4752 .charitable-plugin-notifications .charitable-notifications-overlay {
4753 display: none;
4754 position: fixed;
4755 z-index: 998;
4756 top: 32px;
4757 bottom: 0;
4758 background-color: #141b38;
4759 opacity: 0.5;
4760 transition: 0.5s;
4761 cursor: pointer;
4762 right: 0;
4763 left: 160px;
4764 }
4765 [dir=ltr] .charitable-plugin-notifications .charitable-notifications-overlay {
4766 right: 0;
4767 left: 160px;
4768 }
4769 [dir=rtl] .charitable-plugin-notifications .charitable-notifications-overlay {
4770 left: 0;
4771 right: 160px;
4772 }
4773 .charitable-plugin-notifications .notifications-fade-enter-active,
4774 .charitable-plugin-notifications .notifications-fade-leave-active {
4775 transition: opacity 0.5s;
4776 }
4777 .charitable-plugin-notifications .notifications-fade-enter-from,
4778 .charitable-plugin-notifications .notifications-fade-leave-to {
4779 opacity: 0;
4780 }
4781 .charitable-plugin-notifications .notifications-slide-enter-active,
4782 .charitable-plugin-notifications .notifications-slide-leave-active {
4783 transition: all 0.5s ease-in-out;
4784 }
4785 .charitable-plugin-notifications [dir=ltr] .notifications-slide-enter-from,
4786 .charitable-plugin-notifications [dir=ltr] .notifications-slide-leave-to {
4787 right: -570px;
4788 }
4789 .charitable-plugin-notifications [dir=rtl] .notifications-slide-enter-from,
4790 .charitable-plugin-notifications [dir=rtl] .notifications-slide-leave-to {
4791 left: -570px;
4792 }
4793
4794 /* for print */
4795 @media print {
4796 .charitable-plugin-notifications {
4797 display: none;
4798 }
4799 }
4800 /* notifications AM END */
4801 /* notifications */
4802 .charitable-dashboard-notifications {
4803 background-color: white;
4804 box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
4805 border-radius: 4px;
4806 position: relative;
4807 }
4808 .charitable-dashboard-notifications .charitable-dashboard-notification {
4809 padding: 10px;
4810 display: flex;
4811 justify-content: left;
4812 background-color: #f18500;
4813 text-align: left;
4814 align-items: center;
4815 }
4816 .charitable-dashboard-notifications .charitable-dashboard-notification .charitable-dashboard-notification-icon {
4817 margin: 0 10px 0 10px;
4818 width: 18px;
4819 height: 18px;
4820 }
4821 .charitable-dashboard-notifications .charitable-dashboard-notification h4.charitable-dashboard-notification-headline {
4822 display: none;
4823 }
4824 .charitable-dashboard-notifications .charitable-dashboard-notification p:first-of-type {
4825 margin-top: 0;
4826 }
4827 .charitable-dashboard-notifications .charitable-dashboard-notification-bar {
4828 position: absolute;
4829 right: 0px;
4830 top: 0px;
4831 display: flex;
4832 justify-content: space-between;
4833 align-items: center;
4834 }
4835 .charitable-dashboard-notifications .charitable-dashboard-notification-bar .charitable-dashboard-notification-navigation {
4836 position: relative;
4837 right: 20px;
4838 top: -14px;
4839 padding: 0px;
4840 display: flex;
4841 justify-content: space-between;
4842 align-items: center;
4843 min-height: 45px;
4844 }
4845 .charitable-dashboard-notifications .charitable-dashboard-notification-bar .charitable-dashboard-notification-navigation a {
4846 cursor: pointer;
4847 color: black;
4848 text-decoration: none;
4849 font-weight: 200;
4850 font-size: 32px;
4851 line-height: 32px;
4852 display: inline-block;
4853 opacity: 0.3;
4854 padding: 0px 4px;
4855 position: relative;
4856 top: 1px;
4857 border-radius: 5px;
4858 background-color: transparent;
4859 }
4860 .charitable-dashboard-notifications .charitable-dashboard-notification-bar .charitable-dashboard-notification-navigation a:hover {
4861 opacity: 0.5;
4862 }
4863 .charitable-dashboard-notifications .charitable-dashboard-notification-bar .charitable-dashboard-notification-navigation .charitable-dashboard-notification-counter {
4864 font-size: 13px;
4865 color: #666;
4866 white-space: nowrap;
4867 padding: 0 4px;
4868 line-height: 32px;
4869 }
4870 .charitable-dashboard-notifications .charitable-dashboard-notification-bar .charitable-remove-dashboard-notification {
4871 position: relative;
4872 right: 5px;
4873 top: -10px;
4874 font-size: 14px;
4875 line-height: 14px;
4876 width: 18px;
4877 height: 18px;
4878 text-decoration: none;
4879 opacity: 0.3;
4880 background-image: url(../../images/onboarding/checklist/times-circle-regular.svg);
4881 color: white;
4882 background-color: white;
4883 -webkit-mask-image: url(../../images/onboarding/checklist/times-circle-regular.svg);
4884 mask-image: url(../../images/onboarding/checklist/times-circle-regular.svg);
4885 }
4886 .charitable-dashboard-notifications .charitable-dashboard-notification-bar .charitable-remove-dashboard-notification:hover {
4887 opacity: 0.5;
4888 }
4889 .charitable-dashboard-notifications .charitable-dashboard-notification {
4890 background-color: white;
4891 border: 1px solid #c3c4c7;
4892 border-left-width: 4px;
4893 padding: 0;
4894 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
4895 border-radius: 4px;
4896 border-left-color: #72aee6;
4897 }
4898 .charitable-dashboard-notifications .charitable-dashboard-notification.charitable-notification-type-notice {
4899 border-left-color: #72aee6;
4900 }
4901 .charitable-dashboard-notifications .charitable-dashboard-notification.charitable-notification-type-important {
4902 border-left-color: #EAA465;
4903 }
4904 .charitable-dashboard-notifications .charitable-dashboard-notification-message {
4905 padding: 20px;
4906 }
4907 .charitable-dashboard-notifications .charitable-dashboard-notification-message h5:first-of-type {
4908 font-size: 18px;
4909 line-height: 21px;
4910 margin: 0 0 10px 0;
4911 padding: 0;
4912 }
4913 .charitable-dashboard-notifications .charitable-dashboard-notification-message p:first-child {
4914 margin-top: 2px;
4915 }
4916 .charitable-dashboard-notifications .charitable-dashboard-notification-message p:last-child {
4917 margin-bottom: 2px;
4918 }
4919 .charitable-dashboard-notifications .charitable-dashboard-notification-message ul, .charitable-dashboard-notifications .charitable-dashboard-notification-message ol {
4920 margin-top: 5px;
4921 }
4922 .charitable-dashboard-notifications ul {
4923 margin: 0 0 0 20px;
4924 padding: 0;
4925 list-style-type: disc;
4926 }
4927 .charitable-dashboard-notifications .charitable-dashboard-notification[data-notification-type=notice] header {
4928 background-color: #0054f1;
4929 }
4930
4931 /* gutenberg */
4932 .interface-interface-skeleton__sidebar .wpchar-gutenberg-panel-notice {
4933 background-color: #f0f6fc;
4934 border-left: solid 4px #017cba;
4935 color: #1e1e1e;
4936 padding: 12px 12px 12px 16px;
4937 margin-bottom: 0;
4938 }
4939 .interface-interface-skeleton__sidebar .wpchar-gutenberg-panel-notice strong {
4940 display: block;
4941 }
4942 .interface-interface-skeleton__sidebar .wpchar-gutenberg-panel-notice a {
4943 display: block;
4944 }
4945 .interface-interface-skeleton__sidebar .wpchar-gutenberg-panel-notice.wpchar-warning {
4946 background-color: #fef8ee;
4947 border-left-color: #efb84a;
4948 margin-bottom: 12px;
4949 }
4950
4951 /*
4952 * The Charitable block-editor CANVAS rules that used to live here (the
4953 * `.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-*`
4954 * logo and paragraph rules) moved to charitable-block-editor-canvas.css in 1.8.12.1.
4955 *
4956 * They only reached the iframed canvas via Gutenberg's useCompatibilityStyles shim,
4957 * which logged "charitable-admin-2.0-css was added to the iframe incorrectly" on every
4958 * editor load. Do not add `.editor-styles-wrapper` or `.wp-block` selectors to this
4959 * file — that is what makes the shim clone it and warn again.
4960 */
4961
4962 /* post new donation */
4963 body.post-type-donation.charitable-admin-donation-edit #post-body input[type=text],
4964 body.post-type-donation.charitable-admin-donation-edit #post-body input[type=email],
4965 body.post-type-donation.charitable-admin-donation-edit #post-body input[type=number],
4966 body.post-type-donation.charitable-admin-donation-edit #post-body input[type=password],
4967 body.post-type-donation.charitable-admin-donation-edit #post-body input[type=search],
4968 body.post-type-donation.charitable-admin-donation-edit #post-body input[type=tel],
4969 body.post-type-donation.charitable-admin-donation-edit #post-body input[type=url] {
4970 padding: 8px 10px;
4971 }
4972 body.post-type-donation.charitable-admin-donation-edit #donation-form-meta {
4973 padding-top: 0;
4974 }
4975 body.post-type-donation.charitable-admin-donation-edit #postbox-container-2 .postbox-header {
4976 display: none;
4977 }
4978
4979 #charitable-reports .charitable-report-table-container {
4980 position: relative;
4981 }
4982 #charitable-reports .charitable-report-table-container .reports-lite-cta {
4983 z-index: 999;
4984 position: absolute;
4985 top: 25%;
4986 left: 0;
4987 right: 0;
4988 margin: 25px;
4989 }
4990
4991 @media screen and (max-width: 1200px) {
4992 body.charitable_page_charitable-reports .charitable-cards .charitable-card,
4993 body.charitable_page_charitable-dashboard .charitable-cards .charitable-card {
4994 padding-top: 30px;
4995 padding-bottom: 30px;
4996 }
4997 body.charitable_page_charitable-reports .charitable-cards .charitable-card strong,
4998 body.charitable_page_charitable-dashboard .charitable-cards .charitable-card strong {
4999 font-size: 24px;
5000 line-height: 24px;
5001 }
5002 }
5003 @media screen and (max-width: 1000px) {
5004 body.charitable_page_charitable-reports .charitable-cards,
5005 body.charitable_page_charitable-dashboard .charitable-cards {
5006 grid-template-columns: repeat(2, 1fr);
5007 }
5008 body.charitable_page_charitable-reports .charitable-cards .charitable-card strong,
5009 body.charitable_page_charitable-dashboard .charitable-cards .charitable-card strong {
5010 font-size: 42px;
5011 line-height: 44px;
5012 }
5013 }
5014 @media screen and (max-width: 800px) {
5015 body.charitable_page_charitable-reports .charitable-cards,
5016 body.charitable_page_charitable-dashboard .charitable-cards {
5017 grid-template-columns: repeat(2, 1fr);
5018 }
5019 body.charitable_page_charitable-reports .charitable-cards .charitable-card strong,
5020 body.charitable_page_charitable-dashboard .charitable-cards .charitable-card strong {
5021 font-size: 24px;
5022 line-height: 24px;
5023 }
5024 body.charitable_page_charitable-reports .charitable-section-grid,
5025 body.charitable_page_charitable-dashboard .charitable-section-grid {
5026 grid-template-columns: repeat(1, 1fr);
5027 }
5028 body.charitable_page_charitable-reports .charitable-section-grid.one-third,
5029 body.charitable_page_charitable-dashboard .charitable-section-grid.one-third {
5030 display: grid;
5031 }
5032 body.charitable_page_charitable-reports .charitable-section-grid.one-third .charitable-top-campaigns-report,
5033 body.charitable_page_charitable-dashboard .charitable-section-grid.one-third .charitable-top-campaigns-report {
5034 width: 100%;
5035 }
5036 body.charitable_page_charitable-reports .charitable-section-grid.one-third .charitable-payment-methods-report,
5037 body.charitable_page_charitable-dashboard .charitable-section-grid.one-third .charitable-payment-methods-report {
5038 width: 100%;
5039 }
5040 body.charitable_page_charitable-reports .charitable-section-flexible,
5041 body.charitable_page_charitable-dashboard .charitable-section-flexible {
5042 columns: 1;
5043 column-gap: 0;
5044 display: block;
5045 }
5046 #charitable-reports .charitable-report-table-container table.wp-list-table th,
5047 #charitable-reports .charitable-report-table-container table.wp-list-table td {
5048 white-space: nowrap;
5049 overflow: hidden;
5050 text-overflow: ellipsis;
5051 }
5052 #charitable-reports .charitable-report-table-container table.wp-list-table th.charitable-avatar,
5053 #charitable-reports .charitable-report-table-container table.wp-list-table td.charitable-avatar {
5054 display: none;
5055 width: 1px;
5056 }
5057 #charitable-reports .charitable-report-table-container table.wp-list-table td.manage-column.column-actions,
5058 #charitable-reports .charitable-report-table-container table.wp-list-table th.manage-column.column-actions {
5059 width: 30px;
5060 }
5061 }
5062 @media screen and (max-width: 700px) {
5063 body.charitable_page_charitable-reports .charitable-cards,
5064 body.charitable_page_charitable-dashboard .charitable-cards {
5065 grid-template-columns: repeat(2, 1fr);
5066 }
5067 body.charitable_page_charitable-reports .charitable-cards .charitable-card strong,
5068 body.charitable_page_charitable-dashboard .charitable-cards .charitable-card strong {
5069 font-size: 24px;
5070 line-height: 24px;
5071 }
5072 body.charitable_page_charitable-reports .charitable-section-grid,
5073 body.charitable_page_charitable-dashboard .charitable-section-grid {
5074 grid-template-columns: repeat(1, 1fr);
5075 }
5076 body.charitable_page_charitable-reports .charitable-section-grid.one-third,
5077 body.charitable_page_charitable-dashboard .charitable-section-grid.one-third {
5078 display: grid;
5079 }
5080 body.charitable_page_charitable-reports .charitable-section-grid.one-third .charitable-top-campaigns-report,
5081 body.charitable_page_charitable-dashboard .charitable-section-grid.one-third .charitable-top-campaigns-report {
5082 width: 100%;
5083 }
5084 body.charitable_page_charitable-reports .charitable-section-grid.one-third .charitable-payment-methods-report,
5085 body.charitable_page_charitable-dashboard .charitable-section-grid.one-third .charitable-payment-methods-report {
5086 width: 100%;
5087 }
5088 body.charitable_page_charitable-reports .charitable-section-flexible,
5089 body.charitable_page_charitable-dashboard .charitable-section-flexible {
5090 columns: 1;
5091 column-gap: 0;
5092 display: block;
5093 }
5094 }
5095 body.charitable_page_charitable-settings .charitable-education-page .charitable-settings-heading-pro h4 {
5096 margin-top: 40px;
5097 }
5098
5099 .charitable-education-page {
5100 max-width: 1000px;
5101 margin-bottom: 30px;
5102 padding: 0;
5103 }
5104 .charitable-education-page .charitable-education-page-heading h4,
5105 .charitable-education-page .charitable-settings-heading-pro h4 {
5106 font-size: 20px;
5107 font-weight: 600;
5108 margin: 20px 0 6px 0;
5109 line-height: 20px;
5110 }
5111 .charitable-education-page .charitable-education-page-heading h4:after,
5112 .charitable-education-page .charitable-settings-heading-pro h4:after {
5113 background-color: #F99E36;
5114 color: white;
5115 content: "Pro";
5116 padding: 3px 7px;
5117 font-size: 9px;
5118 line-height: 9px;
5119 text-transform: uppercase;
5120 font-weight: 600;
5121 margin-left: 5px;
5122 margin-right: 5px;
5123 margin-top: 0;
5124 position: relative;
5125 top: -3px;
5126 }
5127 .charitable-education-page .charitable-education-page-images {
5128 display: flex;
5129 gap: 25px;
5130 margin: 25px 0px;
5131 }
5132 .charitable-education-page .charitable-education-page-images figure {
5133 margin: 0;
5134 }
5135 .charitable-education-page .charitable-education-page-images figcaption {
5136 font-style: normal;
5137 font-weight: 400;
5138 font-size: 14px;
5139 line-height: 17px;
5140 text-align: center;
5141 color: rgb(119, 119, 119);
5142 margin-top: 10px;
5143 }
5144 .charitable-education-page .charitable-education-page-images .charitable-education-page-images-image {
5145 display: inline-block;
5146 position: relative;
5147 background-color: rgb(255, 255, 255);
5148 box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px 0px;
5149 padding: 5px;
5150 border-radius: 3px;
5151 }
5152 .charitable-education-page .charitable-education-page-images .charitable-education-page-images-image img {
5153 max-width: 100%;
5154 display: block;
5155 }
5156 .charitable-education-page .charitable-education-page-images .charitable-education-page-images-image .hover {
5157 position: absolute;
5158 opacity: 0;
5159 height: calc(100% - 10px);
5160 width: calc(100% - 10px);
5161 top: 0;
5162 left: 0;
5163 border: 5px solid #ffffff;
5164 background-color: rgba(0, 0, 0, 0.15);
5165 background-image: url(../../images/pro/icons/zoom.svg);
5166 background-repeat: no-repeat;
5167 background-position: center;
5168 background-size: 50px;
5169 transition: all 0.3s;
5170 box-sizing: initial;
5171 }
5172 .charitable-education-page .charitable-education-page-images .charitable-education-page-images-image:hover .hover {
5173 opacity: 1;
5174 transition: all 0.3s;
5175 }
5176 .charitable-education-page .charitable-education-page-caps {
5177 max-width: 986px;
5178 box-sizing: content-box;
5179 box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px;
5180 background: rgb(255, 255, 255);
5181 border-radius: 6px;
5182 padding: 20px 20px 0 20px;
5183 overflow: auto;
5184 }
5185 .charitable-education-page .charitable-education-page-caps p {
5186 font-weight: 600;
5187 font-size: 16px;
5188 line-height: 23px;
5189 color: #32373c;
5190 margin-bottom: 20px;
5191 margin-top: 0;
5192 }
5193 .charitable-education-page .charitable-education-page-caps ul {
5194 display: flex;
5195 flex-wrap: wrap;
5196 margin: 0;
5197 }
5198 .charitable-education-page .charitable-education-page-caps ul li {
5199 flex: 0 0 calc(33.333% - 40px);
5200 font-weight: 400;
5201 font-size: 14px;
5202 line-height: 20px;
5203 color: rgb(80, 87, 94);
5204 margin-bottom: 20px;
5205 position: relative;
5206 padding-left: 20px;
5207 padding-right: 20px;
5208 }
5209 .charitable-education-page .charitable-education-page-caps ul li i {
5210 margin-right: 10px;
5211 position: absolute;
5212 top: 2px;
5213 left: 0;
5214 }
5215 .charitable-education-page .charitable-education-page-button {
5216 margin-top: 25px;
5217 }
5218 .charitable-education-page .charitable-education-page-button a {
5219 font-size: 16px;
5220 font-weight: 600;
5221 padding: 16px 28px !important;
5222 background-color: #5AA152 !important;
5223 color: #ffffff !important;
5224 }
5225 .charitable-education-page .charitable-education-page-button a:hover {
5226 /* background color darker */
5227 background-color: #4a8742 !important;
5228 }
5229 .charitable-education-page .charitable-education-page-disabled-download {
5230 margin-top: 25px;
5231 }
5232 .charitable-education-page .charitable-education-page-disabled-download p {
5233 font-size: 16px;
5234 font-weight: 600;
5235 color: #d63638;
5236 }
5237
5238 /* Footer Promotion Styles */
5239 body.charitable-admin-promotion-footer #wpbody {
5240 padding-bottom: 150px !important;
5241 }
5242
5243 #wpfooter .charitable-footer-promotion {
5244 text-align: center;
5245 font-weight: 400;
5246 font-size: 13px;
5247 line-height: normal;
5248 color: #646970;
5249 padding: 30px 0;
5250 margin-bottom: 20px;
5251 }
5252 #wpfooter .charitable-footer-promotion p {
5253 font-weight: 600;
5254 }
5255 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-links,
5256 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-social {
5257 display: flex;
5258 justify-content: center;
5259 align-items: center;
5260 }
5261 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-links {
5262 margin: 10px 0;
5263 color: #646970;
5264 }
5265 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-links a {
5266 color: #056aab;
5267 }
5268 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-links a:hover {
5269 color: #04558a;
5270 }
5271 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-links span {
5272 color: #c3c4c7;
5273 padding: 0 7px;
5274 }
5275 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-social {
5276 gap: 10px;
5277 margin: 0;
5278 }
5279 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-social li {
5280 margin-bottom: 0;
5281 }
5282 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-social li path {
5283 color: #646970;
5284 }
5285 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-social li:hover path {
5286 fill: #50575e;
5287 }
5288 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-social li a {
5289 display: block;
5290 height: 16px;
5291 }
5292 #wpfooter #footer-left {
5293 color: #50575e;
5294 font-size: 13px;
5295 font-style: normal;
5296 font-weight: 400;
5297 line-height: normal;
5298 }
5299 #wpfooter #footer-left strong {
5300 font-weight: 600;
5301 }
5302
5303 /* Responsive adjustments for footer promotion */
5304 @media (max-width: 782px) {
5305 body.charitable-admin-promotion-footer #wpbody {
5306 padding-bottom: 200px !important;
5307 }
5308 #wpfooter .charitable-footer-promotion {
5309 padding: 20px 0;
5310 }
5311 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-links {
5312 flex-direction: column;
5313 gap: 10px;
5314 }
5315 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-links li {
5316 margin: 0;
5317 }
5318 #wpfooter .charitable-footer-promotion .charitable-footer-promotion-social {
5319 margin-top: 20px;
5320 }
5321 }
5322 /* Charitable Test Mode Admin Bar Badge */
5323 #wpadminbar .charitable-test-mode-active .charitable-test-mode-badge {
5324 color: #1e1515;
5325 background-color: #fc9a2a !important;
5326 font-weight: 600;
5327 padding: 0px 8px;
5328 border-radius: 4px;
5329 margin: 0 4px;
5330 display: inline-block;
5331 white-space: nowrap;
5332 font-size: 12px;
5333 line-height: 25px;
5334 }
5335
5336 #wpadminbar .charitable-test-mode-active .charitable-test-mode-badge::before {
5337 content: "⚠ ";
5338 margin-right: 4px;
5339 font-weight: bold;
5340 }
5341
5342 #wpadminbar .charitable-test-mode-active:hover .charitable-test-mode-badge {
5343 background-color: #fc8c0c !important;
5344 }
5345
5346 /*
5347 * Core draws a 4px "current item" bar inside the bottom edge of any hovered or focused
5348 * admin-bar link: #wpadminbar a:hover, #wpadminbar a:focus { box-shadow: currentcolor 0 -4px 0 0 inset }.
5349 * Against a filled pill that reads as a stray underline sitting below the badge, so it is
5350 * suppressed here. Scoped to :not(:focus-visible) so keyboard focus keeps its indicator.
5351 */
5352 #wpadminbar .charitable-test-mode-active > .ab-item:hover:not(:focus-visible) {
5353 box-shadow: none;
5354 }
5355
5356 /* Test Mode Checkbox Flash Animation */
5357 @keyframes charitable-test-mode-flash {
5358 0% {
5359 background-color: transparent;
5360 }
5361 50% {
5362 background-color: rgba(252, 154, 42, 0.5);
5363 color: white;
5364 }
5365 100% {
5366 background-color: transparent;
5367 }
5368 }
5369 /* Apply flash animation to test mode checkbox row */
5370 tr.charitable-settings-field.charitable-test-mode-checkbox.charitable-test-mode-flash {
5371 animation: charitable-test-mode-flash 2s ease-in-out;
5372 }
5373
5374 /* Global Upgrade CTA Styles */
5375 .charitable-global-upgrade-cta {
5376 width: fit-content;
5377 margin-left: auto;
5378 margin-right: auto;
5379 padding: 20px 80px;
5380 background: white;
5381 }
5382 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-title {
5383 font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
5384 font-weight: 700;
5385 font-style: normal;
5386 font-size: 20px;
5387 line-height: 33px;
5388 letter-spacing: 0.01em;
5389 text-align: center;
5390 color: rgba(25, 29, 45, 0.8);
5391 margin: 0;
5392 padding-top: 10px;
5393 }
5394 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-features {
5395 display: flex;
5396 gap: 10px 10px;
5397 margin: 30px auto;
5398 max-width: 530px;
5399 justify-content: center;
5400 }
5401 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-features .charitable-dashboard-v2-upgrade-column {
5402 flex: 1;
5403 max-width: 300px;
5404 display: flex;
5405 flex-direction: column;
5406 gap: 20px;
5407 }
5408 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-features .charitable-dashboard-v2-upgrade-feature {
5409 display: flex;
5410 align-items: flex-start;
5411 gap: 12px;
5412 }
5413 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-features .charitable-dashboard-v2-upgrade-feature .charitable-dashboard-v2-upgrade-checkmark {
5414 width: 18px;
5415 height: 18px;
5416 flex-shrink: 0;
5417 margin-top: 2px;
5418 }
5419 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-features .charitable-dashboard-v2-upgrade-feature .charitable-dashboard-v2-upgrade-feature-text {
5420 font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
5421 font-weight: 500;
5422 font-size: 14px;
5423 line-height: 150%;
5424 letter-spacing: 0px;
5425 color: rgba(25, 29, 45, 0.8);
5426 margin: 0;
5427 }
5428 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-actions {
5429 display: flex;
5430 flex-direction: column;
5431 align-items: center;
5432 gap: 20px;
5433 margin-top: 30px;
5434 padding-bottom: 20px;
5435 }
5436 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-actions .charitable-dashboard-v2-upgrade-button {
5437 background: rgb(218, 144, 33);
5438 border: none;
5439 border-radius: 4px;
5440 padding: 22px 42px;
5441 font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
5442 font-weight: 600;
5443 font-size: 19px;
5444 line-height: 100%;
5445 letter-spacing: 0px;
5446 color: white;
5447 cursor: pointer;
5448 transition: background 0.2s ease;
5449 text-decoration: none;
5450 }
5451 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-actions .charitable-dashboard-v2-upgrade-button:hover {
5452 background: rgb(196, 130, 30);
5453 }
5454 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-actions .charitable-dashboard-v2-learn-more-link {
5455 font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
5456 font-weight: 600;
5457 font-size: 14px;
5458 line-height: 150%;
5459 letter-spacing: 0px;
5460 text-align: center;
5461 text-decoration: underline;
5462 color: rgba(25, 29, 45, 0.5);
5463 transition: color 0.2s ease;
5464 }
5465 .charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-actions .charitable-dashboard-v2-learn-more-link:hover {
5466 color: rgba(25, 29, 45, 0.7);
5467 }
5468
5469 /* Reports CTA Specific Styles */
5470 #charitable-reports .charitable-report-table-container .reports-lite-cta {
5471 margin: auto !important;
5472 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
5473 }
5474
5475 /* Payment Gateways tab — 1.8.11: help icons + additional gateways link. */
5476 .charitable-gateway .gateway-logo-name .charitable-gateway-help {
5477 display: inline-block;
5478 vertical-align: middle;
5479 margin-right: 8px;
5480 text-decoration: none;
5481 line-height: 1;
5482 color: #8c8f94;
5483 position: relative;
5484 left: -12px;
5485 }
5486 .charitable-gateway .gateway-logo-name .charitable-gateway-help:hover,
5487 .charitable-gateway .gateway-logo-name .charitable-gateway-help:focus {
5488 color: #2271b1;
5489 text-decoration: none;
5490 }
5491 .charitable-gateway .gateway-logo-name .charitable-gateway-help .dashicons {
5492 font-size: 18px;
5493 width: 18px;
5494 height: 18px;
5495 line-height: 1;
5496 vertical-align: middle;
5497 }
5498 body.charitable-settings-page-gateways .charitable-admin-ui.charitable-admin-ui-field.charitable-admin-ui-toggle {
5499 margin-top: 5px;
5500 align-items: baseline;
5501 }
5502 .charitable-settings-page-gateways .charitable-gateways-additional-link {
5503 margin-top: 30px !important;
5504 margin-bottom: 0 !important;
5505 }
5506 .charitable-settings-page-gateways .charitable-settings-object {
5507 max-width: 925px;
5508 }
5509 body.charitable_page_charitable-settings tr.charitable-test-mode-checkbox > th[scope="row"],
5510 body.charitable-settings-page-gateways tr.charitable-test-mode-checkbox > th[scope="row"] {
5511 min-width: 200px !important;
5512 }
5513 body.charitable_page_charitable-settings .charitable-settings-field.charitable-test-mode-checkbox,
5514 body.charitable-settings-page-gateways .charitable-settings-field.charitable-test-mode-checkbox {
5515 align-items: baseline !important;
5516 padding-left: 0 !important;
5517 }
5518 body.charitable_page_charitable-settings .charitable-settings-field.charitable-test-mode-checkbox h4,
5519 body.charitable-settings-page-gateways .charitable-settings-field.charitable-test-mode-checkbox h4 {
5520 width: 180px !important;
5521 padding-right: 20px !important;
5522 }
5523
5524 /* Marketing sub-tab navigation (Newsletters, Conversion Tracking, Google Analytics).
5525 1.8.11.3 */
5526 body.charitable_page_charitable-settings h3.nav-sub-tab-wrapper {
5527 font-family: "Inter", sans-serif;
5528 margin: 10px 0 40px;
5529 padding: 0;
5530 border-bottom: none;
5531 font-size: 14px;
5532 font-weight: 400;
5533 display: flex;
5534 flex-wrap: wrap;
5535 align-items: center;
5536 }
5537 body.charitable_page_charitable-settings h3.nav-sub-tab-wrapper a.nav-tab {
5538 color: #2F3241;
5539 font-weight: 400;
5540 border: none;
5541 background: transparent;
5542 padding: 6px 12px;
5543 margin: 0 8px 0 0;
5544 }
5545 body.charitable_page_charitable-settings h3.nav-sub-tab-wrapper a.nav-tab.nav-tab-active {
5546 color: #2F3241;
5547 font-weight: 600;
5548 border-bottom: 2px solid #5AA152;
5549 }
5550 body.charitable_page_charitable-settings h3.nav-sub-tab-wrapper a.nav-tab:hover {
5551 color: #2F3241;
5552 }
5553 /* Video embed used in Marketing → Conversion Tracking education CTA. Renders
5554 a responsive 16:9 iframe (max-width 720px) with a centered caption link. */
5555 .charitable-education-page .charitable-education-page-video {
5556 margin: 35px 0;
5557 }
5558 .charitable-education-page .charitable-education-page-video figure {
5559 margin: 0 auto;
5560 max-width: 720px;
5561 }
5562 .charitable-education-page .charitable-education-page-video-embed {
5563 position: relative;
5564 width: 100%;
5565 padding-top: 56.25%;
5566 background-color: #000;
5567 border-radius: 3px;
5568 overflow: hidden;
5569 box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px 0px;
5570 }
5571 .charitable-education-page .charitable-education-page-video-embed iframe {
5572 position: absolute;
5573 inset: 0;
5574 width: 100%;
5575 height: 100%;
5576 border: 0;
5577 }
5578 .charitable-education-page .charitable-education-page-video figcaption {
5579 font-style: normal;
5580 font-weight: 400;
5581 font-size: 14px;
5582 line-height: 17px;
5583 text-align: center;
5584 margin-top: 10px;
5585 max-width: 720px;
5586 }
5587 .charitable-education-page .charitable-education-page-video figcaption a {
5588 color: #5AA152;
5589 text-decoration: none;
5590 }
5591 .charitable-education-page .charitable-education-page-video figcaption a:hover {
5592 text-decoration: underline;
5593 }
5594 /* Inline Pro badge used in Marketing sub-tab labels. Matches the existing
5595 ::after badge style applied to top-level Marketing/Donors tabs. */
5596 .charitable-pro-badge {
5597 display: inline-block;
5598 background-color: #F99E36;
5599 padding: 3px 7px;
5600 font-size: 11px;
5601 line-height: 11px;
5602 text-transform: uppercase;
5603 color: #fff;
5604 font-weight: 600;
5605 margin-left: 5px;
5606 position: relative;
5607 top: -1px;
5608 border-radius: 2px;
5609 }
5610