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