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

admin.css in Better Payment – Instant Payments, Donations, Fundraising with Subscriptions & More 2.1.1, at assets/css/admin.css

736 lines 20.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!***************************************************************************************************************************************************************************************************************!*\
2 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].use[3]!./src/css/admin.scss ***!
3 \***************************************************************************************************************************************************************************************************************/
4 .swal2-popup {
5 width: 50em;
6 font-size: 0.8em;
7 }
8
9 .swal2-title {
10 font-size: 2.25em;
11 }
12
13 .swal2-content {
14 font-size: 1.75em;
15 }
16
17 .swal2-styled.swal2-confirm, .swal2-styled.swal2-cancel {
18 font-size: 1.5em;
19 }
20
21 /* Notice : Starts */
22 .better-payment.notice.notice-info {
23 border-left-color: #6e58f7;
24 }
25
26 .wpnotice-content-wrapper .button {
27 text-transform: capitalize;
28 }
29
30 .wpdeveloper-review-notice {
31 padding: 10px;
32 background-color: #fff;
33 border-radius: 3px;
34 margin: 15px;
35 border-left: 4px solid transparent;
36 display: -webkit-box;
37 display: -ms-flexbox;
38 display: flex;
39 -webkit-box-align: center;
40 -ms-flex-align: center;
41 align-items: center;
42 }
43
44 .wpdeveloper-review-notice:after {
45 content: "";
46 display: table;
47 clear: both;
48 }
49
50 .wpdeveloper-notice-thumbnail {
51 width: 90px;
52 float: left;
53 padding: 5px;
54 text-align: center;
55 border-right: 4px solid transparent;
56 }
57
58 .wpdeveloper-notice-thumbnail img {
59 width: 72px;
60 opacity: 0.85;
61 -webkit-transition: all 0.3s;
62 -o-transition: all 0.3s;
63 transition: all 0.3s;
64 }
65
66 .wpdeveloper-notice-thumbnail img:hover {
67 opacity: 1;
68 }
69
70 .wpdeveloper-update-notice .wpdeveloper-notice-thumbnail img,
71 .wpdeveloper-update_400k-notice .wpdeveloper-notice-thumbnail img {
72 width: 32px;
73 }
74
75 .wpdeveloper-update-notice .wpdeveloper-notice-thumbnail,
76 .wpdeveloper-update_400k-notice .wpdeveloper-notice-thumbnail {
77 width: auto;
78 padding: 7px;
79 }
80
81 .wpdeveloper-update-notice .wpdeveloper-notice-message,
82 .wpdeveloper-update_400k-notice .wpdeveloper-notice-message {
83 padding: 5px 0;
84 }
85
86 .wpdeveloper-update-notice,
87 .wpdeveloper-update_400k-notice {
88 border-color: #6648fe;
89 padding: 0;
90 }
91
92 a.ea-notice-cta {
93 background-color: #4d18ff;
94 background: linear-gradient(-30deg, #4d18ff, #9a7cff);
95 margin-top: 30px;
96 color: #fff;
97 padding: 8px 20px;
98 outline: none;
99 text-decoration: none;
100 border-radius: 3px;
101 margin-left: 10px;
102 transition: all 0.3s ease;
103 }
104
105 a.ea-notice-cta:hover {
106 opacity: 0.85;
107 }
108
109 span.coupon-code {
110 background: #ebebeb;
111 padding: 5px 10px;
112 letter-spacing: 0.035em;
113 }
114
115 .eael-review-text {
116 overflow: hidden;
117 }
118
119 .eael-review-text h3 {
120 font-size: 24px;
121 margin: 0 0 5px;
122 font-weight: 400;
123 line-height: 1.3;
124 }
125
126 .eael-review-text p {
127 font-size: 13px;
128 margin: 0 0 5px;
129 }
130
131 .wpdeveloper-notice-link {
132 margin: 8px 0 0 0;
133 padding: 0;
134 }
135
136 .wpdeveloper-notice-link li {
137 display: inline-block;
138 margin-right: 15px;
139 }
140
141 .wpdeveloper-notice-link li a {
142 display: inline-block;
143 color: #10738b;
144 text-decoration: none;
145 padding-left: 26px;
146 position: relative;
147 }
148
149 .wpdeveloper-notice-link li a span {
150 position: absolute;
151 left: 0;
152 top: -2px;
153 }
154
155 .wpdeveloper-notice-message {
156 padding: 10px 0;
157 }
158
159 .wpdeveloper-upsale-notice .wpdeveloper-notice-message {
160 display: -webkit-box;
161 display: -ms-flexbox;
162 display: flex;
163 -webkit-box-align: center;
164 -ms-flex-align: center;
165 align-items: center;
166 padding: 10px 0;
167 }
168
169 .wpdeveloper-upsale-notice .wpdeveloper-notice-message + .notice-dismiss {
170 top: 10px;
171 }
172
173 .wpdeveloper-upsale-notice #plugin-install-core {
174 margin-left: 10px;
175 }
176
177 .notice.notice-has-thumbnail {
178 padding-left: 0;
179 }
180
181 .wpdeveloper-upsale-notice {
182 display: -webkit-box;
183 display: -ms-flexbox;
184 display: flex;
185 }
186
187 .wpdeveloper-upsale-notice .wpdeveloper-notice-thumbnail {
188 padding: 10px;
189 width: 40px;
190 }
191
192 .wpdeveloper-upsale-notice .wpdeveloper-notice-thumbnail img {
193 width: 32px;
194 }
195
196 .toplevel_page_eael-settings .wp-menu-image img {
197 max-width: 20px;
198 padding-top: 8px !important;
199 }
200
201 .wpdeveloper-upsale-notice .wpdeveloper-notice-message .button {
202 margin-left: 15px;
203 }
204
205 .eael-menu-notice {
206 background: red;
207 position: absolute;
208 bottom: 24px;
209 right: 0px;
210 display: inline-block;
211 vertical-align: top;
212 box-sizing: border-box;
213 margin: 1px 0 -1px 2px;
214 padding: 0 5px;
215 min-width: 18px;
216 height: 18px;
217 border-radius: 9px;
218 background-color: #D63638;
219 color: #fff;
220 font-size: 11px;
221 line-height: 1.6;
222 text-align: center;
223 z-index: 26;
224 display: none;
225 }
226
227 /*
228 * Halloween Notice css
229 */
230 #wpnotice-better-payment-review {
231 padding: 15px;
232 }
233
234 .better-payment.notice .wpnotice-thumbnail-wrapper {
235 margin-right: 15px;
236 display: flex;
237 align-items: center;
238 max-width: 180px;
239 }
240 .better-payment.notice .wpnotice-content-wrapper {
241 font-size: 14px;
242 }
243 .better-payment.notice .wpnotice-content-wrapper p {
244 margin-bottom: 10px;
245 }
246 .better-payment.notice .wpnotice-content-wrapper a {
247 display: flex;
248 align-items: center;
249 }
250
251 #wpnotice-better-payment-review a {
252 text-decoration: none;
253 }
254
255 /* Holiday Notice */
256 #wpnotice-better-payment-holiday_notice {
257 border-left: 1px solid #c3c4c7;
258 padding: 10px 40px 10px 20px;
259 gap: 30px !important;
260 }
261
262 #wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button > a.button-primary,
263 #wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button > a.button-primary:focus,
264 #wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button > a.button-primary:hover {
265 background-color: #5626E7;
266 border-color: #5626E7;
267 }
268
269 #wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button {
270 display: flex;
271 align-items: center;
272 justify-content: start;
273 }
274
275 #wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button .bp-notice-action-dismiss {
276 color: #5626E7;
277 font-size: 14px;
278 }
279
280 #wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper {
281 display: flex;
282 align-items: center;
283 justify-content: space-between;
284 width: 100%;
285 }
286
287 #wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper {
288 align-items: start;
289 flex-direction: column;
290 gap: 5px;
291 }
292
293 #wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper p {
294 font-size: 15px;
295 margin: 0;
296 }
297
298 .notice-better-payment-holiday_notice.is-dismissible .wpnotice-thumbnail-wrapper img {
299 width: auto !important;
300 max-width: 160px !important;
301 padding-left: 12px;
302 }
303
304 @media screen and (max-width: 574px) {
305 #wpnotice-better-payment-holiday_notice {
306 display: none !important;
307 }
308 }
309 /* Notice : Ends */
310 /* Dashboard Settings Page : Starts */
311 .better-payment .bp-tabs .tab__content {
312 display: block !important;
313 }
314
315 /* Dashboard Settings Page : Ends */
316 /* Transaction Page : Starts */
317 .better-payment .fix-style.button.bp-select-custom-button {
318 background: #fff;
319 border: 1px solid #CFD7E7 !important;
320 color: #9095A2;
321 font-weight: normal !important;
322 width: 100%;
323 }
324
325 .better-payment .fix-style.button.bp-select-custom-button:hover {
326 border: 1px solid #735EF8 !important;
327 color: #735EF8;
328 }
329
330 .better-payment .fix-style.button.bp-select-custom-button:hover svg path {
331 fill: #735EF8;
332 }
333
334 .better-payment .fix-style.button.bp-select-custom-button::before,
335 .better-payment .fix-style.button.bp-select-custom-button::after {
336 background: unset;
337 }
338
339 .better-payment .bp-select-custom-button-wrap .checkbox input {
340 border: 1px solid #C0C3D3;
341 border-radius: 3px;
342 min-width: 15px;
343 height: 15px;
344 }
345
346 .better-payment .bp-select-custom-button-wrap {
347 position: relative;
348 }
349
350 .better-payment .bp-select-custom-button-dropdown .checkbox input:checked::before {
351 height: 20px;
352 width: 20px;
353 }
354
355 .better-payment .bp-select-custom-button-dropdown {
356 position: absolute;
357 right: 0;
358 /* left: -30%; */
359 left: 0;
360 }
361
362 .better-payment .email-recipient-field {
363 margin-bottom: 10px;
364 }
365
366 .better-payment .email-recipient-field-note {
367 color: #666;
368 }
369
370 .better-payment .single-transaction-view.bp-left-arrow-lite:before {
371 color: #597dfc;
372 }
373
374 .better-payment .page__title span a:hover .single-transaction-view.bp-left-arrow-lite:before {
375 color: #fff;
376 }
377
378 .better-payment .page__title span a.single-transaction-view-back-btn:before {
379 background: rgba(89, 125, 252, 0.1);
380 }
381
382 .better-payment .page__title span a.single-transaction-view-back-btn {
383 border: none;
384 background: rgba(89, 125, 252, 0.1);
385 border-radius: 5px;
386 }
387
388 .better-payment .better-payment-transaction-export {
389 padding: 20px 30px;
390 border: 0;
391 margin-left: 10px;
392 }
393
394 .better-payment .better-payment-transaction-reset {
395 margin-left: 20px;
396 padding: 20px 30px;
397 border: none;
398 }
399 .better-payment .better-payment-transaction-import-button.button {
400 margin-left: 10px;
401 padding: 0 20px;
402 height: 40px;
403 }
404 .better-payment .better-payment-transaction-import-wrap .file-cta,
405 .better-payment .better-payment-transaction-import-wrap .file-name {
406 height: 3em;
407 display: flex;
408 }
409 .better-payment .transaction-table-wrapper .col__name p {
410 display: flex;
411 align-items: center;
412 gap: 5px;
413 }
414 .better-payment .transaction-table-wrapper .imported-icon {
415 font-size: 15px;
416 }
417 .better-payment .transaction-table-wrapper .col__source img {
418 max-width: 100px;
419 }
420 .better-payment .font-bold {
421 font-weight: bold;
422 }
423
424 /* Transaction Page : Ends */
425 /* Transaction Details Page : Starts */
426 .better-payment .transaction__info__wrap .source img {
427 max-width: 100px;
428 }
429
430 .better-payment .payment__info .paid_via_selected img {
431 max-width: 100px;
432 }
433
434 /* Transaction Details Page : Ends */
435 @media only screen and (max-width: 767px) {
436 .notice-better-payment-halloween_notice,
437 .notice-better-payment-black_friday_notice {
438 display: none !important;
439 }
440 }
441 /* YouTube Video Modal : Starts */
442 .better-payment .bp-youtube-video-modal .modal-content {
443 max-width: 90vw;
444 max-height: 90vh;
445 }
446 @media screen and (min-width: 769px) {
447 .better-payment .bp-youtube-video-modal .modal-content {
448 max-width: 800px;
449 max-height: 600px;
450 }
451 }
452 @media screen and (min-width: 1024px) {
453 .better-payment .bp-youtube-video-modal .modal-content {
454 max-width: 1000px;
455 max-height: 700px;
456 }
457 }
458 .better-payment .bp-youtube-video-modal .box {
459 padding: 0;
460 position: relative;
461 background: #000;
462 border-radius: 8px;
463 overflow: hidden;
464 }
465 .better-payment .bp-youtube-video-modal .modal-close {
466 position: absolute;
467 top: 10px;
468 right: 10px;
469 z-index: 50;
470 background: rgba(0, 0, 0, 0.7);
471 border-radius: 50%;
472 width: 32px;
473 height: 32px;
474 }
475 .better-payment .bp-youtube-video-modal .modal-close:hover {
476 background: rgba(0, 0, 0, 0.9);
477 }
478 .better-payment .bp-youtube-video-modal .modal-close::before, .better-payment .bp-youtube-video-modal .modal-close::after {
479 background-color: #fff;
480 }
481 .better-payment .bp-youtube-video-modal .video-container {
482 position: relative;
483 width: 100%;
484 height: 0;
485 padding-bottom: 56.25%; /* 16:9 aspect ratio */
486 }
487 .better-payment .bp-youtube-video-modal .video-container iframe {
488 position: absolute;
489 top: 0;
490 left: 0;
491 width: 100%;
492 height: 100%;
493 border: none;
494 }
495
496 /* Enhance play icon hover effect */
497 .better-payment .play-icon-wrap {
498 cursor: pointer;
499 transition: all 0.3s ease;
500 }
501 .better-payment .play-icon-wrap:hover {
502 transform: translate(-50%, -35%) scale(1.1);
503 }
504 .better-payment .play-icon-wrap:hover .play-icon {
505 box-shadow: 0px 15px 20px 0px rgba(108, 59, 255, 0.3019607843);
506 }
507
508 /* YouTube Video Modal : Ends */
509 /*
510 * Black Friday Notice css 2025
511 */
512 #wpnotice-better-payment-black_friday_notice1 {
513 border-left-color: #9A8AFB;
514 padding: 10px 40px 14px 20px;
515 }
516
517 #wpnotice-better-payment-black_friday_notice1 .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary,
518 #wpnotice-better-payment-black_friday_notice1 .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:focus,
519 #wpnotice-better-payment-black_friday_notice1 .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:hover {
520 background-color: #3B4045;
521 color: #fff;
522 box-shadow: 0px 1px 0px 0px #000000;
523 border: none;
524 border-radius: 6px;
525 padding: 2px 16px;
526 }
527
528 #wpnotice-better-payment-black_friday_notice1 .wpnotice-content-wrapper .wpsp-notice-action-button .wpsp-notice-action-dismiss {
529 background: none;
530 border: none;
531 color: #424242;
532 font-size: 14px;
533 font-weight: 400;
534 line-height: 1.5;
535 text-decoration: underline;
536 cursor: pointer;
537 padding: 0;
538 margin: 0;
539 display: inline-block;
540 margin-left: 5px;
541 }
542
543 #wpnotice-better-payment-black_friday_notice1 .wpnotice-content-wrapper {
544 display: flex;
545 align-items: start;
546 justify-content: space-between;
547 width: 100%;
548 flex-direction: column;
549 }
550
551 #wpnotice-better-payment-black_friday_notice1 .wpnotice-content-wrapper p {
552 font-size: 15px;
553 margin-top: 0;
554 padding-top: 0;
555 }
556
557 @media only screen and (max-width: 767px) {
558 #wpnotice-better-payment-black_friday_notice1 {
559 display: none !important;
560 }
561 }
562 /*
563 * February Offer Notice css 2026
564 */
565 #wpnotice-better-payment-bp_february_notice {
566 border-left-color: #6f58f7;
567 padding: 10px 40px 14px 20px;
568 }
569
570 #wpnotice-better-payment-bp_february_notice .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary,
571 #wpnotice-better-payment-bp_february_notice .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:focus,
572 #wpnotice-better-payment-bp_february_notice .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:hover {
573 background-color: #5626E7;
574 color: #fff;
575 box-shadow: 0px 1px 0px 0px #000000;
576 border: none;
577 border-radius: 6px;
578 padding: 2px 16px;
579 font-size: 14px;
580 }
581
582 #wpnotice-better-payment-bp_february_notice .wpnotice-content-wrapper .wpsp-notice-action-button .wpsp-notice-action-dismiss {
583 background: none;
584 border: none;
585 color: #424242;
586 font-size: 14px;
587 font-weight: 400;
588 line-height: 1.5;
589 text-decoration: underline;
590 cursor: pointer;
591 padding: 0;
592 margin: 0;
593 display: inline-block;
594 margin-left: 5px;
595 }
596
597 #wpnotice-better-payment-bp_february_notice .wpnotice-content-wrapper {
598 display: flex;
599 align-items: start;
600 justify-content: space-between;
601 width: 100%;
602 flex-direction: column;
603 font-weight: 400;
604 }
605
606 #wpnotice-better-payment-bp_february_notice .wpnotice-content-wrapper p {
607 font-size: 14px;
608 margin-top: 0;
609 padding-top: 0;
610 text-transform: capitalize;
611 }
612
613 #wpnotice-better-payment-bp_february_notice .notice-dismiss:before {
614 content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfaV8xODFfMzM3NjYpIj4KPHBhdGggZD0iTTEwLjAwMDEgOS4wNDc3MkwxMy4zMzM0IDUuNzE0MzZMMTQuMjg1OCA2LjY2Njc0TDEwLjk1MjQgMTAuMDAwMUwxNC4yODU4IDEzLjMzMzRMMTMuMzMzNCAxNC4yODU4TDEwLjAwMDEgMTAuOTUyNUw2LjY2Njc0IDE0LjI4NThMNS43MTQzNiAxMy4zMzM0TDkuMDQ3NjkgMTAuMDAwMUw1LjcxNDM2IDYuNjY2NzRMNi42NjY3NCA1LjcxNDM2TDEwLjAwMDEgOS4wNDc3MloiIGZpbGw9IiMxNzE3MTciLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9pXzE4MV8zMzc2NiIgeD0iMCIgeT0iMCIgd2lkdGg9IjIwLjcxNDMiIGhlaWdodD0iMjAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeD0iMC43MTQyODYiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC43MTQyODYiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMC4wOCAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QxX2lubmVyU2hhZG93XzE4MV8zMzc2NiIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K");
615 }
616
617 @media only screen and (max-width: 767px) {
618 #wpnotice-better-payment-bp_february_notice {
619 display: none !important;
620 }
621 }
622 /*
623 * Hloiday Notice css 2025
624 */
625 #wpnotice-better-payment-bp_holiday_notice {
626 border-left-color: #9A8AFB;
627 padding: 10px 40px 14px 20px;
628 }
629
630 #wpnotice-better-payment-bp_holiday_notice .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary,
631 #wpnotice-better-payment-bp_holiday_notice .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:focus,
632 #wpnotice-better-payment-bp_holiday_notice .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:hover {
633 background-color: #2B65D9;
634 color: #fff;
635 box-shadow: 0px 1px 0px 0px #000000;
636 border: none;
637 border-radius: 6px;
638 padding: 2px 16px;
639 }
640
641 #wpnotice-better-payment-bp_holiday_notice .wpnotice-content-wrapper .wpsp-notice-action-button .wpsp-notice-action-dismiss {
642 background: none;
643 border: none;
644 color: #2B65D9;
645 font-size: 14px;
646 font-weight: 400;
647 line-height: 1.5;
648 text-decoration: underline;
649 cursor: pointer;
650 padding: 0;
651 margin: 0;
652 display: inline-block;
653 margin-left: 5px;
654 }
655
656 #wpnotice-better-payment-bp_holiday_notice .wpnotice-content-wrapper {
657 display: flex;
658 align-items: start;
659 justify-content: space-between;
660 width: 100%;
661 flex-direction: column;
662 }
663
664 #wpnotice-better-payment-bp_holiday_notice .wpnotice-content-wrapper p {
665 font-size: 15px;
666 margin-top: 0;
667 padding-top: 0;
668 text-transform: capitalize;
669 }
670
671 @media only screen and (max-width: 767px) {
672 #wpnotice-better-payment-bp_holiday_notice {
673 display: none !important;
674 }
675 }
676 /*
677 * Spring Offer Notice css 2026
678 */
679 #wpnotice-better-payment-bp_spring_notice {
680 border-left-color: #5252DC;
681 padding: 10px 40px 14px 20px;
682 }
683
684 #wpnotice-better-payment-bp_spring_notice .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary,
685 #wpnotice-better-payment-bp_spring_notice .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:focus,
686 #wpnotice-better-payment-bp_spring_notice .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:hover {
687 background-color: #5252DC;
688 color: #fff;
689 border: none;
690 border-radius: 6px;
691 padding: 2px 16px;
692 font-size: 14px;
693 }
694
695 #wpnotice-better-payment-bp_spring_notice .wpnotice-content-wrapper .wpsp-notice-action-button .wpsp-notice-action-dismiss {
696 background: none;
697 border: none;
698 color: #424242;
699 font-size: 14px;
700 font-weight: 400;
701 line-height: 1.5;
702 text-decoration: underline;
703 cursor: pointer;
704 padding: 0;
705 margin: 0;
706 display: inline-block;
707 margin-left: 5px;
708 }
709
710 #wpnotice-better-payment-bp_spring_notice .wpnotice-content-wrapper {
711 display: flex;
712 align-items: start;
713 justify-content: space-between;
714 width: 100%;
715 flex-direction: column;
716 font-weight: 400;
717 }
718
719 #wpnotice-better-payment-bp_spring_notice .wpnotice-content-wrapper p {
720 font-size: 14px;
721 margin-top: 0;
722 padding-top: 0;
723 text-transform: capitalize;
724 color: #424242;
725 }
726
727 #wpnotice-better-payment-bp_spring_notice .notice-dismiss:before {
728 content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfaV8xODFfMzM3NjYpIj4KPHBhdGggZD0iTTEwLjAwMDEgOS4wNDc3MkwxMy4zMzM0IDUuNzE0MzZMMTQuMjg1OCA2LjY2Njc0TDEwLjk1MjQgMTAuMDAwMUwxNC4yODU4IDEzLjMzMzRMMTMuMzMzNCAxNC4yODU4TDEwLjAwMDEgMTAuOTUyNUw2LjY2Njc0IDE0LjI4NThMNS43MTQzNiAxMy4zMzM0TDkuMDQ3NjkgMTAuMDAwMUw1LjcxNDM2IDYuNjY2NzRMNi42NjY3NCA1LjcxNDM2TDEwLjAwMDEgOS4wNDc3MloiIGZpbGw9IiMxNzE3MTciLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9pXzE4MV8zMzc2NiIgeD0iMCIgeT0iMCIgd2lkdGg9IjIwLjcxNDMiIGhlaWdodD0iMjAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeD0iMC43MTQyODYiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC43MTQyODYiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMC4wOCAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QxX2lubmVyU2hhZG93XzE4MV8zMzc2NiIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K");
729 }
730
731 @media only screen and (max-width: 767px) {
732 #wpnotice-better-payment-bp_spring_notice {
733 display: none !important;
734 }
735 }
736