PluginProbe ʕ •ᴥ•ʔ
Secure Custom Fields / 6.4.2
Secure Custom Fields v6.4.2
6.9.1 6.9.0 6.8.9 6.8.7 6.8.8 6.8.6 6.8.4 6.8.5 trunk 6.4.0-beta1 6.4.0-beta2 6.4.1 6.4.1-beta3 6.4.1-beta4 6.4.1-beta5 6.4.1-beta6 6.4.1-beta7 6.4.2 6.5.0 6.5.1 6.5.2 6.5.3 6.5.4 6.5.5 6.5.6 6.5.7 6.6.0 6.7.0 6.7.1 6.8.0 6.8.1 6.8.2 6.8.3
secure-custom-fields / assets / build / css / acf-global.css
secure-custom-fields / assets / build / css Last commit date
pro 1 year ago acf-dark.css 1 year ago acf-dark.css.map 1 year ago acf-dark.min.css 1 year ago acf-field-group.css 1 year ago acf-field-group.css.map 1 year ago acf-field-group.min.css 1 year ago acf-global.css 1 year ago acf-global.css.map 1 year ago acf-global.min.css 1 year ago acf-input.css 1 year ago acf-input.css.map 1 year ago acf-input.min.css 1 year ago index.php 1 year ago
acf-global.css
7372 lines
1 /*!******************************************************************************************************************************************************!*\
2 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./assets/src/sass/acf-global.scss ***!
3 \******************************************************************************************************************************************************/
4 @charset "UTF-8";
5 /*--------------------------------------------------------------------------------------------
6 *
7 * Vars
8 *
9 *--------------------------------------------------------------------------------------------*/
10 /* colors */
11 /* acf-field */
12 /* responsive */
13 /*--------------------------------------------------------------------------------------------
14 *
15 * ACF 6 ↓
16 *
17 *--------------------------------------------------------------------------------------------*/
18 /*--------------------------------------------------------------------------------------------
19 *
20 * Mixins
21 *
22 *--------------------------------------------------------------------------------------------*/
23 /*--------------------------------------------------------------------------------------------
24 *
25 * Global
26 *
27 *--------------------------------------------------------------------------------------------*/
28 /* Horizontal List */
29 .acf-hl {
30 padding: 0;
31 margin: 0;
32 list-style: none;
33 display: block;
34 position: relative;
35 }
36
37 .acf-hl > li {
38 float: left;
39 display: block;
40 margin: 0;
41 padding: 0;
42 }
43
44 .acf-hl > li.acf-fr {
45 float: right;
46 }
47
48 /* Horizontal List: Clearfix */
49 .acf-hl:before,
50 .acf-hl:after,
51 .acf-bl:before,
52 .acf-bl:after,
53 .acf-cf:before,
54 .acf-cf:after {
55 content: "";
56 display: block;
57 line-height: 0;
58 }
59
60 .acf-hl:after,
61 .acf-bl:after,
62 .acf-cf:after {
63 clear: both;
64 }
65
66 /* Block List */
67 .acf-bl {
68 padding: 0;
69 margin: 0;
70 list-style: none;
71 display: block;
72 position: relative;
73 }
74
75 .acf-bl > li {
76 display: block;
77 margin: 0;
78 padding: 0;
79 float: none;
80 }
81
82 /* Visibility */
83 .acf-hidden {
84 display: none !important;
85 }
86
87 .acf-empty {
88 display: table-cell !important;
89 }
90
91 .acf-empty * {
92 display: none !important;
93 }
94
95 /* Float */
96 .acf-fl {
97 float: left;
98 }
99
100 .acf-fr {
101 float: right;
102 }
103
104 .acf-fn {
105 float: none;
106 }
107
108 /* Align */
109 .acf-al {
110 text-align: left;
111 }
112
113 .acf-ar {
114 text-align: right;
115 }
116
117 .acf-ac {
118 text-align: center;
119 }
120
121 /* loading */
122 .acf-loading,
123 .acf-spinner {
124 display: inline-block;
125 height: 20px;
126 width: 20px;
127 vertical-align: text-top;
128 background: transparent url(../../images/spinner.gif) no-repeat 50% 50%;
129 }
130
131 /* spinner */
132 .acf-spinner {
133 display: none;
134 }
135
136 .acf-spinner.is-active {
137 display: inline-block;
138 }
139
140 /* WP < 4.2 */
141 .spinner.is-active {
142 display: inline-block;
143 }
144
145 /* required */
146 .acf-required {
147 color: #f00;
148 }
149
150 /* Allow pointer events in reusable blocks */
151 .acf-button,
152 .acf-tab-button {
153 pointer-events: auto !important;
154 }
155
156 /* show on hover */
157 .acf-soh .acf-soh-target {
158 -webkit-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
159 -moz-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
160 -o-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
161 transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
162 visibility: hidden;
163 opacity: 0;
164 }
165
166 .acf-soh:hover .acf-soh-target {
167 -webkit-transition-delay: 0s;
168 -moz-transition-delay: 0s;
169 -o-transition-delay: 0s;
170 transition-delay: 0s;
171 visibility: visible;
172 opacity: 1;
173 }
174
175 /* show if value */
176 .show-if-value {
177 display: none;
178 }
179
180 .hide-if-value {
181 display: block;
182 }
183
184 .has-value .show-if-value {
185 display: block;
186 }
187
188 .has-value .hide-if-value {
189 display: none;
190 }
191
192 /* select2 WP animation fix */
193 .select2-search-choice-close {
194 -webkit-transition: none;
195 -moz-transition: none;
196 -o-transition: none;
197 transition: none;
198 }
199
200 /*---------------------------------------------------------------------------------------------
201 *
202 * tooltip
203 *
204 *---------------------------------------------------------------------------------------------*/
205 /* tooltip */
206 .acf-tooltip {
207 background: #1D2939;
208 border-radius: 6px;
209 color: #D0D5DD;
210 padding-top: 8px;
211 padding-right: 12px;
212 padding-bottom: 10px;
213 padding-left: 12px;
214 position: absolute;
215 z-index: 900000;
216 max-width: 280px;
217 box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
218 /* tip */
219 /* positions */
220 }
221
222 .acf-tooltip:before {
223 border: solid;
224 border-color: transparent;
225 border-width: 6px;
226 content: "";
227 position: absolute;
228 }
229
230 .acf-tooltip.top {
231 margin-top: -8px;
232 }
233
234 .acf-tooltip.top:before {
235 top: 100%;
236 left: 50%;
237 margin-left: -6px;
238 border-top-color: #2f353e;
239 border-bottom-width: 0;
240 }
241
242 .acf-tooltip.right {
243 margin-left: 8px;
244 }
245
246 .acf-tooltip.right:before {
247 top: 50%;
248 margin-top: -6px;
249 right: 100%;
250 border-right-color: #2f353e;
251 border-left-width: 0;
252 }
253
254 .acf-tooltip.bottom {
255 margin-top: 8px;
256 }
257
258 .acf-tooltip.bottom:before {
259 bottom: 100%;
260 left: 50%;
261 margin-left: -6px;
262 border-bottom-color: #2f353e;
263 border-top-width: 0;
264 }
265
266 .acf-tooltip.left {
267 margin-left: -8px;
268 }
269
270 .acf-tooltip.left:before {
271 top: 50%;
272 margin-top: -6px;
273 left: 100%;
274 border-left-color: #2f353e;
275 border-right-width: 0;
276 }
277
278 .acf-tooltip .acf-overlay {
279 z-index: -1;
280 }
281
282 /* confirm */
283 .acf-tooltip.-confirm {
284 z-index: 900001;
285 }
286
287 .acf-tooltip.-confirm a {
288 text-decoration: none;
289 color: #9ea3a8;
290 }
291
292 .acf-tooltip.-confirm a:hover {
293 text-decoration: underline;
294 }
295
296 .acf-tooltip.-confirm a[data-event=confirm] {
297 color: #f55e4f;
298 }
299
300 .acf-overlay {
301 position: fixed;
302 top: 0;
303 bottom: 0;
304 left: 0;
305 right: 0;
306 cursor: default;
307 }
308
309 .acf-tooltip-target {
310 position: relative;
311 z-index: 900002;
312 }
313
314 /*---------------------------------------------------------------------------------------------
315 *
316 * loading
317 *
318 *---------------------------------------------------------------------------------------------*/
319 .acf-loading-overlay {
320 position: absolute;
321 top: 0;
322 bottom: 0;
323 left: 0;
324 right: 0;
325 cursor: default;
326 z-index: 99;
327 background: rgba(249, 249, 249, 0.5);
328 }
329
330 .acf-loading-overlay i {
331 position: absolute;
332 top: 50%;
333 left: 50%;
334 transform: translate(-50%, -50%);
335 }
336
337 /*--------------------------------------------------------------------------------------------
338 *
339 * acf-icon
340 *
341 *--------------------------------------------------------------------------------------------*/
342 .acf-icon {
343 display: inline-block;
344 height: 28px;
345 width: 28px;
346 border: transparent solid 1px;
347 border-radius: 100%;
348 font-size: 20px;
349 line-height: 21px;
350 text-align: center;
351 text-decoration: none;
352 vertical-align: top;
353 box-sizing: border-box;
354 }
355
356 .acf-icon:before {
357 font-family: dashicons;
358 display: inline-block;
359 line-height: 1;
360 font-weight: 400;
361 font-style: normal;
362 speak: none;
363 text-decoration: inherit;
364 text-transform: none;
365 text-rendering: auto;
366 -webkit-font-smoothing: antialiased;
367 -moz-osx-font-smoothing: grayscale;
368 width: 1em;
369 height: 1em;
370 vertical-align: middle;
371 text-align: center;
372 }
373
374 .acf-icon.-plus:before {
375 content: "\f543";
376 }
377
378 .acf-icon.-minus:before {
379 content: "\f460";
380 }
381
382 .acf-icon.-cancel:before {
383 content: "\f335";
384 margin: -1px 0 0 -1px;
385 }
386
387 .acf-icon.-pencil:before {
388 content: "\f464";
389 }
390
391 .acf-icon.-location:before {
392 content: "\f230";
393 }
394
395 .acf-icon.-up:before {
396 content: "\f343";
397 margin-top: -0.1em;
398 }
399
400 .acf-icon.-down:before {
401 content: "\f347";
402 margin-top: 0.1em;
403 }
404
405 .acf-icon.-left:before {
406 content: "\f341";
407 margin-left: -0.1em;
408 }
409
410 .acf-icon.-right:before {
411 content: "\f345";
412 margin-left: 0.1em;
413 }
414
415 .acf-icon.-sync:before {
416 content: "\f463";
417 }
418
419 .acf-icon.-globe:before {
420 content: "\f319";
421 margin-top: 0.1em;
422 margin-left: 0.1em;
423 }
424
425 .acf-icon.-picture:before {
426 content: "\f128";
427 }
428
429 .acf-icon.-check:before {
430 content: "\f147";
431 margin-left: -0.1em;
432 }
433
434 .acf-icon.-dot-3:before {
435 content: "\f533";
436 margin-top: -0.1em;
437 }
438
439 .acf-icon.-arrow-combo:before {
440 content: "\f156";
441 }
442
443 .acf-icon.-arrow-up:before {
444 content: "\f142";
445 margin-left: -0.1em;
446 }
447
448 .acf-icon.-arrow-down:before {
449 content: "\f140";
450 margin-left: -0.1em;
451 }
452
453 .acf-icon.-search:before {
454 content: "\f179";
455 }
456
457 .acf-icon.-link-ext:before {
458 content: "\f504";
459 }
460
461 .acf-icon.-duplicate {
462 position: relative;
463 }
464
465 .acf-icon.-duplicate:before, .acf-icon.-duplicate:after {
466 content: "";
467 display: block;
468 box-sizing: border-box;
469 width: 46%;
470 height: 46%;
471 position: absolute;
472 top: 33%;
473 left: 23%;
474 }
475
476 .acf-icon.-duplicate:before {
477 margin: -1px 0 0 1px;
478 box-shadow: 2px -2px 0px 0px currentColor;
479 }
480
481 .acf-icon.-duplicate:after {
482 border: solid 2px currentColor;
483 }
484
485 .acf-icon.-trash {
486 position: relative;
487 }
488
489 .acf-icon.-trash:before, .acf-icon.-trash:after {
490 content: "";
491 display: block;
492 box-sizing: border-box;
493 width: 46%;
494 height: 46%;
495 position: absolute;
496 top: 33%;
497 left: 23%;
498 }
499
500 .acf-icon.-trash:before {
501 margin: -1px 0 0 1px;
502 box-shadow: 2px -2px 0px 0px currentColor;
503 }
504
505 .acf-icon.-trash:after {
506 border: solid 2px currentColor;
507 }
508
509 .acf-icon.-collapse:before {
510 content: "\f142";
511 margin-left: -0.1em;
512 }
513
514 .-collapsed .acf-icon.-collapse:before {
515 content: "\f140";
516 margin-left: -0.1em;
517 }
518
519 span.acf-icon {
520 color: #555d66;
521 border-color: #b5bcc2;
522 background-color: #fff;
523 }
524
525 a.acf-icon {
526 color: #555d66;
527 border-color: #b5bcc2;
528 background-color: #fff;
529 position: relative;
530 transition: none;
531 cursor: pointer;
532 }
533
534 a.acf-icon:hover {
535 background: #f3f5f6;
536 border-color: #0071a1;
537 color: #0071a1;
538 }
539
540 a.acf-icon.-minus:hover, a.acf-icon.-cancel:hover {
541 background: #f7efef;
542 border-color: #a10000;
543 color: #dc3232;
544 }
545
546 a.acf-icon:active, a.acf-icon:focus {
547 outline: none;
548 box-shadow: none;
549 }
550
551 .acf-icon.-clear {
552 border-color: transparent;
553 background: transparent;
554 color: #444;
555 }
556
557 .acf-icon.light {
558 border-color: transparent;
559 background: #f5f5f5;
560 color: #23282d;
561 }
562
563 .acf-icon.dark {
564 border-color: transparent !important;
565 background: #23282d;
566 color: #eee;
567 }
568
569 a.acf-icon.dark:hover {
570 background: #191e23;
571 color: #00b9eb;
572 }
573
574 a.acf-icon.dark.-minus:hover, a.acf-icon.dark.-cancel:hover {
575 color: #d54e21;
576 }
577
578 .acf-icon.grey {
579 border-color: transparent !important;
580 background: #b4b9be;
581 color: #fff !important;
582 }
583
584 .acf-icon.grey:hover {
585 background: #00a0d2;
586 color: #fff;
587 }
588
589 .acf-icon.grey.-minus:hover, .acf-icon.grey.-cancel:hover {
590 background: #32373c;
591 }
592
593 .acf-icon.small,
594 .acf-icon.-small {
595 width: 20px;
596 height: 20px;
597 line-height: 14px;
598 font-size: 14px;
599 }
600
601 .acf-icon.small.-duplicate:before, .acf-icon.small.-duplicate:after,
602 .acf-icon.-small.-duplicate:before,
603 .acf-icon.-small.-duplicate:after {
604 opacity: 0.8;
605 }
606
607 /*--------------------------------------------------------------------------------------------
608 *
609 * acf-box
610 *
611 *--------------------------------------------------------------------------------------------*/
612 .acf-box {
613 background: #ffffff;
614 border: 1px solid #ccd0d4;
615 position: relative;
616 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
617 /* title */
618 /* footer */
619 }
620
621 .acf-box .title {
622 border-bottom: 1px solid #ccd0d4;
623 margin: 0;
624 padding: 15px;
625 }
626
627 .acf-box .title h3 {
628 display: flex;
629 align-items: center;
630 font-size: 14px;
631 line-height: 1em;
632 margin: 0;
633 padding: 0;
634 }
635
636 .acf-box .inner {
637 padding: 15px;
638 }
639
640 .acf-box h2 {
641 color: #333333;
642 font-size: 26px;
643 line-height: 1.25em;
644 margin: 0.25em 0 0.75em;
645 padding: 0;
646 }
647
648 .acf-box h3 {
649 margin: 1.5em 0 0;
650 }
651
652 .acf-box p {
653 margin-top: 0.5em;
654 }
655
656 .acf-box a {
657 text-decoration: none;
658 }
659
660 .acf-box i.dashicons-external {
661 margin-top: -1px;
662 }
663
664 .acf-box .footer {
665 border-top: 1px solid #ccd0d4;
666 padding: 12px;
667 font-size: 13px;
668 line-height: 1.5;
669 }
670
671 .acf-box .footer p {
672 margin: 0;
673 }
674
675 .acf-admin-3-8 .acf-box {
676 border-color: #E5E5E5;
677 }
678
679 .acf-admin-3-8 .acf-box .title,
680 .acf-admin-3-8 .acf-box .footer {
681 border-color: #E5E5E5;
682 }
683
684 /*--------------------------------------------------------------------------------------------
685 *
686 * acf-notice
687 *
688 *--------------------------------------------------------------------------------------------*/
689 .acf-notice {
690 position: relative;
691 display: block;
692 color: #fff;
693 margin: 5px 0 15px;
694 padding: 3px 12px;
695 background: #2a9bd9;
696 border-left: #1f7db1 solid 3px;
697 }
698
699 .acf-notice p {
700 font-size: 13px;
701 line-height: 1.5;
702 margin: 0.5em 0;
703 text-shadow: none;
704 color: inherit;
705 }
706
707 .acf-notice .acf-notice-dismiss {
708 position: absolute;
709 top: 9px;
710 right: 12px;
711 background: transparent !important;
712 color: inherit !important;
713 border-color: #fff !important;
714 opacity: 0.75;
715 }
716
717 .acf-notice .acf-notice-dismiss:hover {
718 opacity: 1;
719 }
720
721 .acf-notice.-dismiss {
722 padding-right: 40px;
723 }
724
725 .acf-notice.-error {
726 background: #d94f4f;
727 border-color: #c92c2c;
728 }
729
730 .acf-notice.-success {
731 background: #49ad52;
732 border-color: #3a8941;
733 }
734
735 .acf-notice.-warning {
736 background: #fd8d3b;
737 border-color: #fc7009;
738 }
739
740 /*--------------------------------------------------------------------------------------------
741 *
742 * acf-table
743 *
744 *--------------------------------------------------------------------------------------------*/
745 .acf-table {
746 border: #ccd0d4 solid 1px;
747 background: #fff;
748 border-spacing: 0;
749 border-radius: 0;
750 table-layout: auto;
751 padding: 0;
752 margin: 0;
753 width: 100%;
754 clear: both;
755 box-sizing: content-box;
756 /* defaults */
757 /* thead */
758 /* tbody */
759 /* -clear */
760 }
761
762 .acf-table > tbody > tr > th,
763 .acf-table > tbody > tr > td,
764 .acf-table > thead > tr > th,
765 .acf-table > thead > tr > td {
766 padding: 8px;
767 vertical-align: top;
768 background: #fff;
769 text-align: left;
770 border-style: solid;
771 font-weight: normal;
772 }
773
774 .acf-table > tbody > tr > th,
775 .acf-table > thead > tr > th {
776 position: relative;
777 color: #333333;
778 }
779
780 .acf-table > thead > tr > th {
781 border-color: #d5d9dd;
782 border-width: 0 0 1px 1px;
783 }
784
785 .acf-table > thead > tr > th:first-child {
786 border-left-width: 0;
787 }
788
789 .acf-table > tbody > tr {
790 z-index: 1;
791 }
792
793 .acf-table > tbody > tr > td {
794 border-color: #eeeeee;
795 border-width: 1px 0 0 1px;
796 }
797
798 .acf-table > tbody > tr > td:first-child {
799 border-left-width: 0;
800 }
801
802 .acf-table > tbody > tr:first-child > td {
803 border-top-width: 0;
804 }
805
806 .acf-table.-clear {
807 border: 0 none;
808 }
809
810 .acf-table.-clear > tbody > tr > td,
811 .acf-table.-clear > tbody > tr > th,
812 .acf-table.-clear > thead > tr > td,
813 .acf-table.-clear > thead > tr > th {
814 border: 0 none;
815 padding: 4px;
816 }
817
818 /* remove tr */
819 .acf-remove-element {
820 -webkit-transition: all 0.25s ease-out;
821 -moz-transition: all 0.25s ease-out;
822 -o-transition: all 0.25s ease-out;
823 transition: all 0.25s ease-out;
824 transform: translate(50px, 0);
825 opacity: 0;
826 }
827
828 /* fade-up */
829 .acf-fade-up {
830 -webkit-transition: all 0.25s ease-out;
831 -moz-transition: all 0.25s ease-out;
832 -o-transition: all 0.25s ease-out;
833 transition: all 0.25s ease-out;
834 transform: translate(0, -10px);
835 opacity: 0;
836 }
837
838 /*---------------------------------------------------------------------------------------------
839 *
840 * Fake table
841 *
842 *---------------------------------------------------------------------------------------------*/
843 .acf-thead,
844 .acf-tbody,
845 .acf-tfoot {
846 width: 100%;
847 padding: 0;
848 margin: 0;
849 }
850
851 .acf-thead > li,
852 .acf-tbody > li,
853 .acf-tfoot > li {
854 box-sizing: border-box;
855 padding-top: 14px;
856 font-size: 12px;
857 line-height: 14px;
858 }
859
860 .acf-thead {
861 border-bottom: #ccd0d4 solid 1px;
862 color: #23282d;
863 }
864
865 .acf-thead > li {
866 font-size: 14px;
867 line-height: 1.4;
868 font-weight: bold;
869 }
870
871 .acf-admin-3-8 .acf-thead {
872 border-color: #dfdfdf;
873 }
874
875 .acf-tfoot {
876 background: #f5f5f5;
877 border-top: #d5d9dd solid 1px;
878 }
879
880 /*--------------------------------------------------------------------------------------------
881 *
882 * Settings
883 *
884 *--------------------------------------------------------------------------------------------*/
885 .acf-settings-wrap #poststuff {
886 padding-top: 15px;
887 }
888
889 .acf-settings-wrap .acf-box {
890 margin: 20px 0;
891 }
892
893 .acf-settings-wrap table {
894 margin: 0;
895 }
896
897 .acf-settings-wrap table .button {
898 vertical-align: middle;
899 }
900
901 /*--------------------------------------------------------------------------------------------
902 *
903 * acf-popup
904 *
905 *--------------------------------------------------------------------------------------------*/
906 #acf-popup {
907 position: fixed;
908 z-index: 900000;
909 top: 0;
910 left: 0;
911 right: 0;
912 bottom: 0;
913 text-align: center;
914 }
915
916 #acf-popup .bg {
917 position: absolute;
918 top: 0;
919 left: 0;
920 right: 0;
921 bottom: 0;
922 z-index: 0;
923 background: rgba(0, 0, 0, 0.25);
924 }
925
926 #acf-popup:before {
927 content: "";
928 display: inline-block;
929 height: 100%;
930 vertical-align: middle;
931 }
932
933 #acf-popup .acf-popup-box {
934 display: inline-block;
935 vertical-align: middle;
936 z-index: 1;
937 min-width: 300px;
938 min-height: 160px;
939 border-color: #aaaaaa;
940 box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.25);
941 text-align: left;
942 }
943
944 html[dir=rtl] #acf-popup .acf-popup-box {
945 text-align: right;
946 }
947
948 #acf-popup .acf-popup-box .title {
949 min-height: 15px;
950 line-height: 15px;
951 }
952
953 #acf-popup .acf-popup-box .title .acf-icon {
954 position: absolute;
955 top: 10px;
956 right: 10px;
957 }
958
959 html[dir=rtl] #acf-popup .acf-popup-box .title .acf-icon {
960 right: auto;
961 left: 10px;
962 }
963
964 #acf-popup .acf-popup-box .inner {
965 min-height: 50px;
966 padding: 0;
967 margin: 15px;
968 }
969
970 #acf-popup .acf-popup-box .loading {
971 position: absolute;
972 top: 45px;
973 left: 0;
974 right: 0;
975 bottom: 0;
976 z-index: 2;
977 background: rgba(0, 0, 0, 0.1);
978 display: none;
979 }
980
981 #acf-popup .acf-popup-box .loading i {
982 position: absolute;
983 top: 50%;
984 left: 50%;
985 transform: translate(-50%, -50%);
986 }
987
988 .acf-submit {
989 margin-bottom: 0;
990 line-height: 28px;
991 }
992
993 .acf-submit span {
994 float: right;
995 color: #999;
996 }
997
998 .acf-submit span.-error {
999 color: #dd4232;
1000 }
1001
1002 .acf-submit .button {
1003 margin-right: 5px;
1004 }
1005
1006 /*--------------------------------------------------------------------------------------------
1007 *
1008 * upgrade notice
1009 *
1010 *--------------------------------------------------------------------------------------------*/
1011 #acf-upgrade-notice {
1012 position: relative;
1013 background: #fff;
1014 padding: 20px;
1015 }
1016
1017 #acf-upgrade-notice:after {
1018 display: block;
1019 clear: both;
1020 content: "";
1021 }
1022
1023 #acf-upgrade-notice .col-content {
1024 float: left;
1025 width: 55%;
1026 padding-left: 90px;
1027 }
1028
1029 #acf-upgrade-notice .notice-container {
1030 display: flex;
1031 justify-content: space-between;
1032 align-items: flex-start;
1033 align-content: flex-start;
1034 }
1035
1036 #acf-upgrade-notice .col-actions {
1037 float: right;
1038 text-align: center;
1039 }
1040
1041 #acf-upgrade-notice img {
1042 float: left;
1043 width: 64px;
1044 height: 64px;
1045 margin: 0 0 0 -90px;
1046 }
1047
1048 #acf-upgrade-notice h2 {
1049 display: inline-block;
1050 font-size: 16px;
1051 margin: 2px 0 6.5px;
1052 }
1053
1054 #acf-upgrade-notice p {
1055 padding: 0;
1056 margin: 0;
1057 }
1058
1059 #acf-upgrade-notice .button:before {
1060 margin-top: 11px;
1061 }
1062
1063 @media screen and (max-width: 640px) {
1064 #acf-upgrade-notice .col-content,
1065 #acf-upgrade-notice .col-actions {
1066 float: none;
1067 padding-left: 90px;
1068 width: auto;
1069 text-align: left;
1070 }
1071 }
1072 #acf-upgrade-notice:has(.notice-container)::before,
1073 #acf-upgrade-notice:has(.notice-container)::after {
1074 display: none;
1075 }
1076
1077 #acf-upgrade-notice:has(.notice-container) {
1078 padding-left: 20px !important;
1079 }
1080
1081 /*--------------------------------------------------------------------------------------------
1082 *
1083 * Welcome
1084 *
1085 *--------------------------------------------------------------------------------------------*/
1086 .acf-wrap h1 {
1087 margin-top: 0;
1088 padding-top: 20px;
1089 }
1090
1091 .acf-wrap .about-text {
1092 margin-top: 0.5em;
1093 min-height: 50px;
1094 }
1095
1096 .acf-wrap .about-headline-callout {
1097 font-size: 2.4em;
1098 font-weight: 300;
1099 line-height: 1.3;
1100 margin: 1.1em 0 0.2em;
1101 text-align: center;
1102 }
1103
1104 .acf-wrap .feature-section {
1105 padding: 40px 0;
1106 }
1107
1108 .acf-wrap .feature-section h2 {
1109 margin-top: 20px;
1110 }
1111
1112 .acf-wrap .changelog {
1113 list-style: disc;
1114 padding-left: 15px;
1115 }
1116
1117 .acf-wrap .changelog li {
1118 margin: 0 0 0.75em;
1119 }
1120
1121 .acf-wrap .acf-three-col {
1122 display: flex;
1123 flex-wrap: wrap;
1124 justify-content: space-between;
1125 }
1126
1127 .acf-wrap .acf-three-col > div {
1128 flex: 1;
1129 align-self: flex-start;
1130 min-width: 31%;
1131 max-width: 31%;
1132 }
1133
1134 @media screen and (max-width: 880px) {
1135 .acf-wrap .acf-three-col > div {
1136 min-width: 48%;
1137 }
1138 }
1139 @media screen and (max-width: 640px) {
1140 .acf-wrap .acf-three-col > div {
1141 min-width: 100%;
1142 }
1143 }
1144 .acf-wrap .acf-three-col h3 .badge {
1145 display: inline-block;
1146 vertical-align: top;
1147 border-radius: 5px;
1148 background: #fc9700;
1149 color: #fff;
1150 font-weight: normal;
1151 font-size: 12px;
1152 padding: 2px 5px;
1153 }
1154
1155 .acf-wrap .acf-three-col img + h3 {
1156 margin-top: 0.5em;
1157 }
1158
1159 /*--------------------------------------------------------------------------------------------
1160 *
1161 * acf-hl cols
1162 *
1163 *--------------------------------------------------------------------------------------------*/
1164 .acf-hl[data-cols] {
1165 margin-left: -10px;
1166 margin-right: -10px;
1167 }
1168
1169 .acf-hl[data-cols] > li {
1170 padding: 0 6px 0 10px;
1171 -webkit-box-sizing: border-box;
1172 -moz-box-sizing: border-box;
1173 box-sizing: border-box;
1174 }
1175
1176 /* sizes */
1177 .acf-hl[data-cols="2"] > li {
1178 width: 50%;
1179 }
1180
1181 .acf-hl[data-cols="3"] > li {
1182 width: 33.333%;
1183 }
1184
1185 .acf-hl[data-cols="4"] > li {
1186 width: 25%;
1187 }
1188
1189 /* mobile */
1190 @media screen and (max-width: 640px) {
1191 .acf-hl[data-cols] {
1192 flex-wrap: wrap;
1193 justify-content: flex-start;
1194 align-content: flex-start;
1195 align-items: flex-start;
1196 margin-left: 0;
1197 margin-right: 0;
1198 margin-top: -10px;
1199 }
1200 .acf-hl[data-cols] > li {
1201 flex: 1 1 100%;
1202 width: 100% !important;
1203 padding: 10px 0 0;
1204 }
1205 }
1206 /*--------------------------------------------------------------------------------------------
1207 *
1208 * misc
1209 *
1210 *--------------------------------------------------------------------------------------------*/
1211 .acf-actions {
1212 text-align: right;
1213 z-index: 1;
1214 /* hover */
1215 /* rtl */
1216 }
1217
1218 .acf-actions.-hover {
1219 position: absolute;
1220 display: none;
1221 top: 0;
1222 right: 0;
1223 padding: 5px;
1224 z-index: 1050;
1225 }
1226
1227 html[dir=rtl] .acf-actions.-hover {
1228 right: auto;
1229 left: 0;
1230 }
1231
1232 /* ul compatibility */
1233 ul.acf-actions li {
1234 float: right;
1235 margin-left: 4px;
1236 }
1237
1238 /*--------------------------------------------------------------------------------------------
1239 *
1240 * RTL
1241 *
1242 *--------------------------------------------------------------------------------------------*/
1243 html[dir=rtl] .acf-fl {
1244 float: right;
1245 }
1246
1247 html[dir=rtl] .acf-fr {
1248 float: left;
1249 }
1250
1251 html[dir=rtl] .acf-hl > li {
1252 float: right;
1253 }
1254
1255 html[dir=rtl] .acf-hl > li.acf-fr {
1256 float: left;
1257 }
1258
1259 html[dir=rtl] .acf-icon.logo {
1260 left: 0;
1261 right: auto;
1262 }
1263
1264 html[dir=rtl] .acf-table thead th {
1265 text-align: right;
1266 border-right-width: 1px;
1267 border-left-width: 0px;
1268 }
1269
1270 html[dir=rtl] .acf-table > tbody > tr > td {
1271 text-align: right;
1272 border-right-width: 1px;
1273 border-left-width: 0px;
1274 }
1275
1276 html[dir=rtl] .acf-table > thead > tr > th:first-child,
1277 html[dir=rtl] .acf-table > tbody > tr > td:first-child {
1278 border-right-width: 0;
1279 }
1280
1281 html[dir=rtl] .acf-table > tbody > tr > td.order + td {
1282 border-right-color: #e1e1e1;
1283 }
1284
1285 /*---------------------------------------------------------------------------------------------
1286 *
1287 * acf-postbox-columns
1288 *
1289 *---------------------------------------------------------------------------------------------*/
1290 .acf-postbox-columns {
1291 position: relative;
1292 margin-top: -11px;
1293 margin-bottom: -12px;
1294 margin-left: -12px;
1295 margin-right: 268px;
1296 }
1297
1298 .acf-postbox-columns:after {
1299 display: block;
1300 clear: both;
1301 content: "";
1302 }
1303
1304 .acf-postbox-columns .acf-postbox-main,
1305 .acf-postbox-columns .acf-postbox-side {
1306 -webkit-box-sizing: border-box;
1307 -moz-box-sizing: border-box;
1308 box-sizing: border-box;
1309 padding: 0 12px 12px;
1310 }
1311
1312 .acf-postbox-columns .acf-postbox-main {
1313 float: left;
1314 width: 100%;
1315 }
1316
1317 .acf-postbox-columns .acf-postbox-side {
1318 float: right;
1319 width: 280px;
1320 margin-right: -280px;
1321 }
1322
1323 .acf-postbox-columns .acf-postbox-side:before {
1324 content: "";
1325 display: block;
1326 position: absolute;
1327 width: 1px;
1328 height: 100%;
1329 top: 0;
1330 right: 0;
1331 background: #d5d9dd;
1332 }
1333
1334 .acf-admin-3-8 .acf-postbox-columns .acf-postbox-side:before {
1335 background: #dfdfdf;
1336 }
1337
1338 /* mobile */
1339 @media only screen and (max-width: 850px) {
1340 .acf-postbox-columns {
1341 margin: 0;
1342 }
1343 .acf-postbox-columns .acf-postbox-main,
1344 .acf-postbox-columns .acf-postbox-side {
1345 float: none;
1346 width: auto;
1347 margin: 0;
1348 padding: 0;
1349 }
1350 .acf-postbox-columns .acf-postbox-side {
1351 margin-top: 1em;
1352 }
1353 .acf-postbox-columns .acf-postbox-side:before {
1354 display: none;
1355 }
1356 }
1357 /*---------------------------------------------------------------------------------------------
1358 *
1359 * acf-panel
1360 *
1361 *---------------------------------------------------------------------------------------------*/
1362 .acf-panel {
1363 margin-top: -1px;
1364 border-top: 1px solid #d5d9dd;
1365 border-bottom: 1px solid #d5d9dd;
1366 /* open */
1367 /* inside postbox */
1368 /* fields */
1369 }
1370
1371 .acf-panel .acf-panel-title {
1372 margin: 0;
1373 padding: 12px;
1374 font-weight: bold;
1375 cursor: pointer;
1376 font-size: inherit;
1377 }
1378
1379 .acf-panel .acf-panel-title i {
1380 float: right;
1381 }
1382
1383 .acf-panel .acf-panel-inside {
1384 margin: 0;
1385 padding: 0 12px 12px;
1386 display: none;
1387 }
1388
1389 .acf-panel.-open .acf-panel-inside {
1390 display: block;
1391 }
1392
1393 .postbox .acf-panel {
1394 margin-left: -12px;
1395 margin-right: -12px;
1396 }
1397
1398 .acf-panel .acf-field {
1399 margin: 20px 0 0;
1400 }
1401
1402 .acf-panel .acf-field .acf-label label {
1403 color: #555d66;
1404 font-weight: normal;
1405 }
1406
1407 .acf-panel .acf-field:first-child {
1408 margin-top: 0;
1409 }
1410
1411 .acf-admin-3-8 .acf-panel {
1412 border-color: #dfdfdf;
1413 }
1414
1415 /*---------------------------------------------------------------------------------------------
1416 *
1417 * Admin Tools
1418 *
1419 *---------------------------------------------------------------------------------------------*/
1420 #acf-admin-tools .notice {
1421 margin-top: 10px;
1422 }
1423
1424 #acf-admin-tools .acf-meta-box-wrap {
1425 /* acf-fields */
1426 }
1427
1428 #acf-admin-tools .acf-meta-box-wrap .inside {
1429 border-top: none;
1430 }
1431
1432 #acf-admin-tools .acf-meta-box-wrap .acf-fields {
1433 margin-bottom: 24px;
1434 border: none;
1435 background: #fff;
1436 border-radius: 0;
1437 }
1438
1439 #acf-admin-tools .acf-meta-box-wrap .acf-fields .acf-field {
1440 padding: 0;
1441 margin-bottom: 19px;
1442 border-top: none;
1443 }
1444
1445 #acf-admin-tools .acf-meta-box-wrap .acf-fields .acf-label {
1446 margin-bottom: 16px;
1447 }
1448
1449 #acf-admin-tools .acf-meta-box-wrap .acf-fields .acf-input {
1450 padding-top: 16px;
1451 padding-right: 16px;
1452 padding-bottom: 16px;
1453 padding-left: 16px;
1454 border-width: 1px;
1455 border-style: solid;
1456 border-color: #D0D5DD;
1457 border-radius: 6px;
1458 }
1459
1460 #acf-admin-tools .acf-meta-box-wrap .acf-fields.import-cptui {
1461 margin-top: 19px;
1462 }
1463
1464 .acf-meta-box-wrap .postbox {
1465 -webkit-box-sizing: border-box;
1466 -moz-box-sizing: border-box;
1467 box-sizing: border-box;
1468 }
1469
1470 .acf-meta-box-wrap .postbox .inside {
1471 margin-bottom: 0;
1472 }
1473
1474 .acf-meta-box-wrap .postbox .hndle {
1475 font-size: 14px;
1476 padding: 8px 12px;
1477 margin: 0;
1478 line-height: 1.4;
1479 position: relative;
1480 z-index: 1;
1481 cursor: default;
1482 }
1483
1484 .acf-meta-box-wrap .postbox .handlediv,
1485 .acf-meta-box-wrap .postbox .handle-order-higher,
1486 .acf-meta-box-wrap .postbox .handle-order-lower {
1487 display: none;
1488 }
1489
1490 /* grid */
1491 .acf-meta-box-wrap.-grid {
1492 margin-left: 8px;
1493 margin-right: 8px;
1494 }
1495
1496 .acf-meta-box-wrap.-grid .postbox {
1497 float: left;
1498 clear: left;
1499 width: 50%;
1500 margin: 0 0 16px;
1501 }
1502
1503 .acf-meta-box-wrap.-grid .postbox:nth-child(odd) {
1504 margin-left: -8px;
1505 }
1506
1507 .acf-meta-box-wrap.-grid .postbox:nth-child(even) {
1508 float: right;
1509 clear: right;
1510 margin-right: -8px;
1511 }
1512
1513 /* mobile */
1514 @media only screen and (max-width: 850px) {
1515 .acf-meta-box-wrap.-grid {
1516 margin-left: 0;
1517 margin-right: 0;
1518 }
1519 .acf-meta-box-wrap.-grid .postbox {
1520 margin-left: 0 !important;
1521 margin-right: 0 !important;
1522 width: 100%;
1523 }
1524 }
1525 /* export tool */
1526 #acf-admin-tool-export {
1527 /* panel: selection */
1528 }
1529
1530 #acf-admin-tool-export p {
1531 max-width: 800px;
1532 }
1533
1534 #acf-admin-tool-export ul {
1535 display: flex;
1536 flex-wrap: wrap;
1537 width: 100%;
1538 }
1539
1540 #acf-admin-tool-export ul li {
1541 flex: 0 1 33.33%;
1542 }
1543
1544 @media screen and (max-width: 1600px) {
1545 #acf-admin-tool-export ul li {
1546 flex: 0 1 50%;
1547 }
1548 }
1549 @media screen and (max-width: 1200px) {
1550 #acf-admin-tool-export ul li {
1551 flex: 0 1 100%;
1552 }
1553 }
1554 #acf-admin-tool-export .acf-postbox-side ul {
1555 display: block;
1556 }
1557
1558 #acf-admin-tool-export .acf-postbox-side .button {
1559 margin: 0;
1560 width: 100%;
1561 }
1562
1563 #acf-admin-tool-export textarea {
1564 display: block;
1565 width: 100%;
1566 min-height: 500px;
1567 background: #F9FAFB;
1568 border-color: #D0D5DD;
1569 box-shadow: none;
1570 padding: 7px;
1571 border-radius: 6px;
1572 }
1573
1574 #acf-admin-tool-export .acf-panel-selection .acf-label label {
1575 font-weight: bold;
1576 color: #344054;
1577 }
1578
1579 #acf-admin-tool-import ul {
1580 column-width: 200px;
1581 }
1582
1583 .acf-css-tooltip {
1584 position: relative;
1585 }
1586
1587 .acf-css-tooltip:before {
1588 content: attr(aria-label);
1589 display: none;
1590 position: absolute;
1591 z-index: 999;
1592 bottom: 100%;
1593 left: 50%;
1594 transform: translate(-50%, -8px);
1595 background: #191e23;
1596 border-radius: 2px;
1597 padding: 5px 10px;
1598 color: #fff;
1599 font-size: 12px;
1600 line-height: 1.4em;
1601 white-space: pre;
1602 }
1603
1604 .acf-css-tooltip:after {
1605 content: "";
1606 display: none;
1607 position: absolute;
1608 z-index: 998;
1609 bottom: 100%;
1610 left: 50%;
1611 transform: translate(-50%, 4px);
1612 border: solid 6px transparent;
1613 border-top-color: #191e23;
1614 }
1615
1616 .acf-css-tooltip:hover:before, .acf-css-tooltip:hover:after, .acf-css-tooltip:focus:before, .acf-css-tooltip:focus:after {
1617 display: block;
1618 }
1619
1620 .acf-diff .acf-diff-title {
1621 position: absolute;
1622 top: 0;
1623 left: 0;
1624 right: 0;
1625 height: 40px;
1626 padding: 14px 16px;
1627 background: #f3f3f3;
1628 border-bottom: #dddddd solid 1px;
1629 }
1630
1631 .acf-diff .acf-diff-title strong {
1632 font-size: 14px;
1633 display: block;
1634 }
1635
1636 .acf-diff .acf-diff-title .acf-diff-title-left,
1637 .acf-diff .acf-diff-title .acf-diff-title-right {
1638 width: 50%;
1639 float: left;
1640 }
1641
1642 .acf-diff .acf-diff-content {
1643 position: absolute;
1644 top: 70px;
1645 left: 0;
1646 right: 0;
1647 bottom: 0;
1648 overflow: auto;
1649 }
1650
1651 .acf-diff table.diff {
1652 border-spacing: 0;
1653 }
1654
1655 .acf-diff table.diff col.diffsplit.middle {
1656 width: 0;
1657 }
1658
1659 .acf-diff table.diff td,
1660 .acf-diff table.diff th {
1661 padding-top: 0.25em;
1662 padding-bottom: 0.25em;
1663 }
1664
1665 .acf-diff table.diff tr td:nth-child(2) {
1666 width: auto;
1667 }
1668
1669 .acf-diff table.diff td:nth-child(3) {
1670 border-left: #dddddd solid 1px;
1671 }
1672
1673 @media screen and (max-width: 600px) {
1674 .acf-diff .acf-diff-title {
1675 height: 70px;
1676 }
1677 .acf-diff .acf-diff-content {
1678 top: 100px;
1679 }
1680 }
1681 /*---------------------------------------------------------------------------------------------
1682 *
1683 * Modal
1684 *
1685 *---------------------------------------------------------------------------------------------*/
1686 .acf-modal {
1687 position: fixed;
1688 top: 30px;
1689 left: 30px;
1690 right: 30px;
1691 bottom: 30px;
1692 z-index: 160000;
1693 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);
1694 background: #fcfcfc;
1695 }
1696
1697 .acf-modal .acf-modal-title,
1698 .acf-modal .acf-modal-content,
1699 .acf-modal .acf-modal-toolbar {
1700 box-sizing: border-box;
1701 position: absolute;
1702 left: 0;
1703 right: 0;
1704 }
1705
1706 .acf-modal .acf-modal-title {
1707 height: 50px;
1708 top: 0;
1709 border-bottom: 1px solid #ddd;
1710 }
1711
1712 .acf-modal .acf-modal-title h2 {
1713 margin: 0;
1714 padding: 0 16px;
1715 line-height: 50px;
1716 }
1717
1718 .acf-modal .acf-modal-title .acf-modal-close {
1719 position: absolute;
1720 top: 0;
1721 right: 0;
1722 height: 50px;
1723 width: 50px;
1724 border: none;
1725 border-left: 1px solid #ddd;
1726 background: transparent;
1727 cursor: pointer;
1728 color: #666;
1729 }
1730
1731 .acf-modal .acf-modal-title .acf-modal-close:hover {
1732 color: #00a0d2;
1733 }
1734
1735 .acf-modal .acf-modal-content {
1736 top: 50px;
1737 bottom: 60px;
1738 background: #fff;
1739 overflow: auto;
1740 padding: 16px;
1741 }
1742
1743 .acf-modal .acf-modal-feedback {
1744 position: absolute;
1745 top: 50%;
1746 margin: -10px 0;
1747 left: 0;
1748 right: 0;
1749 text-align: center;
1750 opacity: 0.75;
1751 }
1752
1753 .acf-modal .acf-modal-feedback.error {
1754 opacity: 1;
1755 color: #b52727;
1756 }
1757
1758 .acf-modal .acf-modal-toolbar {
1759 height: 60px;
1760 bottom: 0;
1761 padding: 15px 16px;
1762 border-top: 1px solid #ddd;
1763 }
1764
1765 .acf-modal .acf-modal-toolbar .button {
1766 float: right;
1767 }
1768
1769 @media only screen and (max-width: 640px) {
1770 .acf-modal {
1771 top: 0;
1772 left: 0;
1773 right: 0;
1774 bottom: 0;
1775 }
1776 }
1777 .acf-modal-backdrop {
1778 position: fixed;
1779 top: 0;
1780 left: 0;
1781 right: 0;
1782 bottom: 0;
1783 background: #101828;
1784 opacity: 0.8;
1785 z-index: 159900;
1786 }
1787
1788 /*---------------------------------------------------------------------------------------------
1789 *
1790 * Retina
1791 *
1792 *---------------------------------------------------------------------------------------------*/
1793 @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
1794 .acf-loading,
1795 .acf-spinner {
1796 background-image: url(../../images/spinner@2x.gif);
1797 background-size: 20px 20px;
1798 }
1799 }
1800 /*--------------------------------------------------------------------------------------------
1801 *
1802 * Wrap
1803 *
1804 *--------------------------------------------------------------------------------------------*/
1805 .acf-admin-page .wrap {
1806 margin-top: 48px;
1807 margin-right: 32px;
1808 margin-bottom: 0;
1809 margin-left: 12px;
1810 }
1811
1812 @media screen and (max-width: 768px) {
1813 .acf-admin-page .wrap {
1814 margin-right: 8px;
1815 margin-left: 8px;
1816 }
1817 }
1818 .acf-admin-page.rtl .wrap {
1819 margin-right: 12px;
1820 margin-left: 32px;
1821 }
1822
1823 @media screen and (max-width: 768px) {
1824 .acf-admin-page.rtl .wrap {
1825 margin-right: 8px;
1826 margin-left: 8px;
1827 }
1828 }
1829 @media screen and (max-width: 768px) {
1830 .acf-admin-page #wpcontent {
1831 padding-left: 0;
1832 }
1833 }
1834 /*-------------------------------------------------------------------
1835 *
1836 * ACF Admin Page Footer Styles
1837 *
1838 *------------------------------------------------------------------*/
1839 .acf-admin-page #wpfooter {
1840 font-style: italic;
1841 }
1842
1843 /*---------------------------------------------------------------------------------------------
1844 *
1845 * Admin Postbox & ACF Postbox
1846 *
1847 *---------------------------------------------------------------------------------------------*/
1848 .acf-admin-page .postbox,
1849 .acf-admin-page .acf-box {
1850 border: none;
1851 border-radius: 8px;
1852 box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
1853 }
1854
1855 .acf-admin-page .postbox .inside,
1856 .acf-admin-page .acf-box .inside {
1857 padding-top: 24px;
1858 padding-right: 24px;
1859 padding-bottom: 24px;
1860 padding-left: 24px;
1861 }
1862
1863 .acf-admin-page .postbox .acf-postbox-inner,
1864 .acf-admin-page .acf-box .acf-postbox-inner {
1865 margin-top: 0;
1866 margin-right: 0;
1867 margin-bottom: 0;
1868 margin-left: 0;
1869 padding-top: 24px;
1870 padding-right: 0;
1871 padding-bottom: 0;
1872 padding-left: 0;
1873 }
1874
1875 .acf-admin-page .postbox .inner,
1876 .acf-admin-page .postbox .inside,
1877 .acf-admin-page .acf-box .inner,
1878 .acf-admin-page .acf-box .inside {
1879 margin-top: 0 !important;
1880 margin-right: 0 !important;
1881 margin-bottom: 0 !important;
1882 margin-left: 0 !important;
1883 border-top-width: 1px;
1884 border-top-style: solid;
1885 border-top-color: #EAECF0;
1886 }
1887
1888 .acf-admin-page .postbox .postbox-header,
1889 .acf-admin-page .postbox .title,
1890 .acf-admin-page .acf-box .postbox-header,
1891 .acf-admin-page .acf-box .title {
1892 display: flex;
1893 align-items: center;
1894 box-sizing: border-box;
1895 min-height: 64px;
1896 margin-top: 0;
1897 margin-right: 0;
1898 margin-bottom: 0;
1899 margin-left: 0;
1900 padding-top: 0;
1901 padding-right: 24px;
1902 padding-bottom: 0;
1903 padding-left: 24px;
1904 border-bottom-width: 0;
1905 border-bottom-style: none;
1906 }
1907
1908 .acf-admin-page .postbox .postbox-header h2,
1909 .acf-admin-page .postbox .postbox-header h3,
1910 .acf-admin-page .postbox .title h2,
1911 .acf-admin-page .postbox .title h3,
1912 .acf-admin-page .acf-box .postbox-header h2,
1913 .acf-admin-page .acf-box .postbox-header h3,
1914 .acf-admin-page .acf-box .title h2,
1915 .acf-admin-page .acf-box .title h3 {
1916 margin-top: 0;
1917 margin-right: 0;
1918 margin-bottom: 0;
1919 margin-left: 0;
1920 padding-top: 0;
1921 padding-right: 0;
1922 padding-bottom: 0;
1923 padding-left: 0;
1924 color: #344054;
1925 }
1926
1927 .acf-admin-page .postbox .hndle,
1928 .acf-admin-page .acf-box .hndle {
1929 padding-top: 0;
1930 padding-right: 24px;
1931 padding-bottom: 0;
1932 padding-left: 24px;
1933 }
1934
1935 /*---------------------------------------------------------------------------------------------
1936 *
1937 * Custom ACF postbox header
1938 *
1939 *---------------------------------------------------------------------------------------------*/
1940 .acf-postbox-header {
1941 display: flex;
1942 align-items: center;
1943 justify-content: space-between;
1944 box-sizing: border-box;
1945 min-height: 64px;
1946 margin-top: -24px;
1947 margin-right: -24px;
1948 margin-bottom: 0;
1949 margin-left: -24px;
1950 padding-top: 0;
1951 padding-right: 24px;
1952 padding-bottom: 0;
1953 padding-left: 24px;
1954 border-bottom-width: 1px;
1955 border-bottom-style: solid;
1956 border-bottom-color: #EAECF0;
1957 }
1958
1959 .acf-postbox-header h2.acf-postbox-title {
1960 margin-top: 0;
1961 margin-right: 0;
1962 margin-bottom: 0;
1963 margin-left: 0;
1964 padding-top: 0;
1965 padding-right: 24px;
1966 padding-bottom: 0;
1967 padding-left: 0;
1968 color: #344054;
1969 }
1970
1971 .rtl .acf-postbox-header h2.acf-postbox-title {
1972 padding-right: 0;
1973 padding-left: 24px;
1974 }
1975
1976 .acf-postbox-header .acf-icon {
1977 background-color: #98A2B3;
1978 }
1979
1980 /*---------------------------------------------------------------------------------------------
1981 *
1982 * Screen options button & screen meta container
1983 *
1984 *---------------------------------------------------------------------------------------------*/
1985 .acf-admin-page #screen-meta-links {
1986 margin-right: 32px;
1987 }
1988
1989 .acf-admin-page #screen-meta-links .show-settings {
1990 border-color: #D0D5DD;
1991 }
1992
1993 @media screen and (max-width: 768px) {
1994 .acf-admin-page #screen-meta-links {
1995 margin-right: 16px;
1996 margin-bottom: 0;
1997 }
1998 }
1999 .acf-admin-page.rtl #screen-meta-links {
2000 margin-right: 0;
2001 margin-left: 32px;
2002 }
2003
2004 @media screen and (max-width: 768px) {
2005 .acf-admin-page.rtl #screen-meta-links {
2006 margin-right: 0;
2007 margin-left: 16px;
2008 }
2009 }
2010 .acf-admin-page #screen-meta {
2011 border-color: #D0D5DD;
2012 }
2013
2014 /*---------------------------------------------------------------------------------------------
2015 *
2016 * Postbox headings
2017 *
2018 *---------------------------------------------------------------------------------------------*/
2019 .acf-admin-page #poststuff .postbox-header h2,
2020 .acf-admin-page #poststuff .postbox-header h3 {
2021 justify-content: flex-start;
2022 margin-top: 0;
2023 margin-right: 0;
2024 margin-bottom: 0;
2025 margin-left: 0;
2026 padding-top: 0;
2027 padding-right: 0;
2028 padding-bottom: 0;
2029 padding-left: 0;
2030 color: #344054 !important;
2031 }
2032
2033 /*---------------------------------------------------------------------------------------------
2034 *
2035 * Postbox drag state
2036 *
2037 *---------------------------------------------------------------------------------------------*/
2038 .acf-admin-page.is-dragging-metaboxes .metabox-holder .postbox-container .meta-box-sortables {
2039 box-sizing: border-box;
2040 padding: 2px;
2041 outline: none;
2042 background-image: repeating-linear-gradient(0deg, #667085, #667085 5px, transparent 5px, transparent 10px, #667085 10px), repeating-linear-gradient(90deg, #667085, #667085 5px, transparent 5px, transparent 10px, #667085 10px), repeating-linear-gradient(180deg, #667085, #667085 5px, transparent 5px, transparent 10px, #667085 10px), repeating-linear-gradient(270deg, #667085, #667085 5px, transparent 5px, transparent 10px, #667085 10px);
2043 background-size: 1.5px 100%, 100% 1.5px, 1.5px 100%, 100% 1.5px;
2044 background-position: 0 0, 0 0, 100% 0, 0 100%;
2045 background-repeat: no-repeat;
2046 border-radius: 8px;
2047 }
2048
2049 .acf-admin-page .ui-sortable-placeholder {
2050 border: none;
2051 }
2052
2053 /*--------------------------------------------------------------------------------------------
2054 *
2055 * Search summary
2056 *
2057 *--------------------------------------------------------------------------------------------*/
2058 .acf-admin-page .subtitle {
2059 display: inline-flex;
2060 align-items: center;
2061 height: 24px;
2062 margin: 0;
2063 padding-top: 4px;
2064 padding-right: 12px;
2065 padding-bottom: 4px;
2066 padding-left: 12px;
2067 background-color: #EBF5FA;
2068 border-width: 1px;
2069 border-style: solid;
2070 border-color: #A5D2E7;
2071 border-radius: 6px;
2072 }
2073
2074 .acf-admin-page .subtitle strong {
2075 margin-left: 5px;
2076 }
2077
2078 /*--------------------------------------------------------------------------------------------
2079 *
2080 * Action strip
2081 *
2082 *--------------------------------------------------------------------------------------------*/
2083 .acf-actions-strip {
2084 display: flex;
2085 }
2086
2087 .acf-actions-strip .acf-btn {
2088 margin-right: 8px;
2089 }
2090
2091 /*--------------------------------------------------------------------------------------------
2092 *
2093 * Notices
2094 *
2095 *--------------------------------------------------------------------------------------------*/
2096 .acf-admin-page .acf-notice,
2097 .acf-admin-page .notice,
2098 .acf-admin-page #lost-connection-notice {
2099 position: relative;
2100 box-sizing: border-box;
2101 min-height: 48px;
2102 margin-top: 0 !important;
2103 margin-right: 0 !important;
2104 margin-bottom: 16px !important;
2105 margin-left: 0 !important;
2106 padding-top: 13px !important;
2107 padding-right: 16px;
2108 padding-bottom: 12px !important;
2109 padding-left: 50px !important;
2110 background-color: #e7eff9;
2111 border-width: 1px;
2112 border-style: solid;
2113 border-color: #9dbaee;
2114 border-radius: 8px;
2115 box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
2116 color: #344054;
2117 }
2118
2119 .acf-admin-page .acf-notice.update-nag,
2120 .acf-admin-page .notice.update-nag,
2121 .acf-admin-page #lost-connection-notice.update-nag {
2122 display: block;
2123 position: relative;
2124 width: calc(100% - 44px);
2125 margin-top: 48px !important;
2126 margin-right: 44px !important;
2127 margin-bottom: -32px !important;
2128 margin-left: 12px !important;
2129 }
2130
2131 .acf-admin-page .acf-notice .button,
2132 .acf-admin-page .notice .button,
2133 .acf-admin-page #lost-connection-notice .button {
2134 height: auto;
2135 margin-left: 8px;
2136 padding: 0;
2137 border: none;
2138 }
2139
2140 .acf-admin-page .acf-notice > div,
2141 .acf-admin-page .notice > div,
2142 .acf-admin-page #lost-connection-notice > div {
2143 margin-top: 0;
2144 margin-bottom: 0;
2145 }
2146
2147 .acf-admin-page .acf-notice p,
2148 .acf-admin-page .notice p,
2149 .acf-admin-page #lost-connection-notice p {
2150 flex: 1 0 auto;
2151 max-width: 100%;
2152 line-height: 18px;
2153 margin: 0;
2154 padding: 0;
2155 }
2156
2157 .acf-admin-page .acf-notice p.help,
2158 .acf-admin-page .notice p.help,
2159 .acf-admin-page #lost-connection-notice p.help {
2160 margin-top: 0;
2161 padding-top: 0;
2162 color: rgba(52, 64, 84, 0.7);
2163 }
2164
2165 .acf-admin-page .acf-notice .acf-notice-dismiss,
2166 .acf-admin-page .acf-notice .notice-dismiss,
2167 .acf-admin-page .notice .acf-notice-dismiss,
2168 .acf-admin-page .notice .notice-dismiss,
2169 .acf-admin-page #lost-connection-notice .acf-notice-dismiss,
2170 .acf-admin-page #lost-connection-notice .notice-dismiss {
2171 position: absolute;
2172 top: 4px;
2173 right: 8px;
2174 padding: 9px;
2175 border: none;
2176 }
2177
2178 .acf-admin-page .acf-notice .acf-notice-dismiss:before,
2179 .acf-admin-page .acf-notice .notice-dismiss:before,
2180 .acf-admin-page .notice .acf-notice-dismiss:before,
2181 .acf-admin-page .notice .notice-dismiss:before,
2182 .acf-admin-page #lost-connection-notice .acf-notice-dismiss:before,
2183 .acf-admin-page #lost-connection-notice .notice-dismiss:before {
2184 content: "";
2185 display: block;
2186 position: relative;
2187 z-index: 600;
2188 width: 20px;
2189 height: 20px;
2190 background-color: #667085;
2191 border: none;
2192 border-radius: 0;
2193 -webkit-mask-size: contain;
2194 mask-size: contain;
2195 -webkit-mask-repeat: no-repeat;
2196 mask-repeat: no-repeat;
2197 -webkit-mask-position: center;
2198 mask-position: center;
2199 -webkit-mask-image: url("../../images/icons/icon-close.svg");
2200 mask-image: url("../../images/icons/icon-close.svg");
2201 }
2202
2203 .acf-admin-page .acf-notice .acf-notice-dismiss:hover::before,
2204 .acf-admin-page .acf-notice .notice-dismiss:hover::before,
2205 .acf-admin-page .notice .acf-notice-dismiss:hover::before,
2206 .acf-admin-page .notice .notice-dismiss:hover::before,
2207 .acf-admin-page #lost-connection-notice .acf-notice-dismiss:hover::before,
2208 .acf-admin-page #lost-connection-notice .notice-dismiss:hover::before {
2209 background-color: #344054;
2210 }
2211
2212 .acf-admin-page .acf-notice a.acf-notice-dismiss,
2213 .acf-admin-page .notice a.acf-notice-dismiss,
2214 .acf-admin-page #lost-connection-notice a.acf-notice-dismiss {
2215 position: absolute;
2216 top: 5px;
2217 right: 24px;
2218 }
2219
2220 .acf-admin-page .acf-notice a.acf-notice-dismiss:before,
2221 .acf-admin-page .notice a.acf-notice-dismiss:before,
2222 .acf-admin-page #lost-connection-notice a.acf-notice-dismiss:before {
2223 background-color: #475467;
2224 }
2225
2226 .acf-admin-page .acf-notice:before,
2227 .acf-admin-page .notice:before,
2228 .acf-admin-page #lost-connection-notice:before {
2229 content: "";
2230 display: block;
2231 position: absolute;
2232 top: 15px;
2233 left: 18px;
2234 z-index: 600;
2235 width: 16px;
2236 height: 16px;
2237 margin-right: 8px;
2238 background-color: #fff;
2239 border: none;
2240 border-radius: 0;
2241 -webkit-mask-size: contain;
2242 mask-size: contain;
2243 -webkit-mask-repeat: no-repeat;
2244 mask-repeat: no-repeat;
2245 -webkit-mask-position: center;
2246 mask-position: center;
2247 -webkit-mask-image: url("../../images/icons/icon-info-solid.svg");
2248 mask-image: url("../../images/icons/icon-info-solid.svg");
2249 }
2250
2251 .acf-admin-page .acf-notice:after,
2252 .acf-admin-page .notice:after,
2253 .acf-admin-page #lost-connection-notice:after {
2254 content: "";
2255 display: block;
2256 position: absolute;
2257 top: 9px;
2258 left: 12px;
2259 z-index: 500;
2260 width: 28px;
2261 height: 28px;
2262 background-color: #2D69DA;
2263 border-radius: 6px;
2264 box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
2265 }
2266
2267 .acf-admin-page .acf-notice .local-restore,
2268 .acf-admin-page .notice .local-restore,
2269 .acf-admin-page #lost-connection-notice .local-restore {
2270 align-items: center;
2271 margin-top: -6px;
2272 margin-bottom: 0;
2273 }
2274
2275 .acf-admin-page .notice[data-persisted=true] {
2276 display: none;
2277 }
2278
2279 .acf-admin-page .notice.is-dismissible {
2280 padding-right: 56px;
2281 }
2282
2283 .acf-admin-page .notice.notice-success {
2284 background-color: #edf7ef;
2285 border-color: #b6deb9;
2286 }
2287
2288 .acf-admin-page .notice.notice-success:before {
2289 -webkit-mask-image: url("../../images/icons/icon-check-circle-solid.svg");
2290 mask-image: url("../../images/icons/icon-check-circle-solid.svg");
2291 }
2292
2293 .acf-admin-page .notice.notice-success:after {
2294 background-color: #52AA59;
2295 }
2296
2297 .acf-admin-page .acf-notice.acf-error-message,
2298 .acf-admin-page .notice.notice-error,
2299 .acf-admin-page #lost-connection-notice {
2300 background-color: #f7eeeb;
2301 border-color: #f1b6b3;
2302 }
2303
2304 .acf-admin-page .acf-notice.acf-error-message:before,
2305 .acf-admin-page .notice.notice-error:before,
2306 .acf-admin-page #lost-connection-notice:before {
2307 -webkit-mask-image: url("../../images/icons/icon-warning.svg");
2308 mask-image: url("../../images/icons/icon-warning.svg");
2309 }
2310
2311 .acf-admin-page .acf-notice.acf-error-message:after,
2312 .acf-admin-page .notice.notice-error:after,
2313 .acf-admin-page #lost-connection-notice:after {
2314 background-color: #D13737;
2315 }
2316
2317 .acf-admin-page .notice.notice-warning {
2318 background: linear-gradient(0deg, rgba(247, 144, 9, 0.08), rgba(247, 144, 9, 0.08)), #FFFFFF;
2319 border: 1px solid rgba(247, 144, 9, 0.32);
2320 color: #344054;
2321 }
2322
2323 .acf-admin-page .notice.notice-warning:before {
2324 -webkit-mask-image: url("../../images/icons/icon-alert-triangle.svg");
2325 mask-image: url("../../images/icons/icon-alert-triangle.svg");
2326 background: #f56e28;
2327 }
2328
2329 .acf-admin-page .notice.notice-warning:after {
2330 content: none;
2331 }
2332
2333 .acf-admin-single-taxonomy .notice-success .acf-item-saved-text,
2334 .acf-admin-single-post-type .notice-success .acf-item-saved-text,
2335 .acf-admin-single-options-page .notice-success .acf-item-saved-text {
2336 font-weight: 600;
2337 }
2338
2339 .acf-admin-single-taxonomy .notice-success .acf-item-saved-links,
2340 .acf-admin-single-post-type .notice-success .acf-item-saved-links,
2341 .acf-admin-single-options-page .notice-success .acf-item-saved-links {
2342 display: flex;
2343 gap: 12px;
2344 }
2345
2346 .acf-admin-single-taxonomy .notice-success .acf-item-saved-links a,
2347 .acf-admin-single-post-type .notice-success .acf-item-saved-links a,
2348 .acf-admin-single-options-page .notice-success .acf-item-saved-links a {
2349 text-decoration: none;
2350 opacity: 1;
2351 }
2352
2353 .acf-admin-single-taxonomy .notice-success .acf-item-saved-links a:after,
2354 .acf-admin-single-post-type .notice-success .acf-item-saved-links a:after,
2355 .acf-admin-single-options-page .notice-success .acf-item-saved-links a:after {
2356 content: "";
2357 width: 1px;
2358 height: 13px;
2359 display: inline-flex;
2360 position: relative;
2361 top: 2px;
2362 left: 6px;
2363 background-color: #475467;
2364 opacity: 0.3;
2365 }
2366
2367 .acf-admin-single-taxonomy .notice-success .acf-item-saved-links a:last-child:after,
2368 .acf-admin-single-post-type .notice-success .acf-item-saved-links a:last-child:after,
2369 .acf-admin-single-options-page .notice-success .acf-item-saved-links a:last-child:after {
2370 content: none;
2371 }
2372
2373 .rtl.acf-field-group .notice,
2374 .rtl.acf-internal-post-type .notice {
2375 padding-right: 50px !important;
2376 }
2377
2378 .rtl.acf-field-group .notice .notice-dismiss,
2379 .rtl.acf-internal-post-type .notice .notice-dismiss {
2380 left: 8px;
2381 right: unset;
2382 }
2383
2384 .rtl.acf-field-group .notice:before,
2385 .rtl.acf-internal-post-type .notice:before {
2386 left: unset;
2387 right: 10px;
2388 }
2389
2390 .rtl.acf-field-group .notice:after,
2391 .rtl.acf-internal-post-type .notice:after {
2392 left: unset;
2393 right: 12px;
2394 }
2395
2396 .rtl.acf-field-group.acf-admin-single-taxonomy .notice-success .acf-item-saved-links a:after, .rtl.acf-field-group.acf-admin-single-post-type .notice-success .acf-item-saved-links a:after, .rtl.acf-field-group.acf-admin-single-options-page .notice-success .acf-item-saved-links a:after,
2397 .rtl.acf-internal-post-type.acf-admin-single-taxonomy .notice-success .acf-item-saved-links a:after,
2398 .rtl.acf-internal-post-type.acf-admin-single-post-type .notice-success .acf-item-saved-links a:after,
2399 .rtl.acf-internal-post-type.acf-admin-single-options-page .notice-success .acf-item-saved-links a:after {
2400 left: unset;
2401 right: 6px;
2402 }
2403
2404 /*--------------------------------------------------------------------------------------------
2405 *
2406 * ACF PRO label
2407 *
2408 *--------------------------------------------------------------------------------------------*/
2409 .acf-pro-label {
2410 display: inline-flex;
2411 align-items: center;
2412 min-height: 22px;
2413 border: none;
2414 font-size: 11px;
2415 text-transform: uppercase;
2416 text-decoration: none;
2417 color: #fff;
2418 }
2419
2420 /*--------------------------------------------------------------------------------------------
2421 *
2422 * Inline notice overrides
2423 *
2424 *--------------------------------------------------------------------------------------------*/
2425 .acf-admin-page .acf-field .acf-notice {
2426 display: flex;
2427 align-items: center;
2428 min-height: 40px !important;
2429 margin-bottom: 6px !important;
2430 padding-top: 6px !important;
2431 padding-left: 40px !important;
2432 padding-bottom: 6px !important;
2433 margin: 0 0 15px;
2434 background: #edf2ff;
2435 color: #344054 !important;
2436 border-color: #2183b9;
2437 border-radius: 6px;
2438 }
2439
2440 .acf-admin-page .acf-field .acf-notice:after {
2441 top: 8px;
2442 left: 8px;
2443 width: 22px;
2444 height: 22px;
2445 }
2446
2447 .acf-admin-page .acf-field .acf-notice:before {
2448 top: 12px;
2449 left: 12px;
2450 width: 14px;
2451 height: 14px;
2452 }
2453
2454 .acf-admin-page .acf-field .acf-notice.-error {
2455 background: #f7eeeb;
2456 border-color: #f1b6b3;
2457 }
2458
2459 .acf-admin-page .acf-field .acf-notice.-success {
2460 background: #edf7ef;
2461 border-color: #b6deb9;
2462 }
2463
2464 .acf-admin-page .acf-field .acf-notice.-warning {
2465 background: #fdf8eb;
2466 border-color: #f4dbb4;
2467 }
2468
2469 /*---------------------------------------------------------------------------------------------
2470 *
2471 * Global
2472 *
2473 *---------------------------------------------------------------------------------------------*/
2474 .acf-admin-page #wpcontent {
2475 line-height: 140%;
2476 }
2477
2478 /*---------------------------------------------------------------------------------------------
2479 *
2480 * Links
2481 *
2482 *---------------------------------------------------------------------------------------------*/
2483 .acf-admin-page a {
2484 color: #0783BE;
2485 }
2486
2487 /*---------------------------------------------------------------------------------------------
2488 *
2489 * Headings
2490 *
2491 *---------------------------------------------------------------------------------------------*/
2492 .acf-h1,
2493 .acf-admin-page h1,
2494 .acf-headerbar h1 {
2495 font-size: 21px;
2496 font-weight: 400;
2497 }
2498
2499 .acf-h2, .acf-no-field-groups-wrapper .acf-no-field-groups-inner h2,
2500 .acf-no-field-groups-wrapper .acf-no-taxonomies-inner h2,
2501 .acf-no-field-groups-wrapper .acf-no-post-types-inner h2,
2502 .acf-no-field-groups-wrapper .acf-no-options-pages-inner h2,
2503 .acf-no-field-groups-wrapper .acf-options-preview-inner h2,
2504 .acf-no-taxonomies-wrapper .acf-no-field-groups-inner h2,
2505 .acf-no-taxonomies-wrapper .acf-no-taxonomies-inner h2,
2506 .acf-no-taxonomies-wrapper .acf-no-post-types-inner h2,
2507 .acf-no-taxonomies-wrapper .acf-no-options-pages-inner h2,
2508 .acf-no-taxonomies-wrapper .acf-options-preview-inner h2,
2509 .acf-no-post-types-wrapper .acf-no-field-groups-inner h2,
2510 .acf-no-post-types-wrapper .acf-no-taxonomies-inner h2,
2511 .acf-no-post-types-wrapper .acf-no-post-types-inner h2,
2512 .acf-no-post-types-wrapper .acf-no-options-pages-inner h2,
2513 .acf-no-post-types-wrapper .acf-options-preview-inner h2,
2514 .acf-no-options-pages-wrapper .acf-no-field-groups-inner h2,
2515 .acf-no-options-pages-wrapper .acf-no-taxonomies-inner h2,
2516 .acf-no-options-pages-wrapper .acf-no-post-types-inner h2,
2517 .acf-no-options-pages-wrapper .acf-no-options-pages-inner h2,
2518 .acf-no-options-pages-wrapper .acf-options-preview-inner h2,
2519 .acf-options-preview-wrapper .acf-no-field-groups-inner h2,
2520 .acf-options-preview-wrapper .acf-no-taxonomies-inner h2,
2521 .acf-options-preview-wrapper .acf-no-post-types-inner h2,
2522 .acf-options-preview-wrapper .acf-no-options-pages-inner h2,
2523 .acf-options-preview-wrapper .acf-options-preview-inner h2, .acf-page-title, .acf-admin-page h2,
2524 .acf-headerbar h2 {
2525 font-size: 18px;
2526 font-weight: 400;
2527 }
2528
2529 .acf-h3, .acf-admin-page h3,
2530 .acf-headerbar h3, .acf-admin-page .postbox .postbox-header h2,
2531 .acf-admin-page .postbox .postbox-header h3,
2532 .acf-admin-page .postbox .title h2,
2533 .acf-admin-page .postbox .title h3,
2534 .acf-admin-page .acf-box .postbox-header h2,
2535 .acf-admin-page .acf-box .postbox-header h3,
2536 .acf-admin-page .acf-box .title h2,
2537 .acf-admin-page .acf-box .title h3, .acf-postbox-header h2.acf-postbox-title, .acf-admin-page #poststuff .postbox-header h2,
2538 .acf-admin-page #poststuff .postbox-header h3 {
2539 font-size: 16px;
2540 font-weight: 400;
2541 }
2542
2543 /*---------------------------------------------------------------------------------------------
2544 *
2545 * Paragraphs
2546 *
2547 *---------------------------------------------------------------------------------------------*/
2548 .acf-admin-page .p1 {
2549 font-size: 15px;
2550 }
2551
2552 .acf-admin-page .p2, .acf-admin-page .acf-no-field-groups-wrapper .acf-no-field-groups-inner p, .acf-no-field-groups-wrapper .acf-no-field-groups-inner .acf-admin-page p,
2553 .acf-admin-page .acf-no-field-groups-wrapper .acf-no-taxonomies-inner p,
2554 .acf-no-field-groups-wrapper .acf-no-taxonomies-inner .acf-admin-page p,
2555 .acf-admin-page .acf-no-field-groups-wrapper .acf-no-post-types-inner p,
2556 .acf-no-field-groups-wrapper .acf-no-post-types-inner .acf-admin-page p,
2557 .acf-admin-page .acf-no-field-groups-wrapper .acf-no-options-pages-inner p,
2558 .acf-no-field-groups-wrapper .acf-no-options-pages-inner .acf-admin-page p,
2559 .acf-admin-page .acf-no-field-groups-wrapper .acf-options-preview-inner p,
2560 .acf-no-field-groups-wrapper .acf-options-preview-inner .acf-admin-page p,
2561 .acf-admin-page .acf-no-taxonomies-wrapper .acf-no-field-groups-inner p,
2562 .acf-no-taxonomies-wrapper .acf-no-field-groups-inner .acf-admin-page p,
2563 .acf-admin-page .acf-no-taxonomies-wrapper .acf-no-taxonomies-inner p,
2564 .acf-no-taxonomies-wrapper .acf-no-taxonomies-inner .acf-admin-page p,
2565 .acf-admin-page .acf-no-taxonomies-wrapper .acf-no-post-types-inner p,
2566 .acf-no-taxonomies-wrapper .acf-no-post-types-inner .acf-admin-page p,
2567 .acf-admin-page .acf-no-taxonomies-wrapper .acf-no-options-pages-inner p,
2568 .acf-no-taxonomies-wrapper .acf-no-options-pages-inner .acf-admin-page p,
2569 .acf-admin-page .acf-no-taxonomies-wrapper .acf-options-preview-inner p,
2570 .acf-no-taxonomies-wrapper .acf-options-preview-inner .acf-admin-page p,
2571 .acf-admin-page .acf-no-post-types-wrapper .acf-no-field-groups-inner p,
2572 .acf-no-post-types-wrapper .acf-no-field-groups-inner .acf-admin-page p,
2573 .acf-admin-page .acf-no-post-types-wrapper .acf-no-taxonomies-inner p,
2574 .acf-no-post-types-wrapper .acf-no-taxonomies-inner .acf-admin-page p,
2575 .acf-admin-page .acf-no-post-types-wrapper .acf-no-post-types-inner p,
2576 .acf-no-post-types-wrapper .acf-no-post-types-inner .acf-admin-page p,
2577 .acf-admin-page .acf-no-post-types-wrapper .acf-no-options-pages-inner p,
2578 .acf-no-post-types-wrapper .acf-no-options-pages-inner .acf-admin-page p,
2579 .acf-admin-page .acf-no-post-types-wrapper .acf-options-preview-inner p,
2580 .acf-no-post-types-wrapper .acf-options-preview-inner .acf-admin-page p,
2581 .acf-admin-page .acf-no-options-pages-wrapper .acf-no-field-groups-inner p,
2582 .acf-no-options-pages-wrapper .acf-no-field-groups-inner .acf-admin-page p,
2583 .acf-admin-page .acf-no-options-pages-wrapper .acf-no-taxonomies-inner p,
2584 .acf-no-options-pages-wrapper .acf-no-taxonomies-inner .acf-admin-page p,
2585 .acf-admin-page .acf-no-options-pages-wrapper .acf-no-post-types-inner p,
2586 .acf-no-options-pages-wrapper .acf-no-post-types-inner .acf-admin-page p,
2587 .acf-admin-page .acf-no-options-pages-wrapper .acf-no-options-pages-inner p,
2588 .acf-no-options-pages-wrapper .acf-no-options-pages-inner .acf-admin-page p,
2589 .acf-admin-page .acf-no-options-pages-wrapper .acf-options-preview-inner p,
2590 .acf-no-options-pages-wrapper .acf-options-preview-inner .acf-admin-page p,
2591 .acf-admin-page .acf-options-preview-wrapper .acf-no-field-groups-inner p,
2592 .acf-options-preview-wrapper .acf-no-field-groups-inner .acf-admin-page p,
2593 .acf-admin-page .acf-options-preview-wrapper .acf-no-taxonomies-inner p,
2594 .acf-options-preview-wrapper .acf-no-taxonomies-inner .acf-admin-page p,
2595 .acf-admin-page .acf-options-preview-wrapper .acf-no-post-types-inner p,
2596 .acf-options-preview-wrapper .acf-no-post-types-inner .acf-admin-page p,
2597 .acf-admin-page .acf-options-preview-wrapper .acf-no-options-pages-inner p,
2598 .acf-options-preview-wrapper .acf-no-options-pages-inner .acf-admin-page p,
2599 .acf-admin-page .acf-options-preview-wrapper .acf-options-preview-inner p,
2600 .acf-options-preview-wrapper .acf-options-preview-inner .acf-admin-page p, .acf-admin-page #acf-admin-tools .acf-meta-box-wrap .acf-fields .acf-label, #acf-admin-tools .acf-meta-box-wrap .acf-fields .acf-admin-page .acf-label {
2601 font-size: 14px;
2602 }
2603
2604 .acf-admin-page .p3, .acf-admin-page .acf-internal-post-type .wp-list-table .post-state, .acf-internal-post-type .wp-list-table .acf-admin-page .post-state, .acf-admin-page .subtitle {
2605 font-size: 13.5px;
2606 }
2607
2608 .acf-admin-page .p4, .acf-admin-page .acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn p, .acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn .acf-admin-page p, .acf-admin-page #acf-update-information .form-table th, #acf-update-information .form-table .acf-admin-page th,
2609 .acf-admin-page #acf-update-information .form-table td,
2610 #acf-update-information .form-table .acf-admin-page td, .acf-admin-page #acf-admin-tools.tool-export .acf-panel h3, #acf-admin-tools.tool-export .acf-panel .acf-admin-page h3, .acf-admin-page .acf-btn.acf-btn-sm, .acf-admin-page .acf-admin-toolbar .acf-tab, .acf-admin-toolbar .acf-admin-page .acf-tab, .acf-admin-page .acf-options-preview .acf-options-pages-preview-upgrade-button p, .acf-options-preview .acf-options-pages-preview-upgrade-button .acf-admin-page p,
2611 .acf-admin-page .acf-no-options-pages-wrapper .acf-options-pages-preview-upgrade-button p,
2612 .acf-no-options-pages-wrapper .acf-options-pages-preview-upgrade-button .acf-admin-page p, .acf-admin-page .acf-internal-post-type .subsubsub li, .acf-internal-post-type .subsubsub .acf-admin-page li, .acf-admin-page .acf-internal-post-type .wp-list-table tbody th, .acf-internal-post-type .wp-list-table tbody .acf-admin-page th,
2613 .acf-admin-page .acf-internal-post-type .wp-list-table tbody td,
2614 .acf-internal-post-type .wp-list-table tbody .acf-admin-page td, .acf-admin-page .acf-internal-post-type .wp-list-table thead th, .acf-internal-post-type .wp-list-table thead .acf-admin-page th, .acf-admin-page .acf-internal-post-type .wp-list-table thead td, .acf-internal-post-type .wp-list-table thead .acf-admin-page td,
2615 .acf-admin-page .acf-internal-post-type .wp-list-table tfoot th,
2616 .acf-internal-post-type .wp-list-table tfoot .acf-admin-page th, .acf-admin-page .acf-internal-post-type .wp-list-table tfoot td, .acf-internal-post-type .wp-list-table tfoot .acf-admin-page td, .acf-admin-page .acf-input .select2-container.-acf .select2-selection__rendered,
2617 .acf-admin-page .rule-groups .select2-container.-acf .select2-selection__rendered, .acf-admin-page .button, .acf-admin-page input[type=text],
2618 .acf-admin-page input[type=search],
2619 .acf-admin-page input[type=number],
2620 .acf-admin-page textarea,
2621 .acf-admin-page select {
2622 font-size: 13px;
2623 }
2624
2625 .acf-admin-page .p5, .acf-admin-page .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-types-tab .acf-field-type .field-type-label, .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-types-tab .acf-field-type .acf-admin-page .field-type-label,
2626 .acf-admin-page .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-type-search-results .acf-field-type .field-type-label,
2627 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-type-search-results .acf-field-type .acf-admin-page .field-type-label, .acf-admin-page .acf-internal-post-type .row-actions, .acf-internal-post-type .acf-admin-page .row-actions, .acf-admin-page .acf-notice .button,
2628 .acf-admin-page .notice .button,
2629 .acf-admin-page #lost-connection-notice .button {
2630 font-size: 12.5px;
2631 }
2632
2633 .acf-admin-page .p6, .acf-admin-page #acf-update-information .acf-update-changelog p em, #acf-update-information .acf-update-changelog p .acf-admin-page em, .acf-admin-page .acf-no-field-groups-wrapper .acf-no-field-groups-inner p.acf-small, .acf-no-field-groups-wrapper .acf-no-field-groups-inner .acf-admin-page p.acf-small,
2634 .acf-admin-page .acf-no-field-groups-wrapper .acf-no-taxonomies-inner p.acf-small,
2635 .acf-no-field-groups-wrapper .acf-no-taxonomies-inner .acf-admin-page p.acf-small,
2636 .acf-admin-page .acf-no-field-groups-wrapper .acf-no-post-types-inner p.acf-small,
2637 .acf-no-field-groups-wrapper .acf-no-post-types-inner .acf-admin-page p.acf-small,
2638 .acf-admin-page .acf-no-field-groups-wrapper .acf-no-options-pages-inner p.acf-small,
2639 .acf-no-field-groups-wrapper .acf-no-options-pages-inner .acf-admin-page p.acf-small,
2640 .acf-admin-page .acf-no-field-groups-wrapper .acf-options-preview-inner p.acf-small,
2641 .acf-no-field-groups-wrapper .acf-options-preview-inner .acf-admin-page p.acf-small,
2642 .acf-admin-page .acf-no-taxonomies-wrapper .acf-no-field-groups-inner p.acf-small,
2643 .acf-no-taxonomies-wrapper .acf-no-field-groups-inner .acf-admin-page p.acf-small,
2644 .acf-admin-page .acf-no-taxonomies-wrapper .acf-no-taxonomies-inner p.acf-small,
2645 .acf-no-taxonomies-wrapper .acf-no-taxonomies-inner .acf-admin-page p.acf-small,
2646 .acf-admin-page .acf-no-taxonomies-wrapper .acf-no-post-types-inner p.acf-small,
2647 .acf-no-taxonomies-wrapper .acf-no-post-types-inner .acf-admin-page p.acf-small,
2648 .acf-admin-page .acf-no-taxonomies-wrapper .acf-no-options-pages-inner p.acf-small,
2649 .acf-no-taxonomies-wrapper .acf-no-options-pages-inner .acf-admin-page p.acf-small,
2650 .acf-admin-page .acf-no-taxonomies-wrapper .acf-options-preview-inner p.acf-small,
2651 .acf-no-taxonomies-wrapper .acf-options-preview-inner .acf-admin-page p.acf-small,
2652 .acf-admin-page .acf-no-post-types-wrapper .acf-no-field-groups-inner p.acf-small,
2653 .acf-no-post-types-wrapper .acf-no-field-groups-inner .acf-admin-page p.acf-small,
2654 .acf-admin-page .acf-no-post-types-wrapper .acf-no-taxonomies-inner p.acf-small,
2655 .acf-no-post-types-wrapper .acf-no-taxonomies-inner .acf-admin-page p.acf-small,
2656 .acf-admin-page .acf-no-post-types-wrapper .acf-no-post-types-inner p.acf-small,
2657 .acf-no-post-types-wrapper .acf-no-post-types-inner .acf-admin-page p.acf-small,
2658 .acf-admin-page .acf-no-post-types-wrapper .acf-no-options-pages-inner p.acf-small,
2659 .acf-no-post-types-wrapper .acf-no-options-pages-inner .acf-admin-page p.acf-small,
2660 .acf-admin-page .acf-no-post-types-wrapper .acf-options-preview-inner p.acf-small,
2661 .acf-no-post-types-wrapper .acf-options-preview-inner .acf-admin-page p.acf-small,
2662 .acf-admin-page .acf-no-options-pages-wrapper .acf-no-field-groups-inner p.acf-small,
2663 .acf-no-options-pages-wrapper .acf-no-field-groups-inner .acf-admin-page p.acf-small,
2664 .acf-admin-page .acf-no-options-pages-wrapper .acf-no-taxonomies-inner p.acf-small,
2665 .acf-no-options-pages-wrapper .acf-no-taxonomies-inner .acf-admin-page p.acf-small,
2666 .acf-admin-page .acf-no-options-pages-wrapper .acf-no-post-types-inner p.acf-small,
2667 .acf-no-options-pages-wrapper .acf-no-post-types-inner .acf-admin-page p.acf-small,
2668 .acf-admin-page .acf-no-options-pages-wrapper .acf-no-options-pages-inner p.acf-small,
2669 .acf-no-options-pages-wrapper .acf-no-options-pages-inner .acf-admin-page p.acf-small,
2670 .acf-admin-page .acf-no-options-pages-wrapper .acf-options-preview-inner p.acf-small,
2671 .acf-no-options-pages-wrapper .acf-options-preview-inner .acf-admin-page p.acf-small,
2672 .acf-admin-page .acf-options-preview-wrapper .acf-no-field-groups-inner p.acf-small,
2673 .acf-options-preview-wrapper .acf-no-field-groups-inner .acf-admin-page p.acf-small,
2674 .acf-admin-page .acf-options-preview-wrapper .acf-no-taxonomies-inner p.acf-small,
2675 .acf-options-preview-wrapper .acf-no-taxonomies-inner .acf-admin-page p.acf-small,
2676 .acf-admin-page .acf-options-preview-wrapper .acf-no-post-types-inner p.acf-small,
2677 .acf-options-preview-wrapper .acf-no-post-types-inner .acf-admin-page p.acf-small,
2678 .acf-admin-page .acf-options-preview-wrapper .acf-no-options-pages-inner p.acf-small,
2679 .acf-options-preview-wrapper .acf-no-options-pages-inner .acf-admin-page p.acf-small,
2680 .acf-admin-page .acf-options-preview-wrapper .acf-options-preview-inner p.acf-small,
2681 .acf-options-preview-wrapper .acf-options-preview-inner .acf-admin-page p.acf-small, .acf-admin-page .acf-internal-post-type .row-actions, .acf-internal-post-type .acf-admin-page .row-actions, .acf-admin-page .acf-small {
2682 font-size: 12px;
2683 }
2684
2685 .acf-admin-page .p7, .acf-admin-page .acf-tooltip, .acf-admin-page .acf-notice p.help,
2686 .acf-admin-page .notice p.help,
2687 .acf-admin-page #lost-connection-notice p.help {
2688 font-size: 11.5px;
2689 }
2690
2691 .acf-admin-page .p8 {
2692 font-size: 11px;
2693 }
2694
2695 /*---------------------------------------------------------------------------------------------
2696 *
2697 * Page titles
2698 *
2699 *---------------------------------------------------------------------------------------------*/
2700 .acf-page-title {
2701 color: #344054;
2702 }
2703
2704 /*---------------------------------------------------------------------------------------------
2705 *
2706 * Hide old / native WP titles from pages
2707 *
2708 *---------------------------------------------------------------------------------------------*/
2709 .acf-admin-page .acf-settings-wrap h1 {
2710 display: none !important;
2711 }
2712
2713 .acf-admin-page #acf-admin-tools h1 {
2714 display: none !important;
2715 }
2716
2717 /*---------------------------------------------------------------------------------------------
2718 *
2719 * Small
2720 *
2721 *---------------------------------------------------------------------------------------------*/
2722 /*---------------------------------------------------------------------------------------------
2723 *
2724 * Link focus style
2725 *
2726 *---------------------------------------------------------------------------------------------*/
2727 .acf-admin-page a:focus {
2728 box-shadow: none;
2729 outline: none;
2730 }
2731
2732 .acf-admin-page a:focus-visible {
2733 box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8);
2734 outline: 1px solid transparent;
2735 }
2736
2737 .acf-admin-page {
2738 /*---------------------------------------------------------------------------------------------
2739 *
2740 * All Inputs
2741 *
2742 *---------------------------------------------------------------------------------------------*/
2743 /*---------------------------------------------------------------------------------------------
2744 *
2745 * Read only text inputs
2746 *
2747 *---------------------------------------------------------------------------------------------*/
2748 /*---------------------------------------------------------------------------------------------
2749 *
2750 * Number fields
2751 *
2752 *---------------------------------------------------------------------------------------------*/
2753 /*---------------------------------------------------------------------------------------------
2754 *
2755 * Textarea
2756 *
2757 *---------------------------------------------------------------------------------------------*/
2758 /*---------------------------------------------------------------------------------------------
2759 *
2760 * Select
2761 *
2762 *---------------------------------------------------------------------------------------------*/
2763 /*---------------------------------------------------------------------------------------------
2764 *
2765 * Radio Button & Checkbox base styling
2766 *
2767 *---------------------------------------------------------------------------------------------*/
2768 /*---------------------------------------------------------------------------------------------
2769 *
2770 * Radio Buttons
2771 *
2772 *---------------------------------------------------------------------------------------------*/
2773 /*---------------------------------------------------------------------------------------------
2774 *
2775 * Checkboxes
2776 *
2777 *---------------------------------------------------------------------------------------------*/
2778 /*---------------------------------------------------------------------------------------------
2779 *
2780 * Radio Buttons & Checkbox lists
2781 *
2782 *---------------------------------------------------------------------------------------------*/
2783 /*---------------------------------------------------------------------------------------------
2784 *
2785 * ACF Switch
2786 *
2787 *---------------------------------------------------------------------------------------------*/
2788 /*---------------------------------------------------------------------------------------------
2789 *
2790 * File input button
2791 *
2792 *---------------------------------------------------------------------------------------------*/
2793 /*---------------------------------------------------------------------------------------------
2794 *
2795 * Action Buttons
2796 *
2797 *---------------------------------------------------------------------------------------------*/
2798 /*---------------------------------------------------------------------------------------------
2799 *
2800 * Edit field group header
2801 *
2802 *---------------------------------------------------------------------------------------------*/
2803 /*---------------------------------------------------------------------------------------------
2804 *
2805 * Select2 inputs
2806 *
2807 *---------------------------------------------------------------------------------------------*/
2808 /*---------------------------------------------------------------------------------------------
2809 *
2810 * ACF label
2811 *
2812 *---------------------------------------------------------------------------------------------*/
2813 /*---------------------------------------------------------------------------------------------
2814 *
2815 * Tooltip for field name field setting (result of a fix for keyboard navigation)
2816 *
2817 *---------------------------------------------------------------------------------------------*/
2818 /* Field Type Selection select2 */
2819 /*---------------------------------------------------------------------------------------------
2820 *
2821 * RTL arrow position
2822 *
2823 *---------------------------------------------------------------------------------------------*/
2824 }
2825
2826 .acf-admin-page input[type=text],
2827 .acf-admin-page input[type=search],
2828 .acf-admin-page input[type=number],
2829 .acf-admin-page textarea,
2830 .acf-admin-page select {
2831 box-sizing: border-box;
2832 height: 40px;
2833 padding-right: 12px;
2834 padding-left: 12px;
2835 background-color: #fff;
2836 border-color: #D0D5DD;
2837 box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
2838 border-radius: 6px;
2839 /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
2840 color: #344054;
2841 }
2842
2843 .acf-admin-page input[type=text]:focus,
2844 .acf-admin-page input[type=search]:focus,
2845 .acf-admin-page input[type=number]:focus,
2846 .acf-admin-page textarea:focus,
2847 .acf-admin-page select:focus {
2848 outline: 3px solid #EBF5FA;
2849 border-color: #399CCB;
2850 }
2851
2852 .acf-admin-page input[type=text]:disabled,
2853 .acf-admin-page input[type=search]:disabled,
2854 .acf-admin-page input[type=number]:disabled,
2855 .acf-admin-page textarea:disabled,
2856 .acf-admin-page select:disabled {
2857 background-color: #F9FAFB;
2858 color: #808a9e;
2859 }
2860
2861 .acf-admin-page input[type=text]::placeholder,
2862 .acf-admin-page input[type=search]::placeholder,
2863 .acf-admin-page input[type=number]::placeholder,
2864 .acf-admin-page textarea::placeholder,
2865 .acf-admin-page select::placeholder {
2866 color: #98A2B3;
2867 }
2868
2869 .acf-admin-page input[type=text]:read-only {
2870 background-color: #F9FAFB;
2871 color: #98A2B3;
2872 }
2873
2874 .acf-admin-page .acf-field.acf-field-number .acf-label,
2875 .acf-admin-page .acf-field.acf-field-number .acf-input input[type=number] {
2876 max-width: 180px;
2877 }
2878
2879 .acf-admin-page textarea {
2880 box-sizing: border-box;
2881 padding-top: 10px;
2882 padding-bottom: 10px;
2883 height: 80px;
2884 min-height: 56px;
2885 }
2886
2887 .acf-admin-page select {
2888 min-width: 160px;
2889 max-width: 100%;
2890 padding-right: 40px;
2891 padding-left: 12px;
2892 background-image: url("../../images/icons/icon-chevron-down.svg");
2893 background-position: right 10px top 50%;
2894 background-size: 20px;
2895 }
2896
2897 .acf-admin-page select:hover, .acf-admin-page select:focus {
2898 color: #0783BE;
2899 }
2900
2901 .acf-admin-page select::before {
2902 content: "";
2903 display: block;
2904 position: absolute;
2905 top: 5px;
2906 left: 5px;
2907 width: 20px;
2908 height: 20px;
2909 }
2910
2911 .acf-admin-page.rtl select {
2912 padding-right: 12px;
2913 padding-left: 40px;
2914 background-position: left 10px top 50%;
2915 }
2916
2917 .acf-admin-page input[type=radio],
2918 .acf-admin-page input[type=checkbox] {
2919 box-sizing: border-box;
2920 width: 16px;
2921 height: 16px;
2922 padding: 0;
2923 border-width: 1px;
2924 border-style: solid;
2925 border-color: #98A2B3;
2926 background: #fff;
2927 box-shadow: none;
2928 }
2929
2930 .acf-admin-page input[type=radio]:hover,
2931 .acf-admin-page input[type=checkbox]:hover {
2932 background-color: #EBF5FA;
2933 border-color: #0783BE;
2934 }
2935
2936 .acf-admin-page input[type=radio]:checked, .acf-admin-page input[type=radio]:focus-visible,
2937 .acf-admin-page input[type=checkbox]:checked,
2938 .acf-admin-page input[type=checkbox]:focus-visible {
2939 background-color: #EBF5FA;
2940 border-color: #0783BE;
2941 }
2942
2943 .acf-admin-page input[type=radio]:checked:before, .acf-admin-page input[type=radio]:focus-visible:before,
2944 .acf-admin-page input[type=checkbox]:checked:before,
2945 .acf-admin-page input[type=checkbox]:focus-visible:before {
2946 content: "";
2947 position: relative;
2948 top: -1px;
2949 left: -1px;
2950 width: 16px;
2951 height: 16px;
2952 margin: 0;
2953 padding: 0;
2954 background-color: transparent;
2955 background-size: cover;
2956 background-repeat: no-repeat;
2957 background-position: center;
2958 }
2959
2960 .acf-admin-page input[type=radio]:active,
2961 .acf-admin-page input[type=checkbox]:active {
2962 box-shadow: 0px 0px 0px 3px #EBF5FA, 0px 0px 0px rgba(255, 54, 54, 0.25);
2963 }
2964
2965 .acf-admin-page input[type=radio]:disabled,
2966 .acf-admin-page input[type=checkbox]:disabled {
2967 background-color: #F9FAFB;
2968 border-color: #D0D5DD;
2969 }
2970
2971 .acf-admin-page.rtl input[type=radio]:checked:before, .acf-admin-page.rtl input[type=radio]:focus-visible:before,
2972 .acf-admin-page.rtl input[type=checkbox]:checked:before,
2973 .acf-admin-page.rtl input[type=checkbox]:focus-visible:before {
2974 left: 1px;
2975 }
2976
2977 .acf-admin-page input[type=radio]:checked:before, .acf-admin-page input[type=radio]:focus:before {
2978 background-image: url("../../images/field-states/radio-active.svg");
2979 }
2980
2981 .acf-admin-page input[type=checkbox]:checked:before, .acf-admin-page input[type=checkbox]:focus:before {
2982 background-image: url("../../images/field-states/checkbox-active.svg");
2983 }
2984
2985 .acf-admin-page .acf-radio-list li input[type=radio],
2986 .acf-admin-page .acf-radio-list li input[type=checkbox],
2987 .acf-admin-page .acf-checkbox-list li input[type=radio],
2988 .acf-admin-page .acf-checkbox-list li input[type=checkbox] {
2989 margin-right: 6px;
2990 }
2991
2992 .acf-admin-page .acf-radio-list.acf-bl li,
2993 .acf-admin-page .acf-checkbox-list.acf-bl li {
2994 margin-bottom: 8px;
2995 }
2996
2997 .acf-admin-page .acf-radio-list.acf-bl li:last-of-type,
2998 .acf-admin-page .acf-checkbox-list.acf-bl li:last-of-type {
2999 margin-bottom: 0;
3000 }
3001
3002 .acf-admin-page .acf-radio-list label,
3003 .acf-admin-page .acf-checkbox-list label {
3004 display: flex;
3005 align-items: center;
3006 align-content: center;
3007 }
3008
3009 .acf-admin-page .acf-switch {
3010 width: 42px;
3011 height: 24px;
3012 border: none;
3013 background-color: #D0D5DD;
3014 border-radius: 12px;
3015 }
3016
3017 .acf-admin-page .acf-switch:hover {
3018 background-color: #98A2B3;
3019 }
3020
3021 .acf-admin-page .acf-switch:active {
3022 box-shadow: 0px 0px 0px 3px #EBF5FA, 0px 0px 0px rgba(255, 54, 54, 0.25);
3023 }
3024
3025 .acf-admin-page .acf-switch.-on {
3026 background-color: #0783BE;
3027 }
3028
3029 .acf-admin-page .acf-switch.-on:hover {
3030 background-color: #066998;
3031 }
3032
3033 .acf-admin-page .acf-switch.-on .acf-switch-slider {
3034 left: 20px;
3035 }
3036
3037 .acf-admin-page .acf-switch .acf-switch-off,
3038 .acf-admin-page .acf-switch .acf-switch-on {
3039 visibility: hidden;
3040 }
3041
3042 .acf-admin-page .acf-switch .acf-switch-slider {
3043 width: 20px;
3044 height: 20px;
3045 border: none;
3046 border-radius: 100px;
3047 box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
3048 }
3049
3050 .acf-admin-page .acf-field-true-false {
3051 display: flex;
3052 align-items: flex-start;
3053 }
3054
3055 .acf-admin-page .acf-field-true-false .acf-label {
3056 order: 2;
3057 display: block;
3058 align-items: center;
3059 max-width: 550px !important;
3060 margin-top: 2px;
3061 margin-bottom: 0;
3062 margin-left: 12px;
3063 }
3064
3065 .acf-admin-page .acf-field-true-false .acf-label label {
3066 margin-bottom: 0;
3067 }
3068
3069 .acf-admin-page .acf-field-true-false .acf-label .acf-tip {
3070 margin-left: 12px;
3071 }
3072
3073 .acf-admin-page .acf-field-true-false .acf-label .description {
3074 display: block;
3075 margin-top: 2px;
3076 margin-left: 0;
3077 }
3078
3079 .acf-admin-page.rtl .acf-field-true-false .acf-label {
3080 margin-right: 12px;
3081 margin-left: 0;
3082 }
3083
3084 .acf-admin-page.rtl .acf-field-true-false .acf-tip {
3085 margin-right: 12px;
3086 margin-left: 0;
3087 }
3088
3089 .acf-admin-page input::file-selector-button {
3090 box-sizing: border-box;
3091 min-height: 40px;
3092 margin-right: 16px;
3093 padding-top: 8px;
3094 padding-right: 16px;
3095 padding-bottom: 8px;
3096 padding-left: 16px;
3097 background-color: transparent;
3098 color: #0783BE !important;
3099 border-radius: 6px;
3100 border-width: 1px;
3101 border-style: solid;
3102 border-color: #0783BE;
3103 text-decoration: none;
3104 }
3105
3106 .acf-admin-page input::file-selector-button:hover {
3107 border-color: #066998;
3108 cursor: pointer;
3109 color: #066998 !important;
3110 }
3111
3112 .acf-admin-page .button {
3113 display: inline-flex;
3114 align-items: center;
3115 height: 40px;
3116 padding-right: 16px;
3117 padding-left: 16px;
3118 background-color: transparent;
3119 border-width: 1px;
3120 border-style: solid;
3121 border-color: #0783BE;
3122 border-radius: 6px;
3123 color: #0783BE;
3124 }
3125
3126 .acf-admin-page .button:hover {
3127 background-color: #f3f9fc;
3128 border-color: #0783BE;
3129 color: #0783BE;
3130 }
3131
3132 .acf-admin-page .button:focus {
3133 background-color: #f3f9fc;
3134 outline: 3px solid #EBF5FA;
3135 color: #0783BE;
3136 }
3137
3138 .acf-admin-page .edit-field-group-header {
3139 display: block !important;
3140 }
3141
3142 .acf-admin-page .acf-input .select2-container.-acf .select2-selection,
3143 .acf-admin-page .rule-groups .select2-container.-acf .select2-selection {
3144 border: none;
3145 line-height: 1;
3146 }
3147
3148 .acf-admin-page .acf-input .select2-container.-acf .select2-selection__rendered,
3149 .acf-admin-page .rule-groups .select2-container.-acf .select2-selection__rendered {
3150 box-sizing: border-box;
3151 padding-right: 0;
3152 padding-left: 0;
3153 background-color: #fff;
3154 border-width: 1px;
3155 border-style: solid;
3156 border-color: #D0D5DD;
3157 box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
3158 border-radius: 6px;
3159 /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
3160 color: #344054;
3161 }
3162
3163 .acf-admin-page .acf-input .acf-conditional-select-name,
3164 .acf-admin-page .rule-groups .acf-conditional-select-name {
3165 min-width: 180px;
3166 white-space: nowrap;
3167 overflow: hidden;
3168 text-overflow: ellipsis;
3169 }
3170
3171 .acf-admin-page .acf-input .acf-conditional-select-id,
3172 .acf-admin-page .rule-groups .acf-conditional-select-id {
3173 padding-right: 30px;
3174 }
3175
3176 .acf-admin-page .acf-input .value .select2-container--focus,
3177 .acf-admin-page .rule-groups .value .select2-container--focus {
3178 height: 40px;
3179 }
3180
3181 .acf-admin-page .acf-input .value .select2-container--open .select2-selection__rendered,
3182 .acf-admin-page .rule-groups .value .select2-container--open .select2-selection__rendered {
3183 border-color: #399CCB;
3184 }
3185
3186 .acf-admin-page .acf-input .select2-container--focus,
3187 .acf-admin-page .rule-groups .select2-container--focus {
3188 outline: 3px solid #EBF5FA;
3189 border-color: #399CCB;
3190 border-radius: 6px;
3191 }
3192
3193 .acf-admin-page .acf-input .select2-container--focus .select2-selection__rendered,
3194 .acf-admin-page .rule-groups .select2-container--focus .select2-selection__rendered {
3195 border-color: #399CCB !important;
3196 }
3197
3198 .acf-admin-page .acf-input .select2-container--focus.select2-container--below.select2-container--open .select2-selection__rendered,
3199 .acf-admin-page .rule-groups .select2-container--focus.select2-container--below.select2-container--open .select2-selection__rendered {
3200 border-bottom-right-radius: 0 !important;
3201 border-bottom-left-radius: 0 !important;
3202 }
3203
3204 .acf-admin-page .acf-input .select2-container--focus.select2-container--above.select2-container--open .select2-selection__rendered,
3205 .acf-admin-page .rule-groups .select2-container--focus.select2-container--above.select2-container--open .select2-selection__rendered {
3206 border-top-right-radius: 0 !important;
3207 border-top-left-radius: 0 !important;
3208 }
3209
3210 .acf-admin-page .acf-input .select2-container .select2-search--inline .select2-search__field,
3211 .acf-admin-page .rule-groups .select2-container .select2-search--inline .select2-search__field {
3212 margin: 0;
3213 padding-left: 6px;
3214 }
3215
3216 .acf-admin-page .acf-input .select2-container .select2-search--inline .select2-search__field:focus,
3217 .acf-admin-page .rule-groups .select2-container .select2-search--inline .select2-search__field:focus {
3218 outline: none;
3219 border: none;
3220 }
3221
3222 .acf-admin-page .acf-input .select2-container--default .select2-selection--multiple .select2-selection__rendered,
3223 .acf-admin-page .rule-groups .select2-container--default .select2-selection--multiple .select2-selection__rendered {
3224 padding-top: 0;
3225 padding-right: 6px;
3226 padding-bottom: 0;
3227 padding-left: 6px;
3228 }
3229
3230 .acf-admin-page .acf-input .select2-selection__clear,
3231 .acf-admin-page .rule-groups .select2-selection__clear {
3232 width: 18px;
3233 height: 18px;
3234 margin-top: 12px;
3235 margin-right: 1px;
3236 text-indent: 100%;
3237 white-space: nowrap;
3238 overflow: hidden;
3239 color: #fff;
3240 }
3241
3242 .acf-admin-page .acf-input .select2-selection__clear:before,
3243 .acf-admin-page .rule-groups .select2-selection__clear:before {
3244 content: "";
3245 display: block;
3246 width: 16px;
3247 height: 16px;
3248 top: 0;
3249 left: 0;
3250 border: none;
3251 border-radius: 0;
3252 -webkit-mask-size: contain;
3253 mask-size: contain;
3254 -webkit-mask-repeat: no-repeat;
3255 mask-repeat: no-repeat;
3256 -webkit-mask-position: center;
3257 mask-position: center;
3258 -webkit-mask-image: url("../../images/icons/icon-close.svg");
3259 mask-image: url("../../images/icons/icon-close.svg");
3260 background-color: #98A2B3;
3261 }
3262
3263 .acf-admin-page .acf-input .select2-selection__clear:hover::before,
3264 .acf-admin-page .rule-groups .select2-selection__clear:hover::before {
3265 background-color: #0783BE;
3266 }
3267
3268 .acf-admin-page .acf-label {
3269 display: flex;
3270 align-items: center;
3271 justify-content: space-between;
3272 }
3273
3274 .acf-admin-page .acf-label .acf-icon-help {
3275 width: 18px;
3276 height: 18px;
3277 background-color: #98A2B3;
3278 }
3279
3280 .acf-admin-page .acf-label label {
3281 margin-bottom: 0;
3282 }
3283
3284 .acf-admin-page .acf-label .description {
3285 margin-top: 2px;
3286 }
3287
3288 .acf-admin-page .acf-field-setting-name .acf-tip {
3289 position: absolute;
3290 top: 0;
3291 left: 654px;
3292 color: #98A2B3;
3293 }
3294
3295 .rtl.acf-admin-page .acf-field-setting-name .acf-tip {
3296 left: auto;
3297 right: 654px;
3298 }
3299
3300 .acf-admin-page .acf-field-setting-name .acf-tip .acf-icon-help {
3301 width: 18px;
3302 height: 18px;
3303 }
3304
3305 .acf-admin-page .acf-field-setting-type .select2-container.-acf,
3306 .acf-admin-page .acf-field-permalink-rewrite .select2-container.-acf,
3307 .acf-admin-page .acf-field-query-var .select2-container.-acf,
3308 .acf-admin-page .acf-field-capability .select2-container.-acf,
3309 .acf-admin-page .acf-field-parent-slug .select2-container.-acf,
3310 .acf-admin-page .acf-field-data-storage .select2-container.-acf,
3311 .acf-admin-page .acf-field-manage-terms .select2-container.-acf,
3312 .acf-admin-page .acf-field-edit-terms .select2-container.-acf,
3313 .acf-admin-page .acf-field-delete-terms .select2-container.-acf,
3314 .acf-admin-page .acf-field-assign-terms .select2-container.-acf,
3315 .acf-admin-page .acf-field-meta-box .select2-container.-acf,
3316 .acf-admin-page .rule-groups .select2-container.-acf {
3317 min-height: 40px;
3318 }
3319
3320 .acf-admin-page .acf-field-setting-type .select2-container--default .select2-selection--single .select2-selection__rendered,
3321 .acf-admin-page .acf-field-permalink-rewrite .select2-container--default .select2-selection--single .select2-selection__rendered,
3322 .acf-admin-page .acf-field-query-var .select2-container--default .select2-selection--single .select2-selection__rendered,
3323 .acf-admin-page .acf-field-capability .select2-container--default .select2-selection--single .select2-selection__rendered,
3324 .acf-admin-page .acf-field-parent-slug .select2-container--default .select2-selection--single .select2-selection__rendered,
3325 .acf-admin-page .acf-field-data-storage .select2-container--default .select2-selection--single .select2-selection__rendered,
3326 .acf-admin-page .acf-field-manage-terms .select2-container--default .select2-selection--single .select2-selection__rendered,
3327 .acf-admin-page .acf-field-edit-terms .select2-container--default .select2-selection--single .select2-selection__rendered,
3328 .acf-admin-page .acf-field-delete-terms .select2-container--default .select2-selection--single .select2-selection__rendered,
3329 .acf-admin-page .acf-field-assign-terms .select2-container--default .select2-selection--single .select2-selection__rendered,
3330 .acf-admin-page .acf-field-meta-box .select2-container--default .select2-selection--single .select2-selection__rendered,
3331 .acf-admin-page .rule-groups .select2-container--default .select2-selection--single .select2-selection__rendered {
3332 display: flex;
3333 align-items: center;
3334 position: relative;
3335 z-index: 800;
3336 min-height: 40px;
3337 padding-top: 0;
3338 padding-right: 12px;
3339 padding-bottom: 0;
3340 padding-left: 12px;
3341 }
3342
3343 .acf-admin-page .acf-field-setting-type .select2-container--default .select2-selection--single .field-type-icon,
3344 .acf-admin-page .acf-field-permalink-rewrite .select2-container--default .select2-selection--single .field-type-icon,
3345 .acf-admin-page .acf-field-query-var .select2-container--default .select2-selection--single .field-type-icon,
3346 .acf-admin-page .acf-field-capability .select2-container--default .select2-selection--single .field-type-icon,
3347 .acf-admin-page .acf-field-parent-slug .select2-container--default .select2-selection--single .field-type-icon,
3348 .acf-admin-page .acf-field-data-storage .select2-container--default .select2-selection--single .field-type-icon,
3349 .acf-admin-page .acf-field-manage-terms .select2-container--default .select2-selection--single .field-type-icon,
3350 .acf-admin-page .acf-field-edit-terms .select2-container--default .select2-selection--single .field-type-icon,
3351 .acf-admin-page .acf-field-delete-terms .select2-container--default .select2-selection--single .field-type-icon,
3352 .acf-admin-page .acf-field-assign-terms .select2-container--default .select2-selection--single .field-type-icon,
3353 .acf-admin-page .acf-field-meta-box .select2-container--default .select2-selection--single .field-type-icon,
3354 .acf-admin-page .rule-groups .select2-container--default .select2-selection--single .field-type-icon {
3355 top: auto;
3356 width: 18px;
3357 height: 18px;
3358 margin-right: 2px;
3359 }
3360
3361 .acf-admin-page .acf-field-setting-type .select2-container--default .select2-selection--single .field-type-icon:before,
3362 .acf-admin-page .acf-field-permalink-rewrite .select2-container--default .select2-selection--single .field-type-icon:before,
3363 .acf-admin-page .acf-field-query-var .select2-container--default .select2-selection--single .field-type-icon:before,
3364 .acf-admin-page .acf-field-capability .select2-container--default .select2-selection--single .field-type-icon:before,
3365 .acf-admin-page .acf-field-parent-slug .select2-container--default .select2-selection--single .field-type-icon:before,
3366 .acf-admin-page .acf-field-data-storage .select2-container--default .select2-selection--single .field-type-icon:before,
3367 .acf-admin-page .acf-field-manage-terms .select2-container--default .select2-selection--single .field-type-icon:before,
3368 .acf-admin-page .acf-field-edit-terms .select2-container--default .select2-selection--single .field-type-icon:before,
3369 .acf-admin-page .acf-field-delete-terms .select2-container--default .select2-selection--single .field-type-icon:before,
3370 .acf-admin-page .acf-field-assign-terms .select2-container--default .select2-selection--single .field-type-icon:before,
3371 .acf-admin-page .acf-field-meta-box .select2-container--default .select2-selection--single .field-type-icon:before,
3372 .acf-admin-page .rule-groups .select2-container--default .select2-selection--single .field-type-icon:before {
3373 width: 9px;
3374 height: 9px;
3375 }
3376
3377 .acf-admin-page .acf-field-setting-type .select2-container--open .select2-selection__rendered,
3378 .acf-admin-page .acf-field-permalink-rewrite .select2-container--open .select2-selection__rendered,
3379 .acf-admin-page .acf-field-query-var .select2-container--open .select2-selection__rendered,
3380 .acf-admin-page .acf-field-capability .select2-container--open .select2-selection__rendered,
3381 .acf-admin-page .acf-field-parent-slug .select2-container--open .select2-selection__rendered,
3382 .acf-admin-page .acf-field-data-storage .select2-container--open .select2-selection__rendered,
3383 .acf-admin-page .acf-field-manage-terms .select2-container--open .select2-selection__rendered,
3384 .acf-admin-page .acf-field-edit-terms .select2-container--open .select2-selection__rendered,
3385 .acf-admin-page .acf-field-delete-terms .select2-container--open .select2-selection__rendered,
3386 .acf-admin-page .acf-field-assign-terms .select2-container--open .select2-selection__rendered,
3387 .acf-admin-page .acf-field-meta-box .select2-container--open .select2-selection__rendered,
3388 .acf-admin-page .rule-groups .select2-container--open .select2-selection__rendered {
3389 border-color: #6BB5D8 !important;
3390 border-bottom-color: #D0D5DD !important;
3391 }
3392
3393 .acf-admin-page .acf-field-setting-type .select2-container--open.select2-container--below .select2-selection__rendered,
3394 .acf-admin-page .acf-field-permalink-rewrite .select2-container--open.select2-container--below .select2-selection__rendered,
3395 .acf-admin-page .acf-field-query-var .select2-container--open.select2-container--below .select2-selection__rendered,
3396 .acf-admin-page .acf-field-capability .select2-container--open.select2-container--below .select2-selection__rendered,
3397 .acf-admin-page .acf-field-parent-slug .select2-container--open.select2-container--below .select2-selection__rendered,
3398 .acf-admin-page .acf-field-data-storage .select2-container--open.select2-container--below .select2-selection__rendered,
3399 .acf-admin-page .acf-field-manage-terms .select2-container--open.select2-container--below .select2-selection__rendered,
3400 .acf-admin-page .acf-field-edit-terms .select2-container--open.select2-container--below .select2-selection__rendered,
3401 .acf-admin-page .acf-field-delete-terms .select2-container--open.select2-container--below .select2-selection__rendered,
3402 .acf-admin-page .acf-field-assign-terms .select2-container--open.select2-container--below .select2-selection__rendered,
3403 .acf-admin-page .acf-field-meta-box .select2-container--open.select2-container--below .select2-selection__rendered,
3404 .acf-admin-page .rule-groups .select2-container--open.select2-container--below .select2-selection__rendered {
3405 border-bottom-right-radius: 0 !important;
3406 border-bottom-left-radius: 0 !important;
3407 }
3408
3409 .acf-admin-page .acf-field-setting-type .select2-container--open.select2-container--above .select2-selection__rendered,
3410 .acf-admin-page .acf-field-permalink-rewrite .select2-container--open.select2-container--above .select2-selection__rendered,
3411 .acf-admin-page .acf-field-query-var .select2-container--open.select2-container--above .select2-selection__rendered,
3412 .acf-admin-page .acf-field-capability .select2-container--open.select2-container--above .select2-selection__rendered,
3413 .acf-admin-page .acf-field-parent-slug .select2-container--open.select2-container--above .select2-selection__rendered,
3414 .acf-admin-page .acf-field-data-storage .select2-container--open.select2-container--above .select2-selection__rendered,
3415 .acf-admin-page .acf-field-manage-terms .select2-container--open.select2-container--above .select2-selection__rendered,
3416 .acf-admin-page .acf-field-edit-terms .select2-container--open.select2-container--above .select2-selection__rendered,
3417 .acf-admin-page .acf-field-delete-terms .select2-container--open.select2-container--above .select2-selection__rendered,
3418 .acf-admin-page .acf-field-assign-terms .select2-container--open.select2-container--above .select2-selection__rendered,
3419 .acf-admin-page .acf-field-meta-box .select2-container--open.select2-container--above .select2-selection__rendered,
3420 .acf-admin-page .rule-groups .select2-container--open.select2-container--above .select2-selection__rendered {
3421 border-top-right-radius: 0 !important;
3422 border-top-left-radius: 0 !important;
3423 border-bottom-color: #6BB5D8 !important;
3424 border-top-color: #D0D5DD !important;
3425 }
3426
3427 .acf-admin-page .acf-field-setting-type .acf-selection.has-icon,
3428 .acf-admin-page .acf-field-permalink-rewrite .acf-selection.has-icon,
3429 .acf-admin-page .acf-field-query-var .acf-selection.has-icon,
3430 .acf-admin-page .acf-field-capability .acf-selection.has-icon,
3431 .acf-admin-page .acf-field-parent-slug .acf-selection.has-icon,
3432 .acf-admin-page .acf-field-data-storage .acf-selection.has-icon,
3433 .acf-admin-page .acf-field-manage-terms .acf-selection.has-icon,
3434 .acf-admin-page .acf-field-edit-terms .acf-selection.has-icon,
3435 .acf-admin-page .acf-field-delete-terms .acf-selection.has-icon,
3436 .acf-admin-page .acf-field-assign-terms .acf-selection.has-icon,
3437 .acf-admin-page .acf-field-meta-box .acf-selection.has-icon,
3438 .acf-admin-page .rule-groups .acf-selection.has-icon {
3439 margin-left: 6px;
3440 }
3441
3442 .rtl.acf-admin-page .acf-field-setting-type .acf-selection.has-icon, .acf-admin-page .acf-field-permalink-rewrite .acf-selection.has-icon, .acf-admin-page .acf-field-query-var .acf-selection.has-icon, .acf-admin-page .acf-field-capability .acf-selection.has-icon, .acf-admin-page .acf-field-parent-slug .acf-selection.has-icon, .acf-admin-page .acf-field-data-storage .acf-selection.has-icon, .acf-admin-page .acf-field-manage-terms .acf-selection.has-icon, .acf-admin-page .acf-field-edit-terms .acf-selection.has-icon, .acf-admin-page .acf-field-delete-terms .acf-selection.has-icon, .acf-admin-page .acf-field-assign-terms .acf-selection.has-icon, .acf-admin-page .acf-field-meta-box .acf-selection.has-icon, .acf-admin-page .rule-groups .acf-selection.has-icon {
3443 margin-right: 6px;
3444 }
3445
3446 .acf-admin-page .acf-field-setting-type .select2-selection__arrow,
3447 .acf-admin-page .acf-field-permalink-rewrite .select2-selection__arrow,
3448 .acf-admin-page .acf-field-query-var .select2-selection__arrow,
3449 .acf-admin-page .acf-field-capability .select2-selection__arrow,
3450 .acf-admin-page .acf-field-parent-slug .select2-selection__arrow,
3451 .acf-admin-page .acf-field-data-storage .select2-selection__arrow,
3452 .acf-admin-page .acf-field-manage-terms .select2-selection__arrow,
3453 .acf-admin-page .acf-field-edit-terms .select2-selection__arrow,
3454 .acf-admin-page .acf-field-delete-terms .select2-selection__arrow,
3455 .acf-admin-page .acf-field-assign-terms .select2-selection__arrow,
3456 .acf-admin-page .acf-field-meta-box .select2-selection__arrow,
3457 .acf-admin-page .rule-groups .select2-selection__arrow {
3458 width: 20px;
3459 height: 20px;
3460 top: calc(50% - 10px);
3461 right: 12px;
3462 background-color: transparent;
3463 }
3464
3465 .acf-admin-page .acf-field-setting-type .select2-selection__arrow:after,
3466 .acf-admin-page .acf-field-permalink-rewrite .select2-selection__arrow:after,
3467 .acf-admin-page .acf-field-query-var .select2-selection__arrow:after,
3468 .acf-admin-page .acf-field-capability .select2-selection__arrow:after,
3469 .acf-admin-page .acf-field-parent-slug .select2-selection__arrow:after,
3470 .acf-admin-page .acf-field-data-storage .select2-selection__arrow:after,
3471 .acf-admin-page .acf-field-manage-terms .select2-selection__arrow:after,
3472 .acf-admin-page .acf-field-edit-terms .select2-selection__arrow:after,
3473 .acf-admin-page .acf-field-delete-terms .select2-selection__arrow:after,
3474 .acf-admin-page .acf-field-assign-terms .select2-selection__arrow:after,
3475 .acf-admin-page .acf-field-meta-box .select2-selection__arrow:after,
3476 .acf-admin-page .rule-groups .select2-selection__arrow:after {
3477 content: "";
3478 display: block;
3479 position: absolute;
3480 z-index: 850;
3481 top: 1px;
3482 left: 0;
3483 width: 20px;
3484 height: 20px;
3485 -webkit-mask-image: url("../../images/icons/icon-chevron-down.svg");
3486 mask-image: url("../../images/icons/icon-chevron-down.svg");
3487 background-color: #667085;
3488 border: none;
3489 border-radius: 0;
3490 -webkit-mask-size: contain;
3491 mask-size: contain;
3492 -webkit-mask-repeat: no-repeat;
3493 mask-repeat: no-repeat;
3494 -webkit-mask-position: center;
3495 mask-position: center;
3496 text-indent: 500%;
3497 white-space: nowrap;
3498 overflow: hidden;
3499 }
3500
3501 .acf-admin-page .acf-field-setting-type .select2-selection__arrow b[role=presentation],
3502 .acf-admin-page .acf-field-permalink-rewrite .select2-selection__arrow b[role=presentation],
3503 .acf-admin-page .acf-field-query-var .select2-selection__arrow b[role=presentation],
3504 .acf-admin-page .acf-field-capability .select2-selection__arrow b[role=presentation],
3505 .acf-admin-page .acf-field-parent-slug .select2-selection__arrow b[role=presentation],
3506 .acf-admin-page .acf-field-data-storage .select2-selection__arrow b[role=presentation],
3507 .acf-admin-page .acf-field-manage-terms .select2-selection__arrow b[role=presentation],
3508 .acf-admin-page .acf-field-edit-terms .select2-selection__arrow b[role=presentation],
3509 .acf-admin-page .acf-field-delete-terms .select2-selection__arrow b[role=presentation],
3510 .acf-admin-page .acf-field-assign-terms .select2-selection__arrow b[role=presentation],
3511 .acf-admin-page .acf-field-meta-box .select2-selection__arrow b[role=presentation],
3512 .acf-admin-page .rule-groups .select2-selection__arrow b[role=presentation] {
3513 display: none;
3514 }
3515
3516 .acf-admin-page .acf-field-setting-type .select2-container--open .select2-selection__arrow:after,
3517 .acf-admin-page .acf-field-permalink-rewrite .select2-container--open .select2-selection__arrow:after,
3518 .acf-admin-page .acf-field-query-var .select2-container--open .select2-selection__arrow:after,
3519 .acf-admin-page .acf-field-capability .select2-container--open .select2-selection__arrow:after,
3520 .acf-admin-page .acf-field-parent-slug .select2-container--open .select2-selection__arrow:after,
3521 .acf-admin-page .acf-field-data-storage .select2-container--open .select2-selection__arrow:after,
3522 .acf-admin-page .acf-field-manage-terms .select2-container--open .select2-selection__arrow:after,
3523 .acf-admin-page .acf-field-edit-terms .select2-container--open .select2-selection__arrow:after,
3524 .acf-admin-page .acf-field-delete-terms .select2-container--open .select2-selection__arrow:after,
3525 .acf-admin-page .acf-field-assign-terms .select2-container--open .select2-selection__arrow:after,
3526 .acf-admin-page .acf-field-meta-box .select2-container--open .select2-selection__arrow:after,
3527 .acf-admin-page .rule-groups .select2-container--open .select2-selection__arrow:after {
3528 -webkit-mask-image: url("../../images/icons/icon-chevron-up.svg");
3529 mask-image: url("../../images/icons/icon-chevron-up.svg");
3530 }
3531
3532 .acf-admin-page .acf-term-search-term-name {
3533 background-color: #F9FAFB;
3534 border-top: 1px solid #EAECF0;
3535 border-bottom: 1px solid #EAECF0;
3536 color: #98A2B3;
3537 padding: 5px 5px 5px 10px;
3538 width: 100%;
3539 margin: 0;
3540 display: block;
3541 font-weight: 300;
3542 }
3543
3544 .acf-admin-page .field-type-select-results {
3545 position: relative;
3546 top: 4px;
3547 z-index: 1002;
3548 border-radius: 0 0 6px 6px;
3549 box-shadow: 0px 8px 24px 4px rgba(16, 24, 40, 0.12);
3550 }
3551
3552 .acf-admin-page .field-type-select-results.select2-dropdown--above {
3553 display: flex;
3554 flex-direction: column-reverse;
3555 top: 0;
3556 border-radius: 6px 6px 0 0;
3557 z-index: 99999;
3558 }
3559
3560 .select2-container.select2-container--open.acf-admin-page .field-type-select-results {
3561 box-shadow: 0px 0px 0px 3px #EBF5FA, 0px 8px 24px 4px rgba(16, 24, 40, 0.12);
3562 }
3563
3564 .acf-admin-page .field-type-select-results .acf-selection.has-icon {
3565 margin-left: 6px;
3566 }
3567
3568 .rtl.acf-admin-page .field-type-select-results .acf-selection.has-icon {
3569 margin-right: 6px;
3570 }
3571
3572 .acf-admin-page .field-type-select-results .select2-search {
3573 position: relative;
3574 margin: 0;
3575 padding: 0;
3576 }
3577
3578 .acf-admin-page .field-type-select-results .select2-search--dropdown:after {
3579 content: "";
3580 display: block;
3581 position: absolute;
3582 top: 12px;
3583 left: 13px;
3584 width: 16px;
3585 height: 16px;
3586 -webkit-mask-image: url("../../images/icons/icon-search.svg");
3587 mask-image: url("../../images/icons/icon-search.svg");
3588 background-color: #98A2B3;
3589 border: none;
3590 border-radius: 0;
3591 -webkit-mask-size: contain;
3592 mask-size: contain;
3593 -webkit-mask-repeat: no-repeat;
3594 mask-repeat: no-repeat;
3595 -webkit-mask-position: center;
3596 mask-position: center;
3597 text-indent: 500%;
3598 white-space: nowrap;
3599 overflow: hidden;
3600 }
3601
3602 .rtl.acf-admin-page .field-type-select-results .select2-search--dropdown:after {
3603 right: 12px;
3604 left: auto;
3605 }
3606
3607 .acf-admin-page .field-type-select-results .select2-search .select2-search__field {
3608 padding-left: 38px;
3609 border-right: 0;
3610 border-bottom: 0;
3611 border-left: 0;
3612 border-radius: 0;
3613 }
3614
3615 .rtl.acf-admin-page .field-type-select-results .select2-search .select2-search__field {
3616 padding-right: 38px;
3617 padding-left: 0;
3618 }
3619
3620 .acf-admin-page .field-type-select-results .select2-search .select2-search__field:focus {
3621 border-top-color: #D0D5DD;
3622 outline: 0;
3623 }
3624
3625 .acf-admin-page .field-type-select-results .select2-results__options {
3626 max-height: 440px;
3627 }
3628
3629 .acf-admin-page .field-type-select-results .select2-results__option .select2-results__option--highlighted {
3630 background-color: #0783BE !important;
3631 color: #F9FAFB !important;
3632 }
3633
3634 .acf-admin-page .field-type-select-results .select2-results__option .select2-results__option {
3635 display: inline-flex;
3636 position: relative;
3637 width: calc(100% - 24px);
3638 min-height: 32px;
3639 padding-top: 0;
3640 padding-right: 12px;
3641 padding-bottom: 0;
3642 padding-left: 12px;
3643 align-items: center;
3644 }
3645
3646 .acf-admin-page .field-type-select-results .select2-results__option .select2-results__option .field-type-icon {
3647 top: auto;
3648 width: 18px;
3649 height: 18px;
3650 margin-right: 2px;
3651 box-shadow: 0 0 0 1px #F9FAFB;
3652 }
3653
3654 .acf-admin-page .field-type-select-results .select2-results__option .select2-results__option .field-type-icon:before {
3655 width: 9px;
3656 height: 9px;
3657 }
3658
3659 .acf-admin-page .field-type-select-results .select2-results__option[aria-selected=true] {
3660 background-color: #EBF5FA !important;
3661 color: #344054 !important;
3662 }
3663
3664 .acf-admin-page .field-type-select-results .select2-results__option[aria-selected=true]:after {
3665 content: "";
3666 right: 13px;
3667 position: absolute;
3668 width: 16px;
3669 height: 16px;
3670 -webkit-mask-image: url("../../images/icons/icon-check.svg");
3671 mask-image: url("../../images/icons/icon-check.svg");
3672 background-color: #0783BE;
3673 border: none;
3674 border-radius: 0;
3675 -webkit-mask-size: contain;
3676 mask-size: contain;
3677 -webkit-mask-repeat: no-repeat;
3678 mask-repeat: no-repeat;
3679 -webkit-mask-position: center;
3680 mask-position: center;
3681 text-indent: 500%;
3682 white-space: nowrap;
3683 overflow: hidden;
3684 }
3685
3686 .rtl.acf-admin-page .field-type-select-results .select2-results__option[aria-selected=true]:after {
3687 left: 13px;
3688 right: auto;
3689 }
3690
3691 .acf-admin-page .field-type-select-results .select2-results__group {
3692 display: inline-flex;
3693 align-items: center;
3694 width: calc(100% - 24px);
3695 min-height: 25px;
3696 background-color: #F9FAFB;
3697 border-top-width: 1px;
3698 border-top-style: solid;
3699 border-top-color: #EAECF0;
3700 border-bottom-width: 1px;
3701 border-bottom-style: solid;
3702 border-bottom-color: #EAECF0;
3703 color: #98A2B3;
3704 font-size: 11px;
3705 margin-bottom: 0;
3706 padding-top: 0;
3707 padding-right: 12px;
3708 padding-bottom: 0;
3709 padding-left: 12px;
3710 font-weight: normal;
3711 }
3712
3713 .acf-admin-page.rtl .acf-field-setting-type .select2-selection__arrow:after,
3714 .acf-admin-page.rtl .acf-field-permalink-rewrite .select2-selection__arrow:after,
3715 .acf-admin-page.rtl .acf-field-query-var .select2-selection__arrow:after {
3716 right: auto;
3717 left: 10px;
3718 }
3719
3720 .rtl.post-type-acf-field-group .acf-field-setting-name .acf-tip,
3721 .rtl.acf-internal-post-type .acf-field-setting-name .acf-tip {
3722 left: auto;
3723 right: 654px;
3724 }
3725
3726 /*---------------------------------------------------------------------------------------------
3727 *
3728 * Field Groups
3729 *
3730 *---------------------------------------------------------------------------------------------*/
3731 .acf-internal-post-type .tablenav.top {
3732 display: none;
3733 }
3734
3735 .acf-internal-post-type .subsubsub {
3736 margin-bottom: 3px;
3737 }
3738
3739 .acf-internal-post-type .wp-list-table {
3740 margin-top: 0;
3741 margin-right: 0;
3742 margin-bottom: 0;
3743 margin-left: 0;
3744 border-radius: 8px;
3745 border: none;
3746 overflow: hidden;
3747 box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
3748 }
3749
3750 .acf-internal-post-type .wp-list-table strong {
3751 color: #98A2B3;
3752 margin: 0;
3753 }
3754
3755 .acf-internal-post-type .wp-list-table a.row-title {
3756 font-size: 13px !important;
3757 font-weight: 500;
3758 }
3759
3760 .acf-internal-post-type .wp-list-table th,
3761 .acf-internal-post-type .wp-list-table td {
3762 color: #344054;
3763 }
3764
3765 .acf-internal-post-type .wp-list-table th.sortable a,
3766 .acf-internal-post-type .wp-list-table td.sortable a {
3767 padding: 0;
3768 }
3769
3770 .acf-internal-post-type .wp-list-table th.check-column,
3771 .acf-internal-post-type .wp-list-table td.check-column {
3772 padding-top: 12px;
3773 padding-right: 16px;
3774 padding-left: 16px;
3775 }
3776
3777 @media screen and (max-width: 880px) {
3778 .acf-internal-post-type .wp-list-table th.check-column,
3779 .acf-internal-post-type .wp-list-table td.check-column {
3780 vertical-align: top;
3781 padding-right: 2px;
3782 padding-left: 10px;
3783 }
3784 }
3785 .acf-internal-post-type .wp-list-table th input,
3786 .acf-internal-post-type .wp-list-table td input {
3787 margin: 0;
3788 padding: 0;
3789 }
3790
3791 .acf-internal-post-type .wp-list-table th .acf-more-items,
3792 .acf-internal-post-type .wp-list-table td .acf-more-items {
3793 display: inline-flex;
3794 flex-direction: row;
3795 justify-content: center;
3796 align-items: center;
3797 padding: 0px 6px 1px;
3798 gap: 8px;
3799 width: 25px;
3800 height: 16px;
3801 background: #EAECF0;
3802 border-radius: 100px;
3803 font-weight: 400;
3804 font-size: 10px;
3805 color: #475467;
3806 }
3807
3808 .acf-internal-post-type .wp-list-table th .acf-emdash,
3809 .acf-internal-post-type .wp-list-table td .acf-emdash {
3810 color: #D0D5DD;
3811 }
3812
3813 .acf-internal-post-type .wp-list-table thead th, .acf-internal-post-type .wp-list-table thead td,
3814 .acf-internal-post-type .wp-list-table tfoot th, .acf-internal-post-type .wp-list-table tfoot td {
3815 height: 48px;
3816 padding-right: 24px;
3817 padding-left: 24px;
3818 box-sizing: border-box;
3819 background-color: #F9FAFB;
3820 border-color: #EAECF0;
3821 font-weight: 500;
3822 }
3823
3824 @media screen and (max-width: 880px) {
3825 .acf-internal-post-type .wp-list-table thead th, .acf-internal-post-type .wp-list-table thead td,
3826 .acf-internal-post-type .wp-list-table tfoot th, .acf-internal-post-type .wp-list-table tfoot td {
3827 padding-right: 16px;
3828 padding-left: 8px;
3829 }
3830 }
3831 @media screen and (max-width: 880px) {
3832 .acf-internal-post-type .wp-list-table thead th.check-column, .acf-internal-post-type .wp-list-table thead td.check-column,
3833 .acf-internal-post-type .wp-list-table tfoot th.check-column, .acf-internal-post-type .wp-list-table tfoot td.check-column {
3834 vertical-align: middle;
3835 }
3836 }
3837 .acf-internal-post-type .wp-list-table tbody th,
3838 .acf-internal-post-type .wp-list-table tbody td {
3839 box-sizing: border-box;
3840 height: 60px;
3841 padding-top: 10px;
3842 padding-right: 24px;
3843 padding-bottom: 10px;
3844 padding-left: 24px;
3845 vertical-align: top;
3846 background-color: #fff;
3847 border-bottom-width: 1px;
3848 border-bottom-color: #EAECF0;
3849 border-bottom-style: solid;
3850 }
3851
3852 @media screen and (max-width: 880px) {
3853 .acf-internal-post-type .wp-list-table tbody th,
3854 .acf-internal-post-type .wp-list-table tbody td {
3855 padding-right: 16px;
3856 padding-left: 8px;
3857 }
3858 }
3859 .acf-internal-post-type .wp-list-table .column-acf-key {
3860 white-space: nowrap;
3861 }
3862
3863 .acf-internal-post-type .wp-list-table .column-acf-key .acf-icon-key-solid {
3864 display: inline-block;
3865 position: relative;
3866 bottom: -2px;
3867 width: 15px;
3868 height: 15px;
3869 margin-right: 4px;
3870 color: #98A2B3;
3871 }
3872
3873 .acf-internal-post-type .wp-list-table .acf-location .dashicons {
3874 position: relative;
3875 bottom: -2px;
3876 width: 16px;
3877 height: 16px;
3878 margin-right: 6px;
3879 font-size: 16px;
3880 color: #98A2B3;
3881 }
3882
3883 .acf-internal-post-type .wp-list-table .post-state {
3884 color: #667085;
3885 }
3886
3887 .acf-internal-post-type .wp-list-table tr:hover,
3888 .acf-internal-post-type .wp-list-table tr:focus-within {
3889 background: #f7f7f7;
3890 }
3891
3892 .acf-internal-post-type .wp-list-table tr:hover .row-actions,
3893 .acf-internal-post-type .wp-list-table tr:focus-within .row-actions {
3894 margin-bottom: 0;
3895 }
3896
3897 @media screen and (min-width: 782px) {
3898 .acf-internal-post-type .wp-list-table .column-acf-count {
3899 width: 10%;
3900 }
3901 }
3902 .acf-internal-post-type .wp-list-table .row-actions span.file {
3903 display: block;
3904 overflow: hidden;
3905 white-space: nowrap;
3906 text-overflow: ellipsis;
3907 }
3908
3909 .acf-internal-post-type.rtl .wp-list-table .column-acf-key .acf-icon-key-solid {
3910 margin-left: 4px;
3911 margin-right: 0;
3912 }
3913
3914 .acf-internal-post-type.rtl .wp-list-table .acf-location .dashicons {
3915 margin-left: 6px;
3916 margin-right: 0;
3917 }
3918
3919 .acf-internal-post-type .row-actions {
3920 margin-top: 2px;
3921 padding-top: 0;
3922 padding-right: 0;
3923 padding-bottom: 0;
3924 padding-left: 0;
3925 line-height: 14px;
3926 color: #D0D5DD;
3927 }
3928
3929 .acf-internal-post-type .row-actions .trash a {
3930 color: #d94f4f;
3931 }
3932
3933 .acf-internal-post-type .widefat thead td.check-column,
3934 .acf-internal-post-type .widefat tfoot td.check-column {
3935 padding-top: 0;
3936 }
3937
3938 /*--------------------------------------------------------------------------------------------
3939 *
3940 * Row actions
3941 *
3942 *--------------------------------------------------------------------------------------------*/
3943 .acf-internal-post-type .row-actions a:hover {
3944 color: #044767;
3945 }
3946
3947 .acf-internal-post-type .row-actions .trash a {
3948 color: #a00;
3949 }
3950
3951 .acf-internal-post-type .row-actions .trash a:hover {
3952 color: #f00;
3953 }
3954
3955 .acf-internal-post-type .row-actions.visible {
3956 margin-bottom: 0;
3957 opacity: 1;
3958 }
3959
3960 /*--------------------------------------------------------------------------------------------
3961 *
3962 * Row hover
3963 *
3964 *--------------------------------------------------------------------------------------------*/
3965 .acf-internal-post-type #the-list tr:hover td,
3966 .acf-internal-post-type #the-list tr:hover th {
3967 background-color: #f7fbfd;
3968 }
3969
3970 /*---------------------------------------------------------------------------------------------
3971 *
3972 * Table Nav
3973 *
3974 *---------------------------------------------------------------------------------------------*/
3975 .acf-internal-post-type .tablenav {
3976 margin-top: 24px;
3977 margin-right: 0;
3978 margin-bottom: 0;
3979 margin-left: 0;
3980 padding-top: 0;
3981 padding-right: 0;
3982 padding-bottom: 0;
3983 padding-left: 0;
3984 color: #667085;
3985 }
3986
3987 /*--------------------------------------------------------------------------------------------
3988 *
3989 * Search box
3990 *
3991 *--------------------------------------------------------------------------------------------*/
3992 .acf-internal-post-type #posts-filter p.search-box {
3993 margin-top: 5px;
3994 margin-right: 0;
3995 margin-bottom: 24px;
3996 margin-left: 0;
3997 }
3998
3999 .acf-internal-post-type #posts-filter p.search-box #post-search-input {
4000 min-width: 280px;
4001 margin-top: 0;
4002 margin-right: 8px;
4003 margin-bottom: 0;
4004 margin-left: 0;
4005 }
4006
4007 @media screen and (max-width: 768px) {
4008 .acf-internal-post-type #posts-filter p.search-box {
4009 display: flex;
4010 box-sizing: border-box;
4011 padding-right: 24px;
4012 margin-right: 16px;
4013 position: inherit;
4014 }
4015 .acf-internal-post-type #posts-filter p.search-box #post-search-input {
4016 min-width: auto;
4017 }
4018 }
4019 .rtl.acf-internal-post-type #posts-filter p.search-box #post-search-input {
4020 margin-right: 0;
4021 margin-left: 8px;
4022 }
4023
4024 @media screen and (max-width: 768px) {
4025 .rtl.acf-internal-post-type #posts-filter p.search-box {
4026 padding-left: 24px;
4027 padding-right: 0;
4028 margin-left: 16px;
4029 margin-right: 0;
4030 }
4031 }
4032 /*--------------------------------------------------------------------------------------------
4033 *
4034 * Status tabs
4035 *
4036 *--------------------------------------------------------------------------------------------*/
4037 .acf-internal-post-type .subsubsub {
4038 display: flex;
4039 align-items: flex-end;
4040 height: 40px;
4041 margin-bottom: 16px;
4042 }
4043
4044 .acf-internal-post-type .subsubsub li {
4045 margin-top: 0;
4046 margin-right: 4px;
4047 color: #98A2B3;
4048 }
4049
4050 .acf-internal-post-type .subsubsub li .count {
4051 color: #667085;
4052 }
4053
4054 /*--------------------------------------------------------------------------------------------
4055 *
4056 * Pagination
4057 *
4058 *--------------------------------------------------------------------------------------------*/
4059 .acf-internal-post-type .tablenav-pages {
4060 display: flex;
4061 align-items: center;
4062 }
4063
4064 .acf-internal-post-type .tablenav-pages.no-pages {
4065 display: none;
4066 }
4067
4068 .acf-internal-post-type .tablenav-pages .displaying-num {
4069 margin-top: 0;
4070 margin-right: 16px;
4071 margin-bottom: 0;
4072 margin-left: 0;
4073 }
4074
4075 .acf-internal-post-type .tablenav-pages .pagination-links {
4076 display: flex;
4077 align-items: center;
4078 }
4079
4080 .acf-internal-post-type .tablenav-pages .pagination-links #table-paging {
4081 margin-top: 0;
4082 margin-right: 4px;
4083 margin-bottom: 0;
4084 margin-left: 8px;
4085 }
4086
4087 .acf-internal-post-type .tablenav-pages .pagination-links #table-paging .total-pages {
4088 margin-right: 0;
4089 }
4090
4091 .acf-internal-post-type .tablenav-pages.one-page .pagination-links {
4092 display: none;
4093 }
4094
4095 /*--------------------------------------------------------------------------------------------
4096 *
4097 * Pagination buttons & icons
4098 *
4099 *--------------------------------------------------------------------------------------------*/
4100 .acf-internal-post-type .tablenav-pages .pagination-links .button {
4101 display: inline-flex;
4102 align-items: center;
4103 align-content: center;
4104 justify-content: center;
4105 min-width: 40px;
4106 margin-top: 0;
4107 margin-right: 0;
4108 margin-bottom: 0;
4109 margin-left: 0;
4110 padding-top: 0;
4111 padding-right: 0;
4112 padding-bottom: 0;
4113 padding-left: 0;
4114 background-color: transparent;
4115 }
4116
4117 .acf-internal-post-type .tablenav-pages .pagination-links .button:nth-child(1), .acf-internal-post-type .tablenav-pages .pagination-links .button:nth-child(2), .acf-internal-post-type .tablenav-pages .pagination-links .button:last-child, .acf-internal-post-type .tablenav-pages .pagination-links .button:nth-last-child(2) {
4118 display: inline-block;
4119 position: relative;
4120 text-indent: 100%;
4121 white-space: nowrap;
4122 overflow: hidden;
4123 margin-left: 4px;
4124 }
4125
4126 .acf-internal-post-type .tablenav-pages .pagination-links .button:nth-child(1):before, .acf-internal-post-type .tablenav-pages .pagination-links .button:nth-child(2):before, .acf-internal-post-type .tablenav-pages .pagination-links .button:last-child:before, .acf-internal-post-type .tablenav-pages .pagination-links .button:nth-last-child(2):before {
4127 content: "";
4128 display: block;
4129 position: absolute;
4130 width: 100%;
4131 height: 100%;
4132 top: 0;
4133 left: 0;
4134 background-color: #0783BE;
4135 border-radius: 0;
4136 -webkit-mask-size: 20px;
4137 mask-size: 20px;
4138 -webkit-mask-repeat: no-repeat;
4139 mask-repeat: no-repeat;
4140 -webkit-mask-position: center;
4141 mask-position: center;
4142 }
4143
4144 .acf-internal-post-type .tablenav-pages .pagination-links .button:nth-child(1):before {
4145 -webkit-mask-image: url("../../images/icons/icon-chevron-left-double.svg");
4146 mask-image: url("../../images/icons/icon-chevron-left-double.svg");
4147 }
4148
4149 .acf-internal-post-type .tablenav-pages .pagination-links .button:nth-child(2):before {
4150 -webkit-mask-image: url("../../images/icons/icon-chevron-left.svg");
4151 mask-image: url("../../images/icons/icon-chevron-left.svg");
4152 }
4153
4154 .acf-internal-post-type .tablenav-pages .pagination-links .button:nth-last-child(2):before {
4155 -webkit-mask-image: url("../../images/icons/icon-chevron-right.svg");
4156 mask-image: url("../../images/icons/icon-chevron-right.svg");
4157 }
4158
4159 .acf-internal-post-type .tablenav-pages .pagination-links .button:last-child:before {
4160 -webkit-mask-image: url("../../images/icons/icon-chevron-right-double.svg");
4161 mask-image: url("../../images/icons/icon-chevron-right-double.svg");
4162 }
4163
4164 .acf-internal-post-type .tablenav-pages .pagination-links .button:hover {
4165 border-color: #066998;
4166 background-color: rgba(7, 131, 190, 0.05);
4167 }
4168
4169 .acf-internal-post-type .tablenav-pages .pagination-links .button:hover:before {
4170 background-color: #066998;
4171 }
4172
4173 .acf-internal-post-type .tablenav-pages .pagination-links .button.disabled {
4174 background-color: transparent !important;
4175 }
4176
4177 .acf-internal-post-type .tablenav-pages .pagination-links .button.disabled.disabled:before {
4178 background-color: #D0D5DD;
4179 }
4180
4181 /*---------------------------------------------------------------------------------------------
4182 *
4183 * Empty state
4184 *
4185 *---------------------------------------------------------------------------------------------*/
4186 .acf-no-field-groups-wrapper,
4187 .acf-no-taxonomies-wrapper,
4188 .acf-no-post-types-wrapper,
4189 .acf-no-options-pages-wrapper,
4190 .acf-options-preview-wrapper {
4191 display: flex;
4192 justify-content: center;
4193 padding-top: 48px;
4194 padding-bottom: 48px;
4195 }
4196
4197 .acf-no-field-groups-wrapper .acf-no-field-groups-inner,
4198 .acf-no-field-groups-wrapper .acf-no-taxonomies-inner,
4199 .acf-no-field-groups-wrapper .acf-no-post-types-inner,
4200 .acf-no-field-groups-wrapper .acf-no-options-pages-inner,
4201 .acf-no-field-groups-wrapper .acf-options-preview-inner,
4202 .acf-no-taxonomies-wrapper .acf-no-field-groups-inner,
4203 .acf-no-taxonomies-wrapper .acf-no-taxonomies-inner,
4204 .acf-no-taxonomies-wrapper .acf-no-post-types-inner,
4205 .acf-no-taxonomies-wrapper .acf-no-options-pages-inner,
4206 .acf-no-taxonomies-wrapper .acf-options-preview-inner,
4207 .acf-no-post-types-wrapper .acf-no-field-groups-inner,
4208 .acf-no-post-types-wrapper .acf-no-taxonomies-inner,
4209 .acf-no-post-types-wrapper .acf-no-post-types-inner,
4210 .acf-no-post-types-wrapper .acf-no-options-pages-inner,
4211 .acf-no-post-types-wrapper .acf-options-preview-inner,
4212 .acf-no-options-pages-wrapper .acf-no-field-groups-inner,
4213 .acf-no-options-pages-wrapper .acf-no-taxonomies-inner,
4214 .acf-no-options-pages-wrapper .acf-no-post-types-inner,
4215 .acf-no-options-pages-wrapper .acf-no-options-pages-inner,
4216 .acf-no-options-pages-wrapper .acf-options-preview-inner,
4217 .acf-options-preview-wrapper .acf-no-field-groups-inner,
4218 .acf-options-preview-wrapper .acf-no-taxonomies-inner,
4219 .acf-options-preview-wrapper .acf-no-post-types-inner,
4220 .acf-options-preview-wrapper .acf-no-options-pages-inner,
4221 .acf-options-preview-wrapper .acf-options-preview-inner {
4222 display: flex;
4223 flex-wrap: wrap;
4224 justify-content: center;
4225 align-content: center;
4226 align-items: flex-start;
4227 text-align: center;
4228 max-width: 420px;
4229 min-height: 320px;
4230 }
4231
4232 .acf-no-field-groups-wrapper .acf-no-field-groups-inner img,
4233 .acf-no-field-groups-wrapper .acf-no-field-groups-inner h2,
4234 .acf-no-field-groups-wrapper .acf-no-field-groups-inner p,
4235 .acf-no-field-groups-wrapper .acf-no-taxonomies-inner img,
4236 .acf-no-field-groups-wrapper .acf-no-taxonomies-inner h2,
4237 .acf-no-field-groups-wrapper .acf-no-taxonomies-inner p,
4238 .acf-no-field-groups-wrapper .acf-no-post-types-inner img,
4239 .acf-no-field-groups-wrapper .acf-no-post-types-inner h2,
4240 .acf-no-field-groups-wrapper .acf-no-post-types-inner p,
4241 .acf-no-field-groups-wrapper .acf-no-options-pages-inner img,
4242 .acf-no-field-groups-wrapper .acf-no-options-pages-inner h2,
4243 .acf-no-field-groups-wrapper .acf-no-options-pages-inner p,
4244 .acf-no-field-groups-wrapper .acf-options-preview-inner img,
4245 .acf-no-field-groups-wrapper .acf-options-preview-inner h2,
4246 .acf-no-field-groups-wrapper .acf-options-preview-inner p,
4247 .acf-no-taxonomies-wrapper .acf-no-field-groups-inner img,
4248 .acf-no-taxonomies-wrapper .acf-no-field-groups-inner h2,
4249 .acf-no-taxonomies-wrapper .acf-no-field-groups-inner p,
4250 .acf-no-taxonomies-wrapper .acf-no-taxonomies-inner img,
4251 .acf-no-taxonomies-wrapper .acf-no-taxonomies-inner h2,
4252 .acf-no-taxonomies-wrapper .acf-no-taxonomies-inner p,
4253 .acf-no-taxonomies-wrapper .acf-no-post-types-inner img,
4254 .acf-no-taxonomies-wrapper .acf-no-post-types-inner h2,
4255 .acf-no-taxonomies-wrapper .acf-no-post-types-inner p,
4256 .acf-no-taxonomies-wrapper .acf-no-options-pages-inner img,
4257 .acf-no-taxonomies-wrapper .acf-no-options-pages-inner h2,
4258 .acf-no-taxonomies-wrapper .acf-no-options-pages-inner p,
4259 .acf-no-taxonomies-wrapper .acf-options-preview-inner img,
4260 .acf-no-taxonomies-wrapper .acf-options-preview-inner h2,
4261 .acf-no-taxonomies-wrapper .acf-options-preview-inner p,
4262 .acf-no-post-types-wrapper .acf-no-field-groups-inner img,
4263 .acf-no-post-types-wrapper .acf-no-field-groups-inner h2,
4264 .acf-no-post-types-wrapper .acf-no-field-groups-inner p,
4265 .acf-no-post-types-wrapper .acf-no-taxonomies-inner img,
4266 .acf-no-post-types-wrapper .acf-no-taxonomies-inner h2,
4267 .acf-no-post-types-wrapper .acf-no-taxonomies-inner p,
4268 .acf-no-post-types-wrapper .acf-no-post-types-inner img,
4269 .acf-no-post-types-wrapper .acf-no-post-types-inner h2,
4270 .acf-no-post-types-wrapper .acf-no-post-types-inner p,
4271 .acf-no-post-types-wrapper .acf-no-options-pages-inner img,
4272 .acf-no-post-types-wrapper .acf-no-options-pages-inner h2,
4273 .acf-no-post-types-wrapper .acf-no-options-pages-inner p,
4274 .acf-no-post-types-wrapper .acf-options-preview-inner img,
4275 .acf-no-post-types-wrapper .acf-options-preview-inner h2,
4276 .acf-no-post-types-wrapper .acf-options-preview-inner p,
4277 .acf-no-options-pages-wrapper .acf-no-field-groups-inner img,
4278 .acf-no-options-pages-wrapper .acf-no-field-groups-inner h2,
4279 .acf-no-options-pages-wrapper .acf-no-field-groups-inner p,
4280 .acf-no-options-pages-wrapper .acf-no-taxonomies-inner img,
4281 .acf-no-options-pages-wrapper .acf-no-taxonomies-inner h2,
4282 .acf-no-options-pages-wrapper .acf-no-taxonomies-inner p,
4283 .acf-no-options-pages-wrapper .acf-no-post-types-inner img,
4284 .acf-no-options-pages-wrapper .acf-no-post-types-inner h2,
4285 .acf-no-options-pages-wrapper .acf-no-post-types-inner p,
4286 .acf-no-options-pages-wrapper .acf-no-options-pages-inner img,
4287 .acf-no-options-pages-wrapper .acf-no-options-pages-inner h2,
4288 .acf-no-options-pages-wrapper .acf-no-options-pages-inner p,
4289 .acf-no-options-pages-wrapper .acf-options-preview-inner img,
4290 .acf-no-options-pages-wrapper .acf-options-preview-inner h2,
4291 .acf-no-options-pages-wrapper .acf-options-preview-inner p,
4292 .acf-options-preview-wrapper .acf-no-field-groups-inner img,
4293 .acf-options-preview-wrapper .acf-no-field-groups-inner h2,
4294 .acf-options-preview-wrapper .acf-no-field-groups-inner p,
4295 .acf-options-preview-wrapper .acf-no-taxonomies-inner img,
4296 .acf-options-preview-wrapper .acf-no-taxonomies-inner h2,
4297 .acf-options-preview-wrapper .acf-no-taxonomies-inner p,
4298 .acf-options-preview-wrapper .acf-no-post-types-inner img,
4299 .acf-options-preview-wrapper .acf-no-post-types-inner h2,
4300 .acf-options-preview-wrapper .acf-no-post-types-inner p,
4301 .acf-options-preview-wrapper .acf-no-options-pages-inner img,
4302 .acf-options-preview-wrapper .acf-no-options-pages-inner h2,
4303 .acf-options-preview-wrapper .acf-no-options-pages-inner p,
4304 .acf-options-preview-wrapper .acf-options-preview-inner img,
4305 .acf-options-preview-wrapper .acf-options-preview-inner h2,
4306 .acf-options-preview-wrapper .acf-options-preview-inner p {
4307 flex: 1 0 100%;
4308 }
4309
4310 .acf-no-field-groups-wrapper .acf-no-field-groups-inner h2,
4311 .acf-no-field-groups-wrapper .acf-no-taxonomies-inner h2,
4312 .acf-no-field-groups-wrapper .acf-no-post-types-inner h2,
4313 .acf-no-field-groups-wrapper .acf-no-options-pages-inner h2,
4314 .acf-no-field-groups-wrapper .acf-options-preview-inner h2,
4315 .acf-no-taxonomies-wrapper .acf-no-field-groups-inner h2,
4316 .acf-no-taxonomies-wrapper .acf-no-taxonomies-inner h2,
4317 .acf-no-taxonomies-wrapper .acf-no-post-types-inner h2,
4318 .acf-no-taxonomies-wrapper .acf-no-options-pages-inner h2,
4319 .acf-no-taxonomies-wrapper .acf-options-preview-inner h2,
4320 .acf-no-post-types-wrapper .acf-no-field-groups-inner h2,
4321 .acf-no-post-types-wrapper .acf-no-taxonomies-inner h2,
4322 .acf-no-post-types-wrapper .acf-no-post-types-inner h2,
4323 .acf-no-post-types-wrapper .acf-no-options-pages-inner h2,
4324 .acf-no-post-types-wrapper .acf-options-preview-inner h2,
4325 .acf-no-options-pages-wrapper .acf-no-field-groups-inner h2,
4326 .acf-no-options-pages-wrapper .acf-no-taxonomies-inner h2,
4327 .acf-no-options-pages-wrapper .acf-no-post-types-inner h2,
4328 .acf-no-options-pages-wrapper .acf-no-options-pages-inner h2,
4329 .acf-no-options-pages-wrapper .acf-options-preview-inner h2,
4330 .acf-options-preview-wrapper .acf-no-field-groups-inner h2,
4331 .acf-options-preview-wrapper .acf-no-taxonomies-inner h2,
4332 .acf-options-preview-wrapper .acf-no-post-types-inner h2,
4333 .acf-options-preview-wrapper .acf-no-options-pages-inner h2,
4334 .acf-options-preview-wrapper .acf-options-preview-inner h2 {
4335 margin-top: 32px;
4336 margin-bottom: 0;
4337 padding: 0;
4338 color: #344054;
4339 line-height: 1.6rem;
4340 }
4341
4342 .acf-no-field-groups-wrapper .acf-no-field-groups-inner p,
4343 .acf-no-field-groups-wrapper .acf-no-taxonomies-inner p,
4344 .acf-no-field-groups-wrapper .acf-no-post-types-inner p,
4345 .acf-no-field-groups-wrapper .acf-no-options-pages-inner p,
4346 .acf-no-field-groups-wrapper .acf-options-preview-inner p,
4347 .acf-no-taxonomies-wrapper .acf-no-field-groups-inner p,
4348 .acf-no-taxonomies-wrapper .acf-no-taxonomies-inner p,
4349 .acf-no-taxonomies-wrapper .acf-no-post-types-inner p,
4350 .acf-no-taxonomies-wrapper .acf-no-options-pages-inner p,
4351 .acf-no-taxonomies-wrapper .acf-options-preview-inner p,
4352 .acf-no-post-types-wrapper .acf-no-field-groups-inner p,
4353 .acf-no-post-types-wrapper .acf-no-taxonomies-inner p,
4354 .acf-no-post-types-wrapper .acf-no-post-types-inner p,
4355 .acf-no-post-types-wrapper .acf-no-options-pages-inner p,
4356 .acf-no-post-types-wrapper .acf-options-preview-inner p,
4357 .acf-no-options-pages-wrapper .acf-no-field-groups-inner p,
4358 .acf-no-options-pages-wrapper .acf-no-taxonomies-inner p,
4359 .acf-no-options-pages-wrapper .acf-no-post-types-inner p,
4360 .acf-no-options-pages-wrapper .acf-no-options-pages-inner p,
4361 .acf-no-options-pages-wrapper .acf-options-preview-inner p,
4362 .acf-options-preview-wrapper .acf-no-field-groups-inner p,
4363 .acf-options-preview-wrapper .acf-no-taxonomies-inner p,
4364 .acf-options-preview-wrapper .acf-no-post-types-inner p,
4365 .acf-options-preview-wrapper .acf-no-options-pages-inner p,
4366 .acf-options-preview-wrapper .acf-options-preview-inner p {
4367 margin-top: 12px;
4368 margin-bottom: 0;
4369 padding: 0;
4370 color: #667085;
4371 }
4372
4373 .acf-no-field-groups-wrapper .acf-no-field-groups-inner p.acf-small,
4374 .acf-no-field-groups-wrapper .acf-no-taxonomies-inner p.acf-small,
4375 .acf-no-field-groups-wrapper .acf-no-post-types-inner p.acf-small,
4376 .acf-no-field-groups-wrapper .acf-no-options-pages-inner p.acf-small,
4377 .acf-no-field-groups-wrapper .acf-options-preview-inner p.acf-small,
4378 .acf-no-taxonomies-wrapper .acf-no-field-groups-inner p.acf-small,
4379 .acf-no-taxonomies-wrapper .acf-no-taxonomies-inner p.acf-small,
4380 .acf-no-taxonomies-wrapper .acf-no-post-types-inner p.acf-small,
4381 .acf-no-taxonomies-wrapper .acf-no-options-pages-inner p.acf-small,
4382 .acf-no-taxonomies-wrapper .acf-options-preview-inner p.acf-small,
4383 .acf-no-post-types-wrapper .acf-no-field-groups-inner p.acf-small,
4384 .acf-no-post-types-wrapper .acf-no-taxonomies-inner p.acf-small,
4385 .acf-no-post-types-wrapper .acf-no-post-types-inner p.acf-small,
4386 .acf-no-post-types-wrapper .acf-no-options-pages-inner p.acf-small,
4387 .acf-no-post-types-wrapper .acf-options-preview-inner p.acf-small,
4388 .acf-no-options-pages-wrapper .acf-no-field-groups-inner p.acf-small,
4389 .acf-no-options-pages-wrapper .acf-no-taxonomies-inner p.acf-small,
4390 .acf-no-options-pages-wrapper .acf-no-post-types-inner p.acf-small,
4391 .acf-no-options-pages-wrapper .acf-no-options-pages-inner p.acf-small,
4392 .acf-no-options-pages-wrapper .acf-options-preview-inner p.acf-small,
4393 .acf-options-preview-wrapper .acf-no-field-groups-inner p.acf-small,
4394 .acf-options-preview-wrapper .acf-no-taxonomies-inner p.acf-small,
4395 .acf-options-preview-wrapper .acf-no-post-types-inner p.acf-small,
4396 .acf-options-preview-wrapper .acf-no-options-pages-inner p.acf-small,
4397 .acf-options-preview-wrapper .acf-options-preview-inner p.acf-small {
4398 display: block;
4399 position: relative;
4400 margin-top: 32px;
4401 }
4402
4403 .acf-no-field-groups-wrapper .acf-no-field-groups-inner img,
4404 .acf-no-field-groups-wrapper .acf-no-taxonomies-inner img,
4405 .acf-no-field-groups-wrapper .acf-no-post-types-inner img,
4406 .acf-no-field-groups-wrapper .acf-no-options-pages-inner img,
4407 .acf-no-field-groups-wrapper .acf-options-preview-inner img,
4408 .acf-no-taxonomies-wrapper .acf-no-field-groups-inner img,
4409 .acf-no-taxonomies-wrapper .acf-no-taxonomies-inner img,
4410 .acf-no-taxonomies-wrapper .acf-no-post-types-inner img,
4411 .acf-no-taxonomies-wrapper .acf-no-options-pages-inner img,
4412 .acf-no-taxonomies-wrapper .acf-options-preview-inner img,
4413 .acf-no-post-types-wrapper .acf-no-field-groups-inner img,
4414 .acf-no-post-types-wrapper .acf-no-taxonomies-inner img,
4415 .acf-no-post-types-wrapper .acf-no-post-types-inner img,
4416 .acf-no-post-types-wrapper .acf-no-options-pages-inner img,
4417 .acf-no-post-types-wrapper .acf-options-preview-inner img,
4418 .acf-no-options-pages-wrapper .acf-no-field-groups-inner img,
4419 .acf-no-options-pages-wrapper .acf-no-taxonomies-inner img,
4420 .acf-no-options-pages-wrapper .acf-no-post-types-inner img,
4421 .acf-no-options-pages-wrapper .acf-no-options-pages-inner img,
4422 .acf-no-options-pages-wrapper .acf-options-preview-inner img,
4423 .acf-options-preview-wrapper .acf-no-field-groups-inner img,
4424 .acf-options-preview-wrapper .acf-no-taxonomies-inner img,
4425 .acf-options-preview-wrapper .acf-no-post-types-inner img,
4426 .acf-options-preview-wrapper .acf-no-options-pages-inner img,
4427 .acf-options-preview-wrapper .acf-options-preview-inner img {
4428 max-width: 284px;
4429 margin-bottom: 0;
4430 }
4431
4432 .acf-no-field-groups-wrapper .acf-no-field-groups-inner .acf-btn,
4433 .acf-no-field-groups-wrapper .acf-no-taxonomies-inner .acf-btn,
4434 .acf-no-field-groups-wrapper .acf-no-post-types-inner .acf-btn,
4435 .acf-no-field-groups-wrapper .acf-no-options-pages-inner .acf-btn,
4436 .acf-no-field-groups-wrapper .acf-options-preview-inner .acf-btn,
4437 .acf-no-taxonomies-wrapper .acf-no-field-groups-inner .acf-btn,
4438 .acf-no-taxonomies-wrapper .acf-no-taxonomies-inner .acf-btn,
4439 .acf-no-taxonomies-wrapper .acf-no-post-types-inner .acf-btn,
4440 .acf-no-taxonomies-wrapper .acf-no-options-pages-inner .acf-btn,
4441 .acf-no-taxonomies-wrapper .acf-options-preview-inner .acf-btn,
4442 .acf-no-post-types-wrapper .acf-no-field-groups-inner .acf-btn,
4443 .acf-no-post-types-wrapper .acf-no-taxonomies-inner .acf-btn,
4444 .acf-no-post-types-wrapper .acf-no-post-types-inner .acf-btn,
4445 .acf-no-post-types-wrapper .acf-no-options-pages-inner .acf-btn,
4446 .acf-no-post-types-wrapper .acf-options-preview-inner .acf-btn,
4447 .acf-no-options-pages-wrapper .acf-no-field-groups-inner .acf-btn,
4448 .acf-no-options-pages-wrapper .acf-no-taxonomies-inner .acf-btn,
4449 .acf-no-options-pages-wrapper .acf-no-post-types-inner .acf-btn,
4450 .acf-no-options-pages-wrapper .acf-no-options-pages-inner .acf-btn,
4451 .acf-no-options-pages-wrapper .acf-options-preview-inner .acf-btn,
4452 .acf-options-preview-wrapper .acf-no-field-groups-inner .acf-btn,
4453 .acf-options-preview-wrapper .acf-no-taxonomies-inner .acf-btn,
4454 .acf-options-preview-wrapper .acf-no-post-types-inner .acf-btn,
4455 .acf-options-preview-wrapper .acf-no-options-pages-inner .acf-btn,
4456 .acf-options-preview-wrapper .acf-options-preview-inner .acf-btn {
4457 margin-top: 32px;
4458 }
4459
4460 .acf-no-field-groups-wrapper .acf-no-post-types-inner img,
4461 .acf-no-field-groups-wrapper .acf-no-options-pages-inner img,
4462 .acf-no-taxonomies-wrapper .acf-no-post-types-inner img,
4463 .acf-no-taxonomies-wrapper .acf-no-options-pages-inner img,
4464 .acf-no-post-types-wrapper .acf-no-post-types-inner img,
4465 .acf-no-post-types-wrapper .acf-no-options-pages-inner img,
4466 .acf-no-options-pages-wrapper .acf-no-post-types-inner img,
4467 .acf-no-options-pages-wrapper .acf-no-options-pages-inner img,
4468 .acf-options-preview-wrapper .acf-no-post-types-inner img,
4469 .acf-options-preview-wrapper .acf-no-options-pages-inner img {
4470 width: 106px;
4471 height: 88px;
4472 }
4473
4474 .acf-no-field-groups-wrapper .acf-no-taxonomies-inner img,
4475 .acf-no-taxonomies-wrapper .acf-no-taxonomies-inner img,
4476 .acf-no-post-types-wrapper .acf-no-taxonomies-inner img,
4477 .acf-no-options-pages-wrapper .acf-no-taxonomies-inner img,
4478 .acf-options-preview-wrapper .acf-no-taxonomies-inner img {
4479 width: 98px;
4480 height: 88px;
4481 }
4482
4483 .acf-no-field-groups #the-list tr:hover td,
4484 .acf-no-field-groups #the-list tr:hover th,
4485 .acf-no-field-groups .acf-admin-field-groups .wp-list-table tr:hover,
4486 .acf-no-field-groups .striped > tbody > :nth-child(odd), .acf-no-field-groups ul.striped > :nth-child(odd), .acf-no-field-groups .alternate,
4487 .acf-no-post-types #the-list tr:hover td,
4488 .acf-no-post-types #the-list tr:hover th,
4489 .acf-no-post-types .acf-admin-field-groups .wp-list-table tr:hover,
4490 .acf-no-post-types .striped > tbody > :nth-child(odd),
4491 .acf-no-post-types ul.striped > :nth-child(odd),
4492 .acf-no-post-types .alternate,
4493 .acf-no-taxonomies #the-list tr:hover td,
4494 .acf-no-taxonomies #the-list tr:hover th,
4495 .acf-no-taxonomies .acf-admin-field-groups .wp-list-table tr:hover,
4496 .acf-no-taxonomies .striped > tbody > :nth-child(odd),
4497 .acf-no-taxonomies ul.striped > :nth-child(odd),
4498 .acf-no-taxonomies .alternate,
4499 .acf-no-options-pages #the-list tr:hover td,
4500 .acf-no-options-pages #the-list tr:hover th,
4501 .acf-no-options-pages .acf-admin-field-groups .wp-list-table tr:hover,
4502 .acf-no-options-pages .striped > tbody > :nth-child(odd),
4503 .acf-no-options-pages ul.striped > :nth-child(odd),
4504 .acf-no-options-pages .alternate {
4505 background-color: transparent !important;
4506 }
4507
4508 .acf-no-field-groups .wp-list-table thead,
4509 .acf-no-field-groups .wp-list-table tfoot,
4510 .acf-no-post-types .wp-list-table thead,
4511 .acf-no-post-types .wp-list-table tfoot,
4512 .acf-no-taxonomies .wp-list-table thead,
4513 .acf-no-taxonomies .wp-list-table tfoot,
4514 .acf-no-options-pages .wp-list-table thead,
4515 .acf-no-options-pages .wp-list-table tfoot {
4516 display: none;
4517 }
4518
4519 .acf-no-field-groups .wp-list-table a.acf-btn,
4520 .acf-no-post-types .wp-list-table a.acf-btn,
4521 .acf-no-taxonomies .wp-list-table a.acf-btn,
4522 .acf-no-options-pages .wp-list-table a.acf-btn {
4523 border: 1px solid rgba(0, 0, 0, 0.16);
4524 box-shadow: none;
4525 }
4526
4527 .acf-internal-post-type #the-list .no-items td {
4528 vertical-align: middle;
4529 }
4530
4531 /*---------------------------------------------------------------------------------------------
4532 *
4533 * Options Page Preview
4534 *
4535 *---------------------------------------------------------------------------------------------*/
4536 .acf-options-preview .acf-btn,
4537 .acf-no-options-pages-wrapper .acf-btn {
4538 margin-left: 8px;
4539 }
4540
4541 .acf-options-preview .disabled,
4542 .acf-no-options-pages-wrapper .disabled {
4543 background-color: #F2F4F7 !important;
4544 color: #98A2B3 !important;
4545 border: 1px #D0D5DD solid;
4546 cursor: default !important;
4547 }
4548
4549 .acf-options-preview .acf-options-pages-preview-upgrade-button,
4550 .acf-no-options-pages-wrapper .acf-options-pages-preview-upgrade-button {
4551 height: 48px;
4552 padding: 8px 48px 8px 48px !important;
4553 border: none !important;
4554 gap: 6px;
4555 display: inline-flex;
4556 align-items: center;
4557 align-self: stretch;
4558 background: radial-gradient(141.77% 141.08% at 100.26% 99.25%, #0ECAD4 0%, #7A45E5 100%);
4559 border-radius: 6px;
4560 text-decoration: none;
4561 }
4562
4563 .acf-options-preview .acf-options-pages-preview-upgrade-button:focus,
4564 .acf-no-options-pages-wrapper .acf-options-pages-preview-upgrade-button:focus {
4565 border: none;
4566 outline: none;
4567 box-shadow: none;
4568 }
4569
4570 .acf-options-preview .acf-options-pages-preview-upgrade-button p,
4571 .acf-no-options-pages-wrapper .acf-options-pages-preview-upgrade-button p {
4572 margin: 0;
4573 padding-top: 8px;
4574 padding-bottom: 8px;
4575 font-weight: normal;
4576 text-transform: none;
4577 color: #fff;
4578 }
4579
4580 .acf-options-preview .acf-options-pages-preview-upgrade-button .acf-icon,
4581 .acf-no-options-pages-wrapper .acf-options-pages-preview-upgrade-button .acf-icon {
4582 width: 20px;
4583 height: 20px;
4584 margin-right: 6px;
4585 margin-left: -2px;
4586 background-color: #F9FAFB;
4587 }
4588
4589 .acf-options-preview .acf-ui-options-page-pro-features-actions a.acf-btn i,
4590 .acf-no-options-pages-wrapper .acf-ui-options-page-pro-features-actions a.acf-btn i {
4591 margin-right: -2px !important;
4592 margin-left: 0px !important;
4593 }
4594
4595 .acf-options-preview .acf-pro-label,
4596 .acf-no-options-pages-wrapper .acf-pro-label {
4597 vertical-align: middle;
4598 }
4599
4600 /*---------------------------------------------------------------------------------------------
4601 *
4602 * Small screen list table info toggle
4603 *
4604 *---------------------------------------------------------------------------------------------*/
4605 .acf-internal-post-type .wp-list-table .toggle-row:before {
4606 top: 4px;
4607 left: 16px;
4608 border-radius: 0;
4609 content: "";
4610 display: block;
4611 position: absolute;
4612 width: 16px;
4613 height: 16px;
4614 background-color: #0783BE;
4615 border-radius: 0;
4616 -webkit-mask-size: 20px;
4617 mask-size: 20px;
4618 -webkit-mask-repeat: no-repeat;
4619 mask-repeat: no-repeat;
4620 -webkit-mask-position: center;
4621 mask-position: center;
4622 -webkit-mask-image: url("../../images/icons/icon-chevron-down.svg");
4623 mask-image: url("../../images/icons/icon-chevron-down.svg");
4624 text-indent: 100%;
4625 white-space: nowrap;
4626 overflow: hidden;
4627 }
4628
4629 .acf-internal-post-type .wp-list-table .is-expanded .toggle-row:before {
4630 -webkit-mask-image: url("../../images/icons/icon-chevron-up.svg");
4631 mask-image: url("../../images/icons/icon-chevron-up.svg");
4632 }
4633
4634 /*---------------------------------------------------------------------------------------------
4635 *
4636 * Small screen checkbox
4637 *
4638 *---------------------------------------------------------------------------------------------*/
4639 @media screen and (max-width: 880px) {
4640 .acf-internal-post-type .widefat th input[type=checkbox],
4641 .acf-internal-post-type .widefat thead td input[type=checkbox],
4642 .acf-internal-post-type .widefat tfoot td input[type=checkbox] {
4643 margin-bottom: 0;
4644 }
4645 }
4646 /*---------------------------------------------------------------------------------------------
4647 *
4648 * Admin Navigation
4649 *
4650 *---------------------------------------------------------------------------------------------*/
4651 .acf-admin-toolbar {
4652 position: unset;
4653 top: 32px;
4654 height: 72px;
4655 z-index: 800;
4656 background: #344054;
4657 color: #98A2B3;
4658 }
4659
4660 .acf-admin-toolbar .acf-admin-toolbar-inner {
4661 display: flex;
4662 justify-content: space-between;
4663 align-content: center;
4664 align-items: center;
4665 max-width: 100%;
4666 }
4667
4668 .acf-admin-toolbar .acf-admin-toolbar-inner .acf-nav-wrap {
4669 display: flex;
4670 align-items: center;
4671 position: relative;
4672 padding-left: 72px;
4673 }
4674
4675 @media screen and (max-width: 1250px) {
4676 .acf-admin-toolbar .acf-admin-toolbar-inner .acf-nav-wrap .acf-header-tab-acf-post-type,
4677 .acf-admin-toolbar .acf-admin-toolbar-inner .acf-nav-wrap .acf-header-tab-acf-taxonomy {
4678 display: none;
4679 }
4680 .acf-admin-toolbar .acf-admin-toolbar-inner .acf-nav-wrap .acf-more .acf-header-tab-acf-post-type,
4681 .acf-admin-toolbar .acf-admin-toolbar-inner .acf-nav-wrap .acf-more .acf-header-tab-acf-taxonomy {
4682 display: flex;
4683 }
4684 }
4685 @media screen and (max-width: 880px) {
4686 .acf-admin-toolbar {
4687 position: static;
4688 }
4689 }
4690 .acf-admin-toolbar .acf-logo {
4691 display: flex;
4692 margin-right: 24px;
4693 text-decoration: none;
4694 position: absolute;
4695 top: 0;
4696 left: 0;
4697 }
4698
4699 .acf-admin-toolbar .acf-logo img {
4700 display: block;
4701 }
4702
4703 .acf-admin-toolbar .acf-logo.pro img {
4704 height: 46px;
4705 }
4706
4707 .acf-admin-toolbar h2 {
4708 display: none;
4709 color: #F9FAFB;
4710 }
4711
4712 .acf-admin-toolbar .acf-tab {
4713 display: flex;
4714 align-items: center;
4715 box-sizing: border-box;
4716 min-height: 40px;
4717 margin-right: 8px;
4718 padding-top: 8px;
4719 padding-right: 16px;
4720 padding-bottom: 8px;
4721 padding-left: 16px;
4722 border-width: 1px;
4723 border-style: solid;
4724 border-color: transparent;
4725 border-radius: 6px;
4726 color: #98A2B3;
4727 text-decoration: none;
4728 }
4729
4730 .acf-admin-toolbar .acf-tab.is-active {
4731 background-color: #475467;
4732 color: #fff;
4733 }
4734
4735 .acf-admin-toolbar .acf-tab:hover {
4736 background-color: #475467;
4737 color: #F9FAFB;
4738 }
4739
4740 .acf-admin-toolbar .acf-tab:focus-visible {
4741 border-width: 1px;
4742 border-style: solid;
4743 border-color: #667085;
4744 }
4745
4746 .acf-admin-toolbar .acf-tab:focus {
4747 box-shadow: none;
4748 }
4749
4750 .acf-admin-toolbar .acf-more:hover .acf-tab.acf-more-tab {
4751 background-color: #475467;
4752 color: #F9FAFB;
4753 }
4754
4755 .acf-admin-toolbar .acf-more ul {
4756 display: none;
4757 position: absolute;
4758 box-sizing: border-box;
4759 background: #fff;
4760 z-index: 1051;
4761 overflow: hidden;
4762 min-width: 280px;
4763 margin-top: 0;
4764 margin-right: 0;
4765 margin-bottom: 0;
4766 margin-left: 0;
4767 padding: 0;
4768 border-radius: 8px;
4769 box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 8px 23px rgba(0, 0, 0, 0.12);
4770 }
4771
4772 .acf-admin-toolbar .acf-more ul li {
4773 margin: 0;
4774 padding: 0 16px;
4775 }
4776
4777 .acf-admin-toolbar .acf-more ul li .acf-header-tab-acf-post-type,
4778 .acf-admin-toolbar .acf-more ul li .acf-header-tab-acf-taxonomy {
4779 display: none;
4780 }
4781
4782 .acf-admin-toolbar .acf-more ul li.acf-more-section-header {
4783 background: #F9FAFB;
4784 padding: 1px 0 0 0;
4785 margin-top: -1px;
4786 border-top: 1px solid #EAECF0;
4787 border-bottom: 1px solid #EAECF0;
4788 }
4789
4790 .acf-admin-toolbar .acf-more ul li.acf-more-section-header span {
4791 color: #475467;
4792 font-size: 12px;
4793 font-weight: bold;
4794 }
4795
4796 .acf-admin-toolbar .acf-more ul li.acf-more-section-header span:hover {
4797 background: #F9FAFB;
4798 }
4799
4800 .acf-admin-toolbar .acf-more ul li a {
4801 margin: 0;
4802 padding: 0;
4803 color: #1D2939;
4804 border-radius: 0;
4805 border-top-width: 1px;
4806 border-top-style: solid;
4807 border-top-color: #F2F4F7;
4808 }
4809
4810 .acf-admin-toolbar .acf-more ul li a:hover, .acf-admin-toolbar .acf-more ul li a.acf-tab.is-active {
4811 background-color: unset;
4812 color: #0783BE;
4813 }
4814
4815 .acf-admin-toolbar .acf-more ul li a i.acf-icon {
4816 display: none !important;
4817 width: 16px;
4818 height: 16px;
4819 -webkit-mask-size: 16px;
4820 mask-size: 16px;
4821 background-color: #98A2B3 !important;
4822 }
4823
4824 .acf-admin-toolbar .acf-more ul li a .acf-requires-pro {
4825 justify-content: center;
4826 align-items: center;
4827 color: white;
4828 background: radial-gradient(141.77% 141.08% at 100.26% 99.25%, #0ECAD4 0%, #7A45E5 100%);
4829 border-radius: 100px;
4830 font-size: 11px;
4831 position: absolute;
4832 right: 16px;
4833 padding-right: 6px;
4834 padding-left: 6px;
4835 }
4836
4837 .acf-admin-toolbar .acf-more ul li:first-child a {
4838 border-bottom: none;
4839 }
4840
4841 .acf-admin-toolbar .acf-more ul:hover, .acf-admin-toolbar .acf-more ul:focus {
4842 display: block;
4843 }
4844
4845 .acf-admin-toolbar .acf-more:hover ul, .acf-admin-toolbar .acf-more:focus ul {
4846 display: block;
4847 }
4848
4849 #wpcontent .acf-admin-toolbar {
4850 box-sizing: border-box;
4851 margin-left: -20px;
4852 padding-top: 16px;
4853 padding-right: 32px;
4854 padding-bottom: 16px;
4855 padding-left: 32px;
4856 }
4857
4858 @media screen and (max-width: 600px) {
4859 .acf-admin-toolbar {
4860 display: none;
4861 }
4862 }
4863 .rtl #wpcontent .acf-admin-toolbar {
4864 margin-left: 0;
4865 margin-right: -20px;
4866 }
4867
4868 .rtl #wpcontent .acf-admin-toolbar .acf-tab {
4869 margin-left: 8px;
4870 margin-right: 0;
4871 }
4872
4873 .rtl .acf-logo {
4874 margin-right: 0;
4875 margin-left: 32px;
4876 }
4877
4878 /*---------------------------------------------------------------------------------------------
4879 *
4880 * Admin Toolbar Icons
4881 *
4882 *---------------------------------------------------------------------------------------------*/
4883 .acf-admin-toolbar .acf-tab i.acf-icon,
4884 .acf-admin-toolbar .acf-more i.acf-icon {
4885 display: none;
4886 margin-right: 8px;
4887 margin-left: -2px;
4888 }
4889
4890 .acf-admin-toolbar .acf-tab i.acf-icon.acf-icon-dropdown,
4891 .acf-admin-toolbar .acf-more i.acf-icon.acf-icon-dropdown {
4892 -webkit-mask-image: url("../../images/icons/icon-chevron-down.svg");
4893 mask-image: url("../../images/icons/icon-chevron-down.svg");
4894 width: 16px;
4895 height: 16px;
4896 -webkit-mask-size: 16px;
4897 mask-size: 16px;
4898 margin-right: -6px;
4899 margin-left: 6px;
4900 }
4901
4902 .acf-admin-toolbar .acf-tab.acf-header-tab-acf-field-group i.acf-icon, .acf-admin-toolbar .acf-tab.acf-header-tab-acf-post-type i.acf-icon, .acf-admin-toolbar .acf-tab.acf-header-tab-acf-taxonomy i.acf-icon, .acf-admin-toolbar .acf-tab.acf-header-tab-acf-tools i.acf-icon, .acf-admin-toolbar .acf-tab.acf-header-tab-acf-settings-updates i.acf-icon, .acf-admin-toolbar .acf-tab.acf-header-tab-acf-more i.acf-icon,
4903 .acf-admin-toolbar .acf-more.acf-header-tab-acf-field-group i.acf-icon,
4904 .acf-admin-toolbar .acf-more.acf-header-tab-acf-post-type i.acf-icon,
4905 .acf-admin-toolbar .acf-more.acf-header-tab-acf-taxonomy i.acf-icon,
4906 .acf-admin-toolbar .acf-more.acf-header-tab-acf-tools i.acf-icon,
4907 .acf-admin-toolbar .acf-more.acf-header-tab-acf-settings-updates i.acf-icon,
4908 .acf-admin-toolbar .acf-more.acf-header-tab-acf-more i.acf-icon {
4909 display: inline-flex;
4910 }
4911
4912 .acf-admin-toolbar .acf-tab.is-active i.acf-icon, .acf-admin-toolbar .acf-tab:hover i.acf-icon,
4913 .acf-admin-toolbar .acf-more.is-active i.acf-icon,
4914 .acf-admin-toolbar .acf-more:hover i.acf-icon {
4915 background-color: #EAECF0;
4916 }
4917
4918 .rtl .acf-admin-toolbar .acf-tab i.acf-icon {
4919 margin-right: -2px;
4920 margin-left: 8px;
4921 }
4922
4923 .acf-admin-toolbar .acf-header-tab-acf-field-group i.acf-icon {
4924 -webkit-mask-image: url("../../images/icons/icon-field-groups.svg");
4925 mask-image: url("../../images/icons/icon-field-groups.svg");
4926 }
4927
4928 .acf-admin-toolbar .acf-header-tab-acf-post-type i.acf-icon {
4929 -webkit-mask-image: url("../../images/icons/icon-post-type.svg");
4930 mask-image: url("../../images/icons/icon-post-type.svg");
4931 }
4932
4933 .acf-admin-toolbar .acf-header-tab-acf-taxonomy i.acf-icon {
4934 -webkit-mask-image: url("../../images/icons/icon-taxonomies.svg");
4935 mask-image: url("../../images/icons/icon-taxonomies.svg");
4936 }
4937
4938 .acf-admin-toolbar .acf-header-tab-acf-tools i.acf-icon {
4939 -webkit-mask-image: url("../../images/icons/icon-tools.svg");
4940 mask-image: url("../../images/icons/icon-tools.svg");
4941 }
4942
4943 .acf-admin-toolbar .acf-header-tab-acf-settings-updates i.acf-icon {
4944 -webkit-mask-image: url("../../images/icons/icon-updates.svg");
4945 mask-image: url("../../images/icons/icon-updates.svg");
4946 }
4947
4948 .acf-admin-toolbar .acf-header-tab-acf-more i.acf-icon-more {
4949 -webkit-mask-image: url("../../images/icons/icon-extended-menu.svg");
4950 mask-image: url("../../images/icons/icon-extended-menu.svg");
4951 }
4952
4953 /*---------------------------------------------------------------------------------------------
4954 *
4955 * Hide WP default controls
4956 *
4957 *---------------------------------------------------------------------------------------------*/
4958 .acf-admin-page #wpbody-content > .notice:not(.inline, .below-h2) {
4959 display: none;
4960 }
4961
4962 .acf-admin-page h1.wp-heading-inline {
4963 display: none;
4964 }
4965
4966 .acf-admin-page .wrap .wp-heading-inline + .page-title-action {
4967 display: none;
4968 }
4969
4970 /*---------------------------------------------------------------------------------------------
4971 *
4972 * Headerbar
4973 *
4974 *---------------------------------------------------------------------------------------------*/
4975 .acf-headerbar {
4976 display: flex;
4977 align-items: center;
4978 position: sticky;
4979 top: 32px;
4980 z-index: 700;
4981 box-sizing: border-box;
4982 min-height: 72px;
4983 margin-left: -20px;
4984 padding-top: 8px;
4985 padding-right: 32px;
4986 padding-bottom: 8px;
4987 padding-left: 32px;
4988 background-color: #fff;
4989 box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
4990 }
4991
4992 .acf-headerbar .acf-headerbar-inner {
4993 flex: 1 1 auto;
4994 display: flex;
4995 align-items: center;
4996 justify-content: space-between;
4997 max-width: 1440px;
4998 gap: 8px;
4999 }
5000
5001 .acf-headerbar .acf-page-title {
5002 display: flex;
5003 align-items: center;
5004 gap: 8px;
5005 margin-top: 0;
5006 margin-right: 16px;
5007 margin-bottom: 0;
5008 margin-left: 0;
5009 padding-top: 0;
5010 padding-right: 0;
5011 padding-bottom: 0;
5012 padding-left: 0;
5013 }
5014
5015 .acf-headerbar .acf-page-title .acf-duplicated-from {
5016 color: #98A2B3;
5017 }
5018
5019 .acf-headerbar .acf-page-title .acf-pro-label {
5020 box-shadow: none;
5021 }
5022
5023 @media screen and (max-width: 880px) {
5024 .acf-headerbar {
5025 position: static;
5026 }
5027 }
5028 @media screen and (max-width: 600px) {
5029 .acf-headerbar {
5030 justify-content: space-between;
5031 position: relative;
5032 top: 46px;
5033 min-height: 64px;
5034 padding-right: 12px;
5035 }
5036 }
5037 .acf-headerbar .acf-headerbar-content {
5038 flex: 1 1 auto;
5039 display: flex;
5040 align-items: center;
5041 }
5042
5043 @media screen and (max-width: 880px) {
5044 .acf-headerbar .acf-headerbar-content {
5045 flex-wrap: wrap;
5046 }
5047 .acf-headerbar .acf-headerbar-content .acf-headerbar-title,
5048 .acf-headerbar .acf-headerbar-content .acf-title-wrap {
5049 flex: 1 1 100%;
5050 }
5051 .acf-headerbar .acf-headerbar-content .acf-title-wrap {
5052 margin-top: 8px;
5053 }
5054 }
5055 .acf-headerbar .acf-input-error {
5056 border: 1px rgba(209, 55, 55, 0.5) solid !important;
5057 box-shadow: 0 0 0 3px rgba(209, 55, 55, 0.12), 0 0 0 rgba(255, 54, 54, 0.25) !important;
5058 background-image: url("../../images/icons/icon-warning-alt-red.svg");
5059 background-position: right 10px top 50%;
5060 background-size: 20px;
5061 background-repeat: no-repeat;
5062 }
5063
5064 .acf-headerbar .acf-input-error:focus {
5065 outline: none !important;
5066 border: 1px rgba(209, 55, 55, 0.8) solid !important;
5067 box-shadow: 0 0 0 3px rgba(209, 55, 55, 0.16), 0 0 0 rgba(255, 54, 54, 0.25) !important;
5068 }
5069
5070 .acf-headerbar .acf-headerbar-title-field {
5071 min-width: 320px;
5072 }
5073
5074 @media screen and (max-width: 880px) {
5075 .acf-headerbar .acf-headerbar-title-field {
5076 min-width: 100%;
5077 }
5078 }
5079 .acf-headerbar .acf-headerbar-actions {
5080 display: flex;
5081 }
5082
5083 .acf-headerbar .acf-headerbar-actions .acf-btn {
5084 margin-left: 8px;
5085 }
5086
5087 .acf-headerbar .acf-headerbar-actions .disabled {
5088 background-color: #F2F4F7;
5089 color: #98A2B3 !important;
5090 border: 1px #D0D5DD solid;
5091 cursor: default;
5092 }
5093
5094 /*---------------------------------------------------------------------------------------------
5095 *
5096 * Edit Field Group Headerbar
5097 *
5098 *---------------------------------------------------------------------------------------------*/
5099 .acf-headerbar-field-editor {
5100 position: sticky;
5101 top: 32px;
5102 z-index: 1020;
5103 margin-left: -20px;
5104 width: calc(100% + 20px);
5105 }
5106
5107 @media screen and (max-width: 880px) {
5108 .acf-headerbar-field-editor {
5109 position: relative;
5110 top: 0;
5111 width: 100%;
5112 margin-left: 0;
5113 padding-right: 8px;
5114 padding-left: 8px;
5115 }
5116 }
5117 @media screen and (max-width: 640px) {
5118 .acf-headerbar-field-editor {
5119 position: relative;
5120 top: 46px;
5121 z-index: unset;
5122 }
5123 }
5124 @media screen and (max-width: 880px) {
5125 .acf-headerbar-field-editor .acf-headerbar-inner {
5126 flex-wrap: wrap;
5127 justify-content: flex-start;
5128 align-content: flex-start;
5129 align-items: flex-start;
5130 width: 100%;
5131 }
5132 .acf-headerbar-field-editor .acf-headerbar-inner .acf-page-title {
5133 flex: 1 1 auto;
5134 }
5135 .acf-headerbar-field-editor .acf-headerbar-inner .acf-headerbar-actions {
5136 flex: 1 1 100%;
5137 margin-top: 8px;
5138 gap: 8px;
5139 }
5140 .acf-headerbar-field-editor .acf-headerbar-inner .acf-headerbar-actions .acf-btn {
5141 width: 100%;
5142 display: inline-flex;
5143 justify-content: center;
5144 margin: 0;
5145 }
5146 }
5147 .acf-headerbar-field-editor .acf-page-title {
5148 margin-right: 16px;
5149 }
5150
5151 .rtl .acf-headerbar,
5152 .rtl .acf-headerbar-field-editor {
5153 margin-left: 0;
5154 margin-right: -20px;
5155 }
5156
5157 .rtl .acf-headerbar .acf-page-title,
5158 .rtl .acf-headerbar-field-editor .acf-page-title {
5159 margin-left: 16px;
5160 margin-right: 0;
5161 }
5162
5163 .rtl .acf-headerbar .acf-headerbar-actions .acf-btn,
5164 .rtl .acf-headerbar-field-editor .acf-headerbar-actions .acf-btn {
5165 margin-left: 0;
5166 margin-right: 8px;
5167 }
5168
5169 /*---------------------------------------------------------------------------------------------
5170 *
5171 * ACF Buttons
5172 *
5173 *---------------------------------------------------------------------------------------------*/
5174 .acf-btn {
5175 display: inline-flex;
5176 align-items: center;
5177 box-sizing: border-box;
5178 min-height: 40px;
5179 padding-top: 8px;
5180 padding-right: 16px;
5181 padding-bottom: 8px;
5182 padding-left: 16px;
5183 background-color: #0783BE;
5184 border-radius: 6px;
5185 border-width: 1px;
5186 border-style: solid;
5187 border-color: rgba(16, 24, 40, 0.2);
5188 text-decoration: none;
5189 color: #fff !important;
5190 transition: all 0.2s ease-in-out;
5191 transition-property: background, border, box-shadow;
5192 }
5193
5194 .acf-btn:hover {
5195 background-color: #066998;
5196 color: #fff;
5197 cursor: pointer;
5198 }
5199
5200 .acf-btn:disabled, .acf-btn.disabled {
5201 background-color: #F2F4F7;
5202 border-color: #EAECF0;
5203 color: #98A2B3 !important;
5204 transition: none;
5205 pointer-events: none;
5206 }
5207
5208 .acf-btn.acf-btn-sm {
5209 min-height: 32px;
5210 padding-top: 4px;
5211 padding-right: 12px;
5212 padding-bottom: 4px;
5213 padding-left: 12px;
5214 }
5215
5216 .acf-btn.acf-btn-secondary {
5217 background-color: transparent;
5218 color: #0783BE !important;
5219 border-color: #0783BE;
5220 }
5221
5222 .acf-btn.acf-btn-secondary:hover {
5223 background-color: #f3f9fc;
5224 }
5225
5226 .acf-btn.acf-btn-muted {
5227 background-color: #667085;
5228 color: white;
5229 height: 48px;
5230 padding: 8px 28px 8px 28px !important;
5231 border-radius: 6px;
5232 border: 1px;
5233 gap: 6px;
5234 }
5235
5236 .acf-btn.acf-btn-muted:hover {
5237 background-color: #475467 !important;
5238 }
5239
5240 .acf-btn.acf-btn-tertiary {
5241 background-color: transparent;
5242 color: #667085 !important;
5243 border-color: #D0D5DD;
5244 }
5245
5246 .acf-btn.acf-btn-tertiary:hover {
5247 color: #667085 !important;
5248 border-color: #98A2B3;
5249 }
5250
5251 .acf-btn.acf-btn-clear {
5252 background-color: transparent;
5253 color: #667085 !important;
5254 border-color: transparent;
5255 }
5256
5257 .acf-btn.acf-btn-clear:hover {
5258 color: #0783BE !important;
5259 }
5260
5261 .acf-btn.acf-btn-pro {
5262 background: radial-gradient(141.77% 141.08% at 100.26% 99.25%, #0ECAD4 0%, #7A45E5 100%);
5263 border: none;
5264 }
5265
5266 /*---------------------------------------------------------------------------------------------
5267 *
5268 * Button icons
5269 *
5270 *---------------------------------------------------------------------------------------------*/
5271 .acf-btn i.acf-icon {
5272 width: 20px;
5273 height: 20px;
5274 -webkit-mask-size: 20px;
5275 mask-size: 20px;
5276 margin-right: 6px;
5277 margin-left: -4px;
5278 }
5279
5280 .acf-btn.acf-btn-sm i.acf-icon {
5281 width: 16px;
5282 height: 16px;
5283 -webkit-mask-size: 16px;
5284 mask-size: 16px;
5285 margin-right: 6px;
5286 margin-left: -2px;
5287 }
5288
5289 .rtl .acf-btn i.acf-icon {
5290 margin-right: -4px;
5291 margin-left: 6px;
5292 }
5293
5294 .rtl .acf-btn.acf-btn-sm i.acf-icon {
5295 margin-right: -4px;
5296 margin-left: 2px;
5297 }
5298
5299 /*---------------------------------------------------------------------------------------------
5300 *
5301 * Delete field group button
5302 *
5303 *---------------------------------------------------------------------------------------------*/
5304 .acf-btn.acf-delete-field-group:hover {
5305 background-color: #fbeded;
5306 border-color: #D13737 !important;
5307 color: #D13737 !important;
5308 }
5309
5310 /*--------------------------------------------------------------------------------------------
5311 *
5312 * Icon base styling
5313 *
5314 *--------------------------------------------------------------------------------------------*/
5315 .acf-internal-post-type i.acf-icon,
5316 .post-type-acf-field-group i.acf-icon {
5317 display: inline-flex;
5318 width: 20px;
5319 height: 20px;
5320 background-color: currentColor;
5321 border: none;
5322 border-radius: 0;
5323 -webkit-mask-size: contain;
5324 mask-size: contain;
5325 -webkit-mask-repeat: no-repeat;
5326 mask-repeat: no-repeat;
5327 -webkit-mask-position: center;
5328 mask-position: center;
5329 text-indent: 500%;
5330 white-space: nowrap;
5331 overflow: hidden;
5332 }
5333
5334 /*--------------------------------------------------------------------------------------------
5335 *
5336 * Icons
5337 *
5338 *--------------------------------------------------------------------------------------------*/
5339 .acf-admin-page {
5340 /*--------------------------------------------------------------------------------------------
5341 *
5342 * Inactive group icon
5343 *
5344 *--------------------------------------------------------------------------------------------*/
5345 }
5346
5347 .acf-admin-page i.acf-field-setting-fc-delete, .acf-admin-page i.acf-field-setting-fc-duplicate {
5348 box-sizing: border-box;
5349 /* Auto layout */
5350 display: flex;
5351 flex-direction: row;
5352 justify-content: center;
5353 align-items: center;
5354 padding: 8px;
5355 cursor: pointer;
5356 width: 32px;
5357 height: 32px;
5358 /* Base / White */
5359 background: #FFFFFF;
5360 /* Gray/300 */
5361 border: 1px solid #D0D5DD;
5362 /* Elevation/01 */
5363 box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
5364 border-radius: 6px;
5365 /* Inside auto layout */
5366 flex: none;
5367 order: 0;
5368 flex-grow: 0;
5369 }
5370
5371 .acf-admin-page i.acf-icon-plus {
5372 -webkit-mask-image: url("../../images/icons/icon-add.svg");
5373 mask-image: url("../../images/icons/icon-add.svg");
5374 }
5375
5376 .acf-admin-page i.acf-icon-stars {
5377 -webkit-mask-image: url("../../images/icons/icon-stars.svg");
5378 mask-image: url("../../images/icons/icon-stars.svg");
5379 }
5380
5381 .acf-admin-page i.acf-icon-help {
5382 -webkit-mask-image: url("../../images/icons/icon-help.svg");
5383 mask-image: url("../../images/icons/icon-help.svg");
5384 }
5385
5386 .acf-admin-page i.acf-icon-key {
5387 -webkit-mask-image: url("../../images/icons/icon-key.svg");
5388 mask-image: url("../../images/icons/icon-key.svg");
5389 }
5390
5391 .acf-admin-page i.acf-icon-regenerate {
5392 -webkit-mask-image: url("../../images/icons/icon-regenerate.svg");
5393 mask-image: url("../../images/icons/icon-regenerate.svg");
5394 }
5395
5396 .acf-admin-page i.acf-icon-trash, .acf-admin-page button.acf-icon-trash {
5397 -webkit-mask-image: url("../../images/icons/icon-trash.svg");
5398 mask-image: url("../../images/icons/icon-trash.svg");
5399 }
5400
5401 .acf-admin-page i.acf-icon-extended-menu, .acf-admin-page button.acf-icon-extended-menu {
5402 -webkit-mask-image: url("../../images/icons/icon-extended-menu.svg");
5403 mask-image: url("../../images/icons/icon-extended-menu.svg");
5404 }
5405
5406 .acf-admin-page i.acf-icon.-duplicate, .acf-admin-page button.acf-icon-duplicate {
5407 -webkit-mask-image: url("../../images/field-type-icons/icon-field-clone.svg");
5408 mask-image: url("../../images/field-type-icons/icon-field-clone.svg");
5409 }
5410
5411 .acf-admin-page i.acf-icon.-duplicate:before, .acf-admin-page i.acf-icon.-duplicate:after, .acf-admin-page button.acf-icon-duplicate:before, .acf-admin-page button.acf-icon-duplicate:after {
5412 content: none;
5413 }
5414
5415 .acf-admin-page i.acf-icon-arrow-right {
5416 -webkit-mask-image: url("../../images/icons/icon-arrow-right.svg");
5417 mask-image: url("../../images/icons/icon-arrow-right.svg");
5418 }
5419
5420 .acf-admin-page i.acf-icon-arrow-up-right {
5421 -webkit-mask-image: url("../../images/icons/icon-arrow-up-right.svg");
5422 mask-image: url("../../images/icons/icon-arrow-up-right.svg");
5423 }
5424
5425 .acf-admin-page i.acf-icon-arrow-left {
5426 -webkit-mask-image: url("../../images/icons/icon-arrow-left.svg");
5427 mask-image: url("../../images/icons/icon-arrow-left.svg");
5428 }
5429
5430 .acf-admin-page i.acf-icon-chevron-right,
5431 .acf-admin-page .acf-icon.-right {
5432 -webkit-mask-image: url("../../images/icons/icon-chevron-right.svg");
5433 mask-image: url("../../images/icons/icon-chevron-right.svg");
5434 }
5435
5436 .acf-admin-page i.acf-icon-chevron-left,
5437 .acf-admin-page .acf-icon.-left {
5438 -webkit-mask-image: url("../../images/icons/icon-chevron-left.svg");
5439 mask-image: url("../../images/icons/icon-chevron-left.svg");
5440 }
5441
5442 .acf-admin-page i.acf-icon-key-solid {
5443 -webkit-mask-image: url("../../images/icons/icon-key-solid.svg");
5444 mask-image: url("../../images/icons/icon-key-solid.svg");
5445 }
5446
5447 .acf-admin-page i.acf-icon-globe,
5448 .acf-admin-page .acf-icon.-globe {
5449 -webkit-mask-image: url("../../images/icons/icon-globe.svg");
5450 mask-image: url("../../images/icons/icon-globe.svg");
5451 }
5452
5453 .acf-admin-page i.acf-icon-image,
5454 .acf-admin-page .acf-icon.-picture {
5455 -webkit-mask-image: url("../../images/field-type-icons/icon-field-image.svg");
5456 mask-image: url("../../images/field-type-icons/icon-field-image.svg");
5457 }
5458
5459 .acf-admin-page i.acf-icon-warning {
5460 -webkit-mask-image: url("../../images/icons/icon-warning-alt.svg");
5461 mask-image: url("../../images/icons/icon-warning-alt.svg");
5462 }
5463
5464 .acf-admin-page i.acf-icon-warning-red {
5465 -webkit-mask-image: url("../../images/icons/icon-warning-alt-red.svg");
5466 mask-image: url("../../images/icons/icon-warning-alt-red.svg");
5467 }
5468
5469 .acf-admin-page i.acf-icon-dots-grid {
5470 -webkit-mask-image: url("../../images/icons/icon-dots-grid.svg");
5471 mask-image: url("../../images/icons/icon-dots-grid.svg");
5472 }
5473
5474 .acf-admin-page i.acf-icon-play {
5475 -webkit-mask-image: url("../../images/icons/icon-play.svg");
5476 mask-image: url("../../images/icons/icon-play.svg");
5477 }
5478
5479 .acf-admin-page i.acf-icon-lock {
5480 -webkit-mask-image: url("../../images/icons/icon-lock.svg");
5481 mask-image: url("../../images/icons/icon-lock.svg");
5482 }
5483
5484 .acf-admin-page i.acf-icon-document {
5485 -webkit-mask-image: url("../../images/icons/icon-document.svg");
5486 mask-image: url("../../images/icons/icon-document.svg");
5487 }
5488
5489 .acf-admin-page .post-type-acf-field-group .post-state,
5490 .acf-admin-page .acf-internal-post-type .post-state {
5491 font-weight: normal;
5492 }
5493
5494 .acf-admin-page .post-type-acf-field-group .post-state .dashicons.dashicons-hidden,
5495 .acf-admin-page .acf-internal-post-type .post-state .dashicons.dashicons-hidden {
5496 display: inline-flex;
5497 width: 18px;
5498 height: 18px;
5499 background-color: #98A2B3;
5500 border: none;
5501 border-radius: 0;
5502 -webkit-mask-size: 18px;
5503 mask-size: 18px;
5504 -webkit-mask-repeat: no-repeat;
5505 mask-repeat: no-repeat;
5506 -webkit-mask-position: center;
5507 mask-position: center;
5508 -webkit-mask-image: url("../../images/icons/icon-hidden.svg");
5509 mask-image: url("../../images/icons/icon-hidden.svg");
5510 }
5511
5512 .acf-admin-page .post-type-acf-field-group .post-state .dashicons.dashicons-hidden:before,
5513 .acf-admin-page .acf-internal-post-type .post-state .dashicons.dashicons-hidden:before {
5514 display: none;
5515 }
5516
5517 /*--------------------------------------------------------------------------------------------
5518 *
5519 * Edit field group page postbox header icons
5520 *
5521 *--------------------------------------------------------------------------------------------*/
5522 #acf-field-group-fields .postbox-header h2,
5523 #acf-field-group-fields .postbox-header h3,
5524 #acf-field-group-fields .acf-sub-field-list-header h2,
5525 #acf-field-group-fields .acf-sub-field-list-header h3,
5526 #acf-field-group-options .postbox-header h2,
5527 #acf-field-group-options .postbox-header h3,
5528 #acf-field-group-options .acf-sub-field-list-header h2,
5529 #acf-field-group-options .acf-sub-field-list-header h3,
5530 #acf-advanced-settings .postbox-header h2,
5531 #acf-advanced-settings .postbox-header h3,
5532 #acf-advanced-settings .acf-sub-field-list-header h2,
5533 #acf-advanced-settings .acf-sub-field-list-header h3 {
5534 display: inline-flex;
5535 justify-content: flex-start;
5536 align-content: stretch;
5537 align-items: center;
5538 }
5539
5540 #acf-field-group-fields .postbox-header h2:before,
5541 #acf-field-group-fields .postbox-header h3:before,
5542 #acf-field-group-fields .acf-sub-field-list-header h2:before,
5543 #acf-field-group-fields .acf-sub-field-list-header h3:before,
5544 #acf-field-group-options .postbox-header h2:before,
5545 #acf-field-group-options .postbox-header h3:before,
5546 #acf-field-group-options .acf-sub-field-list-header h2:before,
5547 #acf-field-group-options .acf-sub-field-list-header h3:before,
5548 #acf-advanced-settings .postbox-header h2:before,
5549 #acf-advanced-settings .postbox-header h3:before,
5550 #acf-advanced-settings .acf-sub-field-list-header h2:before,
5551 #acf-advanced-settings .acf-sub-field-list-header h3:before {
5552 content: "";
5553 display: inline-block;
5554 width: 20px;
5555 height: 20px;
5556 margin-right: 8px;
5557 background-color: #98A2B3;
5558 border: none;
5559 border-radius: 0;
5560 -webkit-mask-size: contain;
5561 mask-size: contain;
5562 -webkit-mask-repeat: no-repeat;
5563 mask-repeat: no-repeat;
5564 -webkit-mask-position: center;
5565 mask-position: center;
5566 }
5567
5568 .rtl #acf-field-group-fields .postbox-header h2:before,
5569 .rtl #acf-field-group-fields .postbox-header h3:before,
5570 .rtl #acf-field-group-fields .acf-sub-field-list-header h2:before,
5571 .rtl #acf-field-group-fields .acf-sub-field-list-header h3:before,
5572 .rtl #acf-field-group-options .postbox-header h2:before,
5573 .rtl #acf-field-group-options .postbox-header h3:before,
5574 .rtl #acf-field-group-options .acf-sub-field-list-header h2:before,
5575 .rtl #acf-field-group-options .acf-sub-field-list-header h3:before {
5576 margin-right: 0;
5577 margin-left: 8px;
5578 }
5579
5580 #acf-field-group-fields .postbox-header h2:before,
5581 h3.acf-sub-field-list-title:before,
5582 .acf-link-field-groups-popup h3:before {
5583 -webkit-mask-image: url("../../images/icons/icon-fields.svg");
5584 mask-image: url("../../images/icons/icon-fields.svg");
5585 }
5586
5587 .acf-create-options-page-popup h3:before {
5588 -webkit-mask-image: url("../../images/icons/icon-sliders.svg");
5589 mask-image: url("../../images/icons/icon-sliders.svg");
5590 }
5591
5592 #acf-field-group-options .postbox-header h2:before {
5593 -webkit-mask-image: url("../../images/icons/icon-settings.svg");
5594 mask-image: url("../../images/icons/icon-settings.svg");
5595 }
5596
5597 .acf-field-setting-fc_layout .acf-field-settings-fc_head label:before {
5598 -webkit-mask-image: url("../../images/icons/icon-layout.svg");
5599 mask-image: url("../../images/icons/icon-layout.svg");
5600 }
5601
5602 .acf-admin-single-post-type #acf-advanced-settings .postbox-header h2:before,
5603 .acf-admin-single-taxonomy #acf-advanced-settings .postbox-header h2:before,
5604 .acf-admin-single-options-page #acf-advanced-settings .postbox-header h2:before {
5605 -webkit-mask-image: url("../../images/icons/icon-post-type.svg");
5606 mask-image: url("../../images/icons/icon-post-type.svg");
5607 }
5608
5609 .acf-field-setting-fc_layout .acf-field-settings-fc_head .acf-fc_draggable:hover .reorder-layout:before {
5610 width: 20px;
5611 height: 11px;
5612 background-color: #475467 !important;
5613 -webkit-mask-image: url("../../images/icons/icon-draggable.svg");
5614 mask-image: url("../../images/icons/icon-draggable.svg");
5615 }
5616
5617 /*--------------------------------------------------------------------------------------------
5618 *
5619 * Postbox expand / collapse icon
5620 *
5621 *--------------------------------------------------------------------------------------------*/
5622 .post-type-acf-field-group .postbox-header .handle-actions,
5623 .post-type-acf-field-group #acf-field-group-fields .postbox-header .handle-actions,
5624 .post-type-acf-field-group #acf-field-group-options .postbox-header .handle-actions,
5625 .post-type-acf-field-group .postbox .postbox-header .handle-actions,
5626 .acf-admin-single-post-type #acf-advanced-settings .postbox-header .handle-actions,
5627 .acf-admin-single-taxonomy #acf-advanced-settings .postbox-header .handle-actions,
5628 .acf-admin-single-options-page #acf-advanced-settings .postbox-header .handle-actions {
5629 display: flex;
5630 }
5631
5632 .post-type-acf-field-group .postbox-header .handle-actions .toggle-indicator:before,
5633 .post-type-acf-field-group #acf-field-group-fields .postbox-header .handle-actions .toggle-indicator:before,
5634 .post-type-acf-field-group #acf-field-group-options .postbox-header .handle-actions .toggle-indicator:before,
5635 .post-type-acf-field-group .postbox .postbox-header .handle-actions .toggle-indicator:before,
5636 .acf-admin-single-post-type #acf-advanced-settings .postbox-header .handle-actions .toggle-indicator:before,
5637 .acf-admin-single-taxonomy #acf-advanced-settings .postbox-header .handle-actions .toggle-indicator:before,
5638 .acf-admin-single-options-page #acf-advanced-settings .postbox-header .handle-actions .toggle-indicator:before {
5639 content: "";
5640 display: inline-flex;
5641 width: 20px;
5642 height: 20px;
5643 background-color: currentColor;
5644 border: none;
5645 border-radius: 0;
5646 -webkit-mask-size: contain;
5647 mask-size: contain;
5648 -webkit-mask-repeat: no-repeat;
5649 mask-repeat: no-repeat;
5650 -webkit-mask-position: center;
5651 mask-position: center;
5652 -webkit-mask-image: url("../../images/icons/icon-chevron-up.svg");
5653 mask-image: url("../../images/icons/icon-chevron-up.svg");
5654 }
5655
5656 .post-type-acf-field-group.closed .postbox-header .handle-actions .toggle-indicator:before,
5657 .post-type-acf-field-group #acf-field-group-fields.closed .postbox-header .handle-actions .toggle-indicator:before,
5658 .post-type-acf-field-group #acf-field-group-options.closed .postbox-header .handle-actions .toggle-indicator:before,
5659 .post-type-acf-field-group .postbox.closed .postbox-header .handle-actions .toggle-indicator:before,
5660 .acf-admin-single-post-type #acf-advanced-settings.closed .postbox-header .handle-actions .toggle-indicator:before,
5661 .acf-admin-single-taxonomy #acf-advanced-settings.closed .postbox-header .handle-actions .toggle-indicator:before,
5662 .acf-admin-single-options-page #acf-advanced-settings.closed .postbox-header .handle-actions .toggle-indicator:before {
5663 -webkit-mask-image: url("../../images/icons/icon-chevron-down.svg");
5664 mask-image: url("../../images/icons/icon-chevron-down.svg");
5665 }
5666
5667 /*---------------------------------------------------------------------------------------------
5668 *
5669 * Tools & updates page heading icons
5670 *
5671 *---------------------------------------------------------------------------------------------*/
5672 .post-type-acf-field-group #acf-admin-tool-export h2,
5673 .post-type-acf-field-group #acf-admin-tool-export h3,
5674 .post-type-acf-field-group #acf-admin-tool-import h2,
5675 .post-type-acf-field-group #acf-admin-tool-import h3,
5676 .post-type-acf-field-group #acf-update-information h2,
5677 .post-type-acf-field-group #acf-update-information h3 {
5678 display: inline-flex;
5679 justify-content: flex-start;
5680 align-content: stretch;
5681 align-items: center;
5682 }
5683
5684 .post-type-acf-field-group #acf-admin-tool-export h2:before,
5685 .post-type-acf-field-group #acf-admin-tool-export h3:before,
5686 .post-type-acf-field-group #acf-admin-tool-import h2:before,
5687 .post-type-acf-field-group #acf-admin-tool-import h3:before,
5688 .post-type-acf-field-group #acf-update-information h2:before,
5689 .post-type-acf-field-group #acf-update-information h3:before {
5690 content: "";
5691 display: inline-block;
5692 width: 20px;
5693 height: 20px;
5694 margin-right: 8px;
5695 background-color: #98A2B3;
5696 border: none;
5697 border-radius: 0;
5698 -webkit-mask-size: contain;
5699 mask-size: contain;
5700 -webkit-mask-repeat: no-repeat;
5701 mask-repeat: no-repeat;
5702 -webkit-mask-position: center;
5703 mask-position: center;
5704 }
5705
5706 .post-type-acf-field-group.rtl #acf-admin-tool-export h2:before,
5707 .post-type-acf-field-group.rtl #acf-admin-tool-export h3:before,
5708 .post-type-acf-field-group.rtl #acf-admin-tool-import h2:before,
5709 .post-type-acf-field-group.rtl #acf-admin-tool-import h3:before,
5710 .post-type-acf-field-group.rtl #acf-update-information h2:before,
5711 .post-type-acf-field-group.rtl #acf-update-information h3:before {
5712 margin-right: 0;
5713 margin-left: 8px;
5714 }
5715
5716 .post-type-acf-field-group #acf-admin-tool-export h2:before {
5717 -webkit-mask-image: url("../../images/icons/icon-export.svg");
5718 mask-image: url("../../images/icons/icon-export.svg");
5719 }
5720
5721 .post-type-acf-field-group #acf-admin-tool-import h2:before {
5722 -webkit-mask-image: url("../../images/icons/icon-import.svg");
5723 mask-image: url("../../images/icons/icon-import.svg");
5724 }
5725
5726 .post-type-acf-field-group #acf-update-information h3:before {
5727 -webkit-mask-image: url("../../images/icons/icon-info.svg");
5728 mask-image: url("../../images/icons/icon-info.svg");
5729 }
5730
5731 /*--------------------------------------------------------------------------------------------
5732 *
5733 * Admin field icons
5734 *
5735 *--------------------------------------------------------------------------------------------*/
5736 .acf-admin-single-field-group .acf-input .acf-icon {
5737 width: 18px;
5738 height: 18px;
5739 }
5740
5741 /*--------------------------------------------------------------------------------------------
5742 *
5743 * Field type icon base styling
5744 *
5745 *--------------------------------------------------------------------------------------------*/
5746 .field-type-icon {
5747 box-sizing: border-box;
5748 display: inline-flex;
5749 align-content: center;
5750 align-items: center;
5751 justify-content: center;
5752 position: relative;
5753 width: 24px;
5754 height: 24px;
5755 top: -4px;
5756 background-color: #EBF5FA;
5757 border-width: 1px;
5758 border-style: solid;
5759 border-color: #A5D2E7;
5760 border-radius: 100%;
5761 }
5762
5763 .field-type-icon:before {
5764 content: "";
5765 width: 14px;
5766 height: 14px;
5767 position: relative;
5768 background-color: #0783BE;
5769 -webkit-mask-size: cover;
5770 mask-size: cover;
5771 -webkit-mask-repeat: no-repeat;
5772 mask-repeat: no-repeat;
5773 -webkit-mask-position: center;
5774 mask-position: center;
5775 -webkit-mask-image: url("../../images/field-type-icons/icon-field-default.svg");
5776 mask-image: url("../../images/field-type-icons/icon-field-default.svg");
5777 }
5778
5779 /*--------------------------------------------------------------------------------------------
5780 *
5781 * Field type icons
5782 *
5783 *--------------------------------------------------------------------------------------------*/
5784 .field-type-icon.field-type-icon-text:before {
5785 -webkit-mask-image: url("../../images/field-type-icons/icon-field-text.svg");
5786 mask-image: url("../../images/field-type-icons/icon-field-text.svg");
5787 }
5788
5789 .field-type-icon.field-type-icon-textarea:before {
5790 -webkit-mask-image: url("../../images/field-type-icons/icon-field-textarea.svg");
5791 mask-image: url("../../images/field-type-icons/icon-field-textarea.svg");
5792 }
5793
5794 .field-type-icon.field-type-icon-textarea:before {
5795 -webkit-mask-image: url("../../images/field-type-icons/icon-field-textarea.svg");
5796 mask-image: url("../../images/field-type-icons/icon-field-textarea.svg");
5797 }
5798
5799 .field-type-icon.field-type-icon-number:before {
5800 -webkit-mask-image: url("../../images/field-type-icons/icon-field-number.svg");
5801 mask-image: url("../../images/field-type-icons/icon-field-number.svg");
5802 }
5803
5804 .field-type-icon.field-type-icon-range:before {
5805 -webkit-mask-image: url("../../images/field-type-icons/icon-field-range.svg");
5806 mask-image: url("../../images/field-type-icons/icon-field-range.svg");
5807 }
5808
5809 .field-type-icon.field-type-icon-email:before {
5810 -webkit-mask-image: url("../../images/field-type-icons/icon-field-email.svg");
5811 mask-image: url("../../images/field-type-icons/icon-field-email.svg");
5812 }
5813
5814 .field-type-icon.field-type-icon-url:before {
5815 -webkit-mask-image: url("../../images/field-type-icons/icon-field-url.svg");
5816 mask-image: url("../../images/field-type-icons/icon-field-url.svg");
5817 }
5818
5819 .field-type-icon.field-type-icon-password:before {
5820 -webkit-mask-image: url("../../images/field-type-icons/icon-field-password.svg");
5821 mask-image: url("../../images/field-type-icons/icon-field-password.svg");
5822 }
5823
5824 .field-type-icon.field-type-icon-image:before {
5825 -webkit-mask-image: url("../../images/field-type-icons/icon-field-image.svg");
5826 mask-image: url("../../images/field-type-icons/icon-field-image.svg");
5827 }
5828
5829 .field-type-icon.field-type-icon-file:before {
5830 -webkit-mask-image: url("../../images/field-type-icons/icon-field-file.svg");
5831 mask-image: url("../../images/field-type-icons/icon-field-file.svg");
5832 }
5833
5834 .field-type-icon.field-type-icon-wysiwyg:before {
5835 -webkit-mask-image: url("../../images/field-type-icons/icon-field-wysiwyg.svg");
5836 mask-image: url("../../images/field-type-icons/icon-field-wysiwyg.svg");
5837 }
5838
5839 .field-type-icon.field-type-icon-oembed:before {
5840 -webkit-mask-image: url("../../images/field-type-icons/icon-field-oembed.svg");
5841 mask-image: url("../../images/field-type-icons/icon-field-oembed.svg");
5842 }
5843
5844 .field-type-icon.field-type-icon-gallery:before {
5845 -webkit-mask-image: url("../../images/field-type-icons/icon-field-gallery.svg");
5846 mask-image: url("../../images/field-type-icons/icon-field-gallery.svg");
5847 }
5848
5849 .field-type-icon.field-type-icon-select:before {
5850 -webkit-mask-image: url("../../images/field-type-icons/icon-field-select.svg");
5851 mask-image: url("../../images/field-type-icons/icon-field-select.svg");
5852 }
5853
5854 .field-type-icon.field-type-icon-checkbox:before {
5855 -webkit-mask-image: url("../../images/field-type-icons/icon-field-checkbox.svg");
5856 mask-image: url("../../images/field-type-icons/icon-field-checkbox.svg");
5857 }
5858
5859 .field-type-icon.field-type-icon-radio:before {
5860 -webkit-mask-image: url("../../images/field-type-icons/icon-field-radio.svg");
5861 mask-image: url("../../images/field-type-icons/icon-field-radio.svg");
5862 }
5863
5864 .field-type-icon.field-type-icon-button-group:before {
5865 -webkit-mask-image: url("../../images/field-type-icons/icon-field-button-group.svg");
5866 mask-image: url("../../images/field-type-icons/icon-field-button-group.svg");
5867 }
5868
5869 .field-type-icon.field-type-icon-true-false:before {
5870 -webkit-mask-image: url("../../images/field-type-icons/icon-field-true-false.svg");
5871 mask-image: url("../../images/field-type-icons/icon-field-true-false.svg");
5872 }
5873
5874 .field-type-icon.field-type-icon-link:before {
5875 -webkit-mask-image: url("../../images/field-type-icons/icon-field-link.svg");
5876 mask-image: url("../../images/field-type-icons/icon-field-link.svg");
5877 }
5878
5879 .field-type-icon.field-type-icon-post-object:before {
5880 -webkit-mask-image: url("../../images/field-type-icons/icon-field-post-object.svg");
5881 mask-image: url("../../images/field-type-icons/icon-field-post-object.svg");
5882 }
5883
5884 .field-type-icon.field-type-icon-page-link:before {
5885 -webkit-mask-image: url("../../images/field-type-icons/icon-field-page-link.svg");
5886 mask-image: url("../../images/field-type-icons/icon-field-page-link.svg");
5887 }
5888
5889 .field-type-icon.field-type-icon-relationship:before {
5890 -webkit-mask-image: url("../../images/field-type-icons/icon-field-relationship.svg");
5891 mask-image: url("../../images/field-type-icons/icon-field-relationship.svg");
5892 }
5893
5894 .field-type-icon.field-type-icon-taxonomy:before {
5895 -webkit-mask-image: url("../../images/field-type-icons/icon-field-taxonomy.svg");
5896 mask-image: url("../../images/field-type-icons/icon-field-taxonomy.svg");
5897 }
5898
5899 .field-type-icon.field-type-icon-user:before {
5900 -webkit-mask-image: url("../../images/field-type-icons/icon-field-user.svg");
5901 mask-image: url("../../images/field-type-icons/icon-field-user.svg");
5902 }
5903
5904 .field-type-icon.field-type-icon-google-map:before {
5905 -webkit-mask-image: url("../../images/field-type-icons/icon-field-google-map.svg");
5906 mask-image: url("../../images/field-type-icons/icon-field-google-map.svg");
5907 }
5908
5909 .field-type-icon.field-type-icon-date-picker:before {
5910 -webkit-mask-image: url("../../images/field-type-icons/icon-field-date-picker.svg");
5911 mask-image: url("../../images/field-type-icons/icon-field-date-picker.svg");
5912 }
5913
5914 .field-type-icon.field-type-icon-date-time-picker:before {
5915 -webkit-mask-image: url("../../images/field-type-icons/icon-field-date-time-picker.svg");
5916 mask-image: url("../../images/field-type-icons/icon-field-date-time-picker.svg");
5917 }
5918
5919 .field-type-icon.field-type-icon-time-picker:before {
5920 -webkit-mask-image: url("../../images/field-type-icons/icon-field-time-picker.svg");
5921 mask-image: url("../../images/field-type-icons/icon-field-time-picker.svg");
5922 }
5923
5924 .field-type-icon.field-type-icon-color-picker:before {
5925 -webkit-mask-image: url("../../images/field-type-icons/icon-field-color-picker.svg");
5926 mask-image: url("../../images/field-type-icons/icon-field-color-picker.svg");
5927 }
5928
5929 .field-type-icon.field-type-icon-icon-picker:before {
5930 -webkit-mask-image: url("../../images/field-type-icons/icon-field-icon-picker.svg");
5931 mask-image: url("../../images/field-type-icons/icon-field-icon-picker.svg");
5932 }
5933
5934 .field-type-icon.field-type-icon-message:before {
5935 -webkit-mask-image: url("../../images/field-type-icons/icon-field-message.svg");
5936 mask-image: url("../../images/field-type-icons/icon-field-message.svg");
5937 }
5938
5939 .field-type-icon.field-type-icon-accordion:before {
5940 -webkit-mask-image: url("../../images/field-type-icons/icon-field-accordion.svg");
5941 mask-image: url("../../images/field-type-icons/icon-field-accordion.svg");
5942 }
5943
5944 .field-type-icon.field-type-icon-tab:before {
5945 -webkit-mask-image: url("../../images/field-type-icons/icon-field-tab.svg");
5946 mask-image: url("../../images/field-type-icons/icon-field-tab.svg");
5947 }
5948
5949 .field-type-icon.field-type-icon-group:before {
5950 -webkit-mask-image: url("../../images/field-type-icons/icon-field-group.svg");
5951 mask-image: url("../../images/field-type-icons/icon-field-group.svg");
5952 }
5953
5954 .field-type-icon.field-type-icon-repeater:before {
5955 -webkit-mask-image: url("../../images/field-type-icons/icon-field-repeater.svg");
5956 mask-image: url("../../images/field-type-icons/icon-field-repeater.svg");
5957 }
5958
5959 .field-type-icon.field-type-icon-flexible-content:before {
5960 -webkit-mask-image: url("../../images/field-type-icons/icon-field-flexible-content.svg");
5961 mask-image: url("../../images/field-type-icons/icon-field-flexible-content.svg");
5962 }
5963
5964 .field-type-icon.field-type-icon-clone:before {
5965 -webkit-mask-image: url("../../images/field-type-icons/icon-field-clone.svg");
5966 mask-image: url("../../images/field-type-icons/icon-field-clone.svg");
5967 }
5968
5969 /*---------------------------------------------------------------------------------------------
5970 *
5971 * Tools page layout
5972 *
5973 *---------------------------------------------------------------------------------------------*/
5974 #acf-admin-tools .postbox-header {
5975 display: none;
5976 }
5977
5978 #acf-admin-tools .acf-meta-box-wrap.-grid {
5979 margin-top: 0;
5980 margin-right: 0;
5981 margin-bottom: 0;
5982 margin-left: 0;
5983 }
5984
5985 #acf-admin-tools .acf-meta-box-wrap.-grid .postbox {
5986 width: 100%;
5987 clear: none;
5988 float: none;
5989 margin-bottom: 0;
5990 }
5991
5992 @media screen and (max-width: 880px) {
5993 #acf-admin-tools .acf-meta-box-wrap.-grid .postbox {
5994 flex: 1 1 100%;
5995 }
5996 }
5997 #acf-admin-tools .acf-meta-box-wrap.-grid .postbox:nth-child(odd) {
5998 margin-left: 0;
5999 }
6000
6001 #acf-admin-tools .meta-box-sortables {
6002 display: grid;
6003 grid-template-columns: repeat(2, 1fr);
6004 grid-template-rows: repeat(1, 1fr);
6005 grid-column-gap: 32px;
6006 grid-row-gap: 32px;
6007 }
6008
6009 @media screen and (max-width: 880px) {
6010 #acf-admin-tools .meta-box-sortables {
6011 display: flex;
6012 flex-wrap: wrap;
6013 justify-content: flex-start;
6014 align-content: flex-start;
6015 align-items: center;
6016 grid-column-gap: 8px;
6017 grid-row-gap: 8px;
6018 }
6019 }
6020 /*---------------------------------------------------------------------------------------------
6021 *
6022 * Tools export pages
6023 *
6024 *---------------------------------------------------------------------------------------------*/
6025 #acf-admin-tools.tool-export .inside {
6026 margin: 0;
6027 }
6028
6029 #acf-admin-tools.tool-export .acf-postbox-header {
6030 margin-bottom: 24px;
6031 }
6032
6033 #acf-admin-tools.tool-export .acf-postbox-main {
6034 border: none;
6035 margin: 0;
6036 padding-top: 0;
6037 padding-right: 24px;
6038 padding-bottom: 0;
6039 padding-left: 0;
6040 }
6041
6042 #acf-admin-tools.tool-export .acf-postbox-columns {
6043 margin-top: 0;
6044 margin-right: 280px;
6045 margin-bottom: 0;
6046 margin-left: 0;
6047 padding: 0;
6048 }
6049
6050 #acf-admin-tools.tool-export .acf-postbox-columns .acf-postbox-side {
6051 padding: 0;
6052 }
6053
6054 #acf-admin-tools.tool-export .acf-postbox-columns .acf-postbox-side .acf-panel {
6055 margin: 0;
6056 padding: 0;
6057 }
6058
6059 #acf-admin-tools.tool-export .acf-postbox-columns .acf-postbox-side:before {
6060 display: none;
6061 }
6062
6063 #acf-admin-tools.tool-export .acf-postbox-columns .acf-postbox-side .acf-btn {
6064 display: block;
6065 width: 100%;
6066 text-align: center;
6067 }
6068
6069 #acf-admin-tools.tool-export .meta-box-sortables {
6070 display: block;
6071 }
6072
6073 #acf-admin-tools.tool-export .acf-panel {
6074 border: none;
6075 }
6076
6077 #acf-admin-tools.tool-export .acf-panel h3 {
6078 margin: 0;
6079 padding: 0;
6080 color: #344054;
6081 }
6082
6083 #acf-admin-tools.tool-export .acf-panel h3:before {
6084 display: none;
6085 }
6086
6087 #acf-admin-tools.tool-export .acf-checkbox-list {
6088 margin-top: 16px;
6089 border-width: 1px;
6090 border-style: solid;
6091 border-color: #D0D5DD;
6092 border-radius: 6px;
6093 }
6094
6095 #acf-admin-tools.tool-export .acf-checkbox-list li {
6096 display: inline-flex;
6097 box-sizing: border-box;
6098 width: 100%;
6099 height: 48px;
6100 align-items: center;
6101 margin: 0;
6102 padding-right: 12px;
6103 padding-left: 12px;
6104 border-bottom-width: 1px;
6105 border-bottom-style: solid;
6106 border-bottom-color: #EAECF0;
6107 }
6108
6109 #acf-admin-tools.tool-export .acf-checkbox-list li:last-child {
6110 border-bottom: none;
6111 }
6112
6113 /*---------------------------------------------------------------------------------------------
6114 *
6115 * Updates layout
6116 *
6117 *---------------------------------------------------------------------------------------------*/
6118 .acf-settings-wrap.acf-updates {
6119 display: flex;
6120 flex-direction: row;
6121 flex-wrap: wrap;
6122 justify-content: flex-start;
6123 align-content: flex-start;
6124 align-items: flex-start;
6125 }
6126
6127 .custom-fields_page_acf-settings-updates .acf-admin-notice,
6128 .custom-fields_page_acf-settings-updates .acf-upgrade-notice,
6129 .custom-fields_page_acf-settings-updates .notice {
6130 flex: 1 1 100%;
6131 }
6132
6133 /*---------------------------------------------------------------------------------------------
6134 *
6135 * ACF Box
6136 *
6137 *---------------------------------------------------------------------------------------------*/
6138 .acf-settings-wrap.acf-updates .acf-box {
6139 margin-top: 0;
6140 margin-right: 0;
6141 margin-bottom: 0;
6142 margin-left: 0;
6143 }
6144
6145 .acf-settings-wrap.acf-updates .acf-box .inner {
6146 padding-top: 24px;
6147 padding-right: 24px;
6148 padding-bottom: 24px;
6149 padding-left: 24px;
6150 }
6151
6152 @media screen and (max-width: 880px) {
6153 .acf-settings-wrap.acf-updates .acf-box {
6154 flex: 1 1 100%;
6155 }
6156 }
6157 /*---------------------------------------------------------------------------------------------
6158 *
6159 * Notices
6160 *
6161 *---------------------------------------------------------------------------------------------*/
6162 .acf-settings-wrap.acf-updates .acf-admin-notice {
6163 flex: 1 1 100%;
6164 margin-top: 16px;
6165 margin-right: 0;
6166 margin-left: 0;
6167 }
6168
6169 /*---------------------------------------------------------------------------------------------
6170 *
6171 * Update information table
6172 *
6173 *---------------------------------------------------------------------------------------------*/
6174 #acf-update-information {
6175 flex: 1 1 35%;
6176 max-width: calc(35% - 32px);
6177 }
6178
6179 #acf-update-information .form-table th,
6180 #acf-update-information .form-table td {
6181 padding-top: 0;
6182 padding-right: 0;
6183 padding-bottom: 24px;
6184 padding-left: 0;
6185 color: #344054;
6186 }
6187
6188 #acf-update-information .acf-update-changelog {
6189 margin-top: 8px;
6190 margin-bottom: 24px;
6191 padding-top: 8px;
6192 border-top-width: 1px;
6193 border-top-style: solid;
6194 border-top-color: #EAECF0;
6195 color: #344054;
6196 }
6197
6198 #acf-update-information .acf-update-changelog h4 {
6199 margin-bottom: 0;
6200 }
6201
6202 #acf-update-information .acf-update-changelog p {
6203 margin-top: 0;
6204 margin-bottom: 16px;
6205 }
6206
6207 #acf-update-information .acf-update-changelog p:last-of-type {
6208 margin-bottom: 0;
6209 }
6210
6211 #acf-update-information .acf-update-changelog p em {
6212 color: #667085;
6213 }
6214
6215 #acf-update-information .acf-btn {
6216 display: inline-flex;
6217 }
6218
6219 /*--------------------------------------------------------------------------------------------
6220 *
6221 * Header pro upgrade button
6222 *
6223 *--------------------------------------------------------------------------------------------*/
6224 .acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn {
6225 display: inline-flex;
6226 align-items: center;
6227 align-self: stretch;
6228 padding-top: 0;
6229 padding-right: 16px;
6230 padding-bottom: 0;
6231 padding-left: 16px;
6232 background: radial-gradient(141.77% 141.08% at 100.26% 99.25%, #0ECAD4 0%, #7A45E5 100%);
6233 box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
6234 border-radius: 6px;
6235 text-decoration: none;
6236 }
6237
6238 @media screen and (max-width: 768px) {
6239 .acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn {
6240 display: none;
6241 }
6242 }
6243 .acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn:focus {
6244 border: none;
6245 outline: none;
6246 box-shadow: none;
6247 }
6248
6249 .acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn p {
6250 margin: 0;
6251 padding-top: 8px;
6252 padding-bottom: 8px;
6253 font-weight: 400;
6254 text-transform: none;
6255 color: #fff;
6256 }
6257
6258 .acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn .acf-icon {
6259 width: 18px;
6260 height: 18px;
6261 margin-right: 6px;
6262 margin-left: -2px;
6263 background-color: #F9FAFB;
6264 }
6265
6266 /*--------------------------------------------------------------------------------------------
6267 *
6268 * Post type & taxonomies styles
6269 *
6270 *--------------------------------------------------------------------------------------------*/
6271 .acf-admin-single-post-type label[for=acf-basic-settings-hide],
6272 .acf-admin-single-taxonomy label[for=acf-basic-settings-hide],
6273 .acf-admin-single-options-page label[for=acf-basic-settings-hide] {
6274 display: none;
6275 }
6276
6277 .acf-admin-single-post-type fieldset.columns-prefs,
6278 .acf-admin-single-taxonomy fieldset.columns-prefs,
6279 .acf-admin-single-options-page fieldset.columns-prefs {
6280 display: none;
6281 }
6282
6283 .acf-admin-single-post-type #acf-basic-settings .postbox-header,
6284 .acf-admin-single-taxonomy #acf-basic-settings .postbox-header,
6285 .acf-admin-single-options-page #acf-basic-settings .postbox-header {
6286 display: none;
6287 }
6288
6289 .acf-admin-single-post-type .postbox-container,
6290 .acf-admin-single-post-type .notice,
6291 .acf-admin-single-taxonomy .postbox-container,
6292 .acf-admin-single-taxonomy .notice,
6293 .acf-admin-single-options-page .postbox-container,
6294 .acf-admin-single-options-page .notice {
6295 max-width: 1440px;
6296 clear: left;
6297 }
6298
6299 .acf-admin-single-post-type #post-body-content,
6300 .acf-admin-single-taxonomy #post-body-content,
6301 .acf-admin-single-options-page #post-body-content {
6302 margin: 0;
6303 }
6304
6305 .acf-admin-single-post-type .postbox .inside,
6306 .acf-admin-single-post-type .acf-box .inside,
6307 .acf-admin-single-taxonomy .postbox .inside,
6308 .acf-admin-single-taxonomy .acf-box .inside,
6309 .acf-admin-single-options-page .postbox .inside,
6310 .acf-admin-single-options-page .acf-box .inside {
6311 padding-top: 48px;
6312 padding-right: 48px;
6313 padding-bottom: 48px;
6314 padding-left: 48px;
6315 }
6316
6317 .acf-admin-single-post-type #acf-advanced-settings.postbox .inside,
6318 .acf-admin-single-taxonomy #acf-advanced-settings.postbox .inside,
6319 .acf-admin-single-options-page #acf-advanced-settings.postbox .inside {
6320 padding-bottom: 24px;
6321 }
6322
6323 .acf-admin-single-post-type .postbox-container .meta-box-sortables #acf-basic-settings .inside,
6324 .acf-admin-single-taxonomy .postbox-container .meta-box-sortables #acf-basic-settings .inside,
6325 .acf-admin-single-options-page .postbox-container .meta-box-sortables #acf-basic-settings .inside {
6326 border: none;
6327 }
6328
6329 .acf-admin-single-post-type .acf-input-wrap,
6330 .acf-admin-single-taxonomy .acf-input-wrap,
6331 .acf-admin-single-options-page .acf-input-wrap {
6332 overflow: visible;
6333 }
6334
6335 .acf-admin-single-post-type .acf-field,
6336 .acf-admin-single-taxonomy .acf-field,
6337 .acf-admin-single-options-page .acf-field {
6338 margin-top: 0;
6339 margin-right: 0;
6340 margin-bottom: 24px;
6341 margin-left: 0;
6342 }
6343
6344 .acf-admin-single-post-type .acf-field .acf-label,
6345 .acf-admin-single-taxonomy .acf-field .acf-label,
6346 .acf-admin-single-options-page .acf-field .acf-label {
6347 margin-bottom: 6px;
6348 }
6349
6350 .acf-admin-single-post-type .acf-field-text,
6351 .acf-admin-single-post-type .acf-field-textarea,
6352 .acf-admin-single-post-type .acf-field-select,
6353 .acf-admin-single-taxonomy .acf-field-text,
6354 .acf-admin-single-taxonomy .acf-field-textarea,
6355 .acf-admin-single-taxonomy .acf-field-select,
6356 .acf-admin-single-options-page .acf-field-text,
6357 .acf-admin-single-options-page .acf-field-textarea,
6358 .acf-admin-single-options-page .acf-field-select {
6359 max-width: 600px;
6360 }
6361
6362 .acf-admin-single-post-type .acf-field-true-false,
6363 .acf-admin-single-taxonomy .acf-field-true-false,
6364 .acf-admin-single-options-page .acf-field-true-false {
6365 max-width: 700px;
6366 }
6367
6368 .acf-admin-single-post-type .acf-field-supports,
6369 .acf-admin-single-taxonomy .acf-field-supports,
6370 .acf-admin-single-options-page .acf-field-supports {
6371 max-width: 600px;
6372 }
6373
6374 .acf-admin-single-post-type .acf-field-supports .acf-label,
6375 .acf-admin-single-taxonomy .acf-field-supports .acf-label,
6376 .acf-admin-single-options-page .acf-field-supports .acf-label {
6377 display: block;
6378 }
6379
6380 .acf-admin-single-post-type .acf-field-supports .acf-label .description,
6381 .acf-admin-single-taxonomy .acf-field-supports .acf-label .description,
6382 .acf-admin-single-options-page .acf-field-supports .acf-label .description {
6383 margin-top: 4px;
6384 margin-bottom: 12px;
6385 }
6386
6387 .acf-admin-single-post-type .acf-field-supports .acf_post_type_supports,
6388 .acf-admin-single-taxonomy .acf-field-supports .acf_post_type_supports,
6389 .acf-admin-single-options-page .acf-field-supports .acf_post_type_supports {
6390 display: flex;
6391 flex-wrap: wrap;
6392 justify-content: flex-start;
6393 align-content: flex-start;
6394 align-items: flex-start;
6395 }
6396
6397 .acf-admin-single-post-type .acf-field-supports .acf_post_type_supports:focus-within,
6398 .acf-admin-single-taxonomy .acf-field-supports .acf_post_type_supports:focus-within,
6399 .acf-admin-single-options-page .acf-field-supports .acf_post_type_supports:focus-within {
6400 border-color: transparent;
6401 }
6402
6403 .acf-admin-single-post-type .acf-field-supports .acf_post_type_supports li,
6404 .acf-admin-single-taxonomy .acf-field-supports .acf_post_type_supports li,
6405 .acf-admin-single-options-page .acf-field-supports .acf_post_type_supports li {
6406 flex: 0 0 25%;
6407 }
6408
6409 .acf-admin-single-post-type .acf-field-supports .acf_post_type_supports li a.button,
6410 .acf-admin-single-taxonomy .acf-field-supports .acf_post_type_supports li a.button,
6411 .acf-admin-single-options-page .acf-field-supports .acf_post_type_supports li a.button {
6412 background-color: transparent;
6413 padding: 0;
6414 border: 0;
6415 height: auto;
6416 min-height: auto;
6417 margin-top: 0;
6418 border-radius: 0;
6419 line-height: 22px;
6420 }
6421
6422 .acf-admin-single-post-type .acf-field-supports .acf_post_type_supports li a.button:before,
6423 .acf-admin-single-taxonomy .acf-field-supports .acf_post_type_supports li a.button:before,
6424 .acf-admin-single-options-page .acf-field-supports .acf_post_type_supports li a.button:before {
6425 content: "";
6426 margin-right: 6px;
6427 display: inline-flex;
6428 width: 16px;
6429 height: 16px;
6430 background-color: currentColor;
6431 border: none;
6432 border-radius: 0;
6433 -webkit-mask-size: contain;
6434 mask-size: contain;
6435 -webkit-mask-repeat: no-repeat;
6436 mask-repeat: no-repeat;
6437 -webkit-mask-position: center;
6438 mask-position: center;
6439 text-indent: 500%;
6440 white-space: nowrap;
6441 overflow: hidden;
6442 -webkit-mask-image: url("../../images/icons/icon-add.svg");
6443 mask-image: url("../../images/icons/icon-add.svg");
6444 }
6445
6446 .acf-admin-single-post-type .acf-field-supports .acf_post_type_supports li a.button:hover,
6447 .acf-admin-single-taxonomy .acf-field-supports .acf_post_type_supports li a.button:hover,
6448 .acf-admin-single-options-page .acf-field-supports .acf_post_type_supports li a.button:hover {
6449 color: #044E71;
6450 }
6451
6452 .acf-admin-single-post-type .acf-field-supports .acf_post_type_supports li input[type=text],
6453 .acf-admin-single-taxonomy .acf-field-supports .acf_post_type_supports li input[type=text],
6454 .acf-admin-single-options-page .acf-field-supports .acf_post_type_supports li input[type=text] {
6455 width: calc(100% - 36px);
6456 padding: 0;
6457 box-shadow: none;
6458 border: none;
6459 border-bottom: 1px solid #D0D5DD;
6460 border-radius: 0;
6461 height: auto;
6462 margin: 0;
6463 min-height: auto;
6464 }
6465
6466 .acf-admin-single-post-type .acf-field-supports .acf_post_type_supports li input[type=text]:focus,
6467 .acf-admin-single-taxonomy .acf-field-supports .acf_post_type_supports li input[type=text]:focus,
6468 .acf-admin-single-options-page .acf-field-supports .acf_post_type_supports li input[type=text]:focus {
6469 outline: none;
6470 border-bottom-color: #399CCB;
6471 }
6472
6473 .acf-admin-single-post-type .acf-field-seperator,
6474 .acf-admin-single-taxonomy .acf-field-seperator,
6475 .acf-admin-single-options-page .acf-field-seperator {
6476 margin-top: 40px;
6477 margin-bottom: 40px;
6478 border-top: 1px solid #EAECF0;
6479 border-right: none;
6480 border-bottom: none;
6481 border-left: none;
6482 }
6483
6484 .acf-admin-single-post-type .acf-field-advanced-configuration,
6485 .acf-admin-single-taxonomy .acf-field-advanced-configuration,
6486 .acf-admin-single-options-page .acf-field-advanced-configuration {
6487 margin-bottom: 0;
6488 }
6489
6490 .acf-admin-single-post-type .postbox-container .acf-tab-wrap,
6491 .acf-admin-single-post-type .acf-regenerate-labels-bar,
6492 .acf-admin-single-taxonomy .postbox-container .acf-tab-wrap,
6493 .acf-admin-single-taxonomy .acf-regenerate-labels-bar,
6494 .acf-admin-single-options-page .postbox-container .acf-tab-wrap,
6495 .acf-admin-single-options-page .acf-regenerate-labels-bar {
6496 position: relative;
6497 top: -48px;
6498 left: -48px;
6499 width: calc(100% + 96px);
6500 }
6501
6502 .acf-admin-single-post-type .acf-regenerate-labels-bar,
6503 .acf-admin-single-taxonomy .acf-regenerate-labels-bar,
6504 .acf-admin-single-options-page .acf-regenerate-labels-bar {
6505 display: flex;
6506 align-items: center;
6507 justify-content: right;
6508 min-height: 48px;
6509 margin-bottom: 0;
6510 padding-right: 16px;
6511 padding-left: 16px;
6512 gap: 8px;
6513 border-bottom-width: 1px;
6514 border-bottom-style: solid;
6515 border-bottom-color: #F2F4F7;
6516 }
6517
6518 .acf-admin-single-post-type .acf-labels-tip,
6519 .acf-admin-single-taxonomy .acf-labels-tip,
6520 .acf-admin-single-options-page .acf-labels-tip {
6521 display: inline-flex;
6522 align-items: center;
6523 min-height: 24px;
6524 margin-right: 8px;
6525 padding-left: 16px;
6526 border-left-width: 1px;
6527 border-left-style: solid;
6528 border-left-color: #EAECF0;
6529 }
6530
6531 .acf-admin-single-post-type .acf-labels-tip .acf-icon,
6532 .acf-admin-single-taxonomy .acf-labels-tip .acf-icon,
6533 .acf-admin-single-options-page .acf-labels-tip .acf-icon {
6534 display: inline-flex;
6535 align-items: center;
6536 width: 16px;
6537 height: 16px;
6538 -webkit-mask-size: 16px;
6539 mask-size: 16px;
6540 background-color: #98A2B3;
6541 }
6542
6543 .acf-select2-default-pill {
6544 border-radius: 100px;
6545 min-height: 20px;
6546 padding-top: 2px;
6547 padding-bottom: 2px;
6548 padding-left: 8px;
6549 padding-right: 8px;
6550 font-size: 11px;
6551 margin-left: 6px;
6552 background-color: #EAECF0;
6553 color: #667085;
6554 }
6555
6556 .acf-menu-position-desc-child {
6557 display: none;
6558 }
6559
6560 /*---------------------------------------------------------------------------------------------
6561 *
6562 * Field picker modal
6563 *
6564 *---------------------------------------------------------------------------------------------*/
6565 .acf-modal.acf-browse-fields-modal {
6566 width: 1120px;
6567 height: 664px;
6568 top: 50%;
6569 right: auto;
6570 bottom: auto;
6571 left: 50%;
6572 transform: translate(-50%, -50%);
6573 display: flex;
6574 flex-direction: row;
6575 border-radius: 12px;
6576 box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 8px 16px rgba(0, 0, 0, 0.08);
6577 overflow: hidden;
6578 }
6579
6580 .acf-modal.acf-browse-fields-modal .acf-field-picker {
6581 display: flex;
6582 flex-direction: column;
6583 flex-grow: 1;
6584 width: 760px;
6585 background: #fff;
6586 }
6587
6588 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-title,
6589 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content,
6590 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-toolbar {
6591 position: relative;
6592 }
6593
6594 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-title {
6595 display: flex;
6596 flex-direction: row;
6597 justify-content: space-between;
6598 align-items: center;
6599 background: #F9FAFB;
6600 border: none;
6601 padding: 35px 32px;
6602 }
6603
6604 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-title .acf-search-field-types-wrap {
6605 position: relative;
6606 }
6607
6608 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-title .acf-search-field-types-wrap::after {
6609 content: "";
6610 display: block;
6611 position: absolute;
6612 top: 11px;
6613 left: 10px;
6614 width: 18px;
6615 height: 18px;
6616 -webkit-mask-image: url("../../images/icons/icon-search.svg");
6617 mask-image: url("../../images/icons/icon-search.svg");
6618 background-color: #98A2B3;
6619 border: none;
6620 border-radius: 0;
6621 -webkit-mask-size: contain;
6622 mask-size: contain;
6623 -webkit-mask-repeat: no-repeat;
6624 mask-repeat: no-repeat;
6625 -webkit-mask-position: center;
6626 mask-position: center;
6627 text-indent: 500%;
6628 white-space: nowrap;
6629 overflow: hidden;
6630 }
6631
6632 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-title .acf-search-field-types-wrap input {
6633 width: 280px;
6634 height: 40px;
6635 margin: 0;
6636 padding-left: 32px;
6637 box-shadow: none;
6638 }
6639
6640 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content {
6641 top: auto;
6642 bottom: auto;
6643 padding: 0;
6644 height: 100%;
6645 }
6646
6647 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-tab-group {
6648 padding-left: 32px;
6649 }
6650
6651 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-types-tab {
6652 display: flex;
6653 }
6654
6655 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-types-tab,
6656 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-type-search-results {
6657 flex-direction: row;
6658 flex-wrap: wrap;
6659 gap: 24px;
6660 padding: 32px;
6661 }
6662
6663 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-types-tab .acf-field-type,
6664 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-type-search-results .acf-field-type {
6665 position: relative;
6666 display: flex;
6667 flex-direction: column;
6668 justify-content: center;
6669 align-items: center;
6670 isolation: isolate;
6671 width: 120px;
6672 height: 120px;
6673 background: #F9FAFB;
6674 border: 1px solid #EAECF0;
6675 border-radius: 8px;
6676 box-sizing: border-box;
6677 color: #1D2939;
6678 text-decoration: none;
6679 }
6680
6681 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-types-tab .acf-field-type:hover, .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-types-tab .acf-field-type:active, .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-types-tab .acf-field-type.selected,
6682 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-type-search-results .acf-field-type:hover,
6683 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-type-search-results .acf-field-type:active,
6684 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-type-search-results .acf-field-type.selected {
6685 background: #EBF5FA;
6686 border: 1px solid #399CCB;
6687 box-shadow: inset 0 0 0 1px #399CCB;
6688 }
6689
6690 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-types-tab .acf-field-type .field-type-icon,
6691 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-type-search-results .acf-field-type .field-type-icon {
6692 border: none;
6693 background: none;
6694 top: 0;
6695 }
6696
6697 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-types-tab .acf-field-type .field-type-icon::before,
6698 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-type-search-results .acf-field-type .field-type-icon::before {
6699 width: 22px;
6700 height: 22px;
6701 }
6702
6703 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-types-tab .acf-field-type .field-type-label,
6704 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-content .acf-field-type-search-results .acf-field-type .field-type-label {
6705 margin-top: 12px;
6706 }
6707
6708 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-toolbar {
6709 display: flex;
6710 align-items: flex-start;
6711 justify-content: space-between;
6712 height: auto;
6713 min-height: 72px;
6714 padding-top: 0;
6715 padding-right: 32px;
6716 padding-bottom: 0;
6717 padding-left: 32px;
6718 margin: 0;
6719 border: none;
6720 }
6721
6722 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-toolbar .acf-select-field,
6723 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-toolbar .acf-btn-pro {
6724 min-width: 160px;
6725 justify-content: center;
6726 }
6727
6728 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-toolbar .acf-insert-field-label {
6729 min-width: 280px;
6730 box-shadow: none;
6731 }
6732
6733 .acf-modal.acf-browse-fields-modal .acf-field-picker .acf-modal-toolbar .acf-field-picker-actions {
6734 display: flex;
6735 gap: 8px;
6736 }
6737
6738 .acf-modal.acf-browse-fields-modal .acf-field-type-preview {
6739 display: flex;
6740 flex-direction: column;
6741 width: 360px;
6742 background-color: #F9FAFB;
6743 background-image: url("../../images/field-preview-grid.png");
6744 background-size: 740px;
6745 background-repeat: no-repeat;
6746 background-position: center bottom;
6747 border-left: 1px solid #EAECF0;
6748 box-sizing: border-box;
6749 padding: 32px;
6750 }
6751
6752 .acf-modal.acf-browse-fields-modal .acf-field-type-preview .field-type-desc {
6753 margin: 0;
6754 padding: 0;
6755 color: #667085;
6756 }
6757
6758 .acf-modal.acf-browse-fields-modal .acf-field-type-preview .field-type-preview-container {
6759 display: inline-flex;
6760 justify-content: center;
6761 width: 100%;
6762 margin-top: 24px;
6763 padding-top: 32px;
6764 padding-bottom: 32px;
6765 background-color: rgba(255, 255, 255, 0.64);
6766 border-radius: 8px;
6767 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.04);
6768 }
6769
6770 .acf-modal.acf-browse-fields-modal .acf-field-type-preview .field-type-image {
6771 max-width: 232px;
6772 }
6773
6774 .acf-modal.acf-browse-fields-modal .acf-field-type-preview .field-type-info {
6775 flex-grow: 1;
6776 }
6777
6778 .acf-modal.acf-browse-fields-modal .acf-field-type-preview .field-type-info .field-type-name {
6779 font-size: 21px;
6780 margin-top: 0;
6781 margin-right: 0;
6782 margin-bottom: 16px;
6783 margin-left: 0;
6784 }
6785
6786 .acf-modal.acf-browse-fields-modal .acf-field-type-preview .field-type-info .field-type-upgrade-to-unlock {
6787 display: inline-flex;
6788 justify-items: center;
6789 align-items: center;
6790 min-height: 24px;
6791 margin-bottom: 12px;
6792 padding-right: 10px;
6793 padding-left: 10px;
6794 background: radial-gradient(141.77% 141.08% at 100.26% 99.25%, #0ECAD4 0%, #7A45E5 100%);
6795 border-radius: 100px;
6796 color: white;
6797 text-decoration: none;
6798 font-size: 10px;
6799 text-transform: uppercase;
6800 }
6801
6802 .acf-modal.acf-browse-fields-modal .acf-field-type-preview .field-type-info .field-type-upgrade-to-unlock i.acf-icon {
6803 width: 14px;
6804 height: 14px;
6805 margin-right: 4px;
6806 }
6807
6808 .acf-modal.acf-browse-fields-modal .acf-field-type-preview .field-type-links {
6809 display: flex;
6810 align-items: center;
6811 gap: 24px;
6812 min-height: 40px;
6813 }
6814
6815 .acf-modal.acf-browse-fields-modal .acf-field-type-preview .field-type-links .acf-icon {
6816 width: 18px;
6817 height: 18px;
6818 }
6819
6820 .acf-modal.acf-browse-fields-modal .acf-field-type-preview .field-type-links::before {
6821 display: none;
6822 }
6823
6824 .acf-modal.acf-browse-fields-modal .acf-field-type-preview .field-type-links a {
6825 display: flex;
6826 gap: 6px;
6827 text-decoration: none;
6828 }
6829
6830 .acf-modal.acf-browse-fields-modal .acf-field-type-preview .field-type-links a:hover {
6831 text-decoration: underline;
6832 }
6833
6834 .acf-modal.acf-browse-fields-modal .acf-field-type-search-results,
6835 .acf-modal.acf-browse-fields-modal .acf-field-type-search-no-results {
6836 display: none;
6837 }
6838
6839 .acf-modal.acf-browse-fields-modal.is-searching .acf-tab-wrap,
6840 .acf-modal.acf-browse-fields-modal.is-searching .acf-field-types-tab,
6841 .acf-modal.acf-browse-fields-modal.is-searching .acf-field-type-search-no-results {
6842 display: none !important;
6843 }
6844
6845 .acf-modal.acf-browse-fields-modal.is-searching .acf-field-type-search-results {
6846 display: flex;
6847 }
6848
6849 .acf-modal.acf-browse-fields-modal.no-results-found .acf-tab-wrap,
6850 .acf-modal.acf-browse-fields-modal.no-results-found .acf-field-types-tab,
6851 .acf-modal.acf-browse-fields-modal.no-results-found .acf-field-type-search-results,
6852 .acf-modal.acf-browse-fields-modal.no-results-found .field-type-info,
6853 .acf-modal.acf-browse-fields-modal.no-results-found .field-type-links,
6854 .acf-modal.acf-browse-fields-modal.no-results-found .acf-field-picker-toolbar {
6855 display: none !important;
6856 }
6857
6858 .acf-modal.acf-browse-fields-modal.no-results-found .acf-modal-title {
6859 border-bottom-width: 1px;
6860 border-bottom-style: solid;
6861 border-bottom-color: #EAECF0;
6862 }
6863
6864 .acf-modal.acf-browse-fields-modal.no-results-found .acf-field-type-search-no-results {
6865 display: flex;
6866 flex-direction: column;
6867 justify-content: center;
6868 align-items: center;
6869 height: 100%;
6870 gap: 6px;
6871 }
6872
6873 .acf-modal.acf-browse-fields-modal.no-results-found .acf-field-type-search-no-results img {
6874 margin-bottom: 19px;
6875 }
6876
6877 .acf-modal.acf-browse-fields-modal.no-results-found .acf-field-type-search-no-results p {
6878 margin: 0;
6879 }
6880
6881 .acf-modal.acf-browse-fields-modal.no-results-found .acf-field-type-search-no-results p.acf-no-results-text {
6882 display: flex;
6883 }
6884
6885 .acf-modal.acf-browse-fields-modal.no-results-found .acf-field-type-search-no-results .acf-invalid-search-term {
6886 max-width: 200px;
6887 overflow: hidden;
6888 text-overflow: ellipsis;
6889 display: inline-block;
6890 }
6891
6892 /*---------------------------------------------------------------------------------------------
6893 *
6894 * Hide browse fields button for smaller screen sizes
6895 *
6896 *---------------------------------------------------------------------------------------------*/
6897 @media only screen and (max-width: 1080px) {
6898 .acf-btn.browse-fields {
6899 display: none;
6900 }
6901 }
6902 .acf-block-body .acf-field-icon-picker .acf-tab-group {
6903 margin: 0;
6904 padding-left: 0 !important;
6905 }
6906
6907 .acf-field-icon-picker {
6908 max-width: 600px;
6909 }
6910
6911 .acf-field-icon-picker .acf-tab-group {
6912 padding: 0;
6913 border-bottom: 0;
6914 overflow: hidden;
6915 }
6916
6917 .acf-field-icon-picker .active a {
6918 background: #667085;
6919 color: #fff;
6920 }
6921
6922 .acf-field-icon-picker .acf-dashicons-search-wrap {
6923 position: relative;
6924 }
6925
6926 .acf-field-icon-picker .acf-dashicons-search-wrap::after {
6927 content: "";
6928 display: block;
6929 position: absolute;
6930 top: 6px;
6931 left: 10px;
6932 width: 18px;
6933 height: 18px;
6934 -webkit-mask-image: url(../../images/icons/icon-search.svg);
6935 mask-image: url(../../images/icons/icon-search.svg);
6936 background-color: #98A2B3;
6937 border: none;
6938 border-radius: 0;
6939 -webkit-mask-size: contain;
6940 mask-size: contain;
6941 -webkit-mask-repeat: no-repeat;
6942 mask-repeat: no-repeat;
6943 -webkit-mask-position: center;
6944 mask-position: center;
6945 text-indent: 500%;
6946 white-space: nowrap;
6947 overflow: hidden;
6948 }
6949
6950 .acf-field-icon-picker .acf-dashicons-search-wrap .acf-dashicons-search-input {
6951 padding-left: 32px;
6952 border-radius: 0;
6953 }
6954
6955 .acf-field-icon-picker .acf-dashicons-list {
6956 margin-bottom: 0;
6957 display: flex;
6958 flex-wrap: wrap;
6959 justify-content: space-between;
6960 align-content: start;
6961 height: 135px;
6962 overflow: hidden;
6963 overflow-y: auto;
6964 background-color: #f9f9f9;
6965 border: 1px solid #8c8f94;
6966 border-top: none;
6967 border-radius: 0 0 6px 6px;
6968 gap: 8px;
6969 padding: 8px;
6970 }
6971
6972 .acf-field-icon-picker .acf-dashicons-list .acf-icon-picker-dashicon {
6973 background-color: transparent;
6974 display: flex;
6975 justify-content: center;
6976 align-items: center;
6977 width: 32px;
6978 height: 32px;
6979 border: solid 2px transparent;
6980 color: #3c434a;
6981 }
6982
6983 .acf-field-icon-picker .acf-dashicons-list .acf-icon-picker-dashicon label {
6984 display: none;
6985 }
6986
6987 .acf-field-icon-picker .acf-dashicons-list .acf-icon-picker-dashicon [type=radio],
6988 .acf-field-icon-picker .acf-dashicons-list .acf-icon-picker-dashicon [type=radio]:active,
6989 .acf-field-icon-picker .acf-dashicons-list .acf-icon-picker-dashicon [type=radio]:checked::before,
6990 .acf-field-icon-picker .acf-dashicons-list .acf-icon-picker-dashicon [type=radio]:focus {
6991 all: initial;
6992 appearance: none;
6993 }
6994
6995 .acf-field-icon-picker .acf-dashicons-list .acf-icon-picker-dashicon:hover {
6996 border: solid 2px #0783BE;
6997 border-radius: 6px;
6998 cursor: pointer;
6999 }
7000
7001 .acf-field-icon-picker .acf-dashicons-list .active {
7002 border: solid 2px #0783BE;
7003 background-color: #EBF5FA;
7004 border-radius: 6px;
7005 }
7006
7007 .acf-field-icon-picker .acf-dashicons-list .active.focus {
7008 border: solid 2px #0783BE;
7009 background-color: #EBF5FA;
7010 border-radius: 6px;
7011 box-shadow: 0 0 2px #0783be;
7012 }
7013
7014 .acf-field-icon-picker .acf-dashicons-list::after {
7015 content: "";
7016 flex: auto;
7017 }
7018
7019 .acf-field-icon-picker .acf-dashicons-list-empty {
7020 position: relative;
7021 display: none;
7022 flex-direction: column;
7023 justify-content: center;
7024 align-items: center;
7025 padding-top: 10px;
7026 padding-left: 10px;
7027 height: 135px;
7028 overflow: scroll;
7029 background-color: #F9FAFB;
7030 border: 1px solid #D0D5DD;
7031 border-top: none;
7032 border-radius: 0 0 6px 6px;
7033 }
7034
7035 .acf-field-icon-picker .acf-dashicons-list-empty img {
7036 height: 30px;
7037 width: 30px;
7038 color: #D0D5DD;
7039 }
7040
7041 .acf-field-icon-picker .acf-icon-picker-media-library,
7042 .acf-field-icon-picker .acf-icon-picker-url-tabs {
7043 box-sizing: border-box;
7044 display: flex;
7045 align-items: center;
7046 justify-items: center;
7047 gap: 12px;
7048 background-color: #f9f9f9;
7049 padding: 12px;
7050 border: 1px solid #8c8f94;
7051 border-radius: 0;
7052 }
7053
7054 .acf-field-icon-picker .acf-icon-picker-media-library .acf-icon-picker-media-library-preview,
7055 .acf-field-icon-picker .acf-icon-picker-url-tabs .acf-icon-picker-media-library-preview {
7056 all: unset;
7057 cursor: pointer;
7058 }
7059
7060 .acf-field-icon-picker .acf-icon-picker-media-library .acf-icon-picker-media-library-preview:focus,
7061 .acf-field-icon-picker .acf-icon-picker-url-tabs .acf-icon-picker-media-library-preview:focus {
7062 outline: 1px solid #0783BE;
7063 border-radius: 6px;
7064 }
7065
7066 .acf-field-icon-picker .acf-icon-picker-media-library .acf-icon-picker-media-library-preview-dashicon,
7067 .acf-field-icon-picker .acf-icon-picker-media-library .acf-icon-picker-media-library-preview-img,
7068 .acf-field-icon-picker .acf-icon-picker-url-tabs .acf-icon-picker-media-library-preview-dashicon,
7069 .acf-field-icon-picker .acf-icon-picker-url-tabs .acf-icon-picker-media-library-preview-img {
7070 box-sizing: border-box;
7071 width: 40px;
7072 height: 40px;
7073 border: solid 2px transparent;
7074 color: #fff;
7075 background-color: #191e23;
7076 display: flex;
7077 justify-content: center;
7078 align-items: center;
7079 border-radius: 6px;
7080 }
7081
7082 .acf-field-icon-picker .acf-icon-picker-media-library .acf-icon-picker-media-library-preview-img > img,
7083 .acf-field-icon-picker .acf-icon-picker-url-tabs .acf-icon-picker-media-library-preview-img > img {
7084 width: 90%;
7085 height: 90%;
7086 object-fit: cover;
7087 border-radius: 5px;
7088 border: 1px solid #667085;
7089 }
7090
7091 .acf-field-icon-picker .acf-icon-picker-media-library .acf-icon-picker-media-library-button,
7092 .acf-field-icon-picker .acf-icon-picker-url-tabs .acf-icon-picker-media-library-button {
7093 height: 40px;
7094 background-color: #0783BE;
7095 border: none;
7096 border-radius: 6px;
7097 padding: 8px 12px;
7098 color: #fff;
7099 display: flex;
7100 align-items: center;
7101 justify-items: center;
7102 gap: 4px;
7103 cursor: pointer;
7104 }
7105
7106 .acf-field-icon-picker .acf-icon-picker-media-library .acf-icon-picker-url,
7107 .acf-field-icon-picker .acf-icon-picker-url-tabs .acf-icon-picker-url {
7108 width: 100%;
7109 }
7110
7111 .-left .acf-field-icon-picker {
7112 max-width: inherit;
7113 }
7114
7115 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker {
7116 max-width: 600px;
7117 }
7118
7119 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .active a {
7120 background: #667085;
7121 color: #fff;
7122 }
7123
7124 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-tab-button {
7125 border: none;
7126 height: 25px;
7127 padding: 5px 10px;
7128 border-radius: 15px;
7129 }
7130
7131 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker li a .acf-tab-button {
7132 color: #667085;
7133 }
7134
7135 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-icon-picker > *:not(.acf-tab-wrap) {
7136 top: -32px;
7137 position: relative;
7138 }
7139
7140 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-tab-wrap .acf-tab-group {
7141 margin-right: 48px;
7142 display: flex;
7143 gap: 10px;
7144 justify-content: flex-end;
7145 align-items: center;
7146 background: none;
7147 border: none;
7148 max-width: 648px;
7149 border-bottom-width: 0;
7150 }
7151
7152 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-tab-wrap .acf-tab-group li {
7153 all: initial;
7154 box-sizing: border-box;
7155 margin-bottom: -17px;
7156 margin-right: 0;
7157 border-radius: 10px;
7158 }
7159
7160 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-tab-wrap .acf-tab-group li a {
7161 all: initial;
7162 outline: 1px solid transparent;
7163 color: #667085;
7164 box-sizing: border-box;
7165 border-radius: 100px;
7166 cursor: pointer;
7167 padding: 7px;
7168 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
7169 font-size: 12.5px;
7170 }
7171
7172 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-tab-wrap .acf-tab-group li.active a {
7173 background-color: #667085;
7174 color: #fff;
7175 border-bottom-width: 1px !important;
7176 }
7177
7178 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-tab-wrap .acf-tab-group li a:focus {
7179 outline: 1px solid #0783BE;
7180 }
7181
7182 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-tab-wrap {
7183 background: none;
7184 border: none;
7185 overflow: visible;
7186 }
7187
7188 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-dashicons-search-wrap {
7189 position: relative;
7190 }
7191
7192 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-dashicons-search-wrap::after {
7193 content: "";
7194 display: block;
7195 position: absolute;
7196 top: 11px;
7197 left: 10px;
7198 width: 18px;
7199 height: 18px;
7200 -webkit-mask-image: url(../../images/icons/icon-search.svg);
7201 mask-image: url(../../images/icons/icon-search.svg);
7202 background-color: #98A2B3;
7203 border: none;
7204 border-radius: 0;
7205 -webkit-mask-size: contain;
7206 mask-size: contain;
7207 -webkit-mask-repeat: no-repeat;
7208 mask-repeat: no-repeat;
7209 -webkit-mask-position: center;
7210 mask-position: center;
7211 text-indent: 500%;
7212 white-space: nowrap;
7213 overflow: hidden;
7214 }
7215
7216 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-dashicons-search-wrap .acf-dashicons-search-input {
7217 padding-left: 32px;
7218 border-radius: 6px 6px 0 0;
7219 }
7220
7221 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-dashicons-list {
7222 margin-bottom: -32px;
7223 display: flex;
7224 flex-wrap: wrap;
7225 justify-content: space-between;
7226 align-content: start;
7227 height: 135px;
7228 overflow: hidden;
7229 overflow-y: auto;
7230 background-color: #F9FAFB;
7231 border: 1px solid #D0D5DD;
7232 border-top: none;
7233 border-radius: 0 0 6px 6px;
7234 gap: 8px;
7235 padding: 8px;
7236 }
7237
7238 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-dashicons-list .acf-icon-picker-dashicon {
7239 background-color: transparent;
7240 display: flex;
7241 justify-content: center;
7242 align-items: center;
7243 width: 32px;
7244 height: 32px;
7245 border: solid 2px transparent;
7246 color: #3c434a;
7247 }
7248
7249 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-dashicons-list .acf-icon-picker-dashicon label {
7250 display: none;
7251 }
7252
7253 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-dashicons-list .acf-icon-picker-dashicon [type=radio],
7254 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-dashicons-list .acf-icon-picker-dashicon [type=radio]:active,
7255 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-dashicons-list .acf-icon-picker-dashicon [type=radio]:checked::before,
7256 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-dashicons-list .acf-icon-picker-dashicon [type=radio]:focus {
7257 all: initial;
7258 appearance: none;
7259 }
7260
7261 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-dashicons-list .acf-icon-picker-dashicon:hover {
7262 border: solid 2px #0783BE;
7263 border-radius: 6px;
7264 cursor: pointer;
7265 }
7266
7267 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-dashicons-list .active {
7268 border: solid 2px #0783BE;
7269 background-color: #EBF5FA;
7270 border-radius: 6px;
7271 }
7272
7273 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-dashicons-list .active.focus {
7274 border: solid 2px #0783BE;
7275 background-color: #EBF5FA;
7276 border-radius: 6px;
7277 box-shadow: 0 0 2px #0783be;
7278 }
7279
7280 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-dashicons-list::after {
7281 content: "";
7282 flex: auto;
7283 }
7284
7285 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-dashicons-list-empty {
7286 position: relative;
7287 display: none;
7288 flex-direction: column;
7289 justify-content: center;
7290 align-items: center;
7291 padding-top: 10px;
7292 padding-left: 10px;
7293 height: 135px;
7294 overflow: scroll;
7295 background-color: #F9FAFB;
7296 border: 1px solid #D0D5DD;
7297 border-top: none;
7298 border-radius: 0 0 6px 6px;
7299 }
7300
7301 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-dashicons-list-empty img {
7302 height: 30px;
7303 width: 30px;
7304 color: #D0D5DD;
7305 }
7306
7307 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-icon-picker-media-library,
7308 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-icon-picker-url-tabs {
7309 box-sizing: border-box;
7310 display: flex;
7311 align-items: center;
7312 justify-items: center;
7313 gap: 12px;
7314 background-color: #F9FAFB;
7315 padding: 12px;
7316 border: 1px solid #D0D5DD;
7317 border-radius: 6px;
7318 }
7319
7320 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-icon-picker-media-library .acf-icon-picker-media-library-preview,
7321 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-icon-picker-url-tabs .acf-icon-picker-media-library-preview {
7322 all: unset;
7323 cursor: pointer;
7324 }
7325
7326 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-icon-picker-media-library .acf-icon-picker-media-library-preview:focus,
7327 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-icon-picker-url-tabs .acf-icon-picker-media-library-preview:focus {
7328 outline: 1px solid #0783BE;
7329 border-radius: 6px;
7330 }
7331
7332 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-icon-picker-media-library .acf-icon-picker-media-library-preview-dashicon,
7333 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-icon-picker-media-library .acf-icon-picker-media-library-preview-img,
7334 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-icon-picker-url-tabs .acf-icon-picker-media-library-preview-dashicon,
7335 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-icon-picker-url-tabs .acf-icon-picker-media-library-preview-img {
7336 box-sizing: border-box;
7337 width: 40px;
7338 height: 40px;
7339 border: solid 2px transparent;
7340 color: #fff;
7341 background-color: #191e23;
7342 display: flex;
7343 justify-content: center;
7344 align-items: center;
7345 border-radius: 6px;
7346 }
7347
7348 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-icon-picker-media-library .acf-icon-picker-media-library-preview-img > img,
7349 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-icon-picker-url-tabs .acf-icon-picker-media-library-preview-img > img {
7350 width: 90%;
7351 height: 90%;
7352 object-fit: cover;
7353 border-radius: 5px;
7354 border: 1px solid #667085;
7355 }
7356
7357 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-icon-picker-media-library .acf-icon-picker-media-library-button,
7358 .acf-admin-page.acf-internal-post-type .acf-field-icon-picker .acf-icon-picker-url-tabs .acf-icon-picker-media-library-button {
7359 height: 40px;
7360 background-color: #0783BE;
7361 border: none;
7362 border-radius: 6px;
7363 padding: 8px 12px;
7364 color: #fff;
7365 display: flex;
7366 align-items: center;
7367 justify-items: center;
7368 gap: 4px;
7369 cursor: pointer;
7370 }
7371
7372 /*# sourceMappingURL=acf-global.css.map*/